:root{--rail-space:82px}
body{padding-right:var(--rail-space);transition:background-color .32s ease,color .32s ease}
[hidden]{display:none!important}
.game-subtitle{font-weight:850;letter-spacing:.2em;font-size:clamp(.8rem,2vw,1.3rem);margin:0 0 24px}
.game-rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:20;width:66px;padding:9px 6px;border:2px solid var(--ink);border-radius:34px;background:var(--paper);color:var(--ink);box-shadow:-5px 6px 0 var(--coral);transition:width .22s ease;overflow:hidden}
.game-rail.open{width:222px;border-radius:24px}
.rail-toggle{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;background:none;border:0;color:inherit;cursor:pointer;padding:7px 0 13px;font:800 8px var(--body);letter-spacing:.12em}
.rail-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;transition:transform .2s}
.game-rail.open .rail-toggle{flex-direction:row;justify-content:space-between;padding:10px 12px 15px;font-size:11px}
.game-rail.open .rail-toggle svg{transform:rotate(180deg)}
.game-choices{display:flex;flex-direction:column;gap:12px}
.rail-game{position:relative;display:flex;align-items:center;gap:13px;width:100%;background:none;border:0;color:inherit;padding:1px 0;text-align:left;cursor:pointer;font-family:var(--body)}
.game-circle{width:50px;height:50px;border:2px solid transparent;box-shadow:inset 0 0 0 2px #ffffff33;border-radius:50%;display:grid;place-items:center;flex:none;overflow:hidden;transition:transform .18s,border-color .18s}
.invasion-circle{background:#fddd50}.invasion-circle img{width:44px;height:45px;object-fit:contain;image-rendering:pixelated;transform:translateY(4px)}
.radar-circle{background:#102a32}.radar-circle img{width:39px;height:39px}
.rail-game[aria-pressed="true"] .game-circle{border-color:var(--ink);outline:2px solid var(--coral);outline-offset:1px}
.rail-game:hover .game-circle{transform:translateY(-2px)}
.rail-label{white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}
.rail-label b{display:block;font-size:14px;line-height:1.25}.rail-label small{font-size:11px;color:var(--ink-soft)}
.game-rail.open .rail-label{opacity:1}
.rail-home{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 0 8px;text-decoration:none;color:var(--ink)}
.rail-home svg{width:18px;height:18px;fill:currentColor;flex:none}.rail-home span{display:none;font-weight:750;font-size:12px;white-space:nowrap}.game-rail.open .rail-home span{display:block}
.game-title-choice{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:inherit;cursor:pointer}.game-title-choice:hover{text-decoration:underline;text-underline-offset:5px}
.shelf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.shelf-actions .btn{font-size:.9rem;padding:.85em 1em;align-self:stretch}
.feature-art{aspect-ratio:16/10;width:100%;object-fit:cover;border:2px solid var(--ink);border-radius:13px;margin-bottom:18px;background:var(--night);filter:brightness(1.35) contrast(1.08)}
.feature-roster h3{font-size:1.35rem}.radar-summary{gap:20px}.radar-summary>img{width:120px;border-radius:10px;flex:none}.roster .feature-card{padding-top:0}
:root[data-game="radar"]{--sun:#0b202a;--ink:#e0f8e9;--coral:#d5a450;--night:#06151c;--paper:#15343e;--ink-soft:#a4c9c9;color-scheme:dark}
[data-game="radar"] .hero h1{font-family:var(--body);font-weight:900;font-size:clamp(3.6rem,7vw,7.5rem);letter-spacing:.05em;text-shadow:-.035em .05em 0 #3e7e7c}
[data-game="radar"] .poster{transform:rotate(1.5deg);border-color:#6ea494;box-shadow:-12px 14px 0 #d5a450}
[data-game="radar"] .poster img{aspect-ratio:2/3}
[data-game="radar"] .screen .display{color:var(--ink)}
[data-game="radar"] .controls kbd{background:#264b53;color:var(--ink)}
[data-game="radar"] .live p,[data-game="radar"] .foot{color:#21424b}
[data-game="radar"] .live .display{color:#0b202a;text-shadow:-.035em .05em 0 #d5a450}
[data-game="radar"] .hero .facts li{border-color:#628e89}
[data-game="radar"] .rivals{max-width:100%}
[data-game="radar"] .shelf .game .art img{object-position:50% 50%}
@media(max-width:900px){:root{--rail-space:70px}.game-rail{right:7px;width:56px;padding:8px 4px}.game-circle{width:44px;height:44px}.invasion-circle img{width:39px;height:40px}.radar-circle img{width:34px;height:34px}.game-rail.open{width:208px}.feature-art{margin-bottom:14px}.radar-summary{flex-direction:column;text-align:center}}
@media(max-width:560px){:root{--rail-space:59px}.game-rail{right:5px;width:48px;border-radius:25px;box-shadow:-3px 4px 0 var(--coral);padding:7px 3px}.game-circle{width:38px;height:38px}.invasion-circle img{width:34px;height:36px}.radar-circle img{width:29px;height:29px}.rail-toggle{font-size:7px;letter-spacing:.04em}.game-choices{gap:13px}.game-rail.open{width:202px}.top .wrap{flex-wrap:wrap}.top nav{font-size:.8rem}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.poster{width:94%}.roster{gap:16px}.feature-roster{grid-template-columns:1fr}.screen{padding:16px}.player{border-radius:10px}}
@media(prefers-reduced-motion:reduce){body,.game-rail,.game-circle,.rail-label,.rail-toggle svg{transition:none}}