:root{color-scheme:dark;--ink:#eef4ff;--phone:#ff4f9a;--desk:#58dcff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 10%,#27305b,#090a17 65%);color:var(--ink);font-family:system-ui,sans-serif;min-height:100vh}main{max-width:1050px;margin:auto;padding:20px}header{text-align:center}header a{float:left;color:#9db5ff;text-decoration:none}h1{letter-spacing:.12em;margin:30px 0 3px;font-size:clamp(2rem,8vw,4.5rem)}h1 i{color:var(--phone);font-style:normal}header p{letter-spacing:.35em;color:#aeb6d4}header b{color:var(--desk)}.panel{max-width:580px;margin:50px auto;padding:32px;border:1px solid #53649c;border-radius:20px;background:#121832cc;text-align:center;box-shadow:0 15px 60px #0008}.mode{display:flex;gap:12px;justify-content:center;margin:28px 0}button{background:#26325e;border:1px solid #7288cb;color:white;border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer}#quick{background:linear-gradient(100deg,#f34f98,#754bea)}.fine{font-size:.8rem;color:#aab2cb;line-height:1.5}.hud{display:flex;justify-content:space-between;align-items:center;margin:8px auto;max-width:960px;font-size:.9rem}.hud strong{font-size:1.25rem}.hud button{padding:7px 10px}canvas{width:100%;height:auto;display:block;border:1px solid #58649e;border-radius:14px;background:#12182f}#banner{text-align:center;height:24px;color:#f9d37b;font-weight:bold;margin:7px}.savepick{display:block;margin:13px;color:#c4cef0}.savepick select{margin-left:7px;padding:7px;background:#101632;color:#fff;border:1px solid #6575a8;border-radius:6px}#game{position:relative}#cheatWatermark{position:absolute;z-index:2;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-18deg);font-weight:1000;letter-spacing:.18em;font-size:clamp(2rem,8vw,5rem);color:#ff426d99;text-shadow:0 0 10px #000;pointer-events:none}.touch{display:none;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px auto;max-width:500px}.touch button{font-size:1.4rem}@media(pointer:coarse){.touch{display:grid}}@media(max-width:600px){main{padding:10px}.hud{font-size:.7rem}.hud strong{font-size:1rem}header a{float:none;display:block;text-align:left}}
/* FW-ARCADE-A fullscreen: ⛶ button at the right end of the HUD; #game is the fullscreen element so HUD stays visible. */
.fw-fs-btn{margin-left:auto;font-size:1.1rem;line-height:1;padding:7px 10px}
#game:fullscreen{width:100vw;height:100vh;max-width:none;margin:0;padding:12px;overflow-y:auto;background:#090a17;box-sizing:border-box}
#game:fullscreen .hud{max-width:none}
#game:fullscreen #arena{width:min(100%,calc((100vh - 190px)*16/9));height:auto;margin:0 auto}
#game:fullscreen #cheatWatermark{position:fixed}