@import"https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #46fb73;--accent-glow: rgba(70, 251, 115, .4);--accent-glow-strong: rgba(70, 251, 115, 1);--bg: rgb(10, 10, 10);--surface: rgba(255, 255, 255, .04);--border: rgba(70, 251, 115, .15);--text: #46fb73;--text-dim: rgba(70, 251, 115, .5);--radius: 10px;--font: "Bitcount Prop Single", "Courier New", monospace}html,body{width:100vw;height:100vh;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);text-shadow:0 0 4px var(--accent-glow);display:flex;align-items:center;justify-content:center}#root{width:100%;height:100%}.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}.canvas-wrapper{position:relative;transform:translate(0)}.board-canvas{display:block}.queue-canvas{display:block;cursor:grab}.queue-canvas:active{cursor:grabbing}.navbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px 40px}.navbar-links{display:flex;gap:32px}.navbar-link{font-family:var(--font);font-size:.9rem;letter-spacing:.15em;color:var(--text-dim);text-decoration:none;text-shadow:none;transition:color .2s,text-shadow .2s}.navbar-link:hover{color:var(--text);text-shadow:0 0 12px var(--accent-glow-strong)}.navbar-link.active{color:var(--text);text-shadow:0 0 8px var(--accent-glow)}.hud{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px;-webkit-user-select:none;user-select:none}.hud-left,.hud-right{display:flex;flex-direction:column}.hud-right{align-items:flex-end}.hud-center{display:flex;align-items:center;justify-content:center}.hud-label{font-size:.85rem;color:var(--text-dim);letter-spacing:.08em}.hud-value{font-size:1.8rem;color:var(--text);letter-spacing:.05em;transition:color .2s}.hud-highscore.highlight{background-color:var(--accent);color:var(--bg);text-shadow:none;border-radius:var(--radius);padding:0 6px}.hud-combo{font-size:.9rem;color:var(--accent);letter-spacing:.12em;text-shadow:0 0 10px var(--accent-glow-strong);opacity:0;transition:opacity .2s;pointer-events:none}.hud-combo.visible{opacity:1}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.bump{animation:bump .15s ease}@keyframes shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-10px,8px) rotate(-2deg)}20%{transform:translate(12px,-6px) rotate(2.5deg)}30%{transform:translate(-8px,12px) rotate(-1.5deg)}40%{transform:translate(14px,-4px) rotate(2deg)}50%{transform:translate(-6px,10px) rotate(-2.5deg)}60%{transform:translate(10px,-8px) rotate(1.5deg)}70%{transform:translate(-12px,6px) rotate(-1deg)}80%{transform:translate(8px,-10px) rotate(2deg)}90%{transform:translate(-4px,6px) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}@keyframes shake2{0%{transform:translate(0) rotate(0)}10%{transform:translate(10px,-10px) rotate(2deg)}25%{transform:translate(-14px,6px) rotate(-3deg)}35%{transform:translate(8px,14px) rotate(1.5deg)}50%{transform:translate(-10px,-8px) rotate(-2deg)}65%{transform:translate(12px,4px) rotate(2.5deg)}75%{transform:translate(-6px,-12px) rotate(-1.5deg)}90%{transform:translate(4px,8px) rotate(1deg)}to{transform:translate(0) rotate(0)}}@keyframes shake3{0%{transform:translate(0) rotate(0)}15%{transform:translate(14px,10px) rotate(-2.5deg)}30%{transform:translate(-10px,-14px) rotate(3deg)}45%{transform:translate(6px,12px) rotate(-2deg)}55%{transform:translate(-14px,-6px) rotate(1.5deg)}70%{transform:translate(10px,8px) rotate(-1deg)}85%{transform:translate(-6px,-10px) rotate(2deg)}to{transform:translate(0) rotate(0)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)!important;will-change:transform}.shake2{animation:shake2 .55s cubic-bezier(.36,.07,.19,.97)!important;will-change:transform}.shake3{animation:shake3 .45s cubic-bezier(.36,.07,.19,.97)!important;will-change:transform}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.floater{position:fixed;pointer-events:none;font-family:var(--font);font-size:1rem;color:var(--accent);text-shadow:0 0 8px var(--accent-glow-strong);animation:floatUp .7s ease-out forwards;z-index:100;transform:translate(-50%);-webkit-user-select:none;user-select:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0000008c;z-index:2;-webkit-user-select:none;user-select:none;cursor:pointer}.overlay-title{font-size:2.8rem;color:var(--accent);letter-spacing:.12em;text-shadow:0 0 20px var(--accent-glow-strong)}.overlay-record{font-size:.9rem;letter-spacing:.15em;background-color:var(--accent);color:var(--bg);text-shadow:none;border-radius:var(--radius);padding:2px 10px}.overlay-score{font-size:1.4rem;color:var(--text);letter-spacing:.08em}.overlay-subtitle{font-size:1rem;color:var(--text-dim);letter-spacing:.1em;margin-top:4px}.overlay-hint{font-size:.8rem;color:var(--text-dim);letter-spacing:.08em;opacity:.6}.settings-open-btn{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.85rem;letter-spacing:.15em;text-shadow:0 0 6px var(--accent-glow);cursor:pointer;transition:color .2s,text-shadow .2s;padding:0}.settings-open-btn:hover{color:var(--text);text-shadow:0 0 12px var(--accent-glow-strong)}.settings-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center}.settings-modal{background:#0a0a0af2;border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:420px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;gap:16px}.settings-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.settings-title{font-size:1.4rem;color:var(--text);letter-spacing:.15em;text-shadow:0 0 10px var(--accent-glow-strong)}.settings-close{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;font-family:var(--font);transition:color .2s;padding:0;line-height:1}.settings-close:hover{color:var(--text)}.settings-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:12px;margin-right:-4px}.settings-body::-webkit-scrollbar{width:4px}.settings-body::-webkit-scrollbar-track{background:transparent}.settings-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.settings-lock-banner{font-size:.7rem;color:var(--text-dim);letter-spacing:.08em;text-align:center;padding:6px;border:1px solid var(--border);border-radius:var(--radius);opacity:.7}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:.75rem;font-weight:400;color:var(--accent);letter-spacing:.15em;opacity:.8;border-bottom:1px solid var(--border);padding-bottom:4px}.setting-row{display:flex;flex-direction:column;gap:4px}.setting-row--toggle{flex-direction:row;align-items:center;justify-content:space-between}.setting-label{font-size:.8rem;color:var(--text-dim);letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;text-shadow:none}.setting-value{color:var(--text);font-size:.8rem}.setting-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 6px var(--accent-glow);transition:transform .15s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.setting-slider:disabled{opacity:.3;cursor:not-allowed}.setting-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font);font-size:.75rem;letter-spacing:.08em;padding:3px 12px;cursor:pointer;transition:all .2s;min-width:44px;text-shadow:none}.setting-toggle.active{border-color:var(--accent);color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.setting-toggle:disabled{opacity:.3;cursor:not-allowed}.settings-footer{display:flex;justify-content:center;padding-top:4px}.settings-reset-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);font-family:var(--font);font-size:.75rem;letter-spacing:.08em;padding:5px 16px;cursor:pointer;transition:all .2s;text-shadow:none}.settings-reset-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.settings-reset-btn:disabled{opacity:.3;cursor:not-allowed}.site-footer{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.footer-buttons{display:flex;align-items:center;justify-content:center;gap:1.5rem}.footer-credit{position:fixed;bottom:12px;left:0;right:0;text-align:center;font-size:.75rem;color:var(--text-dim);letter-spacing:.15em;text-shadow:0 0 6px var(--accent-glow);-webkit-user-select:none;user-select:none;z-index:1}.credits-btn{background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:.85rem;letter-spacing:.15em;text-shadow:0 0 6px var(--accent-glow);cursor:pointer;transition:color .2s,text-shadow .2s;padding:0}.credits-btn:hover{color:var(--text);text-shadow:0 0 12px var(--accent-glow-strong)}.credits-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center}.credits-panel{background:#0a0a0af2;border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:420px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.credits-header{display:flex;justify-content:space-between;align-items:center}.credits-title{font-size:1.4rem;color:var(--text);letter-spacing:.15em;text-shadow:0 0 10px var(--accent-glow-strong)}.credits-close{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;font-family:var(--font);transition:color .2s;padding:0;line-height:1}.credits-close:hover{color:var(--text)}.credits-body{display:flex;flex-direction:column;gap:10px}.credits-section{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--border)}.credits-section:last-child{border-bottom:none;padding-bottom:0}.credits-section-title{font-size:.65rem;color:var(--accent);letter-spacing:.15em;opacity:.8}.credits-entry{display:flex;justify-content:space-between;align-items:center}.credits-entry-name{font-size:.8rem;color:var(--text);letter-spacing:.06em}.credits-entry-source{font-size:.75rem;color:var(--text-dim);letter-spacing:.06em;text-decoration:none;transition:color .2s,text-shadow .2s}.credits-entry-source:hover{color:var(--text);text-shadow:0 0 8px var(--accent-glow-strong)}.site-title{font-size:2.8rem;color:var(--text);letter-spacing:.2em;text-shadow:0 0 16px var(--accent-glow-strong);-webkit-user-select:none;user-select:none;text-align:center;width:100%}.version-label{position:fixed;bottom:12px;left:16px;font-size:.7rem;color:var(--text-dim);letter-spacing:.1em;opacity:.4;-webkit-user-select:none;user-select:none;z-index:1;text-shadow:none}@media(max-width:600px){.navbar{padding:16px 24px}.site-title{font-size:2rem}.hud-value{font-size:1.4rem}.overlay-title{font-size:2rem}}