*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background:#04090f;font-family:Plus Jakarta Sans,sans-serif;color:#e2e8f0;-webkit-tap-highlight-color:transparent;user-select:none;overflow-x:hidden}#st-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 50% -10%,#0c1530,#04090f 65%);pointer-events:none}#st-wrap{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 2rem;max-width:600px;margin:0 auto}#st-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.st-back-btn{display:flex;align-items:center;gap:.4rem;background:#ffffff12;border:1.5px solid rgba(255,255,255,.12);border-radius:.7rem;padding:.45rem .85rem;color:#94a3b8;font-size:.8rem;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}.st-back-btn:hover{background:#ffffff1f;color:#e2e8f0}#st-hud{width:100%;display:flex;gap:.6rem;margin-bottom:.65rem}.st-hud-box{flex:1;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:.875rem;padding:.5rem;text-align:center}.st-hud-val{font-size:1.2rem;font-weight:900;line-height:1;font-family:JetBrains Mono,monospace}.st-hud-lbl{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-top:.15rem}#hud-score-val{color:#f59e0b}#hud-combo-val{color:#a855f7}#hud-lives-val{color:#ef4444}#hud-speed-val{color:#00d4ff}#st-timer-ring-wrap{position:relative;width:120px;height:120px;margin:.2rem auto .6rem;flex-shrink:0}#st-timer-svg{width:120px;height:120px;transform:rotate(-90deg)}#st-timer-track{fill:none;stroke:#ffffff12;stroke-width:8}#st-timer-arc{fill:none;stroke-width:8;stroke-linecap:round;stroke:#f59e0b;transition:stroke-dashoffset .1s linear,stroke .2s}#st-timer-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;font-family:JetBrains Mono,monospace;color:#fff;transition:color .2s}#st-word-card{width:100%;background:linear-gradient(135deg,#f59e0b14,#a855f714);border:1.5px solid rgba(245,158,11,.2);border-radius:1.25rem;padding:1.25rem 1rem .75rem;text-align:center;margin-bottom:.75rem;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}#st-word-card.correct{border-color:#00ff888c;box-shadow:0 0 32px #00ff882e}#st-word-card.wrong{border-color:#ef44448c;box-shadow:0 0 32px #ef44442e;animation:st-shake .35s ease}#st-word-card.urgent{border-color:#ef444480;animation:st-pulse-urgent .4s ease infinite}@keyframes st-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes st-pulse-urgent{0%,to{box-shadow:0 0 12px #ef444433}50%{box-shadow:0 0 28px #ef44448c}}#st-word-lang{display:inline-block;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:99px;padding:.2rem .65rem;font-size:.65rem;font-weight:700;letter-spacing:.07em;color:#c084fc;text-transform:uppercase;margin-bottom:.5rem}#st-current-word{font-size:clamp(2rem,9vw,3rem);font-weight:900;font-family:JetBrains Mono,monospace;color:#fff;line-height:1;letter-spacing:.03em;animation:st-word-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes st-word-in{0%{transform:scale(.5) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}#st-word-category{font-size:.7rem;color:#475569;margin-top:.3rem;font-style:italic}#st-speed-bar-wrap{width:100%;height:4px;border-radius:99px;background:#ffffff0f;margin-bottom:.75rem;overflow:hidden}#st-speed-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#ef4444);transition:width .4s ease}#st-options{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.75rem}.st-opt{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:1rem;padding:.9rem .65rem;text-align:center;cursor:pointer;transition:transform .1s,background .12s,border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.st-opt:hover{transform:translateY(-2px);background:#ffffff1a}.st-opt:active{transform:scale(.96)}.st-opt.correct-opt{background:#00ff881f;border-color:#00ff8880;box-shadow:0 0 16px #00ff882e}.st-opt.wrong-opt{background:#ef44441f;border-color:#ef444480}.st-opt.locked{pointer-events:none}.st-opt-text{font-size:1rem;font-weight:800;font-family:JetBrains Mono,monospace;color:#f1f5f9}#st-streak{width:100%;text-align:center;font-size:.8rem;min-height:1.3rem;color:#64748b;margin-bottom:.3rem;transition:color .2s}#st-music-btn{background:#f59e0b24;border:1.5px solid rgba(245,158,11,.55);border-radius:.75rem;padding:.5rem .9rem;font-size:1rem;cursor:pointer;color:#e2e8f0;transition:box-shadow .2s,opacity .2s;box-shadow:0 0 14px #f59e0b80}#st-music-btn.off{opacity:.4;filter:grayscale(1);box-shadow:none}#st-toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);padding:.55rem 1.3rem;border-radius:.875rem;font-size:.88rem;font-weight:800;letter-spacing:.03em;pointer-events:none;z-index:999;opacity:0;transition:opacity .18s,top .18s;white-space:nowrap}#st-toast.show{opacity:1;top:1.55rem}#st-toast.correct-t{background:#00ff8829;border:1.5px solid #00ff88;color:#0f8}#st-toast.wrong-t{background:#ef444429;border:1.5px solid #ef4444;color:#ef4444}#st-toast.info-t{background:#f59e0b29;border:1.5px solid #f59e0b;color:#f59e0b}.st-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:200;animation:st-part .65s ease-out forwards}@keyframes st-part{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}#st-start{position:fixed;inset:0;z-index:90;background:#04090ff2;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;animation:st-fadein .4s ease}#st-start.hidden{display:none}@keyframes st-fadein{0%{opacity:0}to{opacity:1}}#st-gameover{display:none;position:fixed;inset:0;z-index:100;background:#04090fed;backdrop-filter:blur(8px);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;animation:st-fadein .4s ease}#st-gameover.show{display:flex}.st-go-title{font-size:2.4rem;font-weight:900;margin-bottom:.2rem}.st-go-sub{font-size:1rem;color:#64748b;margin-bottom:1.75rem}.st-go-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.75rem}.st-go-box{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:1rem;padding:.9rem 1.3rem;min-width:105px}.st-go-val{font-size:1.9rem;font-weight:900;font-family:JetBrains Mono,monospace}.st-go-lbl{font-size:.62rem;color:#64748b;text-transform:uppercase;letter-spacing:.07em}.st-go-btn{border:none;border-radius:.875rem;padding:.85rem 2.2rem;font-size:.95rem;font-weight:900;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:transform .12s,opacity .15s}.st-go-btn:hover{opacity:.9;transform:translateY(-2px)}.st-go-btn.primary{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#04090f}.st-go-btn.secondary{background:#ffffff14;color:#94a3b8;border:1.5px solid rgba(255,255,255,.12)}#st-diff-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.28rem .7rem;border-radius:99px;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.st-big-title{font-size:clamp(2rem,8vw,2.8rem);font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.st-start-desc{font-size:.92rem;color:#64748b;max-width:320px;margin:0 auto 1.5rem}.st-start-modes{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.st-mode-btn{border:1.5px solid rgba(255,255,255,.12);border-radius:.875rem;padding:.7rem 1.2rem;background:#ffffff0f;color:#e2e8f0;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;font-family:Plus Jakarta Sans,sans-serif}.st-mode-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.st-mode-btn.selected{border-color:#f59e0b;background:#f59e0b1f;color:#fcd34d}