/* The collection shares one quiet library; every arena keeps its own character. */
.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.tile-cover img{object-position:center}.tile-wordmark{font-size:clamp(21px,2.05vw,31px);left:14px}.tile-tag{font-size:6px;left:10px;top:10px}.rail-main{gap:25px}.rail-games{padding-top:17px}.rail-game{padding-block:9px;font-size:10px}.rail-game-gem{font-size:16px}.tile-open{top:35px}.next-game-tile[hidden]{display:none}
.arcade-page{padding:26px 34px 22px;max-width:1600px;margin:auto}.arcade-detail{display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.arcade-keyart{position:relative;background:#0c172a;min-height:630px}.arcade-keyart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.arcade-keyart:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0a172ab3)}.arcade-edition{position:absolute;bottom:25px;left:25px;z-index:1;color:#fff;font-size:9px;letter-spacing:.15em}.arcade-description{padding:35px}.arcade-description .eyebrow{font-size:9px;letter-spacing:.14em;color:#678095;margin-bottom:15px}.arcade-description h1{font:650 clamp(29px,3vw,46px)/1.05 Floe,sans-serif;letter-spacing:-.035em}.arcade-tagline{font-size:14px;color:#3457ae;margin:12px 0 20px}#arcade-description{font-size:12px;color:#63758c;line-height:1.85}.arcade-facts{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 20px;font-size:8px;font-weight:650;letter-spacing:.08em;color:#537083}.arcade-description>.btn{min-height:44px;font-size:13px;margin-right:6px;padding:10px 22px}.arcade-description>.hint{font-size:10px;margin-top:12px;line-height:1.6;min-height:30px}.arcade-race-entry{padding-top:18px;margin-top:12px;border-top:1px solid var(--line)}.arcade-race-entry>b{font-size:9px;letter-spacing:.13em}.arcade-race-entry p{font-size:11px;color:#63758c;margin:7px 0 12px}.arcade-race-entry>div{display:flex;gap:7px}.arcade-race-entry input{width:100px;min-width:0;border:1px solid var(--line);border-radius:4px;padding:9px;font-size:11px;text-transform:uppercase}.arcade-race-entry .btn{font-size:11px;padding:8px 12px}.arcade-race-entry small{display:block;font-size:9px;color:#708399;margin-top:10px}.arcade-howto{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.arcade-howto summary{font-size:12px;font-weight:650;cursor:pointer}.arcade-howto>p{font-size:11px;line-height:1.7;color:#64788e;margin:12px 0}.arcade-control{display:flex;align-items:baseline;gap:12px;margin:7px 0;font-size:10px;color:#61758b}.arcade-control kbd{min-width:86px;font-size:9px;color:#304864;font-family:inherit;font-weight:650}.arcade-control span{flex:1}
.arcade-play-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.arcade-play-heading>div:first-child{flex:1}.arcade-play-heading .eyebrow{font-size:8px;letter-spacing:.13em;color:#637b91;margin-bottom:6px}.arcade-play-heading h2{font:650 24px/1.1 Floe,sans-serif}.arcade-play-heading .btn{font-size:10px;padding:8px 11px}.arcade-run-score{display:flex;gap:24px;margin-right:15px}.arcade-run-score>span{font-size:7px;letter-spacing:.1em;color:#6c8196;min-width:58px}.arcade-run-score b{display:block;font-size:20px;letter-spacing:0;color:#183d60;margin-top:4px;font-variant-numeric:tabular-nums}.arcade-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 182px;gap:18px}.arcade-stage{position:relative;background:#07121f;border-radius:8px;overflow:hidden;align-self:start;display:flex;align-items:center;justify-content:center;min-height:200px;box-shadow:0 9px 25px #16325a13}.arcade-stage canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;outline:none;max-height:calc(100svh - 242px);object-fit:contain}.arcade-stage canvas:focus-visible{outline:none}.arcade-sidebar{padding:18px 14px;border:1px solid var(--line);background:#fff;border-radius:7px;align-self:start}.arcade-sidebar>.eyebrow,.arcade-sidebar .eyebrow{font-size:8px;letter-spacing:.11em;margin:0 0 10px;color:#47687d}#arcade-live-objective{font-size:11px;color:#344e65;line-height:1.65;margin-bottom:18px}.arcade-sidebar .arcade-control{display:block;margin:11px 0}.arcade-sidebar .arcade-control kbd{display:block;margin-bottom:3px}.arcade-sidebar .arcade-control span{font-size:9px;line-height:1.5}.arcade-sync{font-size:10px;color:#497267;margin-top:20px;border-top:1px solid #e5ecf1;padding-top:12px;line-height:1.6}.arcade-points-note{font-size:9px;color:#8996a4;line-height:1.6;margin-top:12px}.arcade-play-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#71869a;margin-top:14px}.arcade-overlay{position:absolute;inset:0;background:#071326c9;backdrop-filter:blur(6px);display:grid;place-items:center;text-align:center;padding:20px;color:#fff}.arcade-overlay>div{max-width:420px}.arcade-overlay .eyebrow{font-size:9px;letter-spacing:.16em;color:#94bfd9}.arcade-overlay h2{font:650 38px/1.12 Floe,sans-serif;letter-spacing:-.025em;margin:13px 0}.arcade-overlay p:not(.eyebrow){font-size:12px;line-height:1.8;color:#c2d4e2;margin-bottom:22px}.arcade-overlay .btn{font-size:12px;margin:3px;padding:11px 20px}.arcade-overlay .btn:not(.primary){color:#f0f5fc;background:#ffffff17;border-color:#ffffff40}#arcade-race-panel{padding-top:16px;border-top:1px solid var(--line);margin-top:15px}#arcade-room-code{display:block;font-size:22px;letter-spacing:.12em;margin-top:7px;color:#1e557d}.race-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin:10px 0}.race-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-row b{font-variant-numeric:tabular-nums}
@media(min-width:1750px){.game-grid{grid-template-columns:repeat(6,minmax(0,210px))}.arcade-stage canvas{max-height:760px}}
@media(max-width:1150px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:750px}.tile-wordmark{font-size:28px}.arcade-page{padding-inline:24px}.arcade-detail{grid-template-columns:.85fr 1fr}.arcade-description{padding:25px}.arcade-play-layout{grid-template-columns:minmax(0,1fr) 155px;gap:12px}.arcade-sidebar{padding:14px 10px}.arcade-play-heading h2{font-size:20px}.arcade-run-score{gap:12px;margin-right:0}}
@media(max-width:800px){.arcade-detail{grid-template-columns:1fr}.arcade-keyart{min-height:230px;max-height:230px}.arcade-keyart img{object-position:center 45%}.arcade-play-layout{grid-template-columns:1fr}.arcade-sidebar{display:flex;flex-wrap:wrap;gap:8px 22px}.arcade-sidebar>.eyebrow{flex-basis:100%;margin-bottom:0}#arcade-live-objective{max-width:220px;margin-bottom:0}#arcade-live-controls{display:flex;flex-wrap:wrap;gap:0 15px;flex:1;min-width:200px}.arcade-sidebar .arcade-control{margin:3px 0}.arcade-sync{width:100%;margin-top:5px;padding-top:8px}.arcade-points-note{margin-top:0}.arcade-play-heading{flex-wrap:wrap}.arcade-run-score b{font-size:17px}.arcade-run-score{margin-left:auto}.arcade-stage canvas{max-height:none}.arcade-play-footer{flex-wrap:wrap}.arcade-keyart .arcade-edition{bottom:16px;left:20px}.arcade-page{padding:20px 24px}}
@media(max-width:540px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tile-wordmark{font-size:25px}.arcade-page{padding:18px 17px}.arcade-description{padding:23px 19px}.arcade-keyart{min-height:190px;max-height:190px}.arcade-run-score{gap:10px}.arcade-run-score>span{min-width:48px;font-size:6px}.arcade-run-score b{font-size:16px}.arcade-play-heading h2{font-size:18px}.arcade-overlay h2{font-size:25px}.arcade-overlay p:not(.eyebrow){font-size:10px;margin-bottom:10px}.arcade-overlay{padding:12px}.arcade-overlay .btn{font-size:10px;padding:8px 12px}.arcade-facts{gap:8px;font-size:7px}.arcade-race-entry input{width:95px}}
/* Every play session occupies the viewport, with game controls floating above it. */
body.arcade-open{overflow:hidden}.arcade-open #arcade-play{position:fixed;inset:0;z-index:20;background:#07151d;color:#e3efe6;display:flex;flex-direction:column;padding:0}.arcade-open .arcade-play-heading{height:62px;min-height:62px;padding:10px 22px;margin:0;box-sizing:border-box;background:#10282bea;gap:14px}.arcade-open .arcade-play-heading h2{font-size:20px;color:#e8f1dd}.arcade-open .arcade-play-heading .eyebrow{color:#a5c7b9}.arcade-open .arcade-play-heading .btn{background:#ffffff12;border-color:#638076;color:#e4efe1}.arcade-open .arcade-run-score b{color:#e8efce}.arcade-open .arcade-run-score>span{color:#a5bfb2}.arcade-open .arcade-play-layout{display:flex;min-height:0;flex:1;position:relative;gap:0}.arcade-open .arcade-stage{flex:1;align-self:stretch;border-radius:0;box-shadow:none;min-height:0;width:100%;background:#07151d}.arcade-open .arcade-stage canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}.arcade-open .arcade-sidebar{display:none;position:absolute;z-index:4;right:18px;top:16px;width:260px;max-height:calc(100% - 32px);overflow:auto;box-sizing:border-box;background:#f6f8f1;color:#243c38}.arcade-open .show-help .arcade-sidebar{display:block}.arcade-open .arcade-play-footer{height:28px;min-height:28px;padding:0 22px;align-items:center;margin:0;background:#10282b;color:#acc1b5}.multiplayer-policy{font-size:11px;line-height:1.7;color:#44685b;background:#edf4ee;padding:12px 15px;border-left:3px solid #669582;margin-top:20px}.arcade-open .arcade-overlay{backdrop-filter:none;background:#0b252bd9}.arcade-open .arcade-overlay>div{max-width:480px}.arcade-open .arcade-overlay h2{color:#f4eed5}
@media(max-width:700px){.arcade-open .arcade-play-heading{height:60px;min-height:60px;gap:7px;padding:8px}.arcade-open .arcade-play-heading h2{font-size:15px}.arcade-open .arcade-play-heading .eyebrow{display:none}.arcade-open #arcade-sound{display:none}.arcade-open .arcade-run-score{gap:8px}.arcade-open .arcade-run-score>span{min-width:32px;font-size:6px}.arcade-open .arcade-run-score b{font-size:13px}.arcade-open .arcade-play-heading .btn{font-size:9px;padding:6px}.arcade-open .arcade-play-footer{padding:0 8px;font-size:7px;height:35px;min-height:35px}.arcade-open .arcade-sidebar{width:230px;right:8px}.arcade-open .arcade-play-heading{flex-wrap:nowrap}.arcade-open .arcade-stage{min-height:0}}
