*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#090915;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#e0e0ff;overflow:hidden;user-select:none;-webkit-user-select:none}.app-root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:8px 0}.game-shell{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:768px}.hud{width:100%;max-width:640px;padding:6px 12px}.hud-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.score-block{display:flex;flex-direction:column;line-height:1}.score-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#88b;text-transform:uppercase}.score-value{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.mode-badge{font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:20px;text-transform:uppercase}.mode-badge[data-mode=merge]{background:rgba(80,120,255,.25);border:1px solid rgba(100,140,255,.4);color:#aabeff}.mode-badge[data-mode=split]{background:rgba(255,80,120,.25);border:1px solid rgba(255,120,140,.4);color:#fab}.combo-block{display:flex;flex-direction:column;align-items:center;line-height:1;background:rgba(255,200,50,.15);border:1px solid rgba(255,200,50,.3);border-radius:8px;padding:2px 8px}.combo-label{font-size:8px;font-weight:700;letter-spacing:1px;color:#fc4}.combo-value{font-size:18px;font-weight:800;color:#fd6}@keyframes comboFlash{0%{transform:scale(1.4)}to{transform:scale(1)}}.combo-flash{animation:comboFlash .25s ease-out}.btn-dev{font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;border-radius:6px;border:1px dashed rgba(255,200,50,.5);background:rgba(255,180,0,.12);color:#fc4;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-dev:hover{background:rgba(255,180,0,.25)}.pause-btn{margin-left:auto;width:34px;height:34px;border-radius:8px;border:1px solid rgba(150,150,200,.35);background:rgba(50,50,100,.5);color:#cccce0;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.pause-btn:hover{background:rgba(70,70,130,.7)}.queue-row{display:flex;align-items:center;gap:8px}.queue-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#66a;text-transform:uppercase}.queue-balls{display:flex;align-items:center;gap:6px}.queue-ball{display:flex;flex-direction:column;align-items:center;gap:2px}.queue-tag{font-size:7px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.55;color:#aac}.queue-ball--held .queue-tag{color:#8af;opacity:.8}.queue-ball--preview .queue-tag{color:#aac;opacity:.55}.queue-ball--preview{opacity:.7}.queue-sep{font-size:14px;color:#44a;line-height:1;padding:0 2px}.canvas-wrapper{position:relative;flex-shrink:0}.game-canvas{display:block;image-rendering:crisp-edges;cursor:crosshair}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(5,5,20,.78);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.overlay-panel{background:linear-gradient(160deg,#1a1a3a 0%,#12122a 100%);border:1px solid rgba(120,120,200,.3);border-radius:16px;padding:28px 32px;text-align:center;max-width:320px;width:90%;box-shadow:0 12px 48px #0009}.overlay-panel.cleared{border-color:#64dc7866}.overlay-panel.gameover{border-color:#dc505066}.overlay-emoji{font-size:48px;margin-bottom:8px}.overlay-title{font-size:28px;font-weight:900;letter-spacing:2px;margin-bottom:6px}.cleared .overlay-title{color:#8fa}.gameover .overlay-title{color:#f76}.pause-panel .overlay-title{color:#aaf}.overlay-sub{font-size:13px;color:#88a;margin-bottom:16px}.overlay-score{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.04);border-radius:10px;padding:10px 20px;margin-bottom:20px}.score-big{font-size:36px;font-weight:900;color:#fff;letter-spacing:-1px}.overlay-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.btn{width:100%;padding:12px;border-radius:10px;border:none;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:opacity .15s,transform .1s}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#5a6fff,#8855ff);color:#fff}.btn-split{background:linear-gradient(135deg,#ff5577,#ff8844);color:#fff}.btn-restart{background:linear-gradient(135deg,#444466,#333355);color:#cce;border:1px solid rgba(150,150,200,.25)}.overlay-hint{font-size:11px;color:#668;line-height:1.55}.controls-hint{margin-top:16px;text-align:left}.controls-hint h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#66a;margin-bottom:8px}.controls-hint table{width:100%;border-collapse:collapse}.controls-hint td{font-size:12px;padding:3px 6px;color:#aac}.controls-hint td:first-child{font-family:monospace;font-weight:700;color:#ccf;width:80px}kbd{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1px 6px;font-size:11px;font-family:monospace}@media (max-width: 680px){.hud{padding:4px 8px}.score-value{font-size:22px}}