:root{--cyan: #2ee6f7;--magenta: #ff5fd0;--gold: #ffd23d;--red: #ff4d5e;--violet: #7a5cff;--ink: #03040c;--text: #d8e7ff;--dim: #7e8fc0;--panel-bg: rgba(5, 8, 24, .88);--panel-edge: rgba(46, 230, 247, .4);--display: "Bungee", "Arial Black", sans-serif;--mono: "VT323", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--mono);color:var(--text);background:var(--ink);overflow:hidden;-webkit-user-select:none;user-select:none}.hidden{display:none!important}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.crt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px)}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,5,.5) 100%)}#hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:clamp(1rem,3.5vw,2.6rem);padding:.55rem 1.25rem .6rem;background:linear-gradient(180deg,#030510eb,#0305108c);border-bottom:1px solid rgba(46,230,247,.22)}.hud-item{display:flex;flex-direction:column;line-height:1}.hud-label{font-family:var(--display);font-size:.52rem;letter-spacing:.18em;color:var(--dim);margin-bottom:3px}.hud-value{font-size:1.75rem;color:var(--text);text-shadow:0 0 8px rgba(46,230,247,.55);font-variant-numeric:tabular-nums}.hud-value.hearts{color:var(--red);text-shadow:0 0 8px rgba(255,77,94,.7);letter-spacing:3px}.combo-chip{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:1.45rem;color:var(--gold);text-shadow:0 0 12px rgba(255,210,61,.8)}.combo-track{width:86px;height:4px;background:#ffd23d2e;border-radius:2px;overflow:hidden}#combo-bar{display:block;height:100%;background:var(--gold);box-shadow:0 0 8px #ffd23de6;transform-origin:left center}.hud-value.urgent{color:var(--red);text-shadow:0 0 10px rgba(255,77,94,.8);animation:chip-pop .5s ease infinite alternate}.combo-chip.pop{animation:chip-pop .35s ease}@keyframes chip-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.hud-controls{margin-left:auto;display:flex;gap:.5rem}.icon-btn{font-family:var(--mono);font-size:1.15rem;line-height:1;color:var(--cyan);background:#2ee6f712;border:1px solid rgba(46,230,247,.4);border-radius:4px;padding:.35rem .6rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.icon-btn:hover{background:#2ee6f72e;box-shadow:0 0 12px #2ee6f759}.chip{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:11;font-size:1.3rem;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 10px rgba(255,210,61,.7);background:#050818d9;border:1px solid rgba(255,210,61,.45);border-radius:4px;padding:.3rem 1.1rem .35rem}.chip.pop{animation:chip-pop .35s ease}.chip--danger{color:#ffaab4;border-color:#ff4d5e8c;text-shadow:0 0 10px rgba(255,77,94,.8)}.chip--slow{top:auto;bottom:132px;color:#9ecbff;border-color:#78b4ff80;text-shadow:0 0 10px rgba(120,180,255,.7);display:flex;align-items:center;gap:.7rem}.slowmo-track{width:90px;height:5px;background:#78b4ff2e;border-radius:3px;overflow:hidden}#slowmo-bar{display:block;height:100%;background:#9ecbff;box-shadow:0 0 8px #96c8ffe6;transform-origin:left center;transform:scaleX(1)}#input-dock{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:10;width:min(380px,88vw)}#answer-input{width:100%;font-family:var(--mono);font-size:1.9rem;text-align:center;color:var(--text);caret-color:var(--cyan);background:#040714d1;border:1px solid var(--panel-edge);border-radius:6px;padding:.45rem 1rem .5rem;outline:none;text-shadow:0 0 8px rgba(46,230,247,.45);box-shadow:0 0 0 1px #2ee6f714,0 6px 30px #0000008c;transition:border-color .15s ease,box-shadow .15s ease}#answer-input:focus{border-color:var(--cyan);box-shadow:0 0 14px #2ee6f759,0 6px 30px #0000008c}#answer-input::placeholder{color:var(--dim);font-size:1.15rem;letter-spacing:.14em}#input-dock.wrong #answer-input{border-color:var(--red);box-shadow:0 0 18px #ff4d5e8c;animation:shake .3s ease}#input-dock.locked #answer-input{opacity:.45;border-color:var(--red)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-9px)}75%{transform:translate(9px)}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#02030a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{position:relative;width:min(520px,94vw);max-height:92vh;overflow-y:auto;text-align:center;background:var(--panel-bg);border:1px solid var(--panel-edge);border-radius:8px;padding:2.1rem 2.3rem 2rem;box-shadow:0 0 40px #2ee6f71f,0 30px 80px #0009;animation:panel-in .35s ease-out}.panel:before,.panel:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--magenta);border-right:2px solid var(--magenta);filter:drop-shadow(0 0 6px var(--magenta))}@keyframes panel-in{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:none;opacity:1}}.title{font-family:var(--display);font-size:clamp(2rem,6.5vw,3.1rem);line-height:1.04;margin:0 0 .4rem;letter-spacing:.02em;color:#f4faff;text-shadow:-3px 0 0 rgba(255,95,208,.8),3px 0 0 rgba(46,230,247,.8),0 0 26px rgba(122,92,255,.7);animation:flicker 4s linear infinite}.title span{display:inline-block}@keyframes flicker{0%,6%,8%,to{opacity:1}7%{opacity:.65}52%{opacity:1}53%{opacity:.78}54%{opacity:1}}.subtitle{margin:0 0 1.5rem;font-size:1.15rem;letter-spacing:.22em;color:var(--dim)}.panel-title{font-family:var(--display);font-size:1.7rem;margin:0 0 1.2rem;color:#f4faff;text-shadow:0 0 18px rgba(46,230,247,.7)}.panel-title--over{color:#ffe9ec;text-shadow:-2px 0 0 rgba(255,77,94,.85),2px 0 0 rgba(46,230,247,.6),0 0 22px rgba(255,77,94,.6)}.legend{text-align:left;margin:0 auto 1.4rem;max-width:410px}.legend-title{font-family:var(--display);font-size:.68rem;letter-spacing:.24em;color:var(--dim);margin:0 0 .8rem;border-bottom:1px solid rgba(126,143,192,.25);padding-bottom:.45rem}.legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;font-size:1.18rem;line-height:1.32}.legend-list li{display:flex;gap:.65rem;align-items:flex-start}.legend-list i{font-style:normal;flex:0 0 1.35rem;text-align:center;color:var(--cyan);text-shadow:0 0 8px rgba(46,230,247,.6)}.legend-list i.gold{color:var(--gold);text-shadow:0 0 8px rgba(255,210,61,.6)}.legend-list i.red{color:var(--red);text-shadow:0 0 8px rgba(255,77,94,.6)}.legend-list i.boss{color:var(--magenta);text-shadow:0 0 8px rgba(255,95,208,.7)}.legend-list i.dot{width:.95rem;height:.95rem;flex-basis:.95rem;margin:3px .2rem 0;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 8px #2ee6f7b3,inset 0 0 5px #2ee6f766}.legend-list b{color:#eef4ff}.legend-list em{display:block;font-style:normal;color:var(--gold);margin-top:.15rem}kbd{font-family:inherit;font-size:.95em;background:#d8e7ff1f;border:1px solid rgba(216,231,255,.3);border-radius:4px;padding:0 7px}.best-line{margin:0 0 1.3rem;font-size:1.25rem;letter-spacing:.1em;color:var(--dim)}.best-line strong{color:var(--gold);text-shadow:0 0 10px rgba(255,210,61,.6)}.best-line--new{color:var(--gold);font-size:1.45rem;text-shadow:0 0 14px rgba(255,210,61,.8);animation:chip-pop .4s ease}.final-score{margin:0 0 .9rem;font-size:1.5rem;letter-spacing:.1em;color:var(--text)}.final-score strong{font-size:2.3rem;color:var(--cyan);text-shadow:0 0 16px rgba(46,230,247,.7);display:block;line-height:1.05}.btn-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--display);font-size:.85rem;letter-spacing:.1em;padding:.85rem 1.7rem;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:scale(.96)}.btn--primary{color:#03222a;background:var(--cyan);border:1px solid var(--cyan);box-shadow:0 0 18px #2ee6f773}.btn--primary:hover{background:#7df0fb;box-shadow:0 0 28px #2ee6f7b3}.btn--ghost{color:var(--text);background:transparent;border:1px solid rgba(216,231,255,.3)}.btn--ghost:hover{background:#d8e7ff14;box-shadow:0 0 14px #d8e7ff26}#screen-start .btn--ghost{display:block;width:100%;font-family:var(--mono);font-size:1.1rem}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 0 1.1rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;padding:.75rem .95rem .7rem;background:#2ee6f70d;border:1px solid rgba(46,230,247,.3);border-radius:6px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.mode-card:hover,.mode-card:focus-visible{background:#2ee6f724;box-shadow:0 0 18px #2ee6f759;outline:none}.mode-card:active{transform:scale(.97)}.mode-name{font-family:var(--display);font-size:.85rem;letter-spacing:.06em;color:#eaf9ff;text-shadow:0 0 10px rgba(46,230,247,.6)}.mode-desc{font-family:var(--mono);font-size:1.02rem;color:var(--dim)}.mode-best{font-family:var(--mono);font-size:.95rem;color:var(--gold);text-shadow:0 0 8px rgba(255,210,61,.5);min-height:1em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0 0 .7rem;padding:.8rem .4rem .7rem;border:1px solid rgba(126,143,192,.22);border-radius:6px;background:#7e8fc00d}.stat{display:flex;flex-direction:column;gap:.2rem}.stat-label{font-family:var(--display);font-size:.5rem;letter-spacing:.16em;color:var(--dim)}.stat-value{font-family:var(--mono);font-size:1.5rem;line-height:1;color:var(--cyan);text-shadow:0 0 10px rgba(46,230,247,.5)}.weak-spot{margin:0 0 1.3rem;font-size:1.1rem;letter-spacing:.05em;color:var(--magenta);text-shadow:0 0 10px rgba(255,95,208,.5);min-height:1.2em}.panel--wide{width:min(620px,94vw)}.stats-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;margin:0 0 1.1rem}.tab{font-family:var(--mono);font-size:1rem;letter-spacing:.08em;color:var(--dim);background:transparent;border:1px solid rgba(126,143,192,.35);border-radius:4px;padding:.25rem .85rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,box-shadow .15s ease}.tab:hover{color:var(--text);border-color:#2ee6f780}.tab.active{color:#03222a;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px #2ee6f773}.chart-title{font-family:var(--display);font-size:.6rem;letter-spacing:.22em;color:var(--dim);text-align:left;margin:1.1rem 0 .5rem}.chart-hint{float:right;color:var(--gold);opacity:.7}canvas.chart{display:block;width:100%;border:1px solid rgba(126,143,192,.18);border-radius:6px;background:#7e8fc00a}.runs-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:1.08rem;margin:0 0 1.3rem}.runs-table th{font-family:var(--display);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);text-align:left;padding:.35rem .45rem;border-bottom:1px solid rgba(126,143,192,.35)}.runs-table td{text-align:left;padding:.3rem .45rem;color:var(--text);border-bottom:1px solid rgba(126,143,192,.12);white-space:nowrap}.runs-table td.score{color:var(--gold);text-shadow:0 0 8px rgba(255,210,61,.4)}.runs-table td.empty{text-align:center;color:var(--dim);padding:1rem 0}@media (max-width: 560px){#hud{gap:.9rem}.hud-value{font-size:1.35rem}.combo-chip{font-size:1.1rem}.panel{padding:1.5rem 1.2rem}}