html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;padding:0;background:#0b1020}body::before{display:none}#game{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#0b1020;isolation:isolate}#scene{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:-4px}#hud{position:absolute;inset:0;pointer-events:none;font:700 12px ui-monospace,Menlo,monospace;color:#f4f1dc;text-shadow:1px 2px #0b1020}#hud[hidden],.overlay[hidden]{display:none}.topline{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px}.readout,.round{display:flex;flex-direction:column;gap:5px;padding:9px 12px;background:#0b1020df;border:1px solid #3ee0d066;border-radius:4px}.readout strong{font-size:25px;letter-spacing:2px;color:#3ee0d0}.readout span{color:#c6d5e7;font-size:10px}.round{text-align:right;color:#ffd166}#notice{position:absolute;top:23%;width:100%;text-align:center;font-size:17px;letter-spacing:1px;padding:0 12px}.bottomline{position:absolute;bottom:max(42px,calc(env(safe-area-inset-bottom) + 32px));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;gap:6px;justify-content:center;align-items:center;pointer-events:auto}.bottomline button,.bottomline a{flex:0 1 auto;min-height:44px;padding:8px 10px;border:1px solid #3ee0d066;border-radius:4px;color:#f4f1dc;background:#0b1020e8;text-decoration:none;font:700 11px ui-monospace,monospace;cursor:pointer}#hint{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));width:100%;text-align:center;font-size:10px;color:#eef5e7}.overlay{position:absolute;padding:max(16px,env(safe-area-inset-top)) 18px;overflow:auto;background:#0b1020b8}.intro-panel{width:min(100%,460px);margin:auto;border:2px solid #3ee0d0;border-radius:8px;box-shadow:6px 6px 0 #7c5cff80;background:#0b1020ed;padding:24px 20px;display:flex;flex-direction:column;gap:15px;align-items:center}.intro-panel h1{font-size:clamp(2.3rem,10vw,4rem);line-height:1.1;margin:0}.intro-panel p{font-size:1rem;max-width:34ch;color:#d8e4f7}.intro-panel .helpkeys{font-size:12px;color:#aabbd4}.intro-panel a{color:#3ee0d0;font-size:12px;z-index:1}.intro-panel button{min-width:180px;min-height:56px;z-index:1;border-radius:4px;font:700 20px ui-monospace,monospace}.intro-panel .kicker{font-size:10px}.scan::after{z-index:-1}@media(max-height:500px){.intro-panel{padding:12px;gap:8px}.intro-panel h1{font-size:2rem}.intro-panel .helpkeys{font-size:10px}.intro-panel button{min-height:44px}.topline{top:max(8px,env(safe-area-inset-top))}#notice{top:29%}}