:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:#0a0a0a}.menu-card{text-align:center;max-width:26rem;padding:3rem 2rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#ffffff08}.menu-title{font-size:3rem;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#f36,#fc3,#3f6,#3cf);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;margin-bottom:1rem}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.menu-sub{color:#ffffff80;font-size:.95rem;margin-bottom:.3rem}.start-btn{margin-top:2rem;padding:.8rem 3rem;font-size:1.1rem;font-weight:700;letter-spacing:.15em;border:2px solid #ff3366;background:transparent;color:#f36;border-radius:.5rem;cursor:pointer;transition:all .2s}.start-btn:hover{background:#f36;color:#0a0a0a;box-shadow:0 0 30px #f366}.menu-hint{margin-top:2rem;display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:#ffffff4d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gameover-card{border-color:#ff33664d}.gameover-title{font-size:2.5rem;font-weight:900;color:#f36;text-shadow:0 0 40px rgba(255,51,102,.5);margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.2rem}.stat-val{font-size:1.8rem;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fafafa}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.game-area{position:relative;width:100vw;height:100vh;overflow:hidden;transition:background .5s}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.15;pointer-events:none;z-index:100;animation:flash-out .15s ease-out forwards}@keyframes flash-out{to{opacity:0}}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%)}.hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-around;padding:.8rem 1rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}.hud-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.hud-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#fff6}.hud-value{font-size:1.2rem;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.lives{display:flex;gap:.2rem;font-size:1rem}.heart.alive{color:#f36;text-shadow:0 0 8px rgba(255,51,102,.6)}.heart.dead{color:#ffffff26}.combo.hot{color:#fc3;text-shadow:0 0 12px rgba(255,204,51,.6);animation:pulse .3s ease infinite alternate}@keyframes pulse{to{transform:scale(1.15)}}.chaos-bar-track{position:fixed;top:60px;left:10%;right:10%;height:3px;background:#ffffff0f;border-radius:2px;z-index:50;overflow:hidden}.chaos-bar-fill{height:100%;border-radius:2px;transition:width .3s;box-shadow:0 0 10px #f366}.falling-word{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:15px;letter-spacing:.08em;white-space:nowrap;pointer-events:none;transition:opacity .15s;z-index:20}.falling-word.matching{filter:brightness(1.5)}.falling-word.matched{filter:brightness(2)}.char{display:inline-block}.char-typed{display:inline-block;color:#fff!important;text-shadow:0 0 12px #fff,0 0 24px currentColor!important}.particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:30}.input-area{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:50}.type-input{width:20rem;padding:.7rem 1.2rem;font-size:1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;letter-spacing:.1em;text-align:center;background:#000000b3;border:2px solid rgba(255,255,255,.15);border-radius:.5rem;color:#fafafa;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s,box-shadow .2s}.type-input:focus{border-color:#3cf;box-shadow:0 0 20px #33ccff4d}.type-input::placeholder{color:#fff3}.glitch-input{animation:glitch-border .15s infinite}@keyframes glitch-border{0%{border-color:#f36}25%{border-color:#3f6}50%{border-color:#fc3}75%{border-color:#3cf}to{border-color:#c3f}}.chaos-warning{position:fixed;top:75px;left:50%;transform:translate(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700;letter-spacing:.3em;color:#f36;text-shadow:0 0 20px rgba(255,51,102,.5);z-index:50;pointer-events:none}