:root{--bg: #05070d;--surf1: #0a0e1a;--surf2: #101625;--surf3: #161e30;--border: #1c2a42;--text: #e2e8f0;--muted: #8995aa;--red: #ef4444;--green: #10b981;--amber: #f59e0b;--blue: #3b82f6;--purple: #a855f7;--pink: #ec4899;--cyan: #06b6d4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif;overflow-x:hidden}#hud{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.55rem 1.1rem;background:#0a0e1aeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.hud-logo{font-weight:900;font-size:1rem;background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hud-group{display:flex;gap:.9rem;align-items:center}.hud-stat{text-align:center}.hud-val{font-weight:800;font-size:1.05rem}.hud-lbl{font-size:.62rem;color:var(--muted);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}#btn-menu{background:none;border:1px solid var(--border);border-radius:.4rem;color:var(--muted);cursor:pointer;padding:.3rem .6rem;font-size:.8rem}#btn-menu:hover{color:var(--text);border-color:var(--blue)}#arena{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4rem 1rem 1rem;gap:.9rem;background:radial-gradient(ellipse at 50% 0%,rgba(239,68,68,.08) 0%,transparent 60%)}#hp-section{display:flex;gap:1.2rem;align-items:center;width:100%;max-width:640px}.hp-block{flex:1}.hp-label{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;margin-bottom:.3rem}.hp-bar-bg{height:14px;border-radius:7px;background:var(--surf3);overflow:hidden;border:1px solid var(--border)}.hp-bar-fill{height:100%;border-radius:7px;transition:width .4s ease,background .3s}#player-hp-fill{background:linear-gradient(90deg,#10b981,#34d399)}#boss-hp-fill{background:linear-gradient(90deg,#ef4444,#f97316)}.vs-badge{font-weight:900;font-size:1.2rem;color:var(--amber);text-shadow:0 0 12px rgba(245,158,11,.6);flex-shrink:0}#boss-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}#boss-sprite{font-size:5.5rem;line-height:1;filter:drop-shadow(0 0 18px rgba(239,68,68,.5));transition:transform .15s,filter .15s;user-select:none}#boss-sprite.hit{animation:boss-hit .35s ease}#boss-sprite.angry{filter:drop-shadow(0 0 28px rgba(239,68,68,.9))}@keyframes boss-hit{0%{transform:scale(1)}20%{transform:scale(1.25) rotate(-8deg);filter:drop-shadow(0 0 30px #fff) brightness(2)}50%{transform:scale(.9) rotate(4deg)}to{transform:scale(1);filter:drop-shadow(0 0 18px rgba(239,68,68,.5))}}#boss-name{font-weight:900;font-size:1.1rem;background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#boss-phase-badge{font-size:.7rem;color:var(--muted);font-weight:700;background:var(--surf2);border:1px solid var(--border);border-radius:.4rem;padding:.15rem .5rem}.dmg-float{position:absolute;top:10%;font-weight:900;font-size:1.6rem;pointer-events:none;z-index:50;animation:dmg-fly .85s ease forwards}@keyframes dmg-fly{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.7)}}#player-area{display:flex;align-items:center;gap:.8rem}#player-sprite{font-size:2.8rem;transition:transform .15s}#player-sprite.attack{animation:player-attack .4s ease}#player-sprite.hurt{animation:player-hurt .35s ease}@keyframes player-attack{0%{transform:translate(0)}30%{transform:translate(60px) scale(1.2)}70%{transform:translate(0) scale(1)}to{transform:none}}@keyframes player-hurt{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.hearts{display:flex;gap:.25rem;font-size:1.2rem}#word-card{background:var(--surf2);border:1px solid var(--border);border-radius:1rem;padding:1.1rem 1.5rem;text-align:center;max-width:560px;width:100%}#word-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}#word-pt{font-size:1.9rem;font-weight:900;letter-spacing:.02em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#word-emoji{font-size:1.4rem}#timer-bar-wrap{width:100%;max-width:560px}#timer-bar-bg{height:6px;background:var(--surf3);border-radius:3px;overflow:hidden}#timer-bar-fill{height:100%;border-radius:3px;transition:width .1s linear,background .3s;background:var(--green)}#options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;max-width:560px;width:100%}#options .opt-btn:last-child:nth-child(odd){grid-column:1 / -1}.opt-btn{padding:.9rem 1rem;border-radius:.75rem;border:2px solid var(--border);background:var(--surf2);color:var(--text);font-size:1rem;font-weight:700;cursor:pointer;transition:border-color .12s,background .12s,transform .1s,box-shadow .12s;position:relative;overflow:hidden}.opt-btn:hover:not(:disabled){border-color:var(--blue);background:var(--surf3);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f633}.opt-btn:active:not(:disabled){transform:scale(.97)}.opt-btn.correct{border-color:#10b981!important;background:#10b9812e!important;animation:correct-flash .35s ease}.opt-btn.wrong{border-color:#ef4444!important;background:#ef44442e!important;animation:wrong-shake .35s ease}.opt-btn:disabled{cursor:not-allowed}@keyframes correct-flash{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes wrong-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}#combo-badge{font-size:.8rem;font-weight:800;padding:.3rem .7rem;border-radius:2rem;border:1px solid rgba(245,158,11,.4);background:#f59e0b1f;color:var(--amber);transition:transform .15s}#combo-badge.pop{animation:combo-pop .25s ease}@keyframes combo-pop{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}#flash{position:fixed;inset:0;pointer-events:none;z-index:200;opacity:0;transition:opacity .1s}#flash.red{background:#ef444438}#flash.green{background:#10b9812e}#boss-death{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000c;flex-direction:column;gap:1rem;opacity:0;pointer-events:none;transition:opacity .4s}#boss-death.show{opacity:1;pointer-events:all}.death-title{font-size:2.5rem;font-weight:900;color:var(--amber);text-shadow:0 0 30px rgba(245,158,11,.8)}.death-sub{color:var(--muted);font-size:.95rem}#btn-next-boss{padding:.8rem 2.2rem;border-radius:.7rem;background:linear-gradient(135deg,#ef4444,#f97316);border:none;color:#fff;font-size:1rem;font-weight:800;cursor:pointer}#pvp-round-result{position:fixed;inset:0;z-index:350;display:flex;align-items:center;justify-content:center;background:#000000d9;opacity:0;pointer-events:none;transition:opacity .35s}#pvp-round-result.show{opacity:1;pointer-events:none}.pvp-round-box{text-align:center;display:flex;flex-direction:column;gap:.8rem}.pvp-round-title{font-size:2.6rem;font-weight:900;color:var(--amber);text-shadow:0 0 30px rgba(245,158,11,.8)}.pvp-round-score{font-size:1.3rem;font-weight:800;color:#a78bfa;letter-spacing:.04em}.pvp-round-next{color:var(--muted);font-size:.9rem}#over-screen{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#000000e0;flex-direction:column;gap:.8rem;opacity:0;pointer-events:none;transition:opacity .4s}#over-screen.show{opacity:1;pointer-events:all}.over-card{background:var(--surf1);border:1px solid var(--border);border-radius:1.2rem;padding:2rem 1.8rem;text-align:center;max-width:380px;width:90%;display:flex;flex-direction:column;gap:.9rem}.over-title{font-size:1.9rem;font-weight:900}.over-stats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.over-stat{background:var(--surf2);border-radius:.6rem;padding:.6rem .5rem}.over-stat-val{font-size:1.4rem;font-weight:800}.over-stat-lbl{font-size:.65rem;color:var(--muted)}.reward-bar{background:var(--surf2);border-radius:.7rem;padding:.6rem 1rem;display:flex;gap:1rem;justify-content:center;font-size:.85rem}.reward-gems{color:var(--amber);font-weight:800}.reward-xp{color:var(--cyan);font-weight:800}.over-btns{display:flex;gap:.6rem}.over-btn{flex:1;padding:.65rem .8rem;border-radius:.6rem;border:1px solid var(--border);background:var(--surf2);color:var(--text);font-size:.9rem;font-weight:700;cursor:pointer}.over-btn.primary{background:linear-gradient(135deg,#ef4444,#f97316);border-color:transparent}#start-screen{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--bg);flex-direction:column;gap:1.4rem;padding:1rem}.start-logo{font-size:3.5rem}.start-title{font-size:2.2rem;font-weight:900;text-align:center;background:linear-gradient(135deg,#ef4444,#f97316,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.start-sub{color:var(--muted);text-align:center;max-width:360px;font-size:.9rem;line-height:1.6}.diff-cards{display:flex;gap:.8rem;flex-wrap:nowrap;justify-content:center;width:100%}.diff-card{background:var(--surf2);border:2px solid var(--border);border-radius:1rem;padding:1rem .6rem;text-align:center;cursor:pointer;flex:1;min-width:0;max-width:140px;transition:border-color .15s,transform .15s}.diff-card:hover{border-color:var(--red);transform:translateY(-3px)}.diff-card.selected{border-color:var(--red);box-shadow:0 0 20px #ef44444d}.diff-icon{font-size:2rem;margin-bottom:.3rem}.diff-name{font-weight:800;font-size:.9rem}.diff-desc{font-size:.68rem;color:var(--muted);margin-top:.2rem}#btn-start{padding:.9rem 3rem;border-radius:.8rem;background:linear-gradient(135deg,#ef4444,#f97316);border:none;color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer;transition:opacity .15s,transform .1s}#btn-start:hover{opacity:.9;transform:scale(1.04)}#pvp-rematch-panel{display:none}#rounds-selector{display:none;flex-direction:column;align-items:center;gap:.4rem;margin-top:-.4rem}.rounds-label{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.rounds-chips{display:flex;gap:.5rem}.rounds-chip{padding:.32rem .9rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surf2);color:var(--text);font-size:.88rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.rounds-chip:hover{border-color:var(--red)}.rounds-chip.selected{border-color:var(--red);background:#ef444426;color:#ef4444}#auto-rematch-info{display:none;font-size:.95rem;font-weight:700;color:#a78bfa;margin:.2rem 0}.lightning{position:fixed;pointer-events:none;z-index:190;font-size:2rem;animation:lightning-fly .5s ease forwards}@keyframes lightning-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}.spark{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:195;animation:spark-fly .7s ease forwards}@keyframes spark-fly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty))}}.hidden{display:none!important}.mode-tabs{display:flex;gap:.5rem;background:var(--surf2);border-radius:.75rem;padding:.35rem;border:1px solid var(--border)}.mode-tab{flex:1;padding:.55rem 1rem;border-radius:.55rem;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.mode-tab.active{background:var(--surf3);color:var(--text)}.mode-tab.pvp.active{color:var(--purple)}#online-panel{width:100%;max-width:360px;background:var(--surf2);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.online-header{padding:.7rem 1rem;font-size:.75rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-right:.4rem;animation:pulse2 2s infinite}@keyframes pulse2{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}#online-users-list{max-height:220px;overflow-y:auto}.online-user-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);gap:.75rem}.online-user-row:last-child{border-bottom:none}.ou-name{font-size:.9rem;font-weight:700;flex:1}.ou-invite{padding:.3rem .7rem;border-radius:.5rem;border:1px solid rgba(168,85,247,.4);background:#a855f71a;color:var(--purple);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .12s}.ou-invite:hover{background:#a855f738}.online-empty{padding:1.5rem 1rem;text-align:center;color:var(--muted);font-size:.85rem}#waiting-screen{position:fixed;inset:0;z-index:510;display:flex;align-items:center;justify-content:center;background:#05070df7;flex-direction:column;gap:1.2rem;opacity:0;pointer-events:none;transition:opacity .3s}#waiting-screen.show{opacity:1;pointer-events:all}.wait-spinner{width:52px;height:52px;border-radius:50%;border:4px solid var(--surf3);border-top-color:var(--purple);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wait-title{font-size:1.4rem;font-weight:900;color:var(--purple)}.wait-sub{color:var(--muted);font-size:.9rem}#btn-cancel-invite{padding:.5rem 1.4rem;border-radius:.6rem;border:1px solid var(--border);background:var(--surf2);color:var(--muted);font-size:.85rem;cursor:pointer}#btn-cancel-invite:hover{color:var(--red);border-color:var(--red)}#invite-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(20px);z-index:600;background:var(--surf2);border:1px solid rgba(168,85,247,.5);border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 8px 32px #00000080;width:min(90vw,380px);transition:opacity .3s,transform .3s;opacity:0;pointer-events:none}#invite-toast.show{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.toast-title{font-size:.85rem;color:var(--purple);font-weight:800;margin-bottom:.3rem}.toast-msg{font-size:.9rem;margin-bottom:.75rem}.toast-btns{display:flex;gap:.5rem}.toast-btn{flex:1;padding:.45rem;border-radius:.6rem;border:none;font-weight:700;cursor:pointer;font-size:.88rem}.toast-btn.accept{background:var(--purple);color:#fff}.toast-btn.reject{background:var(--surf3);color:var(--muted)}#pvp-banner{display:none}#hud-round{font-size:.75rem;font-weight:800;color:var(--purple);white-space:nowrap;display:none}