:root{--bg:#0b0e17;--bg-deep:#070910;--card:#171c30;--edge:rgba(255,255,255,0.07);--text:#f2f1ec;--muted:#8b90a8;--brand:#ff5c47;--radius:16px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg)}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.shell{max-width:1880px;margin:0 auto;padding:0 clamp(20px,2.2vw,40px)}.site-header{display:flex;align-items:center;gap:16px;padding:15px 0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 76%,transparent)}.logo{font-size:23px;font-weight:900;letter-spacing:-.04em;flex-shrink:0}.logo .pop{color:var(--brand)}.cat-nav{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav a{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap;padding:8px 14px;border-radius:999px}.cat-nav a.on{color:#fff;background:var(--card);border:1px solid var(--edge)}.cat-nav a:hover{color:#fff}.locale-btn{margin-left:auto;position:relative;flex-shrink:0}.locale-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;background:var(--card);border:1px solid var(--edge);transition:color .12s,border-color .12s}.locale-toggle:hover,.locale-toggle[aria-expanded=true]{color:#fff;border-color:rgba(255,255,255,.2)}.locale-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;background:var(--card);border:1px solid var(--edge);border-radius:14px;padding:8px;display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;width:260px;box-shadow:0 20px 48px rgba(0,0,0,.6);transform-origin:top right;animation:menuIn .14s cubic-bezier(.2,.9,.3,1.2) backwards}@keyframes menuIn{0%{opacity:0;transform:scale(.92) translateY(-4px)}}.locale-menu a{font-size:12.5px;font-weight:600;color:var(--muted);padding:9px 11px;border-radius:9px}.locale-menu a:hover{color:#fff;background:rgba(255,255,255,.07)}.locale-menu a[aria-current=true]{color:var(--brand);background:rgba(255,92,71,.1)}.rail-head{display:flex;align-items:baseline;gap:10px;margin:24px 0 12px}.rail-head h1,.rail-head h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.02em}.rail-head .more{color:var(--muted);font-size:12px;font-weight:700}.rail-head .more:hover{color:var(--brand)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));grid-gap:14px;gap:14px}.grid .feature{grid-column:span 2;grid-row:span 2}@media (max-width:480px){.grid{grid-template-columns:repeat(2,1fr)}}.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.shell{z-index:1}.gcard,.shell{position:relative}.gcard{display:block;aspect-ratio:1/1;perspective:720px;animation:cardIn .48s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:var(--enter,0s)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.97)}}.gcard .tiltbox{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;background:var(--card);border:1px solid var(--edge);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1));transition:transform .14s ease,box-shadow .18s ease;will-change:transform}.gcard:focus-visible,.gcard:hover{z-index:2}.gcard:focus-visible .tiltbox,.gcard:hover .tiltbox{--sc:1.035;box-shadow:0 22px 48px rgba(0,0,0,.6),0 0 0 2px var(--ac,var(--brand)),0 0 34px -6px var(--ac,var(--brand))}.gcard img,.gcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.gcard video{opacity:0;transition:opacity .18s ease}.gcard.playing video{opacity:1}.gcard .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:54px}.gcard .sheen{position:absolute;inset:0;z-index:2;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.13),transparent 56%);transition:opacity .16s ease;pointer-events:none}.gcard:hover .sheen{opacity:1}.gcard .label{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:28px 12px 11px;background:linear-gradient(180deg,transparent,rgba(5,7,14,.9) 64%);font-size:13.5px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .14s ease,transform .14s ease}.gcard:focus-visible .label,.gcard:hover .label{opacity:1;transform:none}.gcard.feature .label{font-size:17px;opacity:1;transform:none;padding-bottom:14px}.badge{font-size:10px;font-weight:800;letter-spacing:.06em;background:var(--ac,var(--brand));color:#0b0e17;border-radius:999px;padding:3px 8px;flex-shrink:0}@media (prefers-reduced-motion:reduce){.gcard{animation:none}.gcard .tiltbox{transition:none;transform:none}.locale-menu{animation:none}}.player-head{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.player-head h1{margin:0;font-size:clamp(19px,3vw,24px);font-weight:800;letter-spacing:-.02em}.chip{font-size:11px;font-weight:700;color:var(--muted);background:var(--card);border:1px solid var(--edge);padding:5px 11px;border-radius:999px;white-space:nowrap}.player-actions{margin-left:auto;display:flex;gap:8px}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--card);border:1px solid var(--edge);color:var(--text);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;font-family:inherit;transition:border-color .12s}.icon-btn:hover{border-color:var(--brand);color:#fff}.game-stage{position:relative;background:var(--bg-deep);border-radius:var(--radius);border:1px solid var(--edge);overflow:hidden}.game-frame{display:block;width:100%;aspect-ratio:16/10;border:0}.game-desc{color:var(--muted);font-size:14.5px;line-height:1.65;max-width:70ch;margin:14px 0 0}.crumbs{font-size:12px;color:var(--muted);margin:14px 0 8px}.crumbs a:hover{color:var(--brand)}.ad-slot{border-radius:var(--radius);border:1px dashed rgba(255,255,255,.1);min-height:100px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.16);font-size:11px;letter-spacing:.1em;margin:26px 0 0}.site-footer{margin-top:52px;padding:20px 0 40px;border-top:1px solid var(--edge);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px}.site-footer a:hover{color:var(--brand)}.prose{max-width:68ch;line-height:1.7;font-size:15px;padding-bottom:40px}.prose h1{font-size:24px;letter-spacing:-.02em}.prose h2{font-size:17px;margin-top:28px}.prose li,.prose p{color:var(--muted)}