@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap");:root{--void:#050508;--surface:#0a0a12;--surface-raised:#12121f;--border:#1a1a2e;--border-glow:rgba(0,212,255,0.2);--cyan:#00d4ff;--cyan-dim:#006680;--cyan-glow:0 0 20px rgba(0,212,255,0.25),0 0 60px rgba(0,212,255,0.1);--cyan-glow-intense:0 0 10px rgba(0,212,255,0.4),0 0 30px rgba(0,212,255,0.2),0 0 80px rgba(0,212,255,0.1);--success:#00ff88;--success-glow:0 0 15px rgba(0,255,136,0.3),0 0 40px rgba(0,255,136,0.1);--danger:#ff3366;--danger-glow:0 0 15px rgba(255,51,102,0.3),0 0 40px rgba(255,51,102,0.1);--warning:#ffaa00;--warning-glow:0 0 15px rgba(255,170,0,0.3),0 0 40px rgba(255,170,0,0.1);--text:#e0e0f0;--text-dim:#9999c2;--text-muted:#6a6a90;--font-pixel:"Press Start 2P",monospace;--font-mono:"Share Tech Mono","Courier New",monospace;--radius:2px;--transition-fast:150ms ease;--transition-med:300ms ease;--transition-slow:600ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);background:var(--void);color:var(--text);min-height:100dvh;overflow-x:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body,canvas{-webkit-touch-callout:none}canvas{-webkit-user-drag:none}body:before{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.5) 100%);z-index:9998}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);z-index:9999}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.font-pixel{font-family:var(--font-pixel)}.font-mono{font-family:var(--font-mono)}.text-glow{text-shadow:0 0 10px currentColor,0 0 30px currentColor}.text-glow-subtle{text-shadow:0 0 6px rgba(0,212,255,.4)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,212,255,.05);border-radius:var(--radius);pointer-events:none}.panel-glow{box-shadow:var(--cyan-glow)}.crt-frame{border:2px solid var(--border);box-shadow:inset 0 0 30px rgba(0,0,0,.5),var(--cyan-glow);background:var(--void);border-radius:var(--radius);position:relative;overflow:hidden}.crt-frame:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,212,255,.06);pointer-events:none;z-index:1}.panel-raised{background:var(--surface-raised)}.panel-dotmatrix:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,212,255,.03) 1px,transparent 0);background-size:8px 8px;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(180deg,#1a3a4a,#0d2030);border:1px solid var(--cyan-dim);color:var(--cyan);padding:12px 24px;font-size:.7rem}.btn-primary:hover{border-color:var(--cyan);box-shadow:var(--cyan-glow);color:#fff}.btn-primary:active{box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px 16px;font-size:.65rem}.btn-ghost:hover{border-color:var(--cyan-dim);color:var(--cyan)}.btn-danger{background:linear-gradient(180deg,#3a1a1a,#200d0d);border:1px solid #662233;color:var(--danger);padding:10px 20px;font-size:.65rem}.btn-danger:hover{border-color:var(--danger);box-shadow:var(--danger-glow)}.btn-success{background:linear-gradient(180deg,#1a3a2a,#0d2018);border:1px solid #226644;color:var(--success);padding:10px 20px;font-size:.65rem}.btn-success:hover{border-color:var(--success);box-shadow:var(--success-glow)}.btn-numpad{background:linear-gradient(180deg,#1a1a28,#0e0e18);border:1px solid #2a2a40;color:var(--text);font-size:.9rem;font-family:var(--font-pixel);padding:0;min-height:40px;border-radius:var(--radius);transition:all var(--transition-fast);box-shadow:0 3px 0 #08080f,inset 0 1px 0 rgba(255,255,255,.04)}.btn-numpad:hover{background:linear-gradient(180deg,#222238,#141420);border-color:var(--cyan-dim);color:var(--cyan)}.btn-numpad:active{transform:translateY(2px);box-shadow:0 1px 0 #08080f,inset 0 1px 0 rgba(255,255,255,.02)}.led-display{font-family:var(--font-pixel);color:var(--cyan);text-shadow:0 0 8px rgba(0,212,255,.6),0 0 20px rgba(0,212,255,.3);background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.15);padding:6px 14px;border-radius:var(--radius);letter-spacing:.15em}.modal-overlay{position:fixed;inset:0;background:rgba(5,5,8,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadeIn var(--transition-med) ease}.modal-content{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--cyan);max-width:420px;width:100%;max-height:85vh;overflow-y:auto;border-radius:var(--radius);animation:slideUp var(--transition-med) ease}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-family:var(--font-pixel);font-size:.7rem;color:var(--cyan);letter-spacing:.1em}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border)}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:1;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;transition:all var(--transition-med);cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,212,255,.02),transparent 50%);opacity:0;transition:opacity var(--transition-med)}.game-card:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.3);box-shadow:var(--cyan-glow)}.game-card:hover:before{opacity:1}.game-card-title{font-family:var(--font-pixel);font-size:.85rem;color:var(--text);letter-spacing:.05em;transition:color var(--transition-fast);position:relative;z-index:1}.game-card:hover .game-card-title{color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,.4)}.game-card-desc{font-size:.62rem;color:var(--text-dim);letter-spacing:.03em;line-height:1.4;position:relative;z-index:1;transition:color var(--transition-fast);align-self:stretch;white-space:normal;overflow:visible;word-break:break-word}.game-card:hover .game-card-desc{color:var(--cyan-dim)}.game-card-icon{font-family:var(--font-pixel);font-size:2rem;color:var(--text-muted);transition:all var(--transition-med);position:relative;z-index:1}.game-card:hover .game-card-icon{color:var(--cyan);text-shadow:0 0 15px rgba(0,212,255,.5)}.status-correct{color:var(--success);text-shadow:0 0 10px rgba(0,255,136,.4);border-color:var(--success)!important}.status-wrong{color:var(--danger);text-shadow:0 0 10px rgba(255,51,102,.4);border-color:var(--danger)!important}.diff-tab{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--text-dim);transition:all var(--transition-fast);border-radius:var(--radius);cursor:pointer}.diff-tab:hover{border-color:var(--text-dim);color:var(--text)}.diff-tab.active-easy{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px rgba(0,212,255,.2);background:rgba(0,212,255,.05)}.diff-tab.active-medium{border-color:var(--warning);color:var(--warning);box-shadow:0 0 10px rgba(255,170,0,.2);background:rgba(255,170,0,.05)}.diff-tab.active-hard{border-color:var(--danger);color:var(--danger);box-shadow:0 0 10px rgba(255,51,102,.2);background:rgba(255,51,102,.05)}.eq-box{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:1rem;border:1px solid var(--border);background:var(--void);color:var(--text);border-radius:var(--radius);transition:all var(--transition-fast);cursor:pointer}.eq-box.selected{border-color:var(--cyan);box-shadow:0 0 12px rgba(0,212,255,.3),inset 0 0 8px rgba(0,212,255,.08);color:var(--cyan);animation:cursorBlink 1s step-end infinite}.eq-op{display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:.8rem;color:#cc44ff;text-shadow:0 0 8px rgba(204,68,255,.4);width:28px;height:28px}.eq-op-hidden{color:var(--text-dim);text-shadow:none;animation:shimmer 2s ease-in-out infinite}.snake-grid-container{border:2px solid var(--border);box-shadow:inset 0 0 30px rgba(0,0,0,.5),var(--cyan-glow);background:var(--void);border-radius:var(--radius);position:relative;overflow:hidden}.snake-grid-container:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,212,255,.06);pointer-events:none;z-index:1}.snake-cell{width:100%;height:100%;border-radius:1px;position:relative}.snake-ghost-body:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38%;height:38%;background:#ffffff;border-radius:50%;box-shadow:0 0 5px 2px rgba(255,255,255,.95),0 0 12px 5px rgba(255,255,255,.7);animation:ghostCore 1.1s ease-in-out infinite;pointer-events:none;z-index:2}.snake-frozen-body{border-radius:0!important}.snake-frozen-body:after{content:"";position:absolute;inset:0;border-radius:0;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 35%,transparent 55%),linear-gradient(315deg,rgba(0,80,120,.3),transparent 40%);pointer-events:none;z-index:2;animation:frozenShine 1.6s ease-in-out infinite}.snake-growing-body{animation:growBody .55s ease-in-out infinite}.snake-shielded-body:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,51,102,.85);pointer-events:none;z-index:2}.snake-head{border-radius:2px;box-shadow:0 0 6px currentColor,0 0 14px currentColor}.snake-body{opacity:.85;border-radius:1px}.snake-tail{opacity:.5}.food-cell{border-radius:2px;animation:foodPulse 2s ease-in-out infinite;box-shadow:0 0 4px currentColor}.food-hidden{background:#ffffff!important;box-shadow:0 0 4px rgba(255,255,255,.6)!important;animation:none!important}.dpad-container{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px;grid-gap:4px;gap:4px}.dpad-btn{width:56px;height:56px;background:linear-gradient(180deg,#1a1a28,#0e0e18);border:1px solid #2a2a40;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.2rem;transition:all var(--transition-fast);box-shadow:0 3px 0 #08080f;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dpad-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #08080f;background:linear-gradient(180deg,#222238,#141420);border-color:var(--cyan-dim);color:var(--cyan)}.dpad-up{grid-area:up}.dpad-down{grid-area:down}.dpad-left{grid-area:left}.dpad-right{grid-area:right}.hud-bar{gap:16px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.hud-bar,.hud-item{display:flex;align-items:center}.hud-item{flex-direction:column;gap:2px}.hud-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);font-weight:700}.hud-value{font-family:var(--font-pixel);font-size:.9rem;color:var(--cyan);text-shadow:0 0 8px rgba(0,212,255,.4)}.hud-divider{width:1px;height:28px;background:var(--border)}.swatch-heal-particles{position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:10}.heal-plus{position:absolute;font-size:9px;font-weight:900;color:#4ade80;text-shadow:0 0 6px rgba(74,222,128,1),0 0 12px rgba(74,222,128,.7);line-height:1;animation:healFloat 1.3s ease-out infinite}.heal-plus.hp1{left:-5px;bottom:16px;animation-delay:0s}.heal-plus.hp2{left:10px;bottom:2px;animation-delay:.42s}.heal-plus.hp3{right:-4px;bottom:10px;animation-delay:.85s}.effect-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:5px 12px;border-radius:var(--radius);border:1px solid;animation:pulseGlow 1.5s ease-in-out infinite}.color-swatch{width:30px;height:30px;border-radius:3px;border:2px solid rgba(255,255,255,.2);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;flex-shrink:0}.swatch-frost-crystals{overflow:hidden;border-radius:inherit;background-color:rgba(34,211,238,.22);background-image:radial-gradient(1.5px 1.5px at 5px 4px,rgba(255,255,255,.95) 0,transparent 100%),radial-gradient(1px 1px at 15px 7px,rgba(255,255,255,.85) 0,transparent 100%),radial-gradient(2px 2px at 7px 17px,rgba(255,255,255,.9) 0,transparent 100%),radial-gradient(1px 1px at 22px 12px,rgba(255,255,255,.8) 0,transparent 100%),radial-gradient(1.5px 1.5px at 3px 24px,rgba(255,255,255,.88) 0,transparent 100%),radial-gradient(2px 2px at 23px 22px,rgba(255,255,255,.92) 0,transparent 100%),radial-gradient(1px 1px at 12px 21px,rgba(34,211,238,.95) 0,transparent 100%),radial-gradient(1px 1px at 18px 3px,rgba(255,255,255,.75) 0,transparent 100%),linear-gradient(135deg,rgba(255,255,255,.25),transparent 45%),linear-gradient(315deg,rgba(34,211,238,.3),transparent 45%);animation:iceFlicker 1.3s ease-in-out infinite}.swatch-core,.swatch-frost-crystals{position:absolute;inset:0;pointer-events:none}.swatch-core{display:flex;align-items:center;justify-content:center}.swatch-core-sun:before{content:"";width:14px;height:14px;background:radial-gradient(circle,#ffffff 15%,#fde047 55%,rgba(253,224,71,0) 100%);border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 8px 3px rgba(255,255,255,.8),0 0 18px 8px rgba(253,224,71,.95),0 0 36px 14px rgba(253,224,71,.6),0 0 60px 22px rgba(253,224,71,.25);animation:sunCore .8s ease-in-out infinite}.swatch-core-ghost:before{background:radial-gradient(circle,#ffffff 25%,rgba(255,255,255,0) 100%);box-shadow:0 0 6px 3px rgba(255,255,255,.85),0 0 16px 6px rgba(255,255,255,.45);animation:ghostCore 1.1s ease-in-out infinite}.swatch-core-ghost:before,.swatch-core-void:before{content:"";width:12px;height:12px;border-radius:50%}.swatch-core-void:before{background:#2e1065;box-shadow:0 0 14px 4px rgba(168,85,247,.6);animation:voidSpin 2.5s linear infinite,voidPulse 2s ease-in-out infinite}.swatch-ring{position:absolute;inset:-8px;border-radius:5px;pointer-events:none}.swatch-ring-shield{border:4px solid #ff3366;background:rgba(255,51,102,.12);box-shadow:0 0 14px rgba(255,51,102,.8),0 0 32px rgba(255,51,102,.4),inset 0 0 8px rgba(255,51,102,.3);animation:shieldPulse .7s ease-in-out infinite}.swatch-ring-swap{border:2px dashed rgba(249,168,212,.85)}.anim-swap-spin{animation:swapSpin .8s linear infinite}.anim-jelly{animation:jellyGrow 1s cubic-bezier(.4,0,.2,1) infinite}.anim-frost-pulse{animation:frostPulse 1s ease-in-out infinite}.anim-shiver{animation:shiver .18s infinite}.anim-solar-flare{animation:solarFlare .9s ease-out infinite}.game-over-overlay{position:absolute;inset:0;background:rgba(5,5,8,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:50;animation:fadeIn var(--transition-med) ease}.game-over-title{font-family:var(--font-pixel);font-size:1.2rem;color:var(--danger);text-shadow:0 0 20px rgba(255,51,102,.5);animation:glitch .3s ease-in-out 3;text-align:center}.rule-list{list-style:none;padding:0}.rule-list li{padding:6px 0;font-size:.72rem;color:var(--text-dim);line-height:1.6;display:flex;gap:8px}.rule-list li:before{content:"::";color:#cc44ff;font-weight:700;flex-shrink:0}.rule-color{font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes cursorBlink{0%,to{border-color:var(--cyan)}50%{border-color:transparent}}@keyframes foodPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(.85);opacity:1}}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-3px)}20%,40%,60%,80%{transform:translateX(3px)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes bootFlicker{0%{opacity:0}10%{opacity:.3}12%{opacity:0}20%{opacity:.5}22%{opacity:.1}30%{opacity:.7}50%{opacity:.4}60%{opacity:.9}70%{opacity:.6}to{opacity:1}}@keyframes sweepLine{0%{left:-100%}to{left:100%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes breathe{0%,to{text-shadow:0 0 8px rgba(0,212,255,.3)}50%{text-shadow:0 0 16px rgba(0,212,255,.6),0 0 40px rgba(0,212,255,.2)}}@keyframes sunCore{0%,to{transform:scale(.7);opacity:.85}50%{transform:scale(1);opacity:1}}@keyframes voidSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes voidPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes swapSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes jellyGrow{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.08) rotate(-3deg)}50%{transform:scale(1.18) rotate(0deg)}75%{transform:scale(1.1) rotate(3deg)}}@keyframes frostPulse{0%,to{box-shadow:0 0 6px rgba(34,211,238,.4);transform:scale(1)}50%{box-shadow:0 0 16px rgba(34,211,238,.8);transform:scale(1.08)}}@keyframes shiver{0%,to{transform:translate(-1px)}50%{transform:translate(1px)}}@keyframes solarFlare{0%,to{box-shadow:0 0 0 0 rgba(253,224,71,0)}30%{box-shadow:0 0 26px 10px rgba(253,224,71,.85)}}@keyframes ghostShiver{0%{transform:translate(-4px,-2px) scale(.9);opacity:.6}8%{transform:translate(5px,2px) scale(.86);opacity:.5}16%{transform:translate(-6px,-1px) scale(.92);opacity:.65}24%{transform:translate(6px,3px) scale(.84);opacity:.52}32%{transform:translate(-3px,-4px) scale(.88);opacity:.58}40%{transform:translate(4px,-2px) scale(.83);opacity:.48}48%{transform:translate(-7px,1px) scale(.89);opacity:.62}56%{transform:translate(7px,-3px) scale(.91);opacity:.55}64%{transform:translate(-4px,4px) scale(.85);opacity:.5}72%{transform:translate(5px,-1px) scale(.93);opacity:.63}80%{transform:translate(-5px,-3px) scale(.87);opacity:.53}90%{transform:translate(4px,2px) scale(.91);opacity:.6}to{transform:translate(-4px,-2px) scale(.9);opacity:.6}}@keyframes reverseShake{0%,to{transform:rotate(0deg) scaleX(1)}10%{transform:rotate(-15deg) scaleX(-1)}20%{transform:rotate(15deg) scaleX(-1)}30%{transform:rotate(-10deg) scaleX(1)}40%{transform:rotate(12deg) scaleX(-1)}50%{transform:rotate(-14deg) scaleX(1)}60%{transform:rotate(10deg) scaleX(-1)}70%{transform:rotate(-12deg) scaleX(1)}80%{transform:rotate(14deg) scaleX(-1)}90%{transform:rotate(-8deg) scaleX(1)}}@keyframes shieldPulse{0%,to{border-color:rgba(255,51,102,.85);box-shadow:0 0 10px rgba(255,51,102,.65),0 0 22px rgba(255,51,102,.3),inset 0 0 6px rgba(255,51,102,.35)}50%{border-color:rgba(255,51,102,1);box-shadow:0 0 22px rgba(255,51,102,1),0 0 44px rgba(255,51,102,.55),inset 0 0 14px rgba(255,51,102,.55)}}@keyframes healFloat{0%{transform:translateY(0) scale(.9);opacity:1}70%{opacity:.8}to{transform:translateY(-26px) scale(1.3);opacity:0}}@keyframes ghostCore{0%,to{transform:translate(-50%,-50%) scale(.7);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes frozenShine{0%,to{opacity:.7}50%{opacity:1}}@keyframes growBody{0%,to{filter:brightness(1)}50%{filter:brightness(1.7) saturate(1.4)}}@keyframes greenPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes iceFlicker{0%,to{opacity:.8}40%{opacity:.4}70%{opacity:1}}@keyframes frostIntense{0%,to{box-shadow:0 0 0 2px rgba(34,211,238,.6),0 0 12px rgba(34,211,238,.5),inset 0 0 8px rgba(34,211,238,.3);transform:scale(1);filter:brightness(.85) saturate(.4) hue-rotate(10deg)}25%{box-shadow:0 0 0 3px rgba(34,211,238,.9),0 0 22px rgba(34,211,238,.8),inset 0 0 14px rgba(34,211,238,.5);transform:scale(.94);filter:brightness(.7) saturate(.15) hue-rotate(20deg)}50%{box-shadow:0 0 0 5px rgba(34,211,238,1),0 0 36px rgba(34,211,238,1),inset 0 0 22px rgba(34,211,238,.7);transform:scale(1.06);filter:brightness(.55) saturate(.05) hue-rotate(30deg)}75%{box-shadow:0 0 0 3px rgba(34,211,238,.85),0 0 18px rgba(34,211,238,.7),inset 0 0 12px rgba(34,211,238,.4);transform:scale(.97);filter:brightness(.75) saturate(.25) hue-rotate(15deg)}}.anim-shake{animation:shake .4s ease}.anim-ghost-shiver{animation:ghostShiver .12s infinite}.anim-reverse-shake{animation:reverseShake .45s ease-in-out infinite}.anim-frost-intense{animation:frostIntense .75s ease-in-out infinite}.anim-boot{animation:bootFlicker 1.5s ease-out forwards}.anim-breathe{animation:breathe 3s ease-in-out infinite}.anim-fade-in{animation:fadeIn var(--transition-med) ease forwards}.anim-slide-up{animation:slideUp var(--transition-med) ease forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}@media (max-width:640px){.eq-box{width:38px;height:38px;font-size:.85rem}.eq-op{width:22px;font-size:.7rem}.btn-numpad{min-height:36px;font-size:.8rem}.game-card{padding:24px 20px}.hud-bar{gap:10px;padding:6px 10px}.hud-value{font-size:.75rem}.modal-content{max-height:90vh}}@media (min-width:1024px){.eq-box{width:52px;height:52px;font-size:1.1rem}.btn-numpad{min-height:44px;font-size:1rem}}.type-script-page{height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;font-family:var(--font-mono)}@media (max-width:640px){.type-script-page{justify-content:flex-start}.ts-layout{display:flex;flex-direction:column}.breach-field{order:1}.ts-input{order:2}.ts-hint{order:3}.ts-hud{order:4}.ts-topbar{order:5}}.breach-field{position:relative;width:100%;height:min(58vh,calc(100dvh - 260px));border:2px solid var(--border);box-shadow:inset 0 0 30px rgba(0,0,0,.5),var(--cyan-glow);background:var(--void);border-radius:var(--radius);overflow:hidden}.breach-word{position:absolute;z-index:2;transform:translate(-50%);transition:top 50ms linear,left 50ms linear;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid;border-radius:var(--radius);background:rgba(5,5,8,.75);font-family:var(--font-mono);font-weight:700;font-size:.75rem;letter-spacing:.05em;white-space:nowrap}.breach-chain-link{position:absolute;z-index:1;height:2px;transform:translateY(-1px);background:linear-gradient(90deg,#a78bfa,#a78bfa);box-shadow:0 0 6px #a78bfa,0 0 14px rgba(167,139,250,.6);transition:top 50ms linear,left 50ms linear,width 50ms linear;animation:pulseGlow 1.2s ease-in-out infinite}.breach-word-icon{font-size:.7rem}.breach-core-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--danger);box-shadow:0 0 8px var(--danger),0 0 20px rgba(255,51,102,.6);animation:pulseGlow 1.6s ease-in-out infinite}.breach-input{width:100%;font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:var(--void);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;text-align:center;box-shadow:inset 0 0 12px rgba(0,0,0,.5);transition:border-color var(--transition-fast)}.breach-input:focus{outline:none;border-color:var(--cyan-dim);box-shadow:inset 0 0 12px rgba(0,0,0,.5),0 0 10px rgba(0,212,255,.25)}.breach-input::placeholder{color:var(--text-muted);letter-spacing:.15em}.battery{position:relative;width:52px;height:16px;display:flex;align-items:center;padding:2px;border:1.5px solid var(--text-dim);border-radius:2px;background:rgba(0,0,0,.4);margin-right:5px}.battery-nub{position:absolute;top:50%;right:-4px;width:3px;height:7px;transform:translateY(-50%);background:var(--text-dim);border-radius:0 2px 2px 0}.battery-fill{height:100%;border-radius:1px;transition:width .2s ease,background-color .2s ease,box-shadow .2s ease}@media (min-width:1024px){.breach-word{font-size:.85rem}}