*{box-sizing:border-box}body{color:#e5eefc;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 30%),radial-gradient(circle at 100% 0,#ec489924,#0000 25%),linear-gradient(160deg,#0f172a,#111827);min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .2s,filter .2s}button.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}button:hover{opacity:.96;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px}.app{max-width:1280px;margin:0 auto;padding:24px;position:relative}.boss-flash{pointer-events:none;opacity:0;z-index:50;background:radial-gradient(circle,#ffffff59,#fbbf2433,#0000 65%);position:fixed;inset:0}.boss-flash.active{animation:.65s ease-out bossFlashAnim}@keyframes bossFlashAnim{0%{opacity:0}15%{opacity:1}to{opacity:0}}.toast{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;min-width:280px;max-width:360px;padding:16px 18px;animation:.3s toastIn;position:fixed;top:22px;right:22px;box-shadow:0 20px 50px #00000059}.toast-record{background:#eab3082e;border:1px solid #facc1559}.toast-achievement{background:#8b5cf62e;border:1px solid #a78bfa59;top:128px}.toast-title{text-transform:uppercase;color:#e5e7eb;letter-spacing:.08em;margin-bottom:6px;font-size:12px}.toast-main{margin-bottom:4px;font-size:20px;font-weight:900}.toast-sub{color:#d1d5db;font-size:14px}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.title-wrap h1{margin:0}.title-wrap p{color:#9fb0d0;margin:8px 0 0}.topbar-actions{flex-wrap:wrap;gap:10px;display:flex}.tabs{gap:10px;margin-bottom:20px;display:flex}.tabs button{background:#ffffff14;border:1px solid #ffffff1a}.tabs button.active{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.layout{grid-template-columns:380px 1fr;gap:24px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;box-shadow:0 20px 50px #00000059}.sidebar{flex-direction:column;gap:18px;padding:20px;display:flex}.sidebar-row{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.sidebar-row span:first-child{color:#9fb0d0;font-size:14px}.sidebar-row span:last-child{white-space:nowrap;font-weight:700}.card-block{background:#ffffff14;border-radius:18px;padding:16px}.start-screen{text-align:center;max-width:600px;margin:0 auto}.start-title{color:#fff;margin:0 0 8px;font-size:28px}.start-desc{color:#888;margin:0 0 24px;font-size:15px;line-height:1.5}.start-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.start-info-item{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.start-info-item .label{color:#9fb0d0;font-size:13px}.start-info-item .value{color:#fff;font-size:20px;font-weight:700}.start-level-select{text-align:left;margin-bottom:20px}.start-level-select .label{color:#9fb0d0;margin-bottom:8px;font-size:14px;display:block}.start-level-select .select{color:#fff;background:#0000004d;border:2px solid #444;border-radius:8px;width:100%;padding:10px;font-size:14px}.locked-warning{color:#ff9800;margin:8px 0 0;font-size:13px}.start-actions{justify-content:center;gap:12px;display:flex}.card-block h3{color:#9fb0d0;text-transform:uppercase;margin-top:0;font-size:14px}.hero-name{margin-bottom:12px;font-size:22px;font-weight:800}.hearts{gap:8px;font-size:24px;display:flex}.hearts .lost{opacity:.3;filter:grayscale()}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats-grid div{background:#ffffff0d;border-radius:14px;padding:12px}.stats-grid span{color:#9fb0d0;margin-bottom:6px;font-size:12px;display:block}.stats-grid strong{font-size:22px}.timer-box{background:#ffffff0d;border-radius:14px;margin-top:12px;padding:12px}.timer-box span{color:#9fb0d0;margin-bottom:6px;font-size:12px;display:block}.timer-box strong{font-size:24px}.records-list,.weak-list{flex-direction:column;gap:8px;display:flex}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.achievement-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.achievement-card.unlocked{background:#ffffff14;border-color:#4caf504d}.achievement-card.locked{opacity:.5;filter:grayscale(.3)}.achievement-icon{flex-shrink:0;font-size:36px}.achievement-info{flex:1;min-width:0}.achievement-title{color:#fff;margin:0;font-size:16px;font-weight:700}.achievement-desc{color:#888;margin:4px 0 0;font-size:13px}.achievement-check{flex-shrink:0;font-size:20px}.record-item,.achievement-item,.weak-item{background:#ffffff0d;border-radius:12px;padding:10px 12px}.record-item,.weak-item{justify-content:space-between;gap:12px;display:flex}.record-item span,.record-item strong{align-self:center}.achievement-item.unlocked{background:#22c55e1f;border:1px solid #4ade804d}.achievement-item.locked{opacity:.55}.main{padding:24px}.battle-top{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.battle-top-badges{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.battle-top-badges .badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;box-shadow:0 2px 8px #8b5cf64d}.badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:999px;padding:10px 14px;font-weight:800}.badge.secondary{background:#ffffff14}.fighters{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px;display:grid}.fighter{text-align:center;background:#ffffff0d;border-radius:20px;min-height:250px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.fighter-title{color:#9fb0d0;text-transform:uppercase;margin-bottom:12px;font-size:14px}.fighter-emoji{-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:110px;line-height:1}.fighter-name{color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.fighter-hp{color:#9fb0d0;margin-bottom:8px;font-size:18px}.fighter-lives{color:#9fb0d0;margin-bottom:8px;font-size:22px}.fighter-hp-bar-wrapper{margin-top:8px}.fighter-hp-bar{background:#ffffff14;border-radius:999px;height:20px;margin-top:8px;position:relative;overflow:hidden}.hp-bar-text{color:#fff;text-shadow:0 1px 3px #00000080;z-index:2;pointer-events:none;font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-fill{height:100%;transition:width .45s}.hp-fill.hero-hp{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.hp-fill.monster-hp{background:linear-gradient(90deg,#ef4444,#f59e0b)}.elixirs-panel{background:#4caf5014;border:1px solid #4caf5033;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.elixirs-label{color:#9fb0d0;font-size:14px;font-weight:600}.elixirs-list{gap:8px;display:flex}.elixir-btn{color:#4caf50;cursor:pointer;background:#4caf5026;border:2px solid #4caf504d;border-radius:10px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.elixir-btn:hover:not(:disabled){background:#4caf504d;border-color:#4caf5080;transform:translateY(-2px)}.elixir-btn:disabled{opacity:.4;cursor:not-allowed}.elixir-btn.potion-btn{color:#a335ee;background:#a335ee26;border-color:#a335ee66}.elixir-btn.potion-btn:hover:not(:disabled){background:#a335ee4d;border-color:#a335ee80}.elixir-emoji{font-size:18px}.elixir-heal{font-size:14px}.emoji{-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:110px;line-height:1}.name{margin-bottom:10px;font-size:26px;font-weight:800}.hp-text{color:#9fb0d0;margin-bottom:8px}.bar{background:#ffffff14;border-radius:999px;height:16px;overflow:hidden}.bar-fill{height:100%;transition:width .45s}.bar-fill.hero{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.monster{background:linear-gradient(90deg,#ef4444,#f59e0b)}.question-card{background:#ffffff0d;border-radius:20px;max-width:900px;margin:0 auto;padding:36px}.options,.options-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:20px;display:grid}.verb-box{text-align:center;background:linear-gradient(135deg,#3b82f624,#8b5cf61f);border-radius:18px;margin-bottom:18px;padding:22px}.verb-base{color:#fff;font-size:48px;font-weight:900;display:block}.translation{color:#9fb0d0;margin-top:8px;font-size:18px;display:block}.verb{color:#fff;font-size:48px;font-weight:900}.question-helper{color:#cbd5e1;background:#ffffff0d;border-radius:14px;margin-bottom:14px;padding:12px 14px;font-weight:700}.question-helper.highlight{color:#dbeafe;background:linear-gradient(135deg,#3b82f62e,#8b5cf62e);box-shadow:inset 0 0 0 1px #60a5fa33}.multiple-question-header{text-align:center;margin-bottom:24px}.field-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;padding:12px 28px;font-size:22px;font-weight:900;display:inline-block;box-shadow:0 4px 16px #3b82f64d,0 0 0 1px #ffffff1a}.inputs{grid-template-columns:1fr 1fr;gap:14px;display:grid}.typing-inputs{flex-direction:column;gap:12px;display:flex}.typing-field{flex-direction:column;gap:4px;display:flex}.typing-field label{color:#9fb0d0;font-size:15px;font-weight:600;display:block}.typing-hint{color:#666;text-align:center;margin:8px 0 0;font-size:13px}.options{grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;display:grid}.option-btn{text-align:center;color:#fff;white-space:normal;background:#ffffff0f;border:2px solid #ffffff24;border-radius:16px;justify-content:center;align-items:center;min-height:90px;padding:18px;font-size:16px;font-weight:700;line-height:1.4;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s,opacity .2s;display:flex}.option-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.option-btn.selected{background:linear-gradient(135deg,#3b82f659,#2563eb47);border-color:#60a5faf2;transform:translateY(-1px)scale(1.01);box-shadow:0 0 0 3px #3b82f640,0 12px 30px #2563eb33,inset 0 0 18px #60a5fa24}.option-btn.correct{background:linear-gradient(135deg,#22c55e47,#16a34a33);border-color:#4ade80f2;box-shadow:0 0 0 3px #22c55e33,0 10px 24px #22c55e29}.option-btn.wrong{background:linear-gradient(135deg,#ef444447,#dc262633);border-color:#fca5a5f2;box-shadow:0 0 0 3px #ef444433,0 10px 24px #ef444424}.option-btn.dimmed{opacity:.55;filter:grayscale(.15)}.option-btn.pair-option{aspect-ratio:auto;min-height:72px;font-size:15px}.feedback{background:#ffffff0a;border-radius:14px;align-items:center;min-height:56px;margin-top:18px;padding:14px 16px;font-weight:700;display:flex}.feedback.success{color:#bbf7d0;background:#22c55e24;animation:.35s flashSuccess}.feedback.error{color:#fecaca;background:#ef444424;animation:.35s flashError}.attack-btn{background:linear-gradient(135deg,#22c55e,#16a34a);width:100%;margin-top:16px;animation:1.8s infinite pulseAttack;position:relative;overflow:hidden}.game-over-box{text-align:center;margin-top:16px}.learn-topbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.learn-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.learn-item{text-align:center;background:#ffffff0d;border-radius:16px;padding:18px}.learn-item span{color:#9fb0d0;margin-bottom:8px;font-size:12px;display:block}.learn-item strong{font-size:24px}.learn-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.hit-shake{animation:.35s hitShake}@keyframes hitShake{0%{transform:translate(0)scale(1)}20%{transform:translate(-8px)scale(1.02)}40%{transform:translate(8px)scale(1.03)}60%{transform:translate(-6px)scale(1.02)}80%{transform:translate(6px)scale(1.01)}to{transform:translate(0)scale(1)}}.boss-glow{box-shadow:0 0 0 1px #fbbf2440,0 0 24px #fbbf242e,inset 0 0 24px #fbbf240f}.floating-text{pointer-events:none;z-index:5;text-shadow:0 8px 20px #00000059;white-space:nowrap;font-size:24px;font-weight:900;animation:1s forwards floatUp;position:absolute;left:50%;transform:translate(-50%)}.hero-float.damage{color:#fca5a5}.monster-float.base{color:#86efac}.monster-float.streak{color:#93c5fd}.monster-float.boss{color:#c4b5fd}.monster-float.kill{color:#fcd34d}.monster-float.default,.hero-float.default{color:#fff}.hero-float.heal{color:#4ade80;text-shadow:0 0 20px #4ade8080,0 8px 20px #00000059}.hero-float.potion{color:#a335ee;text-shadow:0 0 20px #a335ee80,0 8px 20px #00000059}.hero-float.lifeLost{color:#f44;text-shadow:0 0 20px #ff444480,0 8px 20px #00000059;font-size:28px}.sidebar-hp-row{padding-top:0;padding-bottom:2px}.sidebar-hp-row span:last-child{color:#9fb0d0;font-size:13px;font-weight:600}@keyframes floatUp{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.85)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-48px)scale(1.08)}}@keyframes pulseAttack{0%{box-shadow:0 0 #22c55e59}70%{box-shadow:0 0 0 14px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes flashSuccess{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes flashError{0%{transform:scale(.98)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@media (width<=980px){.layout{grid-template-columns:1fr}}@media (width<=760px){.fighters,.inputs,.options,.learn-grid,.stats-grid{grid-template-columns:1fr}.emoji{font-size:72px}.name{font-size:22px}.verb{font-size:32px}.floating-text{font-size:20px}.option-btn.pair-option{min-height:64px}.toast{min-width:auto;max-width:none;left:16px;right:16px}.toast-achievement{top:116px}}.equipment-sidebar{padding:16px}.equipment-title{color:#e0e0e0;margin:0 0 12px;font-size:18px}.equipped-section,.inventory-section{margin-bottom:16px}.section-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px}.equipped-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.equipped-slot{text-align:center;background:#0000004d;border:2px dashed #444;border-radius:8px;padding:8px;transition:all .2s}.equipped-slot.filled{border-style:solid}.equipped-slot:hover{transform:translateY(-2px)}.equipped-slot-header{color:#888;margin-bottom:4px;font-size:12px}.equipped-item{padding:4px 0}.equipped-item-name{margin-bottom:2px;font-size:13px;font-weight:600}.equipped-item-stats{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.mini-stat{color:#aaa;background:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:11px}.equipped-empty{color:#666;padding:8px 0;font-size:20px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.inventory-empty{color:#666;text-align:center;padding:16px;font-style:italic}.item-card{border:2px solid;border-radius:8px;padding:10px;transition:all .2s;position:relative}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.item-card-small{padding:8px;font-size:13px}.item-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.item-emoji{font-size:18px}.item-name{font-size:14px;font-weight:600}.item-meta{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.item-slot,.item-rarity,.item-level{font-size:11px}.item-rarity{font-weight:500}.item-stats{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.item-stat{align-items:center;gap:4px;font-size:12px;display:flex}.item-stat-icon{font-size:14px}.item-stat-label{color:#aaa;flex:1}.item-stat-value{color:#fff;font-weight:600}.item-power{color:#888;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-top:6px;font-size:12px;display:flex}.item-actions{gap:4px;display:flex}.item-actions .btn{flex:1;padding:4px 8px;font-size:12px}.item-card[data-rarity=rare]{animation:2s ease-in-out infinite rare-glow}.item-card[data-rarity=epic]{animation:2s ease-in-out infinite epic-glow}.item-card[data-rarity=legendary]{animation:2s ease-in-out infinite legendary-glow}@keyframes rare-glow{0%,to{box-shadow:0 0 4px #0070ff33}50%{box-shadow:0 0 12px #0070ff66}}@keyframes epic-glow{0%,to{box-shadow:0 0 6px #a335ee4d}50%{box-shadow:0 0 16px #a335ee80}}@keyframes legendary-glow{0%,to{box-shadow:0 0 8px #ff800066}50%{box-shadow:0 0 20px #ff800099}}.btn-tiny{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-size:11px;transition:all .15s}.btn-tiny:hover{color:#fff;background:#ffffff1a}.drill-screen{max-width:700px;margin:0 auto}.drill-screen h2{color:#fff;margin:0 0 8px;font-size:28px}.drill-desc{color:#888;margin:0 0 24px;font-size:15px}.drill-settings{flex-direction:column;gap:20px;display:flex}.setting-group label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;display:block}.setting-options{flex-wrap:wrap;gap:8px;display:flex}.setting-option{color:#ccc;cursor:pointer;background:#ffffff08;border:2px solid #444;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:all .15s;display:flex}.setting-option:hover{background:#ffffff0f;border-color:#666}.setting-option.active{color:#4caf50;background:#4caf5026;border-color:#4caf50}.setting-icon{font-size:18px}.drill-preview{color:#aaa;background:#ffffff08;border:1px solid #333;border-radius:8px;padding:12px}.drill-preview p{margin:4px 0}.drill-preview .warning{color:#ff9800;font-size:13px}.drill-header{background:#ffffff08;border:1px solid #333;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.drill-progress{color:#fff;font-size:16px;font-weight:600}.drill-streak{color:#ff9800;font-size:14px}.drill-score{color:#4caf50;font-size:14px}.drill-question{background:#ffffff08;border:1px solid #333;border-radius:12px;padding:20px}.drill-inputs{flex-direction:column;gap:12px;margin-top:16px;display:flex}.input-group label,.drill-input-single label{color:#888;margin-bottom:4px;font-size:13px;display:block}.input-group input,.drill-input-single input{color:#fff;background:#0000004d;border:2px solid #444;border-radius:6px;width:100%;padding:10px;font-size:16px;transition:border-color .15s}.input-group input:focus,.drill-input-single input:focus{border-color:#4caf50;outline:none}.input-group input.correct,.drill-input-single input.correct{background:#4caf501a;border-color:#4caf50}.input-group input.wrong,.drill-input-single input.wrong{background:#f443361a;border-color:#f44336}.drill-feedback{border-radius:6px;margin-top:16px;padding:12px;font-size:15px}.drill-feedback.correct{color:#4caf50;background:#4caf5026}.drill-feedback.wrong{color:#f44336;background:#f4433626}.drill-results{flex-direction:column;gap:20px;display:flex}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.result-item{text-align:center;background:#ffffff08;border:1px solid #333;border-radius:8px;padding:16px}.result-label{color:#888;margin-bottom:8px;font-size:13px;display:block}.result-value{color:#fff;font-size:28px;font-weight:700;display:block}.drill-mistakes{background:#f443361a;border:1px solid #f443364d;border-radius:8px;padding:16px}.drill-mistakes h3{color:#f44336;margin:0 0 8px;font-size:16px}.drill-mistakes p{color:#aaa;margin:0;font-size:14px}.drill-actions{gap:12px;display:flex}.btn-large{padding:14px 28px;font-size:16px;font-weight:600}@media (width<=600px){.result-grid{grid-template-columns:1fr}.setting-options{flex-direction:column}.setting-option{justify-content:flex-start}.drill-header{flex-wrap:wrap;gap:8px}}.settings-screen{max-width:800px;margin:0 auto}.settings-title{color:#fff;margin:0 0 24px;font-size:28px}.settings-grid{flex-direction:column;gap:24px;display:flex}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #00000059}.settings-section-title{color:#e5eefc;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin:0;padding:16px 20px;font-size:16px;font-weight:700;display:flex}.settings-section-icon{font-size:20px}.settings-section-content{flex-direction:column;gap:4px;padding:8px 20px 16px;display:flex}.settings-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-info{flex-direction:column;flex:1;gap:4px;display:flex}.settings-row-label{color:#e5eefc;font-size:15px;font-weight:600}.settings-row-desc{color:#9fb0d0;font-size:13px}.settings-row-control{flex-shrink:0}.settings-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.settings-toggle-label{color:#9fb0d0;text-align:right;min-width:40px;font-size:14px}.settings-toggle-track{background:#ffffff1f;border-radius:999px;width:48px;height:26px;transition:background .2s;display:block;position:relative}.settings-toggle-input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-thumb{background:#9fb0d0;border-radius:50%;width:20px;height:20px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.settings-toggle-input:checked+.settings-toggle-thumb{background:#3b82f6;transform:translate(22px)}.settings-toggle-input:checked~.settings-toggle-track{background:#3b82f64d}.settings-difficulty{gap:8px;display:flex}.settings-difficulty-btn{color:#9fb0d0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;min-width:120px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.settings-difficulty-btn:hover{background:#ffffff1a;transform:none}.settings-difficulty-btn.active{color:#dbeafe;background:linear-gradient(135deg,#3b82f640,#8b5cf633);border-color:#60a5fa99;box-shadow:0 0 0 2px #3b82f633}.settings-reset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:8px 0;display:grid}.settings-reset-btn{color:#e5eefc;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:all .2s;display:flex}.settings-reset-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.settings-reset-btn.danger{background:#ef444414;border-color:#ef444433}.settings-reset-btn.danger:hover{background:#ef444429;border-color:#ef444466}.settings-reset-icon{font-size:28px}.settings-reset-label{font-size:14px;font-weight:700}.settings-reset-desc{color:#9fb0d0;font-size:12px}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:#1e293bfa;border:1px solid #ffffff1f;border-radius:22px;width:90%;max-width:420px;padding:28px;animation:.25s modalSlideIn;box-shadow:0 25px 60px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal-title{color:#fff;align-items:center;gap:10px;margin:0 0 12px;font-size:22px;display:flex}.settings-modal-text{color:#9fb0d0;margin:0 0 24px;font-size:15px;line-height:1.5}.settings-modal-actions{justify-content:flex-end;gap:12px;display:flex}.settings-modal-cancel{color:#e5eefc;background:#ffffff14;font-weight:600}.settings-modal-confirm{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);font-weight:700}.settings-modal-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}@media (width<=600px){.settings-row{flex-direction:column;align-items:flex-start;gap:12px}.settings-row-control{align-self:flex-end}.settings-difficulty{flex-direction:column}.settings-difficulty-btn{min-width:auto}.settings-reset-grid{grid-template-columns:1fr 1fr}.settings-modal-actions{flex-direction:column-reverse}.settings-modal-cancel,.settings-modal-confirm{width:100%}}.character-screen{color:#e0e0e0;background:linear-gradient(#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:12px;min-height:500px;padding:20px}.char-header{background:#0006;border:1px solid #333;border-radius:10px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.char-avatar{background:radial-gradient(circle,#2a2a4a,#1a1a2e);border:2px solid #d4a017;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:48px;display:flex;box-shadow:0 0 12px #d4a0174d}.char-info{flex:1}.char-name{color:#fff;margin:0;font-size:22px;font-weight:700}.char-level{color:#888;margin-top:2px;font-size:14px}.char-title{letter-spacing:.5px;margin-top:4px;font-size:13px;font-weight:600}.char-body{align-items:flex-start;gap:32px;display:flex}.char-equipment-layout{background:#0003;border:1px solid #2a2a3a;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:12px;min-width:280px;padding:20px;display:flex}.char-slot-row{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.char-slot-center{justify-content:center}.char-slot-main{justify-content:space-between}.char-slot-side{flex:none}.char-silhouette{background:radial-gradient(circle,#2a2a4a80,#1a1a2e4d);border:1px dashed #3a3a5a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;display:flex}.char-silhouette-icon{opacity:.6;font-size:40px}.char-silhouette-label{color:#555;text-transform:uppercase;letter-spacing:1px;font-size:11px}.char-equip-slot{text-align:center;background:#0000004d;border:2px dashed #444;border-radius:8px;min-width:130px;max-width:160px;padding:10px;transition:all .2s}.char-equip-slot:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.char-equip-slot-header{color:#888;justify-content:center;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.char-slot-emoji{font-size:14px}.char-equip-item{padding:4px 0}.char-equip-item-name{margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.2}.char-equip-item-stats{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px;display:flex}.char-mini-stat{color:#aaa;background:#ffffff0d;border-radius:4px;padding:1px 5px;font-size:11px}.char-unequip-btn{margin-top:4px}.char-equip-empty{color:#555;padding:8px 0;font-size:12px}.char-stats-panel{background:#0000004d;border:1px solid #2a2a3a;border-radius:10px;flex-shrink:0;width:300px;padding:16px}.char-stats-title{color:#fff;border-bottom:1px solid #333;margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:700}.char-stats-list{flex-direction:column;gap:6px;display:flex}.char-stat-row{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.char-stat-row.highlight{background:#d4a0171a;border:1px solid #d4a01733}.char-stat-icon{font-size:14px}.char-stat-label{color:#aaa;flex:1}.char-stat-value{color:#fff;font-size:14px;font-weight:700}.char-equip-bonuses{border-top:1px solid #333;margin-top:16px;padding-top:12px}.char-bonuses-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:600}.char-bonus-row{color:#aaa;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.char-bonus-row span:first-child{color:#888}.char-power-summary{text-align:center;background:linear-gradient(135deg,#2a2a4a66,#1a1a2e4d);border:1px solid #3a3a5a;border-radius:8px;margin-top:16px;padding:12px}.char-power-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.char-power-value{font-size:24px;font-weight:700}@media (width<=768px){.char-body{flex-direction:column}.char-stats-panel{width:100%}.char-equipment-layout{width:100%;min-width:auto}.char-slot-main{flex-direction:column;gap:12px}.char-silhouette{padding:12px 16px}.char-slot-side{width:100%}.char-equip-slot{width:100%;max-width:none}}.stats-reset-section{border-top:1px solid #ffffff14;margin-top:36px;padding-top:28px}.confirm-dialog{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{background:#1a1a2e;border:1px solid #ffffff26;border-radius:16px;width:90%;max-width:400px;padding:28px;box-shadow:0 20px 60px #00000080}.confirm-box h3{color:#fff;margin:0 0 16px;font-size:20px}.confirm-box p{color:#aaa;margin:8px 0;font-size:14px;line-height:1.5}.confirm-box ul{color:#888;margin:12px 0 20px;padding-left:20px;font-size:13px}.confirm-box li{margin:4px 0}.confirm-actions{gap:12px;margin-top:20px;display:flex}.confirm-actions .btn{flex:1}.char-inventory-section{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.char-inventory-title{color:#9fb0d0;margin:0 0 12px;font-size:14px;font-weight:700}.char-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.char-inv-item{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:8px}.char-inv-item-header{align-items:center;gap:4px;margin-bottom:4px;display:flex}.char-inv-emoji{font-size:16px}.char-inv-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.char-inv-item-stats{flex-wrap:wrap;gap:2px;margin-bottom:6px;display:flex}.char-inv-stat{color:#aaa;background:#ffffff0d;border-radius:3px;padding:1px 4px;font-size:11px}.btn-inv-equip{color:#4caf50;cursor:pointer;background:#4caf5026;border:1px solid #4caf5066;border-radius:6px;width:100%;padding:4px;font-size:11px;font-weight:600}.btn-inv-equip:hover{background:#4caf504d}.char-elixirs-section{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.char-elixirs-title{color:#9fb0d0;margin:0 0 12px;font-size:14px;font-weight:700}.char-elixirs-hint{color:#666;margin:0 0 10px;font-size:12px;font-style:italic}.char-elixirs-list{flex-direction:column;gap:6px;display:flex}.char-elixir-item{background:#4caf5014;border:1px solid #4caf5026;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.char-elixir-emoji{font-size:18px}.char-elixir-name{color:#fff;flex:1;font-size:13px}.char-elixir-heal{color:#4caf50;font-size:12px;font-weight:700}.btn-inv-use{color:#4caf50;cursor:pointer;background:#4caf5026;border:1px solid #4caf5066;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.btn-inv-use:hover{background:#4caf504d}