:root{color-scheme:dark;--dusk: #1d1e24;--gold: #e8bb4a;--cream: #f2dcb4;--sand: #583d30}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--dusk);color:var(--cream);font-family:WenQuanYi Micro Hei,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#stage{height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;touch-action:none}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#1d1e24}#boot img{image-rendering:pixelated;width:180px;height:320px}#boot-canvas{background:#1d1e24}body.ready #boot{display:none}canvas{image-rendering:pixelated;touch-action:none;background:#1d1e24}#fps{position:fixed;left:8px;bottom:8px;z-index:5;padding:4px 6px;background:#191b21;color:#b5d491;font:12px/1.2 ui-monospace,monospace;pointer-events:none}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#1d1e24;padding:24px}.gate-card{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:20px;background:#2f2927;border:3px solid #3b2f29;box-shadow:6px 6px #191b21}.gate-card h1{margin:0;font-size:28px;letter-spacing:.08em}.gate-card p{margin:0}.gate-card input{font:inherit;padding:10px 12px;border:2px solid var(--sand);background:#191b21;color:#f2dcb4}.gate-card button{font:inherit;padding:10px 12px;border-color:#e8bb4a #be7546 #be7546 #e8bb4a;border-style:solid;border-width:2px;background:#d78c4a;color:#170f0a}.gate-error{color:#e2684e}.gate-shake{animation:gate-shake .28s linear}@keyframes gate-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}