:root{--bg-dark:#0d1117;--accent-blue:#3b82f6;--accent-green:#0f8;--accent-red:#f33;--accent-yellow:#fc0;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--gold-border:#ff6b35;--gold-light:#ff8c5a;--sf-accent:#ff6b35;--font-pixel:"Press Start 2P", monospace;--font-game:"VT323", monospace;--font-heading:"Bebas Neue", "Impact", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;font-family:var(--font-game);background:#0a0a0f;min-height:100vh;font-size:24px}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.game-wrapper{max-width:1100px;margin:0 auto;padding:20px}.game-title{text-align:center;padding:20px 0 10px}.game-title h1{font-family:var(--font-pixel);color:#e0e0e0;text-shadow:2px 2px #ff6b35;letter-spacing:2px;font-size:28px}.game-title .subtitle{color:#a0a0b0;margin-top:4px;font-size:26px}.game-layout{align-items:flex-start;gap:12px;display:flex}.player-hud{color:#e0e0e0;background:#141422;border:3px solid #333;border-radius:8px;flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;width:150px;padding:12px;font-size:24px;display:flex}.hud-avatar{border:3px solid var(--gold-border);background:#2a1a0a;border-radius:8px;width:80px;height:80px;overflow:hidden}.hud-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.hud-name{color:#a0a0b0;margin-top:2px;font-size:22px}.hud-fighter-name{color:#e0e0e0;text-align:center;font-size:11px;font-weight:700}.hud-type-badge{border:2px solid;border-radius:4px;padding:2px 10px;font-size:22px;font-weight:700;display:inline-block}.hud-stats{flex-direction:column;gap:4px;width:100%;margin-top:4px;display:flex}.hud-stat{background:#0d1117;border:1px solid #333;border-radius:4px;justify-content:space-between;padding:3px 8px;font-size:22px;display:flex}.hud-stat span:first-child{color:#888}.hud-stat span:last-child{color:#e0e0e0;font-weight:700}.hud-turn-indicator{text-align:center;color:#ff8c5a;background:#ff6b3526;border:2px solid #ff6b35;border-radius:4px;margin-top:6px;padding:4px 10px;font-size:22px;font-weight:700}.forfeit-btn{color:#888;font-family:var(--font-game);cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;align-self:center;margin-top:8px;padding:6px 20px;font-size:14px;transition:all .15s}.forfeit-btn:hover{color:#ef4444;border-color:#ef4444}.arena-container{aspect-ratio:16/9;background:#1a1a2e;border:4px solid #333;border-radius:4px;flex:1;max-width:720px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 20px #ff6b354d}.arena-bg{background:radial-gradient(60px at 82% 8%,#c8dcff40 0%,#c8dcff0d 40%,#0000 70%),radial-gradient(20px at 82% 8%,#c8dcff 0%,#c8dcff66 50%,#0000 100%),radial-gradient(80px 40px at 25% 18%,#ff32641f 0%,#0000 100%),radial-gradient(60px 30px at 68% 14%,#3296ff1a 0%,#0000 100%),linear-gradient(#050510 0%,#0a0a20 8%,#0d1025 15%,#111535 25%,#151a3a 35%,#1a1a2a 55%,#222 55%,#1a1a1a 100%);position:absolute;inset:0;overflow:hidden}.arena-bg:before{content:"";background-color:#0000;background-image:linear-gradient(#0000 12%,#0a0a0f 12% 55%,#0000 55%),linear-gradient(#0000 22%,#0c0c12 22% 55%,#0000 55%),linear-gradient(#0000 8%,#08080e 8% 55%,#0000 55%),linear-gradient(#0000 18%,#0b0b10 18% 55%,#0000 55%),linear-gradient(#0000 28%,#0d0d14 28% 55%,#0000 55%),linear-gradient(#0000 10%,#09090e 10% 55%,#0000 55%),linear-gradient(#0000 20%,#0c0c11 20% 55%,#0000 55%),radial-gradient(1.5px at 7% 20%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 9% 25%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 7% 32%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 10% 38%,#4af 0%,#0000 100%),radial-gradient(1.5px at 8% 44%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 30% 15%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 31% 22%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 30% 30%,#4af 0%,#0000 100%),radial-gradient(1.5px at 31% 40%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 45% 24%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 48% 28%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 43% 34%,#4af 0%,#0000 100%),radial-gradient(1.5px at 50% 38%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 46% 44%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 72% 16%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 74% 24%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 71% 32%,#4af 0%,#0000 100%),radial-gradient(1.5px at 75% 40%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 90% 26%,#ffe066 0%,#0000 100%),radial-gradient(1.5px at 92% 34%,#fc4 0%,#0000 100%),radial-gradient(1.5px at 89% 42%,#4af 0%,#0000 100%),linear-gradient(90deg,#0000 20%,#f36 20.5% 30%,#0000 30.5%),linear-gradient(90deg,#0000 64%,#38f 64.5% 72%,#0000 72.5%),repeating-linear-gradient(0deg,#0000 0 7px,#9696960f 7px 8px),repeating-linear-gradient(90deg,#0000 0 11px,#9696960d 11px 12px);background-position:2% 0,14% 0,26% 0,36% 0,56% 0,68% 0,84% 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 17%,0 13%,0 36%,0 36%;background-repeat:no-repeat;background-size:12% 100%,18% 100%,8% 100%,22% 100%,15% 100%,14% 100%,16% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 2px,100% 2px,100% 45%,100% 45%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:absolute;inset:0}.arena-bg:after{content:"";background:radial-gradient(50% 80% at 50% 0,#ffc86424 0%,#ffb4500f 30%,#0000 70%),radial-gradient(30% 60% at 20% 10%,#6496ff0d 0%,#0000 60%),radial-gradient(30% 60% at 80% 10%,#6496ff0d 0%,#0000 60%),linear-gradient(#0000 0% 2%,#ffdc3240 2% 2.8%,#0000 2.8%),linear-gradient(#0000 92%,#ffdc3233 92% 93%,#0000 93%),linear-gradient(90deg,#0000 49.3%,#ffffff0f 49.3% 50.7%,#0000 50.7%),repeating-linear-gradient(#0000 0 38px,#ffffff06 38px 40px),repeating-linear-gradient(90deg,#0000 0 58px,#ffffff05 58px 60px),linear-gradient(90deg,#151515 0%,#1e1e1e 8%,#262626 20%,#2a2a2a 40%,#2c2c2c 50%,#2a2a2a 60%,#262626 80%,#1e1e1e 92%,#151515 100%),linear-gradient(#252525 0%,#1c1c1c 60%,#141414 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.arena-circle-left{background:radial-gradient(#0000 55%,#ff323233 56%,#ff323240 62%,#0000 63%),radial-gradient(#ff50500f 0%,#0000 50%);border:none;border-radius:50%;width:22%;height:6%;position:absolute;bottom:3%;left:8%;box-shadow:0 0 20px #ff323214,inset 0 0 15px #ff32320a}.arena-circle-right{background:radial-gradient(#0000 55%,#3278ff33 56%,#3278ff40 62%,#0000 63%),radial-gradient(#3278ff0f 0%,#0000 50%);border:none;border-radius:50%;width:22%;height:6%;position:absolute;bottom:3%;right:8%;box-shadow:0 0 20px #3278ff14,inset 0 0 15px #3278ff0a}.arena-fighters{pointer-events:none;position:absolute;inset:0}.arena-fighter{flex-direction:column;align-items:center;transition:transform .3s;animation:2s ease-in-out infinite idle-bounce;display:flex;position:absolute}.arena-fighter.player{bottom:5%;left:10%}.arena-fighter.player .fighter-sprite{width:180px;height:180px}.arena-fighter.opponent{bottom:5%;right:10%}.arena-fighter.opponent .fighter-sprite{width:180px;height:180px}.arena-fighter.attacking{animation:.4s ease-in-out attack-slide}.arena-fighter.hit{animation:.3s ease-in-out hit-flash}@keyframes attack-slide{0%{transform:translate(0)}30%{transform:translate(60px)scale(1.1)}60%{transform:translate(60px)scale(1.1)}to{transform:translate(0)scale(1)}}@keyframes hit-flash{0%,to{opacity:1}25%{opacity:.2}50%{opacity:1}75%{opacity:.2}}@keyframes idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fighter-sprite{width:96px;height:96px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(2px 4px 4px #0006);transition:transform .15s ease-out,filter .15s ease-out}.arena-fighter.player .fighter-sprite{transform:rotate(-3deg)}.arena-fighter.opponent .fighter-sprite{transform:scaleX(-1)rotate(-3deg)}.arena-fighter.attacking .fighter-sprite{filter:brightness(1.3)drop-shadow(0 0 15px #ff6b35cc);transform:rotate(-15deg)scale(1.15)}.arena-fighter.opponent.attacking .fighter-sprite{filter:brightness(1.3)drop-shadow(0 0 15px #ff6b35cc);transform:scaleX(-1)rotate(15deg)scale(1.15)}.arena-fighter.hit .fighter-sprite{filter:brightness(2)saturate(0)drop-shadow(0 0 10px #f33c);transform:translate(-10px)}.arena-fighter.opponent.hit .fighter-sprite{filter:brightness(2)saturate(0)drop-shadow(0 0 10px #f33c);transform:scaleX(-1)translate(-10px)}@keyframes impact-flash{0%{opacity:.6}to{opacity:0}}.impact-overlay{pointer-events:none;z-index:25;background:#fff;animation:.15s ease-out forwards impact-flash;position:absolute;inset:0}.fighter-avatar{border:3px solid var(--gold-border);background:#2a1a0a;border-radius:8px;width:72px;height:72px;margin:0 auto 8px;overflow:hidden}.fighter-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.fighter-card.selected .fighter-avatar{border-color:var(--gold-light);box-shadow:0 0 12px #e8d44d80}.hp-bar-track{background:#222;border:1px solid #555;border-radius:5px;flex:1;height:10px;overflow:hidden}.hp-bar-fill{background:#0f8;border-radius:5px;height:100%;transition:width .5s}.hp-bar-fill.medium{background:var(--accent-yellow)}.hp-bar-fill.low{background:var(--accent-red)}.damage-popup{color:var(--accent-red);pointer-events:none;z-index:20;text-shadow:1px 1px #000;font-size:24px;font-weight:700;animation:1s ease-out forwards float-up;position:absolute}.damage-popup.correct{color:var(--accent-green)}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.question-panel{color:#e0d8c8;background:#0d1117;border:4px solid #333;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:12px;max-width:720px;margin:0 auto;padding:16px 20px;display:flex}.question-left{width:100%}.question-counter{color:#ff6b35;margin-bottom:4px;font-size:24px;display:inline-block}.question-difficulty{color:#ff8c5a;float:right;background:#c8a83226;border:1px solid #ff6b35;border-radius:4px;padding:2px 8px;font-size:22px}.question-text{color:#f0e8d8;background:#1e1e1e;border:2px solid #444;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:26px;line-height:1.6}.question-right{grid-template-columns:1fr;gap:8px;display:grid}.answer-option{cursor:pointer;color:#e0d8c8;font-size:24px;font-family:var(--font-game);text-align:left;background:#1e1e1e;border:3px solid #555;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;line-height:1.4;transition:all .15s;display:flex}.answer-option:hover{background:#333;border-color:#ff6b35;transform:scale(1.02)}.answer-option:active{transform:scale(.98)}.answer-option.answer-correct{background:#00ff8826!important;border-color:#0f8!important}.answer-option.answer-wrong{background:#ff333326!important;border-color:#f33!important}.answer-option.answer-dimmed{opacity:.4;pointer-events:none}.answer-option .option-number{color:#fff;background:var(--gold-border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:24px;display:flex}.enter-hint{color:#999;text-align:center;margin-top:4px;font-size:22px}.move-select-row{background:#0d1117;border:4px solid #333;border-top:none;gap:6px;max-width:720px;margin:0 auto;padding:10px 16px;display:flex}.move-btn{color:#e0e0e0;font-family:var(--font-game);cursor:pointer;text-align:center;background:#141422;border:2px solid #333;border-radius:6px;flex:1;padding:8px 6px;font-size:24px;transition:all .15s}.move-btn:hover{background:#333;border-color:#ff6b35}.move-btn.active{border-color:var(--sf-accent);color:#ff6b35;background:#ff6b3526;box-shadow:0 0 8px #ff6b3566}.move-effectiveness{font-family:var(--font-game);letter-spacing:.3px;margin-top:3px;font-size:28px;font-weight:700;display:block}.move-effectiveness.super{color:#16a34a}.move-effectiveness.weak{color:#dc2626}.hp-type-badge{letter-spacing:.5px;vertical-align:middle;border-radius:3px;margin-left:4px;padding:1px 6px;font-size:26px;font-weight:700;display:inline-block}.waiting-overlay{z-index:10;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.waiting-text{color:#fff;text-shadow:2px 2px #000;font-size:22px;animation:1.5s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}.game-footer{color:#888;background:#0d1117;border:3px solid #333;border-radius:8px;justify-content:center;gap:40px;max-width:720px;margin-top:10px;margin-left:auto;margin-right:auto;padding:12px 20px;font-size:22px;display:flex}.game-footer h4{color:#ff6b35;margin-bottom:6px;font-size:22px}.game-footer ul{flex-direction:column;gap:4px;list-style:none;display:flex}.game-footer li{color:#999;align-items:center;gap:6px;display:flex}.type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:22px;font-weight:600;display:inline-block}.type-Growth{background:var(--accent-green);color:#000}.type-Engineering{background:var(--accent-blue);color:#fff}.type-Design{background:var(--accent-pink);color:#fff}.type-Data{background:var(--accent-yellow);color:#000}.type-Product{background:var(--accent-purple);color:#fff}.page-container{max-width:1100px;margin:0 auto;padding:24px}.page-header{text-align:center;margin-bottom:24px}.page-header h1{color:#e0e0e0;margin-bottom:8px;font-size:26px}.page-header p{color:#a0a0b0;font-size:22px}.fighter-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.fighter-card{cursor:pointer;text-align:center;color:#e0e0e0;background:#141422;border:3px solid #333;border-radius:8px;padding:14px;transition:all .2s}.fighter-card:hover{border-color:#ff8c5a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.fighter-card.selected{border-color:var(--accent-red);background:#1a1422;box-shadow:0 0 12px #f336}.fighter-card h3{color:#e0e0e0;margin:6px 0 2px;font-size:24px}.fighter-card .title{color:#a0a0b0;margin-bottom:8px;font-size:22px}.fighter-card .stats{color:#a0a0b0;grid-template-columns:1fr 1fr;gap:4px;font-size:22px;display:grid}.btn{cursor:pointer;font-family:var(--font-game);color:#fff;background:#111;border:3px solid #444;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:24px;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-red);color:#fff;border-color:#b91c1c}.btn-primary:hover:not(:disabled){background:#dc2626}.btn-outline{color:#e0e0e0;border-color:var(--gold-border);background:0 0}.btn-outline:hover:not(:disabled){background:#141422;border-color:#ff8c5a}.match-result{text-align:center;background:#141422;border:4px solid #333;border-radius:8px;max-width:500px;margin:40px auto;padding:60px 40px}.match-result h2{margin-bottom:16px;font-size:24px}.match-result.win h2{color:var(--accent-green)}.match-result.loss h2{color:var(--accent-red)}.match-result p{color:#a0a0b0}.queuing-screen{text-align:center;padding:80px 20px}.queuing-screen h2{color:#e0e0e0;margin-bottom:12px;font-size:22px}.queuing-screen p{color:#a0a0b0;font-size:22px}.queuing-bar{background:#ff6b35;border-radius:3px;width:200px;height:6px;margin:20px auto;overflow:hidden}.queuing-bar-fill{background:var(--accent-red);border-radius:3px;width:100%;height:100%;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.nav{z-index:100;background:#0a0a0f;border-bottom:4px solid #333;align-items:center;gap:12px;padding:12px 24px;display:flex;position:relative}.nav-brand{font-family:var(--font-pixel);color:var(--accent-yellow);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:22px;overflow:hidden}.nav-links{flex-shrink:0;gap:24px;margin-left:auto;list-style:none;display:flex}.nav-links a{color:#ccc;font-size:22px}.nav-links a:hover{color:var(--accent-yellow);text-decoration:none}.nav-user{position:relative}.nav-gamertag{font-family:var(--font-game);color:var(--accent-yellow);border:2px solid var(--gold-border);cursor:pointer;background:#ffffff1a;border-radius:6px;padding:6px 14px;font-size:20px;transition:all .15s}.nav-gamertag:hover{border-color:var(--gold-light);background:#ffffff26}.nav-dropdown{z-index:50;background:#141422;border:2px solid #333;border-radius:6px;min-width:120px;margin-top:6px;position:absolute;top:100%;right:0;overflow:hidden}.nav-dropdown-item{width:100%;font-family:var(--font-game);color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;padding:10px 16px;font-size:20px;transition:all .15s;display:block}.nav-dropdown-item:hover{color:var(--accent-yellow);background:#c8a83226}.mobile-hud{color:#e0e0e0;background:#141422;border:3px solid #333;border-top:none;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:6px 10px;font-size:22px;display:none}.mobile-hud-item{align-items:center;gap:6px;display:flex}.mobile-hud-item-badge{background:var(--accent-purple);color:#fff;border-radius:4px;padding:2px 6px;font-size:26px}.mobile-hud-status{color:#ff8c5a;font-size:24px;font-weight:700}.stat-mini-bar{background:#333;border-radius:2px;height:3px;margin-top:2px}.stat-mini-fill{background:var(--accent-blue);border-radius:2px;height:100%}.about-container{max-width:800px;font-family:var(--font-game);margin:0 auto;padding:24px 20px}.about-section{font-family:var(--font-game);background:#141422;border:3px solid #333;border-radius:8px;margin-bottom:20px;padding:28px}.about-section h2{font-family:var(--font-pixel);color:#ff6b35;border-bottom:2px solid #555;margin-bottom:18px;padding-bottom:10px;font-size:28px}.about-section h3{font-family:var(--font-pixel);color:var(--gold-light);margin-top:8px;margin-bottom:12px;font-size:20px}.about-section p,.about-section li{color:#e0d8c8;font-family:var(--font-game);margin-bottom:8px;font-size:22px;line-height:1.6}.about-section strong{color:#f0e8d8}.about-section code{color:var(--gold-light);font-family:var(--font-game);background:#1e1e1e;border:1px solid #555;border-radius:4px;padding:2px 8px;font-size:20px}.about-section a{color:var(--gold-light);text-decoration:underline;-webkit-text-decoration-color:var(--gold-border);text-decoration-color:var(--gold-border);text-underline-offset:3px;transition:color .2s}.about-section a:hover{color:#fff}.about-section ul,.about-section ol{margin:8px 0;padding:0;list-style:none}.about-section ul>li:before{content:"▸";color:var(--gold-border)}.about-section ol{counter-reset:about-counter}.about-section ol>li{counter-increment:about-counter}.about-section ol>li:before{content:counter(about-counter) ". ";color:var(--gold-border);font-weight:700}.about-formula{background:#1e1e1e;border:2px solid #555;border-radius:6px;margin:12px 0;padding:16px;overflow-x:auto}.about-formula code{white-space:nowrap;background:0 0;border:none;padding:0;font-size:20px}.about-type-chart{flex-direction:column;gap:8px;margin:12px 0;display:flex}.about-type-row{font-family:var(--font-game);color:#e0d8c8;align-items:center;gap:12px;font-size:22px;display:flex}.about-fighter-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.about-fighter-card{border:2px solid var(--gold-border);text-align:center;background:#1e1e1e;border-radius:6px;padding:14px;transition:border-color .2s}.about-fighter-card:hover{border-color:var(--gold-light)}.about-fighter-card .name{font-family:var(--font-game);color:#f0e8d8;margin-bottom:4px;font-size:22px;font-weight:700}.about-fighter-card .title{font-family:var(--font-game);color:#aaa;margin-top:6px;font-size:18px}.about-item-grid{flex-direction:column;gap:16px;display:flex}.about-item-rarity-group{background:#1e1e1e;border:2px solid #555;border-radius:6px;padding:16px}.about-item-rarity-group h3{margin-top:0}.about-item-row{font-family:var(--font-game);color:#e0d8c8;border-bottom:1px solid #333;padding:8px 0;font-size:22px}.about-item-row:last-child{border-bottom:none}.about-item-row strong{color:#f0e8d8}.item-cost{color:var(--gold-light);font-size:20px}.item-desc{color:#aaa;margin-top:4px;font-size:20px}.item-rarity{font-family:var(--font-pixel);text-transform:uppercase;font-size:18px}.item-rarity-common{color:#aaa}.item-rarity-uncommon{color:#22c55e}.item-rarity-rare{color:#3b82f6}.item-rarity-epic{color:#a855f7}.about-tech-list{color:#e0d8c8;font-family:var(--font-game);grid-template-columns:1fr 1fr;gap:10px;font-size:22px;line-height:1.6;display:grid}.about-tech-list strong{color:var(--gold-light)}.landing-container{text-align:center;max-width:500px;margin:0 auto;padding:60px 20px}.landing-title{font-family:var(--font-pixel);color:#fff;text-shadow:0 0 20px #ff6b3599,3px 3px #ff6b35;margin-bottom:8px;font-size:36px}.landing-tagline{color:#a0a0b0;margin-bottom:40px;font-size:24px}.landing-form{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-input{font-family:var(--font-game);color:#e0e0e0;text-align:center;background:#141422;border:3px solid #444;border-radius:8px;outline:none;width:100%;max-width:360px;padding:14px 20px;font-size:24px;transition:border-color .15s}.landing-input:focus{border-color:var(--gold-light);box-shadow:0 0 12px #c8a8324d}.landing-input::placeholder{color:#aaa}.landing-error{color:var(--accent-red);font-size:18px}.landing-play-btn{padding:16px 40px;font-size:24px}.landing-welcome{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-welcome p{color:#e0e0e0;font-size:24px}.landing-change-btn{color:#888;font-family:var(--font-game);cursor:pointer;background:0 0;border:none;font-size:18px;text-decoration:underline}.landing-change-btn:hover{color:#ccc}.landing-subtitle{color:#a0a0b0;margin-top:40px;font-size:20px;line-height:1.6}.leaderboard-container{max-width:900px;margin:0 auto;padding:24px 20px}.leaderboard-header-section{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.leaderboard-title{font-family:var(--font-pixel);color:#e0e0e0;font-size:20px}.leaderboard-refresh{padding:8px 16px;font-size:20px}.leaderboard-error{color:var(--accent-red);text-align:center;padding:20px;font-size:22px}.leaderboard-empty{color:#a0a0b0;text-align:center;padding:40px 20px;font-size:22px}.leaderboard-table{border-collapse:collapse;border:3px solid var(--gold-border);background:#0d1117;border-radius:8px;width:100%;overflow:hidden}.leaderboard-header{background:#1a2a4a}.leaderboard-header th{font-family:var(--font-pixel);color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px;padding:12px 10px;font-size:10px}.leaderboard-row{background:#0d1117;border-bottom:1px solid #333;transition:background .15s}.leaderboard-row:hover{background:#333}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.current-player{border-left:4px solid var(--gold-border);background:#c8a83226}.leaderboard-row.current-player:hover{background:#c8a83240}.leaderboard-rank{text-align:center;color:var(--gold-light);width:50px;padding:10px 8px;font-weight:700}.leaderboard-gamertag{text-align:left;color:#e0e0e0;padding:10px 8px;font-size:22px}.leaderboard-stat{text-align:center;color:#ccc;padding:10px 8px;font-size:22px}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}30%{transform:translate(4px,-2px)}50%{transform:translate(-2px,4px)}70%{transform:translate(2px,-4px)}90%{transform:translate(-2px,2px)}}.arena-shake{animation:.3s ease-in-out screen-shake}@keyframes fight-announce{0%{opacity:0;transform:translate(-50%,-50%)scale(3)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.fight-text{font-family:var(--font-heading);color:#fc0;text-shadow:0 0 20px #ff6b35,0 0 40px #f33,3px 3px #000;z-index:30;pointer-events:none;letter-spacing:8px;text-transform:uppercase;font-size:72px;animation:2s ease-out forwards fight-announce;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ko-announce{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.ko-text{font-family:var(--font-heading);color:#f33;text-shadow:0 0 30px #f33,0 0 60px red,4px 4px #000;z-index:30;pointer-events:none;letter-spacing:12px;text-transform:uppercase;font-size:96px;animation:2.5s ease-out forwards ko-announce;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sf-hp-bar-container{z-index:10;background:#000c;border-bottom:2px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}.sf-hp-section{flex:1}.sf-hp-left{text-align:left}.sf-hp-right{text-align:right}.sf-hp-name-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sf-hp-right .sf-hp-name-row{justify-content:flex-end}.sf-hp-name{font-family:var(--font-game);color:#fff;font-size:16px;font-weight:700}.sf-hp-gamertag{font-family:var(--font-game);color:#888;font-size:12px;font-style:italic}.sf-hp-numbers{font-family:var(--font-game);color:#ccc;font-size:14px}.sf-turn-indicator{font-family:var(--font-heading);color:var(--sf-accent);text-transform:uppercase;letter-spacing:2px;flex-shrink:0;padding:4px 16px;font-size:20px}@media (width<=640px){.page-container{padding:12px 8px}.game-wrapper{padding:8px}.nav{flex-wrap:wrap;gap:8px;padding:8px 10px}.nav-brand{font-size:10px}.nav-links{flex-wrap:wrap;gap:8px}.nav-links a{font-size:18px}.nav-gamertag{padding:4px 10px;font-size:16px}.game-layout{flex-direction:column}.player-hud{display:none}.mobile-hud{max-width:100%;display:flex}.arena-container{aspect-ratio:4/3;border-width:3px;max-width:100%}.sf-hp-bar-container{gap:4px;padding:4px 6px}.sf-hp-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;display:inline-block;overflow:hidden}.sf-hp-name-row{gap:3px;margin-bottom:2px}.sf-hp-numbers{font-size:11px}.sf-turn-indicator{letter-spacing:1px;padding:2px 8px;font-size:14px}.sf-hp-section .hp-type-badge{padding:1px 4px;font-size:9px}.hp-bar-track{height:6px}.hp-type-badge{margin-left:2px;padding:1px 3px;font-size:5px}.arena-fighter.player{bottom:3%;left:5%}.arena-fighter.opponent{bottom:3%;right:5%}.arena-fighter.player .fighter-sprite,.arena-fighter.opponent .fighter-sprite{width:100px;height:100px}.fight-text{letter-spacing:4px;font-size:48px}.ko-text{letter-spacing:6px;font-size:64px}.move-select-row{grid-template-columns:repeat(2,1fr);gap:4px;max-width:100%;padding:6px 8px;display:grid}.move-btn{min-height:44px;padding:6px 4px;font-size:18px}.move-effectiveness{font-size:14px}.question-panel{gap:8px;max-width:100%;padding:10px 8px}.question-text{padding:6px 8px;font-size:20px;line-height:1.5}.question-counter{font-size:18px}.question-difficulty{padding:2px 6px;font-size:16px}.question-right{grid-template-columns:1fr;gap:6px}.answer-option{gap:8px;min-height:44px;padding:10px 12px;font-size:20px}.answer-option .option-number{width:28px;height:28px;font-size:18px}.enter-hint{font-size:18px}.fighter-grid{grid-template-columns:repeat(2,1fr);gap:8px}.fighter-card{padding:8px}.fighter-card h3{font-size:18px}.fighter-card .title{font-size:16px}.fighter-avatar{width:56px;height:56px}.landing-container{padding:40px 16px}.landing-title{font-size:24px}.landing-tagline{margin-bottom:30px;font-size:18px}.landing-input{max-width:100%;padding:12px 16px;font-size:20px}.landing-play-btn{width:100%;max-width:300px;padding:14px 32px;font-size:20px}.landing-form{width:100%}.game-footer{text-align:center;flex-direction:column;gap:10px;max-width:100%;padding:8px 12px}.game-footer h4{font-size:18px}.game-footer li{justify-content:center;font-size:16px}.game-footer{font-size:16px}.game-title{padding:10px 0 6px}.game-title h1{font-size:20px}.game-title .subtitle{font-size:18px}.page-header{margin-bottom:12px}.page-header h1{font-size:20px}.page-header p{font-size:18px}.queuing-screen{padding:40px 16px}.queuing-screen h2{font-size:20px}.match-result{max-width:100%;margin:16px auto;padding:24px 16px}.match-result h2{font-size:22px}.btn{min-height:44px;padding:10px 16px;font-size:20px}.about-container{padding:12px}.about-section{padding:16px}.about-section h2,.about-section p,.about-section li,.about-type-row{font-size:18px}.about-fighter-grid{grid-template-columns:repeat(2,1fr)}.about-fighter-card .name{font-size:18px}.about-tech-list{grid-template-columns:1fr;font-size:18px}.about-item-row{font-size:18px}.about-formula code{font-size:16px}.leaderboard-container{padding:12px 8px}.leaderboard-title{font-size:14px}.leaderboard-hide-mobile{display:none}.leaderboard-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.leaderboard-table{min-width:400px}.leaderboard-header th{padding:8px 6px;font-size:8px}.leaderboard-rank{width:36px;padding:8px 4px}.leaderboard-gamertag{padding:8px 6px;font-size:18px}.leaderboard-stat{padding:8px 4px;font-size:18px}.damage-popup{font-size:18px}.mobile-hud{font-size:16px}.mobile-hud-item-badge{font-size:14px}.mobile-hud-status{font-size:18px}.forfeit-btn{padding:6px 10px;font-size:16px}}@media (width<=360px){.arena-container{aspect-ratio:3/2}.hp-bar-track{height:5px}.hp-type-badge{display:none}.sf-hp-name{max-width:60px;font-size:10px}.sf-hp-numbers{font-size:10px}.sf-turn-indicator{padding:2px 6px;font-size:12px}.arena-fighter.player{bottom:3%;left:3%}.arena-fighter.opponent{bottom:3%;right:3%}.arena-fighter.player .fighter-sprite,.arena-fighter.opponent .fighter-sprite{width:80px;height:80px}.fight-text{letter-spacing:3px;font-size:36px}.ko-text{letter-spacing:4px;font-size:48px}.move-btn{min-height:44px;padding:4px 2px;font-size:16px}.question-text{font-size:18px}.answer-option{min-height:44px;padding:8px 10px;font-size:18px}.game-title h1,.game-title .subtitle{font-size:16px}.fighter-grid{grid-template-columns:repeat(2,1fr);gap:6px}.fighter-card{padding:6px}.fighter-card h3{font-size:16px}.fighter-avatar{width:44px;height:44px}.match-result h2{font-size:20px}.nav-brand{font-size:9px}.nav-links a{font-size:16px}.nav-links{gap:6px}.landing-title{font-size:20px}.landing-input{padding:10px 12px;font-size:18px}}@media (width>=641px) and (width<=1024px){.page-container{padding:20px 16px}.player-hud{width:120px;padding:10px}.hud-avatar{width:64px;height:64px}.hud-fighter-name{font-size:24px}.hud-stat{font-size:22px}.arena-container{max-width:100%}.arena-fighter.player .fighter-sprite,.arena-fighter.opponent .fighter-sprite{width:140px;height:140px}.question-panel,.move-select-row{max-width:100%}.game-footer{gap:20px;max-width:100%}.fighter-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width>=1280px){.page-container,.game-wrapper{max-width:1200px}}@media (width>=1920px){.page-container,.game-wrapper{max-width:1400px}body{font-size:26px}}