*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#04090f;font-family:Plus Jakarta Sans,sans-serif;color:#e2e8f0;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent}#ws-game-area{cursor:none}#ws-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}#ws-bg .grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(239,68,68,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(239,68,68,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,black,transparent)}#ws-bg .vignette{position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 30%,rgba(4,9,15,.85) 100%)}#ws-bg .orb-r{position:absolute;bottom:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.1) 0%,transparent 65%);border-radius:50%;filter:blur(80px);animation:pulse-orb 6s ease-in-out infinite}#ws-bg .orb-b{position:absolute;top:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.08) 0%,transparent 65%);border-radius:50%;filter:blur(70px);animation:pulse-orb 8s ease-in-out infinite reverse}@keyframes pulse-orb{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}#ws-hud{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#04090fb3;border-bottom:1px solid rgba(239,68,68,.15);backdrop-filter:blur(12px);gap:1rem}#ws-hud .hud-back{color:#7dd3fc;font-size:.7rem;font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:.06em;text-decoration:none;background:#04090fcc;border:1px solid rgba(0,212,255,.18);border-radius:6px;padding:.25rem .6rem;transition:color .15s,border-color .15s;white-space:nowrap}#ws-hud .hud-back:hover{color:#00d4ff;border-color:#00d4ff66}#ws-music-btn{color:#e0f2fe;font-size:.75rem;font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:.06em;cursor:pointer;background:#00d4ff26;border:1.5px solid rgba(0,212,255,.55);border-radius:6px;padding:.3rem .65rem;white-space:nowrap;transition:color .15s,border-color .15s,box-shadow .2s;line-height:1;box-shadow:0 0 10px #00d4ff59}#ws-music-btn:hover{color:#fff;border-color:#00d4ff;box-shadow:0 0 16px #00d4ff99}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.hud-label{font-size:.52rem;font-weight:800;letter-spacing:.14em;color:#475569;font-family:JetBrains Mono,monospace}.hud-value{font-family:JetBrains Mono,monospace;font-weight:800;font-size:1.1rem}#hud-lives-val{color:#ef4444;letter-spacing:.05em}#hud-score-val{color:#fbbf24}#hud-combo-val{color:#a855f7}#hud-level-val{color:#00d4ff}#ws-timer-wrap{position:fixed;top:56px;left:0;right:0;z-index:49;height:4px;background:#ef44441a}#ws-timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#ef4444,#f87171);transition:width .1s linear,background .3s;transform-origin:left}#ws-timer-bar.danger{background:linear-gradient(90deg,#7f1d1d,#ef4444)}#ws-timer-bar.ok{background:linear-gradient(90deg,#00d4ff,#a855f7)}#ws-target-box{position:fixed;top:68px;left:50%;transform:translate(-50%);z-index:48;text-align:center;pointer-events:none}#ws-target-category{font-size:.55rem;font-weight:800;letter-spacing:.2em;color:#ef4444;font-family:JetBrains Mono,monospace;margin-bottom:.2rem}#ws-target-prompt{font-size:.75rem;color:#64748b;font-weight:600;margin-bottom:.15rem}#ws-target-word{font-size:2rem;font-weight:900;color:#fff;font-family:Plus Jakarta Sans,sans-serif;text-shadow:0 0 30px rgba(239,68,68,.5);animation:word-appear .3s ease}#ws-target-emoji{font-size:1.4rem;margin-bottom:.1rem;line-height:1}@keyframes word-appear{0%{opacity:0;transform:scale(.85) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}#ws-game-area{position:fixed;inset:0;z-index:10}.ws-word{position:absolute;font-family:JetBrains Mono,monospace;font-weight:800;font-size:1.05rem;color:#e2e8f0;background:#0f1420d9;border:1.5px solid rgba(100,116,139,.3);border-radius:.5rem;padding:.4rem .85rem;cursor:none;transition:border-color .1s,box-shadow .1s,color .1s,transform .1s;pointer-events:all;white-space:nowrap;backdrop-filter:blur(4px)}.ws-word:hover{border-color:#ef444480;box-shadow:0 0 16px #ef444440;color:#fca5a5;transform:scale(1.05)}.ws-word.correct-flash{background:#00ff8826;border-color:#0f89;color:#0f8;box-shadow:0 0 30px #0f86;animation:correct-pop .35s ease}.ws-word.wrong-flash{background:#ef444433;border-color:#ef4444b3;color:#f87171;box-shadow:0 0 20px #ef444466;animation:wrong-shake .3s ease}@keyframes correct-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#ws-crosshair{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);width:40px;height:40px;transition:transform .08s ease,opacity .1s}#ws-crosshair.zoom{transform:translate(-50%,-50%) scale(1.4)}#ws-crosshair svg{width:100%;height:100%}#ws-muzzle{position:fixed;z-index:99;pointer-events:none;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,0,.9) 0%,rgba(239,68,68,.6) 40%,transparent 70%);opacity:0;animation:none}@keyframes muzzle-flash{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}60%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.ws-hitmarker{position:fixed;z-index:98;pointer-events:none;font-family:JetBrains Mono,monospace;font-weight:800;font-size:.9rem;white-space:nowrap;animation:hitmarker-float .7s ease forwards}@keyframes hitmarker-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.2)}}.ws-bullet{position:fixed;z-index:97;pointer-events:none;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444cc;animation:bullet-fade 1.2s ease forwards}@keyframes bullet-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}#ws-combo-burst{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;pointer-events:none;text-align:center;font-family:JetBrains Mono,monospace;font-weight:900;opacity:0}#ws-combo-burst.show{animation:combo-burst .7s ease forwards}@keyframes combo-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3) translateY(-20px)}}.ws-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#04090fd9;backdrop-filter:blur(12px)}.ws-overlay.hidden{display:none}.ws-overlay-card{background:#0a0e18;border:1px solid rgba(239,68,68,.25);border-radius:1.25rem;padding:2.5rem 2rem;text-align:center;max-width:380px;width:90%;box-shadow:0 0 60px #ef44441f}.ws-overlay-card h2{font-size:2rem;font-weight:900;margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif}.ws-overlay-card p{color:#64748b;margin-bottom:1.5rem;font-size:.9rem}.ws-btn{display:inline-block;padding:.7rem 1.8rem;border-radius:.75rem;font-weight:800;font-size:.95rem;cursor:pointer;border:none;font-family:Plus Jakarta Sans,sans-serif;transition:opacity .15s,transform .12s}.ws-btn:hover{opacity:.88;transform:translateY(-1px)}.ws-btn-primary{background:linear-gradient(135deg,#ef4444,#a855f7);color:#fff}.ws-btn-ghost{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3);margin-left:.75rem}.ws-stat-row{display:flex;justify-content:space-around;margin-bottom:1.5rem}.ws-stat-item{display:flex;flex-direction:column;gap:.15rem}.ws-stat-lbl{font-size:.6rem;color:#475569;font-weight:800;letter-spacing:.1em;font-family:JetBrains Mono,monospace}.ws-stat-num{font-size:1.4rem;font-weight:900;font-family:JetBrains Mono,monospace}#ws-start-overlay .ws-overlay-card h2{color:#ef4444}.start-feature{display:flex;align-items:center;gap:.6rem;text-align:left;margin-bottom:.5rem;font-size:.82rem;color:#94a3b8}.start-feature span:first-child{font-size:1rem}#ws-levelup-overlay .ws-overlay-card h2{color:#00d4ff}@keyframes scope-in{0%{box-shadow:0 0 0 3px #ef444499,0 0 20px #ef444466}to{box-shadow:0 0 0 1px #ef44444d}}@media(max-width:640px){#ws-target-word{font-size:1.5rem}.ws-word{font-size:.85rem;padding:.35rem .65rem}#ws-hud{padding:.4rem .75rem}.hud-value{font-size:.9rem}}