*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a14;--bg-panel:#0f0f1e;--accent:#00e5ff;--accent2:#b967ff;--text:#e0e0ff;--text-dim:#6060a0;--border:#00e5ff33;--glow:#00e5ff26;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--canvas-height:min(80vh, 600px);--canvas-width:calc(var(--canvas-height) * .5)}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overflow-x:hidden}#app{flex-direction:column;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative}@media (width>=769px){#app{flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;padding:24px}}#game-area{flex-shrink:0}#game-canvas{width:var(--canvas-width);height:var(--canvas-height);border:1px solid var(--border);min-width:150px;max-width:300px;min-height:300px;max-height:600px;box-shadow:0 0 20px var(--glow), inset 0 0 20px #00000080;border-radius:4px;display:block}#side-panel{flex-direction:column;gap:12px;min-width:120px;max-width:160px;display:flex}.panel-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:10px}.panel-section h2{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px;font-size:.65rem}.stat{flex-direction:column;margin-bottom:8px;display:flex}.stat:last-child{margin-bottom:0}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.6rem}.stat-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}#hold-canvas,#next-canvas{background:var(--bg);border-radius:4px;width:100%;height:60px;display:block}#next-canvas{height:200px}.panel-buttons{flex-direction:column;gap:6px;display:flex}button{color:var(--text);border:1px solid var(--border);font-family:var(--font);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:background .15s,border-color .15s}button:hover{background:var(--glow);border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{background:#00e5ff40}#mobile-controls{flex-direction:column;gap:8px;width:100%;max-width:320px;margin-top:12px;display:flex}@media (width>=769px){#mobile-controls{display:none}}.mobile-row{justify-content:center;gap:8px;display:flex}.mobile-row button{background:var(--bg-panel);border-color:var(--border);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;font-size:1.2rem;display:flex}.overlay{z-index:100;background:#0a0a14d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none!important}.overlay-content{background:var(--bg-panel);border:1px solid var(--border);text-align:center;box-shadow:0 0 40px var(--glow);border-radius:12px;padding:32px 40px}.overlay-content h2{color:var(--accent);margin-bottom:16px;font-size:2rem}.overlay-content p{color:var(--text-dim);margin-bottom:8px}.overlay-content button{background:var(--glow);border-color:var(--accent);color:var(--accent);margin-top:16px;padding:10px 24px;font-size:1rem}@media (width<=768px){:root{--canvas-height:min(60vw * 2, 400px);--canvas-width:min(60vw, 200px)}#app{flex-direction:column;align-items:center;padding:8px}#side-panel{flex-flow:wrap;gap:8px;width:100%;min-width:0;max-width:100%}.panel-section{flex:1;min-width:80px}#game-canvas{width:min(60vw,200px);height:min(120vw,400px)}}.combo-value{color:#ff9f43}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}