:root{--bg: #04060a;--panel: rgba(8, 14, 24, .88);--ink: #eef3fa;--muted: #8a9bb0;--cyan: #00e5ff;--magenta: #ff2d8a;--gold: #ffd246;--line: rgba(0, 229, 255, .28);--font: "Sora", system-ui, sans-serif;--font-display: "Chakra Petch", "Sora", system-ui, sans-serif;--font-mono: "Share Tech Mono", ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--metal: linear-gradient(145deg, #22313c 0%, #080d13 20%, #101923 72%, #344753 100%);--tex-metal: url(/ui/topbar_texture.webp);--tex-panel: url(/ui/radio_panel_texture.webp);--tex-metal-wash: linear-gradient(180deg, rgba(4, 8, 14, .62), rgba(2, 5, 9, .78));--tex-panel-wash: linear-gradient(145deg, rgba(8, 14, 22, .55), rgba(2, 6, 10, .72));--hud-h: 56px;--hud-gap: .55rem;--hud-chamfer: 8px;--design-w: 1920px;--design-h: 1080px;--layout-w: 100vw;--layout-h: 100vh;--sat: 0px;--sar: 0px;--sab: 0px;--sal: 0px;--touch-min: 44px;--cmd-rail-h: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.25, 1, .5, 1);--dur-fast: .18s;--dur-med: .32s;--dur-slow: .52s;--combat-hit: .6s;--combat-telegraph: .62s;--combat-projectile: .4s;--combat-burst: 1.25s;--combat-float: 1.5s;--combat-shake: .4s}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);overscroll-behavior:none}body{background:radial-gradient(ellipse 90% 55% at 15% -10%,rgba(255,45,138,.16),transparent 55%),radial-gradient(ellipse 80% 50% at 95% 90%,rgba(0,229,255,.12),transparent 50%),linear-gradient(180deg,#060a12e0,#04060af0),var(--tex-metal) center top / 140% auto no-repeat,linear-gradient(180deg,#060a12,#04060a);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game-viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;display:flex;flex-direction:column;background:#010205;padding:var(--sat) var(--sar) var(--sab) var(--sal)}.game-stage,.game-stage--fluid{position:relative;flex:1 1 auto;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--bg);transform:none}.game-stage-slot{display:contents}.prep-nudge{position:absolute;z-index:9;left:50%;bottom:calc(var(--cmd-rail-h) + .85rem);transform:translate(-50%);min-width:min(280px,calc(100% - 2rem));min-height:var(--touch-min);padding:.65rem 1rem;border:1px solid rgba(0,229,255,.45);background:linear-gradient(135deg,#00e5ff2e,#ff2d8a1f),#02080eeb;color:var(--ink);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));cursor:pointer;text-align:left}.prep-nudge strong{display:block;font:700 .78rem/1.1 var(--font-display);letter-spacing:.14em;color:var(--cyan)}.prep-nudge small{display:block;margin-top:.2rem;color:var(--muted);font-size:.68rem}.game-rotate-hint{display:none}.atmos-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 30% 20%,rgba(0,229,255,.04),transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,45,138,.05),transparent 45%),var(--tex-panel) center / cover no-repeat;mix-blend-mode:soft-light;opacity:.28;animation:atmosDrift 22s var(--ease-in-out) infinite alternate}@keyframes atmosDrift{0%{opacity:.55;transform:scale(1) translateZ(0)}to{opacity:.88;transform:scale(1.035) translate3d(0,-.6%,0)}}.app{position:relative;z-index:1;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{--hud-h: 56px;--hud-gap: .55rem;--hud-chamfer: 8px;display:flex;justify-content:flex-start;align-items:center;gap:var(--hud-gap);flex:0 0 auto;padding:.9rem 1.25rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04060a8c}.brand strong{letter-spacing:.18em;font-size:.92rem}.brand span{display:block;color:var(--muted);font-size:.75rem;margin-top:.15rem}.topbar-brand,.topbar-audio,.topbar-vitals,.topbar-actions{position:relative;z-index:1;display:flex;align-items:center;min-width:0}.topbar-brand{flex:0 0 auto}.topbar-audio{flex:1 1 auto;justify-content:center;min-width:0}.topbar-vitals{flex:0 1 auto;gap:.45rem;margin-left:auto}.topbar-actions{flex:0 0 auto;gap:.45rem;flex-wrap:wrap}.btn{border:1px solid var(--line);background:linear-gradient(180deg,#00e5ff29,#00e5ff08),var(--tex-panel) center / cover no-repeat;color:var(--ink);font:inherit;font-weight:600;font-size:.82rem;padding:.5rem .9rem;border-radius:999px;cursor:pointer;transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),background var(--dur-med) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 18px #00e5ff38;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.active{background:color-mix(in srgb,var(--cyan) 30%,transparent)}.btn.ghost{background:linear-gradient(180deg,#040a0e59,#040a0e8c),var(--tex-panel) center / cover no-repeat}.btn.danger{border-color:#ff2d8a8c;background:linear-gradient(180deg,#ff2d8a33,#ff2d8a0a)}main{flex:1 1 auto;min-height:0;padding:1.25rem;overflow:hidden;display:flex;flex-direction:column}.hub-hero{position:relative;max-width:none;margin:0 auto;padding:0;text-align:center;flex:1 1 auto;min-height:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.hub-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;pointer-events:none}.hub-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 18%;opacity:.42;filter:saturate(1.1) contrast(1.05)}.hub-backdrop-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04060a8c,#04060ac7 45%,#04060af0),radial-gradient(ellipse 70% 50% at 50% 30%,rgba(0,229,255,.12),transparent 60%)}.hub-hero-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;box-sizing:border-box;max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem max(2rem,calc(1rem + env(safe-area-inset-bottom,0px)));width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.hub-kicker{margin:0;letter-spacing:.28em;font-size:.72rem;color:var(--cyan)}.hub-title{margin:.6rem 0 .5rem;font-size:clamp(2.8rem,8vw,5.2rem);letter-spacing:.08em;line-height:.95;background:linear-gradient(180deg,#fff 20%,var(--cyan) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(0,229,255,.25);animation:titlePulse 4s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.hub-sub{margin:0 auto 2rem;max-width:36rem;color:var(--muted);font-size:1rem;line-height:1.45}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;text-align:left}.mode-card{border:1px solid var(--line);border-radius:18px;padding:1.25rem;background:var(--panel);cursor:pointer;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);text-align:left;color:inherit;font:inherit}.mode-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006,0 0 28px #00e5ff1f}.mode-card h2{margin:0 0 .4rem;font-size:1.15rem}.mode-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.4}.board-layout{display:grid;grid-template-columns:220px 1fr 280px;gap:1rem;min-height:70vh}@media(max-width:1000px){.board-layout{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:16px;background:var(--tex-panel-wash),var(--tex-panel) center / cover no-repeat,var(--panel);padding:.85rem;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #00000059}.panel h3{margin:0 0 .75rem;font-size:.85rem;letter-spacing:.08em;color:var(--muted)}.shop-list,.collection-grid{display:grid;gap:.5rem;max-height:65vh;overflow:auto}.collection-shell{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:1400px;width:100%;height:100%;min-height:0;margin:0 auto;padding:clamp(.7rem,2vw,1.5rem);border-radius:28px;overflow:auto;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.07),transparent 48%),linear-gradient(145deg,#10272ab8,#071718c7 42%,#160c18cc),var(--tex-metal) center / cover no-repeat,linear-gradient(145deg,#10272a,#071718 42%,#160c18);box-shadow:inset 0 1px #ffffff12,inset 0 0 70px #00000080,0 28px 70px #00000080}.collection-panel{background:linear-gradient(180deg,#030c0ead,#02080adb),repeating-linear-gradient(45deg,rgba(0,229,255,.025) 0 2px,transparent 2px 7px);border-color:#caf4f524;box-shadow:inset 0 1px #ffffff0a}.collection-heading{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding:.1rem .25rem .65rem;border-bottom:1px solid rgba(0,229,255,.12)}.collection-heading h3{margin:.3rem 0 0;color:#dffcff}.collection-kicker{margin:0;color:#d5ae58;font-size:.62rem;font-weight:700;letter-spacing:.22em}.collection-back-sample{width:46px;aspect-ratio:2.5 / 3.5;object-fit:cover;border-radius:5px;transform:rotate(5deg);box-shadow:0 7px 16px #0000008c,0 0 14px #00e5ff24}@media(max-width:960px){.collection-shell{grid-template-columns:1fr}}.collection-panel .collection-ranks{display:flex;flex-direction:column;gap:1.1rem;max-height:72vh;overflow:auto;padding:.35rem .35rem 1.25rem;perspective:900px}.collection-panel .collection-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));max-height:none;gap:1rem .8rem;padding:0;overflow:visible}.rank-section{display:flex;flex-direction:column;gap:.55rem;min-width:0}.rank-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.35rem .45rem .4rem;border-bottom:1px solid rgba(0,229,255,.16);background:linear-gradient(90deg,rgba(0,229,255,.08),transparent 72%)}.rank-section-title{color:#dffcff;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.2em}.rank-section-count{color:var(--muted);font-size:.55rem;font-weight:700;letter-spacing:.14em}.rank-section.rarity-legend .rank-section-title{color:#ffe9a8}.rank-section.rarity-captain .rank-section-title{color:#ffe27c}.rank-section.rarity-warden .rank-section-title{color:#9be7ff}.rank-section.rarity-recruit .rank-section-title{color:#c5d4dc}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:none}.mini-card{position:relative;border:2px solid #263541;border-radius:12px;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 18%),linear-gradient(180deg,#202c35bf,#080d13e0),var(--tex-panel) center / cover no-repeat,linear-gradient(180deg,#202c35,#080d13);padding:4px;color:inherit;box-shadow:0 2px #52616a inset,0 -2px #020407 inset,0 10px 16px #00000075,0 2px 4px #000000b3;transform:rotate(var(--card-lean, 0deg)) translateZ(0);transform-origin:center 85%;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.collection-grid .mini-card:nth-child(4n+1){--card-lean: -.45deg}.collection-grid .mini-card:nth-child(4n+3){--card-lean: .45deg}.mini-card-art{position:relative;display:block;overflow:hidden;border:1px solid rgba(209,239,240,.22);border-radius:7px 7px 3px 3px;background:#020509}.mini-card img{width:100%;aspect-ratio:2.5/3.5;object-fit:cover;object-position:center 22%;display:block}.mini-card-art img{filter:saturate(1.04) contrast(1.025)}.mini-card-foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,rgba(133,244,255,.08) 37%,rgba(255,174,224,.18) 46%,rgba(255,220,110,.08) 54%,transparent 70%),radial-gradient(circle at 18% 10%,rgba(255,255,255,.26),transparent 20%);background-size:220% 220%;background-position:90% 90%;mix-blend-mode:screen;opacity:.58;transition:background-position var(--dur-slow) var(--ease-in-out),opacity var(--dur-med) var(--ease-out)}.mini-card-rank,.mini-card-number{position:absolute;top:.4rem;z-index:2;padding:.16rem .28rem;border:1px solid rgba(232,252,255,.26);border-radius:3px;background:linear-gradient(180deg,#101b23ed,#02060af0);color:#f4fcff;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px #000;box-shadow:0 2px 5px #00000073}.mini-card-rank{left:.38rem;color:#ffe19a}.mini-card-number{right:.38rem;color:#9df4ff}.mini-card .cap{padding:.42rem .45rem;font-size:.68rem;color:var(--muted)}.mini-card .collection-cap{min-height:46px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(213,174,88,.3);background:linear-gradient(90deg,rgba(0,229,255,.07),transparent 35%,rgba(255,45,138,.07)),#080d13;text-align:left}.collection-cap strong{overflow:hidden;color:#f2fbff;font-size:.67rem;letter-spacing:.05em;line-height:1.15;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.collection-cap span{overflow:hidden;margin-top:.18rem;color:#80959e;font-size:.5rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.mini-card:hover,.mini-card.selected{z-index:2;border-color:color-mix(in srgb,var(--cyan) 72%,#fff);transform:rotate(0) translateY(-7px) scale(1.025);box-shadow:0 2px #ffffff61 inset,0 -2px #020407 inset,0 18px 25px #00000094,0 0 18px #00e5ff33}.mini-card.selected{border-color:#e8d18a;box-shadow:0 2px #ffffff73 inset,0 18px 25px #00000094,0 0 0 1px #ffd24670,0 0 22px #ff2d8a33}.mini-card:hover .mini-card-foil,.mini-card.selected .mini-card-foil{background-position:12% 8%;opacity:.9}.foil-viewer{border:1px solid rgba(162,223,229,.2);border-radius:22px;background:radial-gradient(circle at 20% 10%,rgba(0,229,255,.08),transparent 38%),linear-gradient(145deg,#09111af7,#03070cfa);padding:clamp(1rem,2vw,1.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:1.25rem;align-items:start;min-height:70vh;box-shadow:inset 0 1px #ffffff0d,0 24px 55px #0000006b}@media(max-width:720px){.foil-viewer{grid-template-columns:1fr}}.collector-card-stage{width:100%;perspective:1300px;text-align:center}.collector-card-flipper{position:relative;width:min(100%,510px);aspect-ratio:2.5 / 3.5;margin:0 auto;padding:0;border:0;border-radius:24px;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .9s var(--ease-out)}.collector-card-stage.is-flipped .collector-card-flipper{transform:rotateY(180deg)}.collector-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;padding:7px;border:2px solid #78909c;border-radius:24px;background:linear-gradient(145deg,#e8f7f7,#83959c 5%,#111b23 12%,#03070b 88%,#607983 96%,#dffcff);box-shadow:0 3px #ffffff6b inset,0 -3px #000000e6 inset,0 28px 50px #00000094,0 0 38px #00e5ff24;backface-visibility:hidden;-webkit-backface-visibility:hidden}.collector-card-face:after{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(232,252,255,.34);border-radius:16px;box-shadow:inset 0 0 14px #ffffff14;content:"";pointer-events:none}.collector-card-face img{width:100%;height:100%;display:block;border-radius:16px;object-fit:cover}.collector-card-back{transform:rotateY(180deg)}.foil-sheen{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:16px;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(129,240,255,.08) 36%,rgba(255,255,255,.27) 46%,rgba(255,45,138,.15) 54%,rgba(255,218,112,.08) 61%,transparent 74%);background-size:260% 260%;background-position:90% 90%;mix-blend-mode:screen;opacity:.68;transition:background-position .9s var(--ease-in-out),opacity var(--dur-med) var(--ease-out)}.collector-card-flipper:hover .foil-sheen{background-position:8% 8%;opacity:1}.foil-sheen-back{background:radial-gradient(circle at 30% 30%,rgba(0,229,255,.2),transparent 30%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 66%);background-size:180% 180%}.flip-hint{display:inline-block;margin-top:.75rem;color:#7f9aa5;font-size:.58rem;font-weight:700;letter-spacing:.18em}.foil-meta{padding-top:.4rem}.foil-edition{margin:0 0 .45rem;color:#d5ae58;font-size:.64rem;font-weight:700;letter-spacing:.16em}.foil-meta h2{margin:0 0 .35rem;padding-bottom:.65rem;border-bottom:1px solid rgba(0,229,255,.18);font-size:1.35rem;letter-spacing:.03em}.foil-token{margin:0 0 .35rem;font-size:.85rem;opacity:.7}.foil-faction{margin:0 0 .5rem;font-weight:700;letter-spacing:.04em}.foil-ability{text-transform:capitalize;color:var(--gold);margin:.5rem 0 1rem}.foil-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:1rem}.foil-stats div{border:1px solid rgba(180,222,226,.15);border-radius:6px;padding:.4rem .25rem;text-align:center;background:linear-gradient(180deg,#7eb0b614,#0000002e);box-shadow:inset 0 1px #ffffff0a}.foil-stats span{display:block;font-size:.65rem;color:var(--muted)}.foil-stats strong{font-size:1rem}.foil-back-button{display:inline-flex;align-items:center;gap:.75rem;padding:.45rem .75rem .45rem .45rem;border:1px solid rgba(213,174,88,.32);border-radius:9px;background:#02070bb8;color:#d9c47f;cursor:pointer;font:inherit;font-size:.58rem;font-weight:700;letter-spacing:.12em}.foil-back-button:hover{border-color:#00e5ff;color:#dffcff;box-shadow:0 0 20px #00e5ff1f}.foil-back{width:42px;aspect-ratio:2.5 / 3.5;border-radius:4px;box-shadow:0 5px 10px #00000080}.arena-stage{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0b1524,#070b12 55%,#05080f);padding:1rem 1rem 1.25rem;overflow:hidden;min-height:560px;perspective:900px}.arena-gl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:0;pointer-events:none;display:block}.arena-svg-layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:screen}.arena-svg{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.arena-svg.ring{left:50%;top:46%;width:min(92vh,78%);max-width:920px;transform:translate(-50%,-50%) perspective(900px) rotateX(58deg);opacity:.55}.arena-svg.lanes{left:50%;top:42%;width:min(1100px,88%);transform:translate(-50%,-42%) perspective(900px) rotateX(52deg);opacity:.4}.arena-svg.ornaments{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.arena-svg.ring,.arena-svg.lanes{opacity:.28}}.topbar{position:relative;z-index:20;min-height:calc(var(--hud-h) + 1.3rem);padding:.5rem clamp(.7rem,2vw,1.4rem);border-bottom-color:#00e5ff61;background:linear-gradient(90deg,rgba(0,229,255,.1),transparent 22% 78%,rgba(255,45,138,.1)),linear-gradient(180deg,#04080e8c,#020509b8),var(--tex-metal) center / cover no-repeat;box-shadow:inset 0 -1px #ffffff12,inset 0 1px #00e5ff14,0 12px 35px #0000007a}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,229,255,.015) 2px,rgba(0,229,255,.015) 3px);mix-blend-mode:soft-light;opacity:.7}.topbar>.top-ornament{z-index:0}.brand-lockup{display:flex;align-items:center;gap:.65rem;min-width:0;height:var(--hud-h)}.brand-crest{width:48px;height:48px;object-fit:contain}.brand-wordmark{display:block;width:clamp(142px,18vw,228px);height:auto}.brand-aura{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;flex-shrink:0;line-height:0}.brand-aura>img{position:relative;z-index:1;filter:drop-shadow(0 0 5px rgba(255,248,230,.42)) drop-shadow(0 0 12px rgba(255,210,70,.22)) drop-shadow(0 0 18px rgba(0,229,255,.18))}.brand-aura:before,.brand-aura:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;z-index:0;mix-blend-mode:screen;transform:translate(-50%,-50%);will-change:opacity,transform}.brand-aura:before{width:158%;height:158%;background:radial-gradient(circle,rgba(0,229,255,.62) 0%,rgba(0,229,255,.22) 36%,transparent 68%);filter:blur(11px);opacity:.72;animation:brandAuraCyan 3.2s var(--ease-in-out) infinite}.brand-aura:after{width:132%;height:132%;background:radial-gradient(circle,rgba(255,45,138,.52) 0%,rgba(255,45,138,.16) 40%,transparent 70%);filter:blur(15px);opacity:.55;animation:brandAuraMagenta 3.8s var(--ease-in-out) infinite;animation-delay:-1.25s}@media(prefers-reduced-motion:no-preference){.brand-aura>img{animation:brandMarkBreathe 3.4s var(--ease-in-out) infinite}}.brand-aura--lockup{display:block;width:100%}.brand-aura--lockup:before{width:78%;height:118%;filter:blur(18px)}.brand-aura--lockup:after{width:62%;height:100%;filter:blur(22px)}.brand-aura--collection:before{width:165%;height:165%}.brand-aura--collection:after{width:138%;height:138%}@keyframes brandAuraCyan{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.1)}}@keyframes brandAuraMagenta{0%,to{opacity:.38;transform:translate(-46%,-47%) scale(1.06)}50%{opacity:.82;transform:translate(-54%,-52%) scale(.88)}}@keyframes brandMarkBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){.brand-aura:before,.brand-aura:after,.brand-aura>img{animation:none!important}.brand-aura:before{opacity:.68;transform:translate(-50%,-50%) scale(1)}.brand-aura:after{opacity:.48;transform:translate(-50%,-50%) scale(1)}.brand-aura>img{transform:none}}.xp-seal{--xp-cyan: #00e5ff;--xp-magenta: #ff2d8a;--xp-violet: #b44dff;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:clamp(148px,15vw,210px);height:var(--hud-h);min-height:var(--hud-h);max-height:var(--hud-h);padding:.32rem .58rem .34rem;border:1px solid rgba(0,229,255,.55);clip-path:polygon(var(--hud-chamfer) 0,calc(100% - var(--hud-chamfer)) 0,100% var(--hud-chamfer),100% calc(100% - var(--hud-chamfer)),calc(100% - var(--hud-chamfer)) 100%,var(--hud-chamfer) 100%,0 calc(100% - var(--hud-chamfer)),0 var(--hud-chamfer));background:linear-gradient(115deg,rgba(0,229,255,.16),transparent 38%,rgba(255,45,138,.12)),linear-gradient(180deg,#0a14208c,#02060cc7),url(/ui/root_circuit_plate.webp) center / cover no-repeat;box-shadow:inset 0 1px #c8faff38,inset 0 -10px 22px #00284659,0 0 0 1px #00507873,0 8px 22px #00000073,0 0 22px #00e5ff2e,0 0 32px #ff2d8a1a;overflow:hidden;transform-origin:center center;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.xp-seal:hover{transform:translateY(-1px) scale(1.015);border-color:#00f5ffc7;box-shadow:inset 0 1px #dcffff47,inset 0 -10px 22px #0028464d,0 0 0 1px #0078a066,0 10px 26px #0000007a,0 0 36px #00e5ff52,0 0 52px #ff2d8a33}.xp-seal.is-ticking{animation:xpSealSpark .72s var(--ease-out)}.xp-seal-aura{position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;z-index:0;pointer-events:none;background:radial-gradient(circle at 28% 40%,rgba(0,229,255,.42),transparent 46%),radial-gradient(circle at 78% 70%,rgba(0,180,255,.16),transparent 42%);animation:xpAuraCyan 3.2s var(--ease-in-out) infinite}.xp-seal-aura--magenta{top:-34%;right:-34%;bottom:-34%;left:-34%;background:radial-gradient(circle at 72% 30%,rgba(255,45,138,.34),transparent 44%),radial-gradient(circle at 40% 88%,rgba(180,77,255,.18),transparent 40%);animation:xpAuraMagenta 4.1s var(--ease-in-out) infinite;mix-blend-mode:screen}.xp-seal-plate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background:linear-gradient(180deg,rgba(0,20,40,.15),transparent 40%),url(/ui/root_circuit_plate.webp) 55% 40% / 140% auto no-repeat;mix-blend-mode:soft-light}.xp-seal-flicker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 11px,rgba(0,229,255,.04) 11px,rgba(0,229,255,.04) 12px),linear-gradient(180deg,rgba(0,229,255,.06),transparent 30%,transparent 70%,rgba(255,45,138,.05));opacity:.55;animation:xpCircuitFlicker 2.8s steps(2,end) infinite;mix-blend-mode:soft-light}.xp-seal-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 0%,transparent 36%,rgba(180,250,255,.06) 46%,rgba(255,255,255,.22) 50%,rgba(255,120,200,.08) 54%,transparent 64%,transparent 100%);background-size:220% 100%;animation:xpSheenSweep 4.8s var(--ease-in-out) infinite;mix-blend-mode:soft-light}.xp-seal-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.xp-seal-sparks i{position:absolute;width:3px;height:3px;border-radius:50%;background:#dffcff;box-shadow:0 0 8px var(--xp-cyan),0 0 14px #ff2d8ab3;opacity:0;animation:xpSparkFloat 3.6s var(--ease-out) infinite}.xp-seal-sparks i:nth-child(1){left:18%;bottom:28%;animation-delay:0s}.xp-seal-sparks i:nth-child(2){left:58%;bottom:36%;width:2px;height:2px;background:#ff9ad0;animation-delay:1.1s}.xp-seal-sparks i:nth-child(3){left:82%;bottom:42%;animation-delay:2.2s}.xp-seal-core{position:relative;z-index:4;display:flex;align-items:center;gap:.45rem}.xp-seal-icon{flex:0 0 auto;width:1.55rem;height:1.55rem;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.35),transparent 42%),radial-gradient(circle at 50% 50%,#00283ca6,#0000008c);box-shadow:0 0 0 1px #00e5ffa6,0 0 12px #00e5ff80,0 0 18px #ff2d8a3d,inset 0 0 8px #00000059;animation:xpIconPulse 2.8s var(--ease-in-out) infinite}.xp-seal-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.15) contrast(1.05)}.xp-seal-label{flex:1 1 auto;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0}.xp-seal-kicker{color:#9ec8d8;font:700 .52rem/1 var(--font-display);letter-spacing:.14em;text-shadow:0 0 8px rgba(0,229,255,.45),0 0 16px rgba(0,229,255,.2);animation:xpKickerBreath 3.4s var(--ease-in-out) infinite}.xp-seal-value{color:#e8ffff;font:700 .62rem/1 var(--font-display);letter-spacing:.06em;background:linear-gradient(90deg,#b8fbff,#fff 42%,#ff9ad4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(0,229,255,.55));white-space:nowrap}.xp-seal-value.is-ticking,.xp-seal.is-ticking .xp-seal-value{animation:xpValuePop .72s var(--ease-out)}.xp-track{position:relative;z-index:4;height:7px;margin-top:.28rem;flex:0 0 auto;overflow:hidden;border:1px solid rgba(0,229,255,.38);border-radius:1px;background:linear-gradient(180deg,#001e32d9,#020509f2),#020509;box-shadow:inset 0 1px 3px #000000a6,0 0 12px #00e5ff1f}.xp-track-ticks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(0,229,255,.22) calc(10% - 1px),rgba(0,229,255,.22) 10%);opacity:.55;mix-blend-mode:screen}.xp-track-charge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,229,255,.08),transparent 30%,rgba(255,45,138,.07)),radial-gradient(ellipse at 8% 50%,rgba(0,229,255,.28),transparent 42%);animation:xpTroughBreathe 2.6s var(--ease-in-out) infinite}.xp-fill{position:relative;z-index:2;display:block;min-width:10px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 45%),linear-gradient(90deg,var(--xp-cyan) 0%,#5ef0ff 28%,var(--xp-magenta) 68%,var(--xp-violet) 100%),url(/ui/xp_energy_fill.webp) left center / auto 220% no-repeat;background-blend-mode:soft-light,normal,overlay;box-shadow:0 0 10px #00e5ffbf,0 0 18px #ff2d8a73,inset 0 0 6px #ffffff59;animation:xpFillGlow 2.4s var(--ease-in-out) infinite;transition:width var(--dur-slow) var(--ease-out)}.xp-fill-plasma{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/ui/xp_energy_fill.webp) 0 50% / 180% 280% no-repeat;opacity:.55;mix-blend-mode:screen;animation:xpPlasmaDrift 3.8s linear infinite}.xp-fill-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%,transparent 100%);background-size:220% 100%;animation:xpFillShimmer 2.2s var(--ease-in-out) infinite;mix-blend-mode:soft-light}.xp-fill-tip{position:absolute;top:-2px;right:-1px;bottom:-2px;width:8px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0%,rgba(0,229,255,.7) 35%,rgba(255,45,138,.35) 65%,transparent 78%);filter:blur(.4px);animation:xpTipPulse 1.4s var(--ease-in-out) infinite;box-shadow:0 0 10px #00e5ffe6,0 0 16px #ff2d8a8c}@keyframes xpAuraCyan{0%,to{opacity:.45;transform:scale(1) translate(0)}50%{opacity:.95;transform:scale(1.08) translate(2%,-1%)}}@keyframes xpAuraMagenta{0%,to{opacity:.35;transform:scale(1.05) translate(0)}50%{opacity:.85;transform:scale(.92) translate(-2%,2%)}}@keyframes xpCircuitFlicker{0%,to{opacity:.4}40%{opacity:.7}42%{opacity:.28}55%{opacity:.65}57%{opacity:.35}80%{opacity:.55}}@keyframes xpSheenSweep{0%,16%{background-position:130% 0;opacity:.3}48%{background-position:-30% 0;opacity:.9}72%,to{background-position:-30% 0;opacity:.22}}@keyframes xpSparkFloat{0%{opacity:0;transform:translateY(6px) scale(.5)}18%{opacity:1}55%{opacity:.75;transform:translate(3px,-14px) scale(1)}to{opacity:0;transform:translate(-2px,-28px) scale(.35)}}@keyframes xpIconPulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #00e5ffa6,0 0 14px #00e5ff8c,0 0 22px #ff2d8a47,inset 0 0 8px #00000059}50%{transform:scale(1.06);box-shadow:0 0 0 1px #00f5ffd9,0 0 20px #00e5ffcc,0 0 32px #ff2d8a73,inset 0 0 8px #0000004d}}@keyframes xpKickerBreath{0%,to{opacity:.82;letter-spacing:.14em}50%{opacity:1;letter-spacing:.16em}}@keyframes xpValuePop{0%{transform:scale(1);filter:drop-shadow(0 0 6px rgba(0,229,255,.55))}35%{transform:scale(1.18);filter:drop-shadow(0 0 14px rgba(255,45,138,.95))}to{transform:scale(1);filter:drop-shadow(0 0 6px rgba(0,229,255,.55))}}@keyframes xpSealSpark{0%{box-shadow:inset 0 1px #c8faff38,0 0 28px #00e5ff38,0 0 42px #ff2d8a1f}40%{box-shadow:inset 0 1px #fff6,0 0 40px #00e5ff8c,0 0 64px #ff2d8a66}to{box-shadow:inset 0 1px #c8faff38,0 0 28px #00e5ff38,0 0 42px #ff2d8a1f}}@keyframes xpTroughBreathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes xpFillGlow{0%,to{box-shadow:0 0 10px #00e5ffbf,0 0 18px #ff2d8a73,inset 0 0 6px #ffffff59;filter:brightness(1)}50%{box-shadow:0 0 16px #00e5fff2,0 0 28px #ff2d8ab3,inset 0 0 8px #ffffff80;filter:brightness(1.12)}}@keyframes xpPlasmaDrift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes xpFillShimmer{0%,12%{background-position:130% 0;opacity:.35}45%{background-position:-30% 0;opacity:.95}70%,to{background-position:-30% 0;opacity:.25}}@keyframes xpTipPulse{0%,to{opacity:.7;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1.15)}}@media(prefers-reduced-motion:reduce){.xp-seal,.xp-seal:hover{transform:none}.xp-seal-aura,.xp-seal-aura--magenta,.xp-seal-flicker,.xp-seal-sheen,.xp-seal-sparks i,.xp-seal-icon,.xp-seal-kicker,.xp-seal-value.is-ticking,.xp-seal.is-ticking,.xp-seal.is-ticking .xp-seal-value,.xp-track-charge,.xp-fill,.xp-fill-plasma,.xp-fill-shimmer,.xp-fill-tip{animation:none!important}.xp-seal-aura,.xp-seal-aura--magenta{opacity:.55}.xp-seal-flicker,.xp-seal-sheen,.xp-seal-sparks{opacity:.25}.xp-fill{filter:none}}.sap-seal{--sap-gold: #ffd246;--sap-amber: #ffb020;--sap-deep: #7a3b00;--sap-resin: #c46a08;position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:.4rem;box-sizing:border-box;width:clamp(148px,15vw,198px);height:var(--hud-h);min-height:var(--hud-h);max-height:var(--hud-h);min-width:0;padding:.32rem .4rem .32rem .5rem;border:1px solid rgba(255,210,70,.55);clip-path:polygon(var(--hud-chamfer) 0,calc(100% - var(--hud-chamfer)) 0,100% var(--hud-chamfer),100% calc(100% - var(--hud-chamfer)),calc(100% - var(--hud-chamfer)) 100%,var(--hud-chamfer) 100%,0 calc(100% - var(--hud-chamfer)),0 var(--hud-chamfer));background:linear-gradient(160deg,rgba(255,220,140,.18),transparent 42%),linear-gradient(180deg,#1c10048c,#080401c7),url(/ui/sap_gold_texture.webp) center / cover no-repeat;color:#ffe9b0;box-shadow:inset 0 1px #ffecb459,inset 0 -8px 18px #501e0073,0 0 0 1px #7a3b008c,0 8px 22px #00000073,0 0 22px #ffb02029;overflow:hidden;transform-origin:center center;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.sap-seal:hover{transform:translateY(-1px) scale(1.02);border-color:#ffe6a0bf;box-shadow:inset 0 1px #fff6d26b,inset 0 -8px 18px #501e0066,0 0 0 1px #a05a0a80,0 10px 26px #0000007a,0 0 36px #ffb02047}.sap-seal-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 35%,rgba(255,210,70,.38),transparent 48%),radial-gradient(circle at 72% 88%,rgba(196,106,8,.22),transparent 44%),radial-gradient(circle at 28% 70%,rgba(255,176,32,.12),transparent 40%);animation:sapGlowPulse 3.6s var(--ease-in-out) infinite}.sap-seal-swirl{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:0;pointer-events:none;opacity:.42;background:conic-gradient(from 210deg at 48% 42%,transparent 0deg,rgba(255,220,140,.18) 40deg,transparent 90deg,rgba(255,176,32,.14) 160deg,transparent 220deg,rgba(255,236,180,.12) 290deg,transparent 360deg);mix-blend-mode:soft-light;animation:sapSwirl 14s linear infinite}.sap-seal-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 0%,transparent 38%,rgba(255,248,220,.08) 46%,rgba(255,236,180,.28) 50%,rgba(255,248,220,.08) 54%,transparent 62%,transparent 100%);background-size:220% 100%;animation:sapSheenSweep 5.5s var(--ease-in-out) infinite;mix-blend-mode:soft-light}.sap-seal-plate{position:absolute;top:50%;left:.32rem;right:auto;width:1.35rem;height:1.35rem;z-index:2;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 42%),url(/ui/sap_seal_plate.webp) center / cover no-repeat;box-shadow:0 0 0 1px #ffd2468c,0 0 12px #ffb02066,inset 0 0 8px #00000059;animation:sapGemSpin 12s linear infinite}.sap-seal-glint{position:absolute;top:calc(50% - .42rem);left:.48rem;right:auto;width:.42rem;height:.42rem;z-index:3;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,236,180,.4) 42%,transparent 72%);filter:blur(.2px);animation:sapGemGlint 3.2s var(--ease-in-out) infinite}.sap-seal-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.sap-seal-sparks i{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff8dc 0%,var(--sap-gold) 45%,transparent 75%);box-shadow:0 0 6px #ffd246d9;opacity:0;animation:sapSparkFloat 4.8s var(--ease-in-out) infinite}.sap-seal-sparks i:nth-child(1){left:22%;bottom:28%;animation-delay:0s}.sap-seal-sparks i:nth-child(2){left:48%;bottom:36%;width:2px;height:2px;animation-delay:1.6s;animation-duration:5.4s}.sap-seal-sparks i:nth-child(3){left:68%;bottom:42%;width:2.5px;height:2.5px;animation-delay:3.1s;animation-duration:5s}.sap-seal-drip{position:absolute;left:18%;bottom:-.15rem;width:.55rem;height:1.1rem;z-index:2;pointer-events:none;border-radius:40% 40% 55% 55%;background:linear-gradient(180deg,rgba(255,236,180,.95),var(--sap-amber) 55%,var(--sap-deep));box-shadow:0 0 10px #ffb0208c;opacity:.85;transform-origin:50% 0%;animation:sapDrip 2.8s var(--ease-in-out) infinite}.sap-seal-drip--late{left:28%;width:.32rem;height:.7rem;opacity:.55;filter:brightness(1.05);animation:sapDripLate 3.6s var(--ease-in-out) infinite;animation-delay:.9s}.sap-seal-core{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker kicker" "value level";align-content:center;align-items:end;column-gap:.35rem;row-gap:.1rem;padding-left:1.55rem;padding-right:0;min-width:0}.sap-seal-kicker{grid-area:kicker;font:800 .46rem/1 var(--font-display);letter-spacing:.16em;color:#ffe9a8;text-shadow:0 0 10px rgba(255,176,32,.55);animation:sapKickerBreath 4.2s var(--ease-in-out) infinite}.sap-seal-value{grid-area:value;font:800 1rem/1 var(--font-display);letter-spacing:.04em;color:#fff6d0;text-shadow:0 0 12px rgba(255,210,70,.65),0 1px 0 rgba(90,40,0,.8);background:linear-gradient(180deg,#fff8dc,#ffd246 45%,#ff9a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,176,32,.45));transform-origin:left center;display:inline-block;min-width:0}.sap-seal-value.is-ticking,.sap-seal.is-ticking .sap-seal-value{animation:sapValueTick .48s var(--ease-out)}.sap-seal-level{grid-area:level;display:inline-flex;align-items:center;gap:.28rem;font:600 .46rem/1 var(--font-display);letter-spacing:.1em;color:#e0c078;padding-bottom:.12rem;white-space:nowrap}.sap-seal-level i{width:.4rem;height:.4rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff6d0,var(--sap-amber) 55%,var(--sap-deep));box-shadow:0 0 8px #ffb020b3;animation:sapLevelDot 2.4s var(--ease-in-out) infinite}.sap-seal-tap{position:relative;z-index:3;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;width:3.1rem;min-width:3.1rem;align-self:stretch;margin:0;padding:.2rem .18rem;border:1px solid rgba(255,210,70,.45);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%);background:linear-gradient(180deg,#ffd24638,#5a280073),url(/ui/sap_gold_texture.webp) center / cover no-repeat;color:#fff1c2;font:800 .4rem/1.15 var(--font-display);letter-spacing:.08em;text-align:center;cursor:pointer;white-space:normal;box-shadow:inset 0 1px #fff3,0 0 12px #ffb02026;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.sap-seal-tap-gem{width:.4rem;height:.4rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#ffd246 50%,#a85a00);box-shadow:0 0 6px #ffd246cc;animation:sapTapGemPulse 2.6s var(--ease-in-out) infinite}.sap-seal-tap:hover{border-color:#ffecb4d9;filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 0 18px #ffb02059}.sap-seal-tap:focus-visible{outline:2px solid rgba(255,210,70,.85);outline-offset:2px}.sap-seal-tap.on,.sap-seal.is-infinite .sap-seal-tap{border-color:#ffd246e6;background:linear-gradient(180deg,#ffd24666,#ff781459),url(/ui/sap_gold_texture.webp) center / cover no-repeat;box-shadow:inset 0 1px #ffffff59,0 0 20px #ffb02073;animation:sapWellOpenPulse 2.4s var(--ease-in-out) infinite}.sap-seal.is-infinite{border-color:#ffdc8cd9;box-shadow:inset 0 1px #fff6d273,inset 0 -8px 20px #78320066,0 0 0 1px #ffb02059,0 0 36px #ffb02059,0 10px 24px #00000073;animation:sapInfiniteAura 2.8s var(--ease-in-out) infinite}.sap-seal.is-infinite .sap-seal-glow{animation-duration:2.2s}.sap-seal.is-infinite .sap-seal-sheen{animation-duration:3.2s;opacity:1}.sap-seal.is-infinite .sap-seal-swirl{animation-duration:9s;opacity:.58}.sap-seal.is-infinite .sap-seal-plate{animation-duration:8s;box-shadow:0 0 0 1px #ffe6a0bf,0 0 22px #ffb020b3,inset 0 0 8px #0000004d}.sap-seal.is-infinite .sap-seal-value{animation:sapInfiniteShimmer 2.2s var(--ease-in-out) infinite}.sap-seal.is-infinite .sap-seal-drip{opacity:1;animation-duration:1.6s}.sap-seal.is-infinite .sap-seal-drip--late{animation-duration:2.1s;opacity:.8}.sap-seal.is-infinite .sap-seal-sparks i{animation-duration:3.2s}@keyframes sapGlowPulse{0%,to{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes sapSwirl{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.04)}}@keyframes sapSheenSweep{0%,18%{background-position:130% 0;opacity:.35}48%{background-position:-30% 0;opacity:.85}70%,to{background-position:-30% 0;opacity:.25}}@keyframes sapGemSpin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes sapGemGlint{0%,to{opacity:.35;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}55%{opacity:.55;transform:scale(.95)}}@keyframes sapSparkFloat{0%{opacity:0;transform:translateY(8px) scale(.6)}18%{opacity:.95}55%{opacity:.7;transform:translate(4px,-18px) scale(1)}to{opacity:0;transform:translate(-2px,-34px) scale(.4)}}@keyframes sapDrip{0%,to{transform:translateY(0) scaleY(1) scaleX(1);opacity:.75}35%{transform:translateY(2px) scaleY(1.18) scaleX(.92);opacity:1}55%{transform:translateY(5px) scaleY(1.28) scaleX(.88);opacity:.95}72%{transform:translateY(2px) scaleY(.92) scaleX(1.05);opacity:.85}}@keyframes sapDripLate{0%,to{transform:translateY(0) scaleY(1);opacity:.35}40%{transform:translateY(4px) scaleY(1.25);opacity:.75}65%{transform:translateY(7px) scaleY(1.35);opacity:.55}80%{transform:translateY(2px) scaleY(.9);opacity:.4}}@keyframes sapKickerBreath{0%,to{opacity:.82;letter-spacing:.18em}50%{opacity:1;letter-spacing:.2em}}@keyframes sapLevelDot{0%,to{transform:scale(1);box-shadow:0 0 8px #ffb020b3}50%{transform:scale(1.2);box-shadow:0 0 12px #ffd246f2}}@keyframes sapTapGemPulse{0%,to{transform:scale(1);box-shadow:0 0 6px #ffd246cc}50%{transform:scale(1.15);box-shadow:0 0 10px #ffecb4}}@keyframes sapValueTick{0%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,176,32,.45))}35%{transform:scale(1.08) translateY(-1px);filter:drop-shadow(0 0 14px rgba(255,220,140,.9))}to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,176,32,.45))}}@keyframes sapInfiniteShimmer{0%,to{filter:drop-shadow(0 0 8px rgba(255,176,32,.45))}50%{filter:drop-shadow(0 0 18px rgba(255,230,160,.95))}}@keyframes sapInfiniteAura{0%,to{box-shadow:inset 0 1px #fff6d273,inset 0 -8px 20px #78320066,0 0 0 1px #ffb02059,0 0 32px #ffb0204d,0 10px 24px #00000073}50%{box-shadow:inset 0 1px #fff8dc8c,inset 0 -8px 22px #8c3c0059,0 0 0 1px #ffd24680,0 0 48px #ffb02080,0 12px 28px #00000073}}@keyframes sapWellOpenPulse{0%,to{box-shadow:inset 0 1px #ffffff59,0 0 18px #ffb02066}50%{box-shadow:inset 0 1px #ffffff73,0 0 26px #ffd246a6}}@media(prefers-reduced-motion:reduce){.sap-seal,.sap-seal:hover,.sap-seal-tap:hover{transform:none}.sap-seal-glow,.sap-seal-swirl,.sap-seal-sheen,.sap-seal-plate,.sap-seal-glint,.sap-seal-sparks i,.sap-seal-drip,.sap-seal-kicker,.sap-seal-level i,.sap-seal-tap-gem,.sap-seal-tap.on,.sap-seal.is-infinite,.sap-seal.is-infinite .sap-seal-tap,.sap-seal.is-infinite .sap-seal-value,.sap-seal-value.is-ticking,.sap-seal.is-ticking .sap-seal-value{animation:none!important}.sap-seal-swirl,.sap-seal-sheen,.sap-seal-sparks{opacity:.25}.sap-seal-plate{transform:translateY(-50%)}}.radio-widget{position:relative;flex:1 1 auto;width:100%;min-width:220px;max-width:520px;height:var(--hud-h);margin:0;z-index:2;isolation:isolate}.radio-widget-texture{position:absolute;top:1px;right:2px;bottom:1px;left:2px;z-index:0;pointer-events:none;clip-path:polygon(var(--hud-chamfer) 0,calc(100% - var(--hud-chamfer)) 0,100% var(--hud-chamfer),100% calc(100% - var(--hud-chamfer)),calc(100% - var(--hud-chamfer)) 100%,var(--hud-chamfer) 100%,0 calc(100% - var(--hud-chamfer)),0 var(--hud-chamfer));background:linear-gradient(90deg,rgba(0,229,255,.14),transparent 30% 70%,rgba(255,45,138,.12)),linear-gradient(180deg,#060a1059,#04080c8c),var(--tex-panel) center / cover no-repeat;opacity:.92;mix-blend-mode:soft-light}.radio-widget-texture:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 1px,rgba(0,229,255,.04) 1px,rgba(0,229,255,.04) 2px),radial-gradient(ellipse 80% 120% at 20% 50%,rgba(0,229,255,.08),transparent 55%),radial-gradient(ellipse 70% 120% at 85% 50%,rgba(255,45,138,.07),transparent 50%);opacity:.85}.radio-widget-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;filter:drop-shadow(0 0 8px rgba(0,229,255,.12))}.radio-widget-body{position:relative;z-index:2;display:flex;align-items:center;gap:.5rem;height:100%;min-height:var(--hud-h);padding:0 .7rem 0 .45rem}.radio-art{flex:0 0 auto;width:32px;height:32px;border-radius:3px;overflow:hidden;border:1px solid rgba(0,229,255,.4);box-shadow:inset 0 0 0 1px #ff2d8a2e,0 0 8px #00e5ff1f;background:linear-gradient(135deg,#00e5ff1f,#ff2d8a1a),#040a0ee6;display:grid;place-items:center}.radio-art img{display:block;width:100%;height:100%;object-fit:cover}.radio-art.is-playing{animation:radio-art-pulse 3.6s ease-in-out infinite}.radio-art.is-placeholder{border-color:#00e5ff47}.radio-art-mark{width:8px;height:8px;border:1px solid rgba(0,229,255,.55);background:#00e5ff2e;transform:rotate(45deg)}@keyframes radio-art-pulse{0%,to{box-shadow:inset 0 0 0 1px #ff2d8a2e,0 0 8px #00e5ff1f}50%{box-shadow:inset 0 0 0 1px #ff2d8a52,0 0 12px #00e5ff38}}@media(prefers-reduced-motion:reduce){.radio-art.is-playing{animation:none}}.radio-play{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.55);border-radius:2px;background:linear-gradient(180deg,#00e5ff47,#00e5ff0f),#040a0ed9;color:#e8fbff;cursor:pointer;padding:0;box-shadow:inset 0 1px #ffffff1f,0 0 10px #00000059;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.radio-play svg{width:13px;height:13px;fill:currentColor}.radio-play:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 10px #00e5ff38}.radio-play.is-on{border-color:#ff2d8a8c;background:linear-gradient(180deg,#ff2d8a33,#00e5ff0f);color:#ffe0ef}.radio-play:disabled{opacity:.4;cursor:not-allowed}.radio-now{flex:1 1 120px;min-width:0;max-width:160px;display:flex;flex-direction:column;justify-content:center;gap:.12rem;min-height:28px}.radio-now-title,.radio-now-artist{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-now-title{font:600 .68rem/1.15 var(--font-display);letter-spacing:.03em;color:#eef8fc}.radio-now-artist{font:500 .55rem/1.1 var(--font);letter-spacing:.02em;color:#7a93a3}.radio-playlist{flex:0 1 140px;min-width:100px;max-width:160px;display:flex;align-items:center}.radio-playlist select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid rgba(0,229,255,.35);border-radius:2px;color:#c5dde8;font:600 .58rem/1 var(--font-display);letter-spacing:.04em;height:28px;padding:0 1.35rem 0 .45rem;cursor:pointer;background-color:#040a0ec7;background-image:linear-gradient(180deg,#08101659,#02060a8c),url(/ui/radio_panel_texture.webp),linear-gradient(45deg,transparent 50%,#00e5ff 50%),linear-gradient(135deg,#00e5ff 50%,transparent 50%);background-position:center,center,calc(100% - 11px) calc(50% - 1.5px),calc(100% - 7px) calc(50% - 1.5px);background-size:auto,cover,4px 4px,4px 4px;background-repeat:no-repeat;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #00000059;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.radio-playlist select:hover:not(:disabled){border-color:#00e5ff80;color:#dffcff}.radio-playlist select:focus{outline:none;border-color:var(--magenta);color:#dffcff}.radio-playlist select:disabled{opacity:.55;cursor:not-allowed}.radio-playlist select option{background:#071018;color:#dffcff}.radio-spatial{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.28);border-radius:2px;background:transparent;color:#9bb8c4;padding:0;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.radio-spatial svg{width:14px;height:14px;fill:currentColor}.radio-spatial:hover{border-color:#00e5ff80;color:var(--cyan)}.radio-spatial.is-muted{border-color:#ff2d8a59;color:#ff9ec4;opacity:.72}.radio-vol{flex:0 0 auto;display:flex;align-items:center;gap:.35rem;height:28px}.radio-mute{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.22);border-radius:2px;background:transparent;color:#8ba4b0;padding:0;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.radio-mute svg{width:14px;height:14px;fill:currentColor}.radio-mute:hover{border-color:#00e5ff73;color:var(--cyan)}.radio-mute.is-muted{border-color:#ff2d8a66;color:#ff9ec4}.radio-vol input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:56px;height:3px;border-radius:1px;background:linear-gradient(90deg,#00e5ff8c,#ff2d8a59);outline:none;cursor:pointer}.radio-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:1px;border:1px solid #00e5ff;background:#0a1218;box-shadow:0 0 0 1px #00e5ff40;cursor:pointer}.radio-vol input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:1px;border:1px solid #00e5ff;background:#0a1218;cursor:pointer}.radio-vol input[type=range]::-moz-range-track{height:3px;border-radius:1px;background:linear-gradient(90deg,#00e5ff8c,#ff2d8a59)}.radio-brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:#6d8494;max-width:7.5rem;transition:color var(--dur-fast) var(--ease-out)}.radio-brand-mark{width:6px;height:6px;flex-shrink:0;border:1px solid rgba(0,229,255,.55);background:#00e5ff33;transform:rotate(45deg)}.radio-brand-text{font:600 .5rem/1 var(--font-display);letter-spacing:.1em;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-brand:hover{color:var(--cyan)}.radio-brand:hover .radio-brand-mark{border-color:var(--cyan);background:#00e5ff59}@media(max-width:1100px){.radio-widget{max-width:380px}.radio-now{max-width:120px}.radio-playlist{max-width:120px;min-width:88px}.radio-vol input[type=range]{width:40px}.radio-brand-text{display:none}.xp-seal,.sap-seal{width:clamp(132px,18vw,168px)}}@media(max-width:820px){.topbar{flex-wrap:wrap;row-gap:.45rem}.topbar-brand{flex:0 1 auto}.topbar-vitals{margin-left:0}.topbar-actions{margin-left:auto}.topbar-audio{order:5;flex:1 1 100%;justify-content:stretch}.radio-widget{max-width:none;min-width:0}.radio-now{max-width:none}}.story-shell{margin:0 auto;max-width:1100px;width:100%;height:100%;min-height:0;padding:0;overflow:auto}.story-hero-plate{position:relative;min-height:clamp(200px,28vh,320px);padding:1.25rem 1.2rem 1.4rem;background:linear-gradient(180deg,#02060a40,#02060aeb),var(--story-hero) center / cover no-repeat}.story-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 40%,rgba(0,229,255,.12),transparent 55%),linear-gradient(90deg,rgba(2,6,10,.55),transparent 45%);pointer-events:none}.story-heading{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.story-lede{max-width:62ch;margin:.4rem 0 0;color:#c5d8e2;font-size:.92rem;line-height:1.45;text-shadow:0 1px 12px rgba(0,0,0,.8)}.story-heading-actions{display:flex;flex-wrap:wrap;gap:.45rem;align-items:flex-start}.chronicle-map{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 1.2rem 1.4rem}.chronicle-act-header{position:relative;display:block;min-height:clamp(120px,18vw,168px);overflow:hidden;border:1px solid rgba(0,229,255,.28)}.chronicle-act-art{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--act-art) center / cover no-repeat;min-height:100%;pointer-events:none}.chronicle-act-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#02060ae0 8%,#02060a8c 48%,#02060ab8),linear-gradient(180deg,rgba(0,229,255,.08),transparent 40%,rgba(255,45,138,.1));pointer-events:none}.chronicle-act-copy{position:relative;z-index:1;padding:.9rem 1rem;max-width:52ch}.chronicle-act-copy small{color:var(--cyan);letter-spacing:.14em;font:600 .62rem/1 var(--font-display);text-shadow:0 1px 10px rgba(0,0,0,.85)}.chronicle-act-copy h4{margin:.25rem 0;font:600 1.15rem/1.2 var(--font-display);text-shadow:0 1px 12px rgba(0,0,0,.9)}.chronicle-act-copy p{margin:0;color:#c0d2dc;font-size:.88rem;text-shadow:0 1px 8px rgba(0,0,0,.85)}.chronicle-nodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.55rem;margin-top:.75rem}.chronicle-node{position:relative;display:flex;flex-direction:column;min-height:148px;padding:0;text-align:left;border:1px solid rgba(0,229,255,.28);background:linear-gradient(180deg,#040a10b8,#040a10e6),var(--tex-panel) center bottom / cover no-repeat,#040a10e0;color:#d7e6ee;cursor:pointer;overflow:hidden}.chronicle-node-art{display:block;height:72px;background:linear-gradient(180deg,transparent 20%,rgba(2,6,10,.92)),var(--node-art) center / cover no-repeat}.chronicle-node-body{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .65rem .65rem;background:linear-gradient(180deg,#02060a59,#02060ab8),var(--tex-metal-wash)}.chronicle-node strong{color:var(--cyan);font:600 .7rem/1 var(--font-display);letter-spacing:.12em}.chronicle-node-body>span{font-weight:600;font-size:.9rem}.chronicle-node small{color:#7f95a2;font-size:.72rem}.chronicle-node em{margin-top:.25rem;font-style:normal;font:600 .58rem/1 var(--font-display);letter-spacing:.12em;color:var(--magenta)}.chronicle-node.cleared em{color:#7dffb3}.chronicle-node.locked{opacity:.42;cursor:not-allowed}.chronicle-node.unlocked:not(:disabled):hover{border-color:#00e5ffb3;box-shadow:0 0 18px #00e5ff1f}.story-briefing{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(240px,1fr);gap:0;min-height:280px;margin:0 1.2rem 1.4rem;border:1px solid rgba(0,229,255,.28);overflow:hidden;background:var(--tex-metal-wash),var(--tex-metal) center / cover no-repeat}.story-briefing-art{min-height:280px;background:linear-gradient(90deg,transparent 40%,rgba(2,6,10,.88)),var(--brief-art) center / cover no-repeat}.story-briefing-copy{padding:1rem 1.1rem;background:linear-gradient(180deg,#02060ac7,#02060aeb),var(--tex-panel) center / cover no-repeat,#02060af0}.story-briefing-copy small{color:var(--magenta);letter-spacing:.12em;font:600 .65rem/1 var(--font-display)}.story-briefing-copy h4{margin:.35rem 0;font:600 1.35rem/1.15 var(--font-display)}.story-district{color:var(--cyan);margin:0 0 .75rem}.story-briefing .board-hint,.story-briefing .reward-line{color:#9eb4c0;font-size:.9rem}.story-briefing-actions{display:flex;gap:.6rem;margin-top:1rem}.story-victory{position:relative;display:grid;grid-template-columns:minmax(200px,1.05fr) minmax(260px,1fr);gap:0;min-height:320px;margin:0 1.2rem 1.4rem;border:1px solid rgba(255,210,70,.35);overflow:hidden;cursor:pointer;animation:storyVictoryIn .55s var(--ease-out) both;box-shadow:0 0 40px #00e5ff1f,inset 0 0 60px #ff2d8a0f}.story-victory-art{min-height:320px;background:linear-gradient(90deg,transparent 30%,rgba(2,6,10,.88)),radial-gradient(ellipse at 40% 45%,rgba(255,210,70,.18),transparent 60%),var(--brief-art) center / cover no-repeat;animation:storyVictoryArt 1.35s var(--ease-out) both}.story-victory-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.story-victory-burst span{position:absolute;width:8px;height:8px;border-radius:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:victorySpark .9s ease-out both}.story-victory-burst span:nth-child(1){left:22%;top:38%;background:#ffd246;box-shadow:0 0 14px #ffd246;animation-delay:.05s}.story-victory-burst span:nth-child(2){left:48%;top:28%;background:var(--magenta);box-shadow:0 0 14px var(--magenta);animation-delay:.12s}.story-victory-burst span:nth-child(3){left:70%;top:42%;animation-delay:.18s}.story-victory-burst span:nth-child(4){left:58%;top:62%;background:#ffd246;box-shadow:0 0 14px #ffd246;animation-delay:.24s}.story-victory-copy{position:relative;z-index:2;padding:1.15rem 1.2rem 1.25rem;background:linear-gradient(180deg,#02060ac7,#02060aeb),var(--tex-panel) center / cover no-repeat,#02060af5}.story-victory-copy small{color:#ffd246;letter-spacing:.16em;font:600 .65rem/1 var(--font-display)}.story-victory-kicker{margin:.35rem 0 0;font:700 clamp(1.6rem,4vw,2.2rem)/1 var(--font-display);letter-spacing:.08em;color:#fff6d6;text-shadow:0 0 24px rgba(255,210,70,.55),0 0 40px rgba(0,229,255,.25);animation:victoryKick .65s var(--ease-out) both}.story-victory-copy h4{margin:.35rem 0;font:600 1.2rem/1.15 var(--font-display)}.story-victory-epilogue{margin:.55rem 0 .85rem;color:#c5d8e2;font-size:.95rem;line-height:1.45;max-width:42ch}.story-victory-rewards{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem}.victory-chip{padding:.35rem .55rem;border:1px solid rgba(0,229,255,.35);background:linear-gradient(180deg,#00e5ff1f,#00e5ff0a),var(--tex-panel) center / cover no-repeat;color:#dffcff;font:600 .62rem/1 var(--font-display);letter-spacing:.08em;animation:victoryChipIn .5s var(--ease-out) both}.victory-chip:nth-child(2){animation-delay:.06s}.victory-chip:nth-child(3){animation-delay:.12s}.victory-chip:nth-child(4){animation-delay:.18s}.victory-chip:nth-child(5){animation-delay:.24s}.victory-chip.accent{border-color:#ff2d8a73;background:#ff2d8a1a;color:#ffd0e4}.victory-chip.grant{border-color:#ffd24673;background:#ffd2461a;color:#fff0b8}.story-victory-continue{display:block;margin-top:.55rem;color:#7e939d;font:600 .48rem/1 var(--font-display);letter-spacing:.14em;animation:continueHintPulse 1.8s ease-in-out infinite}@keyframes storyVictoryIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes storyVictoryArt{0%{filter:brightness(.4) saturate(.7);transform:scale(1.04)}to{filter:none;transform:none}}@keyframes victoryKick{0%{opacity:0;transform:scale(.92) translateY(6px);letter-spacing:.14em}to{opacity:1;transform:none;letter-spacing:.08em}}@keyframes victorySpark{0%{opacity:0;transform:translate(0) scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(var(--sx, 40px),var(--sy, -50px)) scale(.25)}}.story-victory-burst span:nth-child(1){--sx: -50px;--sy: -60px}.story-victory-burst span:nth-child(2){--sx: 30px;--sy: -70px}.story-victory-burst span:nth-child(3){--sx: 70px;--sy: -20px}.story-victory-burst span:nth-child(4){--sx: -20px;--sy: 40px}@keyframes victoryChipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:720px){.story-victory{grid-template-columns:1fr}.story-victory-art{min-height:140px}}@media(max-width:720px){.story-briefing{grid-template-columns:1fr}.story-briefing-art{min-height:140px}.chronicle-act-header{min-height:110px}}.pack-bay{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;padding:0 1.2rem 1.4rem}.pack-card{padding:.9rem;border:1px solid rgba(0,229,255,.28);background:#03080de6}.pack-card h4{margin:0 0 .4rem;font:600 1rem/1.2 var(--font-display)}.pack-card p{margin:0 0 .55rem;color:#9eb4c0;font-size:.88rem}.odds-line{font:600 .62rem/1.4 var(--font-display)!important;letter-spacing:.06em;color:#7dffb3!important}.pack-card-actions{display:flex;flex-wrap:wrap;gap:.45rem}.pack-card-actions a.btn{text-decoration:none}.pack-redeem{grid-column:1 / -1;padding:.9rem;border:1px dashed rgba(255,45,138,.35)}.pack-redeem label{display:block;margin-bottom:.4rem;font:600 .62rem/1 var(--font-display);letter-spacing:.12em;color:#8ba4b0}.pack-redeem-row{display:flex;flex-wrap:wrap;gap:.5rem}.pack-redeem input{flex:1;min-width:180px;padding:.55rem .7rem;border:1px solid rgba(0,229,255,.3);background:#020509;color:#e8f4fa}.airdrop-note{margin:.7rem 0 0;color:#8fa3af;font-size:.82rem}.story-back-map{position:absolute;top:.85rem;left:.85rem;z-index:5;padding:.4rem .65rem;border:1px solid rgba(0,229,255,.35);background:#02060ad1;color:#cfe8f2;font:600 .65rem/1 var(--font-display);letter-spacing:.1em;cursor:pointer}.sap-cost-seal,.airdrop-seal{position:absolute;right:.35rem;bottom:.35rem;padding:.15rem .35rem;font:600 .52rem/1 var(--font-display);letter-spacing:.08em;background:#000000b8;color:var(--cyan);border:1px solid rgba(0,229,255,.4);pointer-events:none}.airdrop-seal{right:auto;left:.35rem;bottom:1.55rem;color:var(--magenta);border-color:#ff2d8a73}.btn.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00e5ff33}.icon-seal,.refresh-seal{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-sizing:border-box;min-width:64px;min-height:46px;padding:.35rem .55rem;border:1px solid rgba(0,229,255,.38);clip-path:polygon(var(--hud-chamfer) 0,calc(100% - var(--hud-chamfer)) 0,100% var(--hud-chamfer),100% calc(100% - var(--hud-chamfer)),calc(100% - var(--hud-chamfer)) 100%,var(--hud-chamfer) 100%,0 calc(100% - var(--hud-chamfer)),0 var(--hud-chamfer));background:linear-gradient(145deg,#22313c8c,#080d13b3 40%,#101923a6),var(--tex-panel) center / cover no-repeat,var(--metal);color:#c9f8ff;cursor:pointer;font:700 .5rem/1 var(--font-display);letter-spacing:.12em;box-shadow:inset 0 1px #ffffff1a}.topbar .icon-seal{height:var(--hud-h);min-height:var(--hud-h);max-height:var(--hud-h)}.icon-seal img{width:23px;height:23px}.icon-seal:hover,.refresh-seal:hover:not(:disabled){border-color:var(--cyan);filter:brightness(1.2);box-shadow:0 0 18px #00e5ff40}.top-ornament{position:absolute;bottom:-2px;width:22%;height:5px;background:linear-gradient(90deg,var(--cyan),transparent);clip-path:polygon(0 0,92% 0,100% 100%,12% 100%);pointer-events:none}.top-ornament-left{left:0}.top-ornament-right{right:0;background:linear-gradient(270deg,var(--magenta),transparent);transform:scaleX(-1)}.hub-hero{min-height:0;height:100%}.hub-backdrop img{opacity:.33;filter:saturate(.8) contrast(1.18)}.hub-backdrop-veil{background:linear-gradient(180deg,#02050980,#020509d1 55%,#020509),repeating-linear-gradient(90deg,transparent 0 89px,rgba(0,229,255,.035) 90px),radial-gradient(ellipse 60% 48% at 50% 28%,rgba(0,229,255,.18),transparent 70%)}.hub-hero-content{max-width:1220px;padding-top:clamp(1rem,3vh,2.8rem);padding-bottom:max(1.5rem,calc(.85rem + env(safe-area-inset-bottom,0px)));position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;touch-action:pan-y}.hub-kicker{display:inline-block;padding:.42rem 1.25rem;border:1px solid rgba(0,229,255,.38);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:linear-gradient(90deg,#02080eb3,#02080ed9),var(--tex-panel) center / cover no-repeat,#02080ed6;font-family:var(--font-display)}.hub-kicker span{color:#f8fbff}.hub-title{max-width:min(760px,94vw);margin:clamp(.2rem,1vh,.7rem) auto 0;animation:none;background:none;-webkit-background-clip:unset;background-clip:unset;color:inherit;text-shadow:none}.hub-title img{display:block;width:100%;height:auto;max-height:clamp(110px,20vh,200px);object-fit:contain;margin-inline:auto}.hub-sub{margin-top:-.35rem;margin-bottom:clamp(1rem,2vh,1.7rem)}.hub-grid{grid-template-columns:repeat(5,1fr);gap:.75rem}.mode-sparring{--plate-accent: #7dffb3}.auth-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin-right:.35rem}.auth-bar-principal{font-size:.65rem;letter-spacing:.04em;opacity:.85;font-variant-numeric:tabular-nums}.auth-bar-btn{font-size:.68rem;padding:.25rem .55rem}.auth-bar-err{color:#ff7a90;font-size:.62rem;max-width:12rem}.pack-bay-head{grid-column:1 / -1;margin-bottom:.75rem}.pack-bay-kicker{margin:0;font-size:.62rem;letter-spacing:.16em;color:#7dffb3}.pack-bay-lede{margin:.35rem 0 .65rem;max-width:52rem;font-size:.88rem;opacity:.88}.pack-stripe-chain{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.65rem 0 .25rem}.pack-stripe-chain-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-right:.2rem}.pack-stripe-chain .btn.ghost.active{outline:1px solid rgba(0,229,255,.55);color:#dff}.collectors-bay{grid-column:1 / -1;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(125,255,179,.18)}.collectors-bay--pending{opacity:.9}.collectors-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.collectors-floors{margin:.35rem 0 0;font-size:.75rem;letter-spacing:.04em;color:#9fe}.collectors-err{color:#ff7a90;font-size:.78rem}.collectors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.85rem;margin-top:.75rem}.collectors-card{display:grid;grid-template-columns:5.5rem 1fr;gap:.65rem;align-items:start;padding:.55rem;background:linear-gradient(145deg,#081c18b8,#040c128c);border:1px solid rgba(125,255,179,.22)}.collectors-card img{width:5.5rem;height:7.2rem;object-fit:cover;display:block}.collectors-card h4{margin:0 0 .25rem;font-size:.92rem}.collectors-empty{grid-column:1 / -1;opacity:.75;font-size:.85rem}.collectors-migrate{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}.collectors-market{margin-top:.75rem}.collectors-list-form{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end;margin-bottom:.75rem}.collectors-list-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.collectors-list-form input{min-width:7rem;padding:.35rem .45rem;background:#00000059;border:1px solid rgba(125,255,179,.28);color:inherit}.collectors-listings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.collectors-listings li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;align-items:center;padding:.45rem .55rem;border:1px solid rgba(0,229,255,.18);font-size:.82rem}.collectors-listing-actions{display:flex;gap:.35rem}.collectors-odds-list{margin:.5rem 0;padding-left:1.1rem;font-size:.85rem}.collectors-verify{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-top:.75rem}.collectors-verify label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;text-transform:uppercase}.collectors-verify input{min-width:8rem;padding:.35rem .45rem;background:#00000059;border:1px solid rgba(125,255,179,.28);color:inherit}.collectors-receipt{margin-top:.75rem;padding:.65rem;border:1px solid rgba(125,255,179,.28);font-size:.8rem;font-family:ui-monospace,monospace}.pack-price-line{display:flex;flex-direction:column;gap:.2rem;margin:0 0 .65rem;color:#c8d8e0;font-size:.92rem}.pack-price-usd{font-weight:700;color:#e8f4f8;font-size:1.05rem}.pack-price-crypto{color:#9eb4c0;font-size:.86rem}.pack-fx-note{margin:0 0 .75rem;font-size:.78rem;color:#c9a227}.pack-fx-note.pack-fx-live{color:#7a9e8a}.pack-launch-lock{grid-column:1 / -1;margin:0 0 .35rem;padding:.55rem .65rem;border:1px solid rgba(0,229,255,.35);background:#00e5ff14;color:#b7e8f4;font-size:.72rem;line-height:1.4}.pack-card-actions--rails{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}@media(max-width:520px){.pack-card-actions--rails{grid-template-columns:1fr}}.mode-card{position:relative;display:grid;grid-template-columns:62px 1fr;gap:.8rem;min-height:190px;padding:1rem 1rem 2.25rem;overflow:hidden;border-radius:2px;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:linear-gradient(145deg,#24343f8c,#04080dd1 26%,#04080dd1 75%,#00e5ff14),var(--tex-metal) center / cover no-repeat,repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);box-shadow:inset 0 1px #ffffff21,inset 0 -2px #020306,0 20px 35px #00000061}.mode-card-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.44;filter:saturate(1.12) contrast(1.06);pointer-events:none;-webkit-mask-image:linear-gradient(125deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.55) 42%,transparent 78%);mask-image:linear-gradient(125deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.55) 42%,transparent 78%)}.mode-card>*:not(.mode-card-art){position:relative;z-index:1}.mode-card:before{position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid var(--plate-accent, var(--cyan));border-right:1px solid color-mix(in srgb,var(--plate-accent, var(--cyan)) 38%,transparent);content:"";pointer-events:none;z-index:2}.mode-practice{--plate-accent: var(--cyan)}.mode-ranked,.mode-siege{--plate-accent: var(--magenta)}.mode-collection{--plate-accent: #e8c56a}.mode-card .mode-glyph,.mode-card .mode-copy,.mode-card .mode-enter{position:relative;z-index:1}.mode-card .mode-enter{position:absolute}.mode-glyph{display:grid;width:64px;height:64px;place-items:center;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--plate-accent) 70%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--plate-accent) 18%,transparent),transparent 42%),#01060bd1;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);box-shadow:inset 0 0 18px color-mix(in srgb,var(--plate-accent) 18%,transparent)}.mode-glyph img{width:34px;height:34px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--plate-accent) 45%,transparent))}.mode-glyph-portrait{width:68px;height:68px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--plate-accent) 55%,transparent),0 0 16px color-mix(in srgb,var(--plate-accent) 22%,transparent)}.mode-glyph-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:none;display:block}.mode-copy small{color:var(--plate-accent);font:600 .58rem/1 var(--font-display);letter-spacing:.16em;text-shadow:0 1px 8px rgba(0,0,0,.75)}.mode-card h2{margin:.4rem 0 .5rem;font:700 clamp(1.05rem,1.5vw,1.35rem)/1.05 var(--font-display);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.85)}.mode-card p{color:#c8d7e0;font:500 .82rem/1.35 var(--font);text-shadow:0 1px 10px rgba(0,0,0,.8);max-width:28ch}.mode-enter{position:absolute;right:.8rem;bottom:.65rem;color:var(--plate-accent);font:700 .62rem/1 var(--font-display);letter-spacing:.14em;text-shadow:0 0 12px color-mix(in srgb,var(--plate-accent) 40%,transparent)}.mode-card:hover{border-color:var(--plate-accent);box-shadow:0 18px 48px #00000080,0 0 26px color-mix(in srgb,var(--plate-accent) 16%,transparent)}.bg-frame{position:relative}.bg-frame:before,.bg-frame:after{position:absolute;z-index:3;width:26px;height:26px;content:"";pointer-events:none}.bg-frame:before{top:-2px;left:-2px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.bg-frame:after{right:-2px;bottom:-2px;border-right:2px solid var(--magenta);border-bottom:2px solid var(--magenta)}.collection-shell{border:1px solid rgba(0,229,255,.18);border-radius:2px;background:linear-gradient(145deg,#102128c7,#050a0fd1 45%,#170b17d9),var(--tex-metal) center / cover no-repeat,linear-gradient(145deg,#102128,#050a0f 45%,#170b17)}.collection-panel,.foil-viewer{border-radius:2px}.collection-heading{justify-content:flex-start;min-height:88px;padding:.5rem .7rem .8rem;background:linear-gradient(90deg,rgba(0,229,255,.08),transparent 70%),var(--tex-panel-wash),var(--tex-panel) left center / cover no-repeat}.collection-heading>div{flex:1}.collection-crest{width:66px;height:66px;object-fit:contain}.collection-heading h3,.foil-meta h2{font-family:var(--font-display)}.foil-viewer{background:linear-gradient(90deg,transparent 49.8%,rgba(0,229,255,.08) 50%,transparent 50.2%),radial-gradient(circle at 20% 10%,rgba(0,229,255,.1),transparent 38%),var(--tex-panel-wash),var(--tex-panel) center / cover no-repeat,linear-gradient(145deg,#101b25fa,#02060afc)}.collector-card-stage{padding:.75rem;border:1px solid rgba(0,229,255,.14);background:linear-gradient(180deg,#0000002e,#00000059),var(--tex-panel) center / cover no-repeat,#00000038}.shop-dock{border-top:2px solid rgba(0,229,255,.38);background:linear-gradient(90deg,rgba(0,229,255,.08),transparent 24% 76%,rgba(255,45,138,.07)),linear-gradient(180deg,#172630b8,#060b10d1 38%,#020509e0),var(--tex-metal) center top / cover no-repeat,linear-gradient(180deg,#172630,#060b10 38%,#020509);box-shadow:inset 0 2px #ffffff14,0 -16px 40px #0000009e}.dock-title span{font-family:var(--font-display)}.dock-title .dock-index{margin:0 0 .2rem;color:var(--magenta)}.refresh-seal{min-height:38px}.refresh-seal img{width:21px;height:21px}.refresh-seal:disabled{opacity:.4;cursor:not-allowed}.shop-strip{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(0,229,255,.11);background:linear-gradient(180deg,rgba(0,0,0,.28),transparent)}.drawer-toggle.hologram-feed__toggle{min-height:0;border-bottom:0;clip-path:none;background:transparent}.drawer-toggle.hologram-feed__toggle>span{display:flex;align-items:center;gap:.35rem}.hologram-feed__glyph{color:var(--magenta);text-shadow:0 0 8px rgba(255,45,138,.7)}.banner{min-width:min(480px,80vw);padding:.62rem 3rem;border:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(90deg,transparent,rgba(0,229,255,.25) 12%,rgba(3,9,15,.96) 25% 75%,rgba(255,45,138,.24) 88%,transparent);font-family:var(--font-display)}.banner:before,.banner:after{position:absolute;top:50%;width:26%;height:2px;background:var(--cyan);content:"";box-shadow:0 0 12px var(--cyan)}.banner:before{left:0;transform:rotate(-5deg)}.banner:after{right:0;background:var(--magenta);box-shadow:0 0 12px var(--magenta);transform:rotate(-5deg)}.banner span{position:relative;z-index:1}.empty-board-callout{align-self:center;display:grid;min-width:220px;padding:.75rem 1.2rem;border:1px solid rgba(0,229,255,.24);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:repeating-linear-gradient(135deg,rgba(0,229,255,.035) 0 5px,transparent 5px 10px),#0105099e;text-align:center}.empty-board-callout strong{color:#c8f8ff;font:700 .62rem/1.2 var(--font-display);letter-spacing:.12em}.empty-board-callout small{margin-top:.35rem;color:var(--muted);font-size:.62rem}@media(max-width:980px){.hub-grid{grid-template-columns:repeat(3,1fr)}.xp-seal{display:none}}@media(max-height:720px){.hub-hero{justify-content:flex-start}}@media(max-width:620px){.topbar{--hud-h: 48px;min-height:calc(var(--hud-h) + 1rem);gap:.4rem}.brand-crest{width:40px;height:40px}.brand-wordmark{width:118px}.sap-seal{width:min(148px,42vw)}.sap-seal-level{display:none}.icon-seal{min-width:44px;padding:.25rem}.icon-seal span{display:none}.hub-hero{justify-content:flex-start}.hub-hero-content{padding-top:.85rem;padding-left:.85rem;padding-right:.85rem}.hub-grid{grid-template-columns:1fr}.mode-card{min-height:150px}.hub-kicker{font-size:.55rem}.collection-crest{width:50px;height:50px}}.arena-stage.has-webgl{background:transparent}.arena-stage.has-webgl .board-row{background:transparent;border-color:transparent;box-shadow:none}.arena-stage.has-webgl .stage-floor{display:none}.arena-stage.css-fallback{background:linear-gradient(180deg,#05081080,#050810d9 58%,#05080f),var(--story-bf, none) center top / cover no-repeat,linear-gradient(180deg,#0b1524,#070b12 55%,#05080f)}.arena-stage.arena-stage-story.css-fallback{background:linear-gradient(180deg,#05081066,#050810c7 58%,#05080f),var(--story-bf) center top / cover no-repeat,#05080f}.arena-stage.shake{animation:stageShake var(--combat-shake) var(--ease-out)}.arena-stage.shake.shake-hard{animation:stageShakeHard calc(var(--combat-shake) * 1.15) var(--ease-out)}@keyframes stageShake{0%{transform:translateZ(0)}20%{transform:translate3d(-3.5px,1.5px,0)}45%{transform:translate3d(3.5px,-2px,0)}70%{transform:translate3d(-2px,1px,0)}to{transform:translateZ(0)}}@keyframes stageShakeHard{0%{transform:translateZ(0) scale(1)}12%{transform:translate3d(-6px,2px,0) scale(1.012)}28%{transform:translate3d(7px,-3px,0) scale(1.008)}48%{transform:translate3d(-4px,2px,0)}68%{transform:translate3d(3px,-1px,0)}to{transform:translateZ(0) scale(1)}}.stage-floor{position:absolute;left:8%;right:8%;bottom:8%;height:42%;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.12),transparent 55%),linear-gradient(180deg,transparent,rgba(0,0,0,.45));transform:rotateX(58deg);transform-origin:center bottom;border-radius:50%;pointer-events:none;z-index:0}.row-label{position:relative;z-index:1;font-size:.72rem;letter-spacing:.12em;color:var(--muted);margin:.35rem 0}.board-row{position:relative;z-index:1;display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center;min-height:168px;padding:.65rem;border-radius:14px;background:#00000047;margin-bottom:.85rem;border:1px solid rgba(255,255,255,.04)}.enemy-row{transform:translateZ(0) scale(.98)}.ally-row{box-shadow:inset 0 0 40px #00e5ff0a}.unit{width:118px;border-radius:12px;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent, var(--cyan)) 70%,transparent);background:#0c1018;position:relative;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),filter var(--dur-med) var(--ease-out);box-shadow:0 8px 24px #00000073}.unit.unit-overlay{width:104px;min-height:132px;background:transparent;border-color:color-mix(in srgb,var(--accent, var(--cyan)) 45%,transparent);box-shadow:none;display:flex;flex-direction:column;justify-content:flex-end}.unit.unit-overlay .unit-name{position:static;margin:0 .25rem .15rem}.unit.unit-overlay .stats{background:#000000b8;border-radius:0 0 10px 10px}.unit.telegraphing{box-shadow:0 0 0 2px var(--gold),0 0 28px #ffd24673,0 0 48px #00e5ff38;transform:translateY(-4px) scale(1.03);animation:telegraphPulse var(--combat-telegraph) var(--ease-in-out)}.unit.hit{animation:hitflash var(--combat-hit) var(--ease-out);box-shadow:0 0 28px #ff2d8ab3,0 0 52px #00e5ff59}.unit.dead{opacity:.28;filter:grayscale(.7) brightness(.65) hue-rotate(18deg);transform:scale(.94) translateY(4px);transition:opacity calc(var(--dur-slow) * 1.35) var(--ease-in-out),filter calc(var(--dur-slow) * 1.35) var(--ease-in-out),transform calc(var(--dur-slow) * 1.35) var(--ease-in-out)}.unit.ability-glow{animation:abilityPulse var(--combat-hit) var(--ease-in-out);box-shadow:0 0 36px #00e5ff8c,0 0 18px #ff2d8a59}.unit-art{overflow:hidden;background:#000}.unit img{width:100%;aspect-ratio:2.5/3.2;object-fit:cover;object-position:center 18%;display:block;image-rendering:auto}.unit-name{position:absolute;top:.3rem;left:.3rem;right:.3rem;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #000;pointer-events:none}.unit .stats{display:flex;justify-content:space-between;padding:.25rem .4rem;font-size:.78rem;font-weight:700;background:#000000d1}.unit .atk{color:#ff8a8a}.unit .hp{color:#8dffb0}@keyframes hitflash{0%{transform:translateZ(0) scale(1);filter:brightness(1) saturate(1)}32%{transform:translate3d(-1px,-2px,0) scale(1.035);filter:brightness(1.28) saturate(1.12)}68%{transform:translate3d(1px,-1px,0) scale(1.015);filter:brightness(1.1) saturate(1.04)}to{transform:translateZ(0) scale(1);filter:brightness(1) saturate(1)}}@keyframes telegraphPulse{0%{filter:brightness(1)}40%{filter:brightness(1.18)}to{filter:brightness(1)}}@keyframes abilityPulse{0%{filter:brightness(1) saturate(1)}45%{filter:brightness(1.22) saturate(1.16)}to{filter:brightness(1) saturate(1)}}@keyframes badgeHitGlow{0%,to{filter:brightness(1) saturate(1)}34%{filter:brightness(1.22) saturate(1.1)}}.vfx-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}.vfx-burst{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;pointer-events:none;background:transparent;border-radius:0;box-shadow:none;transform:translate(0) rotate(var(--rot, 0deg)) scale(var(--sc, 1));animation:burstShard var(--combat-burst) var(--ease-out) forwards;filter:drop-shadow(0 0 6px currentColor)}.vfx-burst-cross{width:52px;height:52px;margin:-26px 0 0 -26px;background:linear-gradient(currentColor,currentColor) center / 100% 3px no-repeat,linear-gradient(currentColor,currentColor) center / 3px 100% no-repeat;transform:translate(0) rotate(calc(45deg + var(--rot, 0deg))) scale(var(--sc, 1));animation:burstGlyph var(--combat-burst) var(--ease-out) forwards;filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor)}.vfx-burst-reticle{width:56px;height:56px;margin:-28px 0 0 -28px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) center top 4px / 2px 10px no-repeat,linear-gradient(currentColor,currentColor) center bottom 4px / 2px 10px no-repeat,linear-gradient(currentColor,currentColor) left 4px center / 10px 2px no-repeat,linear-gradient(currentColor,currentColor) right 4px center / 10px 2px no-repeat;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent),0 0 12px color-mix(in srgb,currentColor 55%,transparent);animation:burstReticle var(--combat-burst) var(--ease-out) forwards;filter:drop-shadow(0 0 6px currentColor)}.vfx-burst-crit{width:64px;height:64px;margin:-32px 0 0 -32px;background:url(/vfx/hits/crit_burst.png) center / contain no-repeat;animation:burstGlyphCrit var(--combat-burst) var(--ease-out) forwards;filter:drop-shadow(0 0 10px #ffd246) drop-shadow(0 0 18px #ff2d8a)}.vfx-burst-line{width:36px;height:3px;margin:-1px 0 0 -18px;border-radius:1px;background:currentColor;box-shadow:0 0 8px currentColor;animation:burstShard var(--combat-burst) var(--ease-out) forwards}.vfx-burst-shard{width:14px;height:18px;margin:-9px 0 0 -7px;background:currentColor;clip-path:polygon(50% 0%,100% 100%,40% 72%,0% 100%);animation:burstShard var(--combat-burst) var(--ease-out) forwards}.vfx-burst-diamond{width:22px;height:22px;margin:-11px 0 0 -11px;background:currentColor;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:burstGlyph var(--combat-burst) var(--ease-out) forwards}@keyframes burstShard{0%{opacity:1;transform:translate(0) rotate(var(--rot, 0deg)) scale(var(--sc, 1))}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(calc(var(--rot, 0deg) + 40deg)) scale(calc(var(--sc, 1) * .35))}}@keyframes burstGlyph{0%{opacity:0;transform:translate(0) rotate(calc(45deg + var(--rot, 0deg))) scale(calc(var(--sc, 1) * .55))}18%{opacity:1;transform:translate(0) rotate(calc(45deg + var(--rot, 0deg))) scale(calc(var(--sc, 1) * 1.12))}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(calc(45deg + var(--rot, 0deg))) scale(calc(var(--sc, 1) * .55))}}@keyframes burstGlyphCrit{0%{opacity:0;transform:translate(0) scale(.4) rotate(var(--rot, 0deg));filter:brightness(1.8) drop-shadow(0 0 10px #ffd246) drop-shadow(0 0 18px #ff2d8a)}20%{opacity:1;transform:translate(0) scale(calc(var(--sc, 1) * 1.2)) rotate(var(--rot, 0deg))}to{opacity:0;transform:translateY(-12px) scale(calc(var(--sc, 1) * 1.55)) rotate(calc(var(--rot, 0deg) + 25deg))}}@keyframes burstReticle{0%{opacity:0;transform:scale(.45)}25%{opacity:1;transform:scale(calc(var(--sc, 1) * 1.05))}to{opacity:0;transform:scale(calc(var(--sc, 1) * 1.45))}}.vfx-telegraph{position:absolute;left:18%;right:18%;top:38%;height:4px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);box-shadow:0 0 18px #ffd246a6,0 0 32px #00e5ff66;animation:slashLine var(--combat-telegraph) var(--ease-in-out);transform-origin:center}.vfx-telegraph.kind-flare{background:linear-gradient(90deg,transparent,#ff4d6a,#ffe0e8,transparent);box-shadow:0 0 22px #ff4d6abf,0 0 40px #ff2d8a59;height:6px}.vfx-telegraph.kind-bind{top:42%;background:linear-gradient(90deg,transparent,#5dff9a,transparent);box-shadow:0 0 22px #5dff9aa6}.vfx-telegraph.kind-volley{height:3px;box-shadow:0 0 14px var(--gold),0 0 28px #ffd24673}.vfx-telegraph.kind-guard,.vfx-telegraph.kind-veil{left:35%;right:35%;top:30%;height:80px;border-radius:50%;border:2px solid var(--cyan);background:radial-gradient(circle,rgba(0,229,255,.22),transparent 70%);box-shadow:0 0 28px #00e5ff73;animation:telegraphRing var(--combat-telegraph) var(--ease-in-out)}.vfx-telegraph.kind-veil{border-color:var(--magenta);background:radial-gradient(circle,rgba(255,45,138,.24),transparent 70%);box-shadow:0 0 28px #ff2d8a80}@keyframes slashLine{0%{transform:scaleX(.12);opacity:0}45%{transform:scaleX(1);opacity:1}to{transform:scaleX(1.02);opacity:.55}}@keyframes telegraphRing{0%{transform:scale(.55);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1.2);opacity:.35}}.vfx-projectile{position:absolute;left:48%;top:55%;width:16px;height:16px;border-radius:50%;background:var(--pc, var(--cyan));box-shadow:0 0 18px var(--pc, var(--cyan)),0 0 36px var(--pc, var(--cyan)),0 0 8px #fff;animation:projectileFly var(--combat-projectile) var(--ease-in-out) forwards}.vfx-projectile:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc, var(--cyan)) 55%,transparent),transparent 70%);animation:projectileHalo var(--combat-projectile) var(--ease-out) forwards}@keyframes projectileFly{0%{transform:translate(-10px,40px) scale(.55);opacity:.15}55%{transform:translate(4px,-55px) scale(1.12);opacity:1}to{transform:translate(12px,-95px) scale(1.2);opacity:.4}}@keyframes projectileHalo{0%{opacity:.3;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.log{max-height:220px;overflow:auto;font-size:.78rem;color:var(--muted);line-height:1.45}.log strong{color:var(--ink)}.hologram-feed__log.log{font-size:.68rem;color:#8cebfab8;line-height:1.35}.sidebar-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.fee-box{border:1px dashed rgba(255,45,138,.4);border-radius:12px;padding:.75rem;margin-top:.75rem;font-size:.82rem;background:linear-gradient(180deg,#08040a73,#040206a6),var(--tex-panel) center / cover no-repeat}.fee-box code{color:var(--cyan)}.banner{position:relative;z-index:2;text-align:center;font-weight:800;letter-spacing:.14em;margin:.35rem 0 .85rem;font-size:1.15rem;color:var(--cyan);text-shadow:0 0 24px rgba(0,229,255,.55);animation:bannerIn .68s var(--ease-out)}@keyframes bannerIn{0%{transform:scale(.94) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.empty{color:var(--muted);font-size:.85rem;padding:1rem}.fight-shell{position:relative;margin:-1.25rem;flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;background:#020408;overflow:hidden}.fight-shell .arena-stage{flex:1 1 auto;min-height:0;height:auto;border:0;border-radius:0;padding:0}.glass-panel{border:1px solid rgba(157,235,244,.18);background:linear-gradient(145deg,#0e1925b8,#03080ed1),var(--tex-panel) center / cover no-repeat,repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);box-shadow:inset 0 1px #ffffff12,0 18px 45px #00000073;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.banner{position:absolute;z-index:8;top:clamp(1rem,4vh,3rem);left:50%;margin:0;padding:.55rem 1.4rem;border:1px solid rgba(0,229,255,.34);border-radius:4px;background:linear-gradient(90deg,transparent,rgba(3,12,20,.88) 18% 82%,transparent);font-size:clamp(.9rem,2vw,1.4rem);transform:translate(-50%);white-space:nowrap}.projected-units{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;pointer-events:none;isolation:isolate}.projected-units.prep-benchable .projected-badge.benchable{pointer-events:auto;cursor:pointer}.projected-badge{position:absolute;width:clamp(86px,8vw,122px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent, var(--cyan)) 72%,white 10%);border-radius:5px;background:#01050ad6;box-shadow:0 0 16px color-mix(in srgb,var(--accent, var(--cyan)) 24%,transparent);transform:translate(-50%,44%);backface-visibility:hidden;transition:opacity var(--dur-med) var(--ease-out),filter var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),outline-color var(--dur-med) var(--ease-out),transform .28s cubic-bezier(.22,1,.36,1)}.projected-badge.benchable{outline:1px dashed rgba(0,229,255,.35);outline-offset:2px}.projected-badge.benchable:hover,.projected-badge.benchable:focus-visible{outline-color:#00e5ffbf;box-shadow:0 0 20px color-mix(in srgb,var(--accent, var(--cyan)) 40%,transparent)}.unit.benchable{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;padding:0;text-align:inherit;outline:1px dashed rgba(0,229,255,.35);outline-offset:2px}.unit.benchable:hover,.unit.benchable:focus-visible{outline-color:#00e5ffbf;transform:translateY(-3px);box-shadow:0 10px 28px #00e5ff38}.bench-hint{position:absolute;z-index:3;left:50%;bottom:1.55rem;transform:translate(-50%);padding:.08rem .28rem;border:1px solid rgba(0,229,255,.4);border-radius:3px;background:#020a10d1;color:#9edbe6;font:800 .38rem/1 var(--font-display);letter-spacing:.14em;pointer-events:none;opacity:.85}.projected-badge .bench-hint{bottom:auto;top:.15rem;right:.2rem;left:auto;transform:none}.equip-free-seal{border-color:#00e5ff8c!important;color:#bffcff!important}.projected-badge .unit-name{position:static;overflow:hidden;padding:.2rem .35rem .12rem;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.projected-badge .stats{display:flex;justify-content:space-between;padding:.2rem .35rem;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem;font-weight:800}.projected-badge .atk{color:#ff8f98}.projected-badge .hp{color:#8dffb0}.projected-badge .fallen{flex:1;text-align:center;color:#9aa3ad;font-size:.58rem;letter-spacing:.12em;font-weight:800}.projected-badge.telegraphing{box-shadow:0 0 0 2px var(--gold),0 0 26px #ffd246b3}.projected-badge.hit{animation:badgeHitGlow var(--combat-hit) var(--ease-out)}.projected-badge.dead{opacity:.22;filter:grayscale(1);transition:opacity calc(var(--dur-slow) * 1.35) var(--ease-in-out),filter calc(var(--dur-slow) * 1.35) var(--ease-in-out)}.projected-badge.ability-glow{animation:abilityPulse var(--combat-hit) var(--ease-in-out)}.fight-cta{position:absolute;z-index:7;left:50%;bottom:clamp(.85rem,2.2vh,1.6rem);width:clamp(140px,16vw,220px);min-height:48px;padding:0;border:0;border-radius:12px;overflow:hidden;background:transparent;box-shadow:none;cursor:pointer;font:inherit;transform:translate(-50%);color:#f4feff;touch-action:manipulation}.fight-cta-art{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;background:transparent;border-radius:12px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.65));transition:filter var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out)}.fight-cta-sub{position:absolute;left:50%;bottom:10%;transform:translate(-50%);margin:0;padding:.08rem .35rem;border:1px solid rgba(0,229,255,.25);border-radius:4px;background:#02080eb8;color:#9edbe6;font-size:.4rem;letter-spacing:.16em;white-space:nowrap;pointer-events:none}.fight-cta-armed-tag{position:absolute;left:50%;top:10%;transform:translate(-50%);padding:.1rem .4rem;border:1px solid rgba(255,45,138,.55);border-radius:4px;background:#08020acc;color:#ffd0e4;font-size:.45rem;font-weight:800;letter-spacing:.2em;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fight-cta:hover:not(:disabled) .fight-cta-art{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 0 18px rgba(0,229,255,.45)) drop-shadow(0 0 14px rgba(255,45,138,.28)) drop-shadow(0 12px 26px rgba(0,0,0,.75))}.fight-cta:disabled{cursor:wait;opacity:.85}.fight-cta.is-armed .fight-cta-art{animation:fightArmed 1.4s var(--ease-in-out) infinite alternate;filter:drop-shadow(0 0 16px rgba(255,45,138,.4)) drop-shadow(0 0 14px rgba(0,229,255,.35)) drop-shadow(0 10px 22px rgba(0,0,0,.7))}@keyframes fightArmed{0%{transform:scale(1)}to{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.fight-cta.is-armed .fight-cta-art{animation:none}}.combat-drawer{position:absolute;z-index:9;top:1rem;right:1rem;width:min(320px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow:hidden;padding:.45rem .55rem .5rem;pointer-events:none;transition:width var(--dur-med) var(--ease-out),max-height var(--dur-slow) var(--ease-out),opacity var(--dur-med) var(--ease-out)}.combat-drawer.hologram-feed{border:1px solid rgba(0,229,255,.18);background:linear-gradient(180deg,rgba(0,229,255,.05),transparent 28%),linear-gradient(145deg,#020a106b,#01040847),var(--tex-panel) center / cover no-repeat;box-shadow:0 0 18px #00e5ff1f,inset 0 0 24px #00e5ff0a;backdrop-filter:blur(2px) saturate(1.15);-webkit-backdrop-filter:blur(2px) saturate(1.15)}.combat-drawer.hologram-feed:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,229,255,.035) 2px 3px);opacity:.55;mix-blend-mode:screen}.combat-drawer.hologram-feed:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(105deg,transparent 40%,rgba(0,229,255,.06) 50%,transparent 60%);background-size:220% 100%;animation:hologramSweep 7.5s var(--ease-in-out) infinite;opacity:.45}@keyframes hologramSweep{0%,to{background-position:120% 0;opacity:.25}50%{background-position:-20% 0;opacity:.55}}.combat-drawer:not(.is-open){width:min(280px,calc(100% - 2rem));background:linear-gradient(145deg,#020a1038,#0104081f)}.drawer-toggle{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.1rem .15rem .35rem;border:0;color:#7fe9f7;background:transparent;cursor:pointer;pointer-events:auto;font:600 .62rem/1 var(--font-mono);letter-spacing:.14em;text-shadow:0 0 10px rgba(0,229,255,.55)}.hologram-feed__label{color:#9ef4ff}.hologram-feed__toggle-state{color:#ff2d8ad9;letter-spacing:.08em;text-shadow:0 0 8px rgba(255,45,138,.45)}.combat-drawer .log,.hologram-feed__log{position:relative;z-index:1;max-height:5.6em;overflow:hidden;margin:0;padding:.1rem .15rem .2rem;font-family:var(--font-mono);font-size:.68rem;line-height:1.35;color:#8cebfab8;letter-spacing:.02em;text-shadow:0 0 6px rgba(0,229,255,.35);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%);pointer-events:none}.combat-drawer.is-open .log,.combat-drawer.is-open .hologram-feed__log{max-height:min(42vh,360px);overflow:auto;pointer-events:auto;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 100%);scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.35) transparent}.hologram-feed__line{display:flex;gap:.4rem;align-items:flex-start;margin:0 0 .18rem;opacity:calc(1 - (var(--line-age, 0) * .14));animation:hologramLineIn .48s var(--ease-out)}.hologram-feed__line--idle{opacity:.55;font-style:normal;color:#00e5ff8c;animation:none}.hologram-feed__line.is-latest{opacity:1;color:#c8fbff;text-shadow:0 0 8px rgba(0,229,255,.65),0 0 16px rgba(0,229,255,.25)}.hologram-feed__prefix{flex:0 0 auto;color:var(--magenta);text-shadow:0 0 8px rgba(255,45,138,.7)}.hologram-feed__text{flex:1 1 auto;min-width:0;word-break:break-word}@keyframes hologramLineIn{0%{transform:translateY(.4em);filter:blur(2.5px);clip-path:inset(0 100% 0 0)}to{transform:translateY(0);filter:blur(0);clip-path:inset(0 0 0 0)}}.combat-drawer:not(.is-open) .fee-box{display:none}.combat-drawer .fee-box,.hologram-feed__controls{position:relative;z-index:2;margin:.55rem 0 0;pointer-events:auto;border-color:#ff2d8a47;background:linear-gradient(180deg,#02060a8c,#02060ab3),var(--tex-panel) center / cover no-repeat,#02060a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.combat-drawer .fee-box p{margin:.5rem 0 0;color:var(--muted)}.rail-buttons{display:flex;gap:.35rem}.shop-dock{position:relative;z-index:10;display:flex;flex-direction:column;gap:.55rem;flex:0 0 auto;min-height:0;padding:.7rem 1rem .85rem;border-right:0;border-bottom:0;border-left:0}.armory-dock{gap:.5rem;flex:0 0 38%;max-height:none;height:38%;min-height:280px;padding:.55rem .85rem .7rem;overflow:hidden}.armory-chrome{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.55rem .75rem;min-width:0;padding:.35rem .45rem;border:1px solid rgba(0,229,255,.2);background:linear-gradient(90deg,rgba(0,229,255,.07),transparent 42%,rgba(255,45,138,.05)),linear-gradient(180deg,#121e28d9,#04080ce6),var(--tex-metal) center / cover no-repeat;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.armory-chrome .dock-title{border-right:1px solid rgba(0,229,255,.16);padding-right:.65rem}.armory-formation{display:flex;align-items:center;gap:.45rem;min-width:0}.armory-formation-label{flex:0 0 auto;color:#7fd9e8;font:700 .44rem/1 var(--font-display);letter-spacing:.16em}.armory-slots{display:flex;flex:1 1 auto;gap:.22rem;min-width:0}.armory-slot{position:relative;flex:1 1 0;aspect-ratio:1;max-width:36px;overflow:hidden;border:1px solid rgba(0,229,255,.22);background:#02080eb8;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.armory-slot.empty{display:grid;place-items:center;opacity:.55}.armory-slot.empty em{color:#5f7a86;font:700 .42rem/1 var(--font-display);font-style:normal;letter-spacing:.06em}.armory-slot.filled{opacity:1;border-color:color-mix(in srgb,var(--rarity-edge, var(--cyan)) 70%,transparent);box-shadow:inset 0 0 0 1px #ffffff14,0 0 10px var(--rarity-glow, transparent)}.armory-slot.filled img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}.armory-slot.is-next{border-color:#ff2d8ab3;box-shadow:0 0 12px #ff2d8a59;animation:armorySlotPulse 1.2s var(--ease-in-out) infinite alternate}.armory-slot.is-next em{color:#ff9ec4}@keyframes armorySlotPulse{0%{background:#ff2d8a14}to{background:#ff2d8a33}}.armory-formation-count{flex:0 0 auto;color:#dbfbff;font:800 .62rem/1 var(--font-display);letter-spacing:.08em}.armory-caps{display:flex;flex-wrap:wrap;align-items:center;gap:.28rem;justify-content:flex-end}.armory-chrome .refresh-seal{margin:0;min-height:36px;padding:.28rem .5rem}.armory-body{display:grid;grid-template-columns:1fr;gap:.5rem;min-height:0;flex:1 1 auto;overflow:hidden}.armory-body.has-coach{grid-template-columns:minmax(168px,220px) minmax(0,1fr)}.armory-coach{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid rgba(0,229,255,.24);background:linear-gradient(180deg,rgba(0,229,255,.1),rgba(255,45,138,.04) 55%,transparent),linear-gradient(145deg,#081018f2,#02060aeb),var(--tex-panel) center / cover no-repeat;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));overflow:hidden}.armory-coach-toggle{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:100%;margin:0;padding:.45rem .55rem .5rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.armory-coach-toggle:hover{background:#00e5ff0d}.armory-coach-kicker{display:flex;flex-direction:column;gap:.1rem;padding-right:1.6rem;position:relative}.armory-coach-kicker small{color:#7fd9e8;font:700 .42rem/1 var(--font-display);letter-spacing:.16em}.armory-coach-kicker strong{color:#e8ffff;font:800 .62rem/1.2 var(--font-display);letter-spacing:.06em}.armory-coach-toggle .tactics-rail-chevron{position:absolute;top:.45rem;right:.45rem}.armory-coach-blurb{color:#c5d8e0;font-size:.55rem;line-height:1.35}.armory-coach-tips{display:flex;flex-wrap:wrap;gap:.22rem}.armory-coach-body{padding:0 .55rem .55rem;border-top:1px solid rgba(0,229,255,.12)}.armory-roster{display:flex;flex-direction:column;gap:.4rem;min-width:0;min-height:0;overflow:hidden}.armory-roster-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem}.armory-filters{display:flex;flex-wrap:wrap;gap:.28rem}.armory-filter{display:inline-flex;align-items:baseline;gap:.28rem;min-height:40px;padding:.35rem .55rem;border:1px solid rgba(0,229,255,.22);background:linear-gradient(180deg,#14202ae6,#04080ceb),var(--tex-panel) center / cover no-repeat;color:#9eb8c2;cursor:pointer;font:inherit;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);transition:border-color .14s var(--ease-out),color .14s var(--ease-out),box-shadow .14s var(--ease-out);touch-action:manipulation}.armory-filter span{font:800 .48rem/1 var(--font-display);letter-spacing:.12em}.armory-filter small{color:#6f8792;font-size:.46rem;font-weight:700}.armory-filter:hover{border-color:#00e5ff73;color:#d8f8ff}.armory-filter.is-active{border-color:color-mix(in srgb,var(--rarity-edge, var(--cyan)) 75%,white 10%);color:#e8ffff;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 14px var(--rarity-glow, rgba(0, 229, 255, .2))}.armory-filter.is-active small{color:#9edbe6}.armory-synergies{display:flex;flex-wrap:wrap;gap:.28rem;margin-left:auto}.armory-synergies .synergy-chip{display:inline-flex;align-items:center;gap:.28rem;margin:0;padding:.22rem .35rem;border:1px solid rgba(0,229,255,.32);border-radius:0;background:#00e5ff14;color:#bffcff;font:700 .46rem/1.1 var(--font-display);letter-spacing:.04em;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.armory-synergies .synergy-chip.enemy{border-color:#ff2d8a52;background:#ff2d8a14;color:#ffc1df}.armory-empty-cta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding:.4rem .65rem;border:1px solid rgba(0,229,255,.28);background:repeating-linear-gradient(135deg,rgba(0,229,255,.04) 0 5px,transparent 5px 10px),#0012188c;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.armory-empty-cta strong{color:#c8f8ff;font:800 .55rem/1.2 var(--font-display);letter-spacing:.14em}.armory-empty-cta small{color:var(--muted);font-size:.52rem;letter-spacing:.04em}.armory-preview{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.35rem .55rem;border:1px solid rgba(255,45,138,.32);background:linear-gradient(90deg,rgba(255,45,138,.1),rgba(0,229,255,.05) 55%,transparent),#06080ee0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.armory-preview-art{width:40px;height:48px;border:1px solid rgba(0,229,255,.28);background:#020509 center 18% / cover no-repeat}.armory-preview-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0}.armory-preview-copy strong{overflow:hidden;color:#f2fbff;font:800 .62rem/1.15 var(--font-display);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.armory-preview-copy span{color:#8aa0aa;font-size:.5rem;letter-spacing:.03em}.armory-preview-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;text-align:right}.armory-preview-slot{color:#ffd0e4;font:800 .5rem/1.2 var(--font-display);letter-spacing:.12em}.armory-preview-warn{color:#ff8f98;font:700 .48rem/1.2 var(--font-display);letter-spacing:.06em}.armory-preview-hint{color:#6f8792;font-size:.44rem;letter-spacing:.08em}.armory-grid{display:grid;grid-template-columns:repeat(var(--armory-cols, 5),minmax(0,1fr));gap:var(--armory-gap, 8px);align-content:start;justify-items:center;overflow:hidden;min-height:0;flex:1 1 auto;padding:.2rem .15rem .35rem;border-top:1px solid rgba(0,229,255,.1);background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 18%),var(--tex-panel-wash);scrollbar-width:none}.armory-grid::-webkit-scrollbar{display:none}.armory-grid-empty{grid-column:1 / -1;margin:.75rem 0;color:var(--muted);font-size:.62rem;letter-spacing:.06em;text-align:center}.armory-tile-wrap{display:flex;flex-direction:column;gap:.28rem;min-width:0;min-height:0;width:min(100%,var(--armory-tile-w, 120px))}.armory-grid.is-dense .armory-tile-cap span{display:none}.armory-grid.is-dense .armory-tile-cap{min-height:1.35rem;padding:.16rem .22rem}.armory-grid.is-dense .armory-tile-cap strong{font-size:.48rem}.armory-grid.is-dense .armory-equip-btn,.armory-grid.is-dense .armory-inspect-btn{min-height:32px;font-size:.42rem}.armory-grid.is-mini .armory-tile-cap{display:none}.armory-grid.is-mini .armory-tile-actions{grid-template-columns:1fr}.armory-grid.is-mini .armory-inspect-btn{display:none}.armory-grid.is-mini .armory-equip-btn{min-height:34px}.armory-tile{position:relative;display:flex;flex-direction:column;width:100%;margin:0;padding:3px;border:2px solid #263541;border-radius:0;overflow:hidden;cursor:pointer;color:inherit;font:inherit;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 18%),linear-gradient(180deg,#202c35bf,#080d13e0),var(--tex-panel) center / cover no-repeat,linear-gradient(180deg,#202c35,#080d13);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 1px #ffffff1a,0 10px 18px #00000075;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out)}.armory-tile.rarity-recruit{border-color:#52636d}.armory-tile.rarity-warden{border-color:var(--rarity-edge);box-shadow:inset 0 1px #dcfdff59,0 0 14px var(--rarity-glow),0 10px 18px #0009}.armory-tile.rarity-captain{border-color:var(--rarity-edge);box-shadow:inset 0 0 0 1px #fff0a866,0 0 16px var(--rarity-glow),0 10px 18px #000b}.armory-tile.rarity-legend{border-color:var(--rarity-edge);background:linear-gradient(120deg,#ff2d8a38,#ffd2462e 48%,#00e5ff1f),#08060c;box-shadow:inset 0 0 0 1px #ffd24688,0 0 12px #ff2d8a88,0 0 20px #ffd24644,0 12px 20px #000c}.armory-tile:hover,.armory-tile.selected,.armory-tile-wrap.is-hovered .armory-tile,.armory-tile-wrap.is-selected .armory-tile{z-index:2;border-color:color-mix(in srgb,var(--cyan) 72%,#fff);box-shadow:inset 0 1px #ffffff59,0 14px 22px #0000008c,0 0 16px #00e5ff38}@media(hover:hover)and (pointer:fine){.armory-tile:hover,.armory-tile-wrap.is-hovered .armory-tile{transform:translateY(-4px)}.armory-grid.is-dense .armory-tile:hover,.armory-grid.is-dense .armory-tile-wrap.is-hovered .armory-tile{transform:translateY(-2px)}}.armory-tile.selected,.armory-tile-wrap.is-selected .armory-tile{border-color:#e8d18a;box-shadow:inset 0 1px #fff6,0 14px 22px #0000008c,0 0 0 1px #ffd24670,0 0 20px #ff2d8a38}.armory-tile:disabled{opacity:.52;cursor:not-allowed}.armory-tile.roster-blocked{opacity:.62;filter:saturate(.55)}.armory-tile-art{position:relative;display:block;overflow:hidden;border:1px solid rgba(209,239,240,.2);background:#020509;min-height:64px}.armory-tile-art img{width:100%;min-height:64px;aspect-ratio:3 / 4;object-fit:cover;object-position:center 20%;display:block;filter:saturate(1.04) contrast(1.025)}.armory-tile-rank{position:absolute;top:.28rem;left:.28rem;z-index:2;padding:.12rem .22rem;pointer-events:none;border:1px solid rgba(232,252,255,.26);background:linear-gradient(180deg,#101b23ed,#02060af0);color:#ffe19a;font-size:.42rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px #000}.rarity-captain .armory-tile-rank,.armory-tile.rarity-captain .armory-tile-rank{color:#ffe27c;border-color:#ffd24688}.rarity-legend .armory-tile-rank,.armory-tile.rarity-legend .armory-tile-rank{color:#ffaad0;border-color:#ffd24699}.armory-tile-ability{position:absolute;top:.28rem;right:.28rem;z-index:2;width:1.15rem;height:1.15rem;border:1px solid rgba(0,229,255,.4);background:#02080ce0 var(--icon) center / 68% no-repeat;box-shadow:0 0 8px #00e5ff33;pointer-events:none}.armory-tile-stats{position:absolute;left:.2rem;right:.2rem;bottom:.2rem;z-index:2;display:flex;justify-content:space-between;gap:.2rem;padding:.14rem .22rem;border:1px solid rgba(0,229,255,.22);background:#02080cd1;font:800 .42rem/1 var(--font-display);letter-spacing:.04em;pointer-events:none}.armory-tile-stats .atk{color:#ff8f98}.armory-tile-stats .hp{color:#8dffb0}.armory-tile-cap{display:flex;flex-direction:column;justify-content:center;min-height:2.2rem;padding:.28rem .32rem;border-top:1px solid rgba(213,174,88,.28);background:linear-gradient(90deg,rgba(0,229,255,.07),transparent 35%,rgba(255,45,138,.07)),#080d13}.armory-tile-cap strong{overflow:hidden;color:#f2fbff;font-size:.58rem;letter-spacing:.04em;line-height:1.15;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.armory-tile-cap span{overflow:hidden;margin-top:.12rem;color:#80959e;font-size:.46rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.armory-tile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.22rem}.armory-equip-btn,.armory-inspect-btn{min-height:40px;padding:.28rem .32rem;border:1px solid rgba(0,229,255,.4);background:linear-gradient(180deg,#00e5ff2e,#000c12d9);color:#9fe9f4;cursor:pointer;font:800 .48rem/1 var(--font-display);letter-spacing:.12em;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);transition:border-color .14s var(--ease-out),box-shadow .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out);touch-action:manipulation}.armory-equip-btn{border-color:#ff2d8a8c;background:linear-gradient(180deg,#ff2d8a47,#0c040ae6);color:#ffd0e4;box-shadow:0 0 10px #ff2d8a1f}.armory-equip-btn:hover:not(:disabled),.armory-equip-btn:focus-visible:not(:disabled){border-color:#ff6aad;color:#fff0f6;outline:none;box-shadow:0 0 0 2px #ff2d8a47,0 0 16px #ff2d8a40;transform:translateY(-1px)}.armory-inspect-btn:hover:not(:disabled),.armory-inspect-btn:focus-visible:not(:disabled){border-color:#7ff0ff;color:#e8fcff;outline:none;box-shadow:0 0 0 2px #00e5ff47,0 0 16px #00e5ff33;transform:translateY(-1px)}.armory-equip-btn:disabled,.armory-inspect-btn:disabled{opacity:.4;cursor:not-allowed}.armory-list{display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.15rem .1rem .75rem;border-top:1px solid rgba(0,229,255,.12);background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 14%),var(--tex-panel-wash);scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.35) transparent}.armory-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,96px);gap:.45rem;align-items:stretch;min-width:0}.armory-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:.55rem;align-items:center;width:100%;margin:0;padding:.4rem .45rem;min-height:96px;border:2px solid #263541;border-radius:0;overflow:hidden;cursor:pointer;color:inherit;font:inherit;text-align:left;background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 22%),linear-gradient(180deg,#202c35c7,#080d13eb),var(--tex-panel) center / cover no-repeat,linear-gradient(180deg,#202c35,#080d13);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 1px #ffffff1a,0 8px 16px #0000006b;touch-action:manipulation;transition:border-color var(--dur-med) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)}.armory-row.rarity-recruit{border-color:#52636d}.armory-row.rarity-warden{border-color:var(--rarity-edge);box-shadow:inset 0 1px #dcfdff4d,0 0 12px var(--rarity-glow),0 8px 16px #0009}.armory-row.rarity-captain{border-color:var(--rarity-edge);box-shadow:inset 0 0 0 1px #fff0a866,0 0 14px var(--rarity-glow),0 8px 16px #000b}.armory-row.rarity-legend{border-color:var(--rarity-edge);background:linear-gradient(120deg,#ff2d8a33,#ffd24629 48%,#00e5ff1a),#08060c;box-shadow:inset 0 0 0 1px #ffd24688,0 0 10px #ff2d8a88,0 8px 16px #000c}.armory-row.selected,.armory-row-wrap.is-selected .armory-row{border-color:#e8d18a;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #ffd24666,0 0 18px #ff2d8a33}.armory-row:disabled{opacity:.52;cursor:not-allowed}.armory-row.roster-blocked{opacity:.68;filter:saturate(.6)}.armory-row-thumb{position:relative;display:block;width:72px;height:96px;flex-shrink:0;overflow:hidden;border:1px solid rgba(209,239,240,.28);background:#020509;box-shadow:inset 0 0 0 1px #00000073}.armory-row-thumb img{width:72px;height:96px;min-width:72px;min-height:96px;object-fit:cover;object-position:center 18%;display:block;filter:saturate(1.06) contrast(1.03)}.armory-row-thumb .mini-card-foil{pointer-events:none}.armory-row-rank{position:absolute;top:.2rem;left:.2rem;z-index:2;padding:.1rem .2rem;border:1px solid rgba(232,252,255,.26);background:linear-gradient(180deg,#101b23f0,#02060af2);color:#ffe19a;font-size:.4rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #000;pointer-events:none}.rarity-captain .armory-row-rank,.armory-row.rarity-captain .armory-row-rank{color:#ffe27c;border-color:#ffd24688}.rarity-legend .armory-row-rank,.armory-row.rarity-legend .armory-row-rank{color:#ffaad0;border-color:#ffd24699}.armory-row-ability{position:absolute;top:.2rem;right:.2rem;z-index:2;width:1.05rem;height:1.05rem;border:1px solid rgba(0,229,255,.4);background:#02080ce0 var(--icon) center / 68% no-repeat;box-shadow:0 0 8px #00e5ff33;pointer-events:none}.armory-row-body{display:flex;flex-direction:column;justify-content:center;gap:.22rem;min-width:0;padding-right:.15rem}.armory-row-body strong{overflow:hidden;color:#f2fbff;font-size:.78rem;font-weight:800;letter-spacing:.04em;line-height:1.15;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.armory-row-sub{overflow:hidden;color:#8aa0aa;font-size:.58rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.armory-row-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin-top:.1rem;font:800 .58rem/1 var(--font-display);letter-spacing:.04em}.armory-row-stats .atk{color:#ff8f98}.armory-row-stats .hp{color:#8dffb0}.armory-row-stats .sap{color:#9fe9f4;padding:.12rem .28rem;border:1px solid rgba(0,229,255,.35);background:#00141cb3}.armory-row-stats .sap.free{color:#b8ffce;border-color:#8dffb059}.armory-row-block{color:#ff9aa8;font-size:.5rem;font-weight:700;letter-spacing:.04em;line-height:1.2}.armory-row-actions{display:flex;flex-direction:column;gap:.32rem;min-width:0}.armory-row-actions .armory-equip-btn,.armory-row-actions .armory-inspect-btn{flex:1 1 auto;min-height:var(--touch-min);font-size:.52rem;letter-spacing:.1em}.armory-tile .owned-seal{right:.28rem;bottom:1.55rem}.armory-tile .sap-cost-seal{left:.28rem;bottom:1.55rem}.armory-tile .roster-cap-seal{inset:auto .2rem 1.45rem .2rem;font-size:.36rem}.dock-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;min-width:0}.dock-title{display:flex;flex-direction:column;gap:.12rem;min-width:0;padding-right:.65rem;border-right:1px solid rgba(0,229,255,.16)}.dock-title span,.dock-title small{display:block}.dock-title span{color:#dbfbff;font-size:.72rem;font-weight:800;letter-spacing:.16em}.dock-title .dock-index{margin:0;color:var(--magenta);font-size:.48rem;font-weight:700;letter-spacing:.14em}.dock-meta{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0}.dock-stat{display:inline-flex;align-items:baseline;gap:.28rem;padding:.22rem .42rem;border:1px solid rgba(0,229,255,.22);background:#00e5ff0f;color:#d8f8ff;font:700 .58rem/1.1 var(--font-display);letter-spacing:.06em;white-space:nowrap}.dock-stat em{color:#7fd9e8;font-style:normal;font-size:.46rem;letter-spacing:.12em;opacity:.9}.dock-stat.accent{border-color:#ff2d8a47;background:#ff2d8a12;color:#ffd0e4}.dock-stat.accent em{color:#ff9ec4}.dock-hint{color:var(--muted);font-size:.52rem;letter-spacing:.08em;white-space:nowrap}.dock-toolbar .refresh-seal{margin-left:auto;flex:0 0 auto}.synergy-chips{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.3rem;max-width:none}.dock-toolbar .synergy-chip{display:inline-flex;align-items:center;gap:.28rem;margin:0;padding:.25rem .38rem;border:1px solid rgba(0,229,255,.32);border-radius:999px;background:#00e5ff14;color:#bffcff;font:700 .48rem/1.1 var(--font-display);letter-spacing:.04em}.dock-toolbar .synergy-chip.enemy{border-color:#ff2d8a52;background:#ff2d8a14;color:#ffc1df}.tactics-rail{flex:0 0 auto;margin:0;border:1px solid rgba(0,229,255,.22);background:linear-gradient(90deg,rgba(0,229,255,.08),rgba(255,45,138,.04) 42%,transparent 78%),#040a10eb;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.tactics-rail-toggle{display:grid;grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr) auto auto;align-items:center;gap:.45rem .7rem;width:100%;margin:0;padding:.42rem .65rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.tactics-rail-toggle:hover{background:#00e5ff0a}.tactics-rail-label{display:flex;flex-direction:column;gap:.12rem;min-width:0}.tactics-rail-label small{color:#7fd9e8;font:700 .44rem/1 var(--font-display);letter-spacing:.16em}.tactics-rail-label strong{color:#e8ffff;font:800 .66rem/1.15 var(--font-display);letter-spacing:.08em}.tactics-rail-blurb{color:#c5d8e0;font-size:.58rem;line-height:1.35;min-width:0}.tactics-tip-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.28rem;max-width:22rem}.tactics-tip-chip{padding:.18rem .38rem;border:1px solid rgba(0,229,255,.28);background:#00e5ff14;color:#bffcff;font:700 .46rem/1.1 var(--font-display);letter-spacing:.05em;white-space:nowrap}.tactics-rail-chevron{display:grid;place-items:center;width:1.35rem;height:1.35rem;border:1px solid rgba(0,229,255,.28);color:#9be7ff;font:700 .85rem/1 var(--font-display)}.tactics-rail-body{padding:0 .7rem .55rem;border-top:1px solid rgba(0,229,255,.12)}.tactics-coach-threat{margin:.45rem 0 .35rem;color:#c5d8e0;font-size:.62rem;line-height:1.45}.tactics-coach-list{margin:0 0 .4rem;padding:0 0 0 .95rem;color:#bffcff;font-size:.58rem;line-height:1.45}.tactics-coach-list li{margin-bottom:.18rem}.tactics-coach-formation{margin:0 0 .28rem;color:#ffd246;font:700 .55rem/1.4 var(--font-display);letter-spacing:.04em}.tactics-coach-formation span{margin-right:.35rem;color:#ffe797aa;letter-spacing:.12em}.tactics-coach-rule{margin:0;color:#8aa0aa;font-size:.5rem;letter-spacing:.06em;line-height:1.35}.briefing-tactics{margin:.65rem 0 .4rem;padding:.55rem .65rem;border:1px solid rgba(0,229,255,.28);background:#0012188c}.briefing-tactics small{display:block;margin-bottom:.28rem;color:#7fd9e8;font:700 .5rem/1 var(--font-display);letter-spacing:.14em}.briefing-tactics p{margin:0;color:#d4e8ef;font-size:.72rem;line-height:1.45}.briefing-tactics-form{margin-top:.35rem!important;color:#ffd246!important;font-size:.62rem!important;letter-spacing:.03em}.synergy-chip-icon,.tribe-tag-icon,.ability-tag-icon{display:inline-block;width:.72rem;height:.72rem;flex:0 0 auto;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.foil-ability{display:inline-flex;align-items:center;gap:.4rem}.foil-ability .ability-tag-icon{width:.9rem;height:.9rem}.projected-badge .tribe-tag-icon,.unit .tribe-tag-icon{width:.62rem;height:.62rem;margin-right:.2rem;vertical-align:-.05rem}.shop-strip{display:flex;flex:1 1 auto;gap:.95rem;overflow-x:auto;min-height:140px;padding:.35rem .25rem .55rem;align-items:stretch}.shop-rank-group{display:flex;flex:0 0 auto;flex-direction:column;gap:.35rem;min-width:0;padding:.2rem .45rem .15rem .15rem;border-right:1px solid rgba(0,229,255,.12);background:linear-gradient(180deg,rgba(0,229,255,.04),transparent 70%),var(--tex-panel-wash)}.shop-rank-group:last-child{border-right:0;padding-right:.15rem}.shop-rank-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:0 .15rem}.shop-rank-label span{color:#dbfbff;font-family:var(--font-display);font-size:.52rem;font-weight:800;letter-spacing:.16em}.shop-rank-label small{color:var(--muted);font-size:.48rem;font-weight:700;letter-spacing:.1em}.shop-rank-group.rarity-legend .shop-rank-label span{color:#ffe9a8}.shop-rank-group.rarity-captain .shop-rank-label span{color:#ffe27c}.shop-rank-group.rarity-warden .shop-rank-label span{color:#9be7ff}.shop-rank-group.rarity-recruit .shop-rank-label span{color:#c5d4dc}.shop-rank-cards{display:flex;gap:.8rem}.shop-card{flex:0 0 112px;width:112px;border-color:#4a6673;border-radius:8px}.shop-card img{aspect-ratio:2.5 / 2.65}.shop-card .collection-cap{min-height:38px;padding:.3rem .35rem}.shop-card:disabled{opacity:.52;cursor:not-allowed}.shop-card.roster-blocked{opacity:.62;filter:saturate(.55)}.shop-card.roster-blocked .mini-card-art{position:relative}.roster-cap-seal{position:absolute;z-index:4;inset:auto .3rem .35rem .3rem;padding:.22rem .3rem;border:1px solid #ff2d8a99;clip-path:polygon(6% 0,94% 0,100% 22%,100% 78%,94% 100%,6% 100%,0 78%,0 22%);background:linear-gradient(180deg,#2a0a16ee,#080204f2);color:#ffb3d0;font:800 .4rem/1.15 var(--font-display);letter-spacing:.06em;text-align:center;text-shadow:0 1px #000;pointer-events:none}.district-strip{grid-column:2;display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.2rem}.district-button{min-width:210px;display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.65rem .75rem;border:1px solid rgba(255,45,138,.3);border-radius:7px;color:var(--ink);background:linear-gradient(90deg,#ff2d8a1f,#00e5ff0d);cursor:pointer;font:inherit;text-align:left}.district-button strong{color:var(--magenta)}.district-button span{font-size:.72rem}.district-button small{color:var(--gold);font-size:.6rem}.siege-shell{position:relative;overflow:auto;flex:1 1 auto;min-height:0;height:100%;padding:0}.siege-war-room{position:relative;min-height:inherit;display:grid;align-items:end;padding:clamp(1.2rem,3vw,2.4rem);background:linear-gradient(180deg,#04060a59,#08040ad1 48%,#050308),var(--siege-hero) center / cover no-repeat}.siege-war-room-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 70% 30%,rgba(255,45,138,.28),transparent 58%),radial-gradient(ellipse 50% 40% at 12% 80%,rgba(0,229,255,.12),transparent 50%),linear-gradient(90deg,#050308e0,#05030873 55%,#050308b3);pointer-events:none}.siege-war-room-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,45,138,.035) 3px,rgba(255,45,138,.035) 4px);mix-blend-mode:screen;opacity:.65;animation:siegeScanDrift 12s linear infinite}.siege-war-room-copy{position:relative;z-index:2;max-width:640px}.siege-kicker{margin:0 0 .35rem;font:700 .72rem/1.2 var(--font-display);letter-spacing:.22em;color:var(--magenta);text-shadow:0 0 18px rgba(255,45,138,.45)}.siege-war-room-copy h2{margin:0 0 .5rem;font:800 clamp(1.6rem,4vw,2.55rem) / 1.05 var(--font-display);letter-spacing:.06em;color:#f4f7fb;text-shadow:0 0 24px rgba(255,45,138,.35),0 2px 0 #000}.siege-lede{margin:0 0 1.1rem;max-width:38ch;color:#c9d4e2;font-size:.98rem;line-height:1.45}.siege-ops{list-style:none;margin:0 0 1.15rem;padding:0;display:grid;gap:.55rem}.siege-ops li{display:grid;grid-template-columns:7.5rem 1fr;gap:.65rem;align-items:baseline;padding:.45rem .55rem;border-left:2px solid rgba(255,45,138,.55);background:linear-gradient(90deg,rgba(255,45,138,.12),transparent 70%),var(--tex-panel-wash),var(--tex-panel) left center / 180% auto no-repeat}.siege-ops strong{font:700 .68rem/1.2 var(--font-display);letter-spacing:.12em;color:var(--cyan)}.siege-ops span{color:#b8c5d6;font-size:.82rem;line-height:1.35}.siege-wave-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1.2rem}.siege-wave-card{display:grid;gap:.2rem;padding:.65rem .7rem;border:1px solid rgba(255,45,138,.35);background:linear-gradient(160deg,#ff2d8a24,#00000080),var(--tex-panel) center / cover no-repeat,#06080eb8;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.siege-wave-card small{font:700 .58rem/1.2 var(--font-display);letter-spacing:.14em;color:var(--magenta)}.siege-wave-card strong{font-size:.82rem;color:var(--ink)}.siege-wave-card span{font-size:.68rem;color:var(--muted)}.siege-briefing-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.mode-ranked-rails{display:inline-flex;align-items:center;gap:.4rem}.mode-ranked-rails img{width:.95rem;height:.95rem;object-fit:contain}.ranked-shell{position:relative;overflow:auto;flex:1 1 auto;min-height:0;height:100%;padding:0}.ranked-lobby{position:relative;min-height:inherit;display:grid;align-items:stretch;padding:clamp(1.2rem,3vw,2.4rem);background:linear-gradient(180deg,#04060a4d,#08040cc7 45%,#050308),var(--ranked-hero) center / cover no-repeat}.ranked-lobby-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:1.15rem;align-items:end;width:100%;max-width:1180px}@media(max-width:900px){.ranked-lobby-grid{grid-template-columns:1fr;align-items:stretch}}.ranked-lobby-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 50% at 78% 28%,rgba(255,45,138,.26),transparent 58%),radial-gradient(ellipse 48% 42% at 14% 72%,rgba(41,171,226,.18),transparent 52%),linear-gradient(90deg,#050308e6,#0503086b 58%,#050308b8);pointer-events:none}.ranked-lobby-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,229,255,.03) 3px,rgba(0,229,255,.03) 4px);mix-blend-mode:screen;opacity:.55}.ranked-lobby-copy{position:relative;z-index:2;max-width:720px;display:grid;gap:1rem}.ranked-kicker{margin:0;font:700 .72rem/1.2 var(--font-display);letter-spacing:.22em;color:var(--magenta);text-shadow:0 0 18px rgba(255,45,138,.45)}.ranked-lobby-copy h2{margin:0;font:800 clamp(1.55rem,3.8vw,2.45rem) / 1.08 var(--font-display);letter-spacing:.04em;color:#f4f7fb;text-shadow:0 0 24px rgba(255,45,138,.3),0 2px 0 #000}.ranked-lede{margin:0;max-width:46ch;color:#c9d4e2;font-size:.96rem;line-height:1.45}.ranked-rail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ranked-rail-card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;text-align:left;padding:.9rem 1rem;border:1px solid rgba(0,229,255,.28);background:linear-gradient(155deg,#29abe224,#0000008c),var(--tex-panel) center / cover no-repeat,#06080ec7;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));cursor:pointer;color:inherit;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.ranked-rail-card.rail-hbar{border-color:#ff2d8a52;background:linear-gradient(155deg,#ff2d8a24,#0000008c),var(--tex-panel) center / cover no-repeat,#06080ec7}.ranked-rail-card:hover,.ranked-rail-card.active{transform:translateY(-1px);box-shadow:0 0 0 1px #00e5ff59,0 12px 32px #00000059}.ranked-rail-card.rail-hbar:hover,.ranked-rail-card.rail-hbar.active{box-shadow:0 0 0 1px #ff2d8a66,0 12px 32px #00000059}.ranked-rail-card.active{border-color:var(--cyan)}.ranked-rail-card.rail-hbar.active{border-color:var(--magenta)}.ranked-rail-logo{width:7.2rem;height:2.6rem;object-fit:contain}.ranked-rail-logo.hedera-lockup{width:7.5rem;height:2.4rem;padding:0;background:transparent;border-radius:0}.ranked-rail-meta{display:grid;gap:.12rem}.ranked-rail-meta small{font:700 .58rem/1.2 var(--font-display);letter-spacing:.16em;color:var(--cyan)}.ranked-rail-card.rail-hbar .ranked-rail-meta small{color:var(--magenta)}.ranked-rail-meta strong{font:800 1.05rem/1.15 var(--font-display);letter-spacing:.06em;color:#f4f7fb}.ranked-rail-meta em{font-style:normal;font:700 .92rem/1.2 var(--font-display);color:var(--cyan)}.ranked-rail-card.rail-hbar .ranked-rail-meta em{color:var(--magenta)}.ranked-rail-meta span{font-size:.72rem;color:var(--muted)}.ranked-pack-promo{position:relative;overflow:hidden;min-height:7.5rem;padding:1rem 1.1rem;border:1px solid rgba(0,229,255,.22);background:linear-gradient(100deg,#050308e0,#0503088c 42%,#05030859),var(--tex-metal-wash),var(--pack-plate) right center / cover no-repeat;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.ranked-pack-promo-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,3,8,.82) 0%,rgba(5,3,8,.35) 55%,transparent 100%)}.ranked-pack-promo-copy{position:relative;z-index:1;max-width:34ch;display:grid;gap:.28rem}.ranked-pack-promo-copy small{font:700 .58rem/1.2 var(--font-display);letter-spacing:.16em;color:var(--magenta)}.ranked-pack-promo-copy strong{font:800 1rem/1.2 var(--font-display);letter-spacing:.04em;color:#f4f7fb}.ranked-pack-promo-copy p{margin:0;font-size:.8rem;line-height:1.4;color:#b8c5d6}.ranked-pack-marks{display:inline-flex;align-items:center;gap:.45rem;margin-top:.25rem}.ranked-pack-marks img{width:1rem;height:1rem;object-fit:contain}.ranked-pack-marks span{font:600 .68rem/1 var(--font-display);letter-spacing:.08em;color:#f4f7fbb8}.ranked-lobby-note{margin:0;font-size:.78rem;color:var(--cyan)}.ranked-marshal-line{margin:.35rem 0 .75rem;font-size:.78rem;letter-spacing:.04em;color:var(--cyan);opacity:.9}.ranked-tab-row{display:flex;gap:.5rem;margin:.75rem 0}.ranked-tab-row button{flex:1;padding:.45rem .6rem;border:1px solid rgba(0,229,255,.35);background:transparent;color:inherit;cursor:pointer}.ranked-tab-row button.active{background:#00e5ff26;border-color:var(--cyan)}.ranked-code-box{margin:.75rem 0;padding:.75rem;border:1px solid rgba(255,45,138,.35);background:#00000059;font-size:.78rem}.ranked-code-box ol{margin:.4rem 0 .6rem;padding-left:1.2rem}.ranked-room-panel{margin:.75rem 0;padding:.75rem;border:1px solid rgba(0,229,255,.25);background:#0006}.ranked-lounge{display:flex;flex-direction:column;min-height:22rem;max-height:min(70vh,36rem);padding:.85rem .9rem;border:1px solid rgba(0,229,255,.28);background:#05030ad1;box-shadow:0 0 28px #ff2d8a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ranked-lounge-head{display:grid;gap:.35rem;margin-bottom:.55rem}.ranked-lounge-head .ranked-kicker{letter-spacing:.16em}.ranked-lounge-meta{margin:0;font-size:.72rem;color:#9eb0c4}.ranked-chat-tabs{display:flex;gap:.35rem}.ranked-chat-tabs button{flex:1;min-height:2rem;padding:.28rem .45rem;border:1px solid rgba(255,255,255,.16);background:#00000059;color:#c9d4e2;font:700 .68rem/1 var(--font-display);letter-spacing:.12em;cursor:pointer}.ranked-chat-tabs button.active{border-color:#00e5ff8c;color:#f4f7fb;box-shadow:0 0 12px #00e5ff2e}.ranked-lounge .ranked-chat-log{flex:1 1 auto;min-height:10rem;max-height:none;overflow-y:auto;font-size:.78rem;margin-bottom:.55rem;padding-right:.2rem}.ranked-chat-log p{margin:0 0 .4rem;line-height:1.35;word-break:break-word}.ranked-chat-log small{display:inline-block;margin-right:.35rem;color:var(--magenta);font-weight:700;letter-spacing:.04em}.ranked-chat-empty{margin:.4rem 0;color:#9eb0c4;font-style:italic}.ranked-chat-compose{display:flex;gap:.35rem}.ranked-chat-compose input{flex:1;min-width:0;padding:.4rem;background:#00000080;border:1px solid rgba(255,255,255,.2);color:inherit}.ranked-chat-compose input:disabled{opacity:.55}.ranked-cup-list{list-style:none;padding:0;margin:.5rem 0}.ranked-cup-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.ranked-lobby-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.ranked-enter-btn{letter-spacing:.06em}.ranked-fee-box{display:grid;gap:.55rem}.ranked-rail-switch{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ranked-rail-btn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.4rem;align-items:center;text-align:left;padding:.4rem .5rem!important}.ranked-rail-btn img{grid-row:1 / span 2;width:1.15rem;height:1.15rem;object-fit:contain}.ranked-rail-btn span{font:700 .72rem/1.1 var(--font-display);letter-spacing:.06em}.ranked-rail-btn small{font-size:.62rem;color:var(--muted)}.ranked-rail-btn.active small{color:var(--cyan)}.ranked-back-lobby{justify-self:start;font-size:.72rem}@media(max-width:720px){.ranked-rail-grid{grid-template-columns:1fr}.ranked-pack-promo{background-position:center}.ranked-pack-promo-copy{max-width:none}}.siege-deploy-btn{min-width:220px;letter-spacing:.14em;box-shadow:0 0 28px #ff2d8a47}.fight-shell-siege .arena-stage-siege{border-color:#ff2d8a6b;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,45,138,.16),transparent 55%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(40,8,18,.55),transparent 50%),linear-gradient(180deg,#120810,#07060c 55%,#050308)}.fight-shell-siege .arena-stage-siege:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(255,45,138,.03) 2px,rgba(255,45,138,.03) 3px);mix-blend-mode:screen}.fight-shell-siege .arena-svg.ornaments{opacity:.85;filter:hue-rotate(-18deg) saturate(1.25)}.siege-hud{position:absolute;top:.7rem;left:50%;transform:translate(-50%);z-index:12;width:min(720px,calc(100% - 1.4rem));display:grid;gap:.45rem;padding:.55rem .75rem .65rem;border:1px solid rgba(255,45,138,.4);background:linear-gradient(180deg,#12060ceb,#040408e0);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 0 32px #ff2d8a2e;pointer-events:none}.siege-hud-title{display:flex;flex-direction:column;gap:.1rem;text-align:center}.siege-hud-title small{font:700 .58rem/1.2 var(--font-display);letter-spacing:.2em;color:var(--magenta)}.siege-hud-title strong{font:800 .95rem/1.1 var(--font-display);letter-spacing:.12em;color:#f2f6fb}.siege-hud-meters{display:grid;grid-template-columns:1fr 1fr auto;gap:.55rem;align-items:end}.siege-meter{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;align-items:center}.siege-meter span{font:700 .52rem/1 var(--font-display);letter-spacing:.12em;color:var(--muted)}.siege-meter em{font:700 .62rem/1 var(--font-mono);font-style:normal;color:var(--ink)}.siege-meter-track{height:7px;border:1px solid rgba(255,255,255,.12);background:#0a0a10;overflow:hidden}.siege-meter-track i{display:block;height:100%;transition:width .45s var(--ease-out)}.siege-meter.seal .siege-meter-track i{background:linear-gradient(90deg,var(--cyan),#7af0ff);box-shadow:0 0 10px #00e5ff8c}.siege-meter.threat .siege-meter-track i{background:linear-gradient(90deg,#7a1238,var(--magenta),#ff6ab0);box-shadow:0 0 10px #ff2d8a8c}.siege-wave-pips{display:flex;gap:.3rem}.siege-pip{min-width:1.7rem;padding:.22rem .28rem;text-align:center;font:700 .58rem/1 var(--font-display);letter-spacing:.08em;color:var(--muted);border:1px solid rgba(255,255,255,.14);background:#00000059}.siege-pip.active{color:#041018;border-color:var(--magenta);background:var(--magenta);box-shadow:0 0 14px #ff2d8a73}.siege-pip.done{color:var(--cyan);border-color:#00e5ff73}.fight-cta-siege .fight-cta-sub{color:#ffb3d0;text-shadow:0 0 12px rgba(255,45,138,.55)}.siege-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(255,45,138,.22),transparent 65%),#020206c7;cursor:pointer;animation:siegeOverlayIn .45s var(--ease-out) both}.siege-overlay-frame{position:relative;width:min(520px,100%);padding:1.6rem 1.4rem 1.35rem;text-align:center;border:1px solid rgba(255,45,138,.5);background:linear-gradient(165deg,#16060ef5,#040408f2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:0 0 48px #ff2d8a47;overflow:hidden}.siege-overlay-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,229,255,.04) 2px,rgba(0,229,255,.04) 3px)}.siege-overlay-kicker{position:relative;margin:0 0 .4rem;font:700 .68rem/1.2 var(--font-display);letter-spacing:.24em;color:var(--magenta)}.siege-overlay h3{position:relative;margin:0 0 .65rem;font:800 clamp(1.35rem,3.5vw,1.9rem) / 1.1 var(--font-display);letter-spacing:.08em;color:#f5f8fc;text-shadow:0 0 22px rgba(255,45,138,.4)}.siege-overlay-body{position:relative;margin:0 auto 1rem;max-width:36ch;color:#c5d0de;font-size:.9rem;line-height:1.45}.siege-reward-row{position:relative;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:.9rem}.siege-overlay-continue{position:relative;display:inline-block;font:700 .62rem/1.2 var(--font-display);letter-spacing:.18em;color:var(--cyan);animation:siegeContinuePulse 1.6s var(--ease-in-out) infinite}.siege-overlay.kind-defeat .siege-overlay-kicker,.siege-overlay.kind-defeat h3{color:#ff6a9e}.siege-overlay.kind-victory .siege-overlay-kicker{color:var(--gold)}.siege-dock-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.siege-dock-wave{display:grid;grid-template-columns:auto 1fr auto;gap:.45rem;align-items:center;padding:.55rem .65rem;border:1px solid rgba(255,45,138,.22);background:linear-gradient(90deg,#ff2d8a14,#00000040);opacity:.55}.siege-dock-wave.active{opacity:1;border-color:#ff2d8a8c;box-shadow:inset 0 0 0 1px #ff2d8a26}.siege-dock-wave.done{opacity:.85;border-color:#00e5ff59}.siege-dock-wave strong{font:800 .78rem/1 var(--font-display);color:var(--magenta)}.siege-dock-wave.done strong{color:var(--cyan)}.siege-dock-wave span{font-size:.72rem;color:var(--ink)}.siege-dock-wave small{font:700 .55rem/1 var(--font-display);letter-spacing:.08em;color:var(--gold)}@keyframes siegeScanDrift{0%{background-position:0 0}to{background-position:0 48px}}@keyframes siegeOverlayIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes siegeContinuePulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:760px){.siege-ops li{grid-template-columns:1fr;gap:.15rem}.siege-wave-preview,.siege-hud-meters{grid-template-columns:1fr}.siege-dock-status{grid-column:1;grid-template-columns:1fr}}@media(max-width:760px){.fight-shell{margin:-1.25rem}.fight-shell .arena-stage{min-height:0}.combat-drawer{position:absolute;top:auto;right:.6rem;bottom:.6rem;left:auto;width:min(300px,calc(100% - 1.2rem));max-height:48%}.combat-drawer:not(.is-open){width:min(260px,calc(100% - 1.2rem))}.fight-cta{bottom:.75rem;width:clamp(140px,18%,220px)}.shop-dock{min-height:0}.armory-dock{flex-basis:42%;height:42%;min-height:260px;max-height:none}.armory-chrome{grid-template-columns:1fr auto;clip-path:none}.armory-chrome .dock-title{border-right:0;padding-right:0}.armory-formation{grid-column:1 / -1;order:3}.armory-caps{justify-content:flex-start;grid-column:1 / -1;order:4}.armory-body.has-coach{grid-template-columns:1fr}.armory-coach{max-height:5.5rem;overflow:hidden}.armory-preview{grid-template-columns:36px minmax(0,1fr)}.armory-preview-meta{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.armory-grid{grid-template-columns:repeat(var(--armory-cols, 4),minmax(0,1fr))}.dock-toolbar{gap:.4rem}.dock-title{border-right:0;padding-right:0;flex:1 1 auto}.dock-toolbar .refresh-seal{margin-left:0}.tactics-rail-toggle{grid-template-columns:1fr auto;grid-template-areas:"label chevron" "blurb blurb" "tips tips"}.tactics-rail-label{grid-area:label}.tactics-rail-blurb{grid-area:blurb}.tactics-tip-row{grid-area:tips;justify-content:flex-start;max-width:none}.tactics-rail-chevron{grid-area:chevron}.district-strip{grid-column:1}.siege-dock-status{grid-template-columns:1fr}.projected-badge{width:78px}}@media(prefers-reduced-motion:reduce){.atmos-layer,.hub-title,.mode-card,.mini-card,.mini-card-foil,.collector-card-flipper,.foil-sheen,.arena-stage.shake,.arena-stage.shake-hard,.unit.hit,.unit.ability-glow,.vfx-burst,.vfx-telegraph,.vfx-projectile,.banner,.story-victory,.story-victory-art,.story-victory-burst span,.story-victory-kicker,.victory-chip,.story-victory-continue,.siege-overlay,.siege-war-room-scan,.siege-overlay-continue,.recruit-reveal-card,.recruit-reveal-rings,.recruit-reveal.awaiting-continue .recruit-reveal-skip,.combat-text,.combat-drawer.hologram-feed:after,.hologram-feed__line,.armory-slot.is-next,.armory-tile{animation:none!important;transition:none!important}.mode-card:hover,.mini-card:hover,.mini-card.selected,.armory-tile:hover,.armory-tile.selected,.armory-tile-wrap.is-hovered .armory-tile,.armory-tile-wrap.is-selected .armory-tile{transform:none}.collector-card-stage.is-flipped .collector-card-flipper{transform:rotateY(180deg)}.hub-backdrop img{opacity:.32}}.rarity-recruit{--rarity-edge: #667985;--rarity-glow: rgba(105, 128, 141, .18)}.rarity-warden{--rarity-edge: #00e5ff;--rarity-glow: rgba(0, 229, 255, .38)}.rarity-captain{--rarity-edge: #ffd246;--rarity-glow: rgba(255, 210, 70, .42)}.rarity-legend{--rarity-edge: #ff2d8a;--rarity-glow: rgba(255, 45, 138, .5)}.mini-card.rarity-recruit{border-color:#52636d;box-shadow:inset 0 2px #8898a0,inset 0 -2px #030507,0 10px 18px #00000080}.mini-card.rarity-warden{border-color:var(--rarity-edge);box-shadow:inset 0 1px #dcfdff73,0 0 16px var(--rarity-glow),0 12px 20px #0009}.mini-card.rarity-captain{border-color:var(--rarity-edge);box-shadow:inset 0 0 0 1px #fff0a866,0 0 18px var(--rarity-glow),0 12px 22px #000b}.mini-card.rarity-legend{border-color:var(--rarity-edge);background:linear-gradient(120deg,#ff2d8a47,#ffd24642 48%,#00e5ff2e),#08060c;box-shadow:inset 0 0 0 1px #ffd24699,0 0 13px #ff2d8a99,0 0 25px #ffd24655,0 14px 24px #000c;animation:legendFoil 2.8s ease-in-out infinite alternate}.rarity-captain .mini-card-rank{color:#ffe27c;border-color:#ffd24688}.rarity-legend .mini-card-rank{color:#ffaad0;border-color:#ffd24699}.foil-viewer.rarity-warden{border-color:#00e5ff80;box-shadow:inset 0 0 30px #00e5ff12,0 0 24px var(--rarity-glow)}.foil-viewer.rarity-captain{border-color:#ffd24699;box-shadow:inset 0 0 35px #ffd24612,0 0 26px var(--rarity-glow)}.foil-viewer.rarity-legend{border-color:#ff2d8acc;box-shadow:inset 0 0 42px #ffd24614,0 0 20px #ff2d8a66,0 0 38px #ffd24633}.collector-card-flipper.rarity-recruit .collector-card-face,.collector-card-flipper.rarity-warden .collector-card-face,.collector-card-flipper.rarity-captain .collector-card-face,.collector-card-flipper.rarity-legend .collector-card-face{border-color:var(--rarity-edge);box-shadow:inset 0 2px #ffffff59,0 28px 50px #0009,0 0 32px var(--rarity-glow)}.collector-card-flipper.rarity-legend .collector-card-face{box-shadow:inset 0 0 0 2px #ffd24688,0 28px 50px #000a,0 0 25px #ff2d8a99,0 0 44px #ffd24644}.unit.rarity-recruit,.unit.rarity-warden,.unit.rarity-captain,.unit.rarity-legend,.projected-badge.rarity-recruit,.projected-badge.rarity-warden,.projected-badge.rarity-captain,.projected-badge.rarity-legend{border-color:var(--rarity-edge);box-shadow:0 0 15px var(--rarity-glow),0 8px 24px #0000007a}.unit.rarity-captain,.projected-badge.rarity-captain{box-shadow:inset 0 0 0 1px #fff0a844,0 0 18px var(--rarity-glow),0 8px 24px #0009}.unit.rarity-legend,.projected-badge.rarity-legend{box-shadow:inset 0 0 0 1px #ffd24699,0 0 14px #ff2d8aaa,0 0 26px #ffd24655}.owned-seal{position:absolute;z-index:3;right:.38rem;bottom:.42rem;padding:.18rem .32rem;border:1px solid #ffd246aa;clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%);background:linear-gradient(180deg,#30260eeb,#0a0802ee);color:#ffe797;font:800 .44rem/1 var(--font-display);letter-spacing:.11em;text-shadow:0 1px #000;box-shadow:0 0 10px #ffd24644;pointer-events:none}.seen-seal{position:absolute;z-index:3;right:.38rem;bottom:.42rem;padding:.18rem .32rem;border:1px solid #9eb0b777;background:#040a0ed6;color:#a9bbc2;font:700 .44rem/1 var(--font-display);letter-spacing:.11em}.combat-text{position:absolute;z-index:12;pointer-events:none;transform:translate(-50%,-50%);color:#fff;font:900 clamp(1.05rem,2.6vw,1.85rem)/1 var(--font-display);letter-spacing:.04em;text-shadow:0 2px 2px #000,0 0 12px currentColor,0 0 2px #000;animation:combatFloat var(--combat-float) var(--ease-out) forwards;-webkit-font-smoothing:antialiased}.combat-text-crit{color:#ffd246!important;font-size:clamp(1.25rem,3vw,2.1rem);letter-spacing:.08em;text-shadow:0 2px 2px #000,0 0 12px #ffd246,0 0 28px rgba(255,45,138,.65),0 0 40px rgba(0,229,255,.35);animation:combatFloatCrit var(--combat-float) var(--ease-out) forwards}@keyframes combatFloatCrit{0%{opacity:0;transform:translate(-50%,-20%) scale(.7);filter:brightness(1.6)}15%{opacity:1;transform:translate(-50%,-52%) scale(1.18);filter:brightness(1.3)}70%{opacity:1;transform:translate(-50%,-118%) scale(1.02)}to{opacity:0;transform:translate(-50%,-165%) scale(.95)}}.combat-text-ability{padding:.22rem .42rem;border:1px solid currentColor;background:#02080ee0;color:#bffcff!important;font-size:clamp(.52rem,1.1vw,.72rem);letter-spacing:.14em}@keyframes combatFloat{0%{opacity:0;transform:translate(-50%,-20%) scale(.88)}18%{opacity:1;transform:translate(-50%,-48%) scale(1.04)}70%{opacity:1;transform:translate(-50%,-110%) scale(1)}to{opacity:0;transform:translate(-50%,-155%) scale(.96)}}.recruit-reveal{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:1.1rem;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 50% 48%,rgba(0,229,255,.18),transparent 34%),linear-gradient(145deg,#02060ce0,#120412e6),var(--tex-metal) center / cover no-repeat,linear-gradient(145deg,#02060cf5,#120412f7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.recruit-reveal-rings{position:absolute;width:min(78vw,680px);aspect-ratio:1;border:1px solid #00e5ff55;border-radius:50%;box-shadow:inset 0 0 50px #ff2d8a22,0 0 60px #00e5ff22;animation:revealRings 5s linear infinite}.recruit-reveal-card{position:relative;z-index:1;width:min(62vw,330px);aspect-ratio:2.5 / 3.5;perspective:1300px;filter:drop-shadow(0 0 28px var(--rarity-glow))}.recruit-reveal-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .95s var(--ease-out)}.phase-front .recruit-reveal-inner,.phase-recruited .recruit-reveal-inner{transform:rotateY(180deg) scale(1.03)}.phase-recruited .recruit-reveal-card{animation:recruitedPulse .85s var(--ease-out) both}.recruit-reveal-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:6px;border:3px solid var(--rarity-edge);border-radius:18px;background:#05090d;box-shadow:inset 0 0 0 1px #fff5,0 0 28px var(--rarity-glow);backface-visibility:hidden}.rarity-legend .recruit-reveal-face{box-shadow:inset 0 0 0 2px #ffd246aa,0 0 28px #ff2d8aaa,0 0 48px #ffd24655}.recruit-reveal-face img{display:block;width:100%;height:100%;border-radius:11px;object-fit:cover}.recruit-reveal-front{transform:rotateY(180deg)}.recruit-reveal-front .foil-sheen{top:6px;right:6px;bottom:6px;left:6px}.recruit-reveal-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:.35rem;text-transform:uppercase}.recruit-reveal-copy small{color:var(--rarity-edge);font:700 .65rem/1 var(--font-display);letter-spacing:.18em}.recruit-reveal-copy strong{color:#eafeff;font:800 clamp(1.1rem,3vw,2rem)/1 var(--font-display);letter-spacing:.13em;text-shadow:0 0 18px var(--rarity-glow)}.phase-recruited .recruit-reveal-copy strong{color:#ffd246;animation:recruitedWord .7s var(--ease-out) both}.recruit-reveal-stats{color:#d9fbff;font:700 .62rem/1.35 var(--font-display);letter-spacing:.1em}.recruit-reveal-skip{margin-top:.2rem;color:#7e939d;font:600 .48rem/1 var(--font-display);letter-spacing:.12em}.recruit-reveal.awaiting-continue{cursor:pointer}.recruit-reveal.awaiting-continue .recruit-reveal-skip{color:#b7d4dc;letter-spacing:.14em;animation:continueHintPulse 1.8s ease-in-out infinite}@keyframes continueHintPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes revealRings{to{transform:rotate(360deg)}}@keyframes recruitedPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.22)}to{transform:scale(1);filter:brightness(1)}}@keyframes recruitedWord{0%{opacity:0;transform:scale(.88) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes legendFoil{0%{filter:brightness(1)}to{filter:brightness(1.14) saturate(1.18)}}.dossier-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;display:grid;place-items:stretch;padding:0;background:radial-gradient(ellipse at 50% 12%,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 52%),radial-gradient(ellipse at 80% 90%,color-mix(in srgb,#ff2d8a 8%,transparent),transparent 45%),#010408f0;-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15);overflow:hidden;opacity:0;transition:opacity .2s var(--ease-out)}.dossier-modal-backdrop.dossier-backdrop-in{opacity:1}.dossier-modal-backdrop.dossier-backdrop-out{opacity:0}.card-dossier{position:relative;isolation:isolate;border:1px solid rgba(162,223,229,.3);border-radius:8px;background:linear-gradient(90deg,transparent 49.85%,rgba(0,229,255,.06) 50%,transparent 50.15%),radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--dossier-accent, #00e5ff) 26%,transparent),transparent 42%),radial-gradient(circle at 92% 88%,color-mix(in srgb,var(--dossier-accent, #00e5ff) 12%,transparent),transparent 38%),linear-gradient(155deg,#0c1620fa,#02060afe);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #00e5ff12,0 0 0 1px #00000073,0 36px 80px #0000009e,0 0 60px color-mix(in srgb,var(--dossier-accent, #00e5ff) 12%,transparent);padding:clamp(.9rem,2vw,1.45rem);max-height:min(94vh,980px);overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(12px) scale(.978);transition:opacity .22s var(--ease-out),transform .26s var(--ease-out)}.card-dossier.dossier-entered{opacity:1;transform:translateY(0) scale(1)}.card-dossier.dossier-exiting{opacity:0;transform:translateY(10px) scale(.985)}.dossier-glass-rim{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 26%,transparent 70%,rgba(0,229,255,.1));mix-blend-mode:screen;opacity:.6;z-index:0}.dossier-holo-edge{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dossier-accent, #00e5ff) 38%,transparent),inset 0 0 32px color-mix(in srgb,var(--dossier-accent, #00e5ff) 10%,transparent);z-index:0}.dossier-depth-glow{pointer-events:none;position:absolute;inset:-20% -10% auto;height:48%;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--dossier-accent, #00e5ff) 18%,transparent),transparent 70%);opacity:.7;z-index:0}.dossier-scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.035) 2px,rgba(0,0,0,.035) 3px);opacity:.35;mix-blend-mode:multiply;z-index:0}.card-dossier.dossier-panel{min-height:72vh}.card-dossier.dossier-modal{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;padding:max(.7rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(.55rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.dossier-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;padding-bottom:.65rem;border-bottom:1px solid rgba(0,229,255,.18)}.dossier-header-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.dossier-nav{display:flex;gap:.28rem}.dossier-nav-btn{width:2rem;height:2rem;border:1px solid rgba(0,229,255,.28);border-radius:2px;background:#00000073;color:#dffcff;cursor:pointer;font:inherit;font-size:.95rem;line-height:1;transition:border-color .14s var(--ease-out),box-shadow .14s var(--ease-out),transform .14s var(--ease-out)}.dossier-nav-btn:hover:not(:disabled),.dossier-nav-btn:focus-visible:not(:disabled){border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #00e5ff40;transform:translateY(-1px)}.dossier-nav-btn:disabled{opacity:.35;cursor:not-allowed}.dossier-kicker{margin:0 0 .35rem;color:#d5ae58;font-size:.62rem;font-weight:700;letter-spacing:.16em}.dossier-header h2{margin:0 0 .12rem;font-family:var(--font-display);font-size:clamp(1.45rem,3.4vw,2.35rem);letter-spacing:.03em;text-shadow:0 0 28px color-mix(in srgb,var(--dossier-accent, #00e5ff) 22%,transparent)}.dossier-classline{margin:0 0 .28rem;color:#dffcff;font-family:var(--font-display);font-size:clamp(.92rem,1.6vw,1.15rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dossier-faction{margin:0 0 .25rem;font-weight:700;letter-spacing:.04em}.dossier-rankline{margin:0;font-size:.82rem;color:var(--muted)}.dossier-identity{margin:0 0 .85rem;padding:.7rem .75rem .8rem;border:1px solid rgba(0,229,255,.16);border-radius:4px;background:#00080c73}.dossier-identity>small{display:block;margin-bottom:.45rem;color:#d5ae58;font-size:.58rem;font-weight:700;letter-spacing:.16em}.dossier-identity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.55rem .75rem;margin:0}.dossier-identity-grid>div{min-width:0}.dossier-identity-grid dt{margin:0 0 .12rem;color:#6f8892;font-size:.52rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dossier-identity-grid dd{margin:0;color:#e8ffff;font-size:.86rem;font-weight:650;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}.dossier-combat-seals{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:.7rem 0 .15rem}.dossier-combat-seals span{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:.4rem .2rem .45rem;border:1px solid rgba(0,229,255,.2);border-radius:3px;background:#00060a8c}.dossier-combat-seals small{color:#6f8892;font-size:.48rem;font-weight:700;letter-spacing:.14em}.dossier-combat-seals strong{color:#dffcff;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em}.dossier-close{flex-shrink:0;width:2rem;height:2rem;border:1px solid rgba(0,229,255,.28);border-radius:2px;background:#00000073;color:#dffcff;cursor:pointer;font:inherit;font-size:.85rem;line-height:1;transition:border-color .14s var(--ease-out),box-shadow .14s var(--ease-out)}.dossier-close:hover,.dossier-close:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #00e5ff40}.dossier-ability-sticky{position:relative;z-index:2;display:flex;align-items:center;gap:.65rem;margin:0 0 .55rem;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 42%,transparent);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--dossier-accent, #00e5ff) 18%,transparent),#00000061);box-shadow:0 0 22px color-mix(in srgb,var(--dossier-accent, #00e5ff) 20%,transparent),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dossier-ability-orb{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 55%,#fff);background:var(--icon) center / 62% no-repeat,radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 50%),#020a0ee6;box-shadow:0 0 16px color-mix(in srgb,var(--dossier-accent, #00e5ff) 48%,transparent)}.dossier-ability-sticky-copy{flex:1;min-width:0}.dossier-ability-sticky-copy small{display:block;margin:0;color:#7f9aa5;font-size:.52rem;font-weight:700;letter-spacing:.16em}.dossier-ability-sticky-copy strong{color:var(--gold);font-size:1.02rem;letter-spacing:.04em}.dossier-lane-badge{flex-shrink:0;padding:.28rem .5rem;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 45%,transparent);border-radius:2px;background:#000c12b8;color:#b7f6ff;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dossier-lane-badge.role-gate{border-color:color-mix(in srgb,var(--gold) 55%,transparent);color:#ffe797;box-shadow:0 0 12px #ffd24633}.dossier-lane-badge.role-backline,.dossier-lane-badge.role-mid{border-color:color-mix(in srgb,#ff2d8a 45%,transparent);color:#ffb3d4}.dossier-lane-badge.sticky{margin-left:auto}.dossier-tabs{position:relative;z-index:2;display:flex;gap:.28rem;margin:0 0 .7rem;padding:.2rem;border:1px solid rgba(0,229,255,.16);border-radius:4px;background:#00080c8c}.dossier-tab{flex:1;min-height:2rem;padding:.35rem .45rem;border:1px solid transparent;border-radius:3px;background:transparent;color:#8fadb8;cursor:pointer;font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .14s var(--ease-out),background .14s var(--ease-out),border-color .14s var(--ease-out),box-shadow .14s var(--ease-out)}.dossier-tab:hover,.dossier-tab:focus-visible{color:#dffcff;outline:none;background:#00e5ff0f}.dossier-tab.is-active{color:#061016;border-color:color-mix(in srgb,var(--dossier-accent, #00e5ff) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--dossier-accent, #00e5ff) 88%,#fff),color-mix(in srgb,var(--dossier-accent, #00e5ff) 72%,#0a2030));box-shadow:0 0 16px color-mix(in srgb,var(--dossier-accent, #00e5ff) 35%,transparent)}.dossier-scroll{position:relative;z-index:1;flex:1;min-height:0;overflow:auto;padding-right:.15rem}.dossier-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1.25rem;align-items:start}@media(max-width:900px){.dossier-layout{grid-template-columns:1fr}.dossier-lane-badge.sticky{display:none}}.dossier-art-column{display:flex;flex-direction:column;gap:.85rem;perspective:900px}.dossier-art-frame{position:relative;padding:.95rem;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 36%,transparent);border-radius:4px;background:linear-gradient(160deg,#7eb0b61f,#0006),#02080cb8;box-shadow:inset 0 1px #ffffff12,0 14px 32px #0006,0 0 40px color-mix(in srgb,var(--dossier-accent, #00e5ff) 10%,transparent);transform-style:preserve-3d}.dossier-art-bevel{pointer-events:none;position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border:1px solid rgba(255,255,255,.07);border-radius:2px;box-shadow:inset 0 0 28px color-mix(in srgb,var(--dossier-accent, #00e5ff) 14%,transparent);z-index:1}.dossier-tilt-plane{position:relative;transform:rotateX(var(--tilt-rx, 0deg)) rotateY(var(--tilt-ry, 0deg));transform-style:preserve-3d;transition:transform 80ms linear;will-change:transform}.dossier-art-frame.is-flipped .dossier-tilt-plane{transform:none;transition:none}.dossier-art-frame .collector-card-flipper{width:min(100%,340px);margin-inline:auto;position:relative;z-index:2}.card-dossier.dossier-modal .dossier-art-frame .collector-card-flipper{width:min(100%,420px)}@media(min-width:1100px){.card-dossier.dossier-modal .dossier-layout{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)}.card-dossier.dossier-modal .dossier-art-frame .collector-card-flipper{width:min(100%,460px)}}.dossier-tilt-glare{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),rgba(255,255,255,.28),transparent 42%);mix-blend-mode:soft-light;opacity:.85}.dossier-art-skeleton{position:absolute;top:12%;right:18%;bottom:12%;left:18%;z-index:1;border-radius:4px;background:linear-gradient(90deg,#00e5ff0a,#00e5ff24,#00e5ff0a);background-size:200% 100%;animation:dossierSkeleton 1.2s var(--ease-in-out) infinite}@keyframes dossierSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.foil-sheen-live{animation:dossierFoilSweep 5.2s var(--ease-in-out) infinite}@keyframes dossierFoilSweep{0%,18%{background-position:92% 88%;opacity:.55}48%{background-position:18% 22%;opacity:.95}to{background-position:92% 88%;opacity:.55}}.dossier-art-actions{display:flex;flex-direction:column;gap:.45rem;margin-top:.75rem}.dossier-art-peek-btn{min-height:2rem;padding:.4rem .65rem;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 40%,transparent);border-radius:2px;background:linear-gradient(180deg,#00e5ff24,#000a0ebf);color:#b7f6ff;cursor:pointer;font:inherit;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:border-color .14s var(--ease-out),box-shadow .14s var(--ease-out)}.dossier-art-peek-btn:hover,.dossier-art-peek-btn:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #00e5ff38}.dossier-art-peek{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#000206eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:dossierPeekIn .18s var(--ease-out)}@keyframes dossierPeekIn{0%{opacity:0}to{opacity:1}}.dossier-art-peek img{max-width:min(92%,520px);max-height:min(82vh,780px);object-fit:contain;border-radius:4px;box-shadow:0 0 0 1px color-mix(in srgb,var(--dossier-accent, #00e5ff) 45%,transparent),0 24px 64px #000000a6,0 0 48px color-mix(in srgb,var(--dossier-accent, #00e5ff) 25%,transparent)}.dossier-art-peek-close{position:absolute;top:.85rem;right:.85rem;padding:.4rem .7rem;border:1px solid rgba(0,229,255,.35);border-radius:2px;background:#000a0ed9;color:#dffcff;cursor:pointer;font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dossier-meta{display:flex;flex-direction:column;gap:.75rem;animation:dossierPaneIn .22s var(--ease-out)}@keyframes dossierPaneIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dossier-meta small,.dossier-flavor small,.dossier-timeline small,.dossier-example small,.dossier-counter small,.dossier-pairs small,.dossier-related small,.dossier-win small,.dossier-formation small,.dossier-ability-tooltip small{display:block;margin-bottom:.35rem;color:#7f9aa5;font-size:.58rem;font-weight:700;letter-spacing:.16em}.dossier-ability,.dossier-role,.dossier-tips,.dossier-stats,.dossier-synergies,.dossier-flavor,.dossier-timeline,.dossier-example,.dossier-counter,.dossier-pairs,.dossier-related,.dossier-win,.dossier-formation,.dossier-ability-tooltip{padding:.72rem .8rem;border:1px solid rgba(180,222,226,.14);border-radius:4px;background:linear-gradient(180deg,#7eb0b617,#0000004d);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dossier-win{border-color:color-mix(in srgb,var(--gold) 42%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 14%,transparent),#0000004d)}.dossier-win p{margin:0;color:#f3e2a8;font-size:.9rem;line-height:1.45;font-weight:600}.dossier-flavor-hero p{font-size:.95rem;line-height:1.55}.dossier-formation-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.dossier-formation-head small{margin:0}.dossier-formation-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.55rem}.dossier-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem .35rem .65rem;border:1px solid rgba(0,229,255,.18);border-radius:3px;background:#00080c8c;text-align:center}.dossier-slot em{font-style:normal;font-size:.48rem;font-weight:700;letter-spacing:.14em;color:#6f8892}.dossier-slot strong{font-size:.72rem;letter-spacing:.08em;color:#c8d8de}.dossier-slot.role-gate strong{color:#ffe797}.dossier-slot.role-mid strong{color:#b7f6ff}.dossier-slot.role-backline strong{color:#ffb3d4}.dossier-slot.is-you{border-color:color-mix(in srgb,var(--dossier-accent, #00e5ff) 65%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--dossier-accent, #00e5ff) 18%,transparent),#00080ca6);box-shadow:0 0 18px color-mix(in srgb,var(--dossier-accent, #00e5ff) 28%,transparent),inset 0 0 12px color-mix(in srgb,var(--dossier-accent, #00e5ff) 12%,transparent)}.dossier-slot-you{margin-top:.1rem;padding:.12rem .35rem;border-radius:1px;background:color-mix(in srgb,var(--dossier-accent, #00e5ff) 85%,#fff);color:#041018;font-size:.48rem;font-weight:800;letter-spacing:.12em}.dossier-formation-caption{margin:0 0 .35rem;color:#dffcff;font-size:.82rem;line-height:1.4;font-weight:600}.dossier-formation-rule{margin:0;color:#7f9aa5;font-size:.68rem;line-height:1.4;letter-spacing:.02em}.dossier-ability-tooltip{border-color:color-mix(in srgb,var(--dossier-accent, #00e5ff) 40%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--dossier-accent, #00e5ff) 14%,transparent),#00000059)}.dossier-ability-title{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.dossier-ability-title strong{display:block;color:var(--gold);font-size:1.12rem;letter-spacing:.03em}.dossier-ability-rune{flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 55%,#fff);background:var(--icon) center / 58% no-repeat,radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 55%),#020a0eeb;box-shadow:0 0 18px color-mix(in srgb,var(--dossier-accent, #00e5ff) 45%,transparent),inset 0 0 10px color-mix(in srgb,var(--dossier-accent, #00e5ff) 18%,transparent)}.dossier-ability-spec{margin:0;display:flex;flex-direction:column;gap:.55rem}.dossier-ability-spec>div{display:grid;grid-template-columns:4.2rem 1fr;gap:.55rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,229,255,.1)}.dossier-ability-spec>div:last-child{padding-bottom:0;border-bottom:0}.dossier-ability-spec dt{margin:0;color:#7fd9e8;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding-top:.12rem}.dossier-ability-spec dd{margin:0;color:#c8d8de;font-size:.86rem;line-height:1.45}.dossier-effect,.dossier-role p,.dossier-tips li,.dossier-synergies li,.dossier-flavor p,.dossier-timeline p,.dossier-example p,.dossier-counter p{margin:0;font-size:.86rem;line-height:1.48;color:#c8d8de}.dossier-flavor p{font-style:italic;color:#b7c9d0}.dossier-intel-grid{display:grid;grid-template-columns:1fr;gap:.65rem}@media(min-width:1100px){.dossier-intel-grid{grid-template-columns:1fr 1fr}.dossier-counter{grid-column:1 / -1}}.dossier-tips ol,.dossier-synergies ul{margin:0;padding-left:1.15rem}.dossier-tips li+li,.dossier-synergies li+li{margin-top:.35rem}.dossier-stat-bars{display:flex;flex-direction:column;gap:.4rem}.dossier-stat-row{display:grid;grid-template-columns:2.4rem 1fr 2.2rem;align-items:center;gap:.45rem}.dossier-stat-row>span{font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--muted)}.dossier-stat-row strong{text-align:right;font-size:.9rem}.dossier-stat-track{height:8px;border-radius:1px;overflow:hidden;background:#00000073;border:1px solid rgba(0,229,255,.12)}.dossier-stat-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--dossier-accent, #00e5ff) 55%,#0a1520),var(--dossier-accent, #00e5ff));box-shadow:0 0 10px color-mix(in srgb,var(--dossier-accent, #00e5ff) 45%,transparent);transition:width .42s var(--ease-out)}.dossier-combat-preview{margin:.55rem 0 0;font-size:.72rem;letter-spacing:.04em;color:#8fadb8}.dossier-pair-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.dossier-pair-chips li{padding:.28rem .55rem;border:1px solid rgba(0,229,255,.28);border-radius:2px;background:#0012188c;color:#b7f6ff;font-size:.72rem;font-weight:700;letter-spacing:.04em}.dossier-related-row{display:flex;flex-wrap:wrap;gap:.45rem}.dossier-related-chip{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.28rem .45rem .28rem .28rem;border:1px solid rgba(0,229,255,.22);border-radius:2px;background:#000a0ea6;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color .14s var(--ease-out),box-shadow .14s var(--ease-out),transform .14s var(--ease-out)}.dossier-related-chip.owned{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.dossier-related-chip:hover:not(:disabled),.dossier-related-chip:focus-visible:not(:disabled){border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #00e5ff33;transform:translateY(-1px)}.dossier-related-chip:disabled{cursor:default}.dossier-related-chip img{width:2.1rem;height:2.5rem;object-fit:cover;border-radius:2px;border:1px solid rgba(255,255,255,.08)}.dossier-related-chip span{display:flex;flex-direction:column;gap:.12rem;min-width:0}.dossier-related-chip strong{font-size:.78rem}.dossier-related-chip em{font-style:normal;font-size:.58rem;letter-spacing:.06em;color:#7f9aa5}.dossier-back-btn{margin-top:0}.dossier-footer-hint{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.7rem;padding-top:.55rem;border-top:1px solid rgba(0,229,255,.12);color:#6f8892;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dossier-equip-btn{margin-left:auto;min-height:2.4rem;padding:.45rem 1.1rem;border:1px solid color-mix(in srgb,var(--dossier-accent, #00e5ff) 70%,#fff);border-radius:2px;background:color-mix(in srgb,var(--dossier-accent, #00e5ff) 88%,#041018);color:#041018;font:800 .72rem/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.dossier-equip-btn:hover:not(:disabled),.dossier-equip-btn:focus-visible:not(:disabled){filter:brightness(1.08);outline:none;box-shadow:0 0 0 2px #00e5ff47}.dossier-equip-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.collection-shell .card-dossier.dossier-panel{min-height:72vh}@media(prefers-reduced-motion:reduce){.card-dossier,.dossier-modal-backdrop,.dossier-tilt-plane,.dossier-meta,.dossier-art-peek,.dossier-stat-track i,.dossier-art-skeleton,.foil-sheen-live{animation:none!important;transition:none!important}.dossier-tilt-plane{transform:none!important}.dossier-nav-btn:hover:not(:disabled),.dossier-related-chip:hover:not(:disabled){transform:none}}.inspect-affordance{position:absolute;left:50%;bottom:.45rem;transform:translate(-50%) translateY(6px);padding:.18rem .45rem;border:1px solid rgba(0,229,255,.35);border-radius:1px;background:#02080cc7;color:#b7f6ff;font-size:.52rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out);z-index:3}.mini-card:hover .inspect-affordance,.mini-card:focus-visible .inspect-affordance,.mini-card.selected .inspect-affordance{opacity:1;transform:translate(-50%) translateY(0)}.mini-card-wrap{position:relative;display:flex;flex-direction:column;gap:.28rem}.shop-card-wrap .mini-card{width:100%}.shop-card-wrap{min-width:118px;flex:0 0 auto}.shop-card-wrap .shop-card img{aspect-ratio:2.5 / 2.9}.inspect-chip{align-self:stretch;min-height:30px;padding:.28rem .45rem;border:1px solid rgba(0,229,255,.4);border-radius:2px;background:linear-gradient(180deg,#00e5ff29,#000c12d1);color:#9fe9f4;cursor:pointer;font:inherit;font-size:.55rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff12,0 0 12px #00e5ff14;transition:border-color .14s var(--ease-out),box-shadow .14s var(--ease-out),color .14s var(--ease-out),transform .14s var(--ease-out)}.inspect-chip:hover,.inspect-chip:focus-visible{border-color:#7ff0ff;color:#e8fcff;outline:none;box-shadow:0 0 0 2px #00e5ff47,0 0 18px #00e5ff33;transform:translateY(-1px)}.inspect-chip:disabled{opacity:.4;cursor:not-allowed}.inspect-kbd{display:inline-block;padding:.05rem .28rem;border:1px solid rgba(0,229,255,.35);border-radius:2px;background:#001016b3;color:#b7f6ff;font:inherit;font-size:.72em;font-weight:700;letter-spacing:.04em}.unit-shell{position:relative;display:inline-block}.unit-inspect-btn{position:absolute;top:-.35rem;right:-.35rem;z-index:4;width:1.4rem;height:1.4rem;padding:0;border:1px solid rgba(0,229,255,.55);border-radius:2px;background:linear-gradient(160deg,#00e5ff38,#02080ceb);color:#b7f6ff;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;font-style:italic;line-height:1;box-shadow:0 0 10px #00e5ff40}.projected-badge .unit-inspect-btn{top:-.4rem;right:-.25rem}.unit-inspect-btn:hover,.unit-inspect-btn:focus-visible{border-color:#dffcff;color:#fff;outline:none;box-shadow:0 0 0 2px #00e5ff47,0 0 12px #00e5ff59}.unit.inspectable:not(.benchable):after,.projected-badge.inspectable:not(.benchable):after{content:"";pointer-events:none;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;box-shadow:inset 0 0 0 1px #00e5ff2e;opacity:.55}.projected-badge.inspectable:not(.benchable){cursor:pointer}.unit.inspectable:not(.benchable){cursor:pointer}@media(prefers-reduced-motion:reduce){.mini-card.rarity-legend,.combat-text,.recruit-reveal-rings,.phase-recruited .recruit-reveal-card,.phase-recruited .recruit-reveal-copy strong,.foil-sheen-live,.card-dossier,.dossier-modal-backdrop{animation:none!important;transition:none!important}.card-dossier,.card-dossier.dossier-entered,.card-dossier.dossier-exiting,.dossier-modal-backdrop,.dossier-modal-backdrop.dossier-backdrop-in,.dossier-modal-backdrop.dossier-backdrop-out{opacity:1;transform:none}.recruit-reveal-inner{transition-duration:.01ms}}.app-compact .topbar{--hud-h: 48px;padding:.45rem .65rem;gap:.35rem;flex-wrap:wrap}.app-compact .topbar-audio{order:5;flex:1 1 100%;justify-content:flex-end;min-height:var(--touch-min)}.app-compact .brand-wordmark{max-height:22px}.app-compact .topbar-vitals{gap:.35rem;flex:1 1 auto;justify-content:flex-end}.app-compact .sap-seal,.app-compact .xp-seal{transform:scale(.88);transform-origin:right center}.app-compact main{padding:.55rem}.app-compact .hub-hero{justify-content:flex-start;padding:0}.app-compact .hub-hero-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;touch-action:pan-y;padding:.55rem .85rem max(1.25rem,calc(.75rem + env(safe-area-inset-bottom,0px)))}.app-compact .hub-grid{grid-template-columns:1fr;gap:.55rem}.app-compact .mode-card{min-height:88px}.app-compact .hub-title img{max-width:min(100%,320px)}.fight-shell-compact{margin:-.55rem}.fight-shell-compact.fight-shell-portrait,.fight-shell-compact.fight-shell-landscape{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.fight-shell-compact .arena-stage{grid-row:1;min-height:0;min-height:0!important;height:100%}.fight-shell-compact .combat-drawer-compact{display:none}.fight-shell-compact.fight-shell-cinema{--cmd-rail-h: 56px}.fight-shell-compact.fight-shell-cinema .fight-command-rail{min-height:var(--cmd-rail-h);padding-top:.28rem;padding-bottom:calc(.28rem + env(safe-area-inset-bottom,0px))}.fight-shell-compact.fight-shell-cinema .fight-cmd span:not(.fight-cmd-glyph),.fight-shell-compact.fight-shell-cinema .fight-cmd-primary small,.fight-shell-compact.fight-shell-cinema .fight-command-form-label{display:none}.fight-shell-compact.fight-shell-cinema .fight-cmd-primary strong{font-size:.68rem}.fight-shell-compact.fight-shell-portrait .projected-badge{width:clamp(56px,14vw,78px)}.fight-shell-compact.fight-shell-landscape .projected-badge{width:clamp(64px,9vw,92px)}.fight-shell-compact .arena-stage:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(2,6,12,.45) 0%,transparent 14%,transparent 86%,rgba(2,6,12,.55) 100%),linear-gradient(90deg,rgba(2,6,12,.35) 0%,transparent 12%,transparent 88%,rgba(2,6,12,.35) 100%);opacity:.85}.fight-shell-compact.fight-shell-cinema .arena-stage:after{opacity:1;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,transparent 10%,transparent 90%,rgba(0,0,0,.62) 100%),linear-gradient(90deg,rgba(0,0,0,.28) 0%,transparent 10%,transparent 90%,rgba(0,0,0,.28) 100%)}.fight-shell-compact .story-back-map,.fight-shell-compact .siege-back-brief{top:.45rem;left:.45rem;font-size:.62rem;min-height:var(--touch-min);padding:.45rem .7rem}.armory-in-sheet{border:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;height:auto!important;max-height:none!important;min-height:0!important;flex:1 1 auto;display:flex!important;flex-direction:column;padding:0!important;overflow:hidden}.armory-in-sheet .armory-chrome{grid-template-columns:1fr auto;clip-path:none;flex:0 0 auto}.armory-in-sheet .armory-body{flex:1 1 auto;min-height:0}.armory-in-sheet .armory-body.has-coach{grid-template-columns:1fr}.armory-in-sheet .armory-roster{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.armory-in-sheet .armory-list{flex:1 1 auto;min-height:min(42vh,360px);max-height:min(58vh,560px)}.armory-in-sheet .armory-tile-actions button,.armory-in-sheet .armory-filter,.armory-in-sheet .armory-equip-btn,.armory-in-sheet .armory-inspect-btn,.armory-in-sheet .armory-row-actions button{min-height:var(--touch-min)}.cyber-sheet-root.side-right.sheet-armory .armory-in-sheet .armory-list{min-height:0;max-height:none;flex:1 1 auto}.cyber-sheet-root.side-right.sheet-armory .armory-row{grid-template-columns:80px minmax(0,1fr);min-height:108px}.cyber-sheet-root.side-right.sheet-armory .armory-row-thumb,.cyber-sheet-root.side-right.sheet-armory .armory-row-thumb img{width:80px;height:108px;min-width:80px;min-height:108px}.cyber-sheet-root.side-right.sheet-armory .armory-row-wrap{grid-template-columns:minmax(0,1fr) minmax(92px,104px)}.cyber-sheet-root.side-bottom.sheet-armory .cyber-sheet-body{display:flex;flex-direction:column;padding-bottom:calc(.85rem + env(safe-area-inset-bottom,0px))}.cyber-sheet-root.side-bottom.sheet-armory .armory-in-sheet{flex:1 1 auto;min-height:0}.cyber-sheet-root.side-bottom.sheet-armory .armory-coach:not(.is-open){max-height:4.2rem}.cyber-sheet-root.side-bottom.sheet-armory .armory-chrome .dock-title span{font-size:.72rem}.fight-command-rail{position:relative;z-index:12;display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr)) minmax(88px,1.35fr) repeat(2,minmax(0,1fr));gap:.35rem;align-items:stretch;min-height:var(--cmd-rail-h);padding:.4rem .45rem calc(.4rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(0,229,255,.28);background:linear-gradient(180deg,#081018f5,#02060afa),var(--tex-metal) center / cover no-repeat;box-shadow:0 -12px 40px #0000008c}.fight-command-formation{display:flex;flex-direction:column;justify-content:center;padding:0 .35rem;border-right:1px solid rgba(0,229,255,.18);color:#7fd9e8;font:700 .55rem/1 var(--font-display);letter-spacing:.12em}.fight-command-formation strong{margin-top:.25rem;color:var(--ink);font-size:.85rem;letter-spacing:.06em}.fight-cmd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:var(--touch-min);padding:.25rem .2rem;border:1px solid rgba(0,229,255,.22);background:#040c12bf;color:#c8e8f0;font:700 .55rem/1 var(--font-display);letter-spacing:.12em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);cursor:pointer}.fight-cmd:disabled{opacity:.4;cursor:not-allowed}.fight-cmd:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 14px #00e5ff38}.fight-cmd-glyph{font-size:.85rem;line-height:1;color:var(--cyan)}.fight-cmd-primary{border-color:#ff2d8a8c;background:linear-gradient(160deg,#ff2d8a59,#00e5ff1f 55%,#02080ee6),#08040ce6;color:#fff;letter-spacing:.16em}.fight-cmd-primary strong{font-size:.78rem}.fight-cmd-primary small{font-size:.45rem;letter-spacing:.1em;color:#ffc4dc;opacity:.9}.fight-cmd-primary.is-armed{animation:fightCmdPulse 1.2s var(--ease-in-out) infinite}.fight-cmd-primary-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(255,45,138,.35);pointer-events:none;clip-path:inherit}@keyframes fightCmdPulse{0%,to{box-shadow:0 0 #ff2d8a00}50%{box-shadow:0 0 22px #ff2d8a73}}.fight-command-rail.orient-landscape{grid-template-columns:auto repeat(5,minmax(0,1fr))}.cyber-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;pointer-events:none}.cyber-sheet-root>*{pointer-events:auto}.cyber-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;margin:0;padding:0;background:#010408b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.cyber-sheet-panel{position:relative;z-index:1;display:flex;flex-direction:column;min-height:0;max-height:min(92vh,920px);overflow:hidden;border:1px solid rgba(0,229,255,.35);box-shadow:0 0 0 1px #ff2d8a1f,0 24px 80px #000000a6,inset 0 1px #ffffff14;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.cyber-sheet-scan{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,229,255,.03) 2px 3px);opacity:.55;animation:siegeScanDrift 10s linear infinite}.cyber-sheet-chrome{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem .65rem;border-bottom:1px solid rgba(0,229,255,.22);background:linear-gradient(90deg,rgba(0,229,255,.08),transparent 55%,rgba(255,45,138,.06))}.cyber-sheet-kicker{display:block;color:#7fd9e8;font:700 .55rem/1 var(--font-display);letter-spacing:.16em}.cyber-sheet-heading h2{margin:.3rem 0 0;font:700 clamp(1rem,2.8vw,1.35rem)/1.1 var(--font-display);letter-spacing:.06em;text-transform:uppercase}.cyber-sheet-close{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid rgba(255,45,138,.4);background:#ff2d8a1a;color:#ffb0d0;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.cyber-sheet-close span{font-size:1.25rem;line-height:1}.cyber-sheet-close em{font:700 .45rem/1 var(--font-display);font-style:normal;letter-spacing:.12em}.cyber-sheet-body{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:.75rem 1rem 1rem}.cyber-sheet-footer{position:relative;z-index:1;padding:.65rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(0,229,255,.18)}.cyber-sheet-root.side-bottom{align-items:flex-end;justify-content:stretch}.cyber-sheet-root.side-bottom .cyber-sheet-panel{width:100%;max-height:min(78vh,760px);border-radius:14px 14px 0 0;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);animation:sheetRise .38s var(--ease-out)}.cyber-sheet-root.side-right{justify-content:flex-end;align-items:stretch}.cyber-sheet-root.side-right .cyber-sheet-panel{width:min(440px,92vw);height:100%;max-height:none;animation:sheetSlide .38s var(--ease-out)}.cyber-sheet-root.side-center{align-items:center;justify-content:center;padding:1rem}.cyber-sheet-root.side-center .cyber-sheet-panel{width:min(440px,100%);animation:sheetPop .34s var(--ease-out)}.cyber-sheet-root.size-tall.side-bottom .cyber-sheet-panel{max-height:min(88vh,900px)}.cyber-sheet-root.size-wide .cyber-sheet-panel{width:min(720px,100%)}@keyframes sheetRise{0%{transform:translateY(12%);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes sheetSlide{0%{transform:translate(10%);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes sheetPop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.sheet-menu-grid{display:flex;flex-direction:column;gap:.55rem}.sheet-menu-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;min-height:var(--touch-min);padding:.75rem .9rem;border:1px solid rgba(0,229,255,.28);background:linear-gradient(120deg,rgba(0,229,255,.08),transparent 45%),#040a10d9;color:var(--ink);text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.sheet-menu-btn:hover{border-color:var(--cyan);box-shadow:0 0 18px #00e5ff33}.sheet-menu-btn strong{font:700 .85rem/1.1 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.sheet-menu-btn span{color:var(--muted);font-size:.72rem}.sheet-menu-orient{margin:.35rem 0 0;color:#7fd9e8;font:700 .58rem/1.4 var(--font-display);letter-spacing:.1em;text-transform:uppercase}.sheet-menu-orient em{color:var(--magenta);font-style:normal}.sheet-empty{color:var(--muted);font-size:.85rem}.sheet-coach-body .tactics-coach-list{margin:.75rem 0;padding-left:1.1rem}.sheet-feed-log{max-height:50vh;font-family:var(--font-mono);font-size:.78rem}.tutorial-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:max(1rem,var(--sat)) max(1rem,var(--sar)) max(1rem,var(--sab)) max(1rem,var(--sal))}.tutorial-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(0,229,255,.12),transparent 70%),#010306d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tutorial-panel{position:relative;z-index:1;width:min(520px,100%);padding:1.15rem 1.2rem 1rem;border:1px solid rgba(0,229,255,.4);box-shadow:0 0 60px #00e5ff1f,0 28px 80px #000000b3;clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));animation:sheetPop .4s var(--ease-out)}.tutorial-scan{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,45,138,.03) 3px 4px);opacity:.5}.tutorial-coach-mark{position:absolute;top:-18px;right:18px;width:44px;height:44px}.tutorial-coach-eye{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,var(--cyan) 45%,#003844 80%);box-shadow:0 0 18px #00e5ffa6}.tutorial-coach-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,229,255,.55);border-radius:50%;animation:fightCmdPulse 2s var(--ease-in-out) infinite}.tutorial-chrome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}.tutorial-kicker{color:#7fd9e8;font:700 .58rem/1 var(--font-display);letter-spacing:.16em}.tutorial-progress{display:flex;flex-wrap:wrap;gap:.28rem;justify-content:flex-end;max-width:55%}.tutorial-pip{width:8px;height:8px;padding:0;border:1px solid rgba(0,229,255,.35);background:transparent;border-radius:1px;cursor:pointer}.tutorial-pip.is-done{background:#00e5ff59}.tutorial-pip.is-active{background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 10px #ff2d8a80}.tutorial-panel h2{position:relative;margin:0 0 .55rem;font:700 clamp(1.15rem,3.5vw,1.55rem)/1.15 var(--font-display);letter-spacing:.04em}.tutorial-body{position:relative;margin:0 0 .75rem;color:#d5e4f0;font-size:.92rem;line-height:1.45}.tutorial-tip{position:relative;margin:0 0 1rem;padding:.55rem .7rem;border-left:2px solid var(--gold);background:#ffd2460f;color:#f0e2b0;font-size:.8rem;line-height:1.4}.tutorial-tip span{display:inline-block;margin-right:.35rem;color:var(--gold);font:700 .58rem/1 var(--font-display);letter-spacing:.14em}.tutorial-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem}.tutorial-nav{display:flex;gap:.4rem}.tutorial-nav .btn,.tutorial-actions .btn{min-height:var(--touch-min)}.tutorial-hint{position:relative;margin:.75rem 0 0;color:#5f7a86;font:700 .52rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-align:center}.icon-seal-menu span:first-child{font-size:.95rem;line-height:1}.game-viewport.layout-landscape.is-wide .armory-dock{flex-basis:34%;height:34%;min-height:240px}@media(prefers-reduced-motion:reduce){.cyber-sheet-root.side-bottom .cyber-sheet-panel,.cyber-sheet-root.side-right .cyber-sheet-panel,.cyber-sheet-root.side-center .cyber-sheet-panel,.tutorial-panel,.fight-cmd-primary.is-armed,.tutorial-coach-ring,.cyber-sheet-scan{animation:none!important}}.hub-cta-row{display:flex;justify-content:center;margin:0 0 .85rem}.hub-tutorial-btn{min-height:var(--touch-min);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.app-compact .collection-shell,.app-compact .story-shell,.app-compact .siege-shell,.app-compact .ranked-shell{overflow:auto;-webkit-overflow-scrolling:touch;max-height:100%}.app-compact .collection-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.app-compact .chronicle-nodes{grid-template-columns:1fr}.app-compact .story-heading{flex-direction:column;align-items:stretch;gap:.55rem}.app-compact .story-heading-actions{display:flex;flex-wrap:wrap;gap:.35rem}.app-compact .story-heading-actions .btn{min-height:var(--touch-min);flex:1 1 auto}.game-viewport.layout-landscape.is-compact .fight-shell-compact .arena-stage{min-height:0}.game-viewport.layout-landscape.is-compact .prep-nudge{bottom:calc(var(--cmd-rail-h) + .5rem)}.fight-shell.is-prep .arena-stage{flex:1 1 auto;min-height:0}.fight-shell.is-prep .arena-stage.has-webgl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02060c47,#02060c1f 22%,#02060c73)}.fight-shell.is-combat .armory-dock:not(.armory-in-sheet){display:none}.fight-shell.is-prep .arena-svg{opacity:.4}.fight-shell.is-combat .fight-cta{bottom:clamp(.6rem,1.6vh,1.2rem)}.board-lanes{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2.6rem,7vh,4.5rem) clamp(.6rem,2vw,1.4rem) clamp(1.2rem,3vh,2.2rem);pointer-events:none}.board-lane{display:flex;flex-direction:column;gap:.35rem;min-height:0}.board-lane-label{color:#9edbe6d9;font:700 .55rem/1 var(--font-display);letter-spacing:.18em;text-align:center;text-shadow:0 2px 10px #000}.board-lane-row{display:flex;justify-content:center;align-items:flex-end;gap:0;min-height:clamp(148px,22vh,236px);pointer-events:auto;isolation:isolate}.enemy-lane .board-lane-row{align-items:flex-start}.board-lane-empty{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem 1.1rem;border:1px dashed rgba(0,229,255,.28);background:#02080e8c;color:#9edbe6;text-align:center}.board-lane-empty strong{font:800 .72rem/1 var(--font-display);letter-spacing:.14em}.board-lane-empty small{color:var(--muted);font-size:.68rem}.play-card{position:relative;display:block;width:var(--play-card-w, 148px);aspect-ratio:2.5 / 3.5;margin:0;padding:0;overflow:visible;border:0;background:transparent;color:inherit;font:inherit;cursor:default;transform-origin:center bottom;backface-visibility:hidden;transform:translateZ(0);transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s var(--ease-out)}.play-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.play-card.has-activate .play-card-face{bottom:1.42rem}.play-card-face:disabled{cursor:default}.play-card.has-inspect .play-card-face,.play-card.has-activate .play-card-activate{cursor:pointer}.play-card-info{position:absolute;z-index:6;top:.2rem;right:.2rem;min-width:1.7rem;padding:.14rem .28rem;border:1px solid rgba(0,229,255,.55);border-radius:2px;background:#020a0ee0;color:#b7f6ff;font:800 .48rem/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 10px #00000073}.play-card-info:hover,.play-card-info:focus-visible{border-color:var(--cyan);color:#fff;outline:none;box-shadow:0 0 0 2px #00e5ff47}.play-card.has-inspect .play-card-ability{top:1.42rem}.play-card-activate{position:absolute;z-index:5;left:2px;right:2px;bottom:0;height:1.36rem;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--accent, var(--cyan)) 55%,#fff 8%);border-radius:0 0 8px 8px;background:color-mix(in srgb,var(--accent, var(--cyan)) 82%,#041018);color:#041018;font:800 .58rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.play-card-activate:hover:not(:disabled),.play-card-activate:focus-visible:not(:disabled){filter:brightness(1.08);outline:none}.play-card-activate:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.play-card-name{position:absolute;z-index:2;left:.22rem;right:.22rem;bottom:1.72rem;overflow:hidden;color:#f4ffff;font:700 .52rem/1.15 var(--font-display);letter-spacing:.04em;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.85);white-space:nowrap;pointer-events:none}.play-card-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent, var(--cyan)) 70%,#fff 8%);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 30%),#05080e;box-shadow:0 14px 28px #0000008c,0 0 18px color-mix(in srgb,var(--accent, var(--cyan)) 22%,transparent)}.play-card-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#05080e;image-rendering:auto}.play-card-rank{position:absolute;z-index:2;top:.28rem;left:.28rem;padding:.12rem .28rem;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:#04080cd1;color:#e8ffff;font:800 .42rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.play-card-ability{position:absolute;z-index:2;top:.28rem;right:.28rem;width:18px;height:18px;background:var(--icon) center / contain no-repeat;filter:drop-shadow(0 0 6px rgba(0,229,255,.55))}.play-card-stats{position:absolute;z-index:2;right:.22rem;bottom:.22rem;left:.22rem;display:flex;justify-content:space-between;padding:.18rem .28rem;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#02060adb;font:800 .68rem/1 var(--font-display);letter-spacing:.04em}.play-card-stats .atk{color:#ff8f98}.play-card-stats .hp{color:#8dffb0}.play-card-seal{position:absolute;z-index:3;left:50%;bottom:2.1rem;transform:translate(-50%);padding:.12rem .32rem;border-radius:3px;font:800 .42rem/1 var(--font-display);letter-spacing:.12em;white-space:nowrap}.play-card-seal.owned{border:1px solid rgba(0,229,255,.45);background:#002830e0;color:#bffcff}.play-card-seal.sap{border:1px solid rgba(255,210,70,.45);background:#201604e0;color:#ffe9a8}.play-card-seal.block{border:1px solid rgba(255,90,90,.45);background:#200808e0;color:#ffb0b0}.play-card-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:1px dashed rgba(0,229,255,.32);border-radius:10px;background:#02080e6b}.play-card-empty em{color:#5f7a86;font:800 .72rem/1 var(--font-display);font-style:normal;letter-spacing:.16em}.play-card.is-next .play-card-empty{border-color:#ff2d8ab3;box-shadow:0 0 16px #ff2d8a47}.play-card.is-next .play-card-empty em{color:#ff9ec4}.play-card.is-selected .play-card-art,.play-card.is-hovered .play-card-art,.play-card.is-focus .play-card-art{border-color:color-mix(in srgb,var(--cyan) 70%,#fff);box-shadow:0 18px 32px #0000009e,0 0 22px #00e5ff59}.play-card.is-telegraph .play-card-art{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 28px #ffd2468c}.play-card.is-hit .play-card-art{animation:hitflash var(--combat-hit) var(--ease-out)}.play-card.is-dead{filter:grayscale(1) brightness(.55);opacity:.45}.play-card.is-glow .play-card-art{box-shadow:0 0 28px #00e5ff8c,0 0 16px #ff2d8a4d}.play-card.is-blocked{opacity:.62;filter:saturate(.55)}.play-card-lane .play-card-info,.play-card-bench .play-card-info{padding:.1rem .22rem;font-size:.42rem}.play-card-lane .play-card-activate,.play-card-bench .play-card-activate{font-size:.48rem;height:1.22rem}.play-card-lane.has-activate .play-card-face,.play-card-bench.has-activate .play-card-face{bottom:1.26rem}.play-card-lane{--play-card-w: clamp(108px, 11.2vw, 168px);z-index:var(--stack, 1);margin-left:clamp(-22px,-1.6vw,-8px)}.board-lane-row>.play-card-lane:first-of-type{margin-left:0}.board-lane-row .play-card-lane.is-hovered,.board-lane-row .play-card-lane.is-focus,.board-lane-row .play-card-lane.is-selected,.board-lane-row .play-card-lane.is-telegraph,.board-lane-row .play-card-lane.is-hit{z-index:12;transform:translateY(-10px) scale(1.08)}.play-card-hand{--play-card-w: clamp(128px, 13vw, 196px)}.play-card-bench{--play-card-w: clamp(92px, 8.5vw, 128px)}.play-card-hero{--play-card-w: clamp(180px, 18vw, 260px)}@media(hover:hover)and (pointer:fine){.play-card.has-inspect:hover,.play-card.is-hovered{z-index:9;transform:translateY(-14px) scale(1.12)}.play-card-bench.has-inspect:hover,.play-card-bench.is-hovered{transform:translateY(-10px) scale(1.1)}}.card-hand{display:flex;justify-content:center;align-items:flex-end;min-height:var(--hand-h, 220px);padding:.35rem .6rem .55rem;overflow:visible}.card-hand-slot{position:relative;margin-left:var(--fan-overlap, -28px);transform:rotate(calc((var(--fan-i) - var(--fan-mid)) * 3.4deg));transform-origin:center bottom;transition:transform .22s var(--ease-out)}.card-hand-slot:first-child{margin-left:0}.card-hand-hand{--hand-h: clamp(210px, 28vh, 280px);--fan-overlap: clamp(-36px, -2.4vw, -16px)}.card-hand-bench{--hand-h: clamp(132px, 16vh, 168px);--fan-overlap: clamp(-24px, -1.6vw, -10px);justify-content:flex-start;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.card-hand-bench .card-hand-slot{transform:none;flex:0 0 auto}.card-hand-empty{margin:.55rem auto;color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-align:center}.armory-theater{flex:0 0 auto!important;height:auto!important;max-height:min(46vh,420px);min-height:0!important;gap:.35rem;overflow:visible}.fight-shell.is-prep .armory-theater:not(.armory-in-sheet){max-height:min(48vh,440px)}.armory-theater .armory-chrome{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:.4rem .55rem}.armory-theater .armory-formation{border-right:1px solid rgba(0,229,255,.16);padding-right:.55rem}.armory-theater .armory-coach{flex:0 0 auto;clip-path:none;max-height:none}.armory-theater .armory-coach:not(.is-open) .armory-coach-tips{display:none}.armory-theater .armory-body,.armory-theater .armory-roster{overflow:visible}.armory-play-surface{display:flex;flex-direction:column;min-height:0;overflow:visible}.armory-rail-label{margin:.15rem 0 0;color:#7fd9e8;font:700 .48rem/1 var(--font-display);letter-spacing:.18em;text-align:center}.armory-fight-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:96px;min-height:44px;padding:.28rem .7rem;border:1px solid rgba(255,45,138,.55);background:linear-gradient(160deg,#ff2d8a61,#00e5ff1f 55%,#02080eeb);color:#fff;cursor:pointer;font:inherit;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.armory-fight-btn strong{font:800 .78rem/1 var(--font-display);letter-spacing:.16em}.armory-fight-btn small{color:#ffd0e4;font:700 .42rem/1 var(--font-display);letter-spacing:.14em}.armory-fight-btn:disabled{opacity:.4;cursor:not-allowed}.armory-fight-btn:hover:not(:disabled){box-shadow:0 0 18px #ff2d8a59}.fight-shell.is-combat .projected-badge{width:clamp(118px,11vw,176px);border-radius:8px}.fight-shell.is-combat .projected-badge .unit-art{display:block;overflow:hidden;background:#05080e}.fight-shell.is-combat .projected-badge .unit-art img{display:block;width:100%;aspect-ratio:2.5 / 3.5;object-fit:contain}.fight-shell.is-combat .projected-badge.telegraphing{transform:translate(-50%,44%) scale(1.07);z-index:6}.armory-in-sheet.armory-theater{max-height:none;height:auto!important}.armory-in-sheet .card-hand-hand{overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.armory-in-sheet .card-hand-slot{transform:none;flex:0 0 auto}.cyber-sheet-root.side-bottom.sheet-armory .card-hand-hand{--hand-h: clamp(200px, 34vh, 280px)}.cyber-sheet-root.side-right.sheet-armory .card-hand-hand{--hand-h: clamp(180px, 28vh, 240px)}.fight-shell-compact .board-lanes{padding-top:3.2rem;padding-bottom:calc(.4rem + var(--cmd-rail-h, 72px))}.fight-shell-compact .play-card-lane{--play-card-w: clamp(78px, 12.5vw, 124px);margin-left:clamp(-26px,-4vw,-10px)}.fight-shell-compact.fight-shell-portrait .play-card-lane{--play-card-w: clamp(72px, 18vw, 110px)}.fight-shell-compact .board-lane-row{min-height:clamp(118px,18vh,168px)}@media(prefers-reduced-motion:reduce){.play-card,.card-hand-slot{transition:none}}.dossier-verify{padding:.25rem 0 .75rem}.dossier-verify small{display:block;letter-spacing:.12em;opacity:.7;margin-bottom:.55rem}.dossier-verify-list{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.55}.dossier-verify-foot{margin-top:.85rem;font-size:.75rem;opacity:.72}.dossier-verify code{font-size:.78em}