:root{font-family:Segoe UI,Inter,system-ui,sans-serif;color:#f8fafc;background:#0b1220;--panel: #161f33;--panel-border: #2a3a5c;--accent: #f5c451;--accent-strong: #fbbf24;--danger: #f87171;--heal: #4ade80}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#24345c,#0b1220 60%)}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed}#app{width:min(100%,820px);margin:0 auto;padding:14px 14px 28px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 2px 14px}.app-header h1{font-size:1.4rem;margin:0;letter-spacing:.04em;background:linear-gradient(180deg,#fef3c7,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.app-header.compact{padding-bottom:8px}.conn-status{font-size:.82rem;color:#94a3b8}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.account-links{display:flex;gap:10px}.link-btn{background:none;border:0;min-height:auto;padding:0;color:#64748b;font-size:.72rem;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:#94a3b8}.primary{display:block;width:100%;min-height:52px;border-radius:14px;background:linear-gradient(180deg,var(--accent-strong),#b45309);color:#1c1207;font-weight:700;font-size:1.02rem;letter-spacing:.02em;box-shadow:0 6px #7c2d12,0 10px 18px #00000059;transition:transform .08s ease,box-shadow .08s ease}.primary:active{transform:translateY(3px);box-shadow:0 3px #7c2d12,0 6px 12px #00000059}.class-select{text-align:center;padding:8px 0 20px}.class-select h2{font-size:1.1rem;color:#cbd5e1;margin:0 0 14px}.class-grid{display:grid;gap:12px}.class-card{background:linear-gradient(160deg,var(--panel),#101830);border:1px solid var(--panel-border);border-radius:16px;padding:16px;display:grid;justify-items:center;gap:6px;color:#e2e8f0;transition:border-color .15s ease,transform .1s ease}.class-card:hover,.class-card:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.class-card .actor-stage{max-width:160px;margin:0 auto 4px}.class-card strong{font-size:1.05rem}.class-card p{margin:0;font-size:.82rem;color:#94a3b8;line-height:1.35}@media(min-width:620px){.class-grid{grid-template-columns:repeat(3,1fr)}}.profile-card{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,var(--panel),#101830);border:1px solid var(--panel-border);border-radius:16px;padding:14px 16px;margin-bottom:14px}.profile-portrait-frame{width:72px;height:72px;flex-shrink:0}.profile-info{display:grid;gap:5px;flex:1}.profile-class{font-size:.82rem;color:#94a3b8}.xp-bar{height:8px;border-radius:999px;background:#0b1220;overflow:hidden}.xp-bar span{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);transition:width .4s ease}.lobby{text-align:center;padding:46px 20px;background:linear-gradient(160deg,var(--panel),#101830);border:1px solid var(--panel-border);border-radius:18px}.lobby p{color:#94a3b8;font-size:.85rem;margin:14px 0 0}.profile-gold{font-weight:700;color:var(--accent);white-space:nowrap}.ghost{display:block;width:100%;min-height:44px;margin-top:10px;border-radius:12px;border:1px solid var(--panel-border);background:transparent;color:#e2e8f0;font-weight:600}.ghost:disabled{opacity:.4;cursor:not-allowed}.arena{position:relative;display:grid;gap:22px;padding:14px 10px 22px;border-radius:18px;border:1px dashed #2a3550;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(248,113,113,.12),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(56,189,248,.12),transparent 60%)}.arena:before{content:"Battle background art";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#3b4a6b;background:repeating-linear-gradient(45deg,rgba(148,163,184,.05) 0 10px,transparent 10px 20px);pointer-events:none;z-index:0}.arena>*{position:relative;z-index:1}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.row{grid-template-columns:repeat(4,minmax(0,1fr))}}.fighter{display:grid;justify-items:center;gap:6px;text-align:center}.fighter.down .portrait-frame{filter:grayscale(1) brightness(.5)}.fighter.down .fighter-name{opacity:.5}.fighter.self .portrait-frame{box-shadow:0 0 0 3px var(--accent),0 0 16px #f5c45180}.portrait-frame{position:relative;width:60px;height:60px;border-radius:50%;background:#0b1220;display:grid;place-items:center}.portrait-frame.tier-hero{box-shadow:0 0 0 2px var(--accent),0 0 10px #f5c4514d}.portrait-frame.tier-boss{box-shadow:0 0 0 2px #f87171,0 0 10px #f871714d}.portrait{line-height:0}.guard-badge{position:absolute;bottom:-4px;right:-4px;background:#1d4ed8;border:2px solid #0b1220;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:.7rem}@keyframes actor-idle-kf{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}.actor-figure{animation:actor-idle-kf 3.2s ease-in-out infinite;transform-origin:center bottom}@keyframes actor-attack-kf{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.12)}to{transform:translateY(0) scale(1)}}.attacking .actor-figure{animation:actor-attack-kf .35s ease-out}@keyframes actor-hurt-kf{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px) rotate(-3deg)}75%{transform:translate(4px) rotate(3deg)}}.hit-flash .actor-figure{animation:actor-hurt-kf .3s ease-in-out}@keyframes actor-death-kf{to{transform:translateY(8px) rotate(8deg) scale(.85);opacity:.55}}.down .actor-figure{animation:actor-death-kf .5s ease-in forwards}@keyframes hit-flash-kf{0%{filter:brightness(2.4) saturate(0)}to{filter:none}}.hit-flash .portrait-frame{animation:hit-flash-kf .3s ease-out}.floaters{position:absolute;inset:-10px -30px auto;display:grid;justify-items:center;pointer-events:none}@keyframes float-up{0%{transform:translateY(6px);opacity:0}15%{opacity:1}to{transform:translateY(-34px);opacity:0}}.floater{position:absolute;font-weight:800;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.6);animation:float-up .9s ease-out forwards}.floater.damage{color:var(--danger)}.floater.heal{color:var(--heal)}.fighter-name{font-size:.78rem;color:#cbd5e1;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-bar{width:72px;height:8px;border-radius:999px;background:#0b1220;overflow:hidden}.hp-fill{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .25s ease}.hp-fill.low{background:linear-gradient(90deg,#ef4444,#f97316)}.hp-text{font-size:.68rem;color:#94a3b8}.gauge-track{height:16px;border-radius:999px;background:#0b1220;border:1px solid var(--panel-border);overflow:hidden;margin:4px 0 10px}.gauge-fill{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:width .3s ease}.gauge-fill.full{animation:gauge-pulse 1.1s ease-in-out infinite}@keyframes gauge-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.team-attack{background:linear-gradient(160deg,#241a3f,#150f26);border:1px solid #7c3aed;border-radius:14px;padding:12px;margin-bottom:12px;text-align:center}.team-attack strong{color:#e9d5ff}.element-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.element-choice{display:grid;justify-items:center;gap:3px;background:#1c1433;border:1px solid #3b2a63;border-radius:10px;padding:8px 4px;color:#e2e8f0;font-size:.72rem;text-transform:capitalize}.element-choice.chosen{border-color:var(--accent);background:#322254}.element-choice:disabled{opacity:.55}.team-attack small{color:#a78bfa;display:block;margin-top:6px}.ability-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:4px 0 14px}@media(min-width:480px){.ability-bar{grid-template-columns:repeat(4,1fr)}}.ability{position:relative;overflow:hidden;background:#e5e7eb;color:#111827;border-radius:14px;padding:10px 8px 8px;display:grid;justify-items:center;gap:4px;min-height:76px}.ability:disabled{color:#6b7280}.ability-cooldown{position:absolute;inset:0;pointer-events:none}.cooldown-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:#0f172ab8;transition:height .22s linear}.ability-icon{position:relative;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#1f2937}.ability-icon.elem-fire{background:#fed7aa}.ability-icon.elem-water{background:#bae6fd}.ability-icon.elem-earth{background:#d9f99d}.ability-icon.elem-light{background:#fef9c3}.ability-name{position:relative;font-size:.74rem;font-weight:700;text-align:center}.element-badge{position:relative}.cooldown-text{position:relative;font-size:.7rem;font-weight:700;color:#fca5a5}.battle-log{min-height:96px;max-height:140px;overflow-y:auto;font-size:.82rem;color:#94a3b8;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:10px 12px}.log-line+.log-line{margin-top:3px}.phase-overlay{position:fixed;inset:0;background:#060a14c7;display:grid;place-items:center;z-index:10;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.phase-card{background:linear-gradient(160deg,var(--panel),#101830);border:1px solid var(--panel-border);border-radius:18px;padding:28px 32px;text-align:center;display:grid;gap:16px;min-width:240px}.phase-card h2{margin:0;font-size:1.6rem}.phase-card.won h2{color:var(--accent)}.phase-card.lost h2{color:var(--danger)}.loot-summary{display:grid;gap:6px;margin:4px 0}.loot-gold{font-weight:700;color:var(--accent)}.loot-item{font-size:.85rem;border-radius:8px;padding:4px 8px;background:#0b1220}.rarity-common{color:#cbd5e1}.rarity-rare{color:#60a5fa}.rarity-epic{color:#c084fc}.rarity-legendary{color:#fbbf24}.inventory-header{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 14px}.inventory-header .back-btn{width:auto;margin-top:0;padding:8px 14px}.gold-display{font-weight:700;color:var(--accent)}.inventory-slot{margin-bottom:18px}.inventory-slot h3{margin:0 0 8px;font-size:.95rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.item-grid{display:grid;gap:10px}@media(min-width:620px){.item-grid{grid-template-columns:repeat(2,1fr)}}.empty-slot{color:#64748b;font-size:.85rem;margin:0}.item-card{background:linear-gradient(160deg,var(--panel),#101830);border:1px solid var(--panel-border);border-radius:14px;padding:12px 14px}.item-card.equipped{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.item-top{display:flex;align-items:center;gap:10px}.item-icon-slot{width:40px;flex-shrink:0}.item-icon-slot .art-placeholder{border-radius:10px}.item-top-text{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex:1;min-width:0}.item-name{font-size:.92rem}.item-card.rarity-common .item-name{color:#cbd5e1}.item-card.rarity-rare .item-name{color:#60a5fa}.item-card.rarity-epic .item-name{color:#c084fc}.item-card.rarity-legendary .item-name{color:#fbbf24}.item-augment{font-size:.75rem;color:#94a3b8;white-space:nowrap}.item-stats{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.stat-chip{font-size:.74rem;background:#0b1220;border-radius:999px;padding:3px 9px;color:#cbd5e1;display:inline-flex;gap:4px;align-items:baseline}.stat-chip small.up{color:var(--heal)}.stat-chip small.down{color:var(--danger)}.item-actions{display:flex;gap:8px}.item-actions .ghost{margin-top:0;min-height:38px;font-size:.82rem}.auth-shell{max-width:380px;margin:12vh auto 0;padding:28px 24px;background:linear-gradient(160deg,var(--panel),#101830);border:1px solid var(--panel-border);border-radius:18px;text-align:center}.auth-shell h1{font-size:1.5rem;margin:0 0 8px;letter-spacing:.04em;background:linear-gradient(180deg,#fef3c7,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-tag{color:#94a3b8;font-size:.85rem;line-height:1.4;margin:0 0 20px}.auth-error{color:var(--danger);font-size:.85rem;margin:0 0 14px}.auth-hint{color:#94a3b8;font-size:.78rem;margin:8px 0 16px;text-align:left}.auth-field{display:grid;gap:6px;text-align:left;margin-bottom:14px}.auth-field span{font-size:.8rem;color:#cbd5e1}.auth-field input[type=text],.auth-field input:not([type]){min-height:44px;border-radius:10px;border:1px solid var(--panel-border);background:#0b1220;color:#f8fafc;padding:0 12px;font:inherit}.auth-field.file-field input{color:#cbd5e1;font-size:.85rem}.auth-shell .primary{margin-bottom:10px}.auth-shell .ghost{margin-top:0}.realm-list{display:grid;gap:10px;margin-top:8px}.realm-card{display:grid;justify-items:start;gap:4px;padding:14px 16px;border-radius:12px;border:1px solid var(--panel-border);background:#0b1220;color:#e2e8f0;text-align:left}.realm-card:hover,.realm-card:focus-visible{border-color:var(--accent)}.realm-card p{margin:0;font-size:.78rem;color:#94a3b8}.art-placeholder{position:relative;width:100%;border-radius:14px;background:repeating-linear-gradient(45deg,rgba(148,163,184,.07) 0 10px,transparent 10px 20px),linear-gradient(160deg,#1b2540,#0f1730);border:1px dashed #3b4a6b;display:grid;place-items:center;overflow:hidden}.art-placeholder span{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7d8bab;padding:4px 10px;border:1px solid #3b4a6b;border-radius:999px;background:#0b1220b3;text-align:center}.auth-banner,.lobby-scene{margin-bottom:16px}.actor-stage{position:relative;width:100%;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:repeating-linear-gradient(45deg,rgba(148,163,184,.07) 0 10px,transparent 10px 20px),linear-gradient(160deg,#1b2540,#0f1730);border:1px dashed #3b4a6b}.actor-stage.tier-hero{box-shadow:0 0 0 2px var(--accent),0 0 20px #f5c4514d}.actor-stage.tier-boss{box-shadow:0 0 0 2px #f87171,0 0 20px #f871714d}.actor-stage .actor-figure{position:relative;z-index:1}.actor-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);background-size:250% 250%;animation:shine-sweep-kf 5s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes shine-sweep-kf{0%{background-position:200% 0}55%,to{background-position:-60% 0}}.actor-stage-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7d8bab;padding:3px 8px;border:1px solid #3b4a6b;border-radius:999px;background:#0b1220cc;z-index:3}.bottom-nav{position:fixed;left:0;right:0;bottom:0;max-width:820px;margin:0 auto;display:flex;background:linear-gradient(0deg,#0b1220 60%,#0b1220f5);border-top:1px solid var(--panel-border);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:6px;z-index:20}.nav-tab{flex:1;display:grid;justify-items:center;gap:3px;background:none;border:0;border-radius:12px;padding:6px 4px;color:#64748b;min-height:auto;font-size:.68rem;font-weight:600}.nav-tab.active{color:var(--accent);background:#f5c4511a}#app:has(.bottom-nav){padding-bottom:84px}.modular-hero{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 16px rgba(3,7,18,.34))}.modular-hero .hero-part,.modular-hero .hero-skeleton,.modular-hero .hero-head,.modular-hero .arm-left,.modular-hero .arm-right,.modular-hero .leg-left,.modular-hero .leg-right,.modular-hero .wing-left,.modular-hero .wing-right,.modular-hero .hero-cape,.modular-hero .hero-hair-tail{transform-box:fill-box;transform-origin:center}.modular-hero .rarity-epic{filter:drop-shadow(0 0 3px currentColor)}.modular-hero .rarity-legendary{filter:drop-shadow(0 0 5px #f8d467)}.modular-hero .aura-ring{transform-origin:128px 168px;animation:hero-orbit 10s linear infinite}.modular-hero .aura-ring.reverse{animation-direction:reverse;animation-duration:7s}.modular-hero .aura-particles{animation:aura-float 3.2s ease-in-out infinite}.modular-hero .wing-left{transform-origin:right center;animation:wing-left 3s ease-in-out infinite}.modular-hero .wing-right{transform-origin:left center;animation:wing-right 3s ease-in-out infinite}.modular-hero .hero-cape,.modular-hero .hero-hair-tail{transform-origin:center top;animation:cloth-breathe 3.4s ease-in-out infinite}.modular-hero .hero-head{transform-origin:center bottom;animation:head-breathe 3.2s ease-in-out infinite}.modular-hero.motion-idle .hero-skeleton{animation:rig-idle 3.2s ease-in-out infinite}.modular-hero.motion-battle .hero-skeleton{animation:rig-battle 1.15s ease-in-out infinite}.modular-hero.motion-battle .arm-left{animation:arm-ready-left 1.15s ease-in-out infinite}.modular-hero.motion-battle .arm-right{animation:arm-ready-right 1.15s ease-in-out infinite}.modular-hero.motion-victory .hero-skeleton{animation:rig-victory 1.7s ease-in-out infinite}.modular-hero.motion-victory .arm-left{animation:arm-cheer-left 1.7s ease-in-out infinite}.modular-hero.motion-victory .arm-right{animation:arm-cheer-right 1.7s ease-in-out infinite}.modular-hero.motion-skill .hero-skeleton{animation:rig-skill 1.25s ease-in-out infinite}.modular-hero.motion-skill .hero-weapon,.modular-hero.motion-skill .part-aura{animation:skill-flare 1.25s ease-in-out infinite;transform-origin:center}@keyframes rig-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes head-breathe{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}}@keyframes cloth-breathe{0%,to{transform:skew(0)}50%{transform:skew(2.5deg)}}@keyframes hero-orbit{to{transform:rotate(360deg)}}@keyframes aura-float{0%,to{transform:translateY(3px);opacity:.65}50%{transform:translateY(-5px);opacity:1}}@keyframes wing-left{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes wing-right{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes rig-battle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes arm-ready-left{0%,to{transform:rotate(1deg)}50%{transform:rotate(-5deg)}}@keyframes arm-ready-right{0%,to{transform:rotate(-2deg)}50%{transform:rotate(6deg)}}@keyframes rig-victory{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-12px) scale(1.03)}}@keyframes arm-cheer-left{0%,to{transform:rotate(0)}45%{transform:rotate(28deg) translateY(-5px)}}@keyframes arm-cheer-right{0%,to{transform:rotate(0)}45%{transform:rotate(-28deg) translateY(-5px)}}@keyframes rig-skill{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(7px) rotate(2deg)}}@keyframes skill-flare{0%,to{filter:drop-shadow(0 0 2px #a78bfa)}50%{filter:drop-shadow(0 0 12px #f8d467) brightness(1.3)}}.portrait .modular-hero{width:66px;height:76px;margin-top:-8px}.fighter.self .portrait-frame{border-radius:20px}.fighter.self .portrait{overflow:visible}.class-hero-preview{width:min(100%,180px);height:220px;margin:-6px auto 2px;border-radius:18px;background:radial-gradient(circle at 50% 65%,rgba(124,92,205,.25),transparent 46%),linear-gradient(180deg,#202d51,#10182f);border:1px solid #37466b;overflow:hidden}.class-hero-preview .modular-hero{padding:5px 6px 0}.eyebrow{display:block;color:#8fa1c9;font-size:.62rem;font-weight:800;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.brand-lockup{display:flex;align-items:center;gap:9px}.brand-sigil{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d7b65a;border-radius:11px;color:#ffe69a;font-family:Georgia,serif;font-weight:700;background:radial-gradient(circle at 35% 30%,#485990,#161f3e 65%);box-shadow:0 0 16px #f4c95b29}.hub-header{align-items:center}.hub-header h1{font-size:1.18rem}.resource-row{display:flex;justify-content:flex-end;gap:6px}.resource-chip{display:inline-flex;align-items:center;gap:5px;min-width:48px;padding:4px 8px;border:1px solid #39466b;border-radius:999px;color:#c8b5ff;background:#0a1124b8;font-size:.72rem;font-weight:800}.resource-chip i{color:#a78bfa;font-style:normal}.resource-chip.gold{color:#ffe18a}.resource-chip.gold i{color:#e5ad35}.hub{display:grid;gap:12px}.hub-hero{position:relative;min-height:398px;border:1px solid #354267;border-radius:24px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,transparent 60%,rgba(5,10,25,.95)),radial-gradient(circle at 78% 18%,rgba(255,235,160,.3),transparent 16%),linear-gradient(160deg,#455e9b,#6554a7,#1c315b 72%,#10182e);box-shadow:0 20px 50px #00000042}.hub-hero:before{content:"";position:absolute;inset:42% -8% -12%;z-index:-1;background:linear-gradient(115deg,transparent 39%,rgba(226,237,255,.25) 40% 42%,transparent 43%) 10% 10% / 140px 160px,linear-gradient(245deg,transparent 40%,rgba(205,220,255,.18) 41% 43%,transparent 44%) 80% 0 / 180px 180px,linear-gradient(180deg,#102b4b33,#101a30);clip-path:polygon(0 24%,12% 9%,23% 20%,38% 0,53% 21%,70% 4%,82% 17%,100% 2%,100% 100%,0 100%)}.hub-sky span{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff4c7;box-shadow:0 0 12px 3px #ffeeac99;animation:sky-spark 2.8s ease-in-out infinite}.hub-sky span:nth-child(1){left:14%;top:20%}.hub-sky span:nth-child(2){right:17%;top:36%;animation-delay:.8s}.hub-sky span:nth-child(3){left:29%;top:45%;animation-delay:1.5s}@keyframes sky-spark{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.4)}}.hub-location{position:absolute;z-index:2;top:17px;left:18px;display:grid;gap:4px}.hub-location strong{font-size:.9rem;color:#f1f5ff}.hub-hero-art{position:absolute;inset:28px 8% 43px 20%}.hub-identity{position:absolute;z-index:3;left:13px;right:13px;bottom:12px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(159,177,222,.28);border-radius:16px;background:linear-gradient(100deg,#080f22eb,#131d3bd1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hub-identity .profile-info>strong{font-size:1rem}.level-medallion{width:42px;height:42px;display:grid;align-content:center;justify-items:center;flex-shrink:0;border:1px solid #dfbd5b;border-radius:50%;background:#202a4a;color:#ffe193}.level-medallion span{font-size:.5rem;letter-spacing:.1em}.level-medallion strong{line-height:1}.icon-button{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid #3b496f;border-radius:13px;color:#dce5ff;background:#17213d}.icon-button:hover,.icon-button:focus-visible{border-color:#d7b65a;color:#ffe193}.hub-primary-actions{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(120px,.8fr);gap:10px}.quest-cta,.atelier-cta{min-height:76px;border:1px solid #51628e;border-radius:17px;color:#f8fbff;text-align:left;box-shadow:0 8px 20px #0003}.quest-cta{display:flex;align-items:center;gap:10px;padding:10px 13px;background:linear-gradient(120deg,#4b3d93,#263c75)}.quest-cta>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.quest-cta small,.atelier-cta small{color:#c4b9ee;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.quest-cta strong,.atelier-cta strong{font-size:.84rem}.quest-cta em{color:#9badd0;font-size:.64rem;font-style:normal}.quest-cta b{font-size:1.5rem;color:#e2d58b}.action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#ffe195;background:#080c2261}.atelier-cta{display:grid;align-content:center;gap:2px;padding:10px 13px;background:linear-gradient(145deg,#252e56,#171f3b)}.atelier-cta>span{color:#f5c95b}.hub-dashboard{display:grid;gap:10px}.feature-banner{position:relative;min-height:120px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:18px;border:1px solid #65569a;border-radius:18px;background:radial-gradient(circle at 82% 50%,rgba(239,204,116,.34),transparent 20%),linear-gradient(120deg,#352b67,#1d315e)}.feature-banner:after{content:"";position:absolute;width:140px;height:140px;right:-18px;border:1px solid rgba(247,211,107,.25);border-radius:50%;box-shadow:0 0 0 18px #a78bfa12,0 0 0 38px #a78bfa0a}.feature-banner>*{position:relative;z-index:1}.feature-banner h2{margin:5px 0 2px;font-family:Georgia,serif;font-size:1.25rem;color:#fff2bf}.feature-banner p{margin:0;max-width:390px;color:#b8c4e2;font-size:.74rem;line-height:1.4}.event-tag{color:#d5c6ff;font-size:.58rem;font-weight:800;letter-spacing:.12em}.rarity-stars{color:#f8d465;letter-spacing:3px;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dashboard-card{min-width:0;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:11px;border:1px solid #2e3b60;border-radius:14px;background:linear-gradient(145deg,#18223f,#111a31)}.dashboard-card>div{min-width:0;display:grid;gap:2px}.dashboard-card small{color:#8394ba;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.dashboard-card strong{overflow:hidden;color:#e6ebfa;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-card em{grid-column:2;color:#7285ad;font-size:.62rem;font-style:normal}.card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#202b4a}.card-icon.violet{color:#c4a9ff}.card-icon.blue{color:#75d7ff}.card-icon.gold{color:#f4cf6b}.card-icon.rose{color:#fc91a5}.mini-progress{grid-column:2;height:3px;overflow:hidden;border-radius:4px;background:#0c1428}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#8b6be4,#d29cff)}.studio-header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:2px 0 12px}.studio-header h1,.inventory-header h1{margin:2px 0 0;color:#f2f5ff;font-size:1.15rem}.save-look{min-height:38px;padding:0 14px;border:1px solid #405078;border-radius:12px;color:#9aaace;background:#18223e;font-size:.76rem;font-weight:800}.save-look.is-dirty{border-color:#d7b65a;color:#17120a;background:linear-gradient(#f8d56d,#d39a33);box-shadow:0 0 18px #f4c54b2e}.studio-layout{display:grid;gap:12px}.hero-preview-panel{position:relative;min-height:410px;overflow:hidden;border:1px solid #46557d;border-radius:23px;background:radial-gradient(circle at 50% 58%,rgba(129,99,211,.38),transparent 38%),linear-gradient(180deg,#293861,#131b35)}.hero-preview-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(189,205,242,.12);border-radius:17px;pointer-events:none}.hero-preview-panel.rarity-rare{border-color:#4d8bd8}.hero-preview-panel.rarity-epic{border-color:#9d6dda;box-shadow:inset 0 0 38px #9b63da21}.hero-preview-panel.rarity-legendary{border-color:#dbb648;box-shadow:inset 0 0 42px #dbb64821,0 0 22px #dbb6481f}.preview-orbit{position:absolute;width:250px;height:250px;left:50%;top:47%;border:1px solid rgba(196,174,255,.15);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 24px #9577da0a,0 0 0 54px #9577da06}.hero-preview-figure{position:absolute;inset:13px 12% 70px}.preview-identity{position:absolute;left:13px;right:13px;bottom:54px;display:flex;justify-content:space-between;align-items:end;padding:10px 12px;border:1px solid rgba(160,178,224,.22);border-radius:13px;background:#0a1022bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-identity>div{display:grid;gap:2px}.preview-identity strong{font-size:.88rem}.preview-identity span{color:#91a2c7;font-size:.66rem}.collection-count{text-align:right}.motion-picker{position:absolute;left:13px;right:13px;bottom:11px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.motion-button{min-height:33px;border:1px solid #36456d;border-radius:9px;color:#7f90b5;background:#0a1021ad;font-size:.64rem;font-weight:700}.motion-button.active{border-color:#a991ec;color:#e1d8ff;background:#704db859}.wardrobe-panel{min-width:0;display:grid;gap:14px}.section-heading,.parts-heading{display:flex;justify-content:space-between;align-items:end;gap:10px}.section-heading h2,.parts-heading h2{margin:2px 0 0;font-size:1rem;color:#e9edfa}.shard-balance{padding:5px 9px;border:1px solid #5e4d8c;border-radius:999px;color:#cab7ff;background:#211b40;font-size:.7rem;font-weight:800}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset-card{min-width:0;padding:6px;border:1px solid #2f3d60;border-radius:12px;background:#121b32}.preset-card>button:first-child{width:100%;min-height:38px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:5px;color:#7889ad;text-align:left;background:none}.preset-card>button:first-child>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #415077;border-radius:7px;font-size:.62rem}.preset-card>button:first-child strong{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.preset-card.filled{border-color:#5f5391}.preset-card.filled>button:first-child{color:#ddd5f6}.preset-save{width:100%;padding:4px;border-radius:7px;color:#8f9fc0;background:#1b2643;font-size:.58rem}.category-rail{display:flex;gap:6px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:thin}.category-pill{min-width:64px;min-height:54px;display:grid;place-items:center;gap:2px;flex:0 0 auto;border:1px solid #324164;border-radius:12px;color:#8293b8;background:#141e37;font-size:.62rem;font-weight:700}.category-pill span{font-size:.95rem;color:#9badd2}.category-pill.active{border-color:#b193ec;color:#eee9ff;background:linear-gradient(145deg,#4a3978,#26254f);box-shadow:0 0 14px #a074e329}.rarity-label{padding:4px 8px;border:1px solid currentColor;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cosmetic-card{position:relative;min-width:0;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid #304061;border-radius:13px;color:#b5c0da;text-align:left;background:linear-gradient(145deg,#17213c,#111a30)}.cosmetic-card:hover,.cosmetic-card:focus-visible{transform:translateY(-1px);border-color:#788bb7}.cosmetic-card.rarity-rare{border-color:#60a5fa73}.cosmetic-card.rarity-epic{border-color:#c084fc8c;background:linear-gradient(145deg,#271d46,#151a38)}.cosmetic-card.rarity-legendary{border-color:#fbbf24a6;background:linear-gradient(145deg,#3a2c23,#1e1c34);box-shadow:inset 0 0 18px #fbbf2412}.cosmetic-card.selected{outline:2px solid #f2cb67;outline-offset:-2px}.cosmetic-thumb{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:inherit;background:radial-gradient(circle,#7c91c72e,#060c1b59)}.cosmetic-thumb svg{width:46px;height:46px}.cosmetic-meta{min-width:0;display:grid;gap:3px}.cosmetic-meta strong{overflow:hidden;color:#e3e8f6;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.cosmetic-meta small{color:#7284a9;font-size:.58rem}.rarity-pips{position:absolute;right:7px;bottom:5px;color:currentColor;font-size:.5rem;letter-spacing:1px}.dye-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid #334267;border-radius:14px;background:#141e37}.dye-panel>div:first-child{display:grid;gap:2px}.dye-panel strong{font-size:.74rem}.palette-swatches{display:flex;gap:7px}.color-swatch{width:29px;height:29px;border:3px solid #111a30;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #475679}.color-swatch.active{box-shadow:0 0 0 2px #f7d36b;transform:scale(1.08)}.rig-note{display:grid;gap:2px;margin:0;padding:10px 12px;border-left:2px solid #8e72d6;color:#7e90b5;background:#5e429914;font-size:.64rem}.rig-note strong{color:#b9a9e5}.inventory-header{display:grid;grid-template-columns:42px 1fr auto;gap:10px}.inventory-header .back-btn{width:42px;padding:0}.gold-display{padding:6px 9px;border:1px solid #5e4f28;border-radius:999px;background:#211d18;font-size:.72rem}.gear-summary{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:13px 15px;border:1px solid #3b476b;border-radius:15px;background:linear-gradient(120deg,#22294e,#171e37)}.gear-summary div{min-width:75px;display:grid;gap:2px}.gear-summary strong{color:#f5cf68;font-size:1.4rem}.gear-summary p{margin:0;color:#91a0bf;font-size:.72rem;line-height:1.4}.item-card{position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#68758f}.item-card.rarity-rare:before{background:#60a5fa;box-shadow:0 0 12px #60a5fa}.item-card.rarity-epic:before{background:#c084fc;box-shadow:0 0 14px #c084fc}.item-card.rarity-legendary:before{background:#fbbf24;box-shadow:0 0 16px #fbbf24}.item-icon-slot{width:68px;height:68px;display:grid;place-items:center;border:1px solid #344266;border-radius:13px;background:radial-gradient(circle,#243155,#11182d)}.gear-icon{width:62px;height:62px}.gear-icon.rarity-epic .gear-orbit,.gear-icon.rarity-legendary .gear-rays{transform-origin:center;animation:hero-orbit 9s linear infinite}@media(min-width:720px){.studio-layout{grid-template-columns:minmax(300px,.9fr) minmax(390px,1.2fr);align-items:start}.hero-preview-panel{position:sticky;top:12px;min-height:590px}.hero-preview-figure{inset:28px 8% 78px}.cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){#app{padding-left:10px;padding-right:10px}.hub-hero{min-height:384px}.hub-hero-art{inset:34px 2% 44px 10%}.hub-primary-actions{grid-template-columns:1fr 126px}.feature-banner{min-height:112px;padding:15px}.feature-banner p{max-width:255px}.rarity-stars{display:none}.hero-preview-panel{min-height:400px}.hero-preview-figure{inset:14px 7% 72px}.cosmetic-grid{grid-template-columns:1fr 1fr}.cosmetic-card{grid-template-columns:46px 1fr;padding:7px}.cosmetic-thumb{width:46px;height:46px}.cosmetic-thumb svg{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.modular-hero *,.hub-sky span,.gear-orbit,.gear-rays{animation-duration:.001ms!important;animation-iteration-count:1!important}}.feature-banner.summon-entry{width:100%;color:inherit;text-align:left}.feature-banner.summon-entry:hover,.feature-banner.summon-entry:focus-visible{border-color:#b49ae8;transform:translateY(-1px)}.cosmetic-card.locked{opacity:.58;filter:saturate(.55);cursor:not-allowed}.cosmetic-card.locked .rarity-pips{color:#8a98b8;font-size:.46rem;font-weight:800;letter-spacing:.08em}.summon-header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:2px 0 12px}.summon-header h1{margin:2px 0 0;color:#f2f5ff;font-size:1.15rem}.summon-wallet{display:flex;gap:5px}.summon-wallet span{display:grid;gap:1px;min-width:58px;padding:5px 8px;border:1px solid #3f4c70;border-radius:10px;color:#8495b8;background:#151e37;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em}.summon-wallet strong{color:#f3d471;font-size:.76rem}.summon-layout{display:grid;gap:12px}.summon-banner{position:relative;min-height:450px;display:grid;align-content:end;gap:13px;overflow:hidden;padding:24px;border:1px solid #8c6fd1;border-radius:25px;background:radial-gradient(circle at 50% 36%,rgba(255,223,130,.34),transparent 14%),radial-gradient(circle at 50% 35%,rgba(171,124,237,.45),transparent 36%),linear-gradient(155deg,#402e78,#23396f 49%,#111931);box-shadow:inset 0 0 70px #8651c721,0 18px 45px #00000040}.summon-banner:before{content:"";position:absolute;width:240px;height:240px;left:50%;top:34%;border:1px solid rgba(255,229,150,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 23px #c1a2ff14,0 0 0 54px #c1a2ff0a}.banner-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff0b2;box-shadow:0 0 11px 3px #ffe8968c;animation:sky-spark 2.5s ease-in-out infinite}.banner-stars i:nth-child(1){left:13%;top:17%}.banner-stars i:nth-child(2){right:15%;top:20%;animation-delay:.4s}.banner-stars i:nth-child(3){left:24%;top:48%;animation-delay:1s}.banner-stars i:nth-child(4){right:25%;top:50%;animation-delay:1.5s}.banner-copy{position:absolute;z-index:2;top:23px;left:24px;right:24px;text-align:center}.banner-copy h2{margin:7px 0 5px;font-family:Georgia,serif;font-size:clamp(1.55rem,5vw,2.2rem);color:#fff0b8;text-shadow:0 3px 18px rgba(74,35,110,.6)}.banner-copy p{max-width:520px;margin:0 auto;color:#c6cce4;font-size:.76rem;line-height:1.45}.banner-showcase{position:absolute;z-index:2;width:320px;height:195px;left:50%;top:34%;transform:translate(-50%,-50%)}.showcase-card{position:absolute;width:104px;height:142px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid currentColor;border-radius:17px;color:#c8d0e5;background:linear-gradient(155deg,#2a345bf5,#0e142af5);box-shadow:0 15px 22px #0000004d}.showcase-card:nth-child(1){left:10px;top:30px;transform:rotate(-9deg)}.showcase-card:nth-child(2){left:108px;top:9px;z-index:2}.showcase-card:nth-child(3){right:10px;top:30px;transform:rotate(9deg)}.showcase-card i{width:58px;height:58px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:1.15rem;font-style:normal;font-weight:700;background:radial-gradient(circle,currentColor 0 2px,transparent 3px),#768bc91a}.showcase-card small{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.showcase-card.rarity-rare{color:#77b8ff}.showcase-card.rarity-epic{color:#d29bff;box-shadow:0 0 22px #c084fc52,0 15px 22px #0000004d}.showcase-card.rarity-legendary{color:#ffdd73;box-shadow:0 0 24px #fbbf244d,0 15px 22px #0000004d}.summon-rates{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(179,193,230,.22);border-radius:12px;background:#080d1e94}.summon-rates span{display:grid;grid-template-columns:7px 1fr;gap:1px 5px;padding:7px;color:#9aa9c8;font-size:.54rem}.summon-rates i{width:6px;height:6px;align-self:center;border-radius:50%;background:currentColor}.summon-rates b{grid-column:2;color:#e3e9f8;font-size:.68rem}.summon-button{position:relative;z-index:2;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffe098;border-radius:16px;color:#281b0b;background:linear-gradient(180deg,#ffe383,#d9952e);box-shadow:0 5px #8a4e1c,0 10px 24px #0000004d;font-weight:900}.summon-button small{padding-left:12px;border-left:1px solid rgba(60,35,10,.25);font-size:.7rem}.summon-button:disabled{opacity:.5}.duplicate-note{position:relative;z-index:2;margin:0;color:#91a0c0;font-size:.62rem;text-align:center}.summon-result{position:relative;min-height:112px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;overflow:hidden;padding:15px;border:1px solid currentColor;border-radius:17px;color:#cbd5e1;background:linear-gradient(130deg,#202b4a,#131b32)}.summon-result.rarity-rare{color:#72b6ff}.summon-result.rarity-epic{color:#cf91ff;box-shadow:inset 0 0 32px #c084fc1a}.summon-result.rarity-legendary{color:#f7cf62;box-shadow:inset 0 0 38px #fbbf241f,0 0 20px #fbbf241a}.summon-result>*{position:relative;z-index:1}.reward-rank{width:54px;height:54px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-weight:800}.summon-result h2{margin:2px 0;color:#f3f5fb;font-size:1rem}.summon-result p{margin:0;color:#8697ba;font-size:.68rem}.summon-result>strong{font-size:.7rem;text-align:right}.result-burst{position:absolute;width:120px;height:120px;left:16px;border:1px solid currentColor;border-radius:50%;opacity:.18;box-shadow:0 0 0 18px currentColor}.craft-section{display:grid;gap:9px;padding:16px;border:1px solid #334162;border-radius:18px;background:linear-gradient(145deg,#171f3a,#10182d)}.craft-section .section-heading>span{color:#8293b7;font-size:.65rem}.craft-section>p{margin:-2px 0 4px;color:#8393b4;font-size:.68rem;line-height:1.4}.craft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.craft-card{min-width:0;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:7px;padding:9px;border:1px solid #354363;border-radius:12px;color:#aebbd6;background:#121a30}.craft-card.rarity-rare{border-color:#60a5fa6b}.craft-card.rarity-epic{border-color:#c084fc7a}.craft-card.rarity-legendary{border-color:#fbbf2485}.craft-rank{width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;border-radius:10px;font-family:Georgia,serif;font-size:.7rem}.craft-card>div{min-width:0;display:grid;gap:2px}.craft-card strong{overflow:hidden;color:#e1e6f3;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.craft-card small{overflow:hidden;color:#7183a8;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.craft-card button{grid-column:1 / -1;min-height:30px;border-radius:8px;color:#c8d2e8;background:#222d4c;font-size:.61rem;font-weight:700}.craft-card button:not(:disabled):hover{color:#1d1609;background:#e5bd55}.craft-card button:disabled{opacity:.38}.collection-complete{grid-column:1 / -1;color:#93a3c3;font-size:.75rem;text-align:center}@media(min-width:640px){.arena{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;min-height:285px;align-items:center}.arena .row{grid-template-columns:repeat(2,minmax(76px,1fr))}.arena .row.players{grid-column:1;grid-row:1}.arena .row.enemies{grid-column:2;grid-row:1}.portrait-frame{width:76px;height:76px}.portrait .modular-hero{width:82px;height:96px;margin-top:-12px}}@media(min-width:720px){.summon-layout{grid-template-columns:minmax(360px,1.08fr) minmax(340px,.92fr);align-items:start}.summon-banner{grid-row:span 2;position:sticky;top:10px;min-height:610px}.banner-showcase{top:39%;transform:translate(-50%,-50%) scale(1.08)}.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.summon-header{grid-template-columns:42px 1fr}.summon-wallet{grid-column:1 / -1;justify-content:flex-end;margin-top:-4px}.summon-wallet span{display:flex;align-items:baseline;justify-content:space-between;min-width:92px}.summon-banner{min-height:485px;padding:18px}.banner-copy{left:18px;right:18px}.banner-showcase{width:292px;transform:translate(-50%,-50%) scale(.92)}.summon-rates span{padding:6px 4px}.summon-result{grid-template-columns:48px 1fr}.reward-rank{width:46px;height:46px}.summon-result>strong{grid-column:2;text-align:left}.craft-grid{grid-template-columns:1fr 1fr}}