:root{color-scheme:dark;--ink:#08111f;--panel:#101f35;--text:#f4f8ff;--muted:#a1b2c6;--aqua:#55e6d1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#192a4a,transparent 60%),var(--ink);font-family:system-ui,sans-serif;color:var(--text)}header,main{max-width:1260px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:25px;letter-spacing:-1px;text-decoration:none;color:#fff}.brand span{color:var(--aqua)}a{color:var(--aqua)}header>a:last-child{font-size:13px;text-decoration:none}.game-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 25px}.eyebrow{font-size:11px;color:var(--aqua);letter-spacing:2px;text-transform:uppercase}h1{margin:6px 0 10px;font-size:clamp(27px,4vw,45px);letter-spacing:-1.5px}.credit{color:var(--muted);font-size:13px}.secondary,button{display:inline-block;color:var(--text);border:1px solid #435369;background:#192b42;border-radius:10px;padding:12px 18px;cursor:pointer;font:inherit;font-size:13px;text-decoration:none}.secondary:hover,button:hover{background:#29445d}button:focus-visible,a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.player{border:1px solid #31455c;border-radius:16px;overflow:hidden;background:#101e32;min-height:540px;display:grid;place-items:center}#start-panel{text-align:center;padding:30px;max-width:590px}#start-panel img{max-width:100%;height:180px;object-fit:contain;border-radius:18px}#start-panel h2{margin:20px 0 5px;font-size:28px;letter-spacing:-1px}#start-panel p{color:#b8cadb;line-height:1.6}#play{font-size:15px;font-weight:800;background:var(--aqua);color:#102a35;border:none;padding:16px 28px;margin:7px 0}#play:hover{background:#a4f7e5}.small{font-size:11px}#frame-mount{width:100%;height:100%;display:none}#frame-mount.ready{display:block}iframe{width:100%;height:min(75vh,760px);min-height:540px;display:block;border:0;background:#101820}.player:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.player:fullscreen #frame-mount,.player:fullscreen iframe{height:100%;min-height:0}.player-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0}.player-tools p{color:#9ab0c3;font-size:12px}.player-tools>div{display:flex;gap:10px}.details{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #253a50;padding:25px 0}.details h2{font-size:16px}.details p{font-size:13px;color:#a7bacd;line-height:1.8}footer{padding:20px 0;color:#728aa1;font-size:11px;border-top:1px solid #253a50}[hidden]{display:none!important}@media(max-width:650px){header,main{padding:18px}.game-title{align-items:start;flex-direction:column;gap:4px}.secondary{font-size:12px}.player{min-height:420px;border-radius:12px}iframe{min-height:420px;height:65vh}#start-panel{padding:23px}#start-panel img{height:145px}.details{grid-template-columns:1fr;gap:8px}.player-tools{align-items:start;flex-direction:column}.player-tools button{padding:10px 14px}h1{letter-spacing:-.7px}}

.secondary{background:#55e6d1;color:#102a35;border-color:#55e6d1;font-weight:800}#start-panel img{height:auto;max-height:220px;width:100%;object-fit:contain}.secondary:hover{background:#a4f7e5}




#loading-check{border:1px solid #31455c;border-radius:12px;padding:20px;margin:20px 0}#loading-check h2{margin-top:0;font-size:18px}#loading-check p{font-size:13px;color:var(--muted)}#loading-report{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;user-select:text}.player-tools>div{flex-wrap:wrap}

/* Reserve symmetric scrollbar space so loading/report panels do not shift the player sideways. */
html{scrollbar-gutter:stable both-edges}