@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800&family=Press+Start+2P&display=swap";:root{color:#13233d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#13233d;--border:#153162;--frame:#fffcf3eb;--panel:#fffae8f5;--shadow:#14316247;--hud-text-shadow:0 3px 0 #1531621f;background:radial-gradient(circle at top,#c9f4ff 0%,#89ddff 34%,#5b9df7 68%,#294798 100%),#5b9df7;font-family:Nunito,sans-serif}html,body,#app{min-height:100%}body{margin:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit}h1,p{margin:0}.app-shell{min-height:100vh;padding:clamp(.5rem,1.3vw,.9rem)}.game-shell{height:calc(100vh - clamp(1rem,2.6vw,1.8rem))}.stage-card{border:4px solid var(--border);background:var(--frame);height:100%;box-shadow:0 18px 40px var(--shadow);border-radius:1.7rem;padding:clamp(.45rem,1vw,.7rem)}.stage-wrap{border:4px solid var(--border);background:linear-gradient(#9be5ff 0%,#6db9ff 55%,#387de0 100%);border-radius:1.2rem;height:100%;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.hud-overlay,.ready-overlay{z-index:2;position:absolute}.hud-topbar{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;top:clamp(.65rem,1.4vw,1rem);left:clamp(.65rem,1.4vw,1rem);right:clamp(.65rem,1.4vw,1rem)}.score-chip{color:#fffdf3;min-width:clamp(10rem,18vw,14rem);text-shadow:var(--hud-text-shadow);padding:.2rem .3rem}.ready-card{border:3px solid var(--border);background:var(--panel);box-shadow:0 8px 18px #12223d29}.score-label,.combo-line,.round-chip,.timer-chip,.ready-kicker,.result-label,.game-button{font-family:"Press Start 2P",monospace}.score-label,.combo-line,.ready-kicker{color:inherit;display:block}.score-label,.ready-kicker{margin-bottom:.55rem;font-size:.72rem}.score-label{color:#000;letter-spacing:.08em;text-shadow:none}.score-value{letter-spacing:.01em;color:#ffe36d;text-shadow:1px 1px #fff6c4,2px 2px #ffcf47,3px 3px #ffb22a,4px 4px #0a142cd1,6px 6px 12px #0a142c47;font-family:Nunito,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:.98;display:block}.combo-line{color:#000;text-shadow:none;margin-top:.45rem;font-size:.76rem}.hud-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:relative}.menu-trigger{min-width:7.75rem}.menu-overlay{z-index:4;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.menu-backdrop{cursor:pointer;background:#0d1c3657;border:0;padding:0;position:absolute;inset:0}.menu-panel{z-index:1;border:4px solid var(--border);text-align:center;background:#fffae8fa;border-radius:1.35rem;gap:1rem;width:min(28rem,100vw - 2.5rem);padding:1.35rem;display:grid;position:relative;box-shadow:0 16px 28px #12223d3d}.menu-kicker,.menu-title,.menu-item{font-family:"Press Start 2P",monospace}.menu-kicker{color:#29509a;margin:0;font-size:.72rem}.menu-title{margin:0;font-size:clamp(1.3rem,3vw,2rem);line-height:1.15}.menu-actions{gap:.8rem;display:grid}.menu-item{border:3px solid var(--border);width:100%;color:var(--ink);cursor:pointer;background:#d7f0ff;border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:1.05rem 1rem;font-size:.66rem;line-height:1.5;transition:transform .12s,box-shadow .12s,filter .12s,background .12s;display:flex;box-shadow:0 5px #15316238}.menu-item:hover{filter:brightness(1.03)}.menu-item:active{transform:translateY(3px);box-shadow:0 2px #15316238}.menu-item strong{color:#1d5f39}.menu-item.is-off{background:#ffe1b8}.menu-item.is-off strong{color:#9d3d26}.menu-item-restart{background:#ffe36d}.menu-item-restart strong{color:#153162}.menu-resume{width:100%;margin-top:.15rem}.hud-center{flex-direction:column;align-items:center;gap:.15rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.round-chip{color:#000;text-shadow:none;padding:.15rem .25rem;font-size:1rem}.timer-chip{pointer-events:none;color:#000;text-shadow:none;align-items:center;gap:.45rem;padding:.2rem .3rem;font-size:1rem;display:inline-flex}.timer-icon{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:none;flex:none;width:1.35rem;height:1.35rem}.game-button{pointer-events:auto;border:3px solid var(--border);color:var(--ink);cursor:pointer;background:linear-gradient(#ffd85a 0%,#ffb321 100%);border-radius:1rem;padding:1rem 1.15rem;font-size:.68rem;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 6px #b56f00}.game-button:hover{filter:brightness(1.05)}.game-button:disabled{cursor:wait;filter:saturate(.52)brightness(.97);box-shadow:0 4px #9f8240}.game-button:active{transform:translateY(4px);box-shadow:0 2px #b56f00}.ready-overlay{background:#0d1c362e;place-items:center;padding:1.25rem;display:grid;inset:0}.ready-card{text-align:center;border-radius:1.35rem;width:min(100%,34rem);padding:clamp(1.25rem,3vw,2rem)}.ready-card h1{font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.ready-text{margin-top:.85rem;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.45}.ready-button{margin-top:1.1rem}.mode-button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.2rem;display:grid}.mode-button{width:100%}.mode-note-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.9rem;display:grid}.mode-note{border:3px solid var(--border);background:#d5ecffc7;border-radius:1rem;min-height:100%;padding:.95rem 1rem;font-size:.95rem;line-height:1.45;box-shadow:0 8px 18px #12223d1f}.mode-note strong{color:#29509a;margin-bottom:.4rem;font-family:"Press Start 2P",monospace;font-size:.58rem;display:block}.mode-status{margin-top:.9rem}.panel-pop-wrap{width:min(100%,44rem);position:relative}.panel-pop-bursts{pointer-events:none;position:absolute;inset:-1.4rem}.panel-pop{background:radial-gradient(circle at center, #fffffff2 0 22%, transparent 23%), radial-gradient(circle at center, var(--pop-color) 0 48%, transparent 49%);opacity:.92;transform-origin:50%;filter:drop-shadow(3px 3px #15316247);border-radius:999px;width:2.9rem;height:2.9rem;animation:1.8s ease-in-out infinite panel-pop-bob;position:absolute}.panel-pop:before,.panel-pop:after{content:"";background:var(--pop-color);border-radius:999px;width:.26rem;height:1rem;margin:-.13rem;position:absolute;inset:50%}.panel-pop:before{transform:rotate(45deg)translateY(-1.55rem)}.panel-pop:after{transform:rotate(-45deg)translateY(-1.55rem)}.pop-one{animation-delay:0s;top:1.2rem;left:-1rem}.pop-two{animation-delay:.3s;top:-.8rem;right:2rem}.pop-three{animation-delay:.6s;bottom:5.4rem;right:-1.2rem}.pop-four{animation-delay:.9s;bottom:-.8rem;left:1.8rem}.panel-pop-bursts-celebrate .panel-pop{animation-duration:1.35s}.round-card{width:100%}.round-overlay{background:#0d1c3642}.intro-letter-row{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1rem;display:flex}.intro-letter-chip,.result-box,.keyboard-key{border:3px solid var(--border);box-shadow:0 8px 18px #12223d1f}.intro-letter-chip{background:#f9dd65;border-radius:.95rem;min-width:3.4rem;padding:.7rem .9rem;font-family:"Press Start 2P",monospace;font-size:.8rem}.intro-letter-chip-muted{background:#d5ecff;min-width:auto}.keyboard-board{background:#d5ecffbf;border-radius:1.2rem;justify-content:center;gap:.55rem;margin-top:1rem;padding:1rem;display:grid}.keyboard-row{justify-content:center;gap:.45rem;display:flex}.keyboard-key{color:#19335e;background:#ffffffe6;border-radius:.85rem;place-items:center;width:clamp(2.2rem,5.3vw,3rem);height:clamp(2.2rem,5.3vw,3rem);font-family:"Press Start 2P",monospace;font-size:clamp(.56rem,1.2vw,.72rem);display:grid}.keyboard-key.is-active{background:#d4efff}.keyboard-key.is-new{color:#fff;background:#ff6f91;transform:translateY(-2px)}.round-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.result-box{background:#d5ecffd1;border-radius:1rem;padding:.85rem}.result-label{color:#29509a;margin-bottom:.5rem;font-size:.56rem;display:block}.result-value{font-size:clamp(1.3rem,2.3vw,2rem);font-weight:800;line-height:1;display:block}@keyframes panel-pop-bob{0%,to{transform:translateY(0)scale(.94)}35%{transform:translateY(-.35rem)scale(1.04)}65%{transform:translateY(.12rem)scale(.98)}}@media (width<=700px){.app-shell{padding:.4rem}.game-shell{height:calc(100vh - .8rem)}.hud-topbar{gap:.55rem}.score-chip{min-width:auto;max-width:11rem;padding:.1rem}.score-value{letter-spacing:.01em;font-size:1.7rem}.combo-line,.round-chip,.timer-chip,.score-label,.ready-kicker,.result-label,.game-button{font-size:.62rem}.round-chip,.timer-chip{font-size:.78rem}.hud-center{gap:.05rem}.round-chip,.timer-chip{padding:.1rem}.timer-icon{width:1rem;height:1rem}.game-button{padding:.85rem .95rem}.menu-trigger{min-width:6.6rem}.menu-overlay{padding:.85rem}.menu-panel{gap:.85rem;width:min(22rem,100vw - 1.4rem);padding:1rem}.menu-kicker{font-size:.62rem}.menu-title{font-size:1.15rem}.menu-item{padding:.85rem .75rem;font-size:.56rem}.ready-card{padding:1.1rem}.mode-button-row,.mode-note-grid{grid-template-columns:1fr}.mode-note{font-size:.88rem}.panel-pop-bursts{inset:-.85rem}.panel-pop{width:2.2rem;height:2.2rem}.pop-three{bottom:4.6rem}.ready-text{font-size:.98rem}.keyboard-board{padding:.75rem .5rem}.keyboard-row{gap:.28rem}.round-results{grid-template-columns:1fr}}