:root{--shell-space-0: 0;--shell-space-1: 4px;--shell-space-2: 8px;--shell-space-3: 12px;--shell-space-4: 16px;--shell-space-5: 20px;--shell-space-6: 24px;--shell-space-7: 32px;--shell-space-8: 40px;--shell-space-9: 48px;--shell-radius-xs: 6px;--shell-radius-sm: 8px;--shell-radius-md: 11px;--shell-radius-lg: 16px;--shell-radius-xl: 20px;--shell-radius-2xl: 28px;--shell-radius-pill: 999px;--shell-void: #0a0c10;--shell-void-mid: #0c1018;--shell-surface-rail: linear-gradient(180deg, #12151c 0%, #0a0c12 100%);--shell-surface-rail-nav: linear-gradient(92deg, rgba(18, 20, 28, .99) 0%, #0a0c12 52%, #0a0c12 100%);--shell-surface-rail-context: linear-gradient(272deg, rgba(14, 16, 22, .99) 0%, #0a0c12 55%, #0a0c12 100%);--shell-surface-1: var(--shell-surface-rail);--shell-surface-2: linear-gradient(180deg, rgba(24, 30, 44, .95) 0%, rgba(12, 16, 26, .98) 100%);--shell-surface-glass: linear-gradient(145deg, rgba(30, 36, 50, .88) 0%, rgba(12, 16, 24, .95) 100%);--shell-hairline: rgba(100, 118, 150, .2);--shell-hairline-ember: rgba(210, 175, 120, .3);--shell-focus-ring: 0 0 0 2px rgba(8, 10, 16, .95), 0 0 0 4px rgba(200, 165, 100, .4);--shell-rail-shadow-left: 8px 0 32px rgba(0, 0, 0, .45);--shell-rail-shadow-right: -8px 0 32px rgba(0, 0, 0, .45);--shell-rail-inset-top: inset 0 1px 0 rgba(255, 255, 255, .07);--shell-shadow-sm: 0 6px 24px rgba(0, 0, 0, .35);--shell-shadow-md: 0 16px 48px rgba(0, 0, 0, .5);--shell-shadow-inset-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--shell-stage-floor: #05070d;--shell-stage-vignette: rgba(0, 0, 0, .5);--shell-type-brand: .72rem;--shell-type-nav: .8125rem;--shell-type-nav-meta: .6875rem;--shell-type-label: .7rem;--shell-type-body: .9rem;--shell-type-hero: clamp(1.75rem, 4vw, 2.5rem);--shell-type-hero-line: 1.2;--shell-text-display: #f0f2f8;--shell-text-body: #a8b4cc;--shell-text-muted: #7a849a;--shell-text-ember: #e8c88a;--shell-text-label: #8b96ae;--shell-text-nav: #b4bdd4;--shell-text-nav-active: #fff8eb;--shell-semantic-ally: var(--ally, #3e7bb0);--shell-semantic-enemy: var(--enemy, #b25c5c);--shell-semantic-ember: var(--gold, #b59a67);--shell-semantic-ok: var(--ok, #5db88f);--shell-semantic-danger: var(--danger, #c45a5a);--shell-rail-left-open: 278px;--shell-rail-left-collapsed: 80px;--shell-rail-right-open: 304px;--shell-rail-right-collapsed: 86px;--shell-duration-fast: .14s;--shell-duration-base: .2s;--shell-ease-out: cubic-bezier(.25, .1, .3, 1);--shell-ease-soft: cubic-bezier(.2, .7, .2, 1);--rail-open-width: var(--shell-rail-left-open);--rail-collapsed-width: var(--shell-rail-left-collapsed)}.shell-rail--right{--rail-open-width: var(--shell-rail-right-open);--rail-collapsed-width: var(--shell-rail-right-collapsed)}.shell-rail--left{--rail-open-width: var(--shell-rail-left-open);--rail-collapsed-width: var(--shell-rail-left-collapsed)}: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)}.location-stage--hometree .location-stage__vignette{background:linear-gradient(to top,#03050994,#0305091f 36%,#03050914 55%,#03050952),linear-gradient(to right,#06080c47,#06080c05,#04060a3d),radial-gradient(ellipse 80% 55% at 50% 100%,rgba(0,0,0,.28),transparent 60%)}.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-stage--campaign .location-stage__backdrop{background-image:radial-gradient(circle at 12% 22%,rgba(200,120,70,.18),transparent 38%),radial-gradient(circle at 88% 18%,rgba(90,110,150,.16),transparent 42%),linear-gradient(168deg,#0e080659,#06080e40 55%,#04060a66),var(--location-stage-image)}.location-stage--campaign .location-stage__vignette{background:linear-gradient(to top,#0203069e,#02030624 38%,#0203061a 52%,#0203065c),linear-gradient(to right,#0a060442,#06080c0a,#04060c38),radial-gradient(ellipse 85% 55% at 50% 100%,rgba(0,0,0,.32),transparent 58%)}.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 16% 18%,rgba(120,165,210,.22),transparent 38%),radial-gradient(circle at 78% 16%,rgba(140,118,185,.16),transparent 42%),linear-gradient(170deg,#080c140d,#06091047),var(--location-stage-image);background-size:cover;background-position:center 28%}.location-stage--heroes .location-stage__vignette{background:linear-gradient(to top,#03050a85,#03050a1a 38%,#03050a14 54%,#03050a4d),linear-gradient(to right,#06090e42,#06090e08,#04060c38),radial-gradient(ellipse 82% 56% at 50% 100%,rgba(0,0,0,.26),transparent 60%)}.heroes-screen{min-height:100%;display:grid;grid-template-rows:auto 1fr;gap:18px}.heroes-grid{min-height:0;display:grid;grid-template-columns:minmax(240px,.88fr) minmax(360px,1.35fr) minmax(280px,1fr);gap:16px}.heroes-roster-panel,.heroes-detail-panel{min-height:0;border-radius:14px;border:1px solid rgba(130,143,166,.12);background:linear-gradient(180deg,#0c111a7a,#0a0e1694);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-focus-panel{min-height:0;border-radius:14px;border:1px solid rgba(130,143,166,.14);border-top:3px solid color-mix(in srgb,var(--hero-accent, #9aabbf) 58%,transparent);padding:18px 20px;display:grid;align-content:start;gap:14px;background:radial-gradient(ellipse 120% 80% at 18% 0%,color-mix(in srgb,var(--hero-accent, #7a8fb0) 14%,transparent),transparent 55%),linear-gradient(180deg,#0c111a85,#0a0e169e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff0d,0 12px 40px #0000002e}.heroes-roster-panel{padding:12px;display:grid;grid-template-rows:auto auto auto 1fr;gap:10px}.heroes-search-wrap{display:grid;grid-template-columns:1fr auto;gap:8px}.heroes-search,.heroes-sort{border:1px solid rgba(126,140,162,.16);background:#0a0e1661;color:#dee7f9;border-radius:9px;padding:8px 10px}.heroes-search:focus-visible,.heroes-sort:focus-visible,.hero-roster-item:focus-visible,.heroes-tab:focus-visible,.heroes-chip:focus-visible,.hero-focus-tab: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 transparent;border-radius:999px;background:#080c1452;color:#afbdd2;font-size:.72rem;padding:4px 10px;cursor:pointer}.heroes-chip.active{border-color:#cbb0826b;color:#f4e8d1;background:#382c1c61}.heroes-roster-list{list-style:none;margin:0;padding:2px 4px 8px 0;display:flex;flex-direction:column;gap:3px;overflow:auto;min-height:0}.hero-roster-item{width:100%;border:none;border-radius:10px;padding:8px 10px;display:flex;flex-direction:row;align-items:center;gap:10px;background:#080c1438;color:inherit;text-align:left;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.hero-roster-item:hover{background:#0e142066}.hero-roster-item.selected{background:linear-gradient(90deg,color-mix(in srgb,var(--hero-accent, #a8b4c8) 20%,transparent),#080c142e);box-shadow:inset 3px 0 0 var(--hero-accent, #c9b078)}.hero-roster-thumb{position:relative;flex-shrink:0}.hero-portrait-token--roster{width:40px;height:40px;border-radius:10px;font-size:.85rem;border:none}.hero-roster-circles{position:absolute;right:-3px;bottom:-2px;font-size:.56rem;letter-spacing:.06em;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.85)}.hero-roster-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hero-roster-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hero-roster-name{font-size:.86rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-roster-power{font-size:.72rem;font-variant-numeric:tabular-nums;color:#d8c9a8;flex-shrink:0}.hero-roster-meta-line{font-size:.68rem;color:#92a3bc;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-roster-rank{font-weight:600}.hero-roster-sep{opacity:.4;margin:0 1px}.hero-roster-status{flex-shrink:0;max-width:5.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;color:#9eb2ce;padding:3px 7px;border-radius:999px;background:#060a1261}.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:118px;height:118px;border-radius:22px;font-size:1.75rem}.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-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding-bottom:2px}.hero-focus-portrait{display:flex;justify-content:flex-start;padding-top:2px}.hero-focus-summary{display:flex;flex-direction:column;gap:8px;min-width:0}.hero-focus-head h2{margin:0;font-size:clamp(1.45rem,2.4vw,1.95rem);font-weight:700;letter-spacing:.02em;text-shadow:0 2px 28px rgba(0,0,0,.35)}.hero-focus-head p{margin:4px 0 0;color:#b4c6df;font-size:.92rem;line-height:1.35}.hero-focus-meta-row,.hero-focus-rank-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.74rem;color:#9eb1ca;line-height:1.4}.hero-focus-meta-dot{opacity:.35;-webkit-user-select:none;user-select:none}.hero-focus-power{display:inline-flex;align-items:baseline;gap:10px;margin-top:4px;padding:8px 14px;border-radius:12px;border:none;background:linear-gradient(135deg,color-mix(in srgb,var(--hero-accent, #c9a86a) 16%,transparent),#080a106b);width:fit-content;max-width:100%;box-shadow:inset 0 1px #ffffff0f}.hero-focus-power-label{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#d8c9a8;white-space:nowrap}.hero-focus-power-value{font-size:1.12rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f8f2e4;letter-spacing:.02em}.hero-focus-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#060a1252}.hero-focus-tab{flex:1;border:none;border-radius:9px;padding:8px 12px;background:transparent;color:#93a6c0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.hero-focus-tab.active{background:#0e14208c;color:#f2ead8;box-shadow:inset 0 0 0 1px #cbb08238}.hero-focus-overview,.hero-focus-combat{min-height:0;display:flex;flex-direction:column;gap:12px}.hero-focus-lore{margin:0;padding:2px 0 0;color:#b8cadc;font-size:.88rem;line-height:1.55}.hero-focus-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 14px;border-radius:12px;background:#060a1252}.hero-focus-strip-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.hero-focus-strip-cell span{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#8499b4}.hero-focus-strip-cell strong{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums;color:#eef4ff}.hero-focus-dossier-stack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;align-items:start;min-height:0}.hero-focus-section h3{margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid rgba(126,140,162,.12);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#c7b38c}.hero-focus-skills-list,.hero-focus-stats-list{display:flex;flex-direction:column;gap:0;min-height:0;max-height:min(42vh,440px);overflow:auto;padding-right:4px}.hero-focus-stats-subhead{margin:8px 0 0;padding:8px 0 6px;border-top:none;border-bottom:1px solid rgba(126,140,162,.1);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#b8a87a}.hero-focus-stat-row--elemental strong{color:#f0e8d4}.hero-focus-skill-row{border:none;border-radius:0;padding:10px 0;border-bottom:1px solid rgba(126,140,162,.1);background:transparent}.hero-focus-skill-row:last-child{border-bottom:none}.hero-focus-skill-row header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.hero-focus-skill-row strong{font-size:.8rem}.hero-focus-skill-tag{flex-shrink:0;font-size:.62rem;color:#9eb3d0;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#080c146b}.hero-focus-skill-row p{margin:6px 0 0;color:#9eb0c8;font-size:.72rem;line-height:1.45}.hero-focus-stat-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:7px 2px;border:none;border-radius:0;border-bottom:1px solid rgba(126,140,162,.08);background:transparent}.hero-focus-stats-list .hero-focus-stat-row:last-child{border-bottom:none}.hero-focus-stat-row span{color:#93a6bf;font-size:.7rem;letter-spacing:.04em}.hero-focus-stat-row strong{font-size:.84rem;color:#e8f0fc;font-variant-numeric:tabular-nums}.heroes-detail-panel{padding:12px;display:grid;grid-template-rows:auto 1fr;gap:12px}.heroes-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:12px;background:#060a1247}.heroes-tab{border:none;border-radius:9px;padding:8px 12px;background:transparent;color:#93a6c0;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.heroes-tab.active{color:#f2ead8;background:#0e142080;box-shadow:inset 0 0 0 1px #cbb08238}.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:none;border-radius:11px;min-height:92px;padding:9px 10px;background:#080c1452;box-shadow:inset 0 0 0 1px #7e8ca21a;display:grid;align-content:start;gap:4px}.hero-gear-slot.empty{box-shadow:inset 0 0 0 1px dashed #7e8ca22e}.hero-gear-slot.equipped{box-shadow:inset 0 0 0 1px #ae946947,inset 0 -1px #0003}.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:none;border-radius:11px;padding:10px 12px;background:#080c144d;box-shadow:inset 0 0 0 1px #7e8ca21a}.hero-talent-card.active{background:#28201661;box-shadow:inset 0 0 0 1px #cbb08252}.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:none;border-radius:12px;padding:18px;color:#9db0cb;background:#080c1447;box-shadow:inset 0 0 0 1px dashed #7e8ca238}@media (max-width: 1280px){.heroes-grid{grid-template-columns:minmax(220px,.95fr) minmax(300px,1.15fr) minmax(280px,1fr)}.hero-focus-dossier-stack{grid-template-columns:1fr;gap:14px}}@media (max-width: 1024px){.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{max-height:min(38vh,320px);overflow-y:auto;overflow-x:hidden}}@media (max-width: 768px){.hero-stats-grid,.hero-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroes-roster-list{max-height:min(44vh,360px);gap:4px}.hero-focus-identity{grid-template-columns:1fr;gap:12px}.hero-focus-portrait{justify-content:center}.hero-focus-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-focus-dossier-stack{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}}.shell-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shell-root{position:relative;min-height:100dvh;min-height:100svh;background:radial-gradient(1300px 720px at 50% -12%,rgba(118,92,52,.12),transparent 58%),radial-gradient(880px 560px at 8% 28%,rgba(58,78,108,.1),transparent 60%),radial-gradient(700px 480px at 94% 72%,rgba(88,62,120,.06),transparent 55%),var(--shell-void);color:var(--shell-text-display);-webkit-font-smoothing:antialiased}.shell-grid{min-height:100dvh;min-height:100svh;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;position:relative}.shell-rail{position:relative;height:100dvh;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding:var(--shell-space-4) var(--shell-space-3) var(--shell-space-4);background:var(--shell-surface-rail);box-shadow:var(--shell-rail-inset-top);isolation:isolate}.shell-rail--left,.shell-rail--right{z-index:2}.shell-rail--left{--rail-open-width: var(--shell-rail-left-open);--rail-collapsed-width: var(--shell-rail-left-collapsed);width:var(--shell-rail-left-open);padding:var(--shell-space-4) var(--shell-space-2) var(--shell-space-4) var(--shell-space-4);border-right:1px solid rgba(120,110,88,.16);box-shadow:var(--shell-rail-shadow-left);background:var(--shell-surface-rail-nav)}.shell-rail--right{--rail-open-width: var(--shell-rail-right-open);--rail-collapsed-width: var(--shell-rail-right-collapsed);width:var(--shell-rail-right-open);padding:var(--shell-space-4) var(--shell-space-4) var(--shell-space-4) var(--shell-space-2);border-left:1px solid rgba(95,105,128,.14);box-shadow:var(--shell-rail-shadow-right);background:var(--shell-surface-rail-context)}.shell-rail--left:after,.shell-rail--right:before{content:"";position:absolute;top:0;bottom:0;width:1px;pointer-events:none;z-index:1;background:linear-gradient(180deg,#14182000,#c8b08029 28%,#7884a01f,#14182000)}.shell-rail--left:after{right:0}.shell-rail--right:before{left:0}.shell-flyout-toggle{display:none;pointer-events:none}@media (min-width: 1025px){.shell-flyout-toggle{display:block;position:absolute;top:50%;transform:translateY(-50%);z-index:15;pointer-events:none;transition:left .26s cubic-bezier(.2,.8,.2,1),right .26s cubic-bezier(.2,.8,.2,1)}.shell-flyout-toggle .shell-rail-toggle{pointer-events:auto}}.shell-rail-toggle{--sr-toggle-size: 36px;position:relative;flex-shrink:0;width:var(--sr-toggle-size);height:var(--sr-toggle-size);padding:0;margin:0;border:1px solid rgba(210,182,128,.32);border-radius:50%;background:linear-gradient(165deg,#121620b8,#06080edb),#04060a8c;-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);box-shadow:0 0 0 1px #00000073 inset,0 1px #ffffff0a inset,0 1px 3px #0003;color:#c9a66a;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s var(--shell-ease-out),border-color .2s var(--shell-ease-out),color .2s var(--shell-ease-out),box-shadow .2s var(--shell-ease-out)}.shell-rail-toggle:hover{color:#e4cf98;border-color:#dcc08a80;background:linear-gradient(168deg,#181c28d1,#080a10e0),#06080e80;box-shadow:0 0 0 1px #00000059 inset,0 0 0 1px #c8aa641a inset,0 2px 8px #00000047}.shell-rail-toggle:active{color:#f0e0c0;box-shadow:0 0 0 1px #00000073 inset,0 0 0 1px #0000001f inset}.shell-rail-toggle:focus{outline:none}.shell-rail-toggle:focus-visible{outline:none;box-shadow:var(--shell-focus-ring);color:#e4cf98}.shell-rail-toggle__svg{display:block;overflow:visible;will-change:transform;transform-origin:center;transition:transform .2s var(--shell-ease-out)}.shell-rail-toggle__stroke{stroke:currentColor;stroke-width:.5px;stroke-linecap:round;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.shell-stage{min-height:0;display:flex;flex-direction:column;position:relative;z-index:0;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,transparent 40%),linear-gradient(0deg,var(--shell-stage-vignette) 0%,transparent 35%),var(--shell-stage-floor);box-shadow:inset 0 0 0 1px #505a6e1a}.shell-stage__toolbar{display:none;flex:none;align-items:center;justify-content:flex-end;gap:var(--shell-space-2);padding:var(--shell-space-3) var(--shell-space-4);border-bottom:1px solid var(--shell-hairline);background:linear-gradient(180deg,#06080ef5,#04060ae0);box-shadow:0 1px #ffffff0a;box-sizing:border-box}.shell-stage__viewport{flex:1 1 auto;min-height:0;min-width:0;position:relative;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.02),transparent 55%)}.shell-stage__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;pointer-events:none;box-shadow:inset 0 0 100px 20px #0000002e;z-index:0}.shell-stage__viewport .game-route-stage{flex:1 1 auto;min-height:0;position:relative;z-index:1}.shell-brand{display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:default}.shell-brand--game{position:relative;isolation:isolate;max-width:100%;padding:2px 0 4px}.shell-brand--game-collapsed{text-align:center}.shell-brand__title-text{position:relative;display:block;font-family:Cinzel Decorative,Palatino Linotype,Palatino,Georgia,serif;font-weight:400;font-size:clamp(1.05rem,.35rem + 1.1vw,1.28rem);line-height:1.25;letter-spacing:.08em;text-transform:none;color:#f0e9df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-text-stroke:.4px rgba(100,85,58,.28);max-width:10.5rem}.shell-brand--game-collapsed .shell-brand__title-text{max-width:none;font-size:clamp(1.15rem,.2rem + 1.2vw,1.4rem);text-overflow:clip}.shell-brand__title-text:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(100deg,#0000,#0000 40%,#ffecc86b,#0000 60%,#0000);background-size:280% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 .5px rgba(220,190,120,.12));mix-blend-mode:soft-light;opacity:.58;animation:shellBrandGlint 16s ease-in-out infinite}.shell-rail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--shell-space-2);margin-bottom:var(--shell-space-3);flex:none;min-height:40px}.shell-rail__head--brand{min-height:2.5rem;margin-bottom:var(--shell-space-4)}.shell-rail__head--left-collapsed{justify-content:center;margin-bottom:var(--shell-space-3);padding:0 2px}.shell-rail__head--brand.shell-rail__head--left-collapsed{margin-bottom:var(--shell-space-4)}.shell-rail__head--right{justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--shell-space-2);gap:var(--shell-space-2)}.shell-rail__side-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--shell-text-label);font-weight:600;opacity:.9;margin:0;flex:1;text-align:end;min-width:0}.shell-icon-btn,.shell-rail .rail-icon-btn{width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid rgba(100,112,135,.28);border-radius:var(--shell-radius-sm);background:linear-gradient(180deg,#1a202ce6,#10141ed9);color:#d4dce8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff0a;transition:background var(--shell-duration-base) var(--shell-ease-out),border-color var(--shell-duration-base) var(--shell-ease-out),color var(--shell-duration-base) var(--shell-ease-out),box-shadow var(--shell-duration-base) var(--shell-ease-out),transform var(--shell-duration-fast) var(--shell-ease-out)}.shell-icon-btn:hover,.shell-rail .rail-icon-btn:hover{border-color:#c8aa7873;background:linear-gradient(180deg,#342a1ebf,#181410e6);color:#fffcf5;box-shadow:0 0 0 1px #c8aa781f}.shell-icon-btn:active,.shell-rail .rail-icon-btn:active{transform:translateY(1px) scale(.98)}.shell-icon-btn:focus-visible,.shell-rail .rail-icon-btn:focus-visible{outline:none;box-shadow:var(--shell-focus-ring)}.shell-icon-btn--sm{width:32px;height:32px;min-width:32px;min-height:32px}.shell-nav{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:3px 2px 3px 0;list-style:none;scrollbar-gutter:stable}.shell-nav__link{text-decoration:none;color:inherit;border-radius:var(--shell-radius-md);outline:none}.shell-root .shell-nav .game-nav-item{min-height:44px;padding:10px 12px 10px 10px;border-radius:var(--shell-radius-md);border:1px solid transparent;background:transparent;color:var(--shell-text-nav);display:flex;align-items:center;gap:10px;line-height:1.2;transition:background var(--shell-duration-base) var(--shell-ease-out),border-color var(--shell-duration-base) var(--shell-ease-out),color var(--shell-duration-base) var(--shell-ease-out),box-shadow var(--shell-duration-base) var(--shell-ease-out),transform var(--shell-duration-fast) var(--shell-ease-out)}.shell-root .shell-nav .game-nav-icon,.shell-root .shell-nav .shell-nav__icon{width:1.5rem;min-width:1.5rem;text-align:center;font-size:.8rem;line-height:1;opacity:.9;flex:none}.shell-root .shell-nav .game-nav-text-wrap{min-width:0;gap:1px}.shell-root .shell-nav .game-nav-label{font-size:var(--shell-type-nav);font-weight:550;letter-spacing:.02em}.shell-root .shell-nav .game-nav-meta{font-size:var(--shell-type-nav-meta);color:var(--shell-text-label);line-height:1.2;letter-spacing:.04em}.shell-root .shell-nav .game-nav-item:hover{border-color:#968a642e;background:#fff8f006;color:#f2f4fa;transform:translate(1px)}.shell-root .shell-nav .game-nav-item.active{color:var(--shell-text-nav-active);border-color:#c8aa783d;background:linear-gradient(100deg,#60482861,#14120e38 58%,#080a1014);box-shadow:inset 2px 0 #dcbc78d9,inset 0 1px #ffffff0a;transform:none}.shell-root .shell-nav .game-nav-item:focus-visible{box-shadow:var(--shell-focus-ring)}.shell-panel{border-radius:var(--shell-radius-md);border:1px solid var(--shell-hairline);background:var(--shell-surface-2);box-shadow:var(--shell-shadow-inset-glow);padding:var(--shell-space-3)}.shell-panel--2{background:var(--shell-surface-glass);border-color:#5f698038}.shell-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--shell-space-3);margin-bottom:var(--shell-space-2)}.shell-section-header__title{margin:0;font-size:var(--shell-type-label);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--shell-text-label);line-height:1.3}.shell-section-header__subtitle{margin:4px 0 0;font-size:.76rem;color:var(--shell-text-muted);line-height:1.35;letter-spacing:.02em}@keyframes hometreeHeaderIn{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hometreeDockIn{0%{opacity:0;transform:translate3d(-50%,18px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}.shell-root .location-stage--hometree .location-stage__content{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:clamp(160px,22vh,220px)}.shell-root .location-stage--hometree .location-stage__content:before{content:"";position:absolute;left:0;right:0;top:0;height:min(44vh,400px);background:linear-gradient(180deg,#02040885,#02040800);pointer-events:none;z-index:0}.shell-root .location-stage--hometree .location-stage__content>*{position:relative;z-index:1}.shell-root .hometree-panel--v2{display:flex;flex-direction:column;gap:var(--shell-space-2);flex:0 0 auto;min-height:0;width:100%;max-width:min(1120px,100%);margin:0 auto 0 0}.hometree-scene.hometree-hero,.hometree-hero,.heroes-scene.heroes-hero,.heroes-hero{max-width:min(620px,100%);margin:0 auto 0 0;padding:var(--shell-space-2) 0 var(--shell-space-6) 0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-align:left;position:relative;animation:hometreeHeaderIn .58s var(--shell-ease-soft) both}.hometree-scene__glow{position:absolute;left:-4%;top:-8%;width:64%;height:120%;background:radial-gradient(ellipse at 0% 20%,rgba(120,200,160,.14),transparent 62%),radial-gradient(ellipse at 40% 0%,rgba(200,175,120,.1),transparent 50%);pointer-events:none;z-index:0}.heroes-scene__glow{position:absolute;left:-8%;top:-14%;width:72%;height:135%;background:radial-gradient(ellipse at 8% 22%,rgba(130,175,220,.16),transparent 58%),radial-gradient(ellipse at 48% 4%,rgba(200,165,110,.1),transparent 52%),radial-gradient(ellipse at 72% 40%,rgba(150,130,195,.08),transparent 46%);pointer-events:none;z-index:0}.hometree-scene>*:not(.hometree-scene__glow),.heroes-scene>*:not(.heroes-scene__glow){position:relative;z-index:1}.hometree-scene__kicker,.heroes-scene__kicker{margin:0 0 10px;font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#d8c4a0;opacity:.9;text-shadow:0 2px 20px rgba(0,0,0,.55)}.hometree-scene__title,.hometree-hero h2,.hometree-hero__title,.heroes-scene__title,.heroes-hero__title{margin:0 0 10px;font-size:var(--shell-type-hero);font-weight:600;letter-spacing:.22em;line-height:1.15;color:#f7f2ea;text-shadow:0 3px 32px rgba(0,0,0,.65)}.hometree-scene__lede,.hometree-hero .location-subtitle,.hometree-hero__lead{margin:0 0 12px;color:#e8f0fce0;font-size:clamp(.9rem,1.9vw,1.02rem);line-height:1.45;letter-spacing:.06em;font-weight:450;text-shadow:0 2px 18px rgba(0,0,0,.5);max-width:42ch}.hometree-scene__body,.hometree-hero .location-description,.hometree-hero__body,.heroes-scene__body{margin:0;color:#c8d2e6d1;font-size:.9rem;line-height:1.6;max-width:52ch;letter-spacing:.04em;text-shadow:0 2px 14px rgba(0,0,0,.45)}.hometree-scene__rule,.heroes-scene__rule{margin-top:var(--shell-space-4);height:1px;max-width:min(520px,100%);background:linear-gradient(90deg,#c8af788c,#c8af7800);box-shadow:0 0 18px #c8af7826}.shell-root .location-stage--heroes .location-stage__content{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:clamp(100px,14vh,160px)}.shell-root .location-stage--heroes .location-stage__content:before{content:"";position:absolute;left:0;right:0;top:0;height:min(40vh,380px);background:linear-gradient(180deg,#02050c7a,#02050c00);pointer-events:none;z-index:0}.shell-root .location-stage--heroes .location-stage__content>*{position:relative;z-index:1}.shell-root .heroes-scene-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--shell-space-4) var(--shell-space-6);align-items:start;width:100%;max-width:min(1120px,100%);margin:0 auto 0 0;padding-bottom:var(--shell-space-2)}.shell-root .heroes-scene-metrics{display:flex;flex-direction:column;gap:var(--shell-space-2);align-self:stretch;padding-top:var(--shell-space-1)}.shell-root .heroes-scene-metric{min-width:6.5rem;padding:var(--shell-space-2) var(--shell-space-3);border-radius:var(--shell-radius-md);border:1px solid rgba(160,175,200,.14);background:linear-gradient(165deg,#080c146b,#04060c8c);box-shadow:0 0 0 1px #00000059 inset,0 2px 14px #00000040;text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shell-root .heroes-scene-metric__label{display:block;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c8d2e4b8;text-shadow:0 1px 10px rgba(0,0,0,.45)}.shell-root .heroes-scene-metric__value{display:block;margin-top:4px;font-size:1.12rem;font-weight:600;font-variant-numeric:tabular-nums;color:#f2f6ff;text-shadow:0 2px 18px rgba(0,0,0,.55)}.shell-root .location-stage--hometree .location-stage__dock{left:50%;right:auto;transform:translate3d(-50%,0,0);width:min(900px,calc(100% - 2 * var(--shell-space-4)));bottom:var(--shell-space-3);z-index:4;transform-origin:50% 100%;animation:hometreeDockIn .7s .22s var(--shell-ease-out) both}.fungal-card.fungal-rite.shell-dock,.fungal-rite.fungal-card.shell-dock{position:relative;padding:var(--shell-space-3) var(--shell-space-4) var(--shell-space-3);border-radius:var(--shell-radius-2xl);border:1px solid rgba(160,130,82,.32);background:linear-gradient(195deg,#0a0c14bf,#04050ae6 55%,#020306f0);box-shadow:0 0 0 1px #00000073 inset,0 1px #ffffff0a inset,0 8px 28px #0006;overflow:hidden}.fungal-rite.shell-dock:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,175,120,.45) 20%,rgba(200,175,120,.45) 80%,transparent);opacity:.7;pointer-events:none}.fungal-rite__header{display:flex;align-items:center;gap:var(--shell-space-3);margin-bottom:2px}.fungal-rite__seal{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid rgba(200,175,120,.35);background:radial-gradient(circle at 32% 28%,rgba(220,200,150,.2),transparent 45%),linear-gradient(165deg,#141620e6,#04060af2);box-shadow:inset 0 1px #ffffff0d,0 2px 8px #00000059}.fungal-rite__seal:after{content:"";display:block;margin:11px auto 0;width:12px;height:12px;border:1px solid rgba(200,175,120,.4);border-radius:2px;transform:rotate(45deg);opacity:.6}.fungal-rite__headlines{min-width:0}.fungal-rite__title{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:none;color:#e8c88a;text-shadow:0 0 20px rgba(0,0,0,.5)}.fungal-rite__subtitle{margin:4px 0 0;font-size:.74rem;line-height:1.4;color:var(--shell-text-muted);letter-spacing:.1em;text-transform:uppercase}.fungal-rite .fungal-rite__row,.fungal-rite__row{display:grid;grid-template-columns:100px 1fr;gap:var(--shell-space-3);align-items:start;margin-top:var(--shell-space-3)}@media (min-width: 1025px){.fungal-rite .fungal-rite__row,.fungal-rite__row{grid-template-columns:112px 1fr}}.fungal-rite .fungal-core,.fungal-rite__core{width:100px;height:100px;min-width:0;justify-self:start;border-color:#c8af786b!important;background:radial-gradient(circle at 30% 28%,#dcbe7847,#282016b3);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#f0e2c4;transition:transform .28s var(--shell-ease-out),box-shadow .28s var(--shell-ease-out),filter .28s var(--shell-ease-out)}@media (min-width: 1025px){.fungal-rite .fungal-core,.fungal-rite__core{width:112px;height:112px}}@media (hover: hover) and (pointer: fine){.fungal-rite .fungal-core:hover,.fungal-rite__core:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.08);box-shadow:0 4px 16px #0006}}.fungal-rite__milestones{list-style:none;margin:0;padding:0;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));align-content:start}.fungal-rite__mstone,.fungal-rite .fungal-milestone{border-radius:var(--shell-radius-sm);border:1px solid rgba(100,110,128,.22)!important;background:#080a1266!important;padding:8px 8px 7px;transition:background var(--shell-duration-fast) var(--shell-ease-out),border-color var(--shell-duration-fast) var(--shell-ease-out)}.fungal-rite__mstone span,.fungal-rite .fungal-milestone span{font-size:.68rem;letter-spacing:.06em;color:var(--shell-text-muted)}.fungal-rite__mstone strong,.fungal-rite .fungal-milestone strong{display:block;margin-top:2px;font-size:.78rem;color:#e0e6f2;font-weight:600;text-transform:none}.fungal-rite .fungal-milestone.claimed{border-color:#64aa8059!important;background:#0e241c59!important}.fungal-rite .fungal-milestone.available{border-color:#c8af7873!important;background:#3024164d!important}.fungal-rite .fungal-milestone.upcoming{opacity:.7}.shell-rail--right .shell-rail__side-label{color:var(--shell-text-muted);letter-spacing:.2em;opacity:.8;font-weight:550}.profile-resources .shell-section-header,.profile-favorites .shell-section-header{margin-bottom:var(--shell-space-2);padding-bottom:2px;border-bottom:1px solid rgba(88,98,118,.1)}.profile-resources .shell-section-header__title,.profile-favorites .shell-section-header__title{margin:0;font-size:var(--shell-type-label);letter-spacing:.14em;text-transform:uppercase;color:var(--shell-text-label);font-weight:600;border-bottom:0;opacity:.88}.shell-rail--right .profile-header,.shell-rail--right .profile-metrics,.shell-rail--right .profile-resources,.shell-rail--right .profile-favorites,.shell-rail--right .profile-hero-capsule{border-color:#505c6e24!important;background:linear-gradient(180deg,#12141c80,#0a0c1266)!important;box-shadow:none!important}.shell-root .profile-header{margin:0 0 var(--shell-space-3);gap:var(--shell-space-3)}.shell-root .player-avatar{width:44px;height:44px;border-radius:var(--shell-radius-md);box-shadow:0 2px 8px #00000038;border-color:#c8af7847!important}.shell-root .profile-identity h2{color:var(--shell-text-display);font-size:.95rem;letter-spacing:.04em;font-weight:600}.shell-root .profile-identity p{color:var(--shell-text-label);font-size:.72rem;letter-spacing:.12em;opacity:.9}.shell-root .profile-metrics,.shell-root .profile-resources,.shell-root .profile-favorites{border-radius:var(--shell-radius-lg);border:1px solid rgba(95,108,130,.2);background:linear-gradient(180deg,#12141c80,#0a0c1266)}.shell-root .profile-metrics-value{color:var(--shell-text-display);letter-spacing:.02em}.shell-root .profile-resource-row{color:var(--shell-text-body)}.shell-rail--right .profile-hero-capsule{border:1px solid rgba(88,98,120,.14)!important;background:#0c0e1652!important}.shell-mobile-toggle{border:1px solid rgba(100,112,140,.28);border-radius:var(--shell-radius-sm);background:linear-gradient(180deg,#121822f2,#0a0e16e6);color:#e4eaf5;padding:var(--shell-space-2) var(--shell-space-3);min-width:80px;min-height:40px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff0a;transition:background var(--shell-duration-base) var(--shell-ease-out),border-color var(--shell-duration-base) var(--shell-ease-out)}.shell-mobile-toggle:hover{border-color:#c8b0786b;background:#241e1699}.shell-mobile-toggle:focus-visible{outline:none;box-shadow:var(--shell-focus-ring)}@media (max-width: 1024px){.shell-grid{grid-template-columns:1fr;min-height:100dvh}.shell-mobile-toggle{display:inline-flex}.shell-stage{min-height:0}.shell-stage__viewport:after{box-shadow:inset 0 0 60px 12px #00000038}.shell-stage__toolbar{display:flex;position:relative;flex:none;z-index:5;min-height:52px;padding:var(--shell-space-2) var(--shell-space-3)}.shell-stage__toolbar .game-mobile-actions{position:absolute;inset:8px 10px auto 10px}.hometree-scene.hometree-hero,.hometree-hero,.heroes-scene.heroes-hero,.heroes-hero{max-width:100%;padding:0 var(--shell-space-2) var(--shell-space-4) 0}.hometree-scene__rule,.heroes-scene__rule{max-width:100%}.shell-root .location-stage--hometree .location-stage__content{padding-bottom:clamp(200px,32vh,280px)}.shell-root .location-stage--heroes .location-stage__content{padding-bottom:clamp(120px,22vh,200px)}.shell-root .location-stage--heroes .location-stage__content:before{height:min(46vh,420px)}.shell-root .heroes-scene-band{grid-template-columns:1fr;gap:var(--shell-space-3);padding-top:52px}.shell-root .heroes-scene-metrics{flex-direction:row;flex-wrap:wrap;align-self:stretch;justify-content:flex-start;padding-top:0}.shell-root .heroes-scene-metric{flex:1 1 auto;min-width:min(160px,46%);text-align:left}.shell-root .location-stage--hometree .location-stage__dock{width:calc(100% - 2 * var(--shell-space-2))}}@media (max-width: 768px){.shell-rail__side-label{font-size:.65rem}.hometree-hero h2,.hometree-hero__title,.heroes-hero__title,.heroes-scene__title{font-size:clamp(1.2rem,5.5vw,1.6rem)}}@media (max-width: 1024px){.shell-root .mobile-dim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;background:#02040894;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .24s var(--shell-ease-out)}.shell-root .mobile-dim.visible{opacity:1;pointer-events:auto}.shell-root .mobile-layer{display:block;position:fixed;top:58px;bottom:12px;z-index:25;max-width:min(420px,calc(100vw - 20px));pointer-events:none}.shell-root .mobile-layer.left{left:10px;transform:translate(calc(-100% - 14px));transition:transform .3s var(--shell-ease-soft)}.shell-root .mobile-layer.right{right:10px;left:auto;transform:translate(calc(100% + 14px));transition:transform .3s var(--shell-ease-soft)}.shell-root .mobile-layer.open{transform:translate(0);pointer-events:auto}.shell-root .mobile-layer .shell-rail,.shell-root .mobile-layer .game-left-sidebar,.shell-root .mobile-layer .game-right-sidebar{max-height:100%;overflow:auto;height:100%;box-shadow:0 16px 48px #00000080;border-radius:var(--shell-radius-lg);border:1px solid rgba(100,110,130,.25)}}@media (prefers-reduced-motion: reduce){.shell-rail,.shell-icon-btn,.shell-rail .rail-icon-btn,.shell-nav .game-nav-item,.fungal-rite__core,.fungal-rite .fungal-core,.shell-root .mobile-dim,.shell-root .mobile-layer,.shell-root .shell-nav .game-nav-item:hover,.shell-root .shell-nav .game-nav-item.active{transition:none!important;transform:none!important}.hometree-scene.hometree-hero,.hometree-hero,.heroes-scene.heroes-hero,.heroes-hero{animation:none!important}.location-stage--hometree .location-stage__dock{animation:none!important;transform:translate3d(-50%,0,0)!important}.shell-brand__title-text:after{animation:none!important;background-position:50% 50%!important;opacity:.18}.shell-flyout-toggle{transition:left 0s,right 0s!important}.shell-rail-toggle__svg{transition:none!important}}@keyframes campaignSceneIn{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes campaignTileIn{0%{opacity:0;transform:translate3d(0,8px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}.location-stage--campaign .location-stage__content{position:relative;display:flex;flex-direction:column;gap:clamp(16px,3vw,28px);min-height:100%;padding-bottom:clamp(24px,5vh,48px)}.location-stage--campaign .location-stage__content:before{content:"";position:absolute;left:0;right:0;top:0;height:min(38vh,360px);background:linear-gradient(180deg,#0604028c,#04040800);pointer-events:none;z-index:0}.campaign-page{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(18px,3.5vw,36px);width:100%;max-width:min(1180px,100%);margin:0 auto}.campaign-page__intro{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,22px);align-items:flex-start}.campaign-difficulty{margin:0;padding:0;border:0;width:100%;max-width:min(400px,100%)}.campaign-difficulty__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border-radius:12px;background:linear-gradient(180deg,#0a0806bf,#04050ae0);border:1px solid rgba(120,100,78,.22);box-shadow:inset 0 1px #ffffff0a,0 4px 18px #00000047}.campaign-difficulty__seg{position:relative;display:block;min-width:0;cursor:pointer}.campaign-difficulty__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.campaign-difficulty__face{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 6px;border-radius:9px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c8cddcb8;background:transparent;transition:background .2s cubic-bezier(.25,.1,.3,1),color .2s cubic-bezier(.25,.1,.3,1),box-shadow .2s cubic-bezier(.25,.1,.3,1)}.campaign-difficulty__seg:hover .campaign-difficulty__face{color:#eef0f6;background:#ffffff0a}.campaign-difficulty__seg.is-active .campaign-difficulty__face{color:#fff8ee;background:linear-gradient(165deg,#342618d9,#16100ceb);box-shadow:0 0 0 1px #c8a06447 inset,0 1px #ffffff0f inset,0 2px 8px #00000040}.campaign-difficulty__seg:has(.campaign-difficulty__input:focus-visible) .campaign-difficulty__face{outline:none;box-shadow:0 0 0 2px #080a10f2,0 0 0 4px #c8a5646b}@media (max-width: 420px){.campaign-difficulty__face{font-size:.65rem;letter-spacing:.08em;min-height:36px;padding:7px 4px}}.campaign-scene{position:relative;max-width:min(560px,100%);padding:2px 0 6px;animation:campaignSceneIn .55s cubic-bezier(.22,.1,.2,1) both}.campaign-scene__ember{position:absolute;left:-6%;top:-20%;width:70%;height:140%;background:radial-gradient(ellipse at 0% 30%,rgba(200,120,60,.12),transparent 58%),radial-gradient(ellipse at 40% 0%,rgba(180,90,40,.08),transparent 52%);pointer-events:none;z-index:0}.campaign-scene>*:not(.campaign-scene__ember){position:relative;z-index:1}.campaign-scene__kicker{margin:0 0 8px;font-size:.68rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#e0b898;text-shadow:0 2px 18px rgba(0,0,0,.55)}.campaign-scene__title{margin:0 0 10px;font-size:clamp(1.65rem,1.1rem + 2.2vw,2.35rem);font-weight:600;letter-spacing:.18em;line-height:1.12;color:#faf4ec;text-shadow:0 3px 28px rgba(0,0,0,.65)}.campaign-scene__lede{margin:0;font-size:clamp(.88rem,.8rem + .35vw,.98rem);line-height:1.55;letter-spacing:.04em;color:#e4e8f2db;max-width:48ch;text-shadow:0 2px 14px rgba(0,0,0,.45)}.campaign-scene__rule{margin-top:16px;height:1px;max-width:min(420px,100%);background:linear-gradient(90deg,#dca0648c,#dca06400);box-shadow:0 0 14px #c88c5a1f}.campaign-grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(10px,1.8vw,18px);grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.campaign-grid__cell{margin:0;padding:0;aspect-ratio:1 / 1}.campaign-tile{position:relative;width:100%;height:100%;min-height:0;border:0;padding:0;cursor:pointer;text-align:left;border-radius:14px;overflow:hidden;background-color:#080a10;background-size:cover;background-position:center;box-shadow:0 0 0 1px #00000080 inset,0 1px #ffffff0a inset,0 8px 28px #00000059;transition:transform .22s cubic-bezier(.25,.1,.3,1),box-shadow .22s cubic-bezier(.25,.1,.3,1);animation:campaignTileIn .48s cubic-bezier(.22,.1,.2,1) both}.campaign-grid__cell:nth-child(1) .campaign-tile{animation-delay:.03s}.campaign-grid__cell:nth-child(2) .campaign-tile{animation-delay:.06s}.campaign-grid__cell:nth-child(3) .campaign-tile{animation-delay:.09s}.campaign-grid__cell:nth-child(4) .campaign-tile{animation-delay:.12s}.campaign-grid__cell:nth-child(5) .campaign-tile{animation-delay:.15s}.campaign-grid__cell:nth-child(6) .campaign-tile{animation-delay:.18s}.campaign-grid__cell:nth-child(7) .campaign-tile{animation-delay:.21s}.campaign-grid__cell:nth-child(8) .campaign-tile{animation-delay:.24s}.campaign-grid__cell:nth-child(9) .campaign-tile{animation-delay:.27s}.campaign-grid__cell:nth-child(10) .campaign-tile{animation-delay:.3s}.campaign-grid__cell:nth-child(11) .campaign-tile{animation-delay:.33s}.campaign-grid__cell:nth-child(12) .campaign-tile{animation-delay:.36s}@media (hover: hover) and (pointer: fine){.campaign-tile:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #c8a06438 inset,0 1px #ffffff0f inset,0 14px 36px #0000006b}.campaign-tile[data-chapter=emberfall-citadel]:hover{box-shadow:0 0 0 1px #dcaa6e52 inset,0 1px #fff0d212 inset,0 16px 40px #0000007a,0 0 28px #b45a281f}}.campaign-tile:active{transform:translateY(-1px) scale(.99)}.campaign-tile:focus{outline:none}.campaign-tile:focus-visible{outline:none;box-shadow:0 0 0 2px #080a10f2,0 0 0 4px #c8a56473,0 8px 28px #00000059}.campaign-tile__rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:none;z-index:1}.campaign-tile__footer{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:3px;padding:8px 10px 10px;background:linear-gradient(180deg,transparent 0%,rgba(2,3,6,.42) 28%,rgba(2,3,6,.94) 100%);transition:opacity .18s cubic-bezier(.25,.1,.3,1)}.campaign-tile__title{margin:0;padding:0;position:static;font-size:clamp(.66rem,.52rem + .42vw,.8rem);font-weight:600;letter-spacing:.06em;line-height:1.2;color:#f6f0e6;text-shadow:0 2px 10px rgba(0,0,0,.75);background:none}.campaign-tile__subtitle{font-size:.58rem;line-height:1.3;letter-spacing:.03em;color:#dad6c8c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.65)}.campaign-tile__meta{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px;font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b9af9bb8;text-shadow:0 1px 5px rgba(0,0,0,.6)}.campaign-tile__meta-dot{opacity:.55;-webkit-user-select:none;user-select:none}.campaign-grid[data-campaign-difficulty=brutal] .campaign-tile__meta{color:#c8af91c7}.campaign-grid[data-campaign-difficulty=hardcore] .campaign-tile__meta{color:#d7aa8cd1}.campaign-tile[data-chapter=underroot-cavern]{background-image:linear-gradient(180deg,#040a088c,#040a081f 48%,#020604e0),radial-gradient(ellipse 100% 70% at 50% 100%,rgba(30,90,60,.45),transparent 55%),linear-gradient(160deg,#0c1812,#06100c 45%,#020504)}.campaign-tile[data-chapter=mistwood-forest]{background-image:linear-gradient(180deg,#06080a80,#06080a1a,#030507e6),radial-gradient(circle at 30% 20%,rgba(120,140,130,.25),transparent 45%),linear-gradient(175deg,#121a18,#0a100e,#050807)}.campaign-tile[data-chapter=miremarsh]{background-image:linear-gradient(180deg,#0406088c,#04060826 45%,#020405e6),radial-gradient(ellipse 90% 60% at 50% 100%,rgba(50,70,55,.5),transparent 55%),linear-gradient(180deg,#142018,#0a1210)}.campaign-tile[data-chapter=volcanic-shore]{background-image:linear-gradient(180deg,#08040280,#0804021a 48%,#040202e6),radial-gradient(circle at 70% 30%,rgba(200,90,40,.22),transparent 42%),linear-gradient(165deg,#1a100c,#0f0806 55%,#080402)}.campaign-tile[data-chapter=undead-fortress]{background-image:linear-gradient(180deg,#06050a94,#06050a1f 46%,#020206eb),radial-gradient(circle at 50% 0%,rgba(90,70,120,.18),transparent 50%),linear-gradient(185deg,#14101c,#08060e)}.campaign-tile[data-chapter=lava-peak]{background-image:linear-gradient(180deg,#0a040285,#0a040214 44%,#040202eb),radial-gradient(circle at 50% 100%,rgba(220,80,30,.28),transparent 48%),linear-gradient(170deg,#201008,#0c0604)}.campaign-tile[data-chapter=pinewood-forest]{background-image:linear-gradient(180deg,#05070585,#0507051f 48%,#020403e6),radial-gradient(ellipse 80% 50% at 20% 30%,rgba(70,100,60,.3),transparent 50%),linear-gradient(178deg,#101810,#060a08)}.campaign-tile[data-chapter=ice-cavern]{background-image:linear-gradient(180deg,#04060a85,#04060a1a 46%,#020408e6),radial-gradient(circle at 60% 20%,rgba(140,180,210,.22),transparent 48%),linear-gradient(190deg,#0e141c,#060a10)}.campaign-tile[data-chapter=frozen-lake]{background-image:linear-gradient(180deg,#04060a80,#04060a14,#02050ae6),radial-gradient(ellipse 100% 55% at 50% 100%,rgba(80,120,160,.28),transparent 52%),linear-gradient(180deg,#101820,#060c14)}.campaign-tile[data-chapter=dwarven-fortress]{background-image:linear-gradient(180deg,#0605048c,#0605041f 46%,#030202eb),radial-gradient(circle at 30% 70%,rgba(140,100,50,.2),transparent 45%),linear-gradient(168deg,#181410,#080604)}.campaign-tile[data-chapter=dragonspire-keep]{background-image:linear-gradient(180deg,#06040a8c,#06040a1a 44%,#020206ed),radial-gradient(circle at 80% 20%,rgba(160,60,80,.18),transparent 42%),linear-gradient(172deg,#160c18,#08040c)}.campaign-tile[data-chapter=emberfall-citadel]{background-image:linear-gradient(180deg,#08030494,#0803041f 42%,#020104f0),radial-gradient(ellipse 90% 55% at 50% 0%,rgba(220,120,50,.14),transparent 50%),radial-gradient(circle at 50% 100%,rgba(60,20,40,.35),transparent 48%),linear-gradient(178deg,#140810,#060204 48%,#020103);box-shadow:0 0 0 1px #0000008c inset,0 0 0 1px #c882501a inset,0 1px #fff5dc0d inset,0 10px 36px #00000073}.campaign-tile[data-chapter=emberfall-citadel] .campaign-tile__rim{box-shadow:inset 0 0 0 1px #ffdcb412}.campaign-tile[data-chapter=emberfall-citadel] .campaign-tile__footer{background:linear-gradient(180deg,transparent 0%,rgba(10,4,8,.5) 26%,rgba(3,1,5,.96) 100%)}.campaign-tile[data-chapter=emberfall-citadel] .campaign-tile__title{color:#fff2e8;text-shadow:0 2px 12px rgba(0,0,0,.85),0 0 18px rgba(120,40,20,.15)}.campaign-tile[data-chapter=emberfall-citadel]:focus-visible{box-shadow:0 0 0 2px #080a10f2,0 0 0 4px #d2965a80,0 0 0 1px #c882501f inset,0 8px 28px #0006}@media (max-width: 1024px){.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.campaign-tile__footer{padding:7px 8px 8px;gap:2px}.campaign-tile__title{font-size:.68rem}.campaign-tile__subtitle{font-size:.54rem}.campaign-tile__meta{font-size:.5rem;letter-spacing:.08em}}@media (max-width: 380px){.campaign-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.campaign-scene,.campaign-tile{animation:none!important;opacity:1;transform:none}.campaign-tile,.campaign-tile__footer,.campaign-difficulty__face{transition:none}}