@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{--ink: #040b12;--panel: rgba(6, 18, 28, .82);--line: rgba(180, 230, 255, .14);--foam: #eaf8ff;--text: #eaf8ff;--cyan: #3de8ff;--mint: #3dffc0;--warn: #ff7a1a;--pink: #ff5ca8;--gold: #ffe14a;--coral: #ff5a6a;--muted: #9fc0bc;--hub-reef: #3fd9c0;--hub-reef-ink: #a9f5e6;--hub-loadout: #5b8cff;--hub-loadout-ink: #bcccff;--hub-missions: #ffcf4a;--hub-missions-ink: #ffe6a1;--hub-spectate: #a97bff;--hub-spectate-ink: #d8c4ff;--hub-inventory: #86b5d6;--hub-inventory-ink: #cfe6f4;--hub-kitchen: #ff8c6b;--hub-kitchen-ink: #ffc7b5;--hub-lab: #ff72c7;--hub-lab-ink: #ffb9e4;--hub-forge: #ffad42;--hub-forge-ink: #ffd699;--screen-accent: var(--cyan);--hub-accent: var(--hub-reef);--hub-ink: var(--hub-reef-ink);--craft-accent: var(--hub-accent)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Outfit,system-ui,sans-serif;color:var(--foam);background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(40,120,160,.35),transparent 60%),linear-gradient(180deg,#061820,#040b12 55%,#02060a);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease,background-image .01s;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 30%,#04141e05,#030e1657 82%),linear-gradient(180deg,#0610181f,#030a1075)}body[data-screen]:before{opacity:.85}body[data-screen=home]:before,body[data-screen=hub]:before{background-image:url(/art/bg-hub.png)}body[data-screen=adventure]:before{background-image:url(/art/bg-adventure.png)}body[data-screen=raid]:before{background-image:url(/art/bg-raid.png);opacity:.8}body[data-screen=arena]:before{background-image:url(/art/bg-arena.png)}body[data-screen=hub]{--screen-accent: #45d9c2}body[data-screen=adventure]{--screen-accent: #ff934d}body[data-screen=raid]{--screen-accent: #a878ff}body[data-screen=arena]{--screen-accent: #55bfff}@media(prefers-reduced-motion:reduce){body:before{transition:none}}#app{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 2rem;min-height:100vh}.hud-top{position:relative;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem;padding-top:.55rem}.brand{position:absolute;top:0;left:0;margin:0;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.42em;color:var(--muted);opacity:.4;font-size:.52rem;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-identity{display:flex;align-items:center;justify-content:space-between;gap:.6rem .75rem;flex-wrap:wrap}.screen-nav{display:flex;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.screen-nav::-webkit-scrollbar{display:none}body[data-screen=home] .screen-nav{display:none}.nav-pill{--nav-accent: var(--cyan);width:auto;margin:0;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:#00000040;color:var(--muted);border-radius:999px;padding:.32rem .9rem .32rem .34rem;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:relative;transform-origin:center;transition:transform .18s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-pill[data-screen=hub]{--nav-accent: #45d9c2}.nav-pill[data-screen=adventure]{--nav-accent: #ff934d}.nav-pill[data-screen=raid]{--nav-accent: #a878ff}.nav-pill[data-screen=arena]{--nav-accent: #55bfff}.nav-pill-ico{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 2px 6px #0000004d,0 0 0 2px #3de8ff26 inset;transition:transform .16s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.nav-pill:hover:not(:disabled) .nav-pill-ico{transform:scale(1.04)}.nav-pill .nav-pill-label{position:relative;z-index:1}.nav-pill:hover:not(:disabled):not(.active){transform:translateY(-1px);color:var(--text);border-color:color-mix(in srgb,var(--nav-accent) 58%,transparent)}.nav-pill.active{border-color:var(--nav-accent);color:var(--nav-accent);background:color-mix(in srgb,var(--nav-accent) 13%,transparent);transform:scale(1.09);box-shadow:0 0 0 1px color-mix(in srgb,var(--nav-accent) 28%,transparent),0 8px 20px -10px color-mix(in srgb,var(--nav-accent) 78%,transparent)}.nav-pill.active:after{content:"";position:absolute;left:50%;bottom:-5px;width:55%;height:3px;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--nav-accent),transparent);animation:navGlow 2.4s ease-in-out infinite}@keyframes navGlow{0%,to{opacity:.55;width:45%}50%{opacity:1;width:62%}}.nav-pill:disabled{opacity:.35;cursor:not-allowed}.nav-pill.nav-soon{opacity:.55;position:relative}.nav-pill.nav-soon .nav-pill-ico{filter:grayscale(.35)}.nav-soon-tag{font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.08rem .34rem;border-radius:999px;background:#ffe14a24;border:1px solid rgba(255,225,74,.4);color:var(--gold, #ffe14a)}@media(prefers-reduced-motion:reduce){.nav-pill{transition:none}.nav-pill.active:after{animation:none}}.points-chip{font-size:.85rem;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem}.token-chip{font-size:.8rem;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;white-space:nowrap}.token-chip strong{font-weight:800}.token-axo{border-color:#ffd76b}.token-axo strong{color:#ffd76b}.token-reef{border-color:#4fe3c8}.token-reef strong{color:#4fe3c8}.level-chip{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:var(--screen-accent);background:color-mix(in srgb,var(--screen-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--screen-accent) 42%,transparent);border-radius:999px;padding:.4rem .75rem}.account-xp-bar{margin:.75rem 0 .5rem;max-width:28rem}.account-xp-meta{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:baseline;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.account-xp-meta strong{color:var(--text);font-size:.95rem}.xp-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid var(--line)}.xp-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#1ec8a8,#3de8ff);transition:width .45s ease}.nft-xp-bar{margin:.65rem 0 .35rem}.nft-xp-bar .xp-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.companion-care{display:flex;gap:.8rem;align-items:center;margin:.5rem 0 .7rem;padding:.7rem .8rem;border-radius:16px;border:1px solid color-mix(in srgb,#ff8cc8 35%,var(--line));background:linear-gradient(160deg,#ff8cc81f,#06121cb3)}.companion-care[data-hungry="1"]{border-color:color-mix(in srgb,#ff9a4a 55%,var(--line));background:linear-gradient(160deg,#ff9a4a29,#06121cb3)}.care-ring{position:relative;flex:0 0 auto;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,rgba(6,18,28,.95) 72%,transparent 73%),conic-gradient(#ff8cc8 calc(var(--bond-pct, 0) * 1%),#ffffff1a 0);box-shadow:0 0 14px -4px #ff8cc899}.companion-care[data-hungry="1"] .care-ring{background:radial-gradient(closest-side,rgba(6,18,28,.95) 72%,transparent 73%),conic-gradient(#ff9a4a calc(var(--bond-pct, 0) * 1%),#ffffff1a 0)}.care-ring-mark{position:absolute;top:50%;left:50%;width:3px;height:6px;background:#ffffff80;border-radius:2px;transform:rotate(var(--a)) translateY(-37px);transform-origin:50% 0}.care-face{font-size:1.7rem;line-height:1;animation:careFace 3.6s ease-in-out infinite}@keyframes careFace{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.06)}}.companion-care.fed-pulse .care-ring{animation:careFedPulse .9s ease}@keyframes careFedPulse{0%{box-shadow:0 0 14px -4px #ff8cc899}40%{box-shadow:0 0 26px 2px #ff8cc8f2;transform:scale(1.06)}to{box-shadow:0 0 14px -4px #ff8cc899}}.care-body{flex:1 1 auto;min-width:0}.care-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.care-mood{font-size:.95rem;font-weight:800}.care-bondval{font-size:.72rem;color:var(--muted)}.care-perks{display:flex;gap:.4rem;margin:.25rem 0;flex-wrap:wrap}.care-perk{font-size:.64rem;font-weight:700;padding:.12rem .45rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);color:#cfe6f2}.care-perk[data-off="1"]{opacity:.5}.care-hint{margin:.2rem 0 .4rem;font-size:.72rem;line-height:1.35;color:var(--muted)}.companion-care[data-hungry="1"] .care-hint{color:#ffb26b}.care-actions{display:flex;gap:.4rem;flex-wrap:wrap}.care-feed-btn{flex:1 1 auto;padding:.5rem .6rem;border-radius:10px;font-weight:800;font-size:.82rem;color:#2a0d1c;background:linear-gradient(180deg,#ffd1e6,#ff7ab0);border:1px solid #ff5ca8;cursor:pointer;transition:transform .1s ease,filter .1s ease}.care-get-btn{flex:0 0 auto;padding:.5rem .6rem;border-radius:10px;font-weight:700;font-size:.76rem;color:#1a2a12;background:linear-gradient(180deg,#d8f6b0,#9bd45a);border:1px solid #78b83c;cursor:pointer;transition:transform .1s ease,filter .1s ease}.care-feed-btn:hover:not(:disabled),.care-get-btn:hover{filter:brightness(1.06)}.care-feed-btn:active:not(:disabled),.care-get-btn:active{transform:scale(.98)}.care-feed-btn:disabled{opacity:.5;cursor:default}.feed-treat{position:fixed;z-index:400;font-size:1.6rem;pointer-events:none;transform:translate(-50%,-50%);animation:feedTreatArc .6s cubic-bezier(.4,0,.5,1) forwards}@keyframes feedTreatArc{0%{transform:translate(-50%,-220%) scale(.7);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(1.1);opacity:0}}.fed-bounce{animation:fedBounce .7s cubic-bezier(.3,0,.3,1)}@keyframes fedBounce{0%,to{transform:scale(1)}30%{transform:scale(1.12,.9)}55%{transform:scale(.95,1.08) translateY(-6px)}75%{transform:scale(1.03,.98)}}.feed-heart{position:fixed;z-index:400;font-size:1.1rem;pointer-events:none;transform:translate(-50%);animation:feedHeart 1.2s ease-out forwards}@keyframes feedHeart{0%{transform:translate(-50%) scale(.6);opacity:0}25%{opacity:1}to{transform:translate(calc(-50% + var(--hx, 0px)),-80px) scale(1.1);opacity:0}}@media(prefers-reduced-motion:reduce){.care-face,.companion-care.fed-pulse .care-ring,.feed-treat,.fed-bounce,.feed-heart{animation:none}}.wildcard-btn{background:linear-gradient(180deg,#2a1650,#140a2e);border:1px solid #a878ff;color:#e6d8ff;font-weight:800}.wildcard-btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.wildcard-btn.armed{animation:wildcardPulse 1.8s ease-in-out infinite}@keyframes wildcardPulse{0%,to{box-shadow:0 0 #a878ff00}50%{box-shadow:0 0 18px 2px #a878ff8c}}.wildcard-btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 8px 22px -10px #a878ff}.wildcard-hint{max-width:46ch;margin:.4rem auto 0;text-align:center}.wildcard-cine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;pointer-events:none;border-radius:16px;overflow:hidden}.wildcard-cine .wc-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#03081280,#02040ae0);animation:wcDim 1.6s ease forwards}@keyframes wcDim{0%{opacity:0}15%{opacity:1}82%{opacity:1}to{opacity:0}}.wc-card{width:clamp(110px,26vw,170px);aspect-ratio:3/4.4;perspective:900px;z-index:2}.wc-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:wcFlip 1.6s cubic-bezier(.3,.7,.3,1) forwards}@keyframes wcFlip{0%{transform:translateY(-140%) rotateY(0) scale(.7)}28%{transform:translateY(0) rotateY(0) scale(1)}50%{transform:translateY(0) rotateY(180deg) scale(1.05)}82%{transform:translateY(0) rotateY(180deg) scale(1)}to{transform:translateY(0) rotateY(180deg) scale(1);opacity:.9}}.wc-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:2px solid var(--wc, #a878ff);box-shadow:0 0 26px -6px var(--wc, #a878ff)}.wc-back{background:linear-gradient(150deg,#241048,#0e0722);font-size:2.6rem}.wc-front{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--wc) 30%,#0e0722),#0e0722);transform:rotateY(180deg);color:#fff}.wc-front img{width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.wc-front .wc-kicker{font-size:.56rem;font-weight:800;letter-spacing:.24em;color:var(--wc)}.wc-front .wc-class{font-size:1rem;font-weight:900}.wc-note{position:absolute;bottom:16%;left:50%;transform:translate(-50%);z-index:3;font-weight:800;font-size:.9rem;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.9);opacity:0;max-width:80%;animation:wcNote 1.6s ease forwards}@keyframes wcNote{0%,52%{opacity:0}64%{opacity:1}88%{opacity:1}to{opacity:0}}.wildcard-cine.silent .wc-front{filter:grayscale(.6) brightness(.8)}@media(prefers-reduced-motion:reduce){.wildcard-cine .wc-dim,.wc-card-inner,.wc-note{animation:none}.wc-card-inner{transform:rotateY(180deg)}}.life-ext{color:#7dffc8;font-weight:800}.life-extend-btn{display:inline-block;margin-top:.2rem;padding:.22rem .5rem;border-radius:8px;font-size:.64rem;font-weight:800;cursor:pointer;color:#04121a;background:linear-gradient(180deg,#b8f4ff,#3de8ff);border:1px solid #3de8ff;transition:transform .1s ease,filter .1s ease}.life-extend-btn:hover:not(:disabled){filter:brightness(1.06)}.life-extend-btn:active:not(:disabled){transform:scale(.97)}.life-extend-btn:disabled{opacity:.5;cursor:default;background:#ffffff1a;color:var(--muted);border-color:var(--line)}.hub-tab.locked{opacity:.45;position:relative}.hub-tab.locked:after{content:"🔒";font-size:.65rem;margin-left:.25rem}.hud-stats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ranked-chip{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--gold);background:#ffe14a1a;border:1px solid rgba(255,225,74,.35);border-radius:999px;padding:.35rem .75rem}body[data-hub-mood=reef]{--hub-accent: var(--hub-reef);--hub-ink: var(--hub-reef-ink)}body[data-hub-mood=loadout]{--hub-accent: var(--hub-loadout);--hub-ink: var(--hub-loadout-ink)}body[data-hub-mood=missions]{--hub-accent: var(--hub-missions);--hub-ink: var(--hub-missions-ink)}body[data-hub-mood=spectate]{--hub-accent: var(--hub-spectate);--hub-ink: var(--hub-spectate-ink)}body[data-hub-mood=inventory]{--hub-accent: var(--hub-inventory);--hub-ink: var(--hub-inventory-ink)}body[data-hub-mood=kitchen]{--hub-accent: var(--hub-kitchen);--hub-ink: var(--hub-kitchen-ink)}body[data-hub-mood=lab]{--hub-accent: var(--hub-lab);--hub-ink: var(--hub-lab-ink)}body[data-hub-mood=forge]{--hub-accent: var(--hub-forge);--hub-ink: var(--hub-forge-ink)}body[data-hub-mood]{--craft-accent: var(--hub-accent)}.hub-header h2{margin:0 0 .25rem;color:var(--hub-ink);text-shadow:0 0 22px color-mix(in srgb,var(--hub-accent) 32%,transparent)}.hub-ranked-bar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:.65rem 0}.tier-pill{font-weight:800;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(61,232,255,.4);border-radius:999px;padding:.25rem .65rem}.hub-costs-hint{font-size:.8rem;color:var(--muted);margin:0}.hub-costs-hint strong{color:var(--gold)}.hub-title-row{display:flex;align-items:center;gap:.6rem}.hub-back{width:auto;margin:0;padding:.35rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--hub-accent) 45%,transparent);background:color-mix(in srgb,var(--hub-accent) 9%,rgba(0,0,0,.25));color:var(--hub-accent);font-size:.72rem;font-weight:700;cursor:pointer}.hub-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0 .5rem}.hub-tile{--tile-accent: var(--cyan);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.15rem;padding:.7rem .85rem;min-height:148px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,#3de8ff0f,#00000040);color:#f2fbff;cursor:pointer;text-align:left;font:inherit;overflow:hidden;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.hub-tile[data-hub-tab=reef]{--tile-accent: var(--hub-reef)}.hub-tile[data-hub-tab=loadout]{--tile-accent: var(--hub-loadout)}.hub-tile[data-hub-tab=missions]{--tile-accent: var(--hub-missions)}.hub-tile[data-hub-tab=spectate]{--tile-accent: var(--hub-spectate)}.hub-tile[data-hub-tab=inventory]{--tile-accent: var(--hub-inventory)}.hub-tile[data-hub-tab=kitchen]{--tile-accent: var(--hub-kitchen)}.hub-tile[data-hub-tab=lab]{--tile-accent: var(--hub-lab)}.hub-tile[data-hub-tab=forge]{--tile-accent: var(--hub-forge)}.hub-tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tile-accent);opacity:.85;z-index:1}.hub-tile:hover{transform:translateY(-2px);border-color:var(--tile-accent);box-shadow:0 8px 22px color-mix(in srgb,var(--tile-accent) 26%,transparent)}.hub-tile:focus-visible{outline:2px solid var(--tile-accent);outline-offset:2px}.hub-tile-ico{font-size:1.5rem;line-height:1}img.hub-tile-ico{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 22%;transition:transform .25s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hub-tile:hover img.hub-tile-ico{transform:scale(1.04)}.hub-tile:before{content:"";position:absolute;top:34%;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(3,12,20,.55) 42%,rgba(3,12,20,.92) 78%,rgba(3,12,20,.97));pointer-events:none}.hub-tile-name,.hub-tile-sub{position:relative;z-index:1}.hub-tile-name{font-weight:800;font-size:1rem;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.8)}.hub-tile-sub{font-size:.7rem;color:#bfe0ef;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.9)}.hub-tile.locked{opacity:.5;cursor:not-allowed}.hub-tile.locked:after{content:"🔒 locked";position:relative;z-index:1;font-size:.62rem;color:var(--warn);margin-top:.2rem}@media(max-width:640px){.hub-menu{grid-template-columns:repeat(2,1fr)}}.hub-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0 .75rem}.hub-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}.hub-tab{width:auto;margin:0;border:1px solid var(--line);background:#00000040;color:var(--foam);border-radius:999px;padding:.4rem .85rem;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;flex:0 0 auto;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease}.hub-tab[data-hub-tab=reef]{--tab-accent: var(--hub-reef);--tab-ink: var(--hub-reef-ink)}.hub-tab[data-hub-tab=loadout]{--tab-accent: var(--hub-loadout);--tab-ink: var(--hub-loadout-ink)}.hub-tab[data-hub-tab=missions]{--tab-accent: var(--hub-missions);--tab-ink: var(--hub-missions-ink)}.hub-tab[data-hub-tab=spectate]{--tab-accent: var(--hub-spectate);--tab-ink: var(--hub-spectate-ink)}.hub-tab[data-hub-tab=inventory]{--tab-accent: var(--hub-inventory);--tab-ink: var(--hub-inventory-ink)}.hub-tab[data-hub-tab=kitchen]{--tab-accent: var(--hub-kitchen);--tab-ink: var(--hub-kitchen-ink)}.hub-tab[data-hub-tab=lab]{--tab-accent: var(--hub-lab);--tab-ink: var(--hub-lab-ink)}.hub-tab[data-hub-tab=forge]{--tab-accent: var(--hub-forge);--tab-ink: var(--hub-forge-ink)}.hub-tab:hover:not(.active){color:var(--tab-ink, var(--foam));border-color:color-mix(in srgb,var(--tab-accent, var(--cyan)) 55%,transparent)}.hub-tab:focus-visible{outline:2px solid var(--tab-accent, var(--cyan));outline-offset:2px}.hub-tab.active{border-color:var(--tab-accent, var(--hub-accent));color:var(--tab-ink, var(--hub-ink));background:color-mix(in srgb,var(--tab-accent, var(--hub-accent)) 16%,transparent)}.hub-panel{position:relative;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--hub-accent) 15%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--hub-accent) 6%,transparent),transparent 30%),var(--panel);border:1px solid color-mix(in srgb,var(--hub-accent) 32%,var(--line));border-top:3px solid color-mix(in srgb,var(--hub-accent) 70%,transparent);border-radius:16px;padding:1rem;max-height:min(68vh,640px);overflow-y:auto}.hub-panel h3,.hub-panel h4{margin:.75rem 0 .5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--hub-ink)}.hub-panel h3:first-child{margin-top:0}.hub-list{margin:0 0 .75rem;padding-left:1.1rem;font-size:.82rem;line-height:1.5}.hub-mini-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-bottom:.5rem}.hub-mini-picker .roster-card{width:auto;min-width:88px;grid-template-columns:1fr;text-align:center;padding:.45rem}.loadout-hero{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:.75rem;margin-bottom:.8rem;padding:.65rem;border-radius:14px;background:color-mix(in srgb,var(--hub-accent) 8%,rgba(0,0,0,.2));border:1px solid color-mix(in srgb,var(--hub-accent) 28%,var(--line))}.loadout-hero>img{width:70px;height:70px;border-radius:14px;object-fit:cover}.loadout-hero h3,.loadout-hero p{margin:0}.loadout-hero .btn{width:auto;margin:0}.loadout-lane{margin:.7rem 0;padding:.75rem;border:1px solid var(--line);border-left:3px solid var(--lane-accent, var(--hub-accent));border-radius:14px;background:#0000002e}.loadout-lane.adventure{--lane-accent: #ff934d}.loadout-lane.raid{--lane-accent: #a878ff}.loadout-lane.arena{--lane-accent: #55bfff}.loadout-lane-title{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.loadout-lane-title img{width:54px;height:54px;flex:0 0 auto;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--lane-accent) 45%,transparent)}.loadout-lane-title h4,.loadout-lane-title p{margin:0}.loadout-lane-title p{color:var(--muted);font-size:.74rem}.loadout-nft-card{position:relative;display:grid;grid-template-columns:54px 1fr;gap:.55rem;align-items:center;min-height:78px;margin:0;padding:.55rem;border:1px solid var(--line);border-radius:12px;background:#0000003d;color:var(--foam);text-align:left}.loadout-nft-card.on{border-color:var(--lane-accent, var(--hub-accent));background:color-mix(in srgb,var(--lane-accent, var(--hub-accent)) 10%,rgba(0,0,0,.24))}.loadout-nft-card.busy{opacity:.55}.loadout-nft-art,.formation-chip-art,.food-nft-art,.slot-nft-art{position:relative;display:block;width:54px;height:54px;border-radius:11px;overflow:hidden;border:1px solid var(--rar, var(--line));background:#0003}.loadout-nft-art .faction-icon,.formation-chip-art .faction-icon,.food-nft-art .faction-icon,.slot-nft-art .faction-icon{position:absolute;left:1px;bottom:1px;width:14px;height:14px;z-index:3}.loadout-nft-meta{min-width:0;display:flex;flex-direction:column}.loadout-nft-meta strong{font-size:.88rem}.loadout-nft-meta small{color:var(--muted);font-size:.68rem}.loadout-nft-meta b{color:var(--mint);font-size:.74rem}.loadout-pick-state{position:absolute;right:.4rem;bottom:.25rem;font-size:.52rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}.loadout-nft-card.on .loadout-pick-state{color:var(--lane-accent, var(--hub-ink))}.food-assign{display:grid!important;grid-template-columns:40px minmax(70px,auto) 1fr;gap:.5rem}.food-nft-art{width:40px;height:40px}@media(max-width:640px){.loadout-hero{grid-template-columns:58px 1fr}.loadout-hero>img{width:58px;height:58px}.loadout-hero .btn{grid-column:1 / -1;width:100%}.hub-mini-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-nft-card{grid-template-columns:48px 1fr}.loadout-nft-art{width:48px;height:48px}}.hub-food-assign .food-assign,.equip-slots .equip-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.82rem}.hub-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hub-actions .btn{width:auto;flex:1;min-width:140px}.recipe-grid{display:grid;gap:.5rem}.recipe-card{text-align:left;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--line);background:#00000038;color:inherit;font:inherit;cursor:pointer;width:100%}.recipe-card:hover:not(:disabled){border-color:color-mix(in srgb,var(--hub-accent) 45%,var(--line));background:color-mix(in srgb,var(--hub-accent) 7%,rgba(0,0,0,.22))}.recipe-card:focus-visible{outline:2px solid var(--hub-accent);outline-offset:2px}.recipe-card:disabled{opacity:.45;cursor:not-allowed}.recipe-card .recipe-name{font-weight:800;font-size:.85rem}.recipe-card .rarity{font-size:.65rem;opacity:.55;margin-left:.35rem}.recipe-card .recipe-effect,.recipe-card .recipe-cost{font-size:.72rem;color:var(--muted);margin-top:.2rem}.recipe-card.has-art{display:flex;align-items:center;gap:.7rem;border-left:3px solid var(--rar, var(--line))}.recipe-card.has-art .recipe-thumb{position:relative;flex:0 0 auto;width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rar, #7dffc8) 34%,transparent),transparent 72%),#040c148c;box-shadow:0 0 0 1px color-mix(in srgb,var(--rar, #7dffc8) 45%,transparent) inset;overflow:hidden}.recipe-card.has-art .recipe-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.recipe-card.has-art .recipe-thumb-glyph{font-size:1.6rem;line-height:1}.recipe-card.has-art .recipe-body{min-width:0;flex:1 1 auto}.recipe-card.has-art .rarity{opacity:1;font-weight:800}.inline-item-ico{width:20px;height:20px;vertical-align:-.35em;object-fit:contain}.hub-morph-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;margin:.5rem 0}.morph-gear-card{position:relative;display:grid;grid-template-columns:58px 1fr 20px;gap:.5rem;align-items:center;min-height:76px;margin:0;padding:.5rem;border:1px solid var(--line);border-left:3px solid var(--rar, var(--line));border-radius:12px;background:#0003;color:var(--foam);text-align:left}.morph-gear-card.on{border-color:var(--rar);background:color-mix(in srgb,var(--rar) 10%,rgba(0,0,0,.2))}.morph-gear-thumb{width:58px;height:58px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--rar) 9%,rgba(0,0,0,.28))}.morph-gear-thumb img{width:92%;height:92%;object-fit:contain}.morph-gear-meta{min-width:0;display:flex;flex-direction:column}.morph-gear-meta strong{font-size:.76rem;overflow:hidden;text-overflow:ellipsis}.morph-gear-meta small{color:var(--muted);font-size:.64rem}.morph-check{color:var(--rar);font-size:1.1rem;font-weight:900}.forge-slot-pill{display:inline-flex;align-items:center;gap:.35rem}.forge-slot-pill img{width:28px;height:28px;object-fit:contain}.reef-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1rem;align-items:start}.reef-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.45rem;padding-right:.15rem}.reef-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;gap:.2rem .4rem;align-items:center;min-height:76px;padding:.55rem;border-radius:12px;border:1px solid var(--line);background:#00000038;color:inherit;font:inherit;text-align:left;cursor:pointer}.reef-card.on{border-color:var(--mint);background:#3dffc01a}.reef-card.hungry{border-color:#ffaa5a8c}.hungry-bubble{position:absolute;top:-8px;right:-8px;z-index:3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.68rem;background:#140a04f0;border:1px solid #ffb26b;box-shadow:0 0 10px #ffb26b80;animation:hungryNudge 1.6s ease-in-out infinite;pointer-events:none}.hungry-bubble.home-hungry{top:-6px;right:-6px;width:28px;height:28px;font-size:.85rem;box-shadow:0 2px 8px #00000080}@keyframes hungryNudge{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-3px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}}.reef-flags .hungry-flag{color:#ffcf9e;border-color:#ffb26b99}@media(prefers-reduced-motion:reduce){.hungry-bubble{animation:none}}.reef-card .peg-mini{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:.75rem;color:#041018;grid-row:1 / 3}.reef-card .meta .name{font-weight:800;font-size:.86rem}.reef-card .meta .sub{font-size:.69rem;color:var(--muted)}.reef-card .bp{font-size:.75rem;font-weight:800;color:var(--mint);justify-self:end}.reef-flags{grid-column:2 / 4;display:flex;gap:.25rem;min-height:.9rem}.reef-flags span{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:var(--cyan);border:1px solid rgba(61,232,255,.35);border-radius:999px;padding:.05rem .35rem}.reef-flags .lineage{color:var(--hub-ink);border-color:color-mix(in srgb,var(--hub-accent) 45%,transparent)}.reef-flags .busy{color:#ffd699;border-color:#ffad4273}.reef-bio{border:1px solid var(--line);border-radius:14px;background:#0003;padding:.85rem}.bio-hero{display:grid;grid-template-columns:88px 1fr auto;gap:.65rem;align-items:center;margin-bottom:.75rem}.bio-peg{width:88px;height:88px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:1.2rem;color:#041018}.bio-peg-button{width:auto;margin:0;padding:0;border:0;border-radius:18px;background:transparent;cursor:zoom-in}.bio-peg-button:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}.bio-sheet-close{display:none;position:sticky;top:0;z-index:8;float:right;width:38px;height:38px;margin:0 0 .35rem .5rem;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--hub-accent) 45%,var(--line));background:#081722;color:var(--foam);font-size:1.35rem;cursor:pointer}.bio-lineage{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.bio-lineage span{border:1px solid color-mix(in srgb,var(--hub-accent) 42%,transparent);background:color-mix(in srgb,var(--hub-accent) 10%,transparent);color:var(--hub-ink);border-radius:999px;padding:.12rem .42rem;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bio-lineage .busy{color:#ffd699;border-color:#ffad426b;background:#ffad4214}.bio-lore{margin:.2rem 0 .8rem;padding:.7rem .8rem;border-left:3px solid var(--hub-accent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--hub-accent) 7%,rgba(0,0,0,.2))}.bio-lore h4{margin:0 0 .3rem}.bio-lore p{margin:0;color:var(--foam);font-size:.82rem;line-height:1.5}.bio-lore small{display:block;margin-top:.35rem;color:var(--muted);font-size:.65rem}.dna-trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0 0 .8rem}.dna-trait{margin:0;padding:.4rem .5rem;border:1px solid var(--line);border-radius:9px;background:#00000029}.dna-trait dt{color:var(--muted);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.dna-trait dd{margin:.12rem 0 0;color:var(--foam);font-size:.75rem;font-weight:700}body.bio-sheet-open{overflow:hidden}.reef-bio.bio-sheet-open{position:fixed;inset:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));z-index:1200;max-width:760px;margin:auto;overflow-y:auto;background:#071722;border-color:var(--hub-accent);box-shadow:0 18px 60px #000000bf}.reef-bio.bio-sheet-open .bio-sheet-close{display:block}.reef-bio.bio-sheet-open .bio-hero{grid-template-columns:132px minmax(0,1fr) auto;column-gap:1rem;align-items:start}.reef-bio.bio-sheet-open .bio-peg{width:132px;height:132px;flex-shrink:0}.reef-bio.bio-sheet-open .bio-peg-button{width:132px}.reef-bio.bio-sheet-open .bio-title,.reef-bio.bio-sheet-open .bio-sub,.reef-bio.bio-sheet-open .bio-id{overflow-wrap:anywhere}.bio-title{margin:0;font-size:1.05rem;letter-spacing:.04em;text-transform:none;opacity:1}.bio-sub,.bio-id{margin:.15rem 0 0;font-size:.72rem;color:var(--muted)}.bio-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.7}.bio-bp{font-size:1.35rem;font-weight:900;color:var(--mint);line-height:1;text-align:right}.bio-bp small{display:block;font-size:.65rem;letter-spacing:.12em;opacity:.7}.bio-facts{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:0 0 .75rem}.bio-facts div{background:#0000002e;border-radius:10px;padding:.45rem .55rem}.bio-facts dt{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;opacity:.5}.bio-facts dd{margin:.15rem 0 0;font-size:.82rem;font-weight:700}.bio-stats{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.bio-stats span{font-size:.68rem;font-weight:700;padding:.25rem .45rem;border-radius:8px;border:1px solid var(--line);color:var(--muted)}.bio-feed{width:100%;margin-bottom:.75rem}.bio-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.bio-actions .btn{width:auto;flex:1;min-width:120px}.btn.danger{border-color:#ff5a6a8c;color:#ff8a96}.hub-formation-board{margin:.5rem 0 1rem}.formation-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.formation-chip{border:1px solid var(--line);background:#00000040;color:inherit;font:inherit;font-size:.72rem;border-radius:12px;padding:.35rem .55rem;cursor:pointer;display:flex;align-items:center;gap:.4rem}.formation-chip-art{width:38px;height:38px;border-radius:9px}.formation-chip>span:last-child{display:flex;flex-direction:column;text-align:left}.formation-chip small{color:var(--muted);font-size:.62rem}.formation-chip.on{border-color:var(--mint);color:var(--mint);background:#3dffc01f}.hub-formation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-width:280px}.hub-form-slot{min-height:82px;border-radius:12px;border:1px dashed var(--line);background:#0003;color:inherit;font:inherit;display:grid;place-items:center;gap:.15rem;cursor:pointer}.slot-nft-art{width:50px;height:50px;border-radius:10px}.hub-form-slot .slot-nft{font-size:.62rem;color:var(--muted)}.hub-form-slot.filled{border-style:solid;border-color:var(--cyan);background:#3de8ff1a}.hub-form-slot.placing{box-shadow:0 0 0 1px #3dffc059}.hub-form-slot .slot-id{font-size:.62rem;letter-spacing:.12em;opacity:.55}.hub-form-slot .slot-nft{font-weight:900;font-size:1rem}.hub-form-slot.shake{animation:form-shake .35s ease}@keyframes form-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.formation-preview{margin:.35rem 0 .5rem;font-size:.78rem}.arena-fighters{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.85rem 1rem;margin-bottom:.85rem}.arena-fighters h3{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.arena-history{margin:0 0 .85rem;padding:.8rem;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.arena-history-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.arena-history-head h3,.arena-history-head p{margin:0}.arena-history-filters{display:flex;gap:.3rem}.rating-sparkline{height:42px;display:flex;align-items:end;gap:3px;margin:.6rem 0;padding:.3rem .4rem 0;border-bottom:1px solid var(--line)}.rating-sparkline span{flex:1 1 0;min-width:4px;max-width:18px;border-radius:3px 3px 0 0;background:var(--muted);opacity:.75}.rating-sparkline span.win{background:var(--mint)}.rating-sparkline span.loss{background:var(--coral)}.arena-history-list{display:grid;gap:.35rem;max-height:250px;overflow-y:auto}.arena-history-row{display:grid;grid-template-columns:48px 1fr 52px 48px;gap:.5rem;align-items:center;min-height:54px;margin:0;padding:.45rem .55rem;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:10px;background:#0003;color:var(--foam);text-align:left}.arena-history-row.win{border-left-color:var(--mint)}.arena-history-row.loss{border-left-color:var(--coral)}.arena-history-row.draw{border-left-color:var(--gold)}.history-result{font-size:.62rem;font-weight:900;letter-spacing:.08em}.arena-history-row.win .history-result{color:var(--mint)}.arena-history-row.loss .history-result{color:var(--coral)}.history-opponent,.history-rating{min-width:0;display:flex;flex-direction:column}.history-opponent small,.history-rating small{color:var(--muted);font-size:.62rem}.history-rating{text-align:right}.history-rating small{color:var(--gold)}.history-replay{color:var(--cyan);font-size:.55rem;font-weight:800;letter-spacing:.08em}@media(max-width:560px){.arena-history-head{align-items:flex-start;flex-direction:column}.arena-history-row{grid-template-columns:42px 1fr 46px}.history-replay{display:none}}.arena-fighter-picker{max-height:220px}.grid-board .slot.shake{animation:form-shake .35s ease}@media(max-width:820px){.reef-layout{grid-template-columns:1fr}.reef-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.reef-card{grid-template-columns:64px 1fr;grid-template-rows:auto auto auto;min-height:96px;padding:.7rem}.reef-card .peg-mini{width:64px;height:64px;grid-row:1 / 3}.reef-card .meta .name{font-size:.94rem}.reef-card .meta .sub{font-size:.73rem;line-height:1.25}.reef-card .bp{grid-column:2;justify-self:start;font-size:.8rem}.reef-flags{grid-column:1 / -1}.reef-bio:not(.bio-sheet-open){display:none}.reef-bio.bio-sheet-open{max-width:none;border-radius:20px 20px 0 0;top:5vh;right:0;bottom:0;left:0;padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.reef-bio.bio-sheet-open .bio-actions{position:sticky;bottom:0;z-index:7;padding:.6rem 0;background:linear-gradient(180deg,transparent,#071722 18%)}.reef-bio.bio-sheet-open .bio-hero{grid-template-columns:132px minmax(0,1fr);column-gap:1rem}.reef-bio.bio-sheet-open .bio-peg{width:132px;height:132px}.reef-bio.bio-sheet-open .bio-peg-button{width:132px}.reef-bio.bio-sheet-open .bio-bp{grid-column:2;justify-self:start;text-align:left}.dna-trait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.reef-grid{grid-template-columns:1fr}.reef-card{grid-template-columns:68px 1fr auto}.reef-card .peg-mini{width:68px;height:68px}.reef-card .bp{grid-column:3;justify-self:end}}.screen{display:none}.screen.active{display:block}#screen-adventure.active{display:flex;flex-direction:column;max-height:calc(100dvh - 5.5rem)}.hint{color:var(--muted);font-size:.82rem;margin:.35rem 0}label{display:block;margin:.5rem 0;color:var(--muted);font-size:.85rem}select,button{display:block;width:100%;margin-top:.35rem;padding:.55rem .65rem;border-radius:10px;border:1px solid #2f6670;background:#0e3038;color:var(--foam);font:inherit}.btn{cursor:pointer;font-weight:700;letter-spacing:.06em}.btn.primary{background:linear-gradient(135deg,#2ad4c0,#1a8aaa);color:#042029;border:none}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--foam)}.btn:disabled{opacity:.45;cursor:not-allowed}.adv-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem}.mode{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.timer-block,.loot-bag{display:flex;align-items:center;gap:.75rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem}.loot-bag{justify-self:end}.defense-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:14px;padding:.7rem 1rem;margin-bottom:1rem;border:1px solid var(--line);background:#ffffff08}.defense-banner.won{border-color:#7dffc880;background:#7dffc814}.defense-banner.lost{border-color:#ff6c6c80;background:#ff6c6c14}.defense-info{display:flex;align-items:center;gap:.7rem}.defense-icon{font-size:1.5rem}.defense-title{font-weight:800}.defense-sub{font-size:.82rem;color:var(--muted, #8aa0b8)}.defense-banner .btn{flex:0 0 auto;width:auto;margin:0}.timer-ring{width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--cyan) 0 0%,rgba(255,255,255,.08) 0% 100%);transition:background .3s linear}.timer-label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.timer-clock{font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.loot-count{font-weight:800;color:var(--mint);font-size:1.1rem}.bag-icon{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45));animation:bagBob 2.6s ease-in-out infinite}@keyframes bagBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.bag-icon{animation:none}}.adv-body{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,210px);gap:.75rem;min-height:0;max-height:min(52vh,420px)}.squad-lock{text-align:center;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line);background:#0003;color:var(--muted);width:fit-content;margin-left:auto;margin-right:auto}.squad-lock strong{color:var(--foam)}.squad-lock.ok{border-color:#3dffc073;color:var(--mint)}.squad-lock.ok strong{color:var(--mint)}.squad-lock.warn{border-color:#ff7a1a73;color:var(--warn)}.adv-actionbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.6rem .9rem;margin-bottom:.85rem;border-radius:14px;background:linear-gradient(180deg,#0a1620f5,#060e14f5);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.adv-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--foam);min-width:0}.adv-status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex:none}.adv-status.ok .adv-status-dot{background:var(--mint);box-shadow:0 0 10px #3dffc0b3}.adv-status.warn .adv-status-dot{background:var(--warn)}.adv-status.live .adv-status-dot{background:var(--cyan);animation:statusPulse 1.3s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #3de8ff99}50%{box-shadow:0 0 0 6px #3de8ff00}}.adv-actionbar-btns{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.adv-ready-hint{flex:1 1 100%;margin:0;font-size:.78rem;line-height:1.35;color:var(--muted)}.adv-ready-hint strong{color:var(--foam)}.claim-cta{animation:claimPulse 1.2s ease-in-out infinite}@keyframes claimPulse{0%,to{box-shadow:0 0 #ffe14a8c;transform:translateY(0)}50%{box-shadow:0 0 18px 4px #ffe14a59;transform:translateY(-1px)}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.side-panel .panel-head h3{margin:0;font-size:.8rem;letter-spacing:.06em;opacity:1}.squad-tally{font-size:.72rem;font-weight:800;color:var(--cyan);margin-left:.3rem}.panel-toggle{background:none;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-size:.68rem;font-weight:700;padding:.2rem .6rem;cursor:pointer}.help-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(61,232,255,.4);background:#3de8ff1a;color:var(--cyan);font-weight:800;font-size:.8rem;cursor:pointer;display:grid;place-items:center}.squad-slots{display:grid;gap:.4rem;margin-bottom:.6rem}.squad-slot{position:relative;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:14px;border:1px solid var(--line);background:#00000038;min-height:68px}.squad-slot.filled{border-color:#3de8ff59;background:#3de8ff0f}.squad-slot.busy{border-color:#ff7a1a8c;background:#ff7a1a14}.hint.warn-text{color:var(--warn)}.arena-hero.squad-slots{display:grid;gap:.4rem;margin:.5rem 0 .85rem;min-height:0}.squad-slot:not(.filled){border-style:dashed;cursor:pointer}.squad-slot-peg{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#041018}.squad-slot-add{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;color:var(--muted);border:1px dashed var(--line)}.squad-slot-meta .name{font-weight:700;font-size:.82rem}.squad-slot-meta .sub{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:.25rem}.squad-slot-bp{font-weight:800;font-size:.85rem;color:var(--foam)}.squad-slot-bp small{font-size:.55rem;opacity:.6;margin-left:2px}.squad-slot-x{position:absolute;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,128,140,.75);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 42%),linear-gradient(160deg,#ff5a6a,#a3182c 58%,#5c0a16);color:#fff2f4;font-weight:800;font-size:.85rem;cursor:pointer;display:grid;place-items:center;line-height:1;box-shadow:0 2px 6px #0000008c,0 0 0 2px #06141ee6,0 0 10px #ff5a6a59;text-shadow:0 1px 2px rgba(60,0,8,.8);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.squad-slot-x:hover,.squad-slot-x:focus-visible{transform:scale(1.12);filter:brightness(1.15);box-shadow:0 3px 9px #0009,0 0 0 2px #06141ee6,0 0 16px #ff5a6aa6;outline:none}.squad-slot-x:active{transform:scale(.94);filter:brightness(.92)}.squad-chooser{display:none;margin-top:.5rem;border:1px solid var(--line);border-radius:14px;padding:.5rem .6rem;background:#04121c8c;animation:chooserIn .18s ease}.squad-chooser.open{display:block}@keyframes chooserIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.squad-chooser{animation:none}}.chooser-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.reef-sprite-wrap,.bio-sprite-wrap{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rar, #7dffc8) 38%,transparent),transparent 72%),#04121c80!important;border:1px solid color-mix(in srgb,var(--rar, #7dffc8) 55%,transparent);overflow:hidden}.reef-sprite{width:92%;height:92%;object-fit:contain;filter:var(--dna, none);transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1));pointer-events:none;-webkit-user-drag:none}.bio-sprite{width:94%;height:94%;object-fit:contain;filter:var(--dna, none);transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1));pointer-events:none;-webkit-user-drag:none}.reef-sprite-wrap:after,.bio-sprite-wrap:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;z-index:1;opacity:.28;pointer-events:none;mix-blend-mode:soft-light;transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1));-webkit-mask:var(--sprite-url) center / contain no-repeat;mask:var(--sprite-url) center / contain no-repeat;background:var(--dna-pattern, transparent)}.reef-sprite,.bio-sprite,.reef-sprite-wrap:after,.bio-sprite-wrap:after{animation:thumbAlive 3.6s ease-in-out infinite;animation-delay:var(--alive-delay, 0s)}.mark-spots{--alive-delay: 0s}.mark-ripples{--alive-delay: -.7s}.mark-speckles{--alive-delay: -1.5s}.mark-veins{--alive-delay: -2.2s}.mark-starlight{--alive-delay: -2.9s}@keyframes thumbAlive{0%,to{transform:translateY(0) scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1))}35%{transform:translateY(-1.6%) scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(calc(var(--dna-tall, 1) * 1.025))}70%{transform:translateY(.7%) scale(var(--dna-scale, 1)) scaleX(calc(var(--dna-wide, 1) * 1.015)) scaleY(calc(var(--dna-tall, 1) * .985))}}@media(prefers-reduced-motion:reduce){.reef-sprite,.bio-sprite,.reef-sprite-wrap:after,.bio-sprite-wrap:after{animation:none}}.mark-spots{--dna-pattern: radial-gradient(circle at 30% 33%, #fff 0 4%, transparent 5%), radial-gradient(circle at 68% 46%, #071d35 0 5%, transparent 6%), radial-gradient(circle at 44% 72%, #fff 0 3%, transparent 4%)}.mark-ripples{--dna-pattern: repeating-radial-gradient(ellipse at 48% 65%, transparent 0 7%, #fff 8% 10%, transparent 11% 17%)}.mark-speckles{--dna-pattern: radial-gradient(circle at 24% 45%, #fff 0 2%, transparent 3%), radial-gradient(circle at 56% 28%, #fff 0 1.5%, transparent 2.5%), radial-gradient(circle at 73% 66%, #061a32 0 2%, transparent 3%), radial-gradient(circle at 43% 79%, #fff 0 1.5%, transparent 2.5%)}.mark-veins{--dna-pattern: repeating-linear-gradient(125deg, transparent 0 11%, #fff 12% 13%, transparent 14% 24%)}.mark-starlight{--dna-pattern: conic-gradient(from 45deg at 34% 34%, transparent 0 12%, #fff 13% 18%, transparent 19% 100%), conic-gradient(from 45deg at 70% 63%, transparent 0 12%, #fff 13% 18%, transparent 19% 100%)}.prev-peg .prev-peg-art{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.prev-peg .prev-peg-art .faction-icon{width:11px;height:11px}.prev-peg small{z-index:2}.team-token span.map-peg{overflow:hidden}.team-token span.map-peg .reef-sprite{width:96%;height:96%}.vs-peg.sprite .reef-sprite{width:106%;height:106%}.reef-sprite-wrap .faction-icon,.bio-sprite-wrap .faction-icon{position:absolute;left:2px;bottom:2px;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.bio-range{margin:.15rem 0 0;font-size:.68rem;font-weight:800;letter-spacing:.05em;color:var(--cyan);text-transform:uppercase}.bio-parts{display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0 .75rem}.bio-part{display:flex;align-items:flex-start;gap:.55rem;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:10px;padding:.45rem .6rem;background:#04121c73}.part-tag{flex:0 0 auto;font-size:.68rem;font-weight:800;padding:.2rem .45rem;border-radius:999px;background:#3de8ff1a;border:1px solid rgba(61,232,255,.3);white-space:nowrap}.part-name{font-weight:800;font-size:.78rem}.part-desc{font-size:.7rem;color:var(--muted);line-height:1.35}.roster-sort{display:flex;align-items:center;gap:.35rem;margin:.35rem 0 .5rem;flex-wrap:wrap}.dev-lord-row{display:flex;gap:.4rem;margin:.3rem 0 .4rem;flex-wrap:wrap}.dev-lord-row .btn{font-size:.78rem;padding:.3rem .6rem;border-style:dashed}.roster-sort .pill.tiny{width:auto;margin:0;padding:.25rem .6rem;font-size:.66rem;font-weight:800;border-radius:999px;border:1px solid var(--line);background:#04121c8c;color:var(--muted);cursor:pointer}.roster-sort .pill.tiny.on{border-color:var(--cyan);color:var(--cyan);background:#3de8ff1a}.gear-unbound{color:var(--muted);font-style:italic}.gear-elem{color:#ff9a4a;font-weight:800}.run-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.run-chip{width:auto;margin:0;padding:.35rem .75rem;font-size:.7rem;font-weight:800;letter-spacing:.04em;border-radius:999px;border:1px solid var(--line);background:#04121c99;color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums}.run-chip.on{border-color:var(--cyan);color:var(--cyan);background:#3de8ff1a}.run-chip.ready{border-color:var(--mint);color:var(--mint)}.run-chip.new{border-style:dashed;color:var(--gold)}.tonic-ico{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:.35rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.recall-link{opacity:.55;font-size:.66rem;margin-top:.4rem}.recall-link:hover{opacity:.9}.btn.tiny{padding:.25rem .6rem;font-size:.68rem}.field{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.field select{margin-top:.3rem}.arena-meta-row{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.rank-chip,.energy-chip{font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--line);background:#00000040}.rank-chip{color:var(--gold);border-color:#ffe14a59;background:#ffe14a14}.energy-chip{color:var(--cyan);border-color:#3de8ff59;background:#3de8ff14}.energy-chip.low{color:var(--coral);border-color:#ff5a6a73;background:#ff5a6a1a}.ov-result-detail .split-row strong.up{color:var(--mint)}.ov-result-detail .split-row strong.down{color:var(--coral)}.expo-allowance{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.expo-chip{font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(61,232,255,.35);background:#3de8ff14;color:var(--cyan)}.expo-chip.full{border-color:#ff7a1a80;background:#ff7a1a1a;color:var(--warn)}.loot-preview{margin:.6rem 0}.loot-preview h4{margin:0 0 .4rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.loot-preview-items{display:flex;flex-wrap:wrap;gap:.35rem}.loot-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.68rem;padding:.22rem .5rem;border-radius:999px;border:1px solid var(--line);background:#00000040;color:var(--foam)}.loot-chip.points{border-color:#ffe14a66;color:var(--gold)}.loot-chip-ico{font-size:.8rem}.squad-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.squad-preview{margin-top:.5rem;flex-shrink:0}.controls-panel{overflow-y:auto;min-height:0}.intel-row.provisions strong{font-size:.72rem;color:var(--gold)}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem}.controls-panel h3{margin:1rem 0 .5rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.controls-panel h3:first-child{margin-top:0}.roster-picker{display:grid;grid-template-columns:1fr;gap:.4rem;flex:1;min-height:0;max-height:180px;overflow-y:auto;margin-bottom:.5rem}.roster-card{display:grid;grid-template-columns:36px 1fr auto;gap:.4rem;align-items:center;padding:.4rem .5rem;border-radius:10px;border:1px solid var(--line);background:#0003;cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}.roster-card.on{border-color:var(--cyan);background:#3de8ff1a}.roster-card .peg-mini{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.75rem;color:#041018}.roster-card .meta{font-size:.75rem}.roster-card .meta .name{font-weight:700}.roster-card .meta .sub{opacity:.55;font-size:.68rem}.roster-card .bp{font-size:.7rem;font-weight:800;color:var(--mint)}#loot-intel-head{cursor:pointer}#loot-intel-head:hover .hint{color:var(--cyan)}.loot-intel{margin:.75rem 0;padding:.65rem .75rem;border-radius:12px;background:#00000047;border:1px solid var(--line)}.loot-intel h4{margin:0 0 .5rem;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.5}.intel-row{display:flex;justify-content:space-between;font-size:.8rem;padding:.2rem 0}.intel-row.pearl{color:var(--pink)}.intel-row strong{color:var(--foam)}.side-panel h3{margin:0 0 .75rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.team-list{display:flex;flex-direction:column;gap:.5rem}.team-card{display:grid;grid-template-columns:40px 1fr;gap:.5rem;align-items:center;padding:.45rem;border-radius:10px;background:#ffffff08}.team-peg{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#041018}.team-meta .name{font-weight:700;font-size:.85rem}.team-meta .sub{font-size:.7rem;opacity:.5}.scout-radar{margin-top:1rem;aspect-ratio:1;border-radius:50%;border:1px solid rgba(61,255,192,.35);background:radial-gradient(circle,rgba(61,255,192,.1),transparent 60%),repeating-radial-gradient(circle,transparent 0 16px,rgba(61,255,192,.1) 16px 17px);position:relative;overflow:hidden}.scout-radar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 0 70%,rgba(61,255,192,.45) 100%);animation:sweep 3s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.adventure-board{position:relative;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#04141e0d,#030e1647),var(--board-img, url(/art/board-adventure.png)) center/cover no-repeat,linear-gradient(180deg,#0a2030,#061018);transition:background .3s ease;overflow:hidden;min-height:0;height:100%;max-height:min(38vh,340px)}.board-loc-tag{position:absolute;top:10px;left:12px;z-index:3;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:.3rem .65rem;border-radius:999px;color:#eafcff;background:#04121cbf;border:1px solid rgba(61,232,255,.35);box-shadow:0 3px 10px #00000059}.path-nodes .node{position:absolute;width:clamp(36px,8vw,48px);height:clamp(36px,8vw,48px);border-radius:50%;display:grid;place-items:center;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:2px solid rgba(255,255,255,.2);background:#061824d9;transform:translate(-50%,-50%);transition:box-shadow .3s ease}.node.done{border-color:var(--mint);color:var(--mint)}.node.here{width:88px;height:88px;border-color:var(--cyan);box-shadow:0 0 0 5px #3de8ff1f}.node.loot{border-color:var(--gold);color:var(--gold)}.node.fight{border-color:var(--warn);color:var(--warn)}.node.fog{opacity:.4;border-style:dashed}.path-nodes .node:nth-child(1){left:18%;top:72%}.path-nodes .node:nth-child(2){left:32%;top:58%}.path-nodes .node:nth-child(3){left:42%;top:48%}.path-nodes .node:nth-child(4){left:58%;top:38%}.path-nodes .node:nth-child(5){left:72%;top:30%}.path-nodes .node:nth-child(6){left:88%;top:20%}.team-token{position:absolute;left:42%;top:48%;transform:translate(-50%,-50%);display:flex;z-index:2;transition:left .8s ease,top .8s ease}.team-token span{width:44px;height:44px;border-radius:50%;border:2px solid #061820;margin-left:-9px;box-shadow:0 4px 10px #00000059;display:grid;place-items:center;font-size:.68rem;font-weight:800;color:#06202c}.team-token span:nth-child(1){background:#7dffc8;z-index:3}.team-token span:nth-child(2){background:#7ec8ff;z-index:2}.team-token span:nth-child(3){background:#ffd36e;z-index:1}.progress-pips{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:6px;background:#0006;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.pip{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.55rem;font-weight:800;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.pip.on{border-color:var(--cyan);color:var(--cyan)}.pip.ok{color:var(--mint);border-color:var(--mint)}.raid-stage{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.25rem}.raid-cost-line{margin:.35rem 0 0;font-size:.82rem;color:var(--warn)}.raid-cost-line strong{color:var(--gold)}.raid-energy{color:var(--cyan);font-weight:700}.raid-energy.low{color:var(--coral)}.raid-cd-box{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.5rem;padding:.45rem .7rem;border-radius:10px;border:1px solid rgba(255,122,26,.45);background:#ff7a1a14;font-size:.78rem;color:var(--warn)}.split-row.jackpot span,.split-row.jackpot strong{color:var(--gold);font-weight:800}.raid-prep{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.raid-prep-col h3{margin:0 0 .5rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.raid-targets{display:flex;flex-direction:column;gap:.45rem;max-height:340px;overflow-y:auto}.raid-target{position:relative;overflow:hidden;flex:0 0 auto;text-align:left;padding:.55rem .65rem;border-radius:12px;border:1px solid var(--line);background:#00000038;cursor:pointer;color:inherit;font:inherit;width:100%}.raid-target:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--field-img, none) right center / cover no-repeat;opacity:.4;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 38%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 38%,#000 100%);pointer-events:none}.raid-target>*{position:relative;z-index:1}.raid-target[data-faction=Abyss]{--field-img: url(/art/fields/field-abyss.png)}.raid-target[data-faction=Trench]{--field-img: url(/art/fields/field-trench.png)}.raid-target[data-faction=Magma]{--field-img: url(/art/fields/field-magma.png)}.raid-target[data-faction=Bloom]{--field-img: url(/art/fields/field-bloom.png)}.raid-target[data-faction=Crystal]{--field-img: url(/art/fields/field-crystal.png)}.raid-target[data-faction=Volt]{--field-img: url(/art/fields/field-volt.png)}.raid-target.on{border-color:var(--fac, var(--coral));background:#ff5a6a1a;box-shadow:0 0 0 1px color-mix(in srgb,var(--fac, #ff5a6a) 55%,transparent),0 6px 18px -10px var(--fac, #ff5a6a)}.raid-target.on:before{opacity:.55}.raid-target .target-top{display:flex;justify-content:space-between;font-size:.75rem;font-weight:800}.raid-target .target-label{font-weight:700;margin:.2rem 0}.raid-target .target-meta{font-size:.68rem;opacity:.55}.raid-target .target-preview{display:flex;gap:.35rem;margin:.3rem 0 .15rem}.prev-peg{position:relative;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#06202c;background:linear-gradient(150deg,var(--pp, #7ec8ff),color-mix(in srgb,var(--pp, #7ec8ff) 55%,#06202c));border:1.5px solid color-mix(in srgb,var(--pp, #7ec8ff) 75%,#fff);box-shadow:0 2px 7px #0006}.prev-peg small{position:absolute;bottom:-6px;right:-5px;font-size:.52rem;font-weight:800;color:#eafcff;background:#04121ce6;border:1px solid var(--line);border-radius:999px;padding:0 4px}.prev-peg.fog{background:linear-gradient(150deg,#12242f,#060f16);border:1.5px dashed rgba(255,255,255,.35);overflow:hidden}.prev-peg.fog img{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain;opacity:.5;filter:brightness(0) invert(.28) drop-shadow(0 0 4px rgba(61,232,255,.3))}.prev-peg.fog b{position:relative;z-index:1;color:var(--cyan);font-size:.95rem;text-shadow:0 0 8px rgba(61,232,255,.7)}.raid-target-info{margin-top:.5rem;font-size:.72rem;line-height:1.5;color:var(--muted);border:1px solid rgba(61,232,255,.25);border-left:3px solid var(--cyan);border-radius:10px;padding:.5rem .65rem;background:#3de8ff0d}.raid-target-info b,.raid-target-info strong{color:var(--text, #eafcff)}.loc-strip{display:flex;gap:.45rem;overflow-x:auto;padding:.3rem .1rem .45rem;scrollbar-width:thin}.loc-card{position:relative;flex:0 0 128px;min-height:86px;padding:.45rem .5rem;border-radius:12px;border:1px solid var(--line);color:#fff;font:inherit;text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;background:linear-gradient(180deg,#030c140d 20%,#030c14c7 82%),var(--loc-img, linear-gradient(160deg, #10394f, #071823)) center / cover no-repeat}.loc-card .loc-name{font-weight:800;font-size:.78rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}.loc-card .loc-stats{font-size:.62rem;opacity:.85;text-shadow:0 1px 3px rgba(0,0,0,.8)}.loc-card .loc-gate{font-size:.6rem;font-weight:700;color:var(--gold, #ffe14a);text-shadow:0 1px 3px rgba(0,0,0,.8)}.loc-card.on{border-color:var(--cyan);box-shadow:0 0 0 1.5px #3de8ffb3,0 6px 16px -8px #3de8ffcc}.loc-card.locked{cursor:not-allowed;filter:grayscale(.85) brightness(.7)}.loc-card.nft-warn .loc-gate{color:#ffb04a}.dur-bar{height:5px;border-radius:4px;background:#ffffff1f;overflow:hidden;margin-top:.3rem}.dur-bar-fill{height:100%;border-radius:4px;background:#7dffc8;transition:width .3s ease}.dur-bar-fill.worn{background:#ffe14a}.dur-bar-fill.critical{background:#ff8a5c}.dur-bar-fill.broken{background:#ff5a6a}.gear-broken-badge{display:inline-block;padding:.05rem .4rem;border-radius:6px;background:#ff5a6a2e;border:1px solid rgba(255,90,106,.55);color:#ff8a95;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gear-card.is-broken{border-color:#ff5a6a80}.arena-mods{margin:.75rem 0;padding:.65rem .85rem;border-radius:12px;background:#3de8ff0f;border:1px solid rgba(61,232,255,.2)}.arena-mods h3{margin:0 0 .45rem;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.mod-list{margin:0;padding-left:1.1rem;font-size:.78rem;line-height:1.45}.mod-list em{opacity:.65;font-style:normal;font-size:.72rem}.looter-lock{margin-bottom:.5rem;width:100%;text-align:center}.raid-versus{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:1.5rem 0}.raid-side{text-align:center;padding:1rem;border-radius:14px;background:#00000040;border:1px solid var(--line)}.raid-side.runner{border-color:#3de8ff59}.raid-side.looter{border-color:#ff5a6a59}.faction-badge{width:56px;height:56px;border-radius:50%;margin:0 auto .5rem;display:grid;place-items:center;font-weight:800;font-size:.7rem;letter-spacing:.06em;border:3px solid currentColor}.raid-name{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;opacity:.7}.type-chip{margin:.5rem 0;font-weight:800;font-size:.9rem}.type-chip.adv{color:var(--mint)}.type-chip.dis{color:var(--coral)}.power-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:.5rem}.power-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--mint),var(--cyan));transition:width .8s ease}.raid-side.looter .power-bar i{background:linear-gradient(90deg,var(--coral),var(--warn))}.raid-vs{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.2em;opacity:.6}.bag-split{margin:1rem 0;padding:1rem;border-radius:12px;background:#0000004d;border:1px solid var(--line)}.split-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem}.split-row.pearl{color:var(--pink);border-top:1px solid var(--line);margin-top:.35rem;padding-top:.5rem}.winner-banner{text-align:center;font-size:1.1rem;font-weight:800;letter-spacing:.08em;padding:.75rem;border-radius:12px;background:#3dffc01f;border:1px solid rgba(61,255,192,.35);color:var(--mint);animation:popIn .4s ease}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.raid-actions{max-width:280px;margin:0 auto}.arena-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:1rem}.team-tag{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.14em;font-size:.8rem;text-transform:uppercase;padding:.5rem .85rem;border-radius:10px;background:var(--panel);border:1px solid var(--line);width:fit-content}.team-tag.ally{color:var(--cyan)}.team-tag.enemy{justify-self:end;color:var(--coral);border-color:#ff5a6a59}.vs-block{text-align:center}.vs-mark{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.2em}.vs-sub{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.arena-body{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem 1.25rem;min-height:0}.formation-side{display:flex;flex-direction:column;align-items:center;gap:.35rem}.formation-side.ally-side{justify-self:end}.formation-side.enemy-side{justify-self:start}.col-labels{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;max-width:148px;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;opacity:.45}.grid-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,clamp(52px,10vw,68px));gap:6px;max-width:148px;width:100%;align-items:stretch}.grid-board.ally .slot[data-slot=BL]{grid-column:1;grid-row:1}.grid-board.ally .slot[data-slot=BC]{grid-column:1;grid-row:2}.grid-board.ally .slot[data-slot=BR]{grid-column:1;grid-row:3}.grid-board.ally .slot[data-slot=ML]{grid-column:2;grid-row:1}.grid-board.ally .slot[data-slot=F]{grid-column:2;grid-row:2}.grid-board.ally .slot[data-slot=MR]{grid-column:2;grid-row:3}.grid-board.enemy .slot[data-slot=MR]{grid-column:1;grid-row:1}.grid-board.enemy .slot[data-slot=F]{grid-column:1;grid-row:2}.grid-board.enemy .slot[data-slot=ML]{grid-column:1;grid-row:3}.grid-board.enemy .slot[data-slot=BL]{grid-column:2;grid-row:1}.grid-board.enemy .slot[data-slot=BC]{grid-column:2;grid-row:2}.grid-board.enemy .slot[data-slot=BR]{grid-column:2;grid-row:3}.arena-center{font-size:.65rem;font-weight:800;letter-spacing:.16em;opacity:.4;text-align:center;line-height:1.4}.tier-badge{display:inline-block;margin-left:.35rem;font-size:.6rem;letter-spacing:.08em;padding:.15rem .45rem;border-radius:999px;background:#3de8ff1f;border:1px solid rgba(61,232,255,.3);color:var(--cyan);vertical-align:middle}.team-tag.enemy .tier-badge{background:#ff5a6a1f;border-color:#ff5a6a59;color:var(--coral)}.grid-board .slot{position:relative;width:100%;height:100%;min-height:0;margin:0;padding:0;border-radius:14px;border:2px dashed rgba(255,255,255,.18);background:#ffffff08;color:var(--muted);cursor:pointer;overflow:visible;display:grid;place-items:center}.grid-board.ally .slot.on{border-style:solid;border-color:var(--cyan);background:#3de8ff14}.grid-board.enemy .slot.filled{border-style:solid;border-color:#ff5a6a73;background:#ff5a6a0f}.slot-id{position:absolute;top:4px;left:6px;font-size:.55rem;font-weight:800;letter-spacing:.08em;opacity:.45}.unit-peg{position:relative;width:100%;max-width:60px;display:flex;flex-direction:column;align-items:stretch;gap:3px;transition:transform .15s ease}.peg-body{position:relative;width:100%;aspect-ratio:1 / 1;max-height:46px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:#041018;border:2px solid rgba(255,255,255,.2);box-shadow:0 6px 16px #00000059}.peg-body.sprite{background:none!important;border:none;box-shadow:none;border-radius:0;overflow:visible;max-height:none}.battle-arena .unit-peg{overflow:visible}.peg-body.sprite .peg-motion{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:1;pointer-events:none;transform-origin:50% 78%}.peg-body.sprite .peg-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1));transform-origin:50% 76%;transition:transform .45s cubic-bezier(.2,.8,.4,1),filter .4s ease,opacity .4s ease}.unit-peg.enemy .peg-body.sprite .peg-art{transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1)) scaleX(-1)}.peg-body.sprite .peg-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) drop-shadow(0 4px 8px rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden}.peg-body.sprite .peg-pose:not(.peg-pose-active){visibility:hidden;animation:none}.peg-body.sprite .peg-lower{clip-path:inset(50% 0 0 0);transform-origin:50% 76%;animation:idleLower 2.6s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.peg-body.sprite .peg-head{clip-path:inset(0 0 36% 0);transform-origin:50% 55%;animation:idleHead 2.6s ease-in-out infinite;animation-delay:calc(var(--idle-delay, 0s) - .12s)}@keyframes idleLower{0%,to{translate:0 0;rotate:0deg;scale:1 1}50%{translate:0 -1.5px;rotate:.5deg;scale:1.008 .992}}@keyframes idleHead{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -2px;rotate:-1deg}}.unit-peg.melee-dash .peg-motion{animation:meleeTravel .64s cubic-bezier(.3,0,.4,1) forwards}.unit-peg.melee-dash .peg-lower{animation:meleeLower .64s ease-in-out}.unit-peg.melee-dash .peg-head{animation:meleeHead .64s ease-in-out}@keyframes meleeTravel{0%,18%{translate:0 0}30%{translate:calc(var(--dash-x, 40px) * .55) calc(var(--dash-y, 0px) * .55 - 14px)}42%,58%{translate:var(--dash-x, 40px) var(--dash-y, 0px)}76%{translate:calc(var(--dash-x, 40px) * .4) calc(var(--dash-y, 0px) * .4 - 8px)}to{translate:0 0}}@keyframes meleeLower{0%,to{rotate:0deg;scale:1 1;translate:0 0}18%{rotate:-7deg;scale:.9 1.08;translate:-2px 2px}42%{rotate:11deg;scale:1.13 .9;translate:3px 0}54%{rotate:17deg;scale:1.08 .94;translate:5px -1px}72%{rotate:-4deg;scale:.97 1.03;translate:-1px 0}}@keyframes meleeHead{0%,to{rotate:0deg;translate:0 0;scale:1}18%{rotate:-10deg;translate:-4px 2px;scale:.98}45%{rotate:6deg;translate:5px -2px;scale:1.04}58%{rotate:13deg;translate:7px -1px;scale:1.02}76%{rotate:-5deg;translate:-2px 0;scale:.99}}.unit-peg.ranged-recoil .peg-motion{animation:rangedTravel .38s ease-out}.unit-peg.ranged-recoil .peg-lower{animation:rangedLower .38s ease-out}.unit-peg.ranged-recoil .peg-head{animation:rangedHead .38s ease-out}@keyframes rangedTravel{0%,to{translate:0 0}34%{translate:var(--recoil-x, -8px) var(--recoil-y, 0)}}@keyframes rangedLower{0%,to{rotate:0deg;scale:1 1}34%{rotate:-5deg;scale:.94 1.06}62%{rotate:3deg;scale:1.04 .97}}@keyframes rangedHead{0%,to{rotate:0deg;translate:0 0}32%{rotate:-9deg;translate:-4px 1px}62%{rotate:4deg;translate:2px -1px}}.unit-peg.hit-react .peg-motion{animation:hitKnock .44s cubic-bezier(.2,.8,.4,1)}.unit-peg.hit-react .peg-lower{animation:hitLower .44s ease-out}.unit-peg.hit-react .peg-head{animation:hitHead .44s ease-out}@keyframes hitKnock{0%,to{translate:0 0;rotate:0deg}22%{translate:var(--kb-x, 8px) var(--kb-y, 0);rotate:3deg}50%{translate:calc(var(--kb-x, 8px) * -.32) 0;rotate:-2.4deg}74%{translate:calc(var(--kb-x, 8px) * .14) 0;rotate:1deg}}.unit-peg.impact-frame .peg-body{animation:impactFrame .12s ease-out 1}@keyframes impactFrame{0%,50%{filter:brightness(3.4) saturate(.12) contrast(1.15) drop-shadow(0 0 12px rgba(255,255,255,.92))}to{filter:none}}@keyframes hitLower{0%{filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) brightness(2.35) drop-shadow(0 0 10px #fff);scale:1.1 .86;rotate:7deg}48%{filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) drop-shadow(0 4px 8px rgba(0,0,0,.45));scale:.94 1.06;rotate:-4deg}to{filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) drop-shadow(0 4px 8px rgba(0,0,0,.45));scale:1 1;rotate:0deg}}@keyframes hitHead{0%{filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) brightness(2.5) drop-shadow(0 0 10px #fff);scale:1.06 .9;rotate:13deg;translate:5px 1px}52%{filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) drop-shadow(0 4px 8px rgba(0,0,0,.45));scale:.96 1.04;rotate:-8deg;translate:-3px -1px}to{filter:var(--dna, hue-rotate(0deg) saturate(1) brightness(1) contrast(1)) drop-shadow(0 4px 8px rgba(0,0,0,.45));scale:1 1;rotate:0deg;translate:0 0}}.unit-peg.dead .peg-head,.unit-peg.dead .peg-lower{animation:none}.unit-peg.dead .peg-art{transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1)) rotate(84deg) translateY(12%);filter:grayscale(.9) brightness(.6);opacity:.65}.unit-peg.enemy.dead .peg-art{transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1)) scaleX(-1) rotate(-84deg) translateY(12%)}.skill-explosion{position:absolute;left:50%;top:42%;z-index:35;pointer-events:none}.skill-explosion i{position:absolute;left:0;top:0}.skill-explosion .boom-aura{width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--fx, #3de8ff) 58%,transparent),transparent 32%,#fff 49%,transparent 58%,var(--fx, #3de8ff),transparent);filter:blur(4px);mix-blend-mode:screen;animation:boomAura .68s ease-out forwards}.skill-explosion .boom-core{width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--fx, #3de8ff) 45%,transparent 72%);box-shadow:0 0 24px var(--fx, #3de8ff);animation:boomCore .5s ease-out forwards}.skill-explosion .boom-ring{width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid var(--fx, #3de8ff);animation:boomRing .68s ease-out forwards}.skill-explosion .boom-motif{width:46px;height:46px;margin:-23px 0 0 -23px;filter:drop-shadow(0 0 8px var(--fx, #3de8ff));animation:boomMotif .58s cubic-bezier(.15,.75,.25,1) forwards}.skill-explosion .boom-shard{width:9px;height:9px;margin:-3px 0 0 -3px;border-radius:2px;background:linear-gradient(135deg,#fff,var(--fx, #3de8ff));animation:boomShard .62s ease-out forwards;animation-delay:var(--d, 0s);opacity:0}.skill-explosion.fx-magma .boom-motif{background:linear-gradient(180deg,#fff4a3,#ff7a1a 55%,#ff335f);clip-path:polygon(51% 0,68% 31%,85% 17%,78% 55%,100% 64%,65% 74%,50% 100%,35% 74%,0 64%,23% 53%,17% 20%,37% 34%)}.skill-explosion.fx-trench .boom-motif{border:5px solid #dffcff;border-left-color:transparent;border-bottom-color:#3d8bfd;border-radius:50%;transform:rotate(-22deg)}.skill-explosion.fx-abyss .boom-motif{border:5px double #d9b8ff;border-radius:50%;background:radial-gradient(circle,#02010b 0 24%,#9b5cff 27% 40%,transparent 44%);box-shadow:inset 0 0 12px #000,0 0 12px #9b5cff}.skill-explosion.fx-bloom .boom-motif{width:18px;height:36px;margin:-18px 0 0 -9px;border-radius:70% 20%;background:linear-gradient(145deg,#fff,#ff5ca8);box-shadow:18px 4px 0 -2px #ff91c6,-18px -2px 0 -2px #ffc0df,4px 18px 0 -2px #ff5ca8,-4px -18px 0 -2px #fff}.skill-explosion.fx-crystal .boom-motif{background:linear-gradient(135deg,#fff,#3de8ff 45%,#6078ff);clip-path:polygon(50% 0,88% 28%,72% 100%,28% 100%,10% 27%)}.skill-explosion.fx-volt .boom-motif{background:linear-gradient(145deg,#fffbd0,#ffe14a 48%,#47e8ff);clip-path:polygon(58% 0,25% 48%,48% 45%,34% 100%,78% 38%,55% 41%)}.skill-explosion.fx-magma .boom-shard{border-radius:70% 20% 65% 30%}.skill-explosion.fx-trench .boom-shard,.skill-explosion.fx-bloom .boom-shard{border-radius:70% 30%}.skill-explosion.fx-crystal .boom-shard{clip-path:polygon(50% 0,100% 100%,0 72%)}.skill-explosion.fx-volt .boom-shard{clip-path:polygon(60% 0,30% 48%,58% 43%,38% 100%,86% 35%,56% 39%)}@keyframes boomAura{0%{transform:scale(.25) rotate(0);opacity:0}24%{opacity:.95}to{transform:scale(1.45) rotate(145deg);opacity:0}}@keyframes boomCore{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes boomMotif{0%{scale:.2;rotate:-30deg;opacity:0}34%{scale:1.15;rotate:5deg;opacity:1}to{scale:1.65;rotate:35deg;opacity:0}}@keyframes boomRing{0%{transform:scale(.4);opacity:1;border-width:4px}to{transform:scale(3);opacity:0;border-width:1px}}@keyframes boomShard{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--sx, 20px),var(--sy, 0)) rotate(200deg);opacity:0}}.unit-peg.posed .peg-body.sprite .peg-lower{clip-path:none;animation:none}.unit-peg.posed .peg-body.sprite .peg-head{visibility:hidden;opacity:0;pointer-events:none}.unit-peg.posed .peg-art{animation:posePop .22s cubic-bezier(.2,1.4,.4,1)}@keyframes posePop{0%{scale:.92}55%{scale:1.09}to{scale:1}}.unit-peg[data-expr=hurt] .peg-art{filter:saturate(1.2) brightness(1.05) drop-shadow(0 0 5px rgba(255,90,90,.5))}.unit-peg[data-expr=dazed] .peg-art{filter:saturate(.6) brightness(.95)}.unit-peg[data-expr=happy] .peg-art{filter:saturate(1.15) brightness(1.08)}.skill-explosion{transform:scale(var(--boom-scale, 1))}.skill-explosion.cue-slam,.skill-explosion.cue-erupt,.skill-explosion.cue-prismstorm,.skill-explosion.cue-chain,.skill-explosion.cue-wail{--boom-scale: 1.32}.skill-explosion.cue-pierce,.skill-explosion.cue-arc,.skill-explosion.cue-flurry{--boom-scale: .86}.skill-explosion.cue-execute{--boom-scale: 1.15;filter:brightness(1.2) saturate(1.3)}.skill-explosion.cue-rush{--boom-scale: 1.08;filter:brightness(1.15) saturate(1.25) hue-rotate(-12deg)}.skill-explosion.cue-hex{--boom-scale: 1.05;filter:saturate(1.4) hue-rotate(40deg)}.skill-explosion.cue-refract{--boom-scale: 1.1;filter:brightness(1.25) saturate(1.35) hue-rotate(180deg)}.skill-explosion.cue-ward,.skill-explosion.cue-bastion,.skill-explosion.cue-harbor{--boom-scale: 1.2;filter:brightness(1.15) saturate(.85) drop-shadow(0 0 10px rgba(125,255,200,.7))}@media(prefers-reduced-motion:reduce){.peg-body.sprite .peg-head,.peg-body.sprite .peg-lower,.unit-peg.melee-dash .peg-motion,.unit-peg.ranged-recoil .peg-motion,.unit-peg.hit-react .peg-motion,.unit-peg.lunge .peg-motion,.unit-peg.lunge .peg-head,.unit-peg.lunge .peg-lower{animation:none}.skill-explosion{display:none}.unit-peg.posed .peg-art{animation:none}}@media(pointer:coarse){#battle-arena.battle-trail .unit-peg.mob:not(.melee-dash):not(.ranged-recoil):not(.hit-react):not(.lunge) .peg-motion,#battle-arena.battle-trail .unit-peg.mob:not(.melee-dash):not(.ranged-recoil):not(.hit-react):not(.lunge) .peg-head,#battle-arena.battle-trail .unit-peg.mob:not(.melee-dash):not(.ranged-recoil):not(.hit-react):not(.lunge) .peg-lower{animation:none}#battle-arena.battle-trail .unit-peg.mob-elite .mob-sprite{filter:saturate(1.18) brightness(1.04) drop-shadow(0 3px 6px rgba(35,5,18,.72))}}.peg-body.sprite .peg-letter{display:none}.peg-body.sprite .faction-icon{position:absolute;left:-2px;bottom:2px;z-index:2;width:14px;height:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.peg-body.sprite .peg-ground{position:absolute;left:50%;bottom:-4%;width:86%;height:22%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--fac-glow, #3de8ff) 55%,transparent) 0%,transparent 70%);filter:blur(2px);pointer-events:none}.peg-body.sprite .peg-cd{z-index:3}.peg-hp,.peg-gauge{position:relative;width:100%;border-radius:999px;overflow:hidden;background:#00000080;border:1px solid rgba(255,255,255,.12)}.peg-hp{height:6px}.peg-gauge{height:4px}.peg-hp-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#37e6a1,#7dffc8);transition:width .28s ease}.peg-hp-fill.mid{background:linear-gradient(90deg,#ffd36e,#ffe14a)}.peg-hp-fill.low{background:linear-gradient(90deg,#ff5a6a,#ff8a5a)}.peg-gauge-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#3d8bfd,#3de8ff);transition:width .28s ease}.peg-gauge-fill.ready{background:linear-gradient(90deg,#ffd36e,#ffe14a);box-shadow:0 0 8px #ffe14acc}.peg-cd{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#10202c;border:1px solid rgba(61,232,255,.5);color:var(--cyan);font-size:.6rem;font-weight:800;display:grid;place-items:center;z-index:6}.unit-peg.ult-ready .peg-body{border-color:var(--gold)}.unit-peg.ult-ready .peg-body:not(.sprite){box-shadow:0 0 14px #ffe14ab3,0 6px 16px #00000059}.unit-peg.ult-ready .peg-body.sprite{filter:drop-shadow(0 0 11px rgba(255,225,74,.85)) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.unit-peg.ult-ready-flash .peg-gauge{animation:gaugeReadyFlash .7s ease-out}.unit-peg.ult-ready-flash .peg-body{animation:pegReadyPulse .7s ease-out}.unit-peg.ult-ready-flash .peg-gauge-fill.ready{box-shadow:0 0 14px #ffe14a,0 0 22px #ffd36ed9}@keyframes gaugeReadyFlash{0%{transform:scaleY(1.8);filter:brightness(1.6)}55%{transform:scaleY(1.15);filter:brightness(1.25)}to{transform:scaleY(1);filter:brightness(1)}}@keyframes pegReadyPulse{0%{filter:brightness(1.25) drop-shadow(0 0 20px rgba(255,225,74,1)) drop-shadow(0 0 34px rgba(255,211,110,.7));transform:scale(1.08)}to{filter:brightness(1) drop-shadow(0 4px 8px rgba(0,0,0,.45));transform:scale(1)}}.lord-entrance{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);z-index:12;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:88px;padding:.35rem .55rem;border-radius:10px;border:1.5px solid var(--fx, #ffe14a);background:linear-gradient(180deg,#120e08eb,#080c12e0);box-shadow:0 0 18px color-mix(in srgb,var(--fx, #ffe14a) 55%,transparent),0 4px 12px #00000073;pointer-events:none;animation:lordPlateIn 1.1s ease-out forwards;white-space:nowrap}.lord-entrance.mystic{border-color:#ff6bdb;box-shadow:0 0 22px #ff6bdba6,0 4px 12px #00000073}.grid-board.ally .slot[data-slot=BL] .lord-entrance,.grid-board.ally .slot[data-slot=ML] .lord-entrance,.grid-board.enemy .slot[data-slot=MR] .lord-entrance,.grid-board.enemy .slot[data-slot=BL] .lord-entrance{bottom:auto;top:calc(100% + 6px)}.lord-entrance .lord-rar{font-size:.55rem;font-weight:900;letter-spacing:.12em;color:var(--fx, #ffe14a)}.lord-entrance.mystic .lord-rar{color:#ff6bdb}.lord-entrance .lord-name{font-size:.85rem;font-weight:900;color:#fff;text-shadow:0 0 8px color-mix(in srgb,var(--fx, #ffe14a) 60%,transparent)}.lord-entrance .lord-fac{font-size:.62rem;font-weight:700;color:#ffffffbf}.unit-peg.lord-enter .peg-ground{animation:lordEnterGlow 1.1s ease-out}@keyframes lordPlateIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.85)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}75%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.96)}}@keyframes lordEnterGlow{0%{opacity:1;transform:translate(-50%) scale(1.9);filter:blur(2px) drop-shadow(0 0 16px var(--fac-glow, #ffe14a))}to{opacity:.7;transform:translate(-50%) scale(1);filter:blur(2px)}}.unit-peg.lunge{z-index:8}.unit-peg.lunge .peg-motion{animation:lungeAtk .4s ease-in-out}.unit-peg.lunge .peg-lower{animation:rangedLower .4s ease-out}.unit-peg.lunge .peg-head{animation:rangedHead .4s ease-out}.unit-peg.enemy.lunge .peg-motion{animation-name:lungeAtkEnemy}@keyframes lungeAtk{0%,to{transform:translate(0)}40%{transform:translate(18px) scale(1.08)}}@keyframes lungeAtkEnemy{0%,to{transform:translate(0)}40%{transform:translate(-18px) scale(1.08)}}.unit-peg.healed .peg-ground{animation:healPulse .7s ease}.unit-peg.warded .peg-ground{animation:wardPulse .7s ease}@keyframes healPulse{0%,to{transform:translate(-50%) scale(1);filter:blur(2px)}40%{transform:translate(-50%) scale(1.55);filter:blur(2px) drop-shadow(0 0 12px rgba(61,255,176,.9))}}@keyframes wardPulse{0%,to{transform:translate(-50%) scale(1);filter:blur(2px)}40%{transform:translate(-50%) scale(1.65);filter:blur(2px) drop-shadow(0 0 14px rgba(125,255,200,.95))}}.battle-bolt{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;z-index:30;background:radial-gradient(circle,#fff 0%,#7dffc8 55%,transparent 70%);animation:boltFly .34s ease-in forwards}.battle-bolt.strike{background:radial-gradient(circle,#fff 0%,#ffd36e 55%,transparent 70%)}.battle-bolt.crit{width:20px;height:20px;margin:-10px 0 0 -10px;background:radial-gradient(circle,#fff 0%,#ff8a5a 50%,transparent 72%)}.battle-bolt.skill{background:radial-gradient(circle,#fff 0%,#3de8ff 55%,transparent 72%)}.battle-bolt.support{background:radial-gradient(circle,#fff 0%,#7dffc8 50%,#3dffb0 70%,transparent 78%);box-shadow:0 0 10px #3dffb073}.battle-bolt.tinted{--fx: #3de8ff;width:16px;height:16px;margin:-8px 0 0 -8px;background:radial-gradient(circle,#fff 0%,var(--fx) 55%,transparent 72%);box-shadow:0 0 12px var(--fx)}.battle-bolt:after{content:"";position:absolute;left:50%;top:50%;width:34px;height:5px;border-radius:3px;transform:translate(-100%,-50%) rotate(var(--ang, 0deg));transform-origin:100% 50%;background:linear-gradient(90deg,transparent,var(--fx, #ffd36e) 80%);opacity:.7;filter:blur(.5px);pointer-events:none}.battle-bolt.crit:after{width:48px;height:7px;opacity:.85}.battle-bolt.support:after{display:none}@keyframes boltFly{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1);opacity:.9}}.battle-bolt.rich{width:26px;height:26px;margin:-13px 0 0 -13px;background:none;box-shadow:none;animation-duration:.42s;animation-timing-function:cubic-bezier(.45,0,.9,.6)}.battle-bolt.rich:after{display:none}.battle-bolt.rich i{position:absolute;pointer-events:none}.battle-bolt.rich .bolt-core{top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff 0%,var(--fx, #3de8ff) 48%,color-mix(in srgb,var(--fx, #3de8ff) 55%,#000) 78%,transparent 86%);box-shadow:0 0 10px var(--fx, #3de8ff),0 0 26px color-mix(in srgb,var(--fx, #3de8ff) 65%,transparent);animation:coreThrob .14s ease-in-out infinite alternate}.battle-bolt.rich .bolt-trail{left:50%;top:50%;width:64px;height:12px;transform:translate(-100%,-50%) rotate(var(--ang, 0deg));transform-origin:100% 50%;border-radius:999px 4px 4px 999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fx, #3de8ff) 45%,transparent) 45%,var(--fx, #3de8ff) 85%,#fff 100%);filter:blur(1px);opacity:.85}.battle-bolt.rich .bolt-spark{width:5px;height:5px;left:50%;top:50%;border-radius:50%;background:#fff;box-shadow:0 0 6px var(--fx, #3de8ff);animation:sparkScatter .4s ease-out forwards}.battle-bolt.rich .bolt-spark.s1{--sx: -14px;--sy: -12px;animation-delay:.04s}.battle-bolt.rich .bolt-spark.s2{--sx: -20px;--sy: 4px;animation-delay:.1s}.battle-bolt.rich .bolt-spark.s3{--sx: -10px;--sy: 13px;animation-delay:.16s}@keyframes coreThrob{0%{transform:scale(.92)}to{transform:scale(1.08)}}@keyframes sparkScatter{0%{transform:translate(0);opacity:1}to{transform:translate(var(--sx, -16px),var(--sy, 0));opacity:0}}.battle-bolt.fx-magma .bolt-core{background:radial-gradient(circle at 38% 32%,#fff8d0 0%,#ffd36e 30%,#ff7a1a 62%,#a12805 82%,transparent 90%);box-shadow:0 0 14px #ff7a1a,0 0 34px #ff7a1a99}.battle-bolt.fx-magma .bolt-trail{width:84px;height:16px;background:linear-gradient(90deg,transparent,rgba(161,40,5,.5) 30%,#ff7a1a 70%,#ffd36e 92%,#fff 100%);filter:blur(1.5px)}.battle-bolt.fx-magma .bolt-spark{background:#ffd36e;box-shadow:0 0 7px #ff7a1a}.battle-bolt.fx-volt .bolt-core{border-radius:0;background:#eafcff;clip-path:polygon(0% 45%,38% 38%,26% 12%,72% 42%,52% 50%,100% 55%,58% 66%,70% 92%,30% 58%,46% 52%);box-shadow:0 0 12px #ffe14a,0 0 30px #ffe14aa6;animation:voltFlicker .08s steps(2) infinite}.battle-bolt.fx-volt .bolt-trail{height:8px;background:repeating-linear-gradient(90deg,transparent 0 6px,#ffe14a 6px 12px,#fff 12px 14px);filter:none;opacity:.75}@keyframes voltFlicker{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:.65;transform:scale(1.12) rotate(8deg)}}.battle-bolt.fx-trench .bolt-core{border-radius:60% 100%;transform:rotate(var(--ang, 0deg));background:radial-gradient(circle at 40% 35%,#eafcff 0%,#7ec8ff 45%,#1b5fd0 78%,transparent 88%);box-shadow:0 0 12px #3d8bfd,0 0 26px #3d8bfd8c}.battle-bolt.fx-trench .bolt-spark{border-radius:50% 50% 50% 0;background:#bfe6ff}.battle-bolt.fx-abyss .bolt-core{background:radial-gradient(circle at 45% 40%,#e8d9ff 0%,#9b5cff 35%,#2a0b4a 70%,transparent 85%);box-shadow:0 0 14px #9b5cff,0 0 34px #9b5cff99,inset 0 0 8px #000}.battle-bolt.fx-abyss .bolt-trail{opacity:.55;filter:blur(2.5px)}.battle-bolt.fx-bloom .bolt-core{border-radius:50% 0 50% 50%;transform:rotate(45deg);background:radial-gradient(circle at 40% 40%,#fff 0%,#ffb3d4 40%,#ff5ca8 72%,transparent 86%);box-shadow:0 0 12px #ff5ca8,0 0 26px #ff5ca880}.battle-bolt.fx-bloom .bolt-spark{border-radius:50% 0 50% 50%;background:#ffd6e8}.battle-bolt.fx-crystal .bolt-core{border-radius:4px;background:linear-gradient(135deg,#fff,#9ff2ff 40%,#3de8ff 60%,#1382a5 85%);clip-path:polygon(50% 0%,92% 50%,50% 100%,8% 50%);box-shadow:0 0 12px #3de8ff,0 0 28px #3de8ff8c;animation:shardSpin .3s linear infinite}@keyframes shardSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.unit-peg.warded:before{content:"";position:absolute;top:-14%;right:-14%;bottom:12%;left:-14%;z-index:2;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.5) 0%,transparent 22%),radial-gradient(circle at 70% 75%,rgba(125,255,200,.18) 0%,transparent 40%),radial-gradient(circle,transparent 62%,rgba(190,246,255,.28) 84%,rgba(255,255,255,.55) 97%);box-shadow:0 0 16px #7dffdc59,inset 0 0 22px #bef6ff40;animation:wardBubble 2.2s ease-in-out infinite}@keyframes wardBubble{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@media(prefers-reduced-motion:reduce){.unit-peg.warded:before,.battle-bolt.rich .bolt-core,.battle-bolt.fx-volt .bolt-core,.battle-bolt.fx-crystal .bolt-core{animation:none}}.ult-callout{position:absolute;left:50%;top:-18px;transform:translate(-50%);white-space:nowrap;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#081018e6;border:1px solid rgba(255,225,74,.5);border-radius:999px;padding:2px 7px;z-index:20;animation:floatUp 1.1s ease forwards}.ult-callout{--fx: #ffe14a;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--fx);border-color:color-mix(in srgb,var(--fx) 55%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--fx) 45%,transparent)}.ult-callout .ult-fac{font-size:.55rem;letter-spacing:.14em;opacity:.95}.ult-callout .ult-skill{font-size:.72rem;color:#fff;text-shadow:0 0 8px var(--fx)}.ult-callout.lord{top:-26px;padding:3px 12px;border-width:2px;animation:lordCallout 1.5s ease forwards}.ult-callout.lord .ult-fac{font-size:.62rem}.ult-callout.lord .ult-skill{font-size:.9rem;letter-spacing:.04em}@keyframes lordCallout{0%{opacity:0;transform:translate(-50%) scale(.7)}14%{opacity:1;transform:translate(-50%) scale(1.12)}30%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(1)}}.ult-cinematic{--fx: #3de8ff;--cx: 50%;--cy: 50%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;border-radius:16px;background:radial-gradient(circle at var(--cx) var(--cy),transparent 0,transparent 62px,color-mix(in srgb,var(--fx) 22%,rgba(2,8,14,.72)) 120px,rgba(2,8,14,.82) 240px);animation:ultDarken .95s ease forwards}.ult-cinematic.lord{background:radial-gradient(circle at var(--cx) var(--cy),transparent 0,transparent 72px,color-mix(in srgb,var(--fx) 34%,rgba(2,8,14,.78)) 140px,rgba(1,5,9,.9) 300px);animation:ultDarkenLord 1.5s ease forwards}@keyframes ultDarken{0%{opacity:0}22%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes ultDarkenLord{0%{opacity:0}14%{opacity:1}20%,24%{background-color:color-mix(in srgb,var(--fx) 20%,transparent)}78%{opacity:1}to{opacity:0}}.ult-ring{--fx: #3de8ff;position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;z-index:16;pointer-events:none;border:3px solid var(--fx);box-shadow:0 0 18px var(--fx),inset 0 0 12px var(--fx);animation:ultRing .85s ease-out forwards}.ult-ring.lord{border-width:4px;animation:ultRingLord 1.4s ease-out forwards}@keyframes ultRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(4.2)}}@keyframes ultRingLord{0%{opacity:1;transform:scale(.3)}55%{opacity:.8}to{opacity:0;transform:scale(6.5)}}.leg-ult{position:absolute;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none;z-index:37}.leg-mote{position:absolute;left:0;top:0;font-size:.95rem;font-style:normal;filter:drop-shadow(0 0 5px var(--fx, #fff));opacity:0;animation:legMoteBurst 1.05s ease-out forwards;animation-delay:var(--d, 0ms)}@keyframes legMoteBurst{0%{opacity:0;transform:translate(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 92px),calc(var(--dy) * 92px)) scale(1.1)}}.leg-sig{position:absolute;left:0;top:0;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;mix-blend-mode:screen}.motif-void .leg-mote{animation-name:legMoteImplode}@keyframes legMoteImplode{0%{opacity:0;transform:translate(calc(var(--dx) * 92px),calc(var(--dy) * 92px)) scale(1)}25%{opacity:1}to{opacity:0;transform:translate(0) scale(.2)}}.motif-void .leg-sig{background:radial-gradient(circle,rgba(18,0,38,.92) 0%,var(--fx) 46%,transparent 72%);animation:legVoid 1.2s ease-in forwards}@keyframes legVoid{0%{opacity:0;transform:scale(1.7)}40%{opacity:.95}to{opacity:0;transform:scale(.15) rotate(90deg)}}.motif-grave .leg-mote{animation-name:legMoteRise}@keyframes legMoteRise{0%{opacity:0;transform:translate(calc(var(--dx) * 28px),22px) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 40px),-92px) scale(1)}}.motif-grave .leg-sig{background:radial-gradient(ellipse at 50% 100%,var(--fx) 0%,transparent 70%);animation:legRise 1.2s ease-out forwards}@keyframes legRise{0%{opacity:.9;transform:translateY(24px) scaleY(.5)}to{opacity:0;transform:translateY(-42px) scaleY(1.4)}}.motif-tide .leg-sig{border-radius:50% 50% 0 0;background:linear-gradient(0deg,var(--fx),transparent 80%);animation:legTide 1.1s ease-out forwards}@keyframes legTide{0%{opacity:0;transform:translateY(42px) scaleY(.2)}40%{opacity:.9}to{opacity:0;transform:translateY(-30px) scaleY(1.6)}}.motif-current .leg-sig{background:conic-gradient(from 0deg,transparent,var(--fx),transparent 60%);animation:legSpin 1.1s linear forwards}@keyframes legSpin{0%{opacity:0;transform:scale(.4) rotate(0)}30%{opacity:.95}to{opacity:0;transform:scale(1.9) rotate(560deg)}}.motif-ember .leg-mote{animation-name:legMoteRain}@keyframes legMoteRain{0%{opacity:0;transform:translate(calc(var(--dx) * 60px),-72px) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 28px),52px) scale(.6)}}.motif-ember .leg-sig{background:radial-gradient(ellipse at 50% 62%,var(--fx) 0%,transparent 66%);animation:legPulse 1.1s ease-out forwards}.motif-bloom .leg-sig{background:radial-gradient(circle,#fff 0%,var(--fx) 42%,transparent 72%);animation:legHalo 1.1s ease-out forwards}@keyframes legHalo{0%{opacity:0;transform:scale(.2)}35%{opacity:1}to{opacity:0;transform:scale(2.3)}}.motif-prism .leg-sig{border-radius:0;background:linear-gradient(90deg,transparent 46%,var(--fx) 50%,transparent 54%),linear-gradient(35deg,transparent 46%,#ff5ca8 50%,transparent 54%),linear-gradient(145deg,transparent 46%,#3de8ff 50%,transparent 54%);animation:legFan 1.1s ease-out forwards}@keyframes legFan{0%{opacity:0;transform:scale(.3) rotate(-22deg)}35%{opacity:.95}to{opacity:0;transform:scale(2) rotate(22deg)}}.motif-storm .leg-sig{background:radial-gradient(circle,#fff 0%,var(--fx) 45%,transparent 70%);clip-path:polygon(45% 0,60% 40%,50% 42%,62% 100%,38% 55%,50% 52%,40% 20%);animation:legStrike .8s steps(3) forwards}@keyframes legStrike{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes legPulse{0%{opacity:0;transform:scale(.4)}40%{opacity:.9}to{opacity:0;transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.leg-ult{display:none}}.unit-peg.ult-charge{--fx: #3de8ff;z-index:17}.unit-peg.ult-charge .peg-body{animation:ultCharge .9s ease}@keyframes ultCharge{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.22);filter:brightness(1.7) saturate(1.4) drop-shadow(0 0 18px var(--fx)) drop-shadow(0 0 34px color-mix(in srgb,var(--fx) 60%,transparent))}60%{transform:scale(1.1);filter:brightness(1.3) drop-shadow(0 0 12px var(--fx))}to{transform:scale(1);filter:brightness(1)}}.cam-shake-big{animation:camShakeBig .62s ease-in-out}@keyframes camShakeBig{0%,to{transform:translate(0)}15%{transform:translate(-9px,5px) rotate(-.4deg)}30%{transform:translate(9px,-5px) rotate(.4deg)}45%{transform:translate(-8px,-4px)}60%{transform:translate(8px,4px) rotate(.3deg)}80%{transform:translate(-5px,3px)}}.battle-turn{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--cyan);background:#3de8ff1f;border:1px solid rgba(61,232,255,.3);border-radius:999px;padding:.2rem .6rem}.impact-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 70%);pointer-events:none;z-index:12;animation:impactPop .24s ease-out forwards}.impact-flash.crit{background:radial-gradient(circle,#fff,rgba(255,138,90,.8) 45%,transparent 72%);animation-duration:.34s}@keyframes impactPop{0%{opacity:.95;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.ko-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:14}.ko-burst span{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ff5a6a;box-shadow:0 0 6px #ff5a6acc;animation:koShard .6s ease-out forwards}@keyframes koShard{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.elem-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:18}.elem-ring{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2.5px solid var(--fx, #3de8ff);box-shadow:0 0 12px var(--fx, #3de8ff),0 0 4px var(--fx, #3de8ff) inset;pointer-events:none;z-index:17;animation:elemRing .44s ease-out forwards}.elem-ring.big{border-width:3.5px;animation-duration:.6s}@keyframes elemRing{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(3.1)}}@media(prefers-reduced-motion:reduce){.elem-ring{display:none}}.elem-burst span{position:absolute;left:50%;top:50%;font-size:.8rem;line-height:1;transform:translate(-50%,-50%);animation:elemFly .7s cubic-bezier(.2,.7,.3,1) forwards;text-shadow:0 0 6px currentColor;will-change:transform,opacity}.elem-burst:not(.big) span{animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.elem-burst.big span{font-size:1.05rem;animation-duration:.92s}.elem-burst.fire span{color:#ff8a2a}.elem-burst.fire.big span{color:#ffb347}.elem-burst.electric span{color:#ffe14a;animation-timing-function:steps(4,end)}.elem-burst.water span{color:#5ec6ff}.elem-burst.void span{color:#b98bff;animation-name:elemImplode}.elem-burst.void.big span{animation-name:elemImplode}.elem-burst.bloom span{color:#ff8ac8}.elem-burst.prism span{color:#7df0ff}@keyframes elemFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rot))}}@keyframes elemImplode{0%{opacity:0;transform:translate(calc(-50% - var(--dx) * 3),calc(-50% - var(--dy) * 3)) scale(1.1) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(var(--rot))}}.cam-shake{animation:camShake .44s ease-in-out}@keyframes camShake{0%,to{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(4px,2px)}}.cam-shake-micro{animation:camShakeMicro .22s ease-out}@keyframes camShakeMicro{0%,to{transform:translate(0)}30%{transform:translate(-2px,1px)}65%{transform:translate(2px,-1px)}}.hit-sparks{position:absolute;left:50%;top:45%;z-index:36;pointer-events:none}.hit-sparks i{position:absolute;width:7px;height:7px;border-radius:2px;background:linear-gradient(180deg,#fff,var(--spark, #ffd76b));box-shadow:0 0 6px var(--spark, #ffd76b);opacity:0;animation:sparkFly .42s cubic-bezier(.15,.8,.3,1) forwards;animation-delay:var(--sd, 0s)}.hit-sparks.big i{width:9px;height:9px}@keyframes sparkFly{0%{transform:translate(0) scale(1.15) rotate(0);opacity:1}to{transform:translate(var(--sx, 20px),calc(var(--sy, -10px) + 16px)) scale(.15) rotate(170deg);opacity:0}}.dash-dust{position:absolute;left:50%;bottom:4%;z-index:4;pointer-events:none}.dash-dust i{position:absolute;width:14px;height:9px;border-radius:50%;background:radial-gradient(circle,rgba(214,238,255,.55),transparent 70%);animation:dustPuff .46s ease-out forwards}.dash-dust i:nth-child(1){--px: -16px}.dash-dust i:nth-child(2){--px: -26px;animation-delay:.05s}.dash-dust i:nth-child(3){--px: -7px;animation-delay:.09s}@keyframes dustPuff{0%{transform:translate(0) scale(.5);opacity:.9}to{transform:translate(var(--px, -16px),-12px) scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.cam-shake,.cam-shake-big,.cam-shake-micro,.hit-sparks i,.dash-dust i,.impact-flash,.ko-burst span,.elem-burst span,.battle-bolt,.ult-ring,.unit-peg.skill-vfx .peg-body.sprite:after,.unit-peg.skill-vfx-ult .peg-body.sprite:after,.unit-peg.ult-charge .peg-body,.unit-peg.ult-ready-flash .peg-gauge,.unit-peg.ult-ready-flash .peg-body,.unit-peg.lord-enter .peg-ground,.lord-entrance{animation:none}.elem-burst{display:none}.ult-cinematic{animation:none;opacity:0}.lord-entrance{opacity:1}}.sound-toggle{width:auto;margin:0;padding:.4rem .6rem;font-size:.9rem;line-height:1;background:var(--panel);border:1px solid var(--line);border-radius:999px;cursor:pointer}.sound-toggle.muted{opacity:.55}.profile-chip{display:flex;align-items:center;gap:.45rem;width:auto;margin:0;padding:.3rem .7rem .3rem .35rem;border-radius:999px;border:1px solid var(--line);background:#00000040;color:var(--foam);cursor:pointer;font:inherit}.profile-chip:hover{border-color:var(--cyan)}.profile-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;background:#ffffff14}.profile-avatar.has-nft{color:#041018;font-weight:800}.profile-name{font-size:.78rem;font-weight:700;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card{width:min(420px,92vw);text-align:center}.profile-avatar-big{width:72px;height:72px;margin:.25rem auto .75rem;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;color:#041018;background:#ffffff1a;border:2px solid var(--tint, var(--cyan))}.profile-field{text-align:left;margin-bottom:.75rem}.profile-field input{width:100%;margin-top:.3rem;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--line);background:#0000004d;color:var(--foam);font:inherit}.profile-pick-title{margin:.25rem 0 .5rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.profile-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;max-height:220px;overflow-y:auto;margin-bottom:.85rem}.profile-avatar-opt{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .2rem;border-radius:10px;border:1px solid var(--line);background:#0003;color:var(--foam);cursor:pointer;font:inherit}.profile-avatar-opt.on{border-color:var(--cyan);background:#3de8ff1f}.profile-opt-peg,.profile-peg{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#041018}.profile-opt-name{font-size:.6rem;color:var(--muted)}.profile-actions{display:flex;gap:.5rem;justify-content:flex-end}.profile-actions .btn{width:auto}.unit-peg.tilt{animation:tiltAtk .55s ease-in-out}.grid-board.enemy .unit-peg.tilt{animation-name:tiltAtkEnemy}@keyframes tiltAtk{0%,to{transform:rotate(0) translate(0)}45%{transform:rotate(-10deg) translate(8px)}}@keyframes tiltAtkEnemy{0%,to{transform:rotate(0) translate(0)}45%{transform:rotate(10deg) translate(-8px)}}.unit-peg.shake{animation:shakeHit .45s linear}@keyframes shakeHit{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-3px,-1px)}}.unit-peg.dead{filter:grayscale(1) brightness(.55)}.red-x{position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;z-index:5}.red-x:before,.red-x:after{content:"";position:absolute;left:50%;top:50%;width:70%;height:6px;background:#ff2a3a;border-radius:3px;box-shadow:0 0 10px #ff2a3ab3}.red-x:before{transform:translate(-50%,-50%) rotate(42deg)}.red-x:after{transform:translate(-50%,-50%) rotate(-42deg)}.float-dmg{position:absolute;left:50%;top:0;transform:translate(-50%);font-weight:800;font-size:.85rem;color:var(--coral);text-shadow:0 0 8px rgba(255,90,106,.6);animation:floatUp .9s ease forwards;pointer-events:none;z-index:10}.float-dmg.crit{font-size:1.05rem;color:#ff8a5a;text-shadow:0 0 10px rgba(255,138,90,.8)}.float-dmg.dot{color:#b98cff;text-shadow:0 0 8px rgba(155,92,255,.6);font-size:.75rem}.float-dmg.heal{color:#3dffb0;text-shadow:0 0 8px rgba(61,255,176,.6)}.float-dmg.status.buff{color:#7dffc8;text-shadow:0 0 8px rgba(61,255,176,.55);font-size:.78rem}.float-dmg.status.debuff{color:#c9a0ff;text-shadow:0 0 8px rgba(155,92,255,.55);font-size:.78rem}.float-dmg.callout{font-size:.9rem;letter-spacing:.04em}.float-dmg.callout.cc{color:#bfe6ff;text-shadow:0 0 10px rgba(150,200,255,.85)}.float-dmg.callout.miss{color:#dfe8ef;text-shadow:0 0 8px rgba(220,235,250,.7);font-style:italic}.float-dmg.callout.backdoor{color:#d9b8ff;font-weight:900;text-shadow:0 0 12px rgba(150,80,255,.95),0 2px 4px #000}.unit-peg.shadow-step .peg-sprite{animation:shadowStep .7s ease-in-out}@keyframes shadowStep{0%,to{filter:none}25%{filter:brightness(.08) contrast(1.5) drop-shadow(0 0 16px rgba(150,80,255,.9))}55%{filter:brightness(.15) contrast(1.4) drop-shadow(0 0 20px rgba(150,80,255,1))}80%{filter:brightness(1.35) drop-shadow(0 0 12px rgba(180,120,255,.7))}}@media(prefers-reduced-motion:reduce){.unit-peg.shadow-step .peg-sprite{animation:none}}.crit-callout{position:absolute;left:50%;top:-6%;transform:translate(-50%);font-weight:900;font-size:1.2rem;letter-spacing:.06em;color:#ffdf6b;-webkit-text-stroke:1px #ff6a1a;text-shadow:0 0 12px rgba(255,138,40,.95),0 2px 0 rgba(120,40,0,.6);pointer-events:none;z-index:40;animation:critPop .72s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes critPop{0%{opacity:0;transform:translate(-50%) scale(.4) rotate(-8deg)}30%{opacity:1;transform:translate(-50%) scale(1.25) rotate(-4deg)}55%{transform:translate(-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%) scale(1.05) translateY(-26px)}}.crit-ring{position:absolute;left:50%;top:45%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid rgba(255,160,60,.9);box-shadow:0 0 18px #ff8c28cc;pointer-events:none;z-index:38;animation:critRing .5s ease-out forwards}@keyframes critRing{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(3.6)}}.unit-peg.frozen .peg-art,.unit-peg.frozen .peg-body{filter:brightness(1.05) saturate(.6) hue-rotate(160deg) drop-shadow(0 0 8px rgba(150,220,255,.9))}.unit-peg.frozen:after{content:"❄";position:absolute;left:50%;top:8%;transform:translate(-50%);font-size:1.1rem;filter:drop-shadow(0 0 6px rgba(160,225,255,.9));pointer-events:none;z-index:39}.unit-peg.whiff{animation:whiffDodge .4s ease-in-out}@keyframes whiffDodge{0%,to{transform:translate(0)}40%{transform:translate(-6px) rotate(-4deg);opacity:.85}}.unit-peg.last-breath{animation:lastBreath .9s ease-out}@keyframes lastBreath{0%{filter:drop-shadow(0 0 0 rgba(255,224,120,0));transform:scale(1)}25%{filter:drop-shadow(0 0 16px rgba(255,224,120,1)) brightness(1.4);transform:scale(1.14)}60%{filter:drop-shadow(0 0 10px rgba(255,224,120,.8));transform:scale(1)}to{filter:drop-shadow(0 0 0 rgba(255,224,120,0));transform:scale(1)}}@media(prefers-reduced-motion:reduce){.unit-peg.last-breath{animation:none}}@media(prefers-reduced-motion:reduce){.crit-callout,.crit-ring,.unit-peg.whiff{animation:none}}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-28px)}}.rps-pop{position:absolute;left:50%;top:-14px;transform:translate(-50%);white-space:nowrap;font-weight:900;font-size:.6rem;letter-spacing:.06em;padding:.12rem .4rem;border-radius:999px;pointer-events:none;z-index:11;animation:rpsPop .95s ease forwards}.rps-pop.adv{color:#04140a;background:linear-gradient(180deg,#b6ffce,#3dffb0);box-shadow:0 0 12px #3dffb0b3}.rps-pop.dis{color:#f4e9ff;background:linear-gradient(180deg,#6a4da0,#3a2b5c);box-shadow:0 0 10px #9b5cff80}@keyframes rpsPop{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}22%{opacity:1;transform:translate(-50%,-6px) scale(1.08)}70%{opacity:1;transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.arena-footer{margin-top:1rem}.arena-controls{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:end;margin-top:.5rem}.arena-controls label{margin:0}.speed-toggle{display:flex!important;align-items:center;gap:.4rem;font-size:.8rem;white-space:nowrap}.speed-toggle input{width:auto;margin:0}.arena-body.formation-only{grid-template-columns:1fr;justify-items:center;max-width:220px;margin:0 auto}.arena-body.formation-only .ally-side{justify-self:center;width:100%}.arena-body.battle-active{max-width:none;margin:0}#slot-status.ok{color:var(--mint)}#slot-status.warn{color:var(--warn)}.arena-controls .btn:disabled{opacity:.45}.arena-controls .btn{margin:0;height:fit-content;padding:.65rem 1.25rem;width:auto}.battle-banner{margin-top:.75rem;text-align:center;font-weight:800;padding:.65rem;border-radius:10px;background:#3de8ff1a;border:1px solid rgba(61,232,255,.3);color:var(--cyan)}.vfx-legend{display:flex;gap:1rem;margin-top:.75rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.vfx-legend b{color:var(--cyan)}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:auto}.onboarding-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:#02080e6b;opacity:0;transition:opacity .3s ease;pointer-events:none}.onboarding[data-has-target=false] .onboarding-vignette{opacity:1}.onboarding-spot{position:absolute;border-radius:14px;pointer-events:none;box-shadow:0 0 0 3px var(--mint),0 0 22px 4px color-mix(in srgb,var(--mint) 70%,transparent),0 0 0 4000px #02080e8c;transition:top .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1);animation:onboardPulse 1.8s ease-in-out infinite}@keyframes onboardPulse{0%,to{box-shadow:0 0 0 3px var(--mint),0 0 22px 4px color-mix(in srgb,var(--mint) 70%,transparent),0 0 0 4000px #02080e8c}50%{box-shadow:0 0 0 4px var(--mint),0 0 34px 10px color-mix(in srgb,var(--mint) 85%,transparent),0 0 0 4000px #02080e99}}.onboarding-card{position:absolute;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(440px,calc(100vw - 1.5rem));border:1px solid color-mix(in srgb,var(--mint) 35%,var(--line));border-radius:18px;background:linear-gradient(180deg,#0a2130,#071722);padding:.95rem 1.05rem 1rem;pointer-events:auto;box-shadow:0 18px 50px -12px #000000b3,0 0 0 1px #ffffff08;animation:onboardCardIn .32s cubic-bezier(.22,1,.36,1)}@keyframes onboardCardIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.onboarding[data-card-pos=top] .onboarding-card{top:max(1rem,env(safe-area-inset-top));bottom:auto}.onboarding-card-head{display:flex;align-items:flex-start;gap:.6rem}.onboarding-coach{font-size:1.5rem;line-height:1.4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:coachBob 2.4s ease-in-out infinite}@keyframes coachBob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}.onboarding-card-heading{flex:1;min-width:0}.onboarding-kicker{margin:0 0 .15rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);font-weight:800}.onboarding-card h2{margin:0;font-size:1.14rem;line-height:1.2}.onboarding-x{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:.8rem;cursor:pointer;transition:background .15s ease,color .15s ease}.onboarding-x:hover{background:#ffffff1a;color:var(--text)}.onboarding-body{margin:.55rem 0 0;font-size:.88rem;line-height:1.5;color:#cfe6f2}.onboarding-dots{display:flex;gap:.35rem;margin:.8rem 0 0}.onboarding-dot{width:7px;height:7px;border-radius:50%;background:#ffffff2e;transition:background .2s ease,transform .2s ease}.onboarding-dot.done{background:color-mix(in srgb,var(--mint) 60%,transparent)}.onboarding-dot.on{background:var(--mint);transform:scale(1.4)}.onboarding-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.85rem}.onboarding-cta{min-width:130px}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:#ff5a6ae6;color:#fff;padding:.65rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;z-index:100;max-width:90vw}.toast[data-tone=ok],.toast[data-tone=success]{background:#2ec48ceb}.toast[data-tone=warn]{background:#ffb020eb;color:#1a1200}.toast[data-tone=info]{background:#3d8bfdeb}.btn.is-busy{opacity:.65;pointer-events:none}.faction-icon{display:inline-block;vertical-align:-2px;margin-right:.2rem;filter:drop-shadow(0 0 4px rgba(125,255,200,.35))}.peg-mini,.bio-peg,.unit-peg{position:relative;overflow:hidden}.peg-mini .rarity-frame,.bio-peg .rarity-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;pointer-events:none}.peg-mini .peg-letter,.bio-peg .peg-letter,.unit-peg .peg-letter{position:relative;z-index:1;font-weight:700}.peg-mini .faction-icon,.unit-peg .faction-icon{position:absolute;right:2px;bottom:2px;width:12px;height:12px;z-index:2}.item-card{display:flex;gap:.65rem;align-items:center;padding:.55rem .7rem;border:1px solid rgba(125,255,200,.12);border-radius:10px;background:#0410188c}.path-nodes .node.done{opacity:.55;outline:1px solid rgba(125,255,200,.35)}.path-nodes .node.here{outline:2px solid var(--cyan);box-shadow:0 0 12px #3de8ff59}.path-nodes .node.ahead{opacity:.4}.unit-peg.skill-vfx .peg-body.sprite:after,.unit-peg.skill-vfx-ult .peg-body.sprite:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent,var(--fac-glow, #3de8ff),transparent 24%,#fff,transparent 48%,var(--fac-glow, #3de8ff),transparent 76%),radial-gradient(circle,color-mix(in srgb,var(--fac-glow, #3de8ff) 42%,transparent),transparent 68%);filter:blur(3px);mix-blend-mode:screen;animation:skillChargeRing .5s ease-out forwards}.unit-peg.skill-vfx-ult .peg-body.sprite:after{top:-14%;right:-14%;bottom:-14%;left:-14%;animation-duration:.9s}@keyframes skillChargeRing{0%{transform:scale(.35) rotate(-45deg);opacity:0}35%{transform:scale(1.08) rotate(45deg);opacity:1}to{transform:scale(1.55) rotate(155deg);opacity:0}}body.battle-open{overflow:hidden}.battle-overlay[hidden]{display:none}.battle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(30,100,140,.45),transparent 65%),linear-gradient(180deg,#040e14f7,#02060afc);animation:overlayIn .25s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.battle-stage{width:min(1040px,94vw);max-height:94vh;overflow-y:auto;padding:1rem}.battle-kicker{margin:0 0 1rem;text-align:center;font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,4vw,1.9rem);font-weight:700;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 24px rgba(61,232,255,.5);animation:kickerPunch .5s cubic-bezier(.2,1.4,.4,1)}@keyframes kickerPunch{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.vs-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.vs-team{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.vs-mark-big{font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:700;color:var(--coral);text-shadow:0 0 18px rgba(255,90,106,.55);animation:vsPulse 1.4s ease infinite}@keyframes vsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.vs-card{width:84px;padding:.5rem .35rem;border-radius:12px;border:1px solid var(--line);background:#00000059;text-align:center;box-shadow:0 0 14px #3de8ff14;animation:cardDeal .4s ease backwards}.vs-team .vs-card:nth-child(2){animation-delay:.1s}.vs-team .vs-card:nth-child(3){animation-delay:.2s}@keyframes cardDeal{0%{transform:translateY(14px) scale(.9);opacity:0}to{transform:none;opacity:1}}.vs-peg{position:relative;overflow:hidden;width:48px;height:48px;margin:0 auto .35rem;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:1rem;color:#041018}.vs-peg.sprite{overflow:visible;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rar, #7ec8ff) 28%,transparent),transparent 68%)}.vs-nft{width:118%;height:118%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.42))}.vs-peg .rarity-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;pointer-events:none}.vs-peg .faction-icon{position:absolute;right:2px;bottom:2px;width:13px;height:13px;z-index:2}.vs-name{font-size:.7rem;font-weight:800}.vs-sub{font-size:.6rem;color:var(--muted)}.vs-name,.vs-sub,.vs-bp{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vs-bp{font-size:.66rem;font-weight:800;color:var(--mint)}.vs-card.mystery{border-style:dashed;border-color:#b4e6ff4d}.vs-peg.mystery-peg{background:#142837e6;border:1px dashed rgba(180,230,255,.25)}.axo-silhouette{position:absolute;top:6px;right:6px;bottom:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);fill:#7dffc829;animation:silhouetteBreathe 2.2s ease infinite}@keyframes silhouetteBreathe{0%,to{fill:#7dffc81f}50%{fill:#7dffc83d}}.mystery-mark{position:relative;z-index:1;font-size:1.3rem;font-weight:900;color:var(--cyan);text-shadow:0 0 10px rgba(61,232,255,.6)}.battle-loadbar{margin:1.1rem auto .4rem;width:min(320px,80%);height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.battle-loadbar span{display:block;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--mint));animation:loadSweep 1.1s ease-in-out infinite}@keyframes loadSweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.battle-intro-hint{text-align:center;max-width:100%;overflow-wrap:anywhere}.battle-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.battle-hud-title{min-width:0;max-width:38%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;color:var(--muted)}.battle-hud-controls{flex:none;display:flex;gap:.5rem;align-items:center}.battle-arena{position:relative;overflow:hidden;border-radius:16px}.battle-overlay-board .peg-name-tag{display:block;align-self:center;width:100%;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;line-height:1.15}.battle-overlay-board{position:relative;overflow:visible;border:1px solid var(--line);border-radius:16px;padding:1.7rem 1rem 1rem;background:#040e16b3}.battle-overlay-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background-image:var(--field-img, none);background-size:cover;background-position:center;opacity:.92;transition:opacity .4s ease}.battle-overlay-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:linear-gradient(180deg,#040e1647,#040e1680);box-shadow:inset 0 0 60px 10px #040e1659}.battle-overlay-board>*{position:relative;z-index:1}.battle-timeline{margin-top:.6rem;display:flex;flex-direction:column;gap:.3rem}.timeline-caption{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.timeline-track{display:flex;gap:.4rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.15rem .1rem .35rem;-webkit-overflow-scrolling:touch}.tl-chip{--tl: #3de8ff;position:relative;flex:0 0 auto;width:46px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .2rem .35rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--tl) 45%,var(--line));background:color-mix(in srgb,var(--tl) 8%,rgba(0,0,0,.35));transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.tl-chip.enemy{border-style:dashed}.tl-portrait{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;color:#04121a;background:var(--tl);box-shadow:0 1px 4px #0006}.tl-cd{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;font-size:.6rem;font-weight:800;line-height:15px;text-align:center;color:#fff;background:#1b3a4a;border:1px solid var(--cyan)}.tl-ult{width:100%;height:4px;border-radius:999px;background:#ffffff1f;overflow:hidden}.tl-ult i{display:block;height:100%;background:linear-gradient(90deg,#1ec8a8,var(--gold));transition:width .2s ease}.tl-chip.ult-ready{box-shadow:0 0 10px color-mix(in srgb,var(--gold) 70%,transparent);border-color:var(--gold)}.tl-chip.ult-ready .tl-ult i{background:var(--gold)}.tl-chip.is-acting{transform:translateY(-3px) scale(1.08);box-shadow:0 0 0 2px var(--tl),0 6px 14px -6px var(--tl)}.tl-chip.dead,.tl-chip.queued-out{opacity:.32;filter:grayscale(.7)}.tl-chip.dead .tl-portrait{text-decoration:line-through}@media(max-width:480px){.tl-chip{width:40px}.tl-portrait{width:22px;height:22px;font-size:.72rem}}@media(max-width:560px){.battle-overlay-board.arena-body{padding:.6rem .5rem;gap:.4rem}.battle-overlay-board .grid-board{gap:8px}.unit-peg.boss .peg-body.boss-body,.unit-peg.boss .peg-hp.boss-hp{width:clamp(120px,38vw,210px);height:auto}.unit-peg.boss .peg-body.boss-body{height:clamp(120px,38vw,210px)}.battle-stage{width:100vw;max-height:100dvh;padding:max(.55rem,env(safe-area-inset-top)) max(.55rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left))}.battle-kicker{max-width:100%;overflow-wrap:anywhere;letter-spacing:.18em}.battle-hud{flex-wrap:wrap;gap:.3rem}.battle-hud-title{flex:1 1 42%;max-width:48%;font-size:.66rem}.battle-field-tag{max-width:38%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.battle-field-tag .field-name{overflow:hidden;text-overflow:ellipsis}.rps-pop{width:max-content;max-width:88px;white-space:normal;text-align:center;line-height:1.05;border-radius:8px}.ult-callout,.ult-callout.lord{box-sizing:border-box;width:max-content;max-width:96px;white-space:normal;text-align:center;border-radius:10px}.ult-callout .ult-skill{max-width:100%;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.tl-chip{transition:none}.tl-chip.is-acting{transform:none}}.battle-arena[data-field=Abyss] .battle-overlay-board{--field-img: url(/art/fields/field-abyss.png)}.battle-arena[data-field=Trench] .battle-overlay-board{--field-img: url(/art/fields/field-trench.png)}.battle-arena[data-field=Magma] .battle-overlay-board{--field-img: url(/art/fields/field-magma.png)}.battle-arena[data-field=Bloom] .battle-overlay-board{--field-img: url(/art/fields/field-bloom.png)}.battle-arena[data-field=Crystal] .battle-overlay-board{--field-img: url(/art/fields/field-crystal.png)}.battle-arena[data-field=Volt] .battle-overlay-board{--field-img: url(/art/fields/field-volt.png)}.battle-overlay-board .unit-peg,.battle-overlay-board .peg-body.sprite{overflow:visible}.battle-overlay-board .peg-body.sprite{max-height:none;border:0;border-radius:0;background:none!important;box-shadow:none}.battle-arena.battle-live .col-labels,.battle-arena.battle-live .slot-id{display:none}.battle-arena.battle-live .grid-board .slot:not(:has(.unit-peg)){border-color:transparent;background:transparent}.battle-arena.battle-live .grid-board .slot{border-color:transparent;background:transparent}.battle-arena.battle-live .arena-center{opacity:.25}@media(min-width:861px){.battle-overlay-board.arena-body{gap:1rem 3rem;padding:2rem 2.5rem;min-height:380px}.battle-overlay-board .arena-center{min-width:110px}.battle-overlay-board .grid-board,.battle-overlay-board .col-labels{width:clamp(220px,24vw,300px);max-width:none}.battle-overlay-board .grid-board{gap:16px;grid-template-rows:repeat(3,clamp(88px,14vh,116px))}.battle-overlay-board .unit-peg{max-width:96px}.battle-overlay-board .peg-body{max-height:76px;border-radius:16px;font-size:1.5rem}.battle-overlay-board .grid-board.ally .slot[data-slot=ML],.battle-overlay-board .grid-board.ally .slot[data-slot=F],.battle-overlay-board .grid-board.ally .slot[data-slot=MR]{transform:translate(14px,12px)}.battle-overlay-board .grid-board.enemy .slot[data-slot=ML],.battle-overlay-board .grid-board.enemy .slot[data-slot=F],.battle-overlay-board .grid-board.enemy .slot[data-slot=MR]{transform:translate(-14px,12px)}.battle-overlay-board .grid-board.ally .slot[data-slot=BL],.battle-overlay-board .grid-board.ally .slot[data-slot=BC],.battle-overlay-board .grid-board.ally .slot[data-slot=BR]{transform:translate(-8px,-2px)}.battle-overlay-board .grid-board.enemy .slot[data-slot=BL],.battle-overlay-board .grid-board.enemy .slot[data-slot=BC],.battle-overlay-board .grid-board.enemy .slot[data-slot=BR]{transform:translate(8px,-2px)}}.battle-field-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#eafcff;background:#040e168c;border:1px solid var(--field-color, rgba(61, 232, 255, .5));box-shadow:0 0 12px -2px var(--field-color, rgba(61, 232, 255, .5))}.battle-field-tag .field-glyph{font-size:.85rem;filter:drop-shadow(0 0 4px var(--field-color, rgba(61, 232, 255, .6)))}.ov-daynight{position:absolute;top:6px;right:6px;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:999px;cursor:pointer;color:#fff8e6;background:#040e16a8;border:1px solid rgba(255,214,92,.6);box-shadow:0 0 12px -2px #ffd65c8c;opacity:.82;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.ov-daynight .dn-glyph{font-size:1.05rem;line-height:1;filter:drop-shadow(0 0 5px rgba(255,214,92,.7))}.ov-daynight .dn-info{position:absolute;top:calc(100% + 6px);right:0;white-space:nowrap;padding:.28rem .55rem;border-radius:8px;font-size:.64rem;font-weight:800;letter-spacing:.04em;color:#fff8e6;background:#040e16eb;border:1px solid rgba(255,214,92,.5);box-shadow:0 6px 18px -6px #000c;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.ov-daynight:hover,.ov-daynight.open{opacity:1}.ov-daynight:hover .dn-info,.ov-daynight.open .dn-info{opacity:1;transform:translateY(0)}#battle-arena[data-tod=night] .ov-daynight,.battle-arena[data-tod=night] .ov-daynight{color:#dfe8ff;border-color:#8caaffa6;box-shadow:0 0 12px -2px #8caaff99}#battle-arena[data-tod=night] .ov-daynight .dn-glyph{filter:drop-shadow(0 0 5px rgba(140,170,255,.8))}.battle-arena[data-tod=night] .battle-overlay-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#0a122852,#060a1a8f),radial-gradient(120% 90% at 50% 0%,rgba(40,56,112,.2),transparent 70%);box-shadow:inset 0 0 60px 10px #040a1a66}.battle-arena[data-tod=day] .battle-overlay-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#08141c38,#040e1675),radial-gradient(120% 80% at 50% 0%,rgba(255,238,176,.12),transparent 62%);box-shadow:inset 0 0 60px 10px #040e164d}@media(prefers-reduced-motion:reduce){.battle-arena[data-tod=night] .battle-overlay-board:after,.battle-arena[data-tod=day] .battle-overlay-board:after{background:linear-gradient(180deg,#040e1647,#040e1680)}}.arena-poster{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#0b2d47,#04101a 74%);animation:apstrIn .22s ease both;cursor:pointer;-webkit-tap-highlight-color:transparent}.arena-poster.out{animation:apstrOut .34s ease forwards}@keyframes apstrIn{0%{opacity:0}to{opacity:1}}@keyframes apstrOut{to{opacity:0}}.apstr-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(114deg,#3d8bfd6b 0,#3d8bfd6b 46%,#04101800 46%,#04101800 54%,#ff5a7866 54%,#ff5a7866);animation:apstrBg 2s ease both}@keyframes apstrBg{0%{transform:scale(1.12);opacity:0}20%{opacity:1}to{transform:scale(1);opacity:1}}.apstr-lines{position:absolute;top:-25%;bottom:-25%;width:58%;opacity:.5;mix-blend-mode:screen;pointer-events:none}.apstr-lines.left{left:0;background:repeating-linear-gradient(100deg,transparent 0 10px,rgba(160,210,255,.5) 10px 12px);transform-origin:left center;animation:apstrLines 1.9s ease-out both}.apstr-lines.right{right:0;background:repeating-linear-gradient(80deg,transparent 0 10px,rgba(255,170,190,.5) 10px 12px);transform-origin:right center;animation:apstrLines 1.9s ease-out both}@keyframes apstrLines{0%{opacity:0;transform:translate(0) scaleX(1.4)}30%{opacity:.55}to{opacity:.16;transform:translate(0) scaleX(1)}}.apstr-team{position:absolute;top:0;bottom:0;width:44%;pointer-events:none}.apstr-left{left:0}.apstr-right{right:0}.apstr-slot{position:absolute;translate:0 -50%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6))}.apstr-axo{display:block;width:calc(clamp(100px,26vmin,260px) * var(--sc, 1));height:auto}.apstr-axo.right{transform:scaleX(-1)}.apstr-left .s0{right:4%;top:52%;--sc: 1;z-index:3;rotate:-3deg}.apstr-left .s1{right:44%;top:32%;--sc: .74;z-index:2;rotate:-6deg}.apstr-left .s2{right:58%;top:66%;--sc: .6;z-index:1;rotate:-8deg}.apstr-right .s0{left:4%;top:52%;--sc: 1;z-index:3;rotate:3deg}.apstr-right .s1{left:44%;top:32%;--sc: .74;z-index:2;rotate:6deg}.apstr-right .s2{left:58%;top:66%;--sc: .6;z-index:1;rotate:8deg}.apstr-left .apstr-slot{animation:apstrSlideL .6s cubic-bezier(.16,.9,.3,1) both}.apstr-right .apstr-slot{animation:apstrSlideR .6s cubic-bezier(.16,.9,.3,1) both}.apstr-team .s0{animation-delay:.05s}.apstr-team .s1{animation-delay:.16s}.apstr-team .s2{animation-delay:.26s}@keyframes apstrSlideL{0%{opacity:0;translate:-120vw -50%}to{opacity:1;translate:0 -50%}}@keyframes apstrSlideR{0%{opacity:0;translate:120vw -50%}to{opacity:1;translate:0 -50%}}.apstr-clash{position:absolute;left:50%;top:48%;width:40vmin;height:40vmin;transform:translate(-50%,-50%) scale(.2);border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,236,160,.7) 30%,transparent 62%);opacity:0;animation:apstrClash .7s ease-out .42s both}@keyframes apstrClash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}30%{opacity:.95;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.apstr-vs{position:relative;z-index:5;font-weight:900;font-size:clamp(3.4rem,14vmin,11rem);letter-spacing:.02em;color:#fff;text-shadow:0 0 20px rgba(255,236,160,.9),0 6px 0 rgba(0,0,0,.4);-webkit-text-stroke:3px #06121c;transform:rotate(-6deg);animation:apstrVs .6s cubic-bezier(.2,1.5,.4,1) .42s both}@keyframes apstrVs{0%{opacity:0;transform:rotate(-6deg) scale(2.4)}60%{opacity:1;transform:rotate(-6deg) scale(.92)}to{opacity:1;transform:rotate(-6deg) scale(1)}}.apstr-title{position:absolute;z-index:5;bottom:clamp(1.2rem,8vh,4rem);left:50%;transform:translate(-50%);font-weight:900;font-size:clamp(1.1rem,3.6vw,2.4rem);letter-spacing:.4em;text-indent:.4em;color:#eafcff;text-shadow:0 0 16px rgba(61,232,255,.7);animation:apstrTitle .6s ease .6s both}@keyframes apstrTitle{0%{opacity:0;letter-spacing:.9em}to{opacity:1;letter-spacing:.4em}}.apstr-sweep{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(70deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%);transform:translate(-120%);animation:apstrSweep 1.1s ease-in-out .7s both;pointer-events:none}@keyframes apstrSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.apstr-skip{position:absolute;bottom:12px;right:14px;background:#040e1699;border:1px solid rgba(234,252,255,.35);color:#eafcff;font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;cursor:pointer}@media(prefers-reduced-motion:reduce){.arena-poster{display:none}}.ov-mods{margin:.6rem 0 0;font-size:.72rem;color:var(--muted)}.battle-result{text-align:center;animation:cardDeal .35s ease}.battle-result:before{content:"";position:absolute;left:50%;top:30%;width:min(480px,88vw);height:min(480px,88vw);transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,225,74,.16) 12deg,transparent 24deg,transparent 36deg,rgba(255,225,74,.12) 48deg,transparent 60deg);-webkit-mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.6) 30%,transparent 48%);mask:radial-gradient(circle,#000 0%,rgba(0,0,0,.6) 30%,transparent 48%);animation:resultRays 8s linear infinite}.battle-stage:has(.battle-result:not([hidden])){min-height:min(46vh,380px);display:grid;align-content:center}.battle-result:not(:has(.winner-banner.lost)):before{opacity:1}@keyframes resultRays{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.battle-result>*{position:relative;z-index:1}.battle-result .winner-banner{animation:medalStamp .5s cubic-bezier(.2,1.4,.4,1)}@keyframes medalStamp{0%{transform:scale(2.2);opacity:0;filter:blur(6px)}55%{transform:scale(.94);opacity:1;filter:blur(0)}to{transform:scale(1)}}.battle-result .winner-banner.lost{color:var(--coral);animation:none}@media(prefers-reduced-motion:reduce){.battle-result:before,.battle-result .winner-banner{animation:none}}.ov-result-detail{margin:.75rem auto;max-width:320px;display:grid;gap:.3rem}.ov-result-detail .split-row{display:flex;justify-content:space-between;gap:.5rem;min-width:0;font-size:.85rem}.ov-result-detail .split-row>*{min-width:0;overflow-wrap:anywhere}.ov-result-detail .split-row.pearl strong{color:var(--mint)}.defeat-coach{margin:.4rem 0;padding:.6rem .7rem;border-radius:12px;text-align:left;background:#ffb35c14;border:1px solid rgba(255,179,92,.35)}.defeat-coach p{margin:0 0 .35rem;font-size:.8rem;line-height:1.45;color:#ffe9d2}.defeat-coach p:last-child{margin-bottom:0}.battle-result-actions{margin-top:.75rem}.arena-hero{display:flex;gap:.6rem;justify-content:center;margin:.5rem 0 .85rem;min-height:40px}.arena-hero .vs-card{width:96px;box-shadow:0 0 18px #3de8ff24;border-color:#3de8ff59}.craft-queue-strip{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:.7rem;align-items:center;margin:.65rem 0 .8rem;padding:.65rem;border:1px solid color-mix(in srgb,var(--hub-accent) 38%,var(--line));border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--hub-accent) 10%,transparent),transparent),#00000038}.craft-queue-strip.ready{border-color:var(--gold);animation:craftReadyPulse 1.25s ease-in-out infinite}.craft-queue-art{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#0000002e;filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.craft-queue-meta{min-width:0;display:flex;flex-direction:column}.craft-queue-meta small{color:var(--hub-ink);font-size:.6rem;font-weight:800;letter-spacing:.09em}.craft-queue-meta strong{color:var(--foam);font-size:.9rem}.craft-queue-time{color:var(--muted);font-size:.76rem}.craft-queue-meta code{color:var(--muted);font-size:.56rem}.craft-queue-claim{width:auto;margin:0}@keyframes craftReadyPulse{0%,to{box-shadow:0 0 0 1px #ffe14a26}50%{box-shadow:0 0 18px #ffe14a52}}@media(max-width:520px){.craft-queue-strip{grid-template-columns:58px 1fr}.craft-queue-art{width:58px;height:58px}.craft-queue-claim{grid-column:1 / -1;width:100%}}.recipe-card{position:relative;overflow:hidden}.recipe-card.crafting{opacity:1;border-color:var(--craft-accent, var(--cyan));animation:craftHum 1.1s ease infinite}@keyframes craftHum{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--craft-accent, var(--cyan)) 22%,transparent)}50%{box-shadow:0 0 16px color-mix(in srgb,var(--craft-accent, var(--cyan)) 55%,transparent)}}.craft-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.craft-fx span{position:absolute;bottom:-8px;width:8px;height:8px;border-radius:50%;animation:craftRise 1.1s ease-in infinite}.craft-fx span:nth-child(1){left:18%;animation-delay:0s}.craft-fx span:nth-child(2){left:42%;animation-delay:.25s}.craft-fx span:nth-child(3){left:64%;animation-delay:.5s}.craft-fx span:nth-child(4){left:82%;animation-delay:.75s}@keyframes craftRise{0%{transform:translateY(0) scale(.6);opacity:0}25%{opacity:.9}to{transform:translateY(-64px) scale(1.15);opacity:0}}.craft-kitchen .craft-fx span{background:color-mix(in srgb,var(--craft-accent, #ff8c6b) 70%,transparent)}.craft-lab .craft-fx span{width:5px;height:5px;background:color-mix(in srgb,var(--craft-accent, #ff72c7) 75%,transparent);animation-duration:.8s}.craft-forge .craft-fx span{width:4px;height:4px;border-radius:1px;background:var(--gold);box-shadow:0 0 6px #ff7a1acc;animation-name:craftSpark;animation-duration:.7s}@keyframes craftSpark{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-52px) translate(10px) rotate(180deg);opacity:0}}.recipe-card.craft-done{border-color:var(--mint);box-shadow:0 0 18px color-mix(in srgb,var(--mint) 45%,transparent);animation:none}@media(max-width:640px){.vs-cards{grid-template-columns:1fr}.vs-mark-big{text-align:center}.arena-hero .vs-card{width:84px}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.battle-result{position:relative}.confetti span{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;opacity:.9;animation:confettiFall 1.4s ease-in forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(320px) rotate(540deg);opacity:0}}.reveal-overlay[hidden]{display:none}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#02080cd1;animation:overlayIn .2s ease}.reveal-card{--tint: #3dffc0;position:relative;width:min(320px,88vw);padding:1.5rem 1.25rem 1.25rem;border-radius:18px;border:1px solid var(--tint);background:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--tint) 18%,transparent),transparent 70%),#051018f5;text-align:center;box-shadow:0 0 42px color-mix(in srgb,var(--tint) 35%,transparent)}.reveal-card.pop{animation:revealPop .45s cubic-bezier(.2,1.5,.4,1)}@keyframes revealPop{0%{transform:scale(.6) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reveal-burst{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--tint) 22%,transparent) 0%,transparent 55%);animation:burstSpin 2.4s linear infinite;opacity:.7}@keyframes burstSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.06)}to{transform:rotate(360deg) scale(1)}}.reveal-kicker{margin:0 0 .5rem;font-size:.7rem;font-weight:800;letter-spacing:.32em;color:var(--tint)}.reveal-icon{--tint: #3dffc0;width:64px;height:64px;margin:0 auto .6rem;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;background:color-mix(in srgb,var(--tint) 14%,transparent);border:1px solid color-mix(in srgb,var(--tint) 45%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--tint) 30%,transparent);overflow:hidden;position:relative}.reveal-icon.has-art{width:104px;height:104px;border-radius:20px}.reveal-icon.has-art>img:first-child{width:92%;height:92%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 5px 8px rgba(0,0,0,.55))}.reveal-icon .rarity-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:1}.reveal-confetti{z-index:5}.reveal-name{margin:0 0 .25rem;font-size:1.15rem}.reveal-sub{margin:0 0 1rem;font-size:.78rem;color:var(--muted)}#points{transition:color .25s ease}#points.gain{color:var(--mint);text-shadow:0 0 12px rgba(61,255,192,.55)}#points.loss{color:var(--coral)}.roster-card.busy{opacity:.45;border-style:dashed;cursor:not-allowed}.roster-card.busy .peg-mini{filter:grayscale(.7)}.tonic-box{margin:.6rem 0;padding:.6rem .7rem;border-radius:12px;border:1px solid rgba(61,232,255,.25);background:#3de8ff0d}.tonic-box h4{margin:0 0 .15rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}#tonic-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.tonic-btn small{color:var(--mint);font-weight:800;margin-left:.3rem}.formation-chip .chip-peg{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;margin-right:.3rem;font-size:.62rem;font-weight:900;color:#041018;vertical-align:-4px}.hub-form-slot .slot-nft{color:#041018}.board-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.board-bubbles span{position:absolute;bottom:-14px;width:10px;height:10px;border-radius:50%;border:1px solid rgba(125,220,255,.35);background:radial-gradient(circle at 35% 30%,#bef0ff59,#3de8ff0f);animation:bubbleRise 7s linear infinite}.board-bubbles span:nth-child(1){left:8%;animation-delay:0s;transform:scale(.7)}.board-bubbles span:nth-child(2){left:22%;animation-delay:1.6s}.board-bubbles span:nth-child(3){left:34%;animation-delay:3.1s;transform:scale(.5)}.board-bubbles span:nth-child(4){left:49%;animation-delay:.9s;transform:scale(1.2)}.board-bubbles span:nth-child(5){left:61%;animation-delay:2.4s;transform:scale(.6)}.board-bubbles span:nth-child(6){left:73%;animation-delay:4.2s}.board-bubbles span:nth-child(7){left:84%;animation-delay:1.2s;transform:scale(.8)}.board-bubbles span:nth-child(8){left:93%;animation-delay:5.3s;transform:scale(.5)}@keyframes bubbleRise{0%{transform:translateY(0);opacity:0}8%{opacity:.8}to{transform:translateY(-340px);opacity:0}}.team-token{animation:swimBob 2.2s ease-in-out infinite}@keyframes swimBob{0%,to{margin-top:0}50%{margin-top:-6px}}.node.here{animation:nodePulse 1.8s ease infinite}@keyframes nodePulse{0%,to{box-shadow:0 0 0 5px #3de8ff1f}50%{box-shadow:0 0 0 10px #3de8ff0d,0 0 18px #3de8ff59}}@media(max-width:860px){.adventure-board{min-height:220px}.path-nodes .node{width:clamp(30px,9vw,40px);height:clamp(30px,9vw,40px);font-size:.55rem}.node.here{width:68px;height:68px}.team-token span{width:34px;height:34px}}@media(max-width:860px){.raid-prep{grid-template-columns:1fr}#app{padding:.75rem .85rem 1.5rem}.adv-top{grid-template-columns:1fr;gap:.5rem}.loot-bag{justify-self:start}#screen-adventure.active{max-height:none}.adv-body{display:flex;flex-direction:column;grid-template-columns:1fr;max-height:none}.adventure-board{min-height:200px;max-height:min(32vh,260px);order:-1}.squad-panel,.controls-panel{max-height:none;overflow:visible}.roster-picker{max-height:220px}.arena-header{grid-template-columns:1fr;gap:.5rem;text-align:center}.team-tag.enemy{justify-self:center}.arena-body{grid-template-columns:1fr auto 1fr;gap:.5rem;padding:.75rem}.formation-side.ally-side,.formation-side.enemy-side{justify-self:center}.col-labels,.grid-board{max-width:120px}.arena-controls{grid-template-columns:1fr}.battle-overlay-board .col-labels,.battle-overlay-board .grid-board{width:clamp(180px,38vw,260px);max-width:none}.battle-overlay-board .grid-board{grid-template-rows:repeat(3,auto);gap:10px}.battle-overlay-board .grid-board .slot{aspect-ratio:1 / 1;height:auto}.battle-overlay-board .unit-peg{max-width:84px}.battle-overlay-board .peg-body{max-height:none;font-size:1.25rem;border-radius:14px}}@media(max-width:480px){.arena-body{grid-template-columns:1fr;gap:.75rem}.arena-center{order:-1}.formation-side{width:100%}.col-labels,.grid-board{max-width:min(140px,42vw);margin:0 auto}.battle-overlay-board.arena-body{grid-template-columns:1fr auto 1fr;gap:.4rem;padding:.6rem .4rem;align-items:center}.battle-overlay-board .arena-center{order:0}.battle-overlay-board .formation-side{width:auto}.battle-overlay-board .col-labels,.battle-overlay-board .grid-board{width:43vw;max-width:none}.battle-overlay-board .grid-board{grid-template-rows:repeat(3,auto);gap:6px}.battle-overlay-board .grid-board .slot{aspect-ratio:1 / 1;height:auto}.battle-overlay-board .unit-peg{max-width:74px}.battle-overlay-board .peg-body{max-height:none;font-size:1.1rem;border-radius:12px}.battle-overlay-board .arena-center{font-size:.55rem;min-width:0}.battle-overlay-board .grid-board.ally .slot[data-slot=ML],.battle-overlay-board .grid-board.ally .slot[data-slot=F],.battle-overlay-board .grid-board.ally .slot[data-slot=MR]{transform:translate(6px,5px)}.battle-overlay-board .grid-board.enemy .slot[data-slot=ML],.battle-overlay-board .grid-board.enemy .slot[data-slot=F],.battle-overlay-board .grid-board.enemy .slot[data-slot=MR]{transform:translate(-6px,5px)}.hud-identity{flex-direction:column;align-items:stretch;gap:.5rem}.hud-stats{justify-content:flex-start}.screen-nav{gap:.3rem}.nav-pill{flex:1 1 0;text-align:center;padding:.5rem .35rem;font-size:.68rem;letter-spacing:.04em}}.gear-card{list-style:none;border:1px solid var(--line);border-left:3px solid var(--rar, var(--line));border-radius:10px;padding:.5rem .65rem;margin:.35rem 0;background:#ffffff05}.gear-card-visual{display:grid;grid-template-columns:76px minmax(0,1fr);gap:.65rem}.gear-card-body{min-width:0}.gear-thumb{position:relative;width:76px;height:76px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--rar, var(--line));background:radial-gradient(circle,color-mix(in srgb,var(--rar, #7dffc8) 22%,transparent),transparent 68%),#0000003d;overflow:hidden}.gear-thumb img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}.gear-thumb-plus{position:absolute;right:3px;bottom:3px;border-radius:999px;padding:.08rem .3rem;color:#041018;background:var(--rar, var(--mint));font-size:.62rem;font-weight:900}.gear-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.gear-name{font-weight:700}.gear-word{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gear-meta{font-size:.78rem;color:var(--muted);margin-top:.1rem}.gear-aff{font-size:.75rem;color:var(--cyan);margin-top:.2rem}@media(max-width:520px){.gear-card-visual{grid-template-columns:62px minmax(0,1fr)}.gear-thumb{width:62px;height:62px}}.equip-row{border-left:3px solid var(--rar, transparent);padding-left:.4rem;border-radius:6px;transition:background .3s ease,box-shadow .3s ease}.equip-row.flash{background:#3de8ff1f;box-shadow:0 0 0 1px #3de8ff66}.equip-slot-name{text-transform:capitalize}.equip-doll-wrap{margin:.4rem 0 .7rem}.equip-doll{position:relative;width:min(280px,78%);margin:0 auto;aspect-ratio:3 / 4;border-radius:18px;border:1px solid color-mix(in srgb,var(--doll-rar, #7dffc8) 55%,transparent);background:radial-gradient(ellipse 70% 55% at 50% 42%,color-mix(in srgb,var(--doll-rar, #7dffc8) 34%,transparent),transparent 72%),radial-gradient(ellipse 120% 90% at 50% 50%,#06162159,#040c14d1);box-shadow:0 0 0 1px #00000059 inset,0 10px 30px -14px color-mix(in srgb,var(--doll-rar, #7dffc8) 70%,transparent);overflow:hidden}.doll-rar-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.7);z-index:2}.doll-silhouette{position:absolute;top:8%;right:0;bottom:2%;left:0;margin:auto;height:90%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));opacity:.96;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.doll-slot{position:absolute;width:clamp(30px,9vw,40px);height:clamp(30px,9vw,40px);transform:translate(-50%,-50%);border-radius:11px;display:grid;place-items:center;cursor:pointer;border:1.5px solid var(--slot-rar, rgba(255, 255, 255, .28));background:#06121cb8;box-shadow:0 2px 8px #0006;transition:box-shadow .2s ease,border-color .2s ease;z-index:3}.doll-slot.empty{border-style:dashed;border-color:#ffffff38;background:#06121c73}.doll-slot.filled{box-shadow:0 0 0 1px var(--slot-rar, #7dffc8),0 0 12px -2px var(--slot-rar, #7dffc8),0 2px 8px #00000073}.doll-slot:hover,.doll-slot:focus-visible{border-color:var(--slot-rar, #7dffc8);box-shadow:0 0 0 2px color-mix(in srgb,var(--slot-rar, #7dffc8) 55%,transparent),0 0 14px -2px var(--slot-rar, #7dffc8),0 2px 8px #00000073;outline:none}.doll-slot-img{width:118%;height:118%;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));pointer-events:none}.doll-slot-glyph{font-size:1rem;line-height:1;pointer-events:none}.doll-slot-glyph.faint{opacity:.4;filter:grayscale(.4)}.doll-slot-img.faint{opacity:.55;filter:grayscale(.55)}.doll-slot-img.ghost{opacity:.6;filter:grayscale(.35) brightness(.9)}.doll-slot-glyph.ghost{opacity:.5}.doll-slot-plus{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:900;line-height:1;color:#04121a;background:var(--slot-rar, #7dffc8);box-shadow:0 1px 4px #00000080}.doll-slot-label{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:.52rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:0;transition:opacity .15s ease;pointer-events:none}.doll-slot:hover .doll-slot-label,.doll-slot:focus-visible .doll-slot-label{opacity:1}.worn-gear-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.worn-gear{position:absolute;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.worn-headgear{width:42%;height:42%;top:-4%;left:50%;transform:translate(-50%)}.worn-necklace{width:30%;height:30%;top:40%;left:50%;transform:translate(-50%)}.worn-weapon{width:40%;height:40%;bottom:4%;right:-2%;transform:rotate(12deg)}@media(prefers-reduced-motion:reduce){.doll-slot,.equip-row{transition:none}}.set-summary{margin-top:.5rem}.set-row{border:1px solid var(--line);border-left:3px solid var(--rar, var(--cyan));border-radius:10px;padding:.5rem .65rem;margin:.4rem 0;background:#ffffff05}.set-row-top{display:flex;justify-content:space-between;font-weight:700}.set-name{color:var(--rar, var(--cyan))}.set-track{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:.35rem 0}.set-fill{height:100%;background:var(--rar, var(--cyan));border-radius:inherit}.set-active{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--mint, #7dffc8)}.set-next{font-size:.73rem;color:var(--muted);margin-top:.2rem}.missions-list{display:flex;flex-direction:column;gap:.5rem}.mission-card{position:relative;display:grid;grid-template-columns:86px 1fr;gap:.7rem;overflow:hidden;border:1px solid var(--line);border-radius:12px;padding:0;background:#ffffff05}.mission-card.ready{border-color:var(--gold);box-shadow:0 0 0 1px #ffe14a40}.mission-card.claimed{opacity:.55}.mission-art{width:86px;height:100%;min-height:118px;object-fit:cover;align-self:stretch}.mission-content{min-width:0;padding:.7rem .75rem .7rem 0}.mission-top{display:flex;justify-content:space-between;font-weight:700}.mission-count{color:var(--muted)}.mission-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:.4rem 0}.mission-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1ec8a8,#3de8ff)}.mission-bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.mission-state{font-size:.8rem;color:var(--muted)}.mission-claim{width:auto;margin:0;flex:0 0 auto;padding:.4rem .9rem}.mission-rewards{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0}.mission-reward-chip,.mission-reward-item{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;min-height:30px;padding:.18rem .38rem;border:1px solid rgba(255,225,74,.3);border-radius:8px;background:#ffe14a12;color:var(--gold)}.mission-reward-chip{flex-direction:column;line-height:1}.mission-reward-chip small{font-size:.48rem;letter-spacing:.08em}.mission-reward-item img{width:24px;height:24px;object-fit:contain}.mission-reward-item b{font-size:.72rem}@media(max-width:520px){.mission-card{grid-template-columns:70px 1fr}.mission-art{width:70px;min-height:128px}}.forge2{margin-bottom:1rem}.forge2-row{display:flex;align-items:center;gap:.5rem;margin:.4rem 0;flex-wrap:wrap}.forge2-label{font-size:.75rem;color:var(--muted);min-width:3.5rem}.pill-row{display:flex;flex-wrap:wrap;gap:.35rem}.pill{width:auto;margin:0;border:1px solid var(--line);background:#00000040;color:var(--muted);border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:700;cursor:pointer}.pill.on{border-color:var(--rar, var(--cyan));color:var(--rar, var(--cyan));background:#3de8ff1a}.recipe-card{border-left:3px solid var(--rar, var(--line))}.gear-inv-header{list-style:none;margin:.25rem 0 .5rem}.gear-plus{color:var(--gold);font-weight:900}.gear-upgrade-info{font-size:.74rem;color:var(--muted);margin-top:.35rem;line-height:1.35}.gear-upgrade-info.max{color:var(--gold);font-weight:800}.gear-cost{color:var(--gold)}.odd-ok{color:#7dffc8}.odd-warn{color:#ffd24a}.odd-bad{color:#ff5c7a;font-weight:800}.gear-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.gear-btn{width:auto;margin:0;flex:0 0 auto;padding:.35rem .7rem;font-size:.75rem}.gacha-note{font-size:.8rem;color:var(--muted)}.gacha-note strong{color:var(--gold)}.spectate-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.spectate-controls .btn{width:auto;margin:0;flex:0 0 auto}.spectate-feed{display:grid;gap:.55rem;margin-bottom:.85rem}.spectate-feed:empty:after{content:"No live matches yet — spin an exhibition or wait for a raid/arena fight.";display:block;color:var(--muted, #8aa0b8);font-size:.85rem;padding:.5rem 0}.spectate-card{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;align-items:center;text-align:left;padding:.7rem .85rem;border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:inherit;cursor:pointer;width:100%}.spectate-card:hover{border-color:#3de8ff73}.spectate-card-top{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap;font-weight:800}.spectate-card-meta{grid-column:1 / -1;font-size:.78rem;color:var(--muted, #8aa0b8)}.spectate-pill{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#3de8ff26;color:#3de8ff}.spectate-pill.done{background:#ffffff14;color:var(--muted, #8aa0b8)}.spectate-pill.raid{background:#ff7a1a2e;color:#ff9a4a}.spectate-pill.arena{background:#b48cff2e;color:#b48cff}.spectate-stage:empty{display:none}.spectate-stage{border:1px solid var(--line);border-radius:12px;padding:.9rem;background:#ffffff05}.spectate-vs{display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:900;font-size:1.1rem}.battle-fans{font-size:.78rem;font-weight:800;color:#7ec8ff;letter-spacing:.02em;white-space:nowrap}.battle-fans.intro-fans{text-align:center;margin-top:.5rem}.raid-target.pending{opacity:.55;cursor:not-allowed}.raid-target.pending .target-label:after{content:" · in progress";font-weight:600;color:var(--muted, #8aa0b8)}.spectate-vs-x{color:var(--muted);font-size:.8rem}.spectate-rows{text-align:center;font-size:.82rem;margin:.5rem 0}.spectate-result{text-align:center;margin:.5rem 0}.spectate-log{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.5rem;margin-top:.5rem;line-height:1.5}#spectate-cheer{width:auto;margin:.75rem auto 0;display:block}.item-grid{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.55rem}.item-grid .item-tile{margin:0;padding:0}.tile-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .3rem .4rem;border-radius:14px;border:1px solid var(--line);background:linear-gradient(160deg,#3de8ff0f,#0000004d);cursor:help;outline:none;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease;--tile-tint: #3de8ff}.tile-inner:hover,.tile-inner:focus-visible{border-color:color-mix(in srgb,var(--tile-tint) 55%,transparent);box-shadow:0 6px 18px #0006,0 0 14px color-mix(in srgb,var(--tile-tint) 30%,transparent)}.item-tile.empty .tile-inner{opacity:.4;filter:grayscale(.5)}.tile-inner[data-rarity=Common]{--tile-tint: #7dffc8}.tile-inner[data-rarity=Uncommon]{--tile-tint: #7ec8ff}.tile-inner[data-rarity=Rare]{--tile-tint: #b48cff}.tile-inner[data-rarity=Epic]{--tile-tint: #ff9a4a}.tile-inner[data-rarity=Legendary]{--tile-tint: #ffe14a}.tile-inner[data-rarity=Mystic]{--tile-tint: #ff5ca8}.tile-inner[data-rarity]{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tile-tint) 30%,transparent),transparent 68%),linear-gradient(160deg,#00000059,#00000080);border-color:color-mix(in srgb,var(--tile-tint) 40%,transparent)}.tile-img{width:56px;height:56px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.tile-emoji{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.9rem}.tile-count{position:absolute;top:2px;right:4px;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:#040b12e6;border:1px solid color-mix(in srgb,var(--tile-tint) 50%,transparent);color:var(--foam);font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center}.tile-name{font-size:.62rem;line-height:1.1;text-align:center;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.item-info-pop{position:fixed;z-index:200;max-width:220px;padding:.55rem .7rem;border-radius:12px;background:#040c14f7;border:1px solid color-mix(in srgb,var(--pop-tint, #3de8ff) 45%,var(--line));box-shadow:0 10px 30px #0000008c,0 0 16px color-mix(in srgb,var(--pop-tint, #3de8ff) 22%,transparent);color:var(--foam);opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.item-info-pop.show{opacity:1;transform:translateY(0)}.item-info-pop .pop-title{font-weight:800;font-size:.82rem;margin-bottom:.15rem}.item-info-pop .pop-tag,.item-info-pop .pop-rarity{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.item-info-pop .pop-desc{font-size:.75rem;line-height:1.4;color:#cfe6ea}.item-info-pop .pop-line{display:flex;gap:.4rem;margin-top:.35rem;font-size:.7rem;line-height:1.35;color:#cfe6ea}.item-info-pop .pop-k{flex:0 0 auto;min-width:42px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.58rem;color:var(--pop-tint, #7dffc8);padding-top:.06rem}@media(prefers-reduced-motion:reduce){.tile-inner,.item-info-pop{transition:none}}.hub-tile{position:relative}.hub-tile-badge{position:absolute;top:.5rem;right:.5rem;min-width:1.2rem;height:1.2rem;padding:0 .35rem;border-radius:999px;background:var(--gold);color:#1a1400;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center}.reef-sprite-wrap[data-rarity=Epic]{border-width:1.5px;box-shadow:inset 0 0 12px #ff9a4a40,0 0 8px #ff9a4a47}.reef-sprite-wrap[data-rarity=Legendary]{border-width:1.5px;box-shadow:inset 0 0 14px #ffe14a4d,0 0 12px #ffe14a66}.reef-sprite-wrap[data-rarity=Legendary]:before,.reef-sprite-wrap[data-rarity=Mystic]:before{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;z-index:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0%,color-mix(in srgb,var(--rar, #ffe14a) 55%,transparent) 12%,transparent 26%,color-mix(in srgb,var(--rar, #ffe14a) 40%,transparent) 55%,transparent 70%,color-mix(in srgb,var(--rar, #ffe14a) 55%,transparent) 88%,transparent 100%);filter:blur(4px);animation:rarityHalo 4.5s linear infinite}.reef-sprite-wrap[data-rarity=Mystic]{border-width:2px;box-shadow:inset 0 0 16px #ff6bdb59,0 0 14px #ff6bdb80,0 0 26px #9b5cff4d}.reef-sprite-wrap .reef-sprite{position:relative;z-index:1}@keyframes rarityHalo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unit-peg[data-rarity=Epic] .peg-ground{background:radial-gradient(ellipse at center,rgba(255,154,74,.6) 0%,transparent 70%)}.unit-peg[data-rarity=Legendary] .peg-ground{background:radial-gradient(ellipse at center,rgba(255,225,74,.65) 0%,transparent 72%);filter:blur(2px) drop-shadow(0 0 8px rgba(255,225,74,.5))}.unit-peg[data-rarity=Mystic] .peg-ground{background:radial-gradient(ellipse at center,rgba(255,107,219,.65) 0%,rgba(155,92,255,.35) 45%,transparent 74%);filter:blur(2px) drop-shadow(0 0 10px rgba(255,107,219,.55))}.unit-peg[data-rarity=Legendary]:not(.dead) .peg-body.sprite .peg-art{animation:ascendGlowGold 3.2s ease-in-out infinite}.unit-peg[data-rarity=Mystic]:not(.dead) .peg-body.sprite .peg-art{animation:ascendGlowMystic 2.8s ease-in-out infinite}.peg-owner-aura{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;pointer-events:none;z-index:0}.unit-peg[data-rarity=Mystic]:not(.dead) .peg-owner-aura{background:conic-gradient(from 0deg,#ff6bdb8c,#9b5cff59,#3de8ff66,#7dffc84d,#ff6bdb8c);-webkit-mask:radial-gradient(circle,transparent 52%,#000 58%,#000 72%,transparent 78%);mask:radial-gradient(circle,transparent 52%,#000 58%,#000 72%,transparent 78%);opacity:.75;animation:mysticHalo 4.2s linear infinite}.unit-peg[data-rarity=Legendary]:not(.dead) .peg-owner-aura{top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle,transparent 50%,rgba(255,225,74,.35) 62%,transparent 76%);filter:blur(2px);animation:legendaryOwnerHalo 3.2s ease-in-out infinite}@keyframes legendaryOwnerHalo{0%,to{transform:scale(.96);opacity:.45}50%{transform:scale(1.06);opacity:.85}}@keyframes mysticHalo{0%{transform:rotate(0) scale(1);opacity:.55}50%{transform:rotate(180deg) scale(1.06);opacity:.9}to{transform:rotate(360deg) scale(1);opacity:.55}}@keyframes ascendGlowGold{0%,to{filter:drop-shadow(0 0 6px rgba(255,225,74,.35))}50%{filter:drop-shadow(0 0 16px rgba(255,225,74,.7)) drop-shadow(0 0 30px rgba(255,200,60,.25))}}@keyframes ascendGlowMystic{0%,to{filter:drop-shadow(0 0 7px rgba(255,107,219,.4))}50%{filter:drop-shadow(0 0 18px rgba(255,107,219,.75)) drop-shadow(0 0 32px rgba(155,92,255,.35))}}@media(prefers-reduced-motion:reduce){.unit-peg[data-rarity=Legendary] .peg-body.sprite .peg-art,.unit-peg[data-rarity=Mystic] .peg-body.sprite .peg-art,.unit-peg[data-rarity=Legendary] .peg-owner-aura,.unit-peg[data-rarity=Mystic] .peg-owner-aura{animation:none}}.bio-lord-showcase{position:relative;margin:.6rem 0 .8rem;border-radius:16px;overflow:hidden;border:1.5px solid rgba(255,225,74,.55);box-shadow:0 0 18px #ffe14a47,0 8px 22px #00000073}.bio-lord-showcase[data-mystic=true]{border-color:#ff6bdba6;box-shadow:0 0 22px #ff6bdb59,0 8px 22px #00000073}.bio-lord-showcase img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;cursor:zoom-in;animation:lordBreathe 9s ease-in-out infinite alternate}@keyframes lordBreathe{0%{transform:scale(1.02)}to{transform:scale(1.07)}}.bio-lord-showcase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 47%,rgba(255,255,255,.28) 50%,transparent 66%);transform:translate(-120%);animation:lordSheen 6.5s ease-in-out infinite;mix-blend-mode:screen}@keyframes lordSheen{0%,62%{transform:translate(-120%)}86%,to{transform:translate(120%)}}.bio-lord-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 80%,rgba(255,225,74,.9),transparent),radial-gradient(2px 2px at 50% 90%,rgba(255,225,74,.7),transparent),radial-gradient(2px 2px at 78% 85%,rgba(255,225,74,.8),transparent),radial-gradient(1.5px 1.5px at 35% 95%,rgba(255,240,160,.9),transparent);background-repeat:no-repeat;animation:lordEmbers 5s linear infinite;opacity:.8}.bio-lord-showcase[data-mystic=true]:before{background-image:radial-gradient(2px 2px at 20% 80%,rgba(255,107,219,.9),transparent),radial-gradient(2px 2px at 50% 90%,rgba(125,255,200,.8),transparent),radial-gradient(2px 2px at 78% 85%,rgba(61,232,255,.85),transparent),radial-gradient(1.5px 1.5px at 35% 95%,rgba(180,140,255,.9),transparent)}@keyframes lordEmbers{0%{transform:translateY(0);opacity:0}20%{opacity:.85}to{transform:translateY(-70%);opacity:0}}@media(prefers-reduced-motion:reduce){.bio-lord-showcase img,.bio-lord-showcase:after,.bio-lord-showcase:before{animation:none}.bio-lord-showcase:after,.bio-lord-showcase:before{display:none}}.art-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;z-index:2000;display:grid;place-items:center;padding:4vmin;background:#02060ce0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;animation:lightboxIn .25s ease-out}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.art-lightbox img{max-width:min(92vw,720px);max-height:82vh;object-fit:contain;border-radius:18px;animation:lightboxArt .35s cubic-bezier(.2,.9,.3,1.2);filter:drop-shadow(0 24px 60px rgba(0,0,0,.7)) drop-shadow(0 0 30px var(--lb-glow, rgba(61, 232, 255, .35)))}@keyframes lightboxArt{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.art-lightbox figcaption{position:absolute;bottom:max(3vmin,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-weight:800;letter-spacing:.06em;color:#dff3ff;text-shadow:0 2px 8px #000}@media(prefers-reduced-motion:reduce){.art-lightbox,.art-lightbox img{animation:none}}.bio-lord-showcase figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem .5rem;background:linear-gradient(180deg,transparent,rgba(4,10,18,.88) 55%)}.bio-lord-showcase figcaption b{font-size:.62rem;letter-spacing:.14em;color:var(--gold)}.bio-lord-showcase[data-mystic=true] figcaption b{color:#ff6bdb}.bio-lord-showcase figcaption span{font-size:.72rem;color:#ffffffd9}.lord-entrance .lord-portrait{width:74px;height:74px;border-radius:10px;object-fit:cover;border:1px solid color-mix(in srgb,var(--fx, #ffe14a) 70%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--fx, #ffe14a) 55%,transparent);margin-bottom:.15rem}.formation-chip .chip-peg{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;margin-right:.3rem;vertical-align:-8px;overflow:hidden}.formation-chip .chip-peg .faction-icon{display:none}.hub-form-slot .slot-nft{width:46px;height:46px;border-radius:10px;overflow:hidden}.hub-form-slot .slot-nft .faction-icon{width:11px;height:11px}.profile-hud-peg{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;overflow:hidden}.profile-hud-peg .faction-icon{display:none}.profile-big-peg{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;overflow:hidden}.profile-opt-peg,.profile-peg{overflow:hidden}.profile-opt-peg .faction-icon,.profile-big-peg .faction-icon{width:12px;height:12px}.unit-peg[data-expr=attack] .peg-art{filter:saturate(1.3) contrast(1.08) drop-shadow(0 0 7px rgba(255,90,90,.65))}.unit-peg[data-expr=hurt] .peg-art{filter:saturate(1.25) brightness(1.1) sepia(.18) hue-rotate(-18deg) drop-shadow(0 0 8px rgba(255,70,70,.7))}.gear-inv-header{grid-column:1 / -1}.gear-tile .tile-count{min-width:22px;font-weight:800}.gear-tile-broken .tile-inner{filter:grayscale(.7) brightness(.75)}.gear-tile-broken .tile-inner:after{content:"BROKEN";position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-12deg);font-size:.5rem;font-weight:900;letter-spacing:.08em;color:#ff7a7a;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.gear-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}.gear-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020a10b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gear-sheet-panel{position:relative;z-index:1;width:min(560px,100%);max-height:min(78vh,640px);overflow-y:auto;padding:.9rem;border-radius:18px;border:1px solid var(--hub-accent, #3de8ff);background:#071722;box-shadow:0 18px 60px #000000bf;animation:gearSheetIn .22s cubic-bezier(.2,1.2,.4,1)}@keyframes gearSheetIn{0%{transform:translateY(14px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gear-sheet-close{position:sticky;top:0;z-index:3;float:right;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--line);background:#00000073;color:var(--foam);font-size:1.1rem;cursor:pointer}.gear-sheet-list{list-style:none;margin:0;padding:0}.gear-sheet-list .gear-card{margin:0}.hub-tabs,.timeline-track,.loc-strip{scrollbar-width:none}.hub-tabs::-webkit-scrollbar,.timeline-track::-webkit-scrollbar,.loc-strip::-webkit-scrollbar{display:none}.hub-tabs:hover,.loc-strip:hover{scrollbar-width:thin}.melee-slash{position:absolute;left:50%;top:44%;width:64px;height:64px;margin:-32px 0 0 -32px;z-index:34;pointer-events:none;--fx: #eafcff}.melee-slash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:6px solid transparent;border-top-color:#fff;border-right-color:var(--fx);filter:drop-shadow(0 0 8px var(--fx)) blur(.4px);transform:rotate(var(--ang, 0deg)) scale(.5);animation:slashSweep .32s cubic-bezier(.2,.7,.3,1) forwards}.melee-slash.heavy:before{border-width:9px;animation-duration:.4s}@keyframes slashSweep{0%{transform:rotate(calc(var(--ang, 0deg) - 130deg)) scale(.45);opacity:0}25%{opacity:1}to{transform:rotate(calc(var(--ang, 0deg) + 90deg)) scale(1.18);opacity:0}}.battle-beam{position:absolute;height:8px;margin-top:-4px;transform-origin:0 50%;transform:rotate(var(--ang, 0deg)) scaleX(0);border-radius:999px;z-index:29;pointer-events:none;--fx: #3de8ff;background:linear-gradient(90deg,#fff 0%,color-mix(in srgb,var(--fx) 85%,#fff) 18%,var(--fx) 55%,color-mix(in srgb,var(--fx) 60%,transparent) 100%);box-shadow:0 0 10px var(--fx),0 0 26px color-mix(in srgb,var(--fx) 55%,transparent);animation:beamFire .42s cubic-bezier(.2,.8,.3,1) forwards}.battle-beam.split{height:5px;margin-top:-2.5px;opacity:.8;animation-delay:.1s}@keyframes beamFire{0%{transform:rotate(var(--ang, 0deg)) scaleX(0);opacity:0}22%{transform:rotate(var(--ang, 0deg)) scaleX(1.02);opacity:1}70%{transform:rotate(var(--ang, 0deg)) scaleX(1);opacity:.9}to{transform:rotate(var(--ang, 0deg)) scaleX(1);opacity:0}}.battle-zap{position:absolute;height:16px;margin-top:-8px;transform-origin:0 50%;transform:rotate(var(--ang, 0deg));z-index:31;pointer-events:none;--fx: #ffe14a;background:linear-gradient(90deg,#fff,var(--fx) 40%,#fff 70%,var(--fx));clip-path:polygon(0 46%,12% 38%,22% 58%,34% 30%,46% 62%,58% 34%,70% 60%,82% 40%,100% 52%,82% 52%,70% 74%,58% 46%,46% 76%,34% 44%,22% 72%,12% 50%,0 56%);filter:drop-shadow(0 0 8px var(--fx));animation:zapFlash .34s steps(3) forwards}@keyframes zapFlash{0%{opacity:0}20%{opacity:1}60%{opacity:.75}to{opacity:0}}.ward-bubble{position:absolute;left:50%;top:42%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;z-index:33;pointer-events:none;--fx: #7dffc8;border:2px solid color-mix(in srgb,var(--fx) 75%,#fff);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.5),transparent 34%),radial-gradient(circle,color-mix(in srgb,var(--fx) 18%,transparent),color-mix(in srgb,var(--fx) 8%,transparent) 68%,transparent 74%);box-shadow:0 0 14px color-mix(in srgb,var(--fx) 55%,transparent),inset 0 0 18px color-mix(in srgb,var(--fx) 35%,transparent);animation:wardPop .55s cubic-bezier(.2,.9,.3,1.2) forwards}@keyframes wardPop{0%{transform:scale(.2);opacity:0}45%{transform:scale(1.1);opacity:1}75%{transform:scale(.98);opacity:.9}to{transform:scale(1.04);opacity:0}}.ground-shock{position:absolute;left:50%;bottom:-6%;width:86px;height:30px;margin-left:-43px;border-radius:50%;z-index:28;pointer-events:none;--fx: #ff7a1a;border:3px solid color-mix(in srgb,var(--fx) 80%,#fff);box-shadow:0 0 14px var(--fx);opacity:0;animation:groundShock .5s ease-out forwards}@keyframes groundShock{0%{transform:scale(.25);opacity:.95}to{transform:scale(1.5);opacity:0}}.event-card{border:1px solid var(--line);border-radius:14px;padding:.7rem .8rem;margin-bottom:.6rem;background:linear-gradient(160deg,#0a1e2abf,#040e16d9)}.event-card.ready{border-color:#7dffc880;box-shadow:0 0 12px #7dffc826}.event-card.cup.ready{border-color:#ffe14a8c;box-shadow:0 0 12px #ffe14a2e}.event-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.event-title{font-weight:800;font-size:.92rem}.event-sub{font-size:.72rem;color:var(--muted);font-weight:700}.event-desc{margin:.25rem 0 .5rem;font-size:.72rem;color:var(--muted)}.event-claim{width:100%}.cup-tiers{display:grid;gap:.35rem}.cup-tier{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:10px;border:1px solid var(--line);background:#00000040;font-size:.74rem}.cup-tier.reached{border-color:#ffe14a80}.cup-tier.claimed{opacity:.55}.cup-tier-name{font-weight:800}.cup-tier-req{color:var(--muted)}.cup-tier-reward{color:var(--gold);font-weight:700}.cup-tier .cup-claim{padding:.25rem .6rem;font-size:.7rem}@media(prefers-reduced-motion:reduce){.reef-sprite-wrap[data-rarity=Legendary]:before,.reef-sprite-wrap[data-rarity=Mystic]:before{animation:none;opacity:.5}.melee-slash,.battle-beam,.battle-zap,.ward-bubble,.ground-shock{display:none}}.mystic-ult{--fx: #ff6bdb;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden;border-radius:16px}.mystic-ult .mu-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--cx, 50%) var(--cy, 50%),transparent 0,transparent 64px,color-mix(in srgb,var(--fx) 24%,rgba(2,4,10,.72)) 130px,rgba(1,2,6,.92) 260px,rgba(0,0,2,.97) 100%);animation:muVignette 2.3s ease forwards}@keyframes muVignette{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}.mystic-ult .mu-title{position:absolute;left:50%;top:16%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:4;animation:muTitle 2.3s cubic-bezier(.2,1.3,.35,1) forwards}.mystic-ult .mu-kicker{font-size:.6rem;font-weight:800;letter-spacing:.42em;color:#fff;opacity:.85}.mystic-ult .mu-name{font-size:clamp(1.3rem,3.2vw,2.1rem);font-weight:900;letter-spacing:.14em;background:linear-gradient(90deg,#fff,var(--fx),#fff,var(--fx));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px var(--fx)) drop-shadow(0 2px 4px rgba(0,0,0,.9));animation:muNameSheen 2.3s linear infinite}@keyframes muTitle{0%{opacity:0;transform:translate(-50%) scale(2.2);filter:blur(6px)}14%{opacity:1;transform:translate(-50%) scale(1);filter:blur(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@keyframes muNameSheen{0%{background-position:0% 0}to{background-position:300% 0}}.mystic-ult .mu-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.mystic-ult .mu-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(circle at 50% 50%,#fff 0,color-mix(in srgb,var(--fx) 40%,#fff) 45%,transparent 78%);opacity:0;animation:muFlash 2.3s ease forwards}@keyframes muFlash{0%,32%{opacity:0}36%{opacity:.95}46%{opacity:.15}52%{opacity:.55}70%,to{opacity:0}}.unit-peg.mystic-cast{z-index:40}.unit-peg.mystic-cast .peg-body{animation:mysticCast 2.3s ease;box-shadow:0 0 26px var(--fx, #ff6bdb),0 0 64px color-mix(in srgb,var(--fx, #ff6bdb) 65%,transparent),0 0 120px color-mix(in srgb,var(--fx, #ff6bdb) 35%,transparent)}@keyframes mysticCast{0%{transform:scale(1);filter:brightness(1)}12%{transform:scale(1.3);filter:brightness(1.9) saturate(1.5)}30%{transform:scale(1.18);filter:brightness(1.45)}62%{transform:scale(1.18);filter:brightness(1.45)}to{transform:scale(1);filter:brightness(1)}}.mu-gloom .mu-rift{position:absolute;left:50%;top:44%;width:46%;height:26%;transform:translate(-50%,-50%) scaleX(0);border-radius:50%;background:radial-gradient(ellipse,#000 0 46%,#1a0630 68%,transparent 76%);box-shadow:0 0 60px 18px #9b5cff8c;animation:muRift 2.3s cubic-bezier(.3,1.2,.4,1) forwards}.mu-gloom .mu-rift-glow{position:absolute;left:50%;top:44%;width:54%;height:34%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(180,140,255,.8);filter:blur(2px);opacity:0;animation:muRiftGlow 2.3s ease forwards}@keyframes muRift{0%,8%{transform:translate(-50%,-50%) scaleX(0) scaleY(.1)}26%{transform:translate(-50%,-50%) scaleX(1.05) scaleY(1)}74%{transform:translate(-50%,-50%) scaleX(1) scaleY(1);opacity:1}to{transform:translate(-50%,-50%) scaleX(.2) scaleY(.05);opacity:0}}@keyframes muRiftGlow{0%,10%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}30%{opacity:1}74%{opacity:.8;transform:translate(-50%,-50%) scale(1.06) rotate(14deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(20deg)}}.mu-gloom .mu-slash{position:absolute;left:-30%;top:var(--y, 40%);width:44%;height:5px;border-radius:999px;transform:rotate(var(--r, 0deg));background:linear-gradient(90deg,transparent,#d9c2ff 30%,#fff 50%,#b48cff 70%,transparent);box-shadow:0 0 16px #b48cffe6;opacity:0;animation:muSlash .5s cubic-bezier(.2,0,.3,1) forwards;animation-delay:var(--d, .6s)}@keyframes muSlash{0%{opacity:0;translate:0 0;scale:.6 1}18%{opacity:1}to{opacity:0;translate:160% 0;scale:1.2 .6}}.mu-hollow .mu-mist{position:absolute;left:-40%;bottom:0;width:90%;height:44%;background:linear-gradient(180deg,transparent,rgba(190,220,255,.22) 45%,rgba(140,180,255,.34));filter:blur(14px);border-radius:50%;animation:muMist 2.3s ease-in-out forwards}.mu-hollow .mu-mist.second{left:auto;right:-40%;animation-delay:.25s;animation-name:muMistBack}@keyframes muMist{0%{transform:translate(0);opacity:0}20%{opacity:1}85%{opacity:.9}to{transform:translate(70%);opacity:0}}@keyframes muMistBack{0%{transform:translate(0);opacity:0}20%{opacity:1}85%{opacity:.9}to{transform:translate(-70%);opacity:0}}.mu-hollow .mu-rune{position:absolute;left:var(--x, 50%);bottom:6%;font-size:clamp(20px,3vw,34px);font-style:normal;font-weight:900;color:#cfe7ff;text-shadow:0 0 14px #7fd0ff,0 0 34px rgba(127,208,255,.7);opacity:0;animation:muRune 1.15s ease-out forwards;animation-delay:var(--d, .4s)}@keyframes muRune{0%{opacity:0;transform:translateY(0) scale(.6)}22%{opacity:1;transform:translateY(-24%) scale(1.15)}to{opacity:0;transform:translateY(-320%) scale(.9)}}.mu-tideguard .mu-wave{position:absolute;left:-25%;bottom:-70%;width:150%;height:90%;border-radius:48% 52% 0 0;background:linear-gradient(180deg,#3d8bfdeb,#0a285af2);box-shadow:0 -14px 44px #3d8bfd99;animation:muWave 2.3s cubic-bezier(.3,.9,.4,1) forwards}.mu-tideguard .mu-wave-crest{position:absolute;left:-25%;bottom:-70%;width:150%;height:90%;border-radius:48% 52% 0 0;border-top:7px solid rgba(255,255,255,.95);filter:blur(1px);animation:muWave 2.3s cubic-bezier(.3,.9,.4,1) forwards}@keyframes muWave{0%,10%{transform:translateY(0) translate(0)}36%{transform:translateY(-78%) translate(0)}58%{transform:translateY(-72%) translate(16%)}84%{transform:translateY(-30%) translate(34%);opacity:1}to{transform:translateY(0) translate(40%);opacity:0}}.mu-tideguard .mu-foam{position:absolute;left:0;bottom:0;width:100%;height:20%;background:radial-gradient(circle at 12% 60%,rgba(255,255,255,.8) 0 4px,transparent 6px),radial-gradient(circle at 34% 30%,rgba(255,255,255,.7) 0 3px,transparent 5px),radial-gradient(circle at 55% 65%,rgba(255,255,255,.8) 0 5px,transparent 7px),radial-gradient(circle at 76% 35%,rgba(255,255,255,.7) 0 3px,transparent 5px),radial-gradient(circle at 92% 55%,rgba(255,255,255,.8) 0 4px,transparent 6px);opacity:0;animation:muFoam 2.3s ease forwards}@keyframes muFoam{0%,30%{opacity:0}44%{opacity:1}to{opacity:0;transform:translateY(-40%)}}.mu-tideguard .mu-quake{position:absolute;top:0;right:0;bottom:0;left:0;background:#a0dcff40;opacity:0;animation:muQuake 2.3s ease forwards}@keyframes muQuake{0%,33%{opacity:0}38%{opacity:1}44%{opacity:.2}50%{opacity:.6}60%,to{opacity:0}}.mu-riptide .mu-dragon{position:absolute;left:-60%;top:38%;width:58%;height:15%;border-radius:999px;background:linear-gradient(90deg,transparent,#7fd0ff 25%,#fff 48%,#3d8bfd 75%,transparent);box-shadow:0 0 34px #7fd0ffd9,0 0 90px #3d8bfd80;filter:blur(.5px);animation:muDragon 1.5s cubic-bezier(.3,0,.2,1) forwards;animation-delay:.45s}@keyframes muDragon{0%{transform:translate(0) translateY(0) scaleY(.5);opacity:0}14%{opacity:1}35%{transform:translate(90%) translateY(-14%) scaleY(1.05)}65%{transform:translate(180%) translateY(12%) scaleY(.95)}to{transform:translate(300%) translateY(-6%) scaleY(.7);opacity:0}}.mu-riptide .mu-current{position:absolute;left:-40%;top:var(--y, 45%);width:34%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(190,230,255,.9),transparent);opacity:0;animation:muCurrent .7s ease-out forwards;animation-delay:var(--d, .6s)}@keyframes muCurrent{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(320%)}}.mu-cinder .mu-heat{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(100% 70% at 50% 100%,rgba(255,122,26,.34),transparent 70%);opacity:0;animation:muHeat 2.3s ease forwards}@keyframes muHeat{0%{opacity:0}25%{opacity:1}85%{opacity:.9}to{opacity:0}}.mu-cinder .mu-meteor{position:absolute;left:var(--x, 50%);top:-12%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff 25%,#ffb347 55%,#ff7a1a);box-shadow:0 0 18px 5px #ff7a1ad9;transform:scale(var(--s, 1));opacity:0;animation:muMeteor .55s cubic-bezier(.4,0,.9,.6) forwards;animation-delay:var(--d, .5s)}.mu-cinder .mu-meteor:before{content:"";position:absolute;left:50%;bottom:60%;width:4px;height:60px;transform:translate(-50%) rotate(14deg);border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,180,90,.9))}@keyframes muMeteor{0%{opacity:0;translate:0 0}12%{opacity:1}82%{opacity:1;translate:-6% 88vh}to{opacity:0;translate:-7% 92vh;scale:2.2}}.mu-cinder .mu-lava-glow{position:absolute;left:0;bottom:0;width:100%;height:12%;background:linear-gradient(180deg,transparent,rgba(255,90,20,.7));filter:blur(6px);opacity:0;animation:muLava 2.3s ease forwards}@keyframes muLava{0%,28%{opacity:0}45%{opacity:1}62%{opacity:.6}78%{opacity:1}to{opacity:0}}.mu-pearl .mu-pillar{position:absolute;left:50%;top:0;width:22%;height:100%;transform:translate(-50%) scaleX(0);background:linear-gradient(90deg,transparent,rgba(255,240,220,.85) 35%,#fff 50%,rgba(255,214,235,.85) 65%,transparent);filter:blur(2px);animation:muPillar 2.3s cubic-bezier(.2,1.1,.3,1) forwards}@keyframes muPillar{0%,14%{transform:translate(-50%) scaleX(0);opacity:0}30%{transform:translate(-50%) scaleX(1.1);opacity:1}70%{transform:translate(-50%) scaleX(.9);opacity:.95}to{transform:translate(-50%) scaleX(0);opacity:0}}.mu-pearl .mu-halo{position:absolute;left:50%;top:46%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;border:4px solid rgba(255,225,74,.9);box-shadow:0 0 30px #ffe14acc,inset 0 0 20px #ffe14a80;opacity:0;animation:muHalo 1.6s ease-out forwards;animation-delay:.5s}@keyframes muHalo{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(9)}}.mu-pearl .mu-petal{position:absolute;left:var(--x, 50%);top:-8%;width:12px;height:16px;border-radius:60% 40%;background:linear-gradient(135deg,#ffd6eb,#ff5ca8);opacity:0;transform:rotate(var(--r, 0deg));animation:muPetal 1.6s ease-in forwards;animation-delay:var(--d, .4s)}@keyframes muPetal{0%{opacity:0;translate:0 0}14%{opacity:1}to{opacity:0;translate:-30px 105vh;rotate:300deg}}.mu-prism .mu-facet{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:conic-gradient(from 0deg,#3de8ff1f,#b48cff1f,#ff6bdb1f,#3de8ff1f);opacity:0;animation:muFacet 2.3s linear forwards}@keyframes muFacet{0%{opacity:0;transform:rotate(0) scale(1)}25%{opacity:1}85%{opacity:.9}to{opacity:0;transform:rotate(40deg) scale(1.15)}}.mu-prism .mu-beam{position:absolute;left:-12%;top:var(--y, 50%);width:124%;height:6px;transform:rotate(var(--r, 0deg)) scaleX(0);transform-origin:50% 50%;border-radius:999px;background:linear-gradient(90deg,transparent,#9be8ff 25%,#fff 50%,#d9b8ff 75%,transparent);box-shadow:0 0 22px #3de8ffe6;animation:muBeam .6s cubic-bezier(.2,1,.3,1) forwards;animation-delay:var(--d, .55s)}@keyframes muBeam{0%{transform:rotate(var(--r, 0deg)) scaleX(0);opacity:0}22%{transform:rotate(var(--r, 0deg)) scaleX(1.02);opacity:1}70%{opacity:.9}to{transform:rotate(var(--r, 0deg)) scaleX(1);opacity:0}}.mu-prism .mu-shatter{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.75) 0,transparent 45%);opacity:0;animation:muShatter 2.3s ease forwards}@keyframes muShatter{0%,42%{opacity:0}48%{opacity:1}62%,to{opacity:0}}.mu-spark .mu-stormcloud{position:absolute;left:-10%;top:-6%;width:120%;height:26%;border-radius:0 0 50% 50%;background:linear-gradient(180deg,#0a0c18fa,#1e223cd9);box-shadow:0 10px 40px #ffe14a40;opacity:0;animation:muCloud 2.3s ease forwards}@keyframes muCloud{0%{opacity:0;transform:translateY(-60%)}18%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-40%)}}.mu-spark .mu-bolt{position:absolute;left:var(--x, 50%);top:8%;width:16px;height:68%;background:linear-gradient(180deg,#fff,#ffe14a 60%,#ffe14a66);clip-path:polygon(38% 0,62% 0,48% 32%,72% 32%,34% 100%,48% 55%,24% 55%);filter:drop-shadow(0 0 14px #ffe14a);opacity:0;animation:muBolt .42s ease-out forwards;animation-delay:var(--d, .5s)}@keyframes muBolt{0%{opacity:0;transform:scaleY(.2);transform-origin:top}16%{opacity:1;transform:scaleY(1.04)}30%{opacity:.6}46%{opacity:1}to{opacity:0;transform:scaleY(1)}}.mu-spark .mu-whiteout{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:muWhiteout 2.3s ease forwards}@keyframes muWhiteout{0%,44%{opacity:0}48%{opacity:.9}56%{opacity:.1}60%{opacity:.4}68%,to{opacity:0}}.unit-peg[data-rarity=Mystic].posed .peg-art{animation:mysticPose .34s ease}@keyframes mysticPose{0%{scale:.985}55%{scale:1.025}to{scale:1}}.unit-peg[data-rarity=Mystic][data-expr=attack] .peg-art{filter:contrast(1.14) saturate(.92) drop-shadow(0 0 12px color-mix(in srgb,var(--fx, #ff6bdb) 60%,transparent))}.unit-peg[data-rarity=Mystic][data-expr=hurt] .peg-art{filter:saturate(.68) brightness(.9) drop-shadow(0 0 8px rgba(150,150,190,.55))}.unit-peg[data-rarity=Legendary][data-expr=attack] .peg-art{filter:contrast(1.1) saturate(1.05) drop-shadow(0 0 12px rgba(255,205,110,.72))}.unit-peg[data-rarity=Legendary][data-expr=hurt] .peg-art{filter:saturate(.72) brightness(.92) drop-shadow(0 0 8px rgba(255,200,120,.5))}@media(prefers-reduced-motion:reduce){.mystic-ult .mu-stage,.mystic-ult .mu-flash{display:none}.mystic-ult .mu-vignette,.mystic-ult .mu-title,.unit-peg.mystic-cast .peg-body,.unit-peg[data-rarity=Mystic].posed .peg-art{animation:none}.mystic-ult .mu-vignette{opacity:.85}.mystic-ult .mu-title{opacity:1;transform:translate(-50%)}}.mystic-ult .mu-mote,.mystic-ult .mu-shimmer,.mystic-ult .mu-haze,.mystic-ult .mu-shock,.mystic-ult .mu-slash,.mystic-ult .mu-rift-glow,.mystic-ult .mu-accretion,.mystic-ult .mu-instream,.mystic-ult .mu-sigil,.mystic-ult .mu-rune,.mystic-ult .mu-wisp,.mystic-ult .mu-caustic,.mystic-ult .mu-foam,.mystic-ult .mu-drop,.mystic-ult .mu-current,.mystic-ult .mu-dragon,.mystic-ult .mu-lava-glow,.mystic-ult .mu-ember,.mystic-ult .mu-pillar,.mystic-ult .mu-flare,.mystic-ult .mu-halo,.mystic-ult .mu-ray,.mystic-ult .mu-beam,.mystic-ult .mu-shard,.mystic-ult .mu-facet,.mystic-ult .mu-shatter,.mystic-ult .mu-bolt,.mystic-ult .mu-arc{mix-blend-mode:screen}.mystic-ult .mu-stage{filter:saturate(1.18) contrast(1.05)}.mystic-ult .mu-stage:after{content:"";position:absolute;left:var(--cx, 50%);top:var(--cy, 50%);width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fx) 55%,transparent) 0,transparent 68%);mix-blend-mode:screen;opacity:0;filter:blur(8px);animation:muCasterBloom 2.3s ease forwards;pointer-events:none}@keyframes muCasterBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}16%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}55%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}.mystic-ult .mu-haze{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(60% 50% at 30% 30%,color-mix(in srgb,var(--fx) 30%,transparent),transparent 70%),radial-gradient(50% 60% at 72% 66%,color-mix(in srgb,var(--fx) 22%,transparent),transparent 72%);filter:blur(24px);opacity:0;animation:muHaze 2.3s ease forwards}@keyframes muHaze{0%{opacity:0;transform:scale(1.08)}22%{opacity:.9;transform:scale(1)}80%{opacity:.8}to{opacity:0;transform:scale(1.05)}}.mystic-ult .mu-shimmer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(58deg,transparent 0 26px,color-mix(in srgb,var(--fx) 16%,transparent) 26px 30px,transparent 30px 56px);opacity:0;filter:blur(3px);animation:muShimmer 2.3s linear forwards}@keyframes muShimmer{0%{opacity:0;background-position:0 0}25%{opacity:.5}80%{opacity:.4}to{opacity:0;background-position:260px 120px}}.mystic-ult .mu-motes{position:absolute;top:0;right:0;bottom:0;left:0}.mystic-ult .mu-mote{position:absolute;left:var(--mx, 50%);top:var(--my, 50%);width:6px;height:6px;border-radius:50%;transform:scale(var(--ms, 1));background:radial-gradient(circle,#fff 0 30%,var(--fx) 55%,transparent 72%);box-shadow:0 0 10px 2px color-mix(in srgb,var(--fx) 80%,transparent);opacity:0;animation:muMote var(--mt, 2s) ease-in-out forwards;animation-delay:var(--md, 0s)}@keyframes muMote{0%{opacity:0;transform:translateY(10px) scale(calc(var(--ms, 1) * .4))}25%{opacity:.95}70%{opacity:.7}to{opacity:0;transform:translateY(-46px) scale(calc(var(--ms, 1) * 1.1))}}.mystic-ult .mu-shock{position:absolute;left:var(--cx, 50%);top:var(--cy, 50%);width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid color-mix(in srgb,var(--fx) 85%,#fff);box-shadow:0 0 26px color-mix(in srgb,var(--fx) 70%,transparent),inset 0 0 18px color-mix(in srgb,var(--fx) 60%,transparent);opacity:0;animation:muShock .7s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.74s}.mystic-ult .mu-shock.two{animation-delay:.86s;border-color:#ffffffe6}@keyframes muShock{0%{opacity:.95;transform:scale(.2);border-width:5px}to{opacity:0;transform:scale(9);border-width:.5px}}.mystic-ult.mu-gloom .mu-accretion{position:absolute;left:50%;top:44%;width:60%;height:40%;transform:translate(-50%,-50%) rotate(0);border-radius:50%;background:conic-gradient(from 0deg,transparent,#b48cff 20%,#fff 30%,transparent 45%,transparent 70%,#9b5cff 82%,transparent);-webkit-mask:radial-gradient(ellipse,transparent 40%,#000 46%,#000 60%,transparent 66%);mask:radial-gradient(ellipse,transparent 40%,#000 46%,#000 60%,transparent 66%);opacity:0;filter:blur(1px);animation:muAccretion 2.3s cubic-bezier(.3,.7,.3,1) forwards}@keyframes muAccretion{0%,12%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.4)}30%{opacity:1}74%{opacity:.9;transform:translate(-50%,-50%) rotate(300deg) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(420deg) scale(.3)}}.mystic-ult.mu-gloom .mu-instream{position:absolute;left:50%;top:44%;width:34%;height:3px;transform-origin:0 50%;transform:rotate(var(--a, 0deg)) scaleX(1);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fx) 85%,#fff));opacity:0;animation:muInstream .6s ease-in forwards;animation-delay:var(--d, .4s)}@keyframes muInstream{0%{opacity:0;transform:rotate(var(--a, 0deg)) translate(60px) scaleX(1.2)}30%{opacity:.9}to{opacity:0;transform:rotate(var(--a, 0deg)) translate(0) scaleX(.1)}}.mystic-ult.mu-gloom .mu-slash{transform:rotate(var(--r, 0deg)) scale(var(--sc, 1))}.mystic-ult.mu-hollow .mu-sigil{position:absolute;left:50%;top:62%;width:46%;height:46%;transform:translate(-50%,-50%) rotate(0);border-radius:50%;background:radial-gradient(circle,transparent 54%,color-mix(in srgb,var(--fx) 60%,#cfe7ff) 55% 57%,transparent 58%),conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--fx) 55%,#cfe7ff) 8%,transparent 16%,transparent 33%,color-mix(in srgb,var(--fx) 55%,#cfe7ff) 41%,transparent 49%,transparent 66%,color-mix(in srgb,var(--fx) 55%,#cfe7ff) 74%,transparent 82%);-webkit-mask:radial-gradient(circle,#000 58%,transparent 60%);mask:radial-gradient(circle,#000 58%,transparent 60%);opacity:0;filter:blur(.5px) drop-shadow(0 0 10px color-mix(in srgb,var(--fx) 70%,transparent));animation:muSigil 2.3s ease forwards}@keyframes muSigil{0%,8%{opacity:0;transform:translate(-50%,-50%) rotate(-40deg) scale(.6)}28%{opacity:.9;transform:translate(-50%,-50%) rotate(0) scale(1)}78%{opacity:.8;transform:translate(-50%,-50%) rotate(60deg) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(1.1)}}.mystic-ult.mu-hollow .mu-wisp{position:absolute;left:var(--x, 50%);bottom:4%;width:10px;height:40px;border-radius:50%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--fx) 55%,#bfe0ff) 70%,transparent);filter:blur(3px);opacity:0;animation:muWisp 1.5s ease-in forwards;animation-delay:var(--d, .3s)}@keyframes muWisp{0%{opacity:0;transform:translateY(0) scaleY(.6)}30%{opacity:.8}to{opacity:0;transform:translateY(-160%) scaleY(1.6) translate(18px)}}.mystic-ult.mu-hollow .mu-rune{transform:scale(var(--rs, 1))}.mystic-ult.mu-tideguard .mu-caustic{position:absolute;left:-25%;bottom:-70%;width:150%;height:90%;border-radius:48% 52% 0 0;background:repeating-linear-gradient(72deg,transparent 0 18px,rgba(200,240,255,.5) 18px 21px,transparent 21px 40px);opacity:0;filter:blur(1.5px);animation:muWave 2.3s cubic-bezier(.3,.9,.4,1) forwards,muCausticFade 2.3s ease forwards}@keyframes muCausticFade{0%,20%{opacity:0}40%{opacity:.6}84%{opacity:.3}to{opacity:0}}.mystic-ult.mu-tideguard .mu-drop{position:absolute;left:var(--x, 50%);bottom:30%;width:6px;height:6px;border-radius:50%;transform:scale(var(--ds, 1));background:radial-gradient(circle,#fff,#9fd6ff);box-shadow:0 0 8px #a0dcffe6;opacity:0;animation:muDrop .8s ease-out forwards;animation-delay:var(--d, .5s)}@keyframes muDrop{0%{opacity:0;transform:translate(0) scale(var(--ds, 1))}20%{opacity:1}to{opacity:0;transform:translate(var(--dx, 0),-60px) scale(calc(var(--ds, 1) * .4))}}.mystic-ult.mu-riptide .mu-dragon.two{top:26%;animation-delay:.7s}.mystic-ult.mu-riptide .mu-dragon.three{top:58%;animation-delay:.95s}.mystic-ult.mu-riptide .mu-current{transform:scaleX(var(--cs, 1))}.mystic-ult.mu-cinder .mu-meteor{background:radial-gradient(circle,#fff 0,#fff 22%,#ffd27a 42%,#ff7a1a 72%,#c02f00);box-shadow:0 0 22px 6px #ff7a1ae6,0 0 44px 10px #ff3c0066}.mystic-ult.mu-cinder .mu-ember{position:absolute;left:var(--x, 50%);bottom:4%;width:5px;height:5px;border-radius:50%;transform:scale(var(--es, 1));background:radial-gradient(circle,#fff,#ff9a3c 55%,transparent);box-shadow:0 0 8px 2px #ff8c28e6;opacity:0;animation:muEmber 1.6s ease-out forwards;animation-delay:var(--d, .6s)}@keyframes muEmber{0%{opacity:0;transform:translate(0) scale(var(--es, 1))}25%{opacity:1}to{opacity:0;transform:translate(var(--ex, 0),-150px) scale(calc(var(--es, 1) * .3))}}.mystic-ult.mu-pearl .mu-rays{position:absolute;left:50%;top:-30%;width:60%;height:130%;transform:translate(-50%)}.mystic-ult.mu-pearl .mu-ray{position:absolute;left:50%;top:0;width:14%;height:100%;transform-origin:50% 0;transform:translate(-50%) rotate(var(--r, 0deg));background:linear-gradient(180deg,rgba(255,245,210,.55),transparent 75%);filter:blur(3px);opacity:0;animation:muRay 2.3s ease forwards;animation-delay:var(--d, .3s)}@keyframes muRay{0%{opacity:0}26%{opacity:.7}78%{opacity:.5}to{opacity:0}}.mystic-ult.mu-pearl .mu-flare{position:absolute;left:50%;top:44%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,rgba(255,236,150,.9) 55%,transparent 72%);box-shadow:0 0 40px 14px #ffec96cc;opacity:0;animation:muFlare 1.4s ease-out forwards;animation-delay:.5s}@keyframes muFlare{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(2.4)}}.mystic-ult.mu-pearl .mu-petal{transform:rotate(var(--r, 0deg)) scale(var(--ps, 1))}.mystic-ult.mu-prism .mu-beam:before,.mystic-ult.mu-prism .mu-beam:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.mystic-ult.mu-prism .mu-beam:before{background:linear-gradient(90deg,transparent,rgba(255,60,120,.7) 45%,transparent 70%);transform:translateY(-3px)}.mystic-ult.mu-prism .mu-beam:after{background:linear-gradient(90deg,transparent,rgba(60,160,255,.7) 45%,transparent 70%);transform:translateY(3px)}.mystic-ult.mu-prism .mu-shard{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:10px;height:22px;transform:rotate(var(--sr, 0deg));background:linear-gradient(160deg,#eaffff,#9be8ff 45%,#b48cff);clip-path:polygon(50% 0,100% 38%,62% 100%,38% 100%,0 38%);box-shadow:0 0 12px #9be8ffe6;opacity:0;animation:muShard 1.1s ease-out forwards;animation-delay:var(--d, .5s)}@keyframes muShard{0%{opacity:0;transform:rotate(var(--sr, 0deg)) scale(.3)}30%{opacity:1;transform:rotate(calc(var(--sr, 0deg) + 40deg)) scale(1.1)}to{opacity:0;transform:rotate(calc(var(--sr, 0deg) + 120deg)) scale(.6) translateY(40px)}}.mystic-ult.mu-spark .mu-bolt{transform:scaleX(var(--bs, 1))}.mystic-ult.mu-spark .mu-bolt:before{content:"";position:absolute;left:40%;top:44%;width:60%;height:30%;background:linear-gradient(120deg,#fff,#ffe14a80);clip-path:polygon(0 40%,50% 30%,40% 60%,100% 55%,45% 100%,55% 62%,10% 66%);filter:drop-shadow(0 0 8px #ffe14a)}.mystic-ult.mu-spark .mu-arc{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:60px;height:60px;border-radius:50%;border-top:2px solid rgba(255,240,160,.9);border-right:2px solid transparent;border-bottom:2px solid transparent;border-left:2px solid rgba(255,240,160,.5);filter:drop-shadow(0 0 6px #ffe14a);opacity:0;animation:muArc .5s ease-out forwards;animation-delay:var(--d, .5s)}@keyframes muArc{0%{opacity:0;transform:scale(.3) rotate(0)}40%{opacity:1}to{opacity:0;transform:scale(1.8) rotate(160deg)}}.mystic-ult .mu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.06);animation:muBackdrop 2.3s cubic-bezier(.2,.6,.3,1) forwards}@keyframes muBackdrop{0%{opacity:0;transform:scale(1.14);filter:brightness(.4) saturate(1.2)}16%{opacity:1}40%{filter:brightness(1) saturate(1.25)}82%{opacity:1;transform:scale(1);filter:brightness(.95) saturate(1.2)}to{opacity:0;transform:scale(.98)}}.mystic-ult.has-backdrop .mu-vignette{background:radial-gradient(circle at var(--cx, 50%) var(--cy, 50%),transparent 0,transparent 70px,color-mix(in srgb,var(--fx) 12%,rgba(2,4,10,.28)) 150px,rgba(1,2,6,.62) 340px,rgba(0,0,2,.82) 100%)}.mystic-ult.has-backdrop .mu-stage{filter:saturate(1.22) contrast(1.08)}.mystic-ult .mu-caster{position:absolute;left:var(--cx, 50%);top:var(--cy, 56%);z-index:6;width:0;height:0;transform:translate(-50%,-50%)}.mystic-ult .mu-caster-beam{position:absolute;left:50%;top:-420px;width:150px;height:560px;transform:translate(-50%);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--fx) 55%,#fff) 78%,transparent);filter:blur(6px);mix-blend-mode:screen;opacity:0;animation:muCasterBeam 2.3s ease forwards}@keyframes muCasterBeam{0%{opacity:0;transform:translate(-50%) scaleY(.4)}16%{opacity:.85;transform:translate(-50%) scaleY(1)}70%{opacity:.7}to{opacity:0}}.mystic-ult .mu-caster-glow{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fx) 70%,transparent) 0,transparent 66%);mix-blend-mode:screen;filter:blur(6px);opacity:0;animation:muCasterGlow 2.3s ease forwards}@keyframes muCasterGlow{0%{opacity:0;transform:scale(.5)}18%{opacity:1;transform:scale(1.05)}70%{opacity:.8}to{opacity:0;transform:scale(1.15)}}.mystic-ult .mu-caster-ring{position:absolute;left:50%;top:42%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:2px solid color-mix(in srgb,var(--fx) 85%,#fff);box-shadow:0 0 20px color-mix(in srgb,var(--fx) 70%,transparent);mix-blend-mode:screen;opacity:0;animation:muCasterRing 2.3s linear forwards}.mystic-ult .mu-caster-ring.two{animation-direction:reverse;animation-duration:3s;width:150px;height:150px;margin:-75px 0 0 -75px;border-style:dashed}@keyframes muCasterRing{0%{opacity:0;transform:rotate(0) scale(.6)}20%{opacity:.9}to{opacity:0;transform:rotate(220deg) scale(1.1)}}.mystic-ult .mu-caster-art{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-76px 0 0 -66px;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--fx) 80%,transparent)) drop-shadow(0 8px 14px rgba(0,0,0,.7)) saturate(1.1);opacity:0;animation:muCasterArt 2.3s cubic-bezier(.2,1.2,.35,1) forwards}@keyframes muCasterArt{0%{opacity:0;transform:translateY(24px) scale(.7)}16%{opacity:1;transform:translateY(0) scale(1.18)}30%{transform:translateY(0) scale(1.08)}70%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-10px) scale(1.02)}}.mystic-ult .mu-caster-tag{position:absolute;left:50%;top:calc(50% + 74px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap;opacity:0;animation:muCasterTag 2.3s ease forwards}.mystic-ult .mu-caster-tag b{font-size:.82rem;font-weight:900;letter-spacing:.12em;color:#fff;text-transform:uppercase;text-shadow:0 0 10px var(--fx),0 2px 3px rgba(0,0,0,.9)}.mystic-ult .mu-caster-tag em{font-style:normal;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--fx) 60%,#fff);text-shadow:0 1px 3px rgba(0,0,0,.9)}@keyframes muCasterTag{0%,12%{opacity:0;transform:translate(-50%) translateY(6px)}22%{opacity:1;transform:translate(-50%) translateY(0)}78%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.mystic-ult .mu-stage:after,.mystic-ult .mu-haze,.mystic-ult .mu-shimmer,.mystic-ult .mu-mote,.mystic-ult .mu-shock{animation:none;opacity:0}.mystic-ult .mu-backdrop{animation:none;opacity:.5;transform:none}.mystic-ult .mu-caster-art{animation:none;opacity:1;transform:translate(0) scale(1.05)}.mystic-ult .mu-caster-tag{animation:none;opacity:1}.mystic-ult .mu-caster-beam,.mystic-ult .mu-caster-glow,.mystic-ult .mu-caster-ring{animation:none;opacity:.6}}.boss-header h2{margin:0 0 .2rem}.pve-tag{font-size:.62rem;font-weight:800;letter-spacing:.08em;vertical-align:middle;padding:.15rem .5rem;border-radius:999px;color:#08131c;background:linear-gradient(180deg,#ffe08a,#ffb84a)}.boss-header .sub{color:var(--muted);margin:0 0 .3rem;max-width:60ch}.pve-picker{margin:.6rem 0 .2rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#091c28eb,#06141eeb);box-shadow:inset 0 1px #ffffff0a}.pve-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.pve-picker-title{font-weight:800;font-size:.98rem;display:flex;align-items:center;gap:.5rem}.pve-picker-count{font-size:.74rem;font-weight:800;padding:.12rem .5rem;border-radius:999px;background:#ffffff14;color:var(--muted)}.pve-picker-count.ready{background:linear-gradient(180deg,#2ec48c,#1f9c6e);color:#04140d}.btn.tiny{padding:.3rem .6rem;font-size:.76rem;border-radius:9px}.pve-picker-hint{margin:.35rem 0 .55rem;font-size:.78rem;color:var(--muted)}.pve-picker-roster{display:grid;grid-auto-flow:column;grid-auto-columns:88px;gap:.55rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.pve-peg{position:relative;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .35rem .4rem;border:1.5px solid rgba(255,255,255,.1);border-radius:13px;background:#030c1299;color:var(--text);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.pve-peg:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rar) 55%,transparent)}.pve-peg.on{border-color:var(--rar);background:color-mix(in srgb,var(--rar) 16%,rgba(3,12,18,.6));box-shadow:0 0 0 1px var(--rar),0 6px 16px -8px var(--rar)}.pve-peg-art{width:58px;height:58px;display:grid;place-items:center}.pve-peg-mini{width:58px;height:58px}.pve-peg-name{font-size:.74rem;font-weight:700;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pve-peg-meta{font-size:.66rem;color:var(--muted)}.pve-peg-order{position:absolute;top:-6px;left:-6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:.72rem;font-weight:900;color:#04140d;background:linear-gradient(180deg,#7dffc8,#2ec48c);box-shadow:0 2px 6px -1px #00000080}.pve-peg-hungry{position:absolute;top:-6px;right:-4px;font-size:.8rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.pve-peg.hungry-locked{opacity:.55;filter:grayscale(.35);border-color:#ffb0508c;box-shadow:none}.pve-peg.hungry-locked:hover{transform:none;border-color:#ffb050d9}.roster-card.hungry-locked,.loadout-nft-card.hungry-locked{opacity:.62;filter:grayscale(.25);border-color:#ffb05080;cursor:not-allowed}.roster-card.hungry-locked .bp,.loadout-nft-card.hungry-locked .loadout-pick-state{color:#ffb050;font-weight:800}.boss-ladder{display:flex;flex-direction:column;gap:1rem;margin-top:.8rem}.boss-ladder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.boss-card{display:flex;flex-direction:column;border:1px solid var(--fac, #3de8ff);border-radius:14px;overflow:hidden;background:#06101a99;box-shadow:0 0 18px -8px var(--fac, #3de8ff)}.boss-card-art{position:relative;height:150px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--fac) 30%,transparent),transparent 70%);overflow:hidden}.boss-card-art:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-40%;left:-20%;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--fac, #3de8ff) 40%,transparent),transparent 65%);mix-blend-mode:screen;animation:bossAura 3s ease-in-out infinite;pointer-events:none}.boss-card-art img{max-height:140px;max-width:90%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));position:relative;z-index:1}.boss-card.mystery{border-color:#3a4658;background:#04080ecc}.mystery-art{background:radial-gradient(circle at 50% 45%,rgba(120,40,160,.25),transparent 70%)}.mystery-art:after{background:radial-gradient(circle at 50% 55%,rgba(150,60,200,.4),transparent 60%);animation:mysteryAura 4s ease-in-out infinite}.boss-silhouette{filter:brightness(0) drop-shadow(0 0 14px rgba(150,70,210,.7))!important;opacity:.85;animation:mysteryFloat 5s ease-in-out infinite}.boss-mystery-mark{position:absolute;z-index:2;font-size:2.4rem;font-weight:900;color:#d9b3ff;text-shadow:0 0 12px rgba(150,70,210,.9);animation:mysteryPulse 2.4s ease-in-out infinite}@keyframes mysteryAura{0%,to{opacity:.45;transform:scale(.94) translateY(2%)}50%{opacity:.85;transform:scale(1.1) translateY(-3%)}}@keyframes mysteryFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}@keyframes mysteryPulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.boss-card-art:after,.boss-silhouette,.boss-mystery-mark,.mystery-art:after{animation:none}}.boss-badge{position:absolute;top:8px;right:8px;font-size:.66rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;background:#040e16cc}.boss-badge.cleared{color:#7dffc8;border:1px solid #7dffc8}.boss-badge.locked{color:#9fb4c4;border:1px solid #5a6b78}.boss-badge.danger{color:#ff6a5a;border:1px solid #ff6a5a;text-shadow:0 0 8px rgba(255,80,60,.6)}.boss-card-body{padding:.6rem .75rem .8rem;display:flex;flex-direction:column;gap:.3rem}.boss-card-title{font-weight:800}.boss-card-sub{font-size:.74rem;color:var(--muted)}.boss-card-intel{font-size:.76rem;color:#cfe6f2}.boss-card-weak{font-size:.72rem;color:#ffd76b;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.boss-card-clue{font-size:.74rem;color:#cfe6f2;opacity:.95}.boss-hero-clue{margin:0;font-size:.8rem;color:#cfe6f2}.boss-hero-trail-note{font-size:.76rem;color:#7dffc8;font-weight:700}.trail-map{margin:.9rem 0;border-radius:16px;border:1px solid var(--line);background:#040e16bf;overflow:hidden;box-shadow:0 10px 30px #00000059}.trail-map-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.08)}.trail-map-title{font-size:.86rem;font-weight:900;color:#eafcff;letter-spacing:.02em}.trail-map-clue{flex:1;min-width:140px;font-size:.7rem;color:#9fd0e0}.trail-map-progress{font-size:.74rem;font-weight:900;color:#7dffc8;padding:.14rem .5rem;border-radius:999px;border:1px solid rgba(125,255,200,.4);background:#7dffc81a}.trail-map-board{position:relative;aspect-ratio:3 / 2;background-size:cover;background-position:center}.trail-map-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(2,8,14,.38));pointer-events:none}.trail-trace{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.trail-trace polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.trail-trace .trace-dim{stroke:#ffffff8c;stroke-width:2.5;stroke-dasharray:1 7}.trail-trace .trace-done{stroke:color-mix(in srgb,var(--fac, #3de8ff) 85%,#fff);stroke-width:3;stroke-dasharray:1 7;filter:drop-shadow(0 0 6px var(--fac, #3de8ff))}.trail-node{position:absolute;z-index:2;translate:-50% -50%;width:clamp(30px,7.5vw,40px);height:clamp(30px,7.5vw,40px);border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.8rem;color:#06222e;border:2px solid rgba(255,255,255,.85);background:radial-gradient(circle at 35% 30%,#fff,#cfeeff 70%);box-shadow:0 3px 10px #00000080;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.trail-node:not(:disabled):hover{transform:scale(1.12)}.trail-node.cleared{color:#04321f;border-color:#7dffc8e6;background:radial-gradient(circle at 35% 30%,#d7ffee,#7dffc8 75%)}.trail-node.current{color:#05242e;border-color:#fff;background:radial-gradient(circle at 35% 30%,#fff,var(--fac, #3de8ff) 80%);box-shadow:0 0 0 4px color-mix(in srgb,var(--fac, #3de8ff) 35%,transparent),0 0 18px var(--fac, #3de8ff);animation:trailNodePulse 1.6s ease-in-out infinite}@keyframes trailNodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.trail-node.locked,.trail-node:disabled:not(.boss):not(.current){color:#ffffffbf;border-color:#ffffff4d;background:#0a1822b8;cursor:not-allowed}.trail-node.boss{width:clamp(52px,12vw,70px);height:clamp(52px,12vw,70px);border-width:3px;border-color:color-mix(in srgb,var(--fac, #ff5a4a) 80%,#fff);background:#060e18d9;overflow:hidden}.trail-node.boss img{width:130%;height:130%;object-fit:contain;filter:drop-shadow(0 0 8px var(--fac, #ff5a4a))}.trail-node.boss.ready{box-shadow:0 0 0 5px color-mix(in srgb,var(--fac, #ff5a4a) 30%,transparent),0 0 26px var(--fac, #ff5a4a);animation:trailNodePulse 1.4s ease-in-out infinite}.trail-node.boss.locked img{filter:grayscale(.9) brightness(.5)}.trail-boss-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.1rem;background:#02080e59;border-radius:50%}.trail-map-intel{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem .8rem .6rem;border-top:1px solid rgba(255,255,255,.08)}.trail-intel-label{font-size:.64rem;font-weight:800;color:#9fd0e0;letter-spacing:.06em;text-transform:uppercase}.trail-stage-kits{display:flex;flex-wrap:wrap;gap:.2rem}.mob-kit-chip{display:inline-flex;align-items:center;gap:.2rem;font-size:.56rem;font-weight:700;color:#dbe9f2;padding:.08rem .3rem .08rem .08rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.mob-kit-chip img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.trail-dots{display:flex;align-items:center;gap:.22rem;margin-top:.4rem}.trail-dot{width:8px;height:8px;border-radius:50%;background:#ffffff24;border:1px solid rgba(255,255,255,.25)}.trail-dot.on{background:#7dffc8;border-color:#7dffc8;box-shadow:0 0 6px #7dffc8b3}.trail-dot.next{background:var(--fac, #3de8ff);border-color:#fff;box-shadow:0 0 6px var(--fac, #3de8ff)}.trail-dots-label{margin-left:.3rem;font-size:.66rem;font-weight:800;color:#9fd0e0}.boss-challenge-btn{margin-top:.5rem}@media(prefers-reduced-motion:reduce){.trail-node.current,.trail-node.boss.ready{animation:none}}.unit-peg.mob .peg-name-tag.mob-tag{font-size:.56rem;background:#040e16b3;border:1px solid rgba(255,255,255,.14);color:#eafcff}.unit-peg.mob-elite .mob-sprite{filter:var(--dna, none) saturate(1.25) brightness(1.06) drop-shadow(0 0 10px rgba(255,90,120,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.5))}.unit-peg.mob-elite .peg-name-tag.mob-tag{border-color:#ff6a4a;color:#ffd1c4}.boss-card.lair{background:linear-gradient(180deg,#080c14d9,#03060cf2)}.boss-card.lair .boss-card-art{height:168px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--fac) 26%,transparent),transparent 62%),#04070d}.boss-card.lair .boss-card-art img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.7)) contrast(1.06) brightness(.94);animation:bossCardIdle 5.5s ease-in-out infinite}@keyframes bossCardIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.boss-card-fog{position:absolute;left:-10%;right:-10%;bottom:-6%;height:55%;z-index:1;background:radial-gradient(60% 100% at 30% 100%,rgba(120,200,230,.16),transparent 70%),radial-gradient(60% 100% at 75% 100%,rgba(80,150,200,.14),transparent 70%);filter:blur(4px);pointer-events:none;animation:bossFog 8s ease-in-out infinite alternate}@keyframes bossFog{0%{transform:translate(-6%)}to{transform:translate(6%)}}.boss-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.boss-ember{position:absolute;left:var(--x, 50%);bottom:-6px;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--fac, #ff7a4a) 80%,#fff);box-shadow:0 0 8px var(--fac, #ff7a4a);animation:bossEmberRise var(--t, 3s) linear var(--d, 0s) infinite;opacity:0}@keyframes bossEmberRise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:.9}to{transform:translateY(-150px) scale(.4);opacity:0}}.boss-rune{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .45rem;border-radius:999px;font-size:.66rem;font-weight:700;color:#ffe9b0;background:#ffb43c1a;border:1px solid rgba(255,200,90,.4);box-shadow:0 0 10px -3px #ffc85a99}.boss-rune.none{color:var(--muted);border-color:var(--line);box-shadow:none;background:none}.weak-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:#ff9a6a;font-weight:800}.boss-hero{position:relative;display:grid;grid-template-columns:minmax(200px,1fr) 1.1fr;gap:.5rem;border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--fac, #ff5a4a) 55%,var(--line));background:linear-gradient(120deg,#05070d,#0a0c16 55%,color-mix(in srgb,var(--fac, #ff5a4a) 14%,#05070d));box-shadow:0 24px 60px #00000080,inset 0 0 80px #0009}.boss-hero-scene{position:relative;min-height:240px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 40%,color-mix(in srgb,var(--fac, #ff5a4a) 30%,transparent),transparent 66%)}.boss-hero-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 50% 55%,transparent 40%,rgba(2,4,8,.85) 100%);pointer-events:none}.boss-hero-art{position:relative;z-index:2;max-height:230px;max-width:88%;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.8)) contrast(1.08);animation:bossHeroLoom 5s ease-in-out infinite}@keyframes bossHeroLoom{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.03)}}.boss-hero-art.silhouette{filter:brightness(.04) contrast(1.5) drop-shadow(0 0 26px rgba(255,50,50,.6))}.boss-hero-fog{position:absolute;z-index:1;left:-20%;right:-20%;bottom:-10%;height:60%;background:radial-gradient(50% 100% at 40% 100%,color-mix(in srgb,var(--fac, #ff5a4a) 30%,transparent),transparent 70%);filter:blur(8px);animation:bossFog 9s ease-in-out infinite alternate}.boss-hero-fog.two{animation-duration:12s;animation-direction:alternate-reverse;opacity:.7}.boss-hero-eyes{position:absolute;z-index:3;top:38%;width:60%;height:10px;background:radial-gradient(circle at 32% 50%,rgba(255,40,40,.95),transparent 22%),radial-gradient(circle at 68% 50%,rgba(255,40,40,.95),transparent 22%);filter:blur(1px);animation:bossEyes 3.2s ease-in-out infinite}@keyframes bossEyes{0%,to{opacity:.5}50%{opacity:1}}.boss-hero-mark{position:absolute;z-index:4;font-size:4rem;font-weight:900;color:#ffb3b3;text-shadow:0 0 20px rgba(255,60,60,.9);animation:mysteryPulse 2.4s ease-in-out infinite}.boss-hero-info{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.boss-hero-kicker{font-size:.64rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--fac, #ff5a4a) 70%,#fff)}.boss-hero-kicker.danger{color:#ff6a5a}.boss-hero-name{margin:0;font-size:clamp(1.3rem,3.4vw,2rem);font-weight:900;letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.7)}.boss-hero-sub{margin:0;font-size:.82rem;color:#cfe0ec}.boss-hero-intel{margin:0;font-size:.8rem;color:#ffd9a8}.boss-hero-weak{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.1rem}.boss-hero-btn{margin-top:.5rem;align-self:flex-start;padding:.7rem 1.4rem;font-size:.95rem;font-weight:800;cursor:pointer;border-radius:12px;color:#fff;border:1px solid color-mix(in srgb,var(--fac, #ff5a4a) 70%,#fff);background:linear-gradient(160deg,color-mix(in srgb,var(--fac, #ff5a4a) 60%,#1a0808),#1a0808);box-shadow:0 10px 26px -8px var(--fac, #ff5a4a);transition:transform .14s ease,box-shadow .14s ease}.boss-hero-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px -8px var(--fac, #ff5a4a)}.boss-hero-btn:disabled{opacity:.5;cursor:not-allowed}.boss-hero.conquered{border-color:color-mix(in srgb,#7dffc8 40%,var(--line))}@media(max-width:640px){.boss-hero{grid-template-columns:1fr}.boss-hero-scene{min-height:200px}}@media(prefers-reduced-motion:reduce){.boss-hero-art,.boss-hero-fog,.boss-hero-eyes,.boss-hero-mark,.boss-card.lair .boss-card-art img,.boss-card-fog,.boss-ember{animation:none!important}}.boss-fight-btn{margin-top:.4rem;padding:.5rem;border-radius:10px;font-weight:800;color:#08131c;background:linear-gradient(180deg,color-mix(in srgb,var(--fac) 70%,#fff),var(--fac));border:0;cursor:pointer}.boss-fight-btn:disabled{opacity:.5;cursor:default;filter:grayscale(.5)}.unit-peg.boss{width:auto;max-width:none;align-items:center;z-index:6;overflow:visible}.unit-peg.boss .peg-body.boss-body{width:clamp(168px,40vw,300px);height:clamp(168px,40vw,300px);aspect-ratio:auto;max-height:none;overflow:visible}.unit-peg.boss .boss-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));backface-visibility:hidden}.unit-peg.boss .boss-lower{clip-path:inset(36% 0 0 0);transform-origin:50% 92%;animation:bossLowerIdle 3.6s ease-in-out infinite;animation-delay:var(--idle-delay, 0s)}.unit-peg.boss .boss-head{clip-path:inset(0 0 54% 0);transform-origin:50% 60%;animation:bossHeadIdle 3.6s ease-in-out infinite;animation-delay:calc(var(--idle-delay, 0s) - .18s)}.unit-peg.boss .boss-pose-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));backface-visibility:hidden;z-index:1;visibility:hidden;opacity:0;pointer-events:none}.unit-peg.boss .boss-pose-art.boss-pose-active{visibility:visible;opacity:1}.unit-peg.boss.boss-posed .boss-lower,.unit-peg.boss.boss-posed .boss-head{visibility:hidden;opacity:0;pointer-events:none;animation:none}.unit-peg.boss.boss-posed .peg-art{animation:posePop .22s cubic-bezier(.2,1.4,.4,1)}@keyframes bossLowerIdle{0%,to{transform:scale(1) rotate(-.3deg)}50%{transform:scale(1.02,.99) rotate(.3deg)}}@keyframes bossHeadIdle{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-4px) rotate(.8deg)}}.unit-peg.boss .peg-body.boss-body:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--fac-glow, #ff5a4a) 55%,transparent) 0%,color-mix(in srgb,var(--fac-glow, #ff5a4a) 22%,transparent) 42%,transparent 70%);filter:blur(4px);mix-blend-mode:screen;animation:bossAura 2.8s ease-in-out infinite}@keyframes bossAura{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:.9;transform:scale(1.08)}}@media(pointer:coarse){.unit-peg.boss .peg-body.boss-body:before{mix-blend-mode:normal;filter:none}}.unit-peg.boss .peg-art{z-index:1}.unit-peg.boss[data-expr=hurt] .boss-sprite{filter:drop-shadow(0 8px 18px rgba(0,0,0,.6)) saturate(1.4) brightness(1.12) drop-shadow(0 0 10px rgba(255,60,60,.8))}.unit-peg.boss .peg-hp.boss-hp{width:clamp(168px,40vw,300px)}.unit-peg.boss .peg-name-tag{position:absolute;bottom:-14px;left:50%;transform:translate(-50%) scale(.7);width:max-content;max-width:min(190px,46vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.72rem;color:#ffd76b;text-shadow:0 1px 3px #000}.unit-peg.boss .boss-hp{transform:scaleX(1.4)}.unit-peg.boss.boss-charge .boss-sprite{animation:bossCharge .9s ease-in-out}@keyframes bossCharge{0%,to{filter:drop-shadow(0 8px 18px rgba(0,0,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 24px #ff8a4a) brightness(1.3);transform:scale(1.08)}}.unit-peg.boss.boss-enrage .boss-sprite{animation:bossEnrage .8s ease-out}@keyframes bossEnrage{0%{filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}40%{filter:drop-shadow(0 0 26px #ff3a2a) saturate(1.6) brightness(1.25);transform:scale(1.06)}to{filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}}.unit-peg.boss.boss-lowlife .boss-sprite{animation:bossLowlife .9s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6)) saturate(.85) brightness(.9) drop-shadow(0 0 10px rgba(255,40,40,.7))}@keyframes bossLowlife{0%,to{transform:translate(0) rotate(-1deg)}25%{transform:translate(-2px) rotate(.6deg)}50%{transform:translate(2px) rotate(-.6deg) scale(.995)}75%{transform:translate(-1px) rotate(1deg)}}.unit-peg.boss.boss-lowlife .peg-body.boss-body:before{background:radial-gradient(circle at 50% 55%,rgba(255,60,50,.6),rgba(255,40,40,.2) 45%,transparent 70%)}.unit-peg.boss .peg-body.boss-body{animation:bossHover 5.5s ease-in-out infinite}@keyframes bossHover{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.unit-peg.boss.boss-attack .peg-motion{animation:bossTravel .76s cubic-bezier(.3,0,.25,1)}.unit-peg.boss.boss-attack .boss-lower{animation:bossLowerAtk .76s ease-in-out}.unit-peg.boss.boss-attack .boss-head{animation:bossHeadAtk .76s ease-in-out}@keyframes bossTravel{0%{transform:translate(0)}18%{transform:translate(calc(var(--dash-x, -90px) * -.12),calc(var(--dash-y, 0px) * -.12 - 6px))}46%{transform:translate(var(--dash-x, -90px),var(--dash-y, 0px))}60%{transform:translate(var(--dash-x, -90px),var(--dash-y, 0px))}to{transform:translate(0)}}@keyframes bossLowerAtk{0%,to{transform:scale(1) rotate(0)}18%{transform:scale(.92,1.1) rotate(2deg)}46%{transform:scale(1.16,.9) skew(-6deg) rotate(-3deg);filter:brightness(1.2)}62%{transform:scale(1.08,.96) rotate(-1deg)}}@keyframes bossHeadAtk{0%,to{transform:translateY(0) rotate(0)}18%{transform:translateY(-6px) rotate(4deg)}46%{transform:translate(6px,4px) rotate(-8deg);filter:brightness(1.2) drop-shadow(0 0 18px var(--fac-glow, #ff5a4a))}62%{transform:translate(3px,2px) rotate(-4deg)}}.unit-peg.boss.boss-hurt .peg-motion{animation:bossHurtKnock .5s ease-out}.unit-peg.boss.boss-hurt .boss-lower{animation:bossHurtLower .5s ease-out}.unit-peg.boss.boss-hurt .boss-head{animation:bossHurtHead .5s ease-out}@keyframes bossHurtKnock{0%{transform:translate(0)}20%{transform:translate(22px)}50%{transform:translate(10px)}to{transform:translate(0)}}@keyframes bossHurtLower{0%,to{transform:scale(1) rotate(0);filter:none}20%{transform:scale(1.08,.9) rotate(2deg);filter:brightness(2.4) saturate(.4) drop-shadow(0 0 16px rgba(255,255,255,.95))}50%{transform:scale(.96,1.05) rotate(-1deg);filter:saturate(1.6) brightness(1.15)}}@keyframes bossHurtHead{0%,to{transform:translateY(0) rotate(0);filter:none}20%{transform:translate(10px,-4px) rotate(-9deg);filter:brightness(2.4) saturate(.4) drop-shadow(0 0 16px rgba(255,255,255,.95))}55%{transform:translate(5px,2px) rotate(5deg);filter:saturate(1.6) brightness(1.15) drop-shadow(0 0 10px rgba(255,60,60,.9))}}.unit-peg.boss.boss-enter .peg-art{animation:bossEnter 1.15s cubic-bezier(.2,.9,.3,1)}.unit-peg.boss.boss-enter .boss-sprite{filter:none}@keyframes bossEnter{0%{opacity:0;transform:scale(1.5) translateY(-8%);filter:brightness(.04) contrast(1.4) drop-shadow(0 0 30px rgba(255,40,40,.5))}30%{opacity:1;transform:scale(1.18) translateY(-2%);filter:brightness(.06) contrast(1.5) drop-shadow(0 0 26px rgba(255,40,40,.75))}46%{opacity:1;transform:scale(1.16) translateY(-2%);filter:brightness(.09) contrast(1.5) drop-shadow(0 0 32px rgba(255,60,50,.9))}60%{opacity:1;transform:scale(.96) translateY(2%);filter:brightness(2.7) drop-shadow(0 0 48px var(--fac-glow, #ff5a4a))}to{opacity:1;transform:scale(1) translateY(0);filter:none}}.boss-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:42;box-sizing:border-box;width:max-content;max-width:calc(100% - 1rem);padding:.4rem 1rem;border-radius:10px;font-weight:900;letter-spacing:.04em;overflow-wrap:anywhere;text-align:center;color:#fff;pointer-events:none;animation:bossBannerPop 1.2s ease-out forwards}.boss-banner.charge{background:#783c00d9;border:1px solid #ffb26b;color:#ffd9a8}.boss-banner.aoe{background:#8c140ae6;border:1px solid #ff6a4a}.boss-banner.phase{background:#5a0a3ce6;border:1px solid #ff5ca8;color:#ffd1e6}.boss-banner.round{background:linear-gradient(180deg,#0a2846f0,#041222f0);border:2px solid #3de8ff;color:#eafcff;font-size:1.2rem;letter-spacing:.14em}@keyframes bossBannerPop{0%{opacity:0;transform:translate(-50%) scale(.7)}20%{opacity:1;transform:translate(-50%) scale(1.08)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-14px)}}.vs-card.boss{position:relative}.vs-card.boss .boss-peg{height:132px;display:grid;place-items:center;position:relative}.vs-card.boss .boss-peg:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--peg, #ff5a4a) 55%,transparent),transparent 70%);filter:blur(5px);mix-blend-mode:screen;animation:bossAura 2.8s ease-in-out infinite}.vs-card.boss .boss-peg img{max-height:132px;max-width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.7));animation:bossBreathe 3.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.vs-card.boss .boss-peg:before,.vs-card.boss .boss-peg img{animation:none}}@media(prefers-reduced-motion:reduce){.unit-peg.boss.boss-charge .boss-sprite,.unit-peg.boss.boss-enrage .boss-sprite,.unit-peg.boss.boss-enter .peg-art,.unit-peg.boss .boss-sprite,.unit-peg.boss .boss-lower,.unit-peg.boss .boss-head,.unit-peg.boss.boss-attack .peg-motion,.unit-peg.boss.boss-attack .boss-lower,.unit-peg.boss.boss-attack .boss-head,.unit-peg.boss.boss-hurt .peg-motion,.unit-peg.boss.boss-hurt .boss-lower,.unit-peg.boss.boss-hurt .boss-head,.unit-peg.boss.boss-lowlife .boss-sprite,.unit-peg.boss .peg-body.boss-body,.unit-peg.boss .peg-body.boss-body:before,.boss-banner{animation:none}}.boss-banner.ult-charge{background:#460028eb;border:1px solid #ff4aa8;color:#ffd1e6;animation:bossBannerPop 1.4s ease-out forwards,ultChargePulse .5s ease-in-out infinite}.boss-banner.boss-ult{background:linear-gradient(180deg,#b4140af5,#5a001ef5);border:2px solid #ff6a4a;color:#fff;font-size:1.15rem;padding:.5rem 1.3rem;box-shadow:0 0 26px -4px #ff3a2a}@keyframes ultChargePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.unit-peg.boss.boss-ult-charge{animation:bossUltCharge 1.15s ease-in-out}@keyframes bossUltCharge{0%,to{filter:none}50%{filter:drop-shadow(0 0 30px #ff2a5a) saturate(1.5) brightness(1.35)}}.unit-peg.boss.boss-bloodied .boss-sprite{filter:drop-shadow(0 6px 14px rgba(0,0,0,.6)) saturate(.9) drop-shadow(0 0 6px rgba(255,40,40,.5)) brightness(.94)}.boss-ult-gauge{position:absolute;bottom:-22px;left:50%;transform:translate(-50%) scale(.6);width:clamp(110px,24vw,168px);height:6px;border-radius:999px;background:#060a12b3;overflow:hidden;border:1px solid rgba(255,90,106,.4)}.boss-ult-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#ff8a4a,#ff2a5a);transition:width .35s ease}.ov-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;pointer-events:none;background:radial-gradient(circle at 60% 50%,rgba(255,120,90,.55),rgba(255,40,60,.25) 55%,transparent 75%);animation:ovFlash .42s ease-out forwards}@keyframes ovFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.unit-peg.boss-add{transform:scale(.8);z-index:4}.unit-peg.boss-add.add-spawn{animation:addSpawn .5s cubic-bezier(.2,1.5,.4,1)}@keyframes addSpawn{0%{opacity:0;transform:scale(.2) translateY(-10px)}to{opacity:1;transform:scale(.8) translateY(0)}}@media(prefers-reduced-motion:reduce){.boss-banner.ult-charge,.unit-peg.boss.boss-ult-charge,.ov-flash,.unit-peg.boss-add.add-spawn{animation:none}}.boss-raid-btn{margin-top:.35rem;padding:.45rem;border-radius:10px;font-weight:800;font-size:.82rem;color:#ffd9e6;background:linear-gradient(180deg,#6a0b2e,#3a0518);border:1px solid #ff4a7a;cursor:pointer}.boss-raid-btn:disabled{opacity:.5;cursor:default;filter:grayscale(.5)}.skill-explosion .boom-line{position:absolute;left:0;top:0;width:34px;height:2px;margin-top:-1px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,#fff 55%,var(--fx, #3de8ff) 100%);transform:rotate(var(--la, 0deg)) translate(10px);transform-origin:0 50%;opacity:0;mix-blend-mode:screen;animation:boomLine .42s ease-out forwards;animation-delay:var(--d, 0s)}@keyframes boomLine{0%{opacity:0;transform:rotate(var(--la, 0deg)) translate(6px) scaleX(.4)}25%{opacity:.95}to{opacity:0;transform:rotate(var(--la, 0deg)) translate(44px) scaleX(1.15)}}.skill-explosion .boom-ring.chroma{border-color:color-mix(in srgb,var(--fx, #3de8ff) 45%,#fff);filter:hue-rotate(38deg) blur(.6px);animation:boomRing .8s ease-out .07s forwards;opacity:.8}.skill-explosion .boom-residue{position:absolute;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--fx, #3de8ff) 55%,transparent 75%);box-shadow:0 0 8px var(--fx, #3de8ff);opacity:0;animation:boomResidue .9s ease-out forwards;animation-delay:var(--d, .2s)}@keyframes boomResidue{0%{opacity:0;transform:translate(0) scale(.6)}25%{opacity:.9}to{opacity:0;transform:translate(var(--rx, 0px),var(--ry, -26px)) scale(.2)}}.melee-slash .slash-streak{position:absolute;left:50%;top:50%;width:46px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff 60%,var(--fx, #eafcff));transform:rotate(var(--sa, 0deg)) translate(-8px);transform-origin:0 50%;opacity:0;mix-blend-mode:screen;animation:slashStreak .3s ease-out forwards;animation-delay:var(--d, 0s)}@keyframes slashStreak{0%{opacity:0;transform:rotate(var(--sa, 0deg)) translate(-16px) scaleX(.5)}30%{opacity:1}to{opacity:0;transform:rotate(var(--sa, 0deg)) translate(30px) scaleX(1.2)}}.melee-slash.cross:before{animation-delay:.07s;border-top-color:var(--fx);border-right-color:#fff}.battle-bolt .bolt-mini-trail{position:absolute;left:50%;top:50%;width:34px;height:7px;transform:translate(-100%,-50%) rotate(var(--ang, 0deg));transform-origin:100% 50%;border-radius:999px 3px 3px 999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fx, #7dffc8) 55%,transparent) 55%,#fff 100%);filter:blur(.8px);opacity:.8;pointer-events:none}.hit-sparks i.streak{width:16px;height:3px;border-radius:999px;transform:rotate(var(--sr, 0deg));background:linear-gradient(90deg,transparent,#fff 45%,var(--spark, #ffd76b))}.hit-sparks.big i.streak{width:22px;height:4px}.impact-flash.crit{filter:saturate(1.3)}@media(prefers-reduced-motion:reduce){.skill-explosion .boom-line,.skill-explosion .boom-residue,.melee-slash .slash-streak{animation:none;opacity:0}}.fx-canvas{border-radius:inherit;contain:strict}.battle-overlay-board{will-change:transform}.battle-live :where(.unit-peg:not(.boss):not(.dead)) .peg-motion{animation:swimDrift 5.6s ease-in-out infinite;animation-delay:var(--drift-delay, 0s)}@keyframes swimDrift{0%,to{translate:0 0;rotate:0deg}22%{translate:2.5px -3.5px;rotate:.8deg}46%{translate:-2px -1px;rotate:-.7deg}72%{translate:1.5px 2.5px;rotate:.5deg}}.unit-peg.ko-flash .peg-art{animation:koFlashOut .55s ease-out}@keyframes koFlashOut{0%{filter:brightness(3.2) saturate(.2) drop-shadow(0 0 18px #fff);opacity:1}45%{filter:brightness(1.6) saturate(.4);opacity:.7}to{filter:none;opacity:1}}.mystic-ult .mu-bar{position:absolute;left:0;right:0;height:9%;background:#000;z-index:6;animation:muBarIn 2.3s cubic-bezier(.2,.9,.3,1) forwards}.mystic-ult .mu-bar.top{top:0;transform-origin:top}.mystic-ult .mu-bar.bottom{bottom:0;transform-origin:bottom}@keyframes muBarIn{0%{transform:scaleY(0)}10%{transform:scaleY(1)}86%{transform:scaleY(1)}to{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.battle-live :where(.unit-peg) .peg-motion{animation:none}.unit-peg.ko-flash .peg-art{animation:none}.mystic-ult .mu-bar{animation:none;transform:scaleY(0)}}.legend-ult{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;pointer-events:none;overflow:hidden;border-radius:16px}.legend-ult .lu-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 52%,transparent 0,transparent 110px,color-mix(in srgb,var(--fx) 12%,rgba(2,6,12,.35)) 300px,rgba(2,4,10,.6) 100%);animation:luDim 1.45s ease forwards}@keyframes luDim{0%{opacity:0}14%{opacity:1}78%{opacity:1}to{opacity:0}}.legend-ult .lu-bar{position:absolute;left:0;right:0;height:6.5%;z-index:2;background:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);animation:luBar 1.45s cubic-bezier(.2,.9,.3,1) forwards}.legend-ult .lu-bar.top{top:0;transform-origin:top}.legend-ult .lu-bar.bottom{bottom:0;transform-origin:bottom}.legend-ult .lu-bar:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--fx),transparent);box-shadow:0 0 8px var(--fx)}.legend-ult .lu-bar.top:after{bottom:0}.legend-ult .lu-bar.bottom:after{top:0}@keyframes luBar{0%{transform:scaleY(0)}12%{transform:scaleY(1)}82%{transform:scaleY(1)}to{transform:scaleY(0)}}.legend-ult .lu-caster{position:absolute;z-index:3;transform:translate(-50%,-50%);width:clamp(110px,24vw,200px);aspect-ratio:1;display:grid;place-items:center;animation:luCaster 1.45s ease forwards}.legend-ult .lu-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 26px var(--fx)) drop-shadow(0 8px 16px rgba(0,0,0,.75))}.legend-ult .lu-ring{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;border:2px solid color-mix(in srgb,var(--fx) 70%,transparent);box-shadow:0 0 22px var(--fx);animation:luRing 1.45s ease-out forwards}.legend-ult .lu-ring.two{top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.6;animation-duration:1.6s}@keyframes luRing{0%{transform:scale(.4);opacity:0}22%{opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes luCaster{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.legend-ult .lu-title{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;animation:luTitle 1.45s cubic-bezier(.2,1.3,.35,1) forwards}.legend-ult .lu-kicker{font-size:.62rem;font-weight:800;letter-spacing:.3em;color:var(--fx);text-shadow:0 0 10px var(--fx)}.legend-ult .lu-name{font-size:clamp(1.1rem,2.6vw,1.7rem);font-weight:900;letter-spacing:.14em;color:#fff;text-shadow:0 0 16px var(--fx),0 2px 4px rgba(0,0,0,.9)}@keyframes luTitle{0%{opacity:0;transform:translate(-50%) scale(1.6);filter:blur(6px)}16%{opacity:1;transform:translate(-50%) scale(1);filter:blur(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}@media(prefers-reduced-motion:reduce){.legend-ult{display:none}}.battle-live .unit-peg[data-rarity=Legendary] .peg-ground,.battle-live .unit-peg[data-rarity=Mystic] .peg-ground{animation:lordGroundPulse 2.2s ease-in-out infinite}@keyframes lordGroundPulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.14)}}@media(prefers-reduced-motion:reduce){.battle-live .unit-peg[data-rarity=Legendary] .peg-ground,.battle-live .unit-peg[data-rarity=Mystic] .peg-ground{animation:none}}#screen-home{padding:.5rem clamp(.4rem,2vw,1.2rem) 1.2rem;display:flex;flex-direction:column;gap:.9rem}.home-stage{position:relative;flex:1 1 auto;min-height:clamp(340px,52vh,620px);border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 0 90px #020a14b3,0 24px 60px #00000073;isolation:isolate}.home-parallax{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-layer{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center}.home-layer-far{background-image:linear-gradient(180deg,#06284233,#020a14bf),url(/art/bg-hub.png);filter:saturate(1.05) brightness(.9);animation:homeDriftFar 26s ease-in-out infinite alternate}.home-layer-mid{background:radial-gradient(120% 80% at 50% 120%,rgba(61,232,255,.16),transparent 60%);animation:homeDriftMid 18s ease-in-out infinite alternate}.home-layer-caustics{background:radial-gradient(60% 40% at 30% 0%,rgba(160,240,255,.16),transparent 70%),radial-gradient(50% 40% at 75% 0%,rgba(120,220,255,.12),transparent 70%);mix-blend-mode:screen;opacity:.7;animation:homeCaustics 9s ease-in-out infinite}.home-layer-fore{background:linear-gradient(0deg,rgba(2,8,16,.85),transparent 42%)}@keyframes homeDriftFar{0%{transform:translate3d(-1.5%,0,0) scale(1.04)}to{transform:translate3d(1.5%,-1%,0) scale(1.08)}}@keyframes homeDriftMid{0%{transform:translate(2%)}to{transform:translate(-2%)}}@keyframes homeCaustics{0%,to{opacity:.45}50%{opacity:.85}}.home-ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.home-topline{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:clamp(.7rem,2vw,1.2rem);pointer-events:none}.home-greet-kicker{font-size:.62rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan);opacity:.9}.home-greet-name{margin:.1rem 0 .15rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;letter-spacing:.01em;text-shadow:0 2px 18px rgba(0,0,0,.6)}.home-greet-sub{margin:0;font-size:.8rem;color:var(--muted);max-width:30ch}.home-status{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;max-width:60%;pointer-events:auto}.home-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .6rem;border-radius:999px;background:#040e18a8;border:1px solid var(--line);font-size:.72rem;font-weight:700;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:homeChipFloat 4s ease-in-out infinite}.home-chip small{color:var(--muted);font-weight:600}.home-chip.alert{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));color:var(--gold);cursor:pointer}.home-chip.live{border-color:color-mix(in srgb,var(--coral) 55%,var(--line));color:#ffd9d0}.home-chip .home-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 8px var(--coral);animation:homePulse 1.4s ease-in-out infinite}@keyframes homeChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes homePulse{0%,to{opacity:1}50%{opacity:.4}}.home-squad{position:absolute;left:0;right:0;bottom:clamp(.6rem,3vh,2rem);z-index:3;display:flex;align-items:flex-end;justify-content:center;gap:clamp(.8rem,5vw,3.2rem);padding:0 1rem}.home-axo{position:relative;width:clamp(96px,22vw,210px);aspect-ratio:1 / 1;background:none;border:none;padding:0;cursor:pointer;transform-origin:50% 92%;animation:homeSwim 6s ease-in-out infinite;animation-delay:var(--delay, 0s);transition:transform .2s ease}.home-axo.lead{width:clamp(120px,27vw,264px);z-index:2}.home-axo:hover{transform:translateY(-6px) scale(1.04)}.home-axo:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:18px}.home-axo-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible}.home-axo-art.home-puppet{transform:scale(var(--dna-scale, 1)) scaleX(var(--dna-wide, 1)) scaleY(var(--dna-tall, 1));transform-origin:50% 92%}.home-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:var(--dna, none) drop-shadow(0 10px 16px rgba(0,0,0,.5));pointer-events:none;-webkit-user-drag:none;backface-visibility:hidden;transition:opacity .12s ease;transform-origin:50% 92%;animation:homeBreathe 4.4s ease-in-out infinite;animation-delay:var(--alive-delay, 0s)}@keyframes homeBreathe{0%,to{scale:1 1;rotate:0deg}50%{scale:1.014 .984;rotate:.5deg}}.home-emote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:var(--dna, none) drop-shadow(0 10px 16px rgba(0,0,0,.5));pointer-events:none;-webkit-user-drag:none;backface-visibility:hidden;opacity:0;visibility:hidden;transition:opacity .12s ease}.home-axo .faction-icon{display:none}.home-axo-glow{position:absolute;left:50%;bottom:6%;width:78%;height:30%;transform:translate(-50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rar, #7dffc8) 55%,transparent),transparent 70%);filter:blur(6px);z-index:-1;animation:homeGlowPulse 4s ease-in-out infinite}.home-axo-shadow{position:absolute;left:50%;bottom:0;width:62%;height:12px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 72%);filter:blur(3px);animation:homeShadow 6s ease-in-out infinite;animation-delay:var(--delay, 0s)}.home-axo-plate{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;padding:.2rem .6rem;border-radius:999px;background:#030c14c7;border:1px solid color-mix(in srgb,var(--rar, #7dffc8) 45%,var(--line));white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.home-axo-plate b{font-size:.74rem;font-weight:800}.home-axo-plate small{font-size:.6rem;color:var(--muted)}.home-axo:hover .home-axo-plate,.home-axo.show-plate .home-axo-plate{opacity:1}.home-axo[data-rarity=Legendary] .home-axo-glow{animation-duration:2.6s}.home-axo[data-rarity=Mystic] .home-axo-glow{background:radial-gradient(ellipse at center,rgba(255,107,219,.6),rgba(155,92,255,.3) 45%,transparent 72%)}.home-axo.tick-blink .home-sprite{animation:homeBlink .22s ease;transform-origin:50% 42%}@keyframes homeBlink{0%,to{scale:1 1}55%{scale:1.015 .92}}.home-axo.tick-tilt .home-sprite{animation:homeTilt .9s ease-in-out}@keyframes homeTilt{0%,to{rotate:0deg}35%,65%{rotate:-5deg}}.home-axo.emoting .home-sprite{opacity:0}.home-axo.emoting .home-emote{opacity:1;visibility:visible;animation:homeEmoteHop 1.1s cubic-bezier(.3,0,.3,1)}@keyframes homeEmoteHop{0%{translate:0 0;scale:.98 1.02}18%{translate:0 0;scale:1.06 .94}42%{translate:0 -9%;scale:.95 1.06}70%{translate:0 0;scale:1.03 .98}to{translate:0 0;scale:1 1}}.home-axo.tick-bounce .home-puppet{animation:homeHop .7s cubic-bezier(.3,0,.3,1)}@keyframes homeHop{0%,to{translate:0 0;scale:1 1}25%{translate:0 0;scale:1.06 .94}50%{translate:0 -8%;scale:.96 1.05}75%{translate:0 0;scale:1.03 .98}}.home-heart{position:absolute;bottom:48%;left:50%;font-size:clamp(.8rem,2.4vw,1.15rem);pointer-events:none;z-index:4;opacity:0;animation:homeHeartRise 1.4s ease-out forwards;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}@keyframes homeHeartRise{0%{transform:translate(-50%) scale(.4) rotate(-8deg);opacity:0}25%{opacity:1}to{transform:translate(calc(-50% + var(--hx, 10px)),-84px) scale(1.05) rotate(6deg);opacity:0}}.home-bubble{position:absolute;bottom:30%;left:50%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(180,240,255,.35) 60%,transparent);pointer-events:none;z-index:3;opacity:0;animation:homeBubbleRise 1.6s ease-out forwards}@keyframes homeBubbleRise{0%{transform:translate(-50%) scale(.5);opacity:0}20%{opacity:.9}to{transform:translate(calc(-50% + var(--bx, 8px)),-70px) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.home-sprite,.home-axo.tick-blink .home-sprite,.home-axo.tick-tilt .home-sprite,.home-axo.tick-bounce .home-puppet,.home-axo.emoting .home-emote,.home-heart,.home-bubble{animation:none}.home-axo.emoting .home-sprite{opacity:1}.home-axo.emoting .home-emote{opacity:0}}.home-axo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--muted);border:2px dashed var(--line);border-radius:20px;animation:none}.home-axo-empty .home-axo-plus{font-size:2rem;opacity:.7}.home-axo-empty small{font-size:.62rem}@keyframes homeSwim{0%,to{transform:translateY(0) rotate(-1.2deg)}30%{transform:translateY(-10px) rotate(1deg)}60%{transform:translateY(-4px) rotate(-.6deg)}}@keyframes homeGlowPulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}@keyframes homeShadow{0%,to{transform:translate(-50%) scale(1);opacity:.5}30%{transform:translate(-50%) scale(.82);opacity:.35}}.home-squad-hint{text-align:center;font-size:.72rem;color:var(--muted);margin:0;position:relative;z-index:3}.home-reminders{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem;width:min(100%,330px);pointer-events:auto}.home-reminder{display:flex;align-items:center;gap:.5rem;text-align:left;width:100%;padding:.4rem .6rem;border-radius:12px;cursor:pointer;background:#040e18b8;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));color:var(--text);font-size:.74rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;animation:reminderIn .35s ease;transition:transform .14s ease,border-color .14s ease}.home-reminder:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--gold) 60%,var(--line))}.home-reminder.calm{border-color:var(--line);color:var(--muted);cursor:default;font-weight:500}.home-reminder.calm:hover{transform:none}.home-reminder .hr-ico{font-size:1rem;flex:0 0 auto}.home-reminder .hr-text{flex:1 1 auto}.home-reminder .hr-go{color:var(--gold);font-weight:900}.home-reminder:nth-child(1){animation-delay:.02s}.home-reminder:nth-child(2){animation-delay:.08s}.home-reminder:nth-child(3){animation-delay:.14s}.home-reminder:nth-child(4){animation-delay:.2s}@keyframes reminderIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-pill-dot{position:absolute;top:2px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);z-index:2;animation:badgePulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.home-reminder,.nav-pill-dot{animation:none}}.home-dock{display:flex;flex-direction:column;gap:.7rem}.home-dock-primary{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.home-act{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem .6rem;cursor:pointer;border-radius:16px;border:1px solid color-mix(in srgb,var(--act, #3de8ff) 40%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--act, #3de8ff) 20%,rgba(4,14,24,.9)),#040e18e6);color:var(--text);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.home-act:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--act, #3de8ff) 40%,transparent),transparent 70%);opacity:.5;transition:opacity .16s ease}.home-act img{width:clamp(46px,10vw,72px);height:clamp(46px,10vw,72px);object-fit:cover;border-radius:50%;position:relative;box-shadow:0 0 0 2px color-mix(in srgb,var(--act, #3de8ff) 65%,transparent),0 0 14px -2px color-mix(in srgb,var(--act, #3de8ff) 55%,transparent),0 4px 10px #00000080}.home-act-name{position:relative;font-weight:800;font-size:.88rem}.home-act-sub{position:relative;font-size:.62rem;color:var(--muted)}.home-act:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--act, #3de8ff) 30%,transparent);border-color:color-mix(in srgb,var(--act, #3de8ff) 70%,var(--line))}.home-act:hover:not(:disabled):before{opacity:.9}.home-act:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.5)}.home-act .home-act-lock{position:absolute;top:5px;right:6px;z-index:2;font-size:.56rem;font-weight:800;padding:.1rem .35rem;border-radius:999px;background:#040e18d9;border:1px solid var(--line);color:#ffd76b}.home-act .home-act-badge{position:absolute;top:5px;right:6px;z-index:2;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--gold);color:#111;font-size:.64rem;font-weight:900;display:grid;place-items:center;box-shadow:0 0 10px #ffe14a99;animation:badgePulse 1.8s ease-in-out infinite}.home-act-base{border-width:1.5px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media(max-width:720px){#screen-home{gap:.55rem;padding-bottom:.7rem}.home-stage{display:flex;flex-direction:column;min-height:clamp(340px,52vh,520px);flex:0 0 auto}.home-topline{position:relative;flex:0 0 auto;flex-direction:column;gap:0;padding-bottom:.15rem}.home-status{position:absolute;top:clamp(.65rem,2vw,1rem);right:clamp(.65rem,2vw,1rem);max-width:42%;justify-content:flex-end;z-index:5}.home-chip{padding:.28rem .5rem;font-size:.66rem}.home-greet{width:100%;padding-right:.25rem}.home-greet-name{font-size:1.2rem;padding-right:6.5rem}.home-greet-sub{display:none}.home-reminders{margin-top:.35rem;gap:.22rem;width:100%;max-width:none}.home-reminder{padding:.3rem .5rem;font-size:.68rem;border-radius:10px}.home-squad{position:relative;flex:1 1 auto;bottom:auto;left:auto;right:auto;min-height:200px;margin-top:.55rem;padding:.4rem .35rem 1.65rem;gap:clamp(.35rem,2vw,.9rem);align-items:flex-end}.home-axo{width:clamp(96px,26vw,148px)}.home-axo.lead{width:clamp(118px,32vw,178px)}.home-squad-hint{flex:0 0 auto;margin:0;padding:0 .5rem .45rem}.home-dock-primary{gap:.4rem}.home-act{padding:.5rem .2rem .45rem}.home-act-name{font-size:.66rem}.home-act-sub{display:none}}.screen-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none;opacity:0;visibility:hidden}.screen-transition.run{visibility:visible}.screen-transition .wipe-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0%,rgba(3,12,22,.4) 24%,var(--wipe, #063049) 42%,#041a2b 58%,rgba(3,12,22,.4) 76%,transparent 100%);transform:translate(-120%)}.screen-transition .wipe-caustics{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:screen;opacity:0;background:radial-gradient(40% 60% at 20% 30%,rgba(120,230,255,.5),transparent 60%),radial-gradient(46% 50% at 60% 70%,rgba(90,200,255,.4),transparent 65%),radial-gradient(30% 40% at 85% 40%,rgba(160,245,255,.35),transparent 60%);transform:translate(-120%)}.screen-transition.run .wipe-sheet{animation:wipeAcross .62s cubic-bezier(.6,0,.3,1) forwards}.screen-transition.run .wipe-caustics{animation:wipeAcrossCaustic .62s cubic-bezier(.6,0,.3,1) forwards}@keyframes wipeAcross{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes wipeAcrossCaustic{0%{transform:translate(-120%);opacity:0}40%{opacity:.9}to{transform:translate(120%);opacity:0}}.wipe-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);font-size:clamp(2rem,9vw,5rem);font-weight:900;letter-spacing:.22em;color:#fff;opacity:0;text-transform:uppercase;text-shadow:0 0 24px var(--wipe, #3de8ff),0 6px 20px rgba(0,0,0,.8);-webkit-text-stroke:1px color-mix(in srgb,var(--wipe, #3de8ff) 60%,transparent)}.screen-transition.run .wipe-stamp{animation:wipeStamp .62s ease-out forwards}@keyframes wipeStamp{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4);filter:blur(8px)}36%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.screen.screen-enter>*{animation:cardCascade .5s cubic-bezier(.2,.9,.3,1) backwards}.screen.screen-enter>*:nth-child(1){animation-delay:.04s}.screen.screen-enter>*:nth-child(2){animation-delay:.09s}.screen.screen-enter>*:nth-child(3){animation-delay:.14s}.screen.screen-enter>*:nth-child(4){animation-delay:.19s}.screen.screen-enter>*:nth-child(n+5){animation-delay:.23s}@keyframes cardCascade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen-nav{position:relative}.nav-indicator{position:absolute;top:50%;left:0;width:var(--ind-w, 60px);height:var(--ind-h, 40px);transform:translate(var(--ind-x, 0),-50%);border-radius:14px;background:linear-gradient(160deg,#3de8ff47,#3de8ff14);border:1px solid color-mix(in srgb,var(--cyan) 45%,transparent);box-shadow:0 0 18px #3de8ff59;z-index:0;pointer-events:none;transition:transform .42s cubic-bezier(.34,1.56,.5,1),width .42s cubic-bezier(.34,1.56,.5,1)}.nav-indicator.hop{animation:navHop .42s ease}@keyframes navHop{40%{height:calc(var(--ind-h, 40px) * .82)}70%{height:calc(var(--ind-h, 40px) * 1.06)}}.screen-nav .nav-pill{position:relative;z-index:1;background:transparent}@media(prefers-reduced-motion:reduce){.home-axo,.home-axo-glow,.home-axo-shadow,.home-chip,.home-layer,.screen.screen-enter>*,.nav-indicator{animation:none!important;transition:none!important}.screen-transition.run .wipe-sheet,.screen-transition.run .wipe-caustics,.screen-transition.run .wipe-stamp{animation:none!important}}.tide-shrine,.skill-memories,.growth-record{margin:14px 0;padding:12px 14px;border:1px solid rgba(125,255,200,.16);border-radius:14px;background:linear-gradient(180deg,#1428368c,#0c162066)}.tide-shrine h4,.skill-memories h4,.growth-record h4{margin:0 0 8px}.evo-track{display:flex;align-items:center;gap:6px;margin:6px 0 10px}.evo-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:#ffffff0f;color:#ffffff80;border:1px solid rgba(255,255,255,.12)}.evo-dot.on{background:#3de8ff38;color:#eafcff;border-color:#3de8ff80}.evo-dot.cur{box-shadow:0 0 0 3px #3de8ff2e}.evo-dash{flex:1;height:2px;background:#ffffff1f;border-radius:2px}.evo-cur{margin:2px 0 8px;opacity:.92}.evo-reqs{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}.evo-reqs li{font-size:14px}.evo-reqs small{opacity:.6}.evo-branch{margin:8px 0}.evo-branch-opts{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.evo-branch-opt{font-size:14px;cursor:pointer}.evo-rite-btn{width:100%;margin-top:4px}.evo-rite-btn:disabled{opacity:.5}.skill-slots-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.skill-slot{display:flex;flex-direction:column;gap:3px;font-size:13px}.skill-slot.locked{opacity:.45}.skill-slot select{padding:6px 8px;border-radius:8px;background:#00000040;color:inherit;border:1px solid rgba(255,255,255,.14)}.skill-actions{margin-bottom:8px}.learned-list{margin:8px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.learned-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;border-radius:999px;font-size:13px;background:#7dffc81f;border:1px solid rgba(125,255,200,.28)}.learned-forget{background:none;border:none;color:inherit;cursor:pointer;opacity:.6;font-size:14px}.learned-forget:hover{opacity:1}.scroll-inv{margin-top:8px;display:grid;gap:6px}.scroll-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.scroll-meta{font-size:13px}.scroll-learn{white-space:nowrap}.growth-timeline{list-style:none;margin:0;padding:0 0 0 14px;display:grid;gap:6px}.growth-timeline li{position:relative;font-size:14px}.growth-timeline li:before{content:"";position:absolute;left:-14px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--cyan, #3de8ff)}.bio-peg[data-evo-stage="2"] .bio-sprite{transform:scale(1.05);filter:saturate(1.08)}.bio-peg[data-evo-stage="3"] .bio-sprite{transform:scale(1.11);filter:saturate(1.16) contrast(1.04)}.bio-peg[data-evo-stage="2"]{box-shadow:inset 0 0 22px #3de8ff29}.bio-peg[data-evo-stage="3"]{box-shadow:inset 0 0 30px #7dffc83d}.evo-ceremony{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;margin:0;display:grid;place-items:center;gap:14px;background:radial-gradient(circle at center,#061018d1,#02060af0);cursor:pointer;animation:evoCerIn .3s ease both}.evo-cer-stage{position:relative;width:min(60vw,260px);aspect-ratio:1;display:grid;place-items:center}.evo-cer-sprite{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 0 24px var(--evo-tint, #7dffc8));animation:evoCerPop 1.1s cubic-bezier(.2,.9,.2,1) both}.evo-cer-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--evo-tint, #7dffc8),transparent 60%);mix-blend-mode:screen;opacity:.5;animation:evoCerSpin 1.6s linear infinite}.evo-cer-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff;mix-blend-mode:screen;opacity:0;animation:evoCerFlash 1.1s ease-out both}.evo-ceremony figcaption{text-align:center}.evo-ceremony figcaption b{display:block;letter-spacing:3px;font-size:22px;color:var(--evo-tint, #7dffc8)}.evo-ceremony figcaption span{opacity:.85}@keyframes evoCerIn{0%{opacity:0}to{opacity:1}}@keyframes evoCerPop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.14);opacity:1}to{transform:scale(1)}}@keyframes evoCerSpin{to{transform:rotate(360deg)}}@keyframes evoCerFlash{0%{opacity:0}45%{opacity:.85}to{opacity:0}}@media(prefers-reduced-motion:reduce){.evo-ceremony,.evo-cer-sprite,.evo-cer-rings,.evo-cer-flash{animation:none!important}.evo-cer-flash{opacity:0}}