:root{--bg: #05070d;--surf1: #0a0e1a;--surf2: #101625;--surf3: #161e30;--border: #1c2a42;--text: #e2e8f0;--muted: #4a5568;--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)}#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:5rem 1rem 2rem;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}#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:2rem}.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:wrap;justify-content:center}.diff-card{background:var(--surf2);border:2px solid var(--border);border-radius:1rem;padding:1rem 1.2rem;text-align:center;cursor:pointer;width:120px;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)}.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}