*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;background:#0a0a14;min-height:100svh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{max-width:1200px;margin:0 auto;padding:16px}.game-container{justify-content:center;align-items:flex-start;gap:16px;display:flex}#game-canvas{background:#0f0f1e;border-radius:8px;flex-shrink:0;width:300px;height:600px;box-shadow:0 0 20px #00e5ff1a}.side-panel{flex-direction:column;gap:12px;min-width:140px;display:flex}.panel-section{text-align:center;background:#131326;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.panel-section div:first-child{text-transform:uppercase;letter-spacing:.08em;color:#8b8ba7;margin-bottom:4px;font-size:11px}.panel-section div:last-child{color:#fff;font-size:18px;font-weight:600}#hold-canvas,#next-canvas{background:#0f0f1e;border-radius:6px;width:80px;height:80px;margin:4px auto 0;display:block}#next-canvas{height:320px}.panel-buttons{flex-direction:column;gap:8px;display:flex}.panel-buttons button,.mobile-controls button{color:#e0e0e0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#1a1a33;border:1px solid #ffffff14;border-radius:8px;padding:10px 14px;font-size:13px;transition:background .15s,border-color .15s}.panel-buttons button:hover,.mobile-controls button:hover{background:#25254a;border-color:#ffffff26}.panel-buttons button:focus-visible,.mobile-controls button:focus-visible{outline-offset:2px;outline:2px solid #00e5ff}.overlay{z-index:100;background:#0a0a14d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.overlay-content{text-align:center;background:#131326;border:1px solid #ffffff1a;border-radius:12px;min-width:260px;padding:28px 36px}.overlay-content h2{color:#fff;margin:0 0 12px;font-size:24px}.overlay-content div{color:#b0b0d0;margin-bottom:8px}.overlay-content button{color:#0a0a14;cursor:pointer;background:#00e5ff;border:none;border-radius:8px;margin-top:12px;padding:10px 20px;font-size:14px;font-weight:600}.mobile-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:none}.mobile-controls button{min-width:80px;padding:14px 12px;font-size:14px}#combo-section div:last-child{color:gold}#b2b-section div:last-child{color:#ff4f7b}@media (width<=768px){.game-container{flex-direction:column;align-items:center}.side-panel{flex-flow:wrap;justify-content:center;width:100%;min-width:auto}.panel-section{flex:calc(50% - 8px);max-width:160px}#game-canvas{width:280px;height:560px}.mobile-controls{display:flex}.panel-buttons{flex-direction:row;justify-content:center;width:100%}}@media (width<=360px){#game-canvas{width:260px;height:520px}}