:root{--ton-blue:#08c;--ton-blue-dim:#06a;--bg-dark:#0e0e12;--bg-panel:#16161e;--bg-card:#1e1e2a;--border-default:#2a2a3a;--text-primary:#e8e0d0;--text-secondary:#8a8a9a;--text-gold:#d4af37;--danger:#c33;--success:#2ecc71;--rarity-common:#9d9d9d;--rarity-uncommon:#1eff00;--rarity-rare:#0070dd;--rarity-epic:#a335ee;--rarity-legendary:#ff8000}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-dark);height:100%;color:var(--text-primary);font-family:Georgia,serif;font-size:14px;overflow-x:hidden}.screen{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.screen-title{color:var(--text-gold);text-align:center;letter-spacing:1px;text-shadow:0 0 12px #d4af3766;margin-bottom:8px;font-size:22px}.screen-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;margin-bottom:12px;padding:16px}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;width:100%;padding:12px 16px;font-family:Georgia,serif;font-size:14px;transition:opacity .15s,transform .1s;display:block}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ton-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ton-blue-dim)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{border:1px solid var(--border-default);color:var(--text-secondary);background:0 0}.progress-wrap{background:#0e0e18;border-radius:4px;height:10px;margin:4px 0;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .4s}.progress-fill.hp{background:linear-gradient(90deg,#a00,#e33)}.progress-fill.mp{background:linear-gradient(90deg,#006,#44f)}.progress-fill.xp{background:linear-gradient(90deg, #550, var(--text-gold))}.progress-fill.energy{background:linear-gradient(90deg, #058, var(--ton-blue))}.stat-row{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:700}.infirmary-skull{text-align:center;margin:24px 0 12px;font-size:64px}.battle-log{max-height:240px;color:var(--text-secondary);background:#0a0a12;border-radius:6px;padding:10px;font-family:monospace;font-size:12px;overflow-y:auto}.battle-log .hit{color:#e33}.battle-log .deal{color:var(--success)}.battle-log .crit{color:var(--rarity-legendary);font-weight:700}.class-card{background:var(--bg-card);border:2px solid var(--border-default);cursor:pointer;text-align:center;border-radius:8px;padding:14px 10px;transition:border-color .15s}.class-card.selected{border-color:var(--ton-blue)}.class-card:hover{border-color:var(--text-secondary)}.class-icon{margin-bottom:6px;font-size:32px}.class-name{color:var(--text-gold);font-size:13px}.class-role{color:var(--text-secondary);margin-top:2px;font-size:11px}.lazurite-badge{color:#c680ff;background:#8c00dc2e;border:1px solid #a03cff8c;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;display:inline-flex}.loading-screen{background:#0f111a url(/assets/loading-splash.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex;position:relative}.loading-screen:before{content:"";pointer-events:none;background:linear-gradient(#0608108c,#0a0c16ad);position:absolute;inset:0}.loading-screen .spinner,.loading-screen>span{z-index:1;text-shadow:0 1px 12px #000000e6;position:relative}.spinner{border:3px solid var(--border-default);border-top-color:var(--ton-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border:1px solid var(--danger);color:#f99;background:#c8000026;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px}.divider{border:none;border-top:1px solid var(--border-default);margin:12px 0}.art-screen{flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.art-bg{z-index:0;background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.art-bg:after{content:"";background:linear-gradient(#0e0e121a 0%,#0e0e1240 35%,#0e0e128c 70%,#0e0e12eb 100%);position:absolute;inset:0}.art-bg.bg-class-select{background-image:url(/assets/character-select.png)}.art-bg.bg-main-menu{background-image:url(/assets/main-menu.png)}.art-bg.bg-character{background-image:url(/assets/character-interface.png)}.art-content{z-index:1;flex-direction:column;flex:1;padding:14px 14px 90px;display:flex;position:relative}.top-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0c16b3;border:1px solid #0088cc59;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex;box-shadow:0 0 16px #0088cc1a}.top-bar .tb-title{color:var(--text-gold);letter-spacing:1.2px;text-shadow:0 0 8px #d4af3766;font-size:13px}.top-bar .tb-side{align-items:center;gap:8px;font-size:12px;display:flex}.top-bar.top-bar--sub{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.top-bar.top-bar--sub .tb-title{text-align:center;grid-column:2;justify-self:center}.top-bar.top-bar--sub .tb-side{grid-column:3;justify-self:end}.bottom-nav{z-index:2;padding:6px 6px env(safe-area-inset-bottom,6px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#080a1299,#080a12f2);border-top:1px solid #0088cc59;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-family:inherit;font-size:11px;transition:color .15s;display:flex}.bottom-nav button .nav-icon{font-size:20px}.bottom-nav button.active{color:var(--ton-blue);text-shadow:0 0 8px #08c9}.bottom-nav button:hover{color:var(--text-primary)}.bottom-nav.bottom-nav--three{grid-template-columns:repeat(3,1fr)}.app-bottom-nav{z-index:10025;padding:6px 2px calc(10px + env(safe-area-inset-bottom,6px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#080a12a6,#080a12f5);border-top:1px solid #0088cc59;grid-template-columns:repeat(5,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000059}.app-bottom-nav button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-family:inherit;font-size:10px;transition:color .15s;display:flex}.app-bottom-nav .nav-icon{font-size:22px;line-height:1}.app-bottom-nav .nav-label{text-align:center;white-space:nowrap;font-size:9px;line-height:1.1}.app-bottom-nav button.active{color:var(--ton-blue);text-shadow:0 0 8px #0088cca6}.app-bottom-nav button:hover{color:var(--text-primary)}.app-with-global-header__body--with-bottom-nav{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}.app-with-global-header__body>.art-screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app-with-global-header__body>.art-screen>.art-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:14px 14px 16px;overflow-y:auto}.app-with-global-header__body>.battle-screen{flex-direction:column;flex:1;height:auto;min-height:0;max-height:none;display:flex;overflow:hidden}.app-with-global-header__body>.battle-screen>.battle-content,.app-with-global-header__body>.screen{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.glass-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e101ab8;border:1px solid #5078c840;border-radius:10px;margin-bottom:10px;padding:12px;box-shadow:inset 0 0 24px #0088cc0d,0 4px 16px #0006}.glass-panel.tight{padding:8px 10px}.equip-slot{aspect-ratio:1;color:#4a5670;cursor:pointer;background:linear-gradient(160deg,#141824d9,#080a12e6);border:2px solid #2a3850;border-radius:10px;justify-content:center;align-items:center;font-size:28px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 12px #0088cc14}.equip-slot:before{content:"";background:var(--ton-blue);width:10px;height:10px;box-shadow:0 0 10px var(--ton-blue);opacity:.9;position:absolute;top:4px;left:50%;transform:translate(-50%)rotate(45deg)}.equip-slot:hover{border-color:var(--ton-blue);box-shadow:0 0 14px #0088cc59}.equip-slot.empty .slot-glyph{opacity:.6}.equip-slot .slot-label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:9px;position:absolute;bottom:-16px}.equip-rails{grid-template-columns:64px 1fr 64px;align-items:stretch;gap:8px;margin-bottom:14px;display:grid}.equip-col{flex-direction:column;gap:18px;display:flex}.equip-stage{background:radial-gradient(at 50% 70%,#0088cc1a 0%,#080a128c 60%,#080a12d9 100%);border:1px solid #0088cc40;border-radius:10px;justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.equip-stage:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#080a12f2 0%,#080a128c 60%,#0000 100%);height:36px;position:absolute;top:0;left:0;right:0}.equip-stage:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000 0%,#080a128c 45%,#080a12f2 100%);height:32px;position:absolute;bottom:0;left:0;right:0}.equip-stage .stage-hint{text-align:center;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:10px;position:absolute;bottom:6px;left:0;right:0}.hero-silhouette{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-silhouette .hero-aura{aspect-ratio:1;filter:blur(18px);opacity:.85;z-index:0;border-radius:50%;width:70%;position:absolute}.hero-silhouette .hero-glyph{z-index:1;filter:drop-shadow(0 6px 14px #000000d9) drop-shadow(0 0 12px var(--aura-rim,#5078c880));color:#141824eb;text-shadow:0 0 1px #000000e6;-webkit-user-select:none;user-select:none;font-size:96px;line-height:1;position:relative}.hero-silhouette .hero-base{z-index:0;background:radial-gradient(#0088cc73 0%,#0000 70%);border-radius:50%;width:60%;height:8px;position:absolute;bottom:8px}.hero-silhouette .hero-name-stamp{letter-spacing:2px;text-transform:uppercase;color:var(--aura-rim,var(--text-secondary));z-index:2;text-shadow:0 0 6px #000000e6;font-size:9px;position:absolute;top:6px}.aura-common{--aura-rim:#9d9d9da6}.aura-common .hero-aura{background:radial-gradient(circle,#9d9d9d4d 0%,#0000 70%)}.aura-uncommon{--aura-rim:#3cdc3cd9}.aura-uncommon .hero-aura{background:radial-gradient(circle,#1eff0059 0%,#0000 70%)}.aura-rare{--aura-rim:#50a0fff2}.aura-rare .hero-aura{background:radial-gradient(circle,#0070dd8c 0%,#0000 70%)}.aura-epic{--aura-rim:#c878fff2}.aura-epic .hero-aura{background:radial-gradient(circle,#a335ee8c 0%,#0000 70%);animation:4s ease-in-out infinite aura-pulse}.aura-legendary{--aura-rim:#ffb43c}.aura-legendary .hero-aura{background:radial-gradient(circle,#ff8000a6 0%,#0000 70%);animation:2.4s ease-in-out infinite aura-pulse}.aura-legendary .hero-glyph{filter:drop-shadow(0 6px 14px #000000d9)drop-shadow(0 0 18px #ffa028d9)drop-shadow(0 0 36px #ff80008c)}@keyframes aura-pulse{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}.equip-slot.g-common{border-color:var(--rarity-common);box-shadow:inset 0 0 12px #9d9d9d2e}.equip-slot.g-uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 10px #1eff0073,inset 0 0 12px #1eff002e}.equip-slot.g-rare{border-color:var(--rarity-rare);box-shadow:0 0 10px #0070dd8c,inset 0 0 12px #0070dd2e}.equip-slot.g-epic{border-color:var(--rarity-epic);box-shadow:0 0 12px #a335ee8c,inset 0 0 14px #a335ee33}.equip-slot.g-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 14px #ff8000a6,inset 0 0 16px #ff800040}.equip-slot.occupied .slot-glyph{color:#e8e0d0}.equip-slot.occupied:before{background:var(--rarity-rare);box-shadow:0 0 10px var(--rarity-rare)}.equip-slot.g-uncommon:before{background:var(--rarity-uncommon);box-shadow:0 0 10px var(--rarity-uncommon)}.equip-slot.g-epic:before{background:var(--rarity-epic);box-shadow:0 0 10px var(--rarity-epic)}.equip-slot.g-legendary:before{background:var(--rarity-legendary);box-shadow:0 0 12px var(--rarity-legendary)}.inv-grid{background:#080a12d9;border:1px solid #5078c840;border-radius:10px;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;display:grid}.inv-cell{aspect-ratio:1;border:2px solid var(--rarity-common);cursor:pointer;background:linear-gradient(160deg,#1a1e2c,#0f1118);border-radius:6px;justify-content:center;align-items:center;font-size:18px;transition:transform .1s,box-shadow .15s;display:flex;position:relative}.inv-cell:hover{transform:translateY(-1px)}.inv-cell.empty{opacity:.55;border-color:#2a2a3a}.inv-cell.r-common{border-color:var(--rarity-common);box-shadow:0 0 8px #9d9d9d59}.inv-cell.r-uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 10px #1eff0073}.inv-cell.r-rare{border-color:var(--rarity-rare);box-shadow:0 0 10px #0070dd8c}.inv-cell.r-epic{border-color:var(--rarity-epic);box-shadow:0 0 12px #a335ee8c}.inv-cell.r-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 12px #ff800099}.inv-cell.inv-consumable{animation:2.4s ease-in-out infinite inv-consumable-pulse;box-shadow:0 0 10px #78c8ff8c,0 0 18px #00b4ff59}@keyframes inv-consumable-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.inv-grid--busy{opacity:.88;pointer-events:none}.inv-modal-backdrop{z-index:10100;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060eb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inv-modal-panel{width:100%;max-width:360px;max-height:min(86vh,640px);overflow:auto}.inv-cell .qty{color:#fff;text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:1px;right:3px}.mini-bar{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.mini-bar .mb-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.mini-bar .mb-icon{font-size:12px;line-height:1}.mini-bar .mb-label{letter-spacing:.5px;color:var(--text-gold);text-transform:uppercase;font-size:10px;font-weight:600}.mini-bar .mb-text{color:var(--text-secondary);text-align:right;font-size:10px}.mini-bar .mb-track{background:#00000080;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:12px;overflow:hidden}.mini-bar .mb-fill{border-radius:6px;height:100%;transition:width .4s;box-shadow:0 0 6px #ffffff26}.class-tile-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.class-tile{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e101ab8;border:2px solid #5078c84d;border-radius:10px;padding:0 0 6px;transition:border-color .15s,transform .1s,box-shadow .15s;position:relative;overflow:hidden}.class-tile:hover{border-color:#0088ccb3}.class-tile.selected{border-color:var(--ton-blue);transform:translateY(-2px);box-shadow:0 0 18px #0088cc8c}.class-tile .ct-icon{margin-bottom:4px;font-size:24px}.class-tile .ct-name{color:var(--text-gold);letter-spacing:.5px;font-size:11px}.class-tile .ct-role{color:var(--text-secondary);margin-top:1px;font-size:9px}.btn-quest{color:#fff;letter-spacing:1px;background:linear-gradient(#0088ccd9,#00508cf2);border:1px solid #8cc8ff99;padding:14px 16px;font-size:15px;position:relative;box-shadow:0 0 18px #0088cc73,inset 0 1px #ffffff2e}.btn-quest:hover:not(:disabled){background:linear-gradient(#00a0e6e6,#0064aa);box-shadow:0 0 24px #0088ccb3,inset 0 1px #ffffff2e}.btn-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.crystal-divider{text-align:center;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;margin:14px 0 10px;font-size:10px;position:relative}.crystal-divider:before,.crystal-divider:after{content:"";vertical-align:middle;background:linear-gradient(90deg,#0000,#0088cc80,#0000);width:32%;height:1px;margin:0 8px;display:inline-block}.class-portrait{background-position-y:0%;background-repeat:no-repeat;background-size:500%;width:100%;height:100%}.class-portrait.tier-common{background-position-x:0%}.class-portrait.tier-uncommon{background-position-x:25%}.class-portrait.tier-rare{background-position-x:50%}.class-portrait.tier-epic{background-position-x:75%}.class-portrait.tier-legendary{background-position-x:100%}.portrait-warrior{background-image:url(/assets/classes/warrior.png?v=20260528-arena-v2)}.portrait-fighter{background-image:url(/assets/classes/fighter.png)}.portrait-hunter{background-image:url(/assets/classes/hunter.png)}.portrait-rogue{background-image:url(/assets/classes/rogue.png?v=20260528-arena-v2)}.portrait-mage{background-image:url(/assets/classes/mage.png?v=20260528-arena-v2)}.portrait-warlock{background-image:url(/assets/classes/warlock.png?v=20260528-arena-v2)}.class-portrait.portrait-warrior,.class-portrait.portrait-fighter,.class-portrait.portrait-hunter,.class-portrait.portrait-mage,.class-portrait.portrait-rogue,.class-portrait.portrait-warlock{background-position:top;background-size:cover}.class-portrait.tier-epic{filter:brightness(1.08)saturate(1.3)}.class-portrait.tier-legendary{filter:brightness(1.15)saturate(1.6)drop-shadow(0 0 18px #ff8c00b3);animation:3s ease-in-out infinite legend-glow}@keyframes legend-glow{0%,to{filter:brightness(1.15)saturate(1.6)drop-shadow(0 0 18px #ff8c00b3)}50%{filter:brightness(1.22)saturate(1.8)drop-shadow(0 0 32px #ffb428e6)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.class-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.class-grid-tile{cursor:pointer;background:radial-gradient(at 50% 30%,#28508c8c,#080a12f2 75%),linear-gradient(#11132a,#050810);border:2px solid #5078c84d;border-radius:10px;flex-direction:column;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.class-grid-tile:hover{border-color:#08c9;transform:translateY(-2px)}.class-grid-tile.selected{border-color:var(--ton-blue);transform:translateY(-2px);box-shadow:0 0 20px #0088cc8c}.class-grid-tile:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#080a12f2 0%,#080a12a6 60%,#0000 100%);height:32px;position:absolute;top:0;left:0;right:0}.class-grid-tile:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#080a1280 50%,#080a12f2 100%);height:32px;position:absolute;bottom:28px;left:0;right:0}.class-grid-portrait{z-index:1;background-position:75% 0;background-repeat:no-repeat;background-size:500%;flex-shrink:0;width:100%;height:220px;position:relative}.class-grid-portrait.portrait-warrior,.class-grid-portrait.portrait-fighter,.class-grid-portrait.portrait-hunter,.class-grid-portrait.portrait-mage,.class-grid-portrait.portrait-rogue,.class-grid-portrait.portrait-warlock{background-position:top;background-size:cover}.class-grid-label{text-align:center;z-index:3;background:#080a12eb;padding:5px 4px 4px;position:relative}.class-grid-label .cc-name{color:var(--text-gold);letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.class-grid-label .cc-role{color:var(--text-secondary);font-size:9px;display:block}.battle-screen{background:#060810;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.battle-bg{filter:brightness(.4)blur(1px);z-index:0;background:url(/assets/character-select.png) top/cover no-repeat;position:absolute;inset:0}.battle-content{z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.battle-bg.zone-1{background-image:url(/assets/main-menu.png)}.battle-bg.zone-2{filter:brightness(.35)hue-rotate(180deg)blur(1px);background-image:url(/assets/main-menu.png)}.battle-bg.zone-3{filter:brightness(.4)hue-rotate(90deg)blur(1px);background-image:url(/assets/character-select.png)}.battle-bg.zone-4{filter:brightness(.3)hue-rotate(320deg)blur(1px);background-image:url(/assets/character-select.png)}.battle-bg.zone-5{filter:brightness(.25)invert(.15)blur(1px);background-image:url(/assets/main-menu.png)}.battle-bg.zone-6{filter:brightness(.35)saturate(1.4)hue-rotate(-25deg)blur(1px);background-image:url(/assets/main-menu.png)}.battle-bg.zone-7{filter:brightness(.2)contrast(1.2)sepia(.4)blur(1px);background-image:url(/assets/main-menu.png)}.battle-bg.zone-8{filter:brightness(.22)hue-rotate(200deg)saturate(.9)blur(1px);background-image:url(/assets/character-select.png)}.battle-header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a12cc;border-bottom:1px solid #0088cc40;padding:6px 10px}.battle-header .zone-label{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);font-size:10px}.combatant-row{align-items:center;gap:8px;display:flex}.combatant-row.enemy{flex-direction:row-reverse}.combatant-avatar{border:2px solid #08c9;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.combatant-avatar img{object-fit:cover;width:100%;height:100%}.combatant-info{flex:1}.combatant-name{color:var(--text-primary);font-size:11px;font-weight:700}.combatant-hp-bar{background:#1a1a2a;border:1px solid #0006;border-radius:4px;height:8px;overflow:hidden}.combatant-hp-fill{height:100%;transition:width .45s}.combatant-hp-fill.player{background:linear-gradient(90deg,#c00,#f44)}.combatant-hp-fill.enemy{background:linear-gradient(90deg,#a00a00,#e33)}.arena-frame{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06081299;border:2px solid #0088cc59;border-radius:12px;flex:none;margin:4px 10px 10px;padding:10px 8px 8px}.arena-stage{justify-content:space-between;align-items:center;min-height:190px;padding:4px 4px 6px;display:flex;position:relative}.arena-side{flex-direction:column;align-items:center;width:46%;display:flex;position:relative}.arena-side.player-side{align-items:flex-start}.arena-side.enemy-side{align-items:flex-end}.arena-char{background-position-y:0%;background-repeat:no-repeat;background-size:500%;border-radius:8px;width:100%;height:clamp(140px,38vw,195px);position:relative}.arena-char.enemy-shape{filter:drop-shadow(0 0 24px var(--aura-rim,#5078c899));justify-content:center;align-items:center;font-size:clamp(72px,22vw,100px);display:flex}@keyframes attack-lunge{0%{transform:translate(0)scale(1)}30%{transform:translate(14px)scale(1.06)}65%{transform:translate(-4px)scale(.97)}to{transform:translate(0)scale(1)}}@keyframes defend-brace{0%{transform:translate(0)scale(1)}40%{transform:translate(-6px)scale(.96)}to{transform:translate(0)scale(1)}}@keyframes ult-surge{0%{filter:brightness();transform:translate(0)scale(1)}25%{filter:brightness(1.6);transform:translate(18px)scale(1.1)}60%{filter:brightness();transform:translate(-5px)scale(.96)}to{filter:brightness();transform:translate(0)scale(1)}}@keyframes enemy-hit-flash{0%{filter:brightness()saturate()}40%{filter:brightness(2.2)saturate(.3)}to{filter:brightness()saturate()}}.arena-lunge{animation:.28s ease-out attack-lunge!important}.arena-brace{animation:.22s ease-out defend-brace!important}.arena-surge{animation:.32s ease-out ult-surge!important}.enemy-hit-anim{animation:.28s ease-out enemy-hit-flash!important}.dmg-float{pointer-events:none;text-shadow:0 2px 6px #000000e6,0 0 12px;z-index:10;white-space:nowrap;font-size:22px;font-weight:900;animation:1.2s ease-out forwards float-up;position:absolute}.dmg-float.player-dmg{color:#fff;left:55%}.dmg-float.mob-dmg{color:#f66;right:55%}.dmg-float.crit-dmg{color:var(--rarity-legendary);font-size:28px}.dmg-float.miss{color:var(--text-secondary);font-size:16px}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1)}30%{opacity:1;transform:translateY(-30px)scale(1.15)}to{opacity:0;transform:translateY(-80px)scale(.85)}}.skills-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#06081099,#060810f2);border-top:1px solid #0088cc40;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 8px;display:flex}.skills-bar--tactical{flex-flow:column;align-items:stretch}.tactical-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.tactical-actions-row{flex-direction:row;gap:10px;width:100%;display:flex}.tactical-btn-half{flex:1;min-height:48px}.tactical-btn-ult{align-self:center;width:100%;max-width:300px;min-height:44px}.skill-btn{aspect-ratio:1;color:var(--text-primary);cursor:pointer;background:#0e101abf;border:2px solid #5078c866;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-family:inherit;transition:border-color .15s,transform .1s;display:flex}.skill-btn:hover{border-color:var(--ton-blue);transform:translateY(-1px)}.skill-btn:active{transform:scale(.94)}.skill-btn.active-skill{border-color:var(--ton-blue);box-shadow:0 0 12px #0088cc80}.skill-btn.on-cooldown{opacity:.55;border-color:#50507866}.skill-btn .sk-icon{font-size:22px}.skill-btn .sk-name{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:8px}.skill-btn .sk-cd{color:var(--ton-blue);font-size:9px}.skill-btn.auto-btn{border-color:#ffc83280}.skill-btn.auto-btn.active-skill{border-color:var(--text-gold);background:#503c0080;box-shadow:0 0 12px #d4af3780}.battle-log-strip{background:#080a12d1;border-top:1px solid #0088cc2e;min-height:52px;max-height:120px;padding:6px 10px;overflow-y:auto}.battle-log-strip .log-line{color:var(--text-secondary);font-size:11px;line-height:1.5}.battle-log-strip .log-line .l-player{color:var(--ton-blue)}.battle-log-strip .log-line .l-enemy{color:#f66}.battle-log-strip .log-line .l-crit{color:var(--rarity-legendary);font-weight:700}.battle-log-strip .log-line .l-debuff{color:var(--rarity-epic)}.battle-log-strip .log-line .l-loot{color:var(--rarity-uncommon)}.camp-blocks{flex-direction:column;gap:8px;margin-top:8px;display:flex}.camp-row-double{grid-template-columns:1fr 1fr;gap:8px;display:grid}.camp-row-double .action-tile{aspect-ratio:auto;min-height:76px}.camp-row-double .action-tile .at-icon{font-size:30px}.camp-row-double .action-tile .at-label{font-size:11px;font-weight:700}.camp-row-triple{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.camp-row-triple .action-tile{aspect-ratio:1}.camp-row-services .action-tile .at-label{font-size:9px}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.action-tile{aspect-ratio:1;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 30%,#0088cc2e,#080a12d9 75%),linear-gradient(#141c32d9,#080a12f2);border:1px solid #0088cc59;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-family:inherit;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.action-tile:hover:not(:disabled){border-color:var(--ton-blue);transform:translateY(-2px);box-shadow:0 0 12px #0088cc59}.action-tile:active:not(:disabled){transform:scale(.97)}.action-tile:disabled{cursor:not-allowed;opacity:.55}.action-tile.action-tile--coming-soon:disabled{opacity:1;filter:grayscale()brightness(.72);background:linear-gradient(#303036eb,#18181ef5),radial-gradient(at 50% 35%,#46465240,#0000 72%);border-color:#5a5a668c}.action-tile.action-tile--coming-soon:disabled .at-label{color:#9797a8}.action-tile.locked{filter:blur(1.4px)brightness(.55);opacity:.5;cursor:not-allowed}.action-tile.locked:after{content:"🔒";filter:blur()brightness(2);z-index:2;font-size:28px;position:absolute}.action-tile.coming-soon{opacity:.5;cursor:not-allowed;pointer-events:none}.action-tile.coming-soon .at-icon,.action-tile.coming-soon .at-label{filter:grayscale(.6)}.action-tile.coming-soon:after{content:"Скоро";color:#fff;letter-spacing:.6px;text-transform:uppercase;z-index:3;background:#0088ccd9;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:800;line-height:1.3;position:absolute;top:5px;right:5px}.action-tile .at-icon{font-size:28px;line-height:1}.action-tile .at-label{letter-spacing:.5px;text-align:center;text-transform:uppercase;color:var(--text-secondary);font-size:10px;line-height:1.15}.action-tile.primary{background:radial-gradient(at 50% 30%,#d4af3738,#080a12d9 75%),linear-gradient(#32260cd9,#080a12f2);border-color:#d4af3780}.action-tile.primary .at-label{color:var(--text-gold)}.action-tile.danger{background:radial-gradient(at 50% 30%,#cc333338,#080a12d9 75%),linear-gradient(#320c0cd9,#080a12f2);border-color:#cc333380}.action-tile.danger .at-label{color:#f88}.name-input{width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a12b3;border:1px solid #08c6;border-radius:8px;outline:none;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.name-input:focus{border-color:var(--ton-blue);box-shadow:0 0 12px #0088cc4d}.name-input::placeholder{color:var(--text-secondary)}.success-banner{color:#8bf0b1;text-align:center;background:#16462c8c;border:1px solid #2ecc7166;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:12px}.expedition-zone-card{background:#00000047;border:1px solid #0088cc4d;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px;display:flex}.expedition-zone-card__icon{flex-shrink:0;font-size:34px;line-height:1}.expedition-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.expedition-preset-btn{cursor:pointer;color:inherit;background:#080a12e6;border:1px solid #0088cc59;border-radius:10px;flex-direction:column;align-items:stretch;gap:5px;padding:10px 8px;font-family:inherit;display:flex}.expedition-preset-btn:hover:not(:disabled){border-color:var(--ton-blue)}.expedition-preset-btn:disabled{opacity:.5}.expedition-preset-btn__label{color:var(--text-gold);font-size:13px;font-weight:700}.expedition-preset-btn__sub{color:var(--text-secondary);font-size:10px;line-height:1.2}.expedition-zone-title{color:var(--text-gold);font-size:14px;font-weight:700}.expedition-zone-desc{color:var(--text-secondary);margin-top:4px;font-size:10px;line-height:1.35}.expedition-screen .art-content--dense{gap:0;padding:6px 10px 12px}.expedition-zone-card--compact{gap:8px;margin-bottom:8px;padding:8px}.expedition-zone-card--compact .expedition-zone-card__icon{font-size:28px}.expedition-panel{padding:8px!important}.expedition-send-title{color:var(--text-gold);margin-bottom:4px;font-size:12px;font-weight:600}.expedition-send-hint{color:var(--text-secondary);margin-bottom:8px;font-size:10px;line-height:1.35}.expedition-preset-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.expedition-preset-btn--compact{gap:2px!important;padding:8px 4px!important}.expedition-preset-btn--compact .expedition-preset-btn__label{font-size:11px}.expedition-preset-btn--compact .expedition-preset-btn__sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;display:-webkit-box;overflow:hidden}.expedition-collect-btn{margin-top:8px;padding:8px 12px!important;font-size:13px!important}.expedition-errors{flex-direction:column;flex-shrink:0;gap:8px;margin-top:6px;display:flex}.expedition-error-msg{font-size:11px;margin-bottom:0!important;padding:8px 10px!important}.expedition-retry-btn{align-self:center;padding:6px 16px!important;font-size:13px!important}.expedition-success-msg{flex-shrink:0;margin-top:6px!important}.app-with-global-header__body>.art-screen.expedition-screen>.art-content--dense{padding-bottom:10px}.app-with-global-header__body>.art-screen>.camp-dash{padding:10px 12px 12px}.camp-dash .top-bar{margin-bottom:8px}.camp-hero-spacer{flex:auto;min-height:8px;max-height:min(22vh,100px)}.app-with-global-header{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app-with-global-header__body{flex-direction:column;flex:1;min-height:0;padding-top:50px;display:flex;overflow:hidden}.global-top-bar{z-index:10030;min-height:48px;padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#080a12f7,#080a12e0);border-bottom:1px solid #0088cc59;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.global-top-bar__sides{z-index:2;flex:1;align-items:center;min-height:40px;display:flex}.global-top-bar__sides--left{justify-content:flex-start;gap:4px}.global-top-bar__sides--right{justify-content:flex-end;min-width:40px}.global-top-bar__back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;font-size:18px;line-height:1}.global-top-bar__avatar{cursor:pointer;background:#00000059;border:1px solid #0088cc80;border-radius:10px;flex-shrink:0;width:40px;height:40px;padding:0;position:relative;overflow:hidden;box-shadow:0 0 10px #0088cc40}.global-top-bar__title{text-align:center;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;z-index:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700;animation:12s ease-in-out infinite ton-tarria-colors;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@keyframes ton-tarria-colors{0%{color:#3ca4ff}18%{color:#7b5cff}36%{color:#a56eff}54%{color:#d4af37}72%{color:#48c774}90%{color:#3ca4ff}to{color:#3ca4ff}}.expedition-card{background:radial-gradient(at 50% 20%,#0088cc24,#0a0e1aeb 75%),linear-gradient(#181e34b3,#080a12f2);border:1px solid #0088cc59;border-radius:10px;padding:8px;transition:transform .12s,box-shadow .15s,border-color .15s}.expedition-card:hover{transform:translateY(-2px);box-shadow:0 0 12px #0088cc4d}.hero-name{color:var(--text-gold);text-align:center;letter-spacing:1.5px;text-shadow:0 0 12px #d4af3780;margin-bottom:4px;font-size:18px}.hero-sub{text-align:center;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:11px}.durability-bar{flex-direction:column;gap:4px;display:flex}.durability-bar--compact{flex-direction:row;align-items:center;gap:4px}.durability-bar__track{background:#00000073;border:1px solid #08c3;border-radius:3px;flex:1;min-width:0;height:6px;overflow:hidden}.durability-bar__track--compact{flex:1;height:4px}.durability-bar__fill{border-radius:2px;height:100%;transition:width .2s,background .2s}.durability-bar--tier-high .durability-bar__fill{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.durability-bar--tier-mid .durability-bar__fill{background:linear-gradient(90deg,#f9a825,#ffca28)}.durability-bar--tier-low .durability-bar__fill{background:linear-gradient(90deg,#c62828,#ef5350)}.durability-bar--tier-warn .durability-bar__fill{background:linear-gradient(90deg,#8b0000,#ff5722);box-shadow:0 0 6px #ff572280}.durability-bar--tier-broken .durability-bar__fill{background:#333;width:0!important}.durability-bar__compact-label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-family:ui-monospace,monospace;font-size:8px;font-weight:700}.durability-bar--tier-high .durability-bar__compact-label{color:#66bb6a}.durability-bar--tier-mid .durability-bar__compact-label{color:#ffca28}.durability-bar--tier-low .durability-bar__compact-label{color:#ef5350}.durability-bar--tier-warn .durability-bar__compact-label{color:#ff7043}.durability-bar--tier-broken .durability-bar__compact-label{color:var(--danger)}.durability-bar__label{color:var(--text-secondary);letter-spacing:.03em;font-size:10px}.durability-bar--broken .durability-bar__label{color:var(--danger)}.equip-slot-dur-wrap{pointer-events:none;position:absolute;bottom:6px;left:3px;right:3px}.inv-cell-dur-foot{pointer-events:none;position:absolute;bottom:2px;left:2px;right:2px}.durability-warning-root{z-index:12000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.durability-warning-overlay{cursor:pointer;background:#000000c7;border:none;margin:0;padding:0;position:absolute;inset:0}.durability-warning-panel{z-index:1;border:1px solid #ff6b0073;width:100%;max-width:420px;max-height:80vh;position:relative;overflow-y:auto;box-shadow:0 0 24px #ff6b0026}.durability-warning-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.durability-warning-icon{font-size:28px;line-height:1}.durability-warning-heading{color:var(--rarity-legendary);letter-spacing:.04em;margin:0;font-size:17px}.durability-warning-lead{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.45}.durability-warning-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.durability-warning-item{background:#00000059;border:1px solid #ffffff14;border-radius:8px;padding:10px}.durability-warning-item.grade-legendary{border-color:#ff80008c}.durability-warning-item.grade-epic{border-color:#a335ee73}.durability-warning-item.grade-rare{border-color:#0070dd73}.durability-warning-item.grade-uncommon{border-color:#1eff0059}.durability-warning-item.grade-common{border-color:#9d9d9d59}.durability-warning-item-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.durability-warning-item-name{color:var(--text-primary);font-weight:600}.durability-warning-item-dur{color:var(--rarity-legendary);flex-shrink:0;font-family:ui-monospace,monospace}.durability-warning-repair-btn{width:100%;padding:8px 10px!important;font-size:12px!important}.durability-warning-ton{color:var(--rarity-legendary);text-align:center;padding:6px;font-size:11px}.durability-warning-footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.durability-warn-backdrop{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.durability-warn-panel{border-radius:12px;width:100%;max-width:360px;padding:16px 18px}.durability-warn-title{color:var(--text-gold);text-align:center;margin-bottom:8px;font-size:15px}.durability-warn-text{color:var(--text-secondary);margin-bottom:10px;font-size:12px;line-height:1.45}.durability-warn-list{color:var(--text-primary);max-height:160px;margin-bottom:14px;font-size:11px;list-style:none;overflow-y:auto}.durability-warn-list li{background:#00000047;border:1px solid #0088cc1f;border-radius:6px;margin-bottom:4px;padding:6px 8px}.durability-warn-list .mono{color:var(--ton-blue);font-family:ui-monospace,monospace}.durability-warn-actions{justify-content:flex-end;gap:10px;display:flex}