:root{font-family:Segoe UI,system-ui,sans-serif;color:#fff;background:#000;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}#app{width:100%;height:100dvh;display:flex;flex-direction:column;gap:8px;padding:max(12px,2vmin,env(safe-area-inset-top)) max(12px,2vmin,env(safe-area-inset-right)) max(12px,2vmin,env(safe-area-inset-bottom)) max(12px,2vmin,env(safe-area-inset-left))}#cabinet{position:relative;flex:1;min-height:0;background:#000;overflow:hidden}#game{width:100%;height:100%;touch-action:none;outline:none}#game canvas{display:block}.screen-controls{position:absolute;transform-origin:top left;pointer-events:none}.screen-controls button{position:absolute;padding:0;border:0;border-radius:0;background:transparent;color:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;outline:none}#pause-menu{position:absolute;inset:0;pointer-events:none}.play-control{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:32px;height:32px;padding:0;border:1px solid #ffffff80;background:#ffffff20;color:#ffffff80;cursor:pointer;pointer-events:auto}.play-control:hover{color:#fff;border-color:#fff;background:#ffffff40}.play-control:focus{border:3px solid white;outline:none;color:#fff}.play-control:active{background:#ffffff80}.play-control svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}#resume,#home{width:48px;height:48px}#home{right:max(64px,calc(env(safe-area-inset-right) + 64px))}#status{flex:none;min-height:36px;max-height:30dvh;overflow:auto;overflow-wrap:anywhere;text-align:center;padding:8px;background:#000d;font-size:13px;line-height:20px}#status:empty{visibility:hidden}#status.error{color:#ffb7a5}#about-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:#000;padding:clamp(12px,3vmin,28px)}.about-content{flex:1;min-height:0;overflow:auto;width:100%;max-width:640px;margin:0 auto;padding:8px;line-height:1.5}.about-footer{flex:none;width:100%;max-width:640px;margin:0 auto;padding:0 8px 8px}.about-content h1{color:#ffe600;font-size:clamp(26px,5vmin,40px);margin:0 0 16px}.about-content h2{font-size:20px;margin:24px 0 12px}.about-content li{margin-bottom:12px}.about-content a{color:#a3caff}.about-content a,#about-back{scroll-margin:16px}.about-content a:focus,#about-back:focus{outline:3px solid white;outline-offset:4px}.about-help{color:#bbb;font-size:14px}#about-back{padding:10px 24px;border:1px solid white;background:#222;color:#fff;font:inherit;cursor:pointer}button:disabled{cursor:default}