:root{color-scheme:dark;--bg: #0f1013;--bg-soft: #17181d;--panel: #191b21;--panel-2: #1d2027;--line: #2c313d;--text: #e7e9ee;--text-soft: #aeb4c0;--gold: #b59a67;--gold-soft: #7e6d4a;--ally: #3e7bb0;--enemy: #b25c5c;--danger: #c45a5a;--ok: #5db88f;--control: #8f7ae7;--shadow: 0 14px 36px rgba(0, 0, 0, .35);--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(181,154,103,.1),transparent 32%),radial-gradient(circle at 80% 80%,rgba(62,123,176,.08),transparent 34%),var(--bg)}.arena-page{min-height:100%;padding:20px;display:grid;gap:16px}.arena-header,.controls-wrap,.battle-board,.log-panel,.unit-inspector,.empty-state,.error-state{background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.arena-header{padding:16px 18px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}.arena-title-wrap{display:flex;gap:14px;align-items:center}.arena-title-wrap h1{margin:0;font-size:1.35rem;letter-spacing:.02em}.arena-title-wrap p{margin:4px 0 0;color:var(--text-soft);font-size:.92rem}.arena-mark{width:42px;height:42px;flex:none}.arena-summary{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.82rem;color:var(--text-soft)}.chip.status.won{color:var(--ok);border-color:#5db88f66}.chip.status.lost{color:var(--danger);border-color:#c45a5a66}.controls-wrap{padding:12px;display:grid;gap:10px}.controls-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.field{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.82rem}.select,.btn,.toggle,.speed{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px}.select{padding:8px 10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer}.btn.primary{border-color:var(--gold-soft);background:linear-gradient(180deg,#6f5d3d,#4b402d)}.btn.ghost{opacity:.66}.btn:disabled{cursor:not-allowed;opacity:.55}.speed-group{display:inline-flex;align-items:center;gap:6px;margin-right:8px;color:var(--text-soft)}.speed{padding:6px 10px;cursor:pointer}.speed.active{border-color:var(--gold);color:#f8edd9}.filter-group{display:flex;gap:6px;flex-wrap:wrap}.toggle{padding:7px 10px;cursor:pointer;font-size:.78rem;color:var(--text-soft)}.toggle.active{border-color:var(--gold-soft);color:var(--text)}.scrubber-wrap{display:grid;gap:6px}.scrubber-wrap label{font-size:.8rem;color:var(--text-soft)}.scrubber{width:100%;accent-color:#b59a67}.arena-grid{display:grid;gap:14px;position:relative;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-areas:"board log" "inspect log"}.battle-board{grid-area:board;padding:12px;display:grid;gap:12px}.log-panel{grid-area:log;padding:10px;display:grid;grid-template-rows:auto 1fr;min-height:560px}.unit-inspector{grid-area:inspect;padding:10px;min-height:220px}.battle-row{border:1px solid var(--line);border-radius:12px;padding:10px;background:#ffffff03}.battle-row>header h3{margin:0 0 8px;color:var(--text-soft);font-size:.88rem;text-transform:uppercase;letter-spacing:.09em}.battle-row-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.unit-card{position:relative;display:grid;grid-template-columns:64px 1fr;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#161920;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.unit-card:hover{transform:translateY(-1px);border-color:var(--gold-soft)}.unit-card.active{box-shadow:0 0 0 1px #b59a6780,0 0 0 8px #b59a6714}.unit-card.selected{border-color:var(--gold)}.unit-card.targeted{box-shadow:inset 0 0 0 1px #b59a677a}.unit-card.ally{border-left:4px solid var(--ally)}.unit-card.enemy{border-left:4px solid var(--enemy)}.unit-card.dead{opacity:.55;filter:grayscale(.4)}.unit-card.hit{animation:cardHitFlash .32s ease}.unit-card.healed{animation:cardHealGlow .42s ease}.unit-card.buffed{animation:cardBuffPulse .36s ease}.unit-card.debuffed,.unit-card.controlled{animation:cardDebuffPulse .42s ease}.unit-card.periodic{animation:cardPeriodicPulse .32s ease}.unit-card.defeated{animation:cardDefeated .45s ease}.unit-card.active{border-color:#e3c895b3}.unit-card.targeted{outline:1px dashed rgba(216,152,110,.55);outline-offset:2px}.unit-card.selected:not(.active){box-shadow:0 0 0 1px #b59a6761}.portrait{border-radius:10px;border:1px solid #343847;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.08),transparent 55%),linear-gradient(140deg,#232633,#111318);display:grid;place-items:center;font-weight:700}.portrait span{font-size:1.06rem;color:#e3d7bf}.unit-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.unit-title strong{font-size:.95rem}.unit-title span{display:inline-flex;align-items:center;gap:4px;color:var(--text-soft);font-size:.75rem}.unit-role-badge{margin-top:4px;width:fit-content;border-radius:999px;border:1px solid rgba(181,154,103,.35);background:#b59a6714;color:#dcc49a;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px}.bar-wrap{margin-top:6px}.bar-wrap label{display:block;color:var(--text-soft);font-size:.72rem;margin-bottom:4px}.bar{height:7px;border-radius:999px;background:#282d37;overflow:hidden}.bar>div{height:100%;transition:width .45s ease}.bar.hp>div{background:linear-gradient(90deg,#a63e3e,#d2815a)}.bar.tm>div{background:linear-gradient(90deg,#2b6aa2,#58a4ce)}.status-chips{margin-top:7px;display:grid;gap:6px}.element-badge,.control-badge{width:fit-content;border-radius:999px;border:1px solid var(--line);padding:3px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.element-badge.fire{color:#ef9d75}.element-badge.water{color:#7bc2ff}.element-badge.wind{color:#9fd3a2}.element-badge.soil{color:#d4b88a}.element-badge.light{color:#f7e7b4}.element-badge.darkness{color:#bfa9e3}.control-badge{color:#d4c2ff;border-color:#8f7ae780}.chip-row{display:flex;gap:4px;flex-wrap:wrap}.effect-chip{font-size:.68rem;border-radius:7px;padding:2px 6px;border:1px solid transparent;display:inline-flex;gap:4px;align-items:center}.effect-chip i{font-style:normal;font-size:.64rem;opacity:.92}.effect-chip b{font-size:.63rem;font-weight:700;opacity:.9}.effect-chip em{font-style:normal;opacity:.8}.effect-chip.buff{background:#60aac929;border-color:#60aac961;color:#9ed0ea}.effect-chip.debuff{background:#c45a5a24;border-color:#c45a5a59;color:#de9898}.effect-chip.control{background:#a48ed82e;border-color:#c1b3ecbf;color:#f0e8ff;box-shadow:inset 0 0 0 1px #c1b3ec33}.effect-chip.periodic{background:#7d689e29;border-color:#9b7ec47a;color:#d4c2ef}.effect-chip.poison{background:#5f9d622e;border-color:#7ebc827a;color:#b9e2ba}.effect-chip.burn{background:#c272542e;border-color:#dc896685;color:#f0c2a8}.dead-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1010149e;border-radius:10px;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;-webkit-backdrop-filter:grayscale(.3);backdrop-filter:grayscale(.3)}.floating-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.floating-text{position:absolute;right:10px;top:8px;font-size:.78rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:floatText .9s ease forwards}.floating-text.damage{color:#f2a08b}.floating-text.heal{color:#8fdcb3}.floating-text.debuff{color:#efb0b0}.floating-text.buff{color:#9bded4}.floating-text.control{color:#d6c9ff}.floating-text.periodic{color:#dfbf8c}.floating-text.system{color:#d2d6df}.log-panel>header h3,.unit-inspector>header h3{margin:0 0 8px}.log-summary{margin:0 0 10px;color:var(--text-soft);font-size:.76rem;line-height:1.35}.log-scroll{overflow:auto;padding-right:4px;max-height:100%;display:grid;gap:8px}.log-item{display:grid;grid-template-columns:26px 1fr;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px;background:#161920}.log-item{cursor:pointer}.log-item.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #b59a6740}.log-item.kind-impact{border-left:3px solid rgba(210,129,90,.55)}.log-item.kind-periodic{border-left:3px solid rgba(201,169,112,.55)}.log-item.kind-status{border-left:3px solid rgba(170,144,208,.55)}.log-item.kind-control{border-left:3px solid rgba(148,129,214,.7)}.log-item.kind-stage{border-left:3px solid rgba(181,154,103,.78)}.log-item.kind-system{border-left:3px solid rgba(116,126,145,.45)}.log-icon{width:24px;height:24px;display:grid;place-items:center;opacity:.9}.log-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.log-chip{font-size:.72rem;color:var(--text-soft);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.log-turn{font-size:.72rem;color:var(--text-soft)}.log-body p{margin:6px 0;font-size:.87rem;line-height:1.35}.log-body pre{white-space:pre-wrap;margin:6px 0 0;color:var(--text-soft);font-size:.76rem}.log-empty,.inspector-empty{color:var(--text-soft);font-size:.9rem;padding:10px;border:1px dashed var(--line);border-radius:10px}.inspector-body h4{margin:0 0 8px}.inspector-body dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inspector-body dt{color:var(--text-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.inspector-body dd{margin:2px 0 0;font-size:.87rem}.effect-columns{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.effect-columns h5{margin:0 0 6px;font-size:.8rem;color:var(--text-soft)}.effect-columns ul{margin:0;padding-left:18px;font-size:.82rem}.primary-attrs{margin-top:10px}.primary-attrs h5{margin:0 0 6px;font-size:.8rem;color:var(--text-soft)}.primary-attrs p{margin:0 0 6px;color:var(--text-soft);font-size:.78rem;line-height:1.35}.primary-attrs ul{margin:0;padding-left:18px;font-size:.82rem}.empty-state,.error-state{padding:22px;text-align:center}.empty-state p,.error-state p{color:var(--text-soft)}.replay-warning{grid-column:1 / -1;border:1px solid rgba(196,90,90,.45);background:#c45a5a14;color:#e2b2b2;border-radius:10px;padding:10px 12px;font-size:.86rem}.recent-events ul{margin:4px 0 0;padding-left:18px;font-size:.82rem}.wave-banner{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:8;border:1px solid rgba(181,154,103,.58);background:linear-gradient(180deg,#312b20f2,#1f1c16f0);border-radius:999px;padding:8px 18px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#ecd8b7;animation:waveBannerIn .35s ease}.battle-end-panel{position:absolute;z-index:10;right:14px;bottom:14px;width:min(360px,calc(100% - 28px));border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#14151bf5,#0d0e12f5);box-shadow:var(--shadow);padding:14px;animation:endPanelIn .28s ease}.battle-end-panel.won{border-color:#70be9a80}.battle-end-panel.lost{border-color:#cc747480}.battle-end-panel h3{margin:0;font-size:1.05rem}.battle-end-panel p{margin:4px 0 10px;color:var(--text-soft);font-size:.84rem}.battle-end-panel dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-end-panel dt{color:var(--text-soft);font-size:.72rem;text-transform:uppercase}.battle-end-panel dd{margin:2px 0 0}.panel-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}@keyframes floatText{0%{opacity:0;transform:translateY(4px) scale(.98)}20%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(1.03)}}@keyframes cardHitFlash{0%{box-shadow:inset 0 0 #e2806300}35%{box-shadow:inset 0 0 0 999px #e2806324}to{box-shadow:inset 0 0 #e2806300}}@keyframes cardHealGlow{0%{box-shadow:inset 0 0 #7ad1a300}35%{box-shadow:inset 0 0 0 999px #7ad1a321}to{box-shadow:inset 0 0 #7ad1a300}}@keyframes cardBuffPulse{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes cardDebuffPulse{0%{filter:saturate(1)}45%{filter:saturate(1.35)}to{filter:saturate(1)}}@keyframes cardPeriodicPulse{0%{opacity:1}45%{opacity:.82}to{opacity:1}}@keyframes cardDefeated{0%{transform:scale(1)}40%{transform:scale(.985)}to{transform:scale(1)}}@keyframes waveBannerIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes endPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton-grid{display:grid;gap:12px;grid-template-columns:2fr 1fr}.skeleton{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(110deg,#171a21 30%,#1f232d,#171a21 60%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton.card{min-height:420px}.skeleton.panel{min-height:240px}@keyframes shimmer{to{background-position-x:-200%}}@media (max-width: 1100px){.arena-grid{grid-template-columns:1fr;grid-template-areas:"board" "inspect" "log"}.log-panel{min-height:360px}.battle-end-panel{position:static;width:100%;margin-top:8px}.wave-banner{top:4px}}@media (max-width: 680px){.arena-page{padding:12px}.battle-row-grid{grid-template-columns:1fr}.unit-card{grid-template-columns:56px 1fr}.inspector-body dl,.effect-columns{grid-template-columns:1fr}.floating-text{right:8px;top:6px;font-size:.72rem}.wave-banner{font-size:.76rem;padding:6px 12px}.panel-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.auth-page{position:relative;min-height:100%;isolation:isolate;--auth-background-image: linear-gradient(160deg, rgba(20, 26, 41, .5), rgba(10, 11, 15, .76)), url(https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=2200&q=80)}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--auth-background-image);background-size:cover;background-position:center}.auth-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#040508c2,#0405085c);z-index:-1}.auth-card-wrap{min-height:100svh;display:flex;align-items:flex-end;justify-content:flex-start;padding:clamp(24px,4.5vw,46px)}.auth-card{width:min(100%,380px);display:grid;gap:16px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(180deg,#10131ae0,#0c0e14eb);box-shadow:0 18px 46px #00000075;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-head h1{margin:6px 0 0;font-size:1.45rem;line-height:1.2}.auth-head p{margin:8px 0 0;color:#bdc4d3;font-size:.92rem}.auth-overline{margin:0;text-transform:uppercase;letter-spacing:.11em;color:#d6be94;font-size:.72rem}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-tab{border:1px solid rgba(180,188,204,.28);background:#1e2430ad;color:#d4dae5;border-radius:10px;padding:8px 12px;font-size:.86rem;font-weight:600;cursor:pointer}.auth-tab:hover{border-color:#d5c0948c}.auth-tab.active{border-color:#d5c094e6;background:#51432a94;color:#fff4df}.auth-form{display:grid;gap:12px}.auth-field{display:grid;gap:6px}.auth-field>span{font-size:.8rem;color:#bcc5d4}.auth-field input{width:100%;border:1px solid rgba(186,195,211,.34);border-radius:10px;background:#141821eb;color:#edf1f8;padding:10px 12px;font-size:.92rem}.auth-field input::placeholder{color:#818ba0}.auth-field input:focus,.auth-submit-btn:focus,.auth-google-btn:focus,.auth-tab:focus,.auth-link-btn:focus{outline:2px solid rgba(213,192,148,.9);outline-offset:1px}.auth-field input[aria-invalid=true]{border-color:#e47878e6}.auth-error{color:#f0a7a7;font-size:.75rem}.auth-submit-btn,.auth-google-btn{border:1px solid transparent;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:600;cursor:pointer}.auth-submit-btn{background:linear-gradient(180deg,#7a6541,#5a4b33);border-color:#d5c094b3;color:#fff0d2}.auth-google-btn{background:#232a38e6;border-color:#bec6d570;color:#edf0f6}.auth-submit-btn:hover,.auth-google-btn:hover{filter:brightness(1.05)}.auth-submit-btn:disabled,.auth-google-btn:disabled{cursor:not-allowed;opacity:.66}.auth-link-btn{border:0;background:transparent;color:#d5bf94;text-align:left;font-size:.82rem;padding:0;cursor:pointer}.game-page{min-height:100%;padding:clamp(18px,4vw,32px);display:grid;gap:16px;background:#0f1013}.game-header,.game-content-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px 18px}.game-header h1,.game-content-card h2{margin:0}.game-header p,.game-content-card p{margin:8px 0 0;color:var(--text-soft)}@media (max-width: 1024px){.auth-card-wrap{align-items:flex-end;justify-content:center;padding-bottom:clamp(32px,10vh,84px)}}@media (max-width: 768px){.auth-backdrop:after{background:linear-gradient(to top,#05060ae6,#05060a94)}.auth-card-wrap{align-items:center;justify-content:center;padding:18px}.auth-card{width:min(100%,420px);padding:18px}}.game-shell{min-height:100%;background:radial-gradient(circle at top right,rgba(181,154,103,.07),transparent 35%),#0d0f14;color:#edf0f6}.game-top-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(120,127,142,.24);background:#0a0c12e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-top-context h1{margin:0;font-size:.97rem;letter-spacing:.08em;text-transform:uppercase}.game-top-context p{margin:4px 0 0;color:#9ea7bb;font-size:.8rem}.game-mobile-toggle{border:1px solid rgba(162,171,189,.32);border-radius:10px;background:#1c212dc7;color:#e7ecf7;padding:8px 10px;min-width:84px;cursor:pointer;display:none}.game-shell-grid{display:grid;grid-template-columns:auto 1fr auto;gap:14px;min-height:calc(100svh - 72px);padding:14px;position:relative}.game-left-sidebar,.game-right-sidebar{border:1px solid rgba(124,132,147,.23);border-radius:16px;background:linear-gradient(180deg,#10131bf0,#0a0c12f5);box-shadow:0 12px 24px #00000057;transition:width .24s cubic-bezier(.2,.8,.2,1),transform .22s ease,opacity .2s ease}.game-left-sidebar{width:252px;padding:12px;display:grid;grid-template-rows:auto 1fr}.game-left-sidebar.collapsed{width:86px}.game-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.game-brand{width:100%;border:1px solid rgba(164,172,188,.26);border-radius:12px;background:#1c232fb8;color:#e7ecf5;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px}.game-brand-mark{width:34px;height:34px;border-radius:9px;border:1px solid rgba(212,189,146,.42);background:#5b492c73;display:grid;place-items:center;font-size:.74rem;font-weight:700;letter-spacing:.08em}.game-brand-text{font-weight:600;letter-spacing:.05em}.game-nav-list{display:grid;gap:6px;align-content:start}.game-nav-item{border:1px solid transparent;border-radius:11px;background:transparent;color:#d5dceb;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;padding:9px 10px;min-height:44px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease;text-decoration:none}.game-nav-item:hover{border-color:#b2bbca47;background:#212734a3;transform:translate(2px)}.game-nav-item.active{border-color:#d5c094a8;background:#5645296b;color:#fbf2df}.game-nav-icon{width:20px;text-align:center;font-size:.84rem}.game-nav-text-wrap{display:grid;gap:2px}.game-nav-label{font-size:.86rem}.game-nav-meta{font-size:.7rem;color:#9fa8bc}.game-main-surface{border:1px solid rgba(124,132,147,.23);border-radius:18px;padding:16px;background:linear-gradient(180deg,#11151ed6,#0c0f16e6);animation:gamePanelIn .3s cubic-bezier(.2,.8,.2,1)}.hometree-panel{display:grid;gap:14px}.location-hero-panel{position:relative;min-height:300px;border:1px solid rgba(125,133,147,.25);border-radius:16px;overflow:hidden;background:radial-gradient(circle at 14% 18%,rgba(109,169,138,.18),transparent 34%),radial-gradient(circle at 78% 12%,rgba(107,89,150,.2),transparent 36%),linear-gradient(140deg,#1b2431,#0f1520 45%,#0c1019)}.location-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:linear-gradient(to top,#06080cbf,#06080c3d)}.location-content{position:relative;z-index:1;max-width:560px;padding:24px}.location-overline{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;color:#c8b590}.location-content h2{margin:8px 0 0;font-size:2.1rem;letter-spacing:.08em}.location-subtitle{margin:10px 0 0;color:#d5deea;font-size:1rem}.location-description{margin:12px 0 0;color:#a8b1c5;line-height:1.5}.fungal-card{border:1px solid rgba(127,136,152,.24);border-radius:14px;padding:16px;background:#0d1119eb;display:grid;gap:14px}.fungal-head h3{margin:0;font-size:1.02rem;letter-spacing:.08em}.fungal-head p{margin:6px 0 0;color:#98a2b7;font-size:.84rem}.fungal-core{width:146px;height:146px;border-radius:50%;border:1px solid rgba(213,192,148,.6);background:radial-gradient(circle at 30% 30%,#c1a26c5c,#40352299);display:grid;place-items:center;justify-self:center;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;cursor:pointer;transition:transform .18s ease,filter .18s ease}.fungal-core:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.05)}.fungal-milestones{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.fungal-milestone{border:1px solid rgba(133,140,157,.24);border-radius:10px;padding:8px 10px;background:#171c27bf;display:grid;gap:3px}.fungal-milestone span{font-size:.74rem;color:#a4adc0}.fungal-milestone strong{font-size:.86rem}.fungal-milestone.claimed{border-color:#5aaa8470;background:#253e326b}.fungal-milestone.available{border-color:#d5c094ad;background:#4e402870}.game-right-sidebar{width:278px;padding:12px;display:grid;gap:10px;align-content:start}.game-right-sidebar.collapsed{width:108px}.game-sidebar-head.right{margin-bottom:2px}.game-side-toggle{border:1px solid rgba(164,172,188,.3);border-radius:10px;background:#1c232fb8;color:#dce3f1;width:100%;padding:8px 10px;cursor:pointer}.player-summary{display:flex;align-items:center;gap:10px}.player-avatar{width:42px;height:42px;border-radius:11px;border:1px solid rgba(213,192,148,.56);background:linear-gradient(140deg,#6655378a,#342d1fd1);display:grid;place-items:center;font-weight:700}.player-summary h2{margin:0;font-size:.96rem}.player-summary p{margin:4px 0 0;color:#9ca6bb;font-size:.8rem}.game-surface-section{border:1px solid rgba(127,136,151,.2);border-radius:12px;background:#141922cc;padding:12px}.game-surface-section h3{margin:0 0 8px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#b8c0d3}.account-power{margin:0;font-size:1.18rem;color:#f1e3c6}.resource-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.resource-list li{display:grid;gap:2px}.resource-list span{color:#a7b0c4;font-size:.76rem}.resource-list strong{font-size:.9rem}.resource-list small{color:#8a94a9;font-size:.72rem}.favorite-hero-list{display:grid;gap:8px}.favorite-hero-card{border:1px solid rgba(128,137,152,.25);border-radius:10px;background:#1b212dbd;padding:8px;display:grid;grid-template-columns:24px 1fr;gap:8px}.favorite-hero-card strong{font-size:.82rem}.favorite-hero-card p{margin:4px 0 0;font-size:.75rem;color:#9ca6bc}.hero-element{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:.72rem;font-weight:700}.hero-element.fire{background:#b5654f73;color:#ffd8cc}.hero-element.water{background:#527bae73;color:#d7edff}.hero-element.light{background:#b7a56f73;color:#fff2cf}.game-placeholder{border:1px dashed rgba(128,137,152,.35);border-radius:14px;padding:18px}.game-placeholder h2{margin:0;font-size:1.05rem}.game-placeholder p{margin:8px 0 0;color:#a3adbf}.placeholder-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.placeholder-status{border:1px solid rgba(130,139,155,.35);border-radius:999px;padding:4px 9px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#b8c0d3}.placeholder-status.live{border-color:#62af8880;color:#a9dfc2}.placeholder-status.locked{border-color:#cf909080;color:#e0b0b0}.placeholder-status.in-development,.placeholder-status.coming-soon{border-color:#d5c09494;color:#e6d5b2}.placeholder-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.placeholder-grid article{border:1px solid rgba(123,132,148,.24);border-radius:12px;background:#131821a6;padding:12px}.placeholder-grid h3{margin:0;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}.placeholder-grid p{margin:7px 0 0;font-size:.82rem;color:#9fa9be}.mobile-dim{display:none;border:0}.mobile-layer{display:contents}@keyframes gamePanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.game-right-sidebar{width:254px}}@media (max-width: 1024px){.game-shell-grid{grid-template-columns:1fr;min-height:calc(100svh - 66px)}.game-mobile-toggle{display:inline-flex;justify-content:center}.mobile-dim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#07090e7a;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.mobile-dim.visible{opacity:1;pointer-events:auto}.mobile-layer{display:block;position:fixed;top:76px;bottom:12px;z-index:25;pointer-events:none}.mobile-layer.left{left:12px;transform:translate(-106%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.mobile-layer.right{right:12px;transform:translate(106%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.mobile-layer.open{transform:translate(0);pointer-events:auto}.mobile-layer .game-left-sidebar,.mobile-layer .game-right-sidebar{height:100%;overflow:auto}.game-main-surface{margin-top:6px}}@media (max-width: 768px){.game-top-context{padding:12px 14px}.game-top-context h1{font-size:.88rem}.game-top-context p{font-size:.74rem}.game-shell-grid{padding:10px}.game-main-surface{padding:12px}.location-content{padding:16px}.location-content h2{font-size:1.56rem}.fungal-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-shell{min-height:100dvh;background:radial-gradient(1200px 700px at 50% -10%,rgba(118,95,59,.16),transparent 56%),radial-gradient(900px 600px at 20% 20%,rgba(72,95,121,.12),transparent 62%),#090c12}.game-shell-grid{min-height:100dvh;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0;padding:0}.game-left-sidebar,.game-right-sidebar{height:100dvh;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#05070c,#080c13 44%,#06090f);position:relative;overflow:hidden}.game-left-sidebar:after,.game-right-sidebar:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(147,160,185,.24) 18%,rgba(124,135,156,.2) 80%,transparent)}.game-left-sidebar:after{right:0}.game-right-sidebar:before{left:0}.game-left-sidebar{--rail-open-width: 274px;--rail-collapsed-width: 84px;width:274px;padding:18px 14px}.game-left-sidebar.collapsed{width:84px}.game-right-sidebar{--rail-open-width: 318px;--rail-collapsed-width: 88px;width:318px;padding:18px 14px}.game-right-sidebar.collapsed{width:88px}.game-sidebar-head{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.game-brand{padding:0;border:0;background:transparent;display:inline-flex;align-items:center;gap:10px}.game-brand-mark{width:34px;height:34px;border-radius:10px;border:1px solid rgba(203,179,139,.48);background:linear-gradient(145deg,#8063386b,#31281bd1);color:#f2e4c6}.game-brand-text{font-size:.96rem;font-weight:600;letter-spacing:.08em;color:#d6dfef;text-transform:uppercase}.rail-icon-btn{width:28px;height:28px;border:1px solid rgba(133,144,164,.32);border-radius:8px;background:#191f2bad;color:#cfd7e7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.rail-icon-btn:hover{border-color:#c4ab7e94;background:#342a1b75}.rail-icon-btn:active{transform:translateY(1px)}.rail-side-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#9eabc2}.profile-header{display:flex;align-items:center;gap:12px;margin:0 0 14px}.profile-identity h2{margin:0;font-size:1.02rem;letter-spacing:.02em;color:#e5ecf8}.profile-identity p{margin:2px 0 0;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:#97a5bf}.profile-rail{display:flex;flex-direction:column;gap:12px}.profile-metrics{padding:12px 12px 10px;border-radius:10px;border:1px solid rgba(134,146,169,.18);background:linear-gradient(180deg,#121823bd,#0d121cd6)}.profile-metrics-label{margin:0;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#9aa8c3}.profile-metrics-value{margin:4px 0 0;font-size:1.25rem;font-weight:650;letter-spacing:.03em;color:#f0f4ff}.profile-resources,.profile-favorites{padding:12px;border-radius:10px;border:1px solid rgba(131,143,166,.18);background:linear-gradient(180deg,#121722ad,#0d111acc)}.profile-resources h3,.profile-favorites h3{margin:0 0 10px;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;color:#a3b0ca}.profile-ember-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.profile-ember-meta{display:flex;flex-direction:column;gap:2px}.profile-ember-meta strong{font-size:.8rem;letter-spacing:.1em;color:#f4e7bf}.profile-ember-meta span{font-size:.74rem;color:#9fafc8}.profile-ember-meta small{font-size:.7rem;color:#d4b777}.ember-meter-wrap{position:relative;width:84px;height:84px;min-width:84px}.ember-meter{width:84px;height:84px;transform:rotate(-90deg)}.ember-track{fill:none;stroke:#72684959;stroke-width:7}.ember-fill{fill:none;stroke:#f4c24f;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(248,195,77,.56))}.ember-meter-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:3px;font-weight:650;color:#f8e8bf;font-size:.94rem}.ember-meter-text small{font-size:.67rem;color:#c5bba2}.profile-resource-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.profile-resource-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline;padding:5px 0;border-top:1px solid rgba(123,136,160,.16)}.profile-resource-row:first-child{border-top:0}.profile-resource-label{font-size:.78rem;letter-spacing:.05em;color:#adbad1}.profile-resource-value{font-size:.84rem;color:#e6edf9}.profile-resource-helper{grid-column:1 / -1;font-size:.7rem;color:#8d9ab3}.profile-favorites-list{display:grid;gap:8px}.profile-hero-capsule{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;min-height:36px;padding:6px 8px;border-radius:8px;border:1px solid rgba(129,141,164,.16);background:#10151f8a}.profile-hero-copy{min-width:0}.profile-hero-copy strong{display:block;font-size:.78rem;line-height:1.2;color:#dee6f6}.profile-hero-copy span{display:block;font-size:.7rem;color:#9dabc6}.profile-hero-power{margin:0;font-size:.74rem;color:#c6d2e8}.profile-rail-collapsed{align-items:center;gap:12px;margin-top:8px}.profile-collapsed-meter .ember-meter-wrap{width:58px;height:58px;min-width:58px}.profile-collapsed-meter .ember-meter{width:58px;height:58px}.profile-collapsed-meter .ember-meter-text{font-size:.66rem}.profile-collapsed-favorites{display:grid;gap:7px}.game-nav-list{gap:3px}.game-nav-item{border:1px solid transparent;border-radius:10px;min-height:40px;padding:8px 10px;transition:transform .17s ease,border-color .17s ease,background-color .17s ease,color .17s ease}.game-nav-item:hover{transform:translate(1px);border-color:#8e99ae47;background:#181e2ab8}.game-nav-item.active{border-color:#cbb082b3;background:linear-gradient(90deg,#6c522d6b,#261e1552);color:#f7eedc;box-shadow:inset 3px 0 #dbbf94a6}.game-nav-meta{opacity:.78}.game-main-surface{border:0;border-radius:0;background:transparent;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:100dvh;box-sizing:border-box;position:relative}.game-route-stage{flex:1 1 auto;min-height:0;height:100%;width:100%;display:flex;will-change:transform,opacity;overflow:hidden}.location-stage{--location-stage-image: none;--location-content-pad-y: clamp(16px, 3vw, 34px);--location-content-pad-x: clamp(14px, 3vw, 34px);position:relative;height:100%;min-height:100%;width:100%;overflow:hidden}.location-stage__backdrop,.location-stage__vignette,.location-stage__fx{position:absolute;top:0;right:0;bottom:0;left:0}.location-stage__backdrop{background-image:var(--location-stage-image);background-size:cover;background-position:center;background-repeat:no-repeat}.location-stage__vignette{background:linear-gradient(to top,#05080c8a 8%,#05080c29 46%,#05080c57),linear-gradient(to right,#070a0f4d,#070a0f0d 48%,#070a0f3d);pointer-events:none}.location-stage__fx{z-index:1;pointer-events:none}.location-stage__content{position:relative;z-index:2;min-height:100%;height:100%;padding:var(--location-content-pad-y) var(--location-content-pad-x);box-sizing:border-box}.location-stage__dock{position:absolute;left:50%;bottom:clamp(10px,2.4vw,20px);transform:translate(-50%);width:min(880px,calc(100% - 24px));z-index:3}.location-stage--hometree .location-stage__backdrop{background-image:radial-gradient(circle at 18% 15%,rgba(149,194,149,.27),transparent 36%),radial-gradient(circle at 68% 18%,rgba(125,110,185,.18),transparent 40%),linear-gradient(170deg,#080c140a,#070a104d),var(--location-stage-image),url(https://images.unsplash.com/photo-1511497584788-876760111969?auto=format&fit=crop&w=2560&q=80)}.location-stage--hometree .location-stage__vignette{background:linear-gradient(to top,#05080c6b 8%,#05080c1a 46%,#05080c3d),linear-gradient(to right,#070a0f38,#070a0f0a 48%,#070a0f2e)}.location-stage--placeholder .location-stage__backdrop{background-image:radial-gradient(circle at 20% 12%,rgba(103,140,178,.2),transparent 34%),radial-gradient(circle at 78% 20%,rgba(130,104,165,.2),transparent 40%),linear-gradient(160deg,#111722 5%,#0f1520 45%,#0b1019),var(--location-stage-image)}.location-hero-panel{border:1px solid rgba(120,132,154,.24);border-radius:12px;min-height:340px;background:radial-gradient(circle at 18% 14%,rgba(128,178,149,.18),transparent 34%),radial-gradient(circle at 80% 18%,rgba(112,92,157,.2),transparent 38%),linear-gradient(155deg,#162131 2%,#101825 46%,#0b111a)}.location-atmosphere{opacity:.44}.location-content{padding:clamp(18px,3vw,34px)}.location-content h2{font-size:clamp(1.5rem,4vw,2.35rem);letter-spacing:.09em}.fungal-card{border:1px solid rgba(126,138,159,.2);border-radius:12px;background:linear-gradient(180deg,#0d1119d1,#0a0d14e0);padding:16px clamp(12px,2vw,22px) 18px}.fungal-core{width:134px;height:134px;border-color:#cab184a6}.game-surface-section{border-radius:10px;border:1px solid rgba(126,138,157,.14);background:linear-gradient(180deg,#131823a8,#0f141eb8)}.favorite-hero-card{border-radius:8px;border:1px solid rgba(131,141,161,.18)}.game-mobile-actions{display:none}.mobile-dim{background:#0305089e}@keyframes routeStageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.game-left-sidebar{--rail-open-width: 238px;width:238px}.game-right-sidebar{--rail-open-width: 286px;width:286px}}@media (max-width: 1024px){.game-shell-grid{grid-template-columns:1fr;padding:0}.game-left-sidebar,.game-right-sidebar{height:calc(100dvh - 24px);border:1px solid rgba(123,135,157,.28);border-radius:12px}.game-mobile-actions{display:flex;justify-content:space-between;position:absolute;top:12px;left:12px;right:12px;z-index:6;pointer-events:none}.game-mobile-toggle{width:36px;min-width:36px;height:36px;border-radius:10px;border-color:#838ea36b;background:#111620c2;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}}@media (max-width: 768px){.location-stage{--location-content-pad-y: 12px;--location-content-pad-x: 12px}.fungal-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}.hometree-panel{min-height:100%;height:100%}.hometree-copy{position:absolute;left:clamp(14px,3vw,32px);top:clamp(16px,3vw,34px);max-width:min(620px,72%);z-index:2}.location-overline{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#d3bc91;text-shadow:0 2px 18px rgba(0,0,0,.65)}.location-subtitle,.location-description,.hometree-copy h2{text-shadow:0 3px 22px rgba(0,0,0,.72)}.hometree-copy h2{margin:8px 0 0;font-size:clamp(1.5rem,4vw,2.4rem);letter-spacing:.08em}.location-subtitle{margin:10px 0 0;color:#e6edf8}.location-description{margin:10px 0 0;color:#bac4d8;max-width:58ch}.hometree-fireflies{position:absolute;top:0;right:0;bottom:0;left:0}.firefly{position:absolute;width:4px;height:4px;border-radius:999px;background:#f7e4a8e6;box-shadow:0 0 10px #f4d67e9e;opacity:0}.firefly.blink{animation:fireflyBlink 4.8s ease-in-out infinite}.firefly.drift{animation:fireflyDriftSoft 12s linear infinite,fireflyGlowCycle 4.2s ease-in-out infinite}.firefly.wander{animation:fireflyWander 15.5s ease-in-out infinite,fireflyGlowCycle 5.3s ease-in-out infinite}.firefly.b1{left:15%;top:68%;animation-delay:.2s}.firefly.b2{left:57%;top:74%;animation-delay:1.9s}.firefly.b3{left:82%;top:70%;animation-delay:3.1s}.firefly.b4{left:24%;top:66%;animation-delay:2.4s}.firefly.b5{left:70%;top:64%;animation-delay:4.3s}.firefly.d1{left:28%;top:82%;animation-delay:.5s,.2s}.firefly.d2{left:48%;top:86%;animation-delay:2.3s,1.1s}.firefly.d3{left:72%;top:83%;animation-delay:3.8s,.7s}.firefly.d4{left:12%;top:80%;animation-delay:1.7s,.9s}.firefly.d5{left:90%;top:84%;animation-delay:4.6s,1.6s}.firefly.w1{left:20%;top:78%;animation-delay:.8s,.5s}.firefly.w2{left:40%;top:88%;animation-delay:2.6s,1.4s}.firefly.w3{left:63%;top:79%;animation-delay:1.6s,.9s}.firefly.w4{left:86%;top:89%;animation-delay:4.1s,1.8s}.firefly.w5{left:33%;top:73%;animation-delay:3.5s,.6s}.firefly.w6{left:55%;top:91%;animation-delay:5.1s,2.2s}@keyframes fireflyBlink{0%,to{opacity:0;transform:scale(.75)}20%{opacity:.62}35%{opacity:.1}58%{opacity:.74;transform:scale(1.02)}76%{opacity:.18}}@keyframes fireflyDriftSoft{0%{transform:translate3d(-5px,0,0) scale(.8);opacity:0}12%{opacity:.46}42%{transform:translate3d(10px,-32px,0) scale(1);opacity:.66}70%{transform:translate3d(-6px,-58px,0) scale(.92);opacity:.52}to{transform:translate3d(4px,-88px,0) scale(1.06);opacity:0}}@keyframes fireflyWander{0%{transform:translateZ(0) scale(.76);opacity:0}14%{opacity:.42}30%{transform:translate3d(16px,-20px,0) scale(1.02);opacity:.64}46%{transform:translate3d(4px,-42px,0) scale(.9);opacity:.38}62%{transform:translate3d(24px,-58px,0) scale(1.08);opacity:.68}82%{transform:translate3d(-8px,-74px,0) scale(.85);opacity:.34}to{transform:translate3d(12px,-96px,0) scale(1);opacity:0}}@keyframes fireflyGlowCycle{0%,to{filter:brightness(.8) saturate(.88)}48%{filter:brightness(1.22) saturate(1.08)}}.fungal-card{padding:10px 12px;border:0;border-radius:10px;background:linear-gradient(180deg,#080b128c,#06090f80);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fungal-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.fungal-head h3{margin:0;font-size:.84rem;letter-spacing:.14em}.fungal-head p{margin:0;font-size:.72rem;color:#a8b3c8}.fungal-row{margin-top:8px;display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center}.fungal-core{width:84px;height:84px;font-size:.62rem;letter-spacing:.1em}.fungal-milestones{gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}.fungal-milestone{padding:6px 7px;border:0;border-radius:8px;background:#1116218c}.fungal-milestone span{font-size:.67rem}.fungal-milestone strong{font-size:.74rem}@media (max-width: 1024px){.hometree-copy{max-width:82%}.location-stage__dock{width:min(760px,calc(100% - 16px))}.fungal-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.hometree-copy{left:12px;top:12px;max-width:calc(100% - 20px)}.location-description{font-size:.86rem}.location-stage__dock{width:calc(100% - 12px);bottom:6px}.fungal-row{grid-template-columns:68px 1fr;gap:8px}.fungal-core{width:64px;height:64px;font-size:.54rem}.fungal-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.firefly{animation:none!important;opacity:.22}}.location-stage--heroes .location-stage__backdrop{background-image:radial-gradient(circle at 18% 14%,rgba(95,138,182,.24),transparent 34%),radial-gradient(circle at 82% 18%,rgba(148,118,178,.21),transparent 36%),linear-gradient(165deg,#090d1547,#080a11a8),var(--location-stage-image),url(https://images.unsplash.com/photo-1519068737630-e5db30e12e42?auto=format&fit=crop&w=2560&q=80)}.heroes-screen{min-height:100%;display:grid;grid-template-rows:auto 1fr;gap:14px}.heroes-header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(133,147,172,.2);background:linear-gradient(180deg,#0b0f19bd,#0a0d15d6)}.heroes-overline{margin:0;color:#c5b38c;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase}.heroes-header h1{margin:6px 0 0;font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:.04em}.heroes-header p{margin:8px 0 0;color:#a8b7cf}.heroes-header-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:230px}.heroes-header-metrics article{border-radius:10px;border:1px solid rgba(126,140,163,.2);background:#10151fb8;padding:9px 10px}.heroes-header-metrics span{display:block;color:#9caac1;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.heroes-header-metrics strong{display:block;margin-top:4px;font-size:1.1rem;font-variant-numeric:tabular-nums}.heroes-grid{min-height:0;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(340px,1.2fr) minmax(300px,1.15fr);gap:12px}.heroes-roster-panel,.hero-focus-panel,.heroes-detail-panel{min-height:0;border-radius:12px;border:1px solid rgba(130,143,166,.2);background:linear-gradient(180deg,#0c111ac2,#0a0e16db);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.heroes-roster-panel{padding:10px;display:grid;grid-template-rows:auto auto auto 1fr;gap:8px}.heroes-search-wrap{display:grid;grid-template-columns:1fr auto;gap:8px}.heroes-search,.heroes-sort{border:1px solid rgba(126,140,162,.28);background:#111621b8;color:#dee7f9;border-radius:8px;padding:8px 10px}.heroes-search:focus-visible,.heroes-sort:focus-visible,.hero-roster-item:focus-visible,.heroes-tab:focus-visible,.heroes-chip:focus-visible{outline:2px solid rgba(203,176,130,.75);outline-offset:1px}.heroes-chip-row{display:flex;flex-wrap:wrap;gap:6px}.heroes-chip{border:1px solid rgba(126,140,162,.3);border-radius:999px;background:#141a269e;color:#afbdd2;font-size:.72rem;padding:4px 9px;cursor:pointer}.heroes-chip.active{border-color:#cbb082b3;color:#f4e8d1;background:#4f3e2673}.heroes-roster-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:9px;align-items:start;align-content:start;grid-auto-rows:max-content;overflow:auto}.hero-roster-item{width:100%;border:1px solid rgba(126,140,162,.24);border-radius:11px;padding:7px;display:grid;grid-template-rows:auto auto auto;gap:7px;align-content:start;background:#10151fb8;color:inherit;text-align:left;cursor:pointer}.hero-roster-item:hover{border-color:#b69f7980}.hero-roster-item.selected{border-color:#ccb384d1;box-shadow:inset 0 0 0 1px #dabf91a6}.hero-portrait-token{width:34px;height:34px;border-radius:9px;border:1px solid rgba(128,141,162,.34);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#ebf2ff;background:linear-gradient(145deg,#3e4a5fc7,#171e2ae6)}.hero-portrait-token.large{width:110px;height:110px;border-radius:20px;font-size:1.7rem}.hero-card-media{position:relative;border-radius:10px;border:1px solid rgba(126,140,162,.28);background:radial-gradient(circle at 24% 14%,rgba(148,177,213,.14),transparent 42%),linear-gradient(180deg,#111825e6,#0c121ceb);aspect-ratio:2 / 3;min-height:126px;display:grid;place-items:center;overflow:hidden}.hero-portrait-token--card{width:56px;height:74px;border-radius:14px;font-size:1rem}.hero-card-circles{position:absolute;left:8px;bottom:7px;font-size:.66rem;letter-spacing:.08em}.hero-card-meta{display:grid;gap:4px;min-width:0}.hero-card-name{font-size:.82rem;line-height:1.2}.hero-card-line{color:#a8b7cc;font-size:.7rem}.hero-card-line--compact{color:#9eb0c8;font-variant-numeric:tabular-nums}.hero-card-rank,.hero-card-status{justify-self:start}.hero-rarity-pill,.hero-status-pill{display:inline-flex;align-items:center;border:1px solid rgba(130,143,167,.3);border-radius:999px;padding:2px 8px;font-size:.68rem;color:#bac7db}.hero-status-pill{justify-self:start}.hero-rank-circles{font-size:.74rem;letter-spacing:.09em;line-height:1}.hero-focus-panel{padding:14px;display:grid;align-content:start;gap:9px;background:radial-gradient(circle at 22% 10%,rgba(117,145,180,.2),transparent 36%),linear-gradient(180deg,#0b1019cc,#0a0e16e6)}.hero-focus-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.hero-focus-portrait{display:flex;justify-content:flex-start;padding-top:2px}.hero-focus-summary{display:grid;gap:7px}.hero-focus-head h2{margin:0;font-size:1.36rem;letter-spacing:.03em}.hero-focus-head p{margin:3px 0 0;color:#adc0d9}.hero-focus-meta{display:flex;flex-wrap:wrap;gap:6px}.hero-focus-meta span,.hero-focus-rank span,.hero-focus-tags span{border:1px solid rgba(126,140,164,.28);border-radius:999px;padding:4px 8px;font-size:.72rem;color:#bbcade}.hero-focus-rank{display:flex;flex-wrap:wrap;gap:6px}.hero-focus-power{display:inline-flex;align-items:baseline;gap:8px;margin-top:2px;padding:5px 10px;border-radius:10px;border:1px solid rgba(203,176,130,.35);background:linear-gradient(135deg,#3a302073,#18161299);width:fit-content;max-width:100%}.hero-focus-power-label{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#d8c9a8;white-space:nowrap}.hero-focus-power-value{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f4ecd8;letter-spacing:.02em}.hero-focus-lore{margin:1px 0;color:#c4d2e4;line-height:1.4}.hero-focus-dossier-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.hero-focus-dossier-card{border:1px solid rgba(126,140,162,.24);border-radius:10px;padding:8px 9px;background:#0e141eb8;display:grid;gap:7px;min-height:0}.hero-focus-dossier-card h3{margin:0;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#c7b38c}.hero-focus-skills-list,.hero-focus-stats-list{display:grid;gap:6px;min-height:0;overflow:auto;padding-right:2px}.hero-focus-stats-subhead{margin:4px 0 1px;padding:3px 0 2px;border-top:1px solid rgba(126,140,162,.22);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#b8a87a}.hero-focus-stat-row--elemental{border-color:#b8a87a38;background:#1614108c}.hero-focus-skill-row,.hero-focus-stat-row{border:1px solid rgba(126,140,162,.2);border-radius:8px;padding:5px 7px;background:#0d121bbf}.hero-focus-skill-row header{display:flex;justify-content:space-between;gap:8px}.hero-focus-skill-row strong{font-size:.76rem}.hero-focus-skill-row header span{border:1px solid rgba(126,140,162,.28);border-radius:999px;padding:1px 6px;font-size:.62rem;color:#c4d2e5}.hero-focus-skill-row p{margin:4px 0 0;color:#a4b7cf;font-size:.68rem;line-height:1.35}.hero-focus-stat-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.hero-focus-stat-row span{color:#9fb1ca;font-size:.68rem;letter-spacing:.03em}.hero-focus-stat-row strong{font-size:.8rem;color:#e5eefb;font-variant-numeric:tabular-nums}.heroes-detail-panel{padding:10px;display:grid;grid-template-rows:auto 1fr;gap:10px}.heroes-tabs{display:flex;gap:6px;flex-wrap:wrap}.heroes-tab{border:1px solid rgba(126,140,162,.28);border-radius:9px;padding:7px 10px;background:#10151fb3;color:#b5c4d9;cursor:pointer}.heroes-tab.active{border-color:#cbb082b3;color:#f2e6cf;background:#4f3e266b}.heroes-detail-content{min-height:0;overflow:auto}.hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-stat-card{border:1px solid rgba(126,140,162,.22);border-radius:10px;padding:9px 10px;background:#0f141ebd}.hero-stat-card span{font-size:.7rem;color:#9fb0c7;letter-spacing:.08em}.hero-stat-card strong{display:block;margin-top:4px;font-size:1.04rem;font-variant-numeric:tabular-nums}.hero-stat-card small{color:#92a4bf;font-size:.72rem}.hero-gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-gear-slot{border:1px dashed rgba(126,140,162,.3);border-radius:10px;min-height:96px;padding:8px;background:#0e121c8f;display:grid;align-content:start;gap:4px}.hero-gear-slot.equipped{border-style:solid;border-color:#ae94696b}.hero-gear-slot span{font-size:.7rem;color:#9fb1cb;text-transform:uppercase;letter-spacing:.07em}.hero-gear-slot strong{font-size:.78rem}.hero-gear-slot small,.hero-gear-slot em,.hero-gear-slot p{margin:0;font-size:.7rem;color:#9daec7;font-style:normal}.hero-talents-grid{display:grid;gap:8px}.hero-talent-card{border:1px solid rgba(126,140,162,.26);border-radius:10px;padding:9px 10px;background:#0f141ead}.hero-talent-card.active{border-color:#cbb082ad;background:#3f311e5c}.hero-talent-card h4{margin:0;font-size:.84rem}.hero-talent-card p{margin:6px 0;color:#a9bad1;font-size:.78rem}.hero-talent-card small,.hero-talent-card span{font-size:.72rem;color:#95a8c3}.hero-skills-list{display:grid;gap:8px}.hero-skill-card{border:1px solid rgba(126,140,162,.25);border-radius:10px;padding:8px 10px;background:#0e121cb8}.hero-skill-card header{display:flex;justify-content:space-between;gap:8px}.hero-skill-card strong{font-size:.82rem}.hero-skill-card span{color:#a4b6cf;font-size:.72rem}.hero-skill-card p{margin:5px 0 0;color:#bfd0e7;font-size:.78rem}.hero-skill-card small{margin-top:6px;display:inline-block;font-size:.68rem;color:#8ea0bb}.hero-skill-card.damage{border-left:3px solid rgba(205,128,92,.62)}.hero-skill-card.support{border-left:3px solid rgba(106,170,145,.64)}.hero-skill-card.control{border-left:3px solid rgba(147,126,210,.7)}.hero-skill-card.passive{border-left:3px solid rgba(202,180,132,.68)}.heroes-empty{border:1px dashed rgba(126,140,162,.35);border-radius:10px;padding:16px;color:#9db0cb}@media (max-width: 1280px){.heroes-grid{grid-template-columns:minmax(220px,.95fr) minmax(300px,1.15fr) minmax(280px,1fr)}.heroes-roster-list{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}}@media (max-width: 1024px){.heroes-header{padding-top:54px}.heroes-grid{grid-template-columns:1fr;grid-template-areas:"roster" "focus" "detail"}.heroes-roster-panel{grid-area:roster}.hero-focus-panel{grid-area:focus}.heroes-detail-panel{grid-area:detail}.heroes-roster-list{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));overflow-y:auto;overflow-x:hidden}}@media (max-width: 768px){.heroes-header{grid-template-columns:1fr;display:grid}.heroes-header-metrics{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.hero-stats-grid,.hero-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroes-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-card-media{min-height:114px}.hero-focus-top{grid-template-columns:1fr;gap:9px}.hero-focus-portrait{justify-content:center}.hero-focus-dossier-grid{grid-template-columns:1fr}}.location-stage--inventory .location-stage__backdrop{background-image:radial-gradient(circle at 20% 16%,rgba(129,161,199,.24),transparent 34%),radial-gradient(circle at 78% 22%,rgba(151,121,190,.2),transparent 40%),linear-gradient(165deg,#090d1452,#080b12b3),var(--location-stage-image),url(https://images.unsplash.com/photo-1516546453174-5e1098a4b4af?auto=format&fit=crop&w=2560&q=80)}.inventory-screen{min-height:100%;display:grid;grid-template-rows:auto 1fr;gap:14px}.inventory-header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(133,147,172,.2);background:linear-gradient(180deg,#0b0f19bd,#0a0d15d6)}.inventory-overline{margin:0;color:#c5b38c;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase}.inventory-header h1{margin:6px 0 0;font-size:clamp(1.4rem,2.2vw,1.9rem)}.inventory-header p{margin:8px 0 0;color:#a8b7cf}.inventory-header-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:230px}.inventory-header-metrics article{border-radius:10px;border:1px solid rgba(126,140,163,.2);background:#10151fb8;padding:9px 10px}.inventory-header-metrics span{display:block;color:#9caac1;font-size:.72rem;text-transform:uppercase}.inventory-header-metrics strong{display:block;margin-top:4px;font-size:1.1rem;font-variant-numeric:tabular-nums}.inventory-grid{min-height:0;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(340px,1.35fr) minmax(300px,1fr);gap:12px;align-items:start}.inventory-filters-panel,.inventory-collection-panel,.inventory-detail-panel{border-radius:12px;border:1px solid rgba(130,143,166,.2);background:linear-gradient(180deg,#0c111ac2,#0a0e16db);min-height:0}.inventory-filters-panel{padding:10px;display:grid;align-content:start;gap:9px}.inventory-search,.inventory-select{border:1px solid rgba(126,140,162,.28);background:#111621b8;color:#dee7f9;border-radius:8px;padding:8px 10px}.inventory-filter-group{display:grid;gap:4px}.inventory-filter-group label{color:#97a8c1;font-size:.74rem;letter-spacing:.07em;text-transform:uppercase}.inventory-chip-row{display:flex;flex-wrap:wrap;gap:6px}.inventory-chip{border:1px solid rgba(126,140,162,.3);border-radius:999px;background:#141a269e;color:#afbdd2;font-size:.72rem;padding:4px 9px;cursor:pointer}.inventory-chip.active{border-color:#cbb082b3;color:#f4e8d1;background:#4f3e2673}.inventory-search:focus-visible,.inventory-select:focus-visible,.inventory-chip:focus-visible,.inventory-item-card:focus-visible{outline:2px solid rgba(203,176,130,.75);outline-offset:1px}.inventory-collection-panel{padding:10px;overflow:auto;display:grid;gap:8px;align-content:start;align-items:start;grid-auto-rows:max-content;align-self:start}.inventory-collection-panel.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.inventory-collection-panel.list{grid-template-columns:1fr}.inventory-item-card{width:100%;border:1px solid rgba(126,140,162,.25);border-radius:10px;background:#10151fb8;color:inherit;padding:8px 9px;text-align:left;display:grid;gap:6px;cursor:pointer;align-self:start;align-content:start}.inventory-item-card:hover{border-color:#b69f7980}.inventory-item-card.selected{border-color:#ccb384d1;box-shadow:inset 3px 0 #dabf91a6}.inventory-item-head{display:flex;justify-content:space-between;gap:6px;align-items:start}.inventory-item-head strong{font-size:.82rem}.inventory-item-card p,.inventory-item-card small,.inventory-item-card em{margin:0;color:#a8b7cc;font-size:.72rem;font-style:normal}.inventory-item-meta{display:flex;flex-wrap:wrap;gap:5px}.inventory-item-meta span{border:1px solid rgba(126,140,162,.25);border-radius:999px;padding:2px 7px;font-size:.68rem;color:#bdd0ea}.inventory-score{border-color:#cbb0828a!important;color:#f0dfc0!important}.inventory-rarity-pill{border:1px solid rgba(130,143,167,.3);border-radius:999px;padding:2px 8px;font-size:.68rem;color:#bac7db}.inventory-rarity-pill.legendary{border-color:#d3b57da8;color:#f1ddbb}.inventory-rarity-pill.epic{border-color:#ac84da94;color:#dec8fb}.inventory-rarity-pill.rare{border-color:#72aad69e;color:#cde8ff}.inventory-detail-panel{padding:11px 12px;overflow:auto;display:grid;align-content:start;gap:8px}.inventory-detail-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.inventory-detail-head h2{margin:0;font-size:1.1rem}.inventory-detail-meta,.inventory-note{margin:0;color:#a8b8d1}.inventory-detail-mainstat{margin:0;font-size:1.04rem;font-weight:600;color:#e5eefc}.inventory-substats{margin:0;padding:0;list-style:none;display:grid;gap:4px}.inventory-substats li{border:1px solid rgba(126,140,162,.22);border-radius:8px;padding:5px 8px;color:#bdd0e8;font-size:.76rem}.inventory-bestfor{border-top:1px solid rgba(126,140,162,.2);padding-top:8px;display:grid;gap:7px}.inventory-bestfor h3{margin:0;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.inventory-bestfor article{border:1px solid rgba(126,140,162,.25);border-radius:10px;padding:7px 8px;background:#0f141eb8}.inventory-bestfor strong{font-size:.8rem}.inventory-bestfor p,.inventory-bestfor small{margin:4px 0 0;font-size:.72rem;color:#a8bbd3}.inventory-empty{margin:0;color:#a8b7cc}@media (max-width: 1280px){.inventory-grid{grid-template-columns:minmax(220px,.9fr) minmax(320px,1.25fr) minmax(280px,1fr)}}@media (max-width: 1024px){.inventory-header{padding-top:54px}.inventory-grid{grid-template-columns:1fr;grid-template-areas:"filters" "collection" "detail"}.inventory-filters-panel{grid-area:filters}.inventory-collection-panel{grid-area:collection}.inventory-detail-panel{grid-area:detail}}@media (max-width: 768px){.inventory-header{display:grid}.inventory-header-metrics{min-width:0}.inventory-collection-panel.grid{grid-template-columns:1fr 1fr}}