@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap);:root{--bg:#0a0a0f;--panel:#10101a;--border:#1e1e3a;--accent:#00f5ff;--accent2:#ff00aa;--accent3:#aaff00;--text:#e0e0ff;--dim:#404060;--glow:0 0 20px #00f5ff88;--glow2:0 0 20px #ff00aa88}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Orbitron,monospace;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,245,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:200}#app{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}#title{font-family:'Press Start 2P',monospace;color:var(--accent);text-shadow:var(--glow),0 0 60px #00f5ff44;letter-spacing:.3em;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}#game-area{display:flex;align-items:flex-start;justify-content:center;flex:1;width:100%;min-height:0}.side-panel{display:flex;flex-direction:column;flex-shrink:0}.panel-box{background:var(--panel);border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}.panel-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.panel-label{font-family:'Press Start 2P',monospace;color:var(--accent);letter-spacing:.1em;opacity:.8;display:block}.panel-value{font-family:'Press Start 2P',monospace;color:var(--text);text-shadow:0 0 10px var(--accent);display:block;word-break:break-all}.level-bar{height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;transition:width .4s}#next-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#canvas-wrapper{position:relative;border:2px solid var(--accent);border-radius:4px;box-shadow:var(--glow),inset 0 0 30px rgba(0,245,255,.05);flex-shrink:0}#game-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#06060e}.overlay{position:absolute;inset:0;background:rgba(6,6,14,.93);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;z-index:10;backdrop-filter:blur(2px);padding:1rem}.overlay.hidden{display:none}.overlay-title{font-family:'Press Start 2P',monospace;color:var(--accent2);text-shadow:var(--glow2);text-align:center;line-height:2;white-space:pre-line}.overlay-sub{font-family:'Press Start 2P',monospace;color:var(--dim);text-align:center;line-height:2.2}.btn{font-family:'Press Start 2P',monospace;letter-spacing:.1em;padding:.75rem 1.5rem;background:0 0;border:2px solid var(--accent);color:var(--accent);cursor:pointer;border-radius:3px;transition:all .2s;text-shadow:0 0 8px var(--accent);-webkit-tap-highlight-color:transparent}.btn:active,.btn:hover{background:var(--accent);color:var(--bg);box-shadow:var(--glow);text-shadow:none}#mob-controls{flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:100%;margin-top:450px}.mob-row{display:flex;justify-content:center}.mob-btn{font-family:'Press Start 2P',monospace;background:var(--panel);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .1s,color .1s,box-shadow .1s}.mob-btn.pressed,.mob-btn:active{background:var(--accent);color:var(--bg);box-shadow:var(--glow)}#kb-info{flex-shrink:0;display:grid;grid-template-columns:1fr;font-family:'Press Start 2P',monospace;color:var(--dim);align-self:center;margin-left:-8px;margin-bottom:-80px}#kb-info span{color:var(--accent3)}#pause-label{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Press Start 2P',monospace;font-size:1.2rem;color:var(--accent);text-shadow:var(--glow);background:rgba(6,6,14,.88);padding:1rem 2rem;border:1px solid var(--accent);border-radius:4px;display:none;z-index:150;letter-spacing:.2em}