*,*: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}#wc-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 0%,#0a1628,#04090f 70%);pointer-events:none}#wc-wrap{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 2rem;max-width:640px;margin:0 auto}#wc-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.wc-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}.wc-back-btn:hover{background:#ffffff1f;color:#e2e8f0}#wc-hud{width:100%;display:flex;gap:.6rem;margin-bottom:.75rem}.wc-hud-box{flex:1;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:.875rem;padding:.5rem .6rem;text-align:center}.wc-hud-val{font-size:1.25rem;font-weight:900;line-height:1;font-family:JetBrains Mono,monospace}.wc-hud-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-top:.15rem}#hud-score-val{color:#00d4ff}#hud-combo-val{color:#a855f7}#hud-lives-val{color:#ef4444}#hud-chain-val{color:#0f8}#wc-timer-wrap{width:100%;height:6px;border-radius:99px;background:#ffffff12;margin-bottom:1rem;overflow:hidden}#wc-timer-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,#00d4ff,#a855f7);transition:width .12s linear,background .3s;will-change:width}#wc-prompt-card{width:100%;border-radius:1.25rem;background:linear-gradient(135deg,#00d4ff14,#a855f714);border:1.5px solid rgba(0,212,255,.18);padding:1.5rem 1.25rem 1rem;text-align:center;margin-bottom:.8rem;transition:border-color .3s,box-shadow .3s}#wc-prompt-card.correct{border-color:#0f89;box-shadow:0 0 28px #00ff882e}#wc-prompt-card.wrong{border-color:#ef444499;box-shadow:0 0 28px #ef44442e;animation:wc-shake .35s ease}@keyframes wc-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}#wc-category-badge{display:inline-block;background:#a855f72e;border:1px solid rgba(168,85,247,.35);border-radius:99px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.07em;color:#c084fc;text-transform:uppercase;margin-bottom:.6rem}#wc-current-word{font-size:clamp(2rem,8vw,2.8rem);font-weight:900;letter-spacing:.04em;color:#fff;font-family:JetBrains Mono,monospace;line-height:1.1}#wc-hint{font-size:.75rem;color:#64748b;margin-top:.4rem;min-height:1rem}#wc-chain-wrap{width:100%;margin-bottom:.8rem;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.07);border-radius:.875rem;padding:.6rem .875rem;min-height:2.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.wc-chain-word{background:#00d4ff1a;border:1px solid rgba(0,212,255,.22);border-radius:.5rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;color:#7dd3fc;font-family:JetBrains Mono,monospace;animation:wc-pop .3s cubic-bezier(.34,1.56,.64,1)}.wc-chain-arrow{color:#334155;font-size:.85rem}@keyframes wc-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}#wc-chain-empty{font-size:.75rem;color:#334155;font-style:italic}#wc-options{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.8rem}.wc-opt{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem .75rem;text-align:center;cursor:pointer;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.wc-opt:hover{transform:translateY(-2px);background:#ffffff1a}.wc-opt:active{transform:scale(.97)}.wc-opt.correct-opt{background:#00ff881f;border-color:#00ff8873;box-shadow:0 0 18px #00ff882e}.wc-opt.wrong-opt{background:#ef44441f;border-color:#ef444473}.wc-opt.locked{pointer-events:none}.wc-opt-word{font-size:1.05rem;font-weight:800;color:#f1f5f9;font-family:JetBrains Mono,monospace;margin-bottom:.3rem}.wc-opt-rel{font-size:.68rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}#wc-reveal{width:100%;text-align:center;font-size:.8rem;color:#94a3b8;margin-bottom:.5rem;min-height:1.2rem;transition:color .3s}#wc-bottom{width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:auto}#wc-music-btn{background:#00d4ff24;border:1.5px solid rgba(0,212,255,.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 #00d4ff99}#wc-music-btn.off{opacity:.4;filter:grayscale(1);box-shadow:none}#wc-toast{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);padding:.6rem 1.4rem;border-radius:.9rem;font-size:.9rem;font-weight:800;letter-spacing:.03em;pointer-events:none;z-index:999;opacity:0;transition:opacity .2s,top .2s;white-space:nowrap}#wc-toast.show{opacity:1;top:1.6rem}#wc-toast.correct-toast{background:#00ff882e;border:1.5px solid #00ff88;color:#0f8}#wc-toast.wrong-toast{background:#ef44442e;border:1.5px solid #ef4444;color:#ef4444}#wc-toast.info-toast{background:#00d4ff26;border:1.5px solid #00d4ff;color:#00d4ff}#wc-gameover{display:none;position:fixed;inset:0;z-index:100;background:#04090feb;backdrop-filter:blur(8px);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;animation:wc-fadein .5s ease}#wc-gameover.show{display:flex}@keyframes wc-fadein{0%{opacity:0}to{opacity:1}}#wc-go-title{font-size:2.5rem;font-weight:900;margin-bottom:.25rem}#wc-go-sub{font-size:1rem;color:#64748b;margin-bottom:2rem}.wc-go-stat{display:flex;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.wc-go-box{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem 1.5rem;min-width:110px}.wc-go-val{font-size:2rem;font-weight:900;font-family:JetBrains Mono,monospace}.wc-go-lbl{font-size:.65rem;color:#64748b;text-transform:uppercase;letter-spacing:.07em}.wc-go-btn{border:none;border-radius:1rem;padding:.9rem 2.5rem;font-size:1rem;font-weight:900;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:transform .12s,opacity .15s}.wc-go-btn:hover{opacity:.9;transform:translateY(-2px)}.wc-go-btn.primary{background:linear-gradient(135deg,#00d4ff,#a855f7);color:#04090f}.wc-go-btn.secondary{background:#ffffff14;color:#94a3b8;border:1.5px solid rgba(255,255,255,.12)}#wc-diff-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.3rem .75rem;border-radius:99px;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.wc-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:200;animation:wc-particle-anim .7s ease-out forwards}@keyframes wc-particle-anim{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}