:root{--bg:#F6F7FF;--surface:#fff;--ink:#1E1B3A;--muted:#5A567A;--gosi:#5A3BE0;--ground:#DCDFF8;--cloud:#E6E8FF}
@media (prefers-color-scheme: dark){:root{--bg:#13112A;--surface:#1E1B3A;--ink:#F6F7FF;--muted:#BDB9DA;--gosi:#B9A6FF;--ground:#0D0B1F;--cloud:#262350;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:500 17px/1.55 Lexend,system-ui,sans-serif;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:var(--gosi)}h1,h2{font-family:"Baloo 2",system-ui,sans-serif;line-height:1.1;margin:0 0 10px}h1{font-family:DynaPuff,"Baloo 2",sans-serif;font-weight:600;font-size:clamp(32px,5vw,48px)}
.s-head,.s-main,.s-foot{max-width:1100px;margin:0 auto}.s-head{display:flex;justify-content:space-between;align-items:center;padding-block:16px}
.s-logo{display:flex;align-items:center;gap:10px;font:600 26px DynaPuff,sans-serif;color:var(--ink);text-decoration:none}.s-logo b{color:var(--gosi);font-weight:500}
.s-btn{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:999px;background:#5A3BE0;color:#fff;font:700 18px "Baloo 2",sans-serif;text-decoration:none;box-shadow:0 5px 0 #3D24B0}
.s-btn.ghost{background:var(--surface);color:var(--ink);box-shadow:0 5px 0 var(--ground)}
.s-crumbs{font-size:14px;color:var(--muted);margin:8px 0 18px}.s-crumbs a{color:var(--muted)}
.s-game{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}@media (max-width:760px){.s-game{grid-template-columns:1fr}}
.s-cover{width:100%;height:auto;border-radius:24px;box-shadow:0 8px 0 var(--ground);max-width:100%}
.s-info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.s-meta,.s-credit{color:var(--muted);font-size:15px}
.s-how{background:var(--surface);border-radius:16px;padding:10px 14px}
section{margin-top:40px}.s-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.s-list a{display:flex;flex-direction:column;gap:8px;background:var(--surface);border-radius:20px;padding:8px;text-decoration:none;color:var(--ink);font-weight:700;box-shadow:0 5px 0 var(--ground)}
.s-list img{width:100%;height:auto;border-radius:14px;aspect-ratio:16/10;object-fit:cover}
.s-foot{padding-block:40px;color:var(--muted);font-size:14px}.s-foot a{color:var(--muted)}