:root{color-scheme:dark;--dusk: #2e222f;--gold: #f9c22b;--cream: #fdcbb0;--sand: #fbb954}*{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:#2e222f}#boot img{image-rendering:pixelated;width:min(100vw,56.25dvh);height:auto}#boot-canvas{background:#2e222f}body.ready #boot{display:none}canvas{image-rendering:pixelated;touch-action:none;background:#2e222f;box-shadow:0 0 0 4px #45293f}#fps{position:fixed;left:8px;bottom:8px;z-index:5;padding:4px 6px;background:#000000b3;color:#fbff86;font:12px/1.2 ui-monospace,monospace;pointer-events:none}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 80%,rgba(251,185,84,.45),transparent 28%),linear-gradient(#45293f,#e83b3b 46%,#f79617);padding:24px}.gate-card{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:20px;background:#2e222f;border:3px solid var(--gold);box-shadow:6px 6px #6e2727}.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:#241527;color:#fff}.gate-card button{font:inherit;padding:10px 12px;border:2px solid var(--gold);background:#7a3045;color:var(--cream)}.gate-error{color:#f57d4a}.gate-shake{animation:gate-shake .28s linear}@keyframes gate-shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}