.loading-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-primary)}.loading-screen__rune{width:56px;height:56px;border:2px solid var(--accent-purple);border-top-color:transparent;border-radius:50%;animation:rune-spin 1.1s linear infinite;box-shadow:0 0 18px #9d4edd59}.loading-screen__label{color:var(--text-primary);font-size:var(--fs-min)}@keyframes rune-spin{to{transform:rotate(360deg)}}.error-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg-primary)}.error-state__icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--accent-error);border-radius:50%;color:var(--accent-error);font-size:24px;box-shadow:0 0 16px #8e1b3f80}.error-state__title{font-size:20px}.error-state__desc{color:var(--text-primary);opacity:.8;max-width:320px}.error-state__btn{background:var(--accent-blue);color:var(--text-primary);border-radius:var(--radius-md);padding:12px 24px}.error-state__btn:active{transform:scale(.98)}.onb{height:100%;display:flex;flex-direction:column;gap:20px;padding:24px 20px;background:radial-gradient(900px 500px at 50% -10%,rgba(157,78,221,.14),transparent),var(--bg-primary)}.onb__title{font-size:24px;color:var(--text-primary);text-align:center}.onb__subtitle{font-size:16px;color:var(--text-primary);text-align:center}.onb__card{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-lg);animation:onb-in .3s ease-out}.onb__text{font-size:16px;line-height:1.5;color:var(--text-primary);text-align:center}.onb__dots{display:flex;justify-content:center;gap:8px}.onb__dot{width:8px;height:8px;border-radius:50%;background:var(--text-disabled);transition:background .2s,transform .2s}.onb__dot--active{background:var(--accent-purple);transform:scale(1.25)}.onb__actions{display:grid;grid-template-columns:1fr 2fr;gap:12px}.onb__primary,.onb__ghost{min-height:52px;border-radius:var(--radius-md);font-size:16px;transition:transform .1s,opacity .15s}.onb__primary{background:var(--accent-blue);color:var(--text-primary)}.onb__primary:hover:not(:disabled){background:#4a96ff}.onb__primary:active:not(:disabled){transform:scale(.98)}.onb__primary:disabled{background:var(--text-disabled);opacity:.6;cursor:default}.onb__ghost{border:1px solid var(--text-disabled);color:var(--text-primary)}.onb__ghost:hover:not(:disabled){background:var(--bg-hover)}.onb__ghost:active:not(:disabled){transform:scale(.98)}.onb__ghost:disabled{opacity:.5;cursor:default}.onb__error{color:var(--accent-error);text-align:center;margin:0}.onb--reveal{justify-content:center}.onb-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--bg-panel);border:2px solid var(--rarity-white);border-radius:var(--radius-lg)}.onb-hero__portrait{width:140px;height:180px;border-radius:var(--radius-md);background:linear-gradient(160deg,#2b3a55,#151b20 70%);border:1px solid rgba(232,232,232,.2)}.onb-hero__info{display:flex;flex-direction:column;align-items:center;gap:4px}.onb-hero__name{font-family:var(--font-runic);font-size:20px;color:var(--text-primary)}.onb-hero__role{color:var(--text-primary);opacity:.8}.onb-rings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onb-ring{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--bg-panel);border:2px solid var(--rarity-white);border-radius:var(--radius-md);box-shadow:0 0 12px #e8e8e833}.onb-ring__name{color:var(--text-primary);text-align:center}.onb-ring__rarity{font-size:12px;color:var(--text-primary);opacity:.7}@keyframes onb-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.onb__card{animation:none}}.packs{display:grid;gap:var(--sp-2)}.packs__title{margin:0;font-family:var(--font-runic);font-size:var(--fs-md);color:var(--text-primary)}.packs__list{display:grid;gap:var(--sp-2)}.packs__card{display:grid;grid-template-columns:1fr auto;gap:var(--sp-1) var(--sp-2);align-items:center;padding:var(--sp-3);background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-lg)}.packs__info{display:grid;gap:2px;min-width:0}.packs__name{font-size:var(--fs-md)}.packs__desc{font-size:var(--fs-xs);opacity:.85}.packs__odds{font-size:var(--fs-xs);color:var(--accent-gold)}.packs__buy{min-height:44px;min-width:110px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--accent-gold);background:var(--accent-gold);color:#1a1400;font-size:var(--fs-sm)}.packs__buy:disabled{opacity:.45}.packs__hint{grid-column:1 / -1;font-size:var(--fs-xs);opacity:.7}.packs__error{margin:0;font-size:var(--fs-sm);color:var(--accent-error)}.packs__sheet{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end}.packs__scrim{position:absolute;inset:0;background:#0009}.packs__panel{position:relative;display:grid;gap:var(--sp-2);padding:var(--sp-4);text-align:center;background:var(--bg-panel);border-top:1px solid rgba(255,196,0,.5);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.packs__result-title{margin:0;font-family:var(--font-runic);font-size:var(--fs-md)}.packs__result{margin:0;font-size:var(--fs-md);color:var(--accent-gold)}.packs__close{min-height:46px;border-radius:var(--radius-md);border:1px solid var(--accent-blue);background:var(--accent-blue);color:#fff;font-size:var(--fs-sm)}.home{min-height:100%;background:radial-gradient(900px 500px at 50% -8%,rgba(157,78,221,.22),transparent 70%),radial-gradient(700px 420px at 100% 60%,rgba(58,134,255,.1),transparent 70%),var(--bg-primary);color:var(--text-primary)}.home__inner{display:grid;gap:var(--sp-3);padding:var(--sp-3);max-width:720px;margin:0 auto}.home__profile{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:1px solid rgba(157,78,221,.4);border-radius:var(--radius-lg)}.home__avatar{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;font-family:var(--font-runic);font-size:var(--fs-lg);background:radial-gradient(circle at 30% 30%,#5a2a8a,#1b1030);border:2px solid var(--accent-purple)}.home__who{display:grid;gap:2px;min-width:0;flex:1}.home__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);color:var(--text-primary)}.home__sync{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);opacity:.8}.home__sync-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-success)}.home__sync--waiting .home__sync-dot{background:var(--accent-gold)}.home__sync--error .home__sync-dot{background:var(--accent-error)}.home__sync--loading .home__sync-dot{background:transparent;border:2px solid var(--accent-blue);border-top-color:transparent;animation:home-spin .9s linear infinite}.home__resources{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.home__res{display:grid;justify-items:center;gap:2px;padding:var(--sp-2);background:var(--bg-panel);border:1px solid rgba(58,134,255,.3);border-radius:var(--radius-md)}.home__res-value{font-family:var(--font-runic);font-size:var(--fs-lg);color:var(--accent-gold)}.home__res-label{font-size:var(--fs-xs);opacity:.75}.home__income{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:1px solid rgba(232,232,232,.18);border-radius:var(--radius-lg)}.home__income-info{display:grid;gap:2px;min-width:0}.home__income-rate{font-size:var(--fs-sm);color:var(--accent-gold)}.home__income-balance{font-size:var(--fs-xs);opacity:.8}.home__income .home__cta{min-width:140px;min-height:40px}.home__season{margin:0;font-size:var(--fs-sm);color:var(--accent-blue);text-align:center}.home__skeleton{height:20px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:home-shimmer 1.2s linear infinite}.home__showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.home__card{display:flex;flex-direction:column;min-height:260px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(232,232,232,.18);background:var(--bg-panel)}.home__card--hunt{border-color:#9d4eddcc}.home__art{flex:1;display:grid;place-items:center;font-family:var(--font-runic);font-size:64px;color:#e8e8e8e6;text-shadow:0 0 24px rgba(157,78,221,.8)}.home__art--hunt{background:radial-gradient(circle at 50% 35%,rgba(157,78,221,.55),transparent 60%),linear-gradient(160deg,#1b1030,#0b0b12)}.home__art--squad{background:radial-gradient(circle at 50% 35%,rgba(58,134,255,.4),transparent 60%),linear-gradient(160deg,#15202e,#0b0b12);text-shadow:0 0 24px rgba(58,134,255,.8)}.home__card-body{display:grid;gap:var(--sp-1);padding:var(--sp-2)}.home__card-title{margin:0;font-family:var(--font-runic);font-size:var(--fs-md);color:var(--text-primary)}.home__card-sub{margin:0;font-size:var(--fs-xs);opacity:.8;min-height:2.4em}.home__cta{min-height:40px;border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:var(--bg-hover);color:var(--text-primary);font-size:var(--fs-sm)}.home__cta--gold{border-color:var(--accent-gold);background:linear-gradient(180deg,#e0b341,#b8891e);color:#1a1206;font-weight:600}.home__cta:disabled{opacity:.5}.home__error{margin:0;font-size:var(--fs-xs);color:var(--accent-error)}.home__pills{display:grid;gap:var(--sp-2)}.home__pill{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 var(--sp-3);border-radius:999px;border:1px solid rgba(232,232,232,.2);background:var(--bg-panel);color:var(--text-primary);font-size:var(--fs-md)}.home__pill small{font-size:var(--fs-xs);opacity:.7}.home__pill:disabled{opacity:.55}.home__pill:not(:disabled):hover{border-color:var(--accent-blue)}@keyframes home-spin{to{transform:rotate(360deg)}}@keyframes home-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.home__skeleton,.home__sync--loading .home__sync-dot{animation:none}}.home__econ{margin-left:auto;display:grid;gap:2px;text-align:right;flex:none}.home__econ-rate{font-size:var(--fs-xs);color:var(--accent-gold);white-space:nowrap}.home__econ-balance{font-size:var(--fs-xs);color:var(--text-primary);opacity:.85;white-space:nowrap}.squad{min-height:100%;display:grid;grid-template-columns:1fr;gap:var(--sp-3);padding:var(--sp-3);font-size:var(--fs-sm);background:radial-gradient(900px 500px at 50% -10%,rgba(157,78,221,.12),transparent),var(--bg-primary)}.squad--loading{grid-template-columns:1fr}.squad__skeleton{height:56px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:squad-shimmer 1.2s linear infinite}.squad__skeleton--tall{height:360px}.squad__head{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-3);min-width:0}.squad__title{flex:1;min-width:0;font-size:var(--fs-xl);color:var(--text-primary);text-align:left}.squad__subtitle{font-size:var(--fs-md);color:var(--text-primary);margin:0}.squad__back{min-height:40px;padding:0 var(--sp-3);font-size:var(--fs-sm);color:var(--text-primary);border:1px solid var(--text-disabled);border-radius:var(--radius-md);white-space:nowrap}.squad__back:hover{background:var(--bg-hover)}.squad__back:active{transform:scale(.98)}.squad__heroes{min-width:0}.squad__list{display:flex;gap:var(--sp-2);overflow-x:auto;margin:0;padding:0;list-style:none}.squad__chip{min-height:44px;min-width:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-sm)}.squad__chip[aria-pressed=true]{border-color:var(--accent-gold);box-shadow:0 0 10px #ffc3004d}.squad__chip:hover{background:var(--bg-hover)}.squad__chip-meta{font-size:var(--fs-xs);opacity:.75}.squad__card{min-width:0;display:grid;gap:var(--sp-3);align-content:start}.hero{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--sp-2) var(--sp-4);padding:var(--sp-4);background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-lg)}.hero__portrait{height:140px;border-radius:var(--radius-md);background:linear-gradient(160deg,#2b3a55,#151b20 70%);border:1px solid rgba(232,232,232,.2);animation:hero-breathe 4s ease-in-out infinite}.hero__info{min-width:0;display:flex;flex-direction:column;gap:var(--sp-1);justify-content:center}.hero__name{font-family:var(--font-runic);font-size:var(--fs-xl);color:var(--text-primary);margin:0}.hero__meta,.hero__passive{font-size:var(--fs-sm);color:var(--text-primary);opacity:.8}.hero__stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin:0}.hero__stats div{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-primary);border-radius:var(--radius-md)}.hero__stats dt{font-size:var(--fs-sm);color:var(--text-primary);opacity:.8;white-space:nowrap}.hero__stats dd{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--text-primary);white-space:nowrap}.hero__spectra{grid-column:1 / -1;margin:0;font-size:var(--fs-sm);color:var(--text-primary);opacity:.7}.hero__spectra--on{color:var(--accent-success);opacity:1}.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.slot{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-2);background:var(--bg-panel);border:1px dashed var(--text-disabled);border-radius:var(--radius-md);color:var(--text-primary);text-align:center}.slot--empty:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-blue)}.slot--locked{opacity:.5;cursor:default}.slot--filled{border-style:solid;border-width:2px}.slot--filled:hover:not(:disabled){background:var(--bg-hover)}.slot--white{border-color:var(--rarity-white)}.slot--blue{border-color:var(--rarity-blue)}.slot--purple{border-color:var(--rarity-purple)}.slot--yellow{border-color:var(--rarity-yellow)}.slot--black{border-color:var(--rarity-black-glow);box-shadow:0 0 12px #8e1b3f80}.slot__plus{font-size:var(--fs-xl);line-height:1;color:var(--accent-blue)}.slot__name{font-size:var(--fs-sm)}.slot__caption{font-size:var(--fs-xs);opacity:.75}.slot:disabled{opacity:.6;cursor:default}.squad__actions{display:grid;gap:var(--sp-2)}.squad__btn{min-height:48px;padding:0 var(--sp-4);border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--text-disabled);color:var(--text-primary);font-size:var(--fs-md);transition:transform .1s,background .15s}.squad__btn:hover:not(:disabled){background:var(--bg-hover)}.squad__btn:active:not(:disabled){transform:scale(.98)}.squad__btn:disabled{opacity:.5;cursor:default}.squad__btn--primary{background:var(--accent-blue);border-color:var(--accent-blue)}.squad__btn--primary:hover:not(:disabled){background:#4a96ff}.squad__btn--ascend{background:var(--accent-gold);border-color:var(--accent-gold);color:#0b0b12}.squad__btn--ascend:disabled{background:var(--bg-panel);border-color:var(--text-disabled);color:var(--text-primary);opacity:.7}.squad__hint{margin:0;padding:0 var(--sp-1);font-size:var(--fs-xs);line-height:1.4;color:var(--text-primary);opacity:.75;text-align:center}.squad__error{margin:0;font-size:var(--fs-sm);color:var(--accent-error);text-align:center}.squad__rings{display:none}.rings{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.ring{width:100%;min-height:60px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:2px solid var(--rarity-white);border-radius:var(--radius-md);color:var(--text-primary);text-align:left}.ring--blue{border-color:var(--rarity-blue)}.ring--purple{border-color:var(--rarity-purple)}.ring--yellow{border-color:var(--rarity-yellow)}.ring--black{border-color:var(--rarity-black-glow)}.ring__name{font-size:var(--fs-md)}.ring:hover:not(:disabled){background:var(--bg-hover)}.ring:active:not(:disabled){transform:scale(.98)}.ring:disabled{opacity:.5;cursor:default}.ring__meta{font-size:var(--fs-xs);opacity:.8}.ring__stats{font-size:var(--fs-xs);opacity:.7}.sheet__panel{position:relative;max-height:70%;overflow-y:auto;display:grid;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-panel);border-top:1px solid rgba(157,78,221,.5);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-up .22s ease-out}.sheet__head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}@media (orientation: landscape) and (max-height: 500px){.squad{grid-template-columns:140px minmax(0,1fr)}.squad__list{flex-direction:column;overflow:visible}.squad__chip{min-width:0}.hero{grid-template-columns:88px minmax(0,1fr)}.hero__portrait{height:116px}}@media (min-width: 900px){.squad{grid-template-columns:200px minmax(0,1fr) 260px;gap:var(--sp-4);padding:var(--sp-4)}.squad__list{flex-direction:column;overflow:visible}.squad__chip{min-width:0}.squad__rings{display:block;align-self:start;padding:var(--sp-3);background:var(--bg-panel);border:1px solid rgba(58,134,255,.35);border-radius:var(--radius-lg)}.squad__rings:focus{outline:2px solid var(--accent-blue)}.sheet{display:none}.hero{grid-template-columns:160px minmax(0,1fr)}.hero__portrait{height:200px}.squad__actions{grid-template-columns:1fr 1fr}.squad__actions .squad__hint{grid-column:1 / -1}}@keyframes squad-shimmer{to{background-position:-200% 0}}@keyframes hero-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.hero__portrait,.squad__skeleton,.sheet__panel{animation:none}}.battle{min-height:100%;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3);font-size:var(--fs-sm);background:radial-gradient(800px 420px at 50% 30%,rgba(58,134,255,.1),transparent),var(--bg-primary)}.battle--loading{padding:var(--sp-3)}.battle__skeleton{height:48px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:battle-shimmer 1.2s linear infinite;margin-bottom:var(--sp-3)}.battle__skeleton--tall{height:360px}.battle__hud{display:flex;align-items:center;gap:var(--sp-3);min-height:44px}.battle__pause{width:44px;height:44px;flex:none;border-radius:var(--radius-md);border:1px solid var(--text-disabled);color:var(--text-primary);font-size:var(--fs-sm)}.battle__pause:hover{background:var(--bg-hover)}.battle__turn{font-size:var(--fs-lg);color:var(--text-primary)}.battle__phase{margin-left:auto;font-size:var(--fs-sm);color:var(--text-primary);opacity:.7}.battle__phase--you{color:var(--accent-success);opacity:1}.battle__banner{margin:0;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--accent-gold);border-radius:var(--radius-md);text-align:center}.battle__board-wrap{flex:1;min-height:240px;display:flex;align-items:center;justify-content:center}.battle__board{width:100%;max-width:460px;height:auto;user-select:none}.hex{fill:#0b0b1273;stroke:#3a3a5c;stroke-width:1.4;cursor:pointer;transition:fill .12s,stroke .12s}.hex:hover{stroke:var(--text-primary);fill:#3a86ff1a}.hex--move{fill:#3a86ff47;stroke:var(--accent-blue)}.hex--attack{fill:#8e1b3f73;stroke:#f44}.unit{pointer-events:none}.unit circle{fill:var(--accent-blue);stroke:#e8e8e899;stroke-width:1.5}.unit--enemy circle{fill:var(--accent-error)}.unit--selected circle{stroke:var(--accent-gold);stroke-width:3}.unit__letter{fill:var(--text-primary);font-size:18px;font-weight:700;text-anchor:middle;font-family:var(--font-ui)}.unit__hp-bg{fill:#1a2025}.unit__hp{fill:var(--accent-success)}.unit--enemy .unit__hp{fill:#ff6b6b}.battle__panel{display:grid;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-lg)}.battle__unit{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-1) var(--sp-3)}.battle__unit-name{font-family:var(--font-runic);font-size:var(--fs-lg);color:var(--text-primary)}.battle__unit-hp{font-size:var(--fs-sm);color:var(--text-primary)}.battle__unit-meta{width:100%;font-size:var(--fs-xs);color:var(--text-primary);opacity:.7}.battle__hint{margin:0;font-size:var(--fs-sm);color:var(--text-primary);opacity:.75}.battle__error{margin:0;font-size:var(--fs-sm);color:var(--accent-error)}.battle__log{margin:0;padding:0;list-style:none;display:grid;gap:2px;min-height:56px;font-size:var(--fs-xs);color:var(--text-primary);opacity:.8}.battle__actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:var(--sp-2)}.battle__btn--active{border-color:var(--accent-gold);color:var(--accent-gold)}.battle__hint--tip{color:var(--text-primary);opacity:1}.battle__btn{min-height:48px;padding:0 var(--sp-3);border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--text-disabled);color:var(--text-primary);font-size:var(--fs-md);transition:transform .1s,background .15s}.battle__btn:hover:not(:disabled){background:var(--bg-hover)}.battle__btn:active:not(:disabled){transform:scale(.98)}.battle__btn:disabled{opacity:.5;cursor:default}.battle__btn--primary{background:var(--accent-blue);border-color:var(--accent-blue)}.battle__btn--primary:hover:not(:disabled){background:#4a96ff}.battle__outcome{display:grid;gap:var(--sp-2);justify-items:stretch}.battle__outcome-title{margin:0;font-family:var(--font-runic);font-size:var(--fs-xl);color:var(--text-primary);text-align:center}.sheet{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.sheet__scrim{position:absolute;inset:0;background:#0009}.sheet__panel{position:relative;display:grid;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-panel);border-top:1px solid rgba(157,78,221,.5);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.battle__pause-title{margin:0;font-family:var(--font-runic);font-size:var(--fs-xl);color:var(--text-primary)}@media (orientation: landscape) and (max-height: 500px){.battle{display:grid;grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:auto 1fr}.battle__hud,.battle__banner{grid-column:1 / -1}.battle__board-wrap{min-height:0}.battle__panel{align-self:stretch}}@media (min-width: 900px){.battle{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-4);padding:var(--sp-4)}.battle__hud,.battle__banner{grid-column:1 / -1}.battle__board{max-width:620px}.sheet__panel{max-width:420px;margin:0 auto;border-radius:var(--radius-lg);margin-bottom:var(--sp-4)}.sheet{justify-content:center}}@keyframes battle-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.battle__skeleton{animation:none}}.battle__auto{min-height:36px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--accent-gold);color:var(--accent-gold);background:transparent;font-size:var(--fs-sm)}.battle__auto:hover:not(:disabled){background:var(--bg-hover)}.battle__auto:disabled{opacity:.5;cursor:default}.battle__auto--ghost{border-color:var(--text-disabled);color:var(--text-primary)}.unit--acting circle{stroke:var(--accent-gold);stroke-width:3;animation:battle-pulse .45s ease-in-out infinite alternate}@keyframes battle-pulse{0%{stroke-opacity:.35}to{stroke-opacity:1}}.auc{min-height:100%;padding:var(--sp-3);display:grid;gap:var(--sp-2);color:var(--text-primary);background:radial-gradient(800px 400px at 50% -10%,rgba(58,134,255,.12),transparent 70%),var(--bg-primary)}.auc__head{display:flex;align-items:center;gap:var(--sp-2)}.auc__back{width:38px;height:38px;flex:none;border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:transparent;color:var(--text-primary);font-size:var(--fs-md)}.auc__title{margin:0;flex:1;font-family:var(--font-runic);font-size:var(--fs-lg)}.auc__balance{font-size:var(--fs-xs);color:var(--accent-gold);white-space:nowrap}.auc__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1)}.auc__tab{min-height:40px;border-radius:var(--radius-md);border:1px solid rgba(232,232,232,.2);background:var(--bg-panel);color:var(--text-primary);font-size:var(--fs-sm)}.auc__tab.is-active{border-color:var(--accent-blue);color:var(--accent-blue)}.auc__notice,.auc__error,.auc__hint,.auc__empty,.auc__count{margin:0;font-size:var(--fs-sm)}.auc__notice{color:var(--accent-success)}.auc__error{color:var(--accent-error)}.auc__hint,.auc__count{opacity:.8}.auc__empty{opacity:.7;text-align:center;padding:var(--sp-4) 0}.auc__section{display:grid;gap:var(--sp-2)}.auc__filters{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1)}.auc__filters select,.auc__field input{min-height:38px;border-radius:var(--radius-md);padding:0 var(--sp-2);background:var(--bg-panel);color:var(--text-primary);border:1px solid rgba(232,232,232,.2);font-size:var(--fs-sm)}.auc__legacy-toggle{grid-column:1 / -1;display:flex;gap:var(--sp-2);align-items:center;font-size:var(--fs-sm)}.auc__list{display:grid;gap:var(--sp-2)}.auc__lot{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:1px solid rgba(232,232,232,.14);border-radius:var(--radius-lg)}.auc__lot.is-legacy{border-color:var(--accent-gold)}.auc__lot-main{display:grid;gap:4px;min-width:0}.auc__lot-name{font-size:var(--fs-md);display:flex;gap:var(--sp-1);align-items:center;flex-wrap:wrap}.auc__lot-meta{display:flex;gap:var(--sp-2);font-size:var(--fs-xs);opacity:.85;flex-wrap:wrap}.auc__lot-side{display:grid;gap:var(--sp-1);justify-items:end;flex:none}.auc__price{font-family:var(--font-runic);font-size:var(--fs-md);color:var(--accent-gold)}.auc__stars{color:var(--accent-gold);letter-spacing:1px}.auc__time{font-size:var(--fs-xs);opacity:.75}.auc__legacy{font-size:10px;padding:1px 6px;border-radius:999px;background:var(--accent-gold);color:#1a1206;font-weight:600}.auc__btn{min-height:34px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:var(--bg-hover);color:var(--text-primary);font-size:var(--fs-xs);white-space:nowrap}.auc__btn--primary{background:var(--accent-blue);border-color:var(--accent-blue)}.auc__btn:disabled{opacity:.5}.auc__btn--wide{min-height:46px;width:100%;font-size:var(--fs-sm)}.auc__status{font-size:var(--fs-xs);opacity:.85}.auc__status--sold{color:var(--accent-success)}.auc__status--expired,.auc__status--cancelled{color:var(--text-disabled)}.auc__ring-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.auc__ring{display:grid;gap:4px;padding:var(--sp-2);text-align:left;border-radius:var(--radius-lg);border:1px solid rgba(232,232,232,.2);background:var(--bg-panel);color:var(--text-primary)}.auc__ring.is-selected{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.auc__ring.is-legacy{border-color:var(--accent-gold)}.auc__ring-name{font-size:var(--fs-sm)}.auc__ring-el{font-size:var(--fs-xs);opacity:.75}.auc__sell{display:grid;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-panel);border-radius:var(--radius-lg)}.auc__field{display:grid;gap:var(--sp-1);font-size:var(--fs-sm)}.auc__preview{display:grid;gap:2px;font-size:var(--fs-sm);opacity:.9}.auc__skeleton{height:120px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:auc-shimmer 1.2s linear infinite}@keyframes auc-shimmer{to{background-position:-200% 0}}.auc__sheet{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.auc__scrim{position:absolute;inset:0;background:#0009}.auc__panel{position:relative;display:grid;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-panel);border-top:1px solid rgba(157,78,221,.5);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.auc__panel-title{margin:0;font-family:var(--font-runic);font-size:var(--fs-lg)}.auc__panel-text{margin:0;font-size:var(--fs-md)}.auc__panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}@media (min-width: 900px){.auc{max-width:720px;margin:0 auto;width:100%}}.hunt{min-height:100%;padding:var(--sp-3);display:grid;gap:var(--sp-3);align-content:start;color:var(--text-primary);background:radial-gradient(800px 400px at 50% -10%,rgba(157,78,221,.18),transparent 70%),var(--bg-primary)}.hunt__head{display:flex;align-items:center;gap:var(--sp-2)}.hunt__back{width:38px;height:38px;flex:none;border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:transparent;color:var(--text-primary)}.hunt__title{margin:0;flex:1;font-family:var(--font-runic);font-size:var(--fs-lg)}.hunt__left{font-size:var(--fs-xs);color:var(--accent-gold);white-space:nowrap}.hunt__section{display:grid;gap:var(--sp-2)}.hunt__h2{margin:0;font-family:var(--font-runic);font-size:var(--fs-md);color:var(--text-primary)}.hunt__notice{margin:0;font-size:var(--fs-sm);color:var(--accent-success)}.hunt__error{margin:0;font-size:var(--fs-sm);color:var(--accent-error)}.hunt__hint{margin:0;font-size:var(--fs-xs);opacity:.8}.hunt__run{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-panel);border:1px solid rgba(232,232,232,.14);border-radius:var(--radius-md);font-size:var(--fs-sm)}.hunt__timer{color:var(--accent-blue);white-space:nowrap}.hunt__run b.is-win{color:var(--accent-success)}.hunt__run b.is-lose{color:var(--accent-error)}.hunt__link{background:transparent;border:none;color:var(--accent-blue);font-size:var(--fs-xs);white-space:nowrap}.hunt__zone{display:grid;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-lg)}.hunt__zone.is-locked{opacity:.6;border-style:dashed}.hunt__zone-head{display:flex;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.hunt__zone-name{font-size:var(--fs-md)}.hunt__boss{font-size:var(--fs-xs);opacity:.8}.hunt__diffs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1)}.hunt__diff{min-height:52px;display:grid;place-items:center;gap:2px;padding:var(--sp-1);border-radius:var(--radius-md);border:1px solid var(--accent-blue);background:var(--bg-hover);color:var(--text-primary);font-size:var(--fs-sm)}.hunt__diff small{font-size:var(--fs-xs);color:var(--accent-gold)}.hunt__diff:disabled{opacity:.45;border-color:var(--text-disabled)}.hunt__skeleton{height:220px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:hunt-shimmer 1.2s linear infinite}@keyframes hunt-shimmer{to{background-position:-200% 0}}.hunt__sheet{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.hunt__scrim{position:absolute;inset:0;background:#0009}.hunt__panel{position:relative;display:grid;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-panel);border-top:1px solid rgba(157,78,221,.5);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:70%;overflow:auto}.hunt__log{margin:0;padding-left:var(--sp-3);display:grid;gap:4px;font-size:var(--fs-sm)}.hunt__btn{min-height:46px;border-radius:var(--radius-md);border:1px solid var(--accent-blue);background:var(--accent-blue);color:#fff;font-size:var(--fs-sm)}@media (min-width: 900px){.hunt{max-width:720px;margin:0 auto;width:100%}}.inv{min-height:100%;padding:var(--sp-3);display:grid;gap:var(--sp-3);align-content:start;color:var(--text-primary);background:radial-gradient(800px 400px at 50% -10%,rgba(58,134,255,.12),transparent 70%),var(--bg-primary)}.inv__head{display:flex;align-items:center;gap:var(--sp-2)}.inv__back{width:38px;height:38px;flex:none;border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:transparent;color:var(--text-primary)}.inv__title{margin:0;flex:1;font-family:var(--font-runic);font-size:var(--fs-lg)}.inv__balance{font-size:var(--fs-xs);color:var(--accent-gold);white-space:nowrap}.inv__filters{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1)}.inv__filters select{min-height:38px;border-radius:var(--radius-md);padding:0 var(--sp-2);background:var(--bg-panel);color:var(--text-primary);border:1px solid rgba(232,232,232,.2)}.inv__notice{margin:0;font-size:var(--fs-sm);color:var(--accent-success)}.inv__error{margin:0;font-size:var(--fs-sm);color:var(--accent-error)}.inv__hint,.inv__empty{margin:0;font-size:var(--fs-sm);opacity:.8}.inv__empty{text-align:center;padding:var(--sp-4) 0}.inv__h2{margin:0;font-family:var(--font-runic);font-size:var(--fs-md)}.inv__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-2)}.inv__ring{display:grid;gap:4px;padding:var(--sp-2);text-align:left;min-height:96px;align-content:start;border-radius:var(--radius-lg);border:1px solid rgba(232,232,232,.2);background:var(--bg-panel);color:var(--text-primary)}.inv__ring.is-selected{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue)}.inv__ring.is-legacy{border-color:var(--accent-gold)}.inv__ring:disabled{opacity:.45}.inv__ring-name{font-size:var(--fs-sm)}.inv__ring-el{font-size:var(--fs-xs);opacity:.75}.inv__stars{color:var(--accent-gold);font-size:var(--fs-xs)}.inv__tag{font-size:10px;color:var(--text-disabled)}.inv__synth{display:grid;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-panel);border:1px solid rgba(157,78,221,.35);border-radius:var(--radius-lg)}.inv__preview{display:grid;gap:2px;font-size:var(--fs-sm)}.inv__btn{min-height:46px;border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:var(--bg-hover);color:var(--text-primary);font-size:var(--fs-sm)}.inv__btn--primary{background:var(--accent-blue);border-color:var(--accent-blue)}.inv__btn:disabled{opacity:.5}.inv__skeleton{height:160px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:inv-shimmer 1.2s linear infinite}@keyframes inv-shimmer{to{background-position:-200% 0}}@media (min-width: 900px){.inv{max-width:720px;margin:0 auto;width:100%}}.shop{min-height:100%;padding:var(--sp-3);display:grid;gap:var(--sp-3);align-content:start;color:var(--text-primary);background:radial-gradient(800px 400px at 50% -10%,rgba(255,196,0,.12),transparent 70%),var(--bg-primary)}.shop__head{display:flex;align-items:center;gap:var(--sp-2)}.shop__back{width:38px;height:38px;flex:none;border-radius:var(--radius-md);border:1px solid var(--text-disabled);background:transparent;color:var(--text-primary)}.shop__title{margin:0;flex:1;font-family:var(--font-runic);font-size:var(--fs-lg)}.shop__ether{font-size:var(--fs-xs);color:var(--accent-gold);white-space:nowrap}.shop__notice{margin:0;font-size:var(--fs-sm);color:var(--accent-success)}.shop__error{margin:0;font-size:var(--fs-sm);color:var(--accent-error)}.shop__list{display:grid;gap:var(--sp-2)}.shop__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3);background:var(--bg-panel);border:1px solid rgba(255,196,0,.3);border-radius:var(--radius-lg)}.shop__info{display:grid;gap:2px}.shop__name{font-size:var(--fs-md)}.shop__gets{font-size:var(--fs-xs);opacity:.8}.shop__buy{min-height:44px;min-width:96px;padding:0 var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--accent-gold);background:var(--accent-gold);color:#1a1400;font-size:var(--fs-sm)}.shop__buy:disabled{opacity:.5}.shop__note{margin:0;font-size:var(--fs-xs);opacity:.7;text-align:center}.shop__skeleton{height:180px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-panel) 25%,var(--bg-hover) 50%,var(--bg-panel) 75%);background-size:200% 100%;animation:shop-shimmer 1.2s linear infinite}@keyframes shop-shimmer{to{background-position:-200% 0}}@media (min-width: 900px){.shop{max-width:720px;margin:0 auto;width:100%}}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(6,1fr);padding:var(--sp-1) var(--sp-1) calc(var(--sp-1) + env(safe-area-inset-bottom,0px));background:#0b0b12f0;border-top:1px solid rgba(157,78,221,.35);backdrop-filter:blur(8px)}.tabs__item{display:grid;justify-items:center;gap:2px;padding:var(--sp-1) 0;background:transparent;border:none;color:var(--text-primary);opacity:.55}.tabs__item:disabled{cursor:default}.tabs__item:not(:disabled):not(.is-active):hover{opacity:.9}.tabs__item.is-active{opacity:1;color:var(--accent-blue)}.tabs__icon{font-size:var(--fs-md);display:grid;place-items:center;height:22px}.tabs__label{font-size:11px;white-space:nowrap}@media (min-width: 900px){.tabs{left:50%;transform:translate(-50%);width:min(720px,100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.app-shell{min-height:100%}.app-main{min-height:100%;padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}:root{--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--bg-primary: #0B0B12;--bg-panel: #151B20;--bg-hover: #1A2025;--text-primary: #E8E8E8;--text-disabled: #6E6E78;--accent-blue: #3A86FF;--accent-purple: #9D4EDD;--accent-gold: #FFC300;--accent-success: #00E6A8;--accent-error: #8E1B3F;--rarity-white: #E8E8E8;--rarity-blue: #3A86FF;--rarity-purple: #9D4EDD;--rarity-yellow: #FFC300;--rarity-black: #0B0B12;--rarity-black-glow: #8E1B3F;--font-runic: "Runic", "Segoe UI", sans-serif;--font-ui: "Grotesk", "Segoe UI", system-ui, sans-serif;--fs-min: 14px;--radius-md: 8px;--radius-lg: 12px;--tap-min: 44px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-min);-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;min-height:var(--tap-min)}h1,h2,h3{font-family:var(--font-runic);letter-spacing:.04em;margin:0}