:root{color:#f4f8f9;background:#05090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-display:Georgia,"Times New Roman",ui-serif,serif;--app-void:#05090d;--app-bg:#081016;--app-bg-deep:#04080c;--app-surface:rgba(13,26,34,.92);--app-surface-solid:#0d1a22;--app-raised:#142832;--app-panel-highlight:rgb(194 231 239/7%);--app-border:rgba(162,203,214,.17);--app-border-strong:rgba(173,220,232,.34);--app-border-accent:rgba(48,211,237,.58);--app-text:#f4f8f9;--app-muted:#9caeb5;--app-cyan:#30d3ed;--app-cyan-bright:#8ceaf7;--app-cyan-soft:rgba(48,211,237,.11);--app-green:#52db8a;--app-gold:#e9b85e;--app-ember:#ef8c55;--app-red:#ff7183;--app-focus:#a7eff8;--app-shadow-depth:0 22px 60px rgba(0,0,0,.32);--app-shadow-inset:inset 0 1px 0 var(--app-panel-highlight);--app-content-width:1340px;--app-space-page:clamp(14px,2.5vw,34px);--app-corner-sm:4px;--app-corner-md:7px;--app-motion-fast:.14s;--app-motion-scene:.24s;--sidebar-width:216px}.pvp-flow-page,.pvp-hub-page{display:grid;gap:24px}.pvp-flow-page>.section-nav,.pvp-flow-page>.view-header,.pvp-hub-page>.section-nav,.pvp-hub-page>.view-header{margin-bottom:0}.pvp-view-header{align-items:center}.pvp-readiness-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto;min-width:260px;gap:9px;align-items:center;border:1px solid var(--app-border);border-radius:7px;padding:9px 11px;background:var(--app-surface);text-decoration:none}.pvp-readiness-link>svg:first-child{box-sizing:content-box;border-radius:6px;padding:8px;color:var(--app-green);background:#48dc8517}.pvp-readiness-link>span{display:grid;gap:2px}.pvp-countdown small,.pvp-readiness-link small{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.pvp-readiness-link strong{font-size:.78rem}.pvp-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pvp-mode-tile{--pvp-accent:var(--app-cyan);position:relative;display:grid;grid-template-rows:auto minmax(128px,1fr) auto auto;min-width:0;gap:14px;overflow:hidden;border:1px solid var(--app-border);border-radius:8px;padding:18px;background:var(--app-surface)}.pvp-mode-tile:before{position:absolute;top:0;right:0;left:0;height:3px;background:var(--pvp-accent);content:""}.private-mode-tile{--pvp-accent:#b2a7ff}.casual-mode-tile{--pvp-accent:var(--app-cyan)}.ranked-mode-tile{--pvp-accent:var(--app-gold)}.pvp-console-icon,.pvp-entry-icon,.pvp-match-ready-icon,.pvp-mode-emblem,.ranked-emblem{display:grid;place-items:center;border-radius:7px}.pvp-mode-emblem{width:48px;aspect-ratio:1;color:var(--pvp-accent);background:color-mix(in srgb,var(--pvp-accent) 11%,transparent)}.pvp-mode-content{display:grid;align-content:start;gap:7px}.private-player-copy h2,.pvp-accept-state h2,.pvp-console-copy h2,.pvp-entry-card h2,.pvp-loadout-card h2,.pvp-match-found h2,.pvp-match-ready h2,.pvp-mode-content h2,.pvp-recent-card h2,.pvp-search-copy h2,.ranked-notice-card h2,.ranked-standing-copy h2{margin:0}.pvp-mode-content h2{font-size:1.32rem}.private-player-copy p,.pvp-accept-state p,.pvp-console-copy p,.pvp-entry-card p,.pvp-loadout-card p,.pvp-match-found p,.pvp-match-ready p,.pvp-mode-content p,.pvp-recent-card p,.pvp-search-copy p{margin:0;color:var(--app-muted);font-size:.82rem;line-height:1.5}.pvp-feature-list{display:grid;gap:8px;margin:0;border-top:1px solid var(--app-border);padding:12px 0 0;list-style:none}.pvp-feature-list li{display:flex;gap:8px;align-items:center;color:#b8cbd2;font-size:.72rem}.pvp-feature-list svg{flex:0 0 auto;color:var(--pvp-accent)}.pvp-mode-button{display:flex;width:100%;gap:8px;justify-content:space-between;border-color:color-mix(in srgb,var(--pvp-accent) 55%,transparent);background:color-mix(in srgb,var(--pvp-accent) 13%,var(--app-raised));font-weight:850}.pvp-mode-button.primary{border-color:var(--app-cyan);color:#061217;background:var(--app-cyan)}.pvp-system-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.pvp-system-strip>div{display:flex;min-width:0;gap:9px;align-items:center;justify-content:center;border-right:1px solid var(--app-border);padding:12px;color:var(--app-muted);font-size:.72rem;font-weight:700;text-align:center}.pvp-system-strip>div:last-child{border-right:0}.pvp-system-strip svg{flex:0 0 auto;color:var(--app-green)}.private-ready-state,.pvp-live-status,.pvp-state-pill{display:inline-flex;min-height:27px;gap:6px;align-items:center;border:1px solid var(--app-border);border-radius:999px;padding:0 9px;color:var(--app-muted);background:var(--app-surface);font-size:.68rem;font-weight:800}.pvp-live-status.realtime-connected{border-color:#48dc854d;color:var(--app-green)}.pvp-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pvp-entry-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-content:start;border:1px solid var(--app-border);border-radius:8px;padding:20px;background:var(--app-surface)}.pvp-entry-card>button,.pvp-entry-card>label{grid-column:1/-1}.pvp-entry-card>button{gap:8px;justify-content:space-between;margin-top:4px}.pvp-entry-icon{width:46px;aspect-ratio:1;color:var(--app-cyan);background:var(--app-cyan-soft)}.join-private-card .pvp-entry-icon{color:#b2a7ff;background:#b2a7ff1a}.pvp-entry-card>div:nth-child(2){display:grid;gap:7px}.pvp-code-field,.pvp-loadout-select{display:grid;gap:6px;color:var(--app-muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.pvp-code-field input{min-height:46px;font-size:1rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.private-lobby-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid rgba(178,167,255,.3);border-radius:8px;padding:16px 18px;background:#b2a7ff12}.private-lobby-banner>div{display:grid;gap:3px}.private-lobby-banner strong{color:#d8d2ff;font-size:1.8rem;letter-spacing:0}.private-lobby-banner small{color:var(--app-muted);font-size:.7rem}.private-lobby-banner button,.pvp-command-actions,.pvp-command-actions button,.pvp-match-found .button-link,.pvp-match-ready .button-link{display:flex;gap:8px}.private-lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.private-player-slot{display:grid;grid-template-columns:52px minmax(0,1fr) auto;min-height:126px;gap:13px;align-items:center;border:1px solid var(--app-border);border-radius:8px;padding:16px;background:var(--app-surface)}.private-player-slot.ready{border-color:#48dc854d}.private-player-slot.empty{border-style:dashed}.private-player-avatar{display:grid;width:52px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-cyan);background:var(--app-cyan-soft)}.private-player-slot.empty .private-player-avatar{color:var(--app-muted);background:#ffffff0d}.private-player-copy{display:grid;min-width:0;gap:5px}.private-ready-state.ready{border-color:#48dc854d;color:var(--app-green)}.pvp-command-bar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:end;border:1px solid var(--app-border);border-radius:8px;padding:16px;background:var(--app-surface)}.pvp-command-actions{align-items:center}.pvp-matchmaking-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px}.pvp-queue-console{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-content:start;border:1px solid var(--app-border);border-radius:8px;padding:22px;background:var(--app-surface)}.pvp-console-icon{width:58px;aspect-ratio:1;color:var(--app-cyan);background:var(--app-cyan-soft)}.pvp-console-copy{display:grid;align-content:center;gap:6px}.pvp-primary-command,.pvp-queue-rules,.ranked-console>.muted,.ranked-console>.pvp-command-actions,.ranked-console>.settings-error{grid-column:1/-1}.pvp-primary-command{min-height:48px;gap:9px;margin-top:12px;border-color:var(--app-cyan);color:#061217;background:var(--app-cyan);font-weight:900}.pvp-queue-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--app-border);border-radius:7px;background:var(--app-border)}.pvp-queue-rules span{display:flex;min-height:48px;gap:7px;align-items:center;justify-content:center;padding:9px;color:var(--app-muted);background:var(--app-raised);font-size:.68rem;font-weight:750;text-align:center}.pvp-queue-rules svg{flex:0 0 auto;color:var(--app-green)}.pvp-side-stack{display:grid;gap:12px}.pvp-loadout-card,.pvp-recent-card,.ranked-notice-card{display:grid;gap:9px;align-content:start;border:1px solid var(--app-border);border-radius:8px;padding:16px;background:var(--app-surface)}.pvp-loadout-card.blocked{border-color:#ffd1664d}.pvp-card-heading{display:flex;gap:8px;align-items:center}.pvp-small-icon{display:grid;width:30px;aspect-ratio:1;place-items:center;border-radius:6px;color:var(--app-green);background:#48dc8517}.pvp-text-link{display:flex;min-height:44px;gap:6px;align-items:center;width:-moz-fit-content;width:fit-content;margin-top:3px;color:var(--app-cyan);font-size:.75rem;font-weight:850;text-decoration:none}.pvp-accept-state,.pvp-match-found,.pvp-match-ready,.pvp-search-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;min-height:150px;gap:18px;align-items:center;border:1px solid var(--app-border);border-radius:8px;padding:22px;background:var(--app-surface)}.pvp-search-radar{position:relative;display:grid;width:82px;aspect-ratio:1;place-items:center;border:1px solid rgba(37,215,242,.3);border-radius:50%;color:var(--app-cyan);background:var(--app-cyan-soft)}.pvp-search-radar span{position:absolute;border:1px solid rgba(37,215,242,.18);border-radius:50%;animation:pvp-radar 2s ease-out infinite;inset:8px}.pvp-search-radar span:nth-child(2){animation-delay:1s}@keyframes pvp-radar{0%{opacity:.8;transform:scale(.45)}to{opacity:0;transform:scale(1.25)}}.pvp-search-copy{display:grid;gap:6px}.pvp-countdown{display:grid;min-width:98px;gap:3px;border-left:1px solid var(--app-border);padding-left:18px}.pvp-countdown strong{color:var(--app-cyan);font-size:1.55rem;font-variant-numeric:tabular-nums}.pvp-match-ready-icon{width:56px;aspect-ratio:1;color:var(--app-green);background:#48dc851a}.pvp-accept-state{border-color:#ffd16657}.pvp-accept-state .pvp-match-ready-icon{color:var(--app-gold);background:#ffd1661a}.pvp-match-found,.pvp-match-ready{grid-template-columns:auto minmax(0,1fr) auto;border-color:#48dc8557}.ranked-command-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:12px}.ranked-standing-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-content:start;border:1px solid rgba(255,209,102,.28);border-radius:8px;padding:18px;background:var(--app-surface)}.ranked-emblem{width:64px;aspect-ratio:1;color:var(--app-gold);background:#ffd1661a}.ranked-standing-copy{display:grid;align-content:center;gap:5px}.ranked-standing-card .summary-grid{grid-column:1/-1;margin-top:8px}.ranked-standing-card .summary-grid>div{background:var(--app-raised)}.ranked-notice-card,.ranked-recent-card{grid-column:1/-1}.pvp-accept-state,.ranked-command-layout>.pvp-match-found,.ranked-console,.ranked-search-state{grid-column:2;grid-row:1}.ranked-console.unavailable{display:grid;grid-template-columns:1fr}.ranked-recent-card .button-link{width:-moz-fit-content;width:fit-content}.ranked-leaderboard-panel{border-color:var(--app-border);background:var(--app-surface)}.pvp-spin{animation:pvp-spin 1.5s linear infinite}@keyframes pvp-spin{to{transform:rotate(1turn)}}@media(max-width:920px){.pvp-mode-grid,.ranked-command-layout{grid-template-columns:1fr}.pvp-mode-tile{grid-template-columns:auto minmax(0,1fr) minmax(180px,.65fr);grid-template-rows:auto auto}.pvp-feature-list{grid-column:3;grid-row:1/span 2;align-content:center;border-top:0;border-left:1px solid var(--app-border);padding:0 0 0 16px}.pvp-mode-button{grid-column:2}.pvp-accept-state,.ranked-command-layout>.pvp-match-found,.ranked-console,.ranked-search-state{grid-column:1;grid-row:auto}}@media(max-width:760px){.pvp-flow-page,.pvp-hub-page{gap:16px}.pvp-view-header{align-items:stretch}.pvp-readiness-link{min-width:0;width:100%}.pvp-mode-tile{grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto}.pvp-mode-content{grid-column:2}.pvp-feature-list{grid-column:1/-1;grid-row:auto;border-top:1px solid var(--app-border);border-left:0;padding:12px 0 0}.pvp-mode-button{grid-column:1/-1}.pvp-system-strip{grid-template-columns:1fr}.pvp-system-strip>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--app-border);text-align:left}.pvp-system-strip>div:last-child{border-bottom:0}.private-lobby-grid,.pvp-entry-grid,.pvp-matchmaking-layout{grid-template-columns:1fr}.private-lobby-banner,.pvp-command-bar{grid-template-columns:1fr;align-items:stretch}.private-lobby-banner{flex-direction:column}.private-lobby-banner button,.pvp-command-actions,.pvp-command-actions>*,.pvp-command-bar button{width:100%}.private-player-slot{grid-template-columns:46px minmax(0,1fr)}.private-player-avatar{width:46px}.private-player-slot>.pvp-spin,.private-ready-state{grid-column:2;width:-moz-fit-content;width:fit-content}.pvp-queue-rules{grid-template-columns:1fr}.pvp-accept-state,.pvp-match-found,.pvp-match-ready,.pvp-search-state{grid-template-columns:auto minmax(0,1fr);min-height:0;padding:16px}.pvp-search-radar{width:60px}.pvp-accept-state>.pvp-command-actions,.pvp-countdown,.pvp-match-found>.button-link,.pvp-match-ready>.button-link,.pvp-search-state>button{grid-column:1/-1}.pvp-countdown{border-top:1px solid var(--app-border);border-left:0;padding:12px 0 0}.pvp-match-found>.button-link,.pvp-match-ready>.button-link,.pvp-search-state>button{width:100%}.ranked-standing-card{grid-template-columns:54px minmax(0,1fr)}.ranked-emblem{width:54px}}.pvp-flow-page,.pvp-hub-page{position:relative;isolation:isolate;min-height:calc(100dvh - 92px);padding-bottom:40px;background:linear-gradient(180deg,#02090e7a,#030a0fdb 430px,#050b0f 860px),url(../assets/backgrounds/live-battle-elemental-arena.jpg) top /cover no-repeat}.pvp-flow-page:before,.pvp-hub-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,18,28,.72),transparent 44%,rgba(24,10,4,.5)),radial-gradient(circle at 50% 24%,transparent 0 12%,rgba(2,9,14,.18) 46%,rgba(2,8,12,.88) 82%);content:"";pointer-events:none}.pvp-flow-page>*,.pvp-hub-page>*{position:relative;z-index:1}.pvp-flow-page>.section-nav,.pvp-hub-page>.section-nav{border-color:#81dceb29;background:#040e14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pvp-flow-page>.view-header,.pvp-hub-page>.view-header{min-height:164px;align-items:center;padding:24px clamp(0px,2vw,28px);text-shadow:0 3px 18px rgba(0,0,0,.85)}.pvp-flow-page>.view-header h1,.pvp-hub-page>.view-header h1{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.025em}.pvp-flow-page>.view-header .muted,.pvp-hub-page>.view-header .muted{max-width:680px;color:#c2d1d5}.pvp-readiness-link{border-color:#4ee0944d;background:#051c1ad1;box-shadow:0 16px 34px #0000004d;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.pvp-mode-grid{gap:16px}.pvp-mode-tile{--pvp-rgb:49 211 237;grid-template-rows:auto minmax(170px,1fr) auto auto;min-height:420px;gap:16px;border-color:rgb(var(--pvp-rgb)/46%);border-radius:var(--app-corner-md);padding:22px;background:linear-gradient(180deg,rgb(var(--pvp-rgb)/10%),transparent 34%),linear-gradient(0deg,#040c11fa 0 42%,#040c1166 76%),url(../assets/backgrounds/live-battle-elemental-arena.jpg) var(--pvp-position,center) /cover;box-shadow:0 20px 46px #00000052,inset 0 1px #ffffff17;transition:border-color var(--app-motion-scene) ease,box-shadow var(--app-motion-scene) ease,transform var(--app-motion-scene) ease}.pvp-mode-tile:focus-within,.pvp-mode-tile:hover{border-color:rgb(var(--pvp-rgb)/78%);box-shadow:0 26px 56px #0000006b,0 0 28px rgb(var(--pvp-rgb)/11%),inset 0 1px #ffffff1f;transform:translateY(-4px)}.private-mode-tile{--pvp-rgb:178 167 255;--pvp-position:18% center}.casual-mode-tile{--pvp-position:center}.ranked-mode-tile{--pvp-rgb:255 180 75;--pvp-position:82% center}.pvp-mode-tile:before{height:2px;box-shadow:0 0 15px rgb(var(--pvp-rgb)/60%)}.pvp-mode-emblem{width:64px;border:1px solid rgb(var(--pvp-rgb)/34%);border-radius:50%;background:#040d12c2;box-shadow:inset 0 0 22px rgb(var(--pvp-rgb)/15%),0 10px 24px #0000004d}.pvp-mode-content{align-content:end;text-shadow:0 3px 16px rgba(0,0,0,.84)}.pvp-mode-content h2{font-size:clamp(1.75rem,2.5vw,2.4rem);line-height:1}.pvp-mode-content p{color:#bfced3}.pvp-feature-list{border-color:rgb(var(--pvp-rgb)/22%)}.pvp-mode-button{min-height:50px;border-color:rgb(var(--pvp-rgb)/55%);background:linear-gradient(135deg,rgb(var(--pvp-rgb)/24%),#040f15eb)}.pvp-system-strip{border-color:#65c1d133;background:linear-gradient(90deg,#051922ed,#121214e6);box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.private-ready-state,.pvp-live-status,.pvp-state-pill{background:#040f15cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pvp-entry-grid{gap:18px}.pvp-entry-card{--entry-rgb:45 211 237;position:relative;min-height:300px;align-content:end;overflow:hidden;border-color:rgb(var(--entry-rgb)/42%);border-radius:var(--app-corner-md);padding:26px;background:linear-gradient(180deg,rgb(var(--entry-rgb)/11%),transparent 44%),linear-gradient(0deg,#040c12fa 0 48%,#05111885),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 24% /cover;box-shadow:0 22px 48px #00000057,inset 0 1px #ffffff14}.join-private-card{--entry-rgb:178 167 255;background:linear-gradient(180deg,rgb(var(--entry-rgb)/11%),transparent 44%),linear-gradient(0deg,#0a0918fa 0 48%,#0d0b2080),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 76% /cover}.pvp-entry-card:before{position:absolute;top:0;right:0;left:0;height:2px;background:rgb(var(--entry-rgb));box-shadow:0 0 18px rgb(var(--entry-rgb)/54%);content:""}.pvp-entry-icon{border:1px solid rgb(var(--entry-rgb)/30%);border-radius:50%;color:rgb(var(--entry-rgb));background:#051118bd;box-shadow:inset 0 0 18px rgb(var(--entry-rgb)/13%)}.join-private-card .pvp-entry-icon{color:rgb(var(--entry-rgb));background:#0b0a1ac7}.pvp-entry-card>button{min-height:50px;border-color:rgb(var(--entry-rgb)/54%);background:linear-gradient(90deg,rgb(var(--entry-rgb)/27%),rgb(var(--entry-rgb)/12%))}.pvp-code-field input{border-color:rgb(var(--entry-rgb)/28%);background:#030c12e0}.pvp-matchmaking-layout,.ranked-command-layout{gap:18px}.private-lobby-banner,.private-player-slot,.pvp-accept-state,.pvp-command-bar,.pvp-loadout-card,.pvp-match-found,.pvp-match-ready,.pvp-queue-console,.pvp-recent-card,.pvp-search-state,.ranked-leaderboard-panel,.ranked-notice-card,.ranked-standing-card{border-radius:var(--app-corner-md);box-shadow:0 20px 44px #0000004d,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.pvp-queue-console{position:relative;min-height:320px;align-content:end;overflow:hidden;border-color:#2dd3ed57;padding:28px;background:radial-gradient(circle at 48px 50px,rgba(45,211,237,.18),transparent 145px),linear-gradient(155deg,#05202bf2,#040e14f0)}.pvp-queue-console:before{position:absolute;width:240px;aspect-ratio:1;border:1px solid rgba(45,211,237,.11);border-radius:50%;background:radial-gradient(circle,transparent 32%,rgb(45 211 237/6%) 33% 34%,transparent 35%),repeating-conic-gradient(from 0deg,rgb(45 211 237/8%) 0 1deg,transparent 1deg 30deg);content:"";pointer-events:none;top:-105px;right:-50px}.ranked-console{border-color:#ffbc4d61;background:radial-gradient(circle at 48px 50px,rgba(255,188,77,.18),transparent 150px),linear-gradient(155deg,#2b1d09f5,#100f0ef2)}.ranked-console:before{border-color:#ffbc4d1f;background:radial-gradient(circle,transparent 32%,rgb(255 188 77/7%) 33% 34%,transparent 35%),repeating-conic-gradient(from 0deg,rgb(255 188 77/9%) 0 1deg,transparent 1deg 30deg)}.pvp-console-icon{z-index:1;width:70px;border:1px solid rgba(45,211,237,.34);border-radius:50%;background:#031219d6;box-shadow:inset 0 0 22px #2dd3ed24,0 0 28px #2dd3ed17}.ranked-console .pvp-console-icon{border-color:#ffbc4d59;color:var(--app-gold);box-shadow:inset 0 0 22px #ffbc4d24,0 0 28px #ffbc4d17}.pvp-console-copy,.pvp-primary-command,.pvp-queue-rules,.ranked-console>.muted,.ranked-console>.pvp-command-actions,.ranked-console>.settings-error{z-index:1}.pvp-console-copy h2{font-size:clamp(1.45rem,2.3vw,2rem)}.pvp-primary-command{min-height:54px;box-shadow:0 10px 28px #2dd3ed26}.ranked-console .pvp-primary-command{border-color:var(--app-gold);color:#191104;background:linear-gradient(135deg,#ffd26b,#e69a2e);box-shadow:0 10px 28px #ffbc4d26}.pvp-queue-rules{border-color:#61bed033;background:#61bed02e}.pvp-queue-rules span{background:#04141be0}.pvp-side-stack{gap:18px}.pvp-loadout-card,.pvp-recent-card,.ranked-notice-card{border-color:#60becf38;padding:20px;background:linear-gradient(145deg,#071c24ed,#071117f0)}.ranked-standing-card{min-height:320px;align-content:end;border-color:#ffbc4d61;padding:26px;background:radial-gradient(circle at 62px 62px,rgba(255,188,77,.2),transparent 150px),linear-gradient(155deg,#2b1d09f5,#100f0ef2)}.ranked-emblem{width:76px;border:1px solid rgba(255,188,77,.35);border-radius:50%;background:#181309c7;box-shadow:inset 0 0 24px #ffbc4d29,0 0 30px #ffbc4d1a}.ranked-standing-copy h2{font-size:clamp(1.35rem,2vw,1.85rem)}.ranked-standing-card .summary-grid>div{border:1px solid rgba(255,188,77,.12);background:#12110ed1}.ranked-leaderboard-panel{border-color:#ffbc4d33;background:linear-gradient(145deg,#17140eeb,#071015f0)}.private-lobby-banner{background:linear-gradient(110deg,#171335ed,#051b23eb)}.private-player-slot,.pvp-command-bar{background:#05141be8}.pvp-accept-state,.pvp-match-found,.pvp-match-ready,.pvp-search-state{min-height:250px;background:radial-gradient(circle at 90px 50%,rgba(45,211,237,.12),transparent 220px),#04131af0}.pvp-accept-state{background:radial-gradient(circle at 90px 50%,rgba(255,188,77,.13),transparent 220px),#161209f2}@media(max-width:920px){.pvp-mode-tile{min-height:270px;background-position:var(--pvp-position,center)}.pvp-mode-content{align-content:center}.pvp-queue-console,.ranked-standing-card{min-height:260px}}@media(max-width:760px){.pvp-flow-page,.pvp-hub-page{min-height:calc(100dvh - 64px);padding-bottom:28px;background:linear-gradient(180deg,#02090e85,#030a0fe6 360px,#050b0f 720px),url(../assets/backgrounds/live-battle-elemental-arena.jpg) top /auto 720px no-repeat}.pvp-flow-page>.view-header,.pvp-hub-page>.view-header{min-height:132px;padding:16px 0}.pvp-flow-page>.view-header h1,.pvp-hub-page>.view-header h1{font-size:clamp(1.85rem,10vw,2.65rem)}.pvp-mode-tile{min-height:330px;padding:18px;background:linear-gradient(180deg,rgb(var(--pvp-rgb)/9%),transparent 32%),linear-gradient(0deg,#040c11fa 0 58%,#040c116b),url(../assets/backgrounds/live-battle-elemental-arena.jpg) var(--pvp-position,center) /cover}.pvp-mode-emblem{width:52px}.pvp-mode-content{align-content:end}.pvp-mode-content h2{font-size:1.7rem}.pvp-entry-card{min-height:270px;padding:20px}.pvp-queue-console,.ranked-standing-card{min-height:0;padding:20px}.pvp-console-icon,.ranked-emblem{width:58px}.pvp-accept-state,.pvp-match-found,.pvp-match-ready,.pvp-search-state{min-height:0}}@media(max-height:520px)and (min-width:761px){.pvp-flow-page>.view-header,.pvp-hub-page>.view-header{min-height:132px;padding-top:16px;padding-bottom:16px}.pvp-flow-page>.view-header h1,.pvp-hub-page>.view-header h1{font-size:clamp(2rem,4vw,2.75rem)}.pvp-flow-page .section-nav a,.pvp-flow-page :is(button,.button-link),.pvp-hub-page .section-nav a{min-height:44px}}@media(prefers-reduced-motion:reduce){.pvp-mode-tile{transition:none}.pvp-mode-tile:focus-within,.pvp-mode-tile:hover{transform:none}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button,input,select{font:inherit}.button-link,button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.22);border-radius:8px;padding:0 14px;color:#f7fbff;background:#196075;cursor:pointer;text-decoration:none}:where(a,button,input,select,summary,[role=button]):focus-visible{outline:2px solid var(--app-focus);outline-offset:2px}.button-link.disabled,button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{background:#ffffff1a}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 0;border:1px solid hsla(0,0%,100%,.16);border-radius:8px;padding:4px;background:#00000029}.segmented-control button{border-color:transparent;background:transparent}.segmented-control button.active{border-color:#25d7ff;background:#25d7ff29}input,select{width:100%;min-height:38px;border:1px solid hsla(0,0%,100%,.22);border-radius:8px;padding:0 10px;color:#f7fbff;background:#172b38}.app-shell{color:#f7fbff;background:#263c4c}.app-shell.reduced-motion *,.app-shell.reduced-motion :after,.app-shell.reduced-motion :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell :after,.app-shell :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell.density-compact .shell{padding-block:14px}.app-shell.density-compact .panel{padding:12px}.app-shell.density-compact .card{gap:5px;padding:9px}.app-shell.density-compact .app-header-inner{padding-block:8px}.app-shell.density-compact .main-nav{padding-bottom:8px}.shell{width:min(1220px,calc(100vw - 24px));margin:0 auto;padding:24px 0}.app-header{border-bottom:1px solid hsla(0,0%,100%,.12);background:#0c1d27b3}.app-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;width:min(1220px,calc(100vw - 24px));margin:0 auto;padding:14px 0}.brand-row{display:flex;min-width:0;gap:14px;align-items:center}.brand-logo{display:block;width:136px;max-width:38vw;height:auto}.brand-title{display:grid;gap:2px}.brand-title strong{font-size:1.02rem}.brand-title span{color:#cbd9df;font-size:.78rem}.player-strip{display:grid;grid-template-columns:repeat(4,auto);gap:10px;align-items:center;justify-content:end}.session-button{min-height:52px;white-space:nowrap}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px;color:#f7fbff;background:#263c4c}.auth-panel{width:min(440px,100%);gap:22px;border:1px solid hsla(0,0%,100%,.16);border-radius:8px;padding:28px;background:#172b38}.auth-panel h1,.auth-panel p{margin:0}.auth-logo{width:min(240px,70%);height:auto}.auth-actions{display:grid}.google-auth-button{border-color:#d6dce3;color:#172b38;background:#fff;font-weight:800}.auth-separator{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:#cbd9df;font-size:.78rem;text-transform:uppercase}.auth-separator:after,.auth-separator:before{height:1px;background:#ffffff29;content:""}.resource-chip{display:grid;min-width:86px;gap:2px;border:1px solid hsla(0,0%,100%,.16);border-radius:8px;padding:7px 10px;background:#0000002e}.resource-chip span{color:#c6f8ff;font-size:.66rem;font-weight:900;text-transform:uppercase}.resource-chip strong{font-size:.92rem}.main-nav{display:flex;gap:8px;width:min(1220px,calc(100vw - 24px));margin:0 auto;padding:0 0 12px;overflow-x:auto}.main-nav a,.section-nav a{flex:0 0 auto;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:9px 12px;color:#d8e7ed;background:#00000024;font-size:.88rem;font-weight:800;text-decoration:none}.main-nav a.active,.section-nav a.active{border-color:#25d7ff;color:#f7fbff;background:#25d7ff29}.topbar,.view-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:18px}.view-title{display:grid;gap:8px}.eyebrow,.field-label{color:#c6f8ff;font-size:.75rem;font-weight:900;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:1.9rem;line-height:1.15}h2{margin-bottom:12px;font-size:1.08rem}h3{font-size:.96rem}.muted{margin:0;color:#cbd9df}.section-nav{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto}.layout,.split-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)}.detail-layout,.layout,.split-layout{display:grid;gap:14px;align-items:start}.detail-layout{grid-template-columns:minmax(0,1fr)}.card,.panel{border:1px solid hsla(0,0%,100%,.18);border-radius:8px;background:#0000002e}.panel{padding:16px}.stack{display:grid;gap:14px}.card-grid,.dashboard-grid,.item-grid,.metric-grid,.summary-grid{display:grid;gap:10px}.metric-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.item-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.stat{display:grid;gap:4px;border-bottom:1px solid hsla(0,0%,100%,.1);padding:8px 0}.stat dt{color:#c6f8ff;font-size:.7rem;font-weight:900;text-transform:uppercase}.stat dd{margin:0;font-weight:900}.card{display:grid;gap:8px;padding:12px}.item-card{grid-template-columns:72px minmax(0,1fr);align-items:start}.item-card-body{display:grid;min-width:0;gap:8px}.item-card.selected{background:#25d7ff1a}.item-artwork{display:block;width:64px;aspect-ratio:1;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;background-color:#ffffff14;background-image:var(--item-atlas);background-position:var(--item-atlas-position);background-repeat:no-repeat;background-size:var(--item-atlas-size)}.material-card .item-artwork{width:58px}.item-card>.ingredient-list{grid-column:1/-1}.card-heading{display:flex;gap:10px;align-items:start;justify-content:space-between}.card code,.card small{color:#cbd9df}.card code{overflow-wrap:anywhere;font-size:.72rem}.item-detail-panel{position:sticky;top:14px;display:grid;gap:14px}.item-detail-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#02080cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.item-detail-modal{position:relative;top:auto;width:min(100%,760px);max-height:min(880px,calc(100vh - 48px));overflow-y:auto;border-color:var(--app-border-strong);background:var(--app-surface);box-shadow:0 24px 70px #0000007a;outline:none}.item-detail-modal-heading{position:sticky;z-index:2;top:-16px;margin:-16px -16px 0;border-bottom:1px solid var(--app-border);padding:14px 16px;background:#101c24f7}.item-detail-modal-close{flex:0 0 auto}@media(max-width:600px){.item-detail-modal-backdrop{align-items:end;padding:12px}.item-detail-modal{width:100%;max-height:calc(100vh - 24px)}}.market-detail-column,.market-detail-column .item-detail-panel{position:static}.item-detail-hero{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center}.item-detail-hero .item-artwork{width:76px}.item-detail-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.item-detail-section{display:grid;gap:8px}.item-detail-section h3{color:#f7fbff;font-size:.86rem;text-transform:uppercase}.detail-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.detail-list li,.detail-list>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:8px;background:#ffffff0f}.detail-list .item-artwork{width:38px}.detail-list small,.detail-list strong{overflow-wrap:anywhere}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.control-row{display:flex;flex-wrap:wrap;gap:8px}.feedback{margin:0;border:1px solid #69e89b;border-radius:6px;padding:8px 10px;color:#c9ffdb;background:#69e89b1f;font-size:.86rem}.status-note{border:1px solid rgba(255,231,46,.34);border-radius:8px;padding:10px 12px;color:#fff5a7;background:#ffe72e1a}.ready-note{border-color:#69e89b;color:#c9ffdb;background:#69e89b1f}.status-note-inline{color:#fff5a7;font-size:.72rem}.pill{display:inline-flex;min-height:22px;align-items:center;border:1px solid hsla(0,0%,100%,.24);border-radius:999px;padding:0 8px;color:#08131a;font-size:.72rem;font-weight:900;text-transform:capitalize}.pill.muted-pill{color:#f7fbff;background:#ffffff1f}.pill.history-purchase{border-color:#69e89b;color:#c9ffdb;background:#69e89b1f}.pill.history-sale{border-color:#25d7ff;color:#c6f8ff;background:#25d7ff1f}.market-history-filters{grid-template-columns:minmax(180px,320px)}.view-status-stack{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.pill.realtime-connected{border-color:#36d984;color:#9af5c2}.pill.realtime-connecting{border-color:#e9c84a;color:#f4df83}.pill.realtime-disconnected{border-color:#7f93a3;color:#b9c6cf}.rarity-common{background:#f2f5f7}.rarity-refined{background:#16a7ff}.rarity-rare{background:#ff7b22}.rarity-epic{color:#f7fbff;background:#6f41ff}.rarity-border-common{border-color:#f2f5f7}.rarity-border-refined{border-color:#16a7ff}.rarity-border-rare{border-color:#ff7b22}.rarity-border-epic{border-color:#6f41ff}.element-electric{background:#ffe72e}.element-fire{background:#ff5268}.element-ice{background:#bdfaff}.clean-list,.ingredient-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.ingredient-list div,.row-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.ingredient-list dt,.row-list-item span{color:#cbd9df}.ingredient-name{display:flex;gap:8px;align-items:center}.ingredient-name .item-artwork{width:34px;flex:0 0 auto}.ingredient-list dd{margin:0;font-weight:900}.ingredient-list dd.ready,.positive{color:#69e89b}.experience-progress{display:grid;gap:5px;min-width:0}.experience-progress-heading{display:flex;gap:10px;justify-content:space-between;color:#cbd9df;font-size:.74rem}.experience-progress-heading strong{color:#f7fbff}.experience-progress progress{width:100%;height:9px;overflow:hidden;border:0;border-radius:4px;background:#ffffff1f}.experience-progress progress::-webkit-progress-bar{background:#ffffff1f}.experience-progress progress::-webkit-progress-value{background:#69e89b}.experience-progress progress::-moz-progress-bar{background:#69e89b}.experience-progress small{color:#a9c0ca}.progression-hero{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:14px}.progression-level-badge{display:grid;min-height:112px;place-content:center;justify-items:center;border:1px solid #25d7ff;border-radius:8px;background:#25d7ff1a}.progression-level-badge span{color:#c6f8ff;font-size:.72rem;font-weight:900;text-transform:uppercase}.progression-level-badge strong{font-size:2.2rem}.progression-metrics{margin-bottom:14px}.progression-metrics strong{font-size:1.35rem}.progression-formula{display:grid;gap:10px;margin-bottom:14px}.progression-formula code{overflow-wrap:anywhere;border:1px solid hsla(0,0%,100%,.12);border-radius:6px;padding:10px;color:#c9ffdb;background:#0000002e}.progression-list-heading label{min-width:180px}.progression-item-list{display:grid;gap:8px}.progression-item-row{display:grid;grid-template-columns:52px minmax(0,1fr) 90px;gap:12px;align-items:center;border-top:1px solid hsla(0,0%,100%,.1);padding:10px 0}.progression-item-row .item-artwork{width:48px}.progression-item-row>div{display:grid;min-width:0;gap:6px}.progression-item-bonus{justify-items:end}.settings-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:end}.settings-panel>div{display:grid;gap:8px}.settings-form,.settings-section,.settings-section-heading,.settings-slider-list{display:grid;gap:14px}.settings-section-heading{grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);align-items:end}.settings-section-heading>div{display:grid;gap:5px}.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-field-grid label,.settings-narrow-field,.settings-slider-list label{display:grid;gap:7px}.settings-narrow-field{width:min(100%,360px)}.settings-field-grid fieldset{min-width:0;margin:0;border:0;padding:0}.settings-metadata,.settings-three-options{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-metadata{display:grid;gap:10px;margin:0}.settings-metadata>div{display:grid;gap:4px;border-top:1px solid hsla(0,0%,100%,.14);padding-top:9px}.settings-metadata dt{color:#cbd9df;font-size:.75rem}.settings-metadata dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:800}.settings-toggle-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;width:-moz-fit-content;width:fit-content;cursor:pointer}.settings-toggle-row input{width:20px;min-height:20px;margin:1px 0 0;accent-color:#25d7ff}.settings-toggle-row span{display:grid;gap:3px}.settings-toggle-row small{color:#cbd9df}.settings-slider-list.disabled{opacity:.5}.settings-slider-label{display:flex;gap:12px;justify-content:space-between}.settings-slider-label output{color:#c6f8ff;font-weight:800}.settings-slider-list input[type=range]{min-height:24px;padding:0;accent-color:#25d7ff}.settings-save-bar{position:sticky;z-index:5;bottom:12px;display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:10px 12px;background:#0c1d27f0;box-shadow:0 8px 28px #0000003d}.settings-save-bar p{margin:0}.settings-error{color:#ff9aac}.app-shell.theme-light{color:#14242d;background:#edf3f5}.theme-light .app-header,.theme-light .settings-save-bar{border-color:#14242d2e;background:#fffffff0}.theme-light .card,.theme-light .main-nav a,.theme-light .panel,.theme-light .resource-chip,.theme-light .section-nav a,.theme-light .segmented-control{border-color:#14242d2e;color:#14242d;background:#ffffffc2}.theme-light .main-nav a.active,.theme-light .section-nav a.active{border-color:#008cac;color:#063644;background:#008cac24}.theme-light .brand-title span,.theme-light .muted,.theme-light .settings-metadata dt,.theme-light .settings-toggle-row small{color:#506671}.theme-light .eyebrow,.theme-light .field-label,.theme-light .resource-chip span,.theme-light .settings-slider-label output{color:#006e88}.theme-light input,.theme-light select{border-color:#14242d3d;color:#14242d;background:#fff}.theme-light .secondary-button,.theme-light .segmented-control button{color:#14242d;background:#14242d12}@media(prefers-color-scheme:light){.app-shell.theme-system{color:#14242d;background:#edf3f5}.theme-system .app-header,.theme-system .card,.theme-system .main-nav a,.theme-system .panel,.theme-system .resource-chip,.theme-system .section-nav a,.theme-system .segmented-control,.theme-system .settings-save-bar{border-color:#14242d2e;color:#14242d;background:#ffffffd6}.theme-system .main-nav a.active,.theme-system .section-nav a.active{border-color:#008cac;color:#063644;background:#008cac24}.theme-system .brand-title span,.theme-system .muted,.theme-system .settings-metadata dt,.theme-system .settings-toggle-row small{color:#506671}.theme-system .eyebrow,.theme-system .field-label,.theme-system .resource-chip span,.theme-system .settings-slider-label output{color:#006e88}.theme-system input,.theme-system select{border-color:#14242d3d;color:#14242d;background:#fff}}.negative{color:#ff7d8c}.market-history li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border-top:1px solid hsla(0,0%,100%,.12);padding:9px 0}.market-history li:first-child{border-top:0}.market-history li>div{display:grid;gap:2px}.market-history strong{text-transform:capitalize}.battle-history-list{display:grid;gap:14px}.battle-history-card{gap:14px}.battle-history-card h2{margin:0;text-transform:capitalize}.battle-outcome-win{color:#69e89b}.battle-outcome-draw{color:#fff5a7}.battle-outcome-loss{color:#ff7d8c}.reward-preview{display:grid;gap:10px;border-top:1px solid hsla(0,0%,100%,.14);padding-top:12px}.reward-detail-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:4px 0}.compact-summary{min-width:min(300px,100%)}.battle-record-technical{margin-top:14px}.battle-result-summary{gap:16px;margin-top:14px}.battle-result-summary h2,.battle-result-summary h3{margin:0}.battle-summary-section{display:grid;gap:8px;border-top:1px solid hsla(0,0%,100%,.12);padding-top:12px}.battle-summary-table{display:grid}.battle-summary-table>div{display:grid;grid-template-columns:minmax(130px,1fr) repeat(2,minmax(90px,auto));gap:12px;border-bottom:1px solid hsla(0,0%,100%,.1);padding:8px 0}.battle-summary-table span{color:#c4d6dd;text-align:right}.battle-summary-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.battle-summary-activity-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);padding:7px 0}.battle-summary-activity-list li>span{display:grid;min-width:0}.battle-summary-activity-list small{color:#a9c0ca}.live-battle-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid hsla(0,0%,100%,.14);border-radius:8px;margin-bottom:14px;background:#182b35}.live-battle-status>div{display:grid;gap:4px;border-right:1px solid hsla(0,0%,100%,.12);padding:12px}.live-battle-status>div:last-child{border-right:0}.live-battlefield{display:grid;gap:14px}.opponent-field{margin-bottom:14px}.live-player-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:start;justify-content:space-between}.live-player-heading h2{margin:2px 0 0}.live-combat-row{display:grid;grid-template-columns:minmax(170px,.3fr) minmax(0,1fr);gap:12px}.opponent-row{direction:rtl}.opponent-row>*{direction:ltr}.live-hero,.live-monster,.live-ring{border:1px solid hsla(0,0%,100%,.16);border-radius:8px;background:#ffffff0d}.live-hero{display:grid;gap:8px;min-height:130px;padding:12px}.live-hero>strong{font-size:1.1rem}.live-hero dl,.live-ring dl{display:grid;gap:5px;margin:0}.live-hero dl>div,.live-ring dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.live-hero dt,.live-ring dt{color:#b7cbd4}.live-hero dd,.live-ring dd{margin:0;font-weight:700}.live-monster-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px}.live-monster{display:grid;min-height:130px;gap:6px;place-content:center;justify-items:center;padding:10px}.live-monster .item-artwork{width:64px}.live-monster.empty-slot{border-style:dashed;opacity:.45}.live-ring-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.live-ring{position:relative;display:grid;min-width:0;gap:8px;padding:10px}.live-ring>.pill{position:absolute;top:8px;right:8px}.live-ring>.item-artwork{width:72px;margin-inline:auto}.live-ring>strong{overflow-wrap:anywhere;text-align:center}.live-gem-row{display:flex;min-height:30px;gap:5px;align-items:center;border-top:1px solid hsla(0,0%,100%,.1);padding-top:8px}.live-gem-row .item-artwork{width:28px}.live-action-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;width:100%;margin-top:auto;border-top:1px solid hsla(0,0%,100%,.1);padding-top:8px}.live-action-controls select{min-width:0;border:1px solid hsla(0,0%,100%,.18);border-radius:6px;padding:0 8px;color:#f7fbff;background:#182b35}.live-action-controls button{min-height:34px;padding-inline:10px}.live-choice-panel,.live-command-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}.live-choice-panel h2{margin:2px 0 0}.live-element-choice{grid-template-columns:repeat(3,minmax(90px,1fr));min-width:min(100%,330px);margin:0}.live-command-buttons{display:flex;flex-wrap:wrap;gap:8px}.live-action-error{margin-top:10px;border-color:#ff5d78;color:#ffd7de}.battlefield-mock{display:grid;gap:12px}.battle-row{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:10px;align-items:stretch}.monster-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-box,.slot{min-height:86px;border:1px dashed hsla(0,0%,100%,.24);border-radius:8px;padding:10px;background:#ffffff0f}.ring-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.equipment-breakdown,.equipment-metrics,.filter-bar{margin-bottom:14px}.equipment-metrics .card{gap:6px}.equipment-metrics strong{font-size:1.35rem}.equipment-layout{margin-top:14px}.equipment-ring-list,.equipment-slot-list{display:grid;gap:10px}.equipment-ring-card.equipped{background:#25d7ff1a}.gem-socket-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.socket-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:start;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:8px;background:#ffffff0f}.socket-row .item-artwork{width:38px}.socket-row>div{display:grid;min-width:0;gap:4px}.socket-row strong{overflow-wrap:anywhere}.socket-row .pill{width:-moz-fit-content;width:fit-content}.socket-layout{align-items:start}.socket-improvement{display:grid;gap:8px;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:10px;background:#ffffff0f}.socket-improvement>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.socket-slot-list{display:grid;gap:8px}.socket-slot-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:10px;background:#ffffff0f}.socket-slot-card .item-artwork{width:42px}.empty-socket,.socket-slot-card>div{display:grid;min-width:0;gap:6px}.socket-gem-grid{margin-top:12px}.muted-card{opacity:.7}.enchantment-panel{margin-top:14px}.quality-layout{align-items:start}.quality-stat-list{display:grid;gap:6px}.quality-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid hsla(0,0%,100%,.1);padding:6px 0}.quality-stat span{color:#cbd9df}.loadout-list{display:grid;gap:12px}.loadout-card.active{background:#ffe72e17}.loadout-ring-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.mini-ring-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;padding:8px;background:#ffffff0f}.mini-ring-card .item-artwork{width:38px}.mini-ring-card>div{display:grid;min-width:0;gap:3px}.mini-ring-card small,.mini-ring-card strong{overflow-wrap:anywhere}.active-loadout-heading{display:flex;gap:12px;align-items:start;justify-content:space-between;margin-top:12px}.campaign-layout{display:grid;grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);gap:14px;align-items:start}.campaign-detail,.campaign-section,.campaign-track{display:grid;gap:12px}.campaign-opponent-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;width:100%;min-height:64px;justify-content:stretch;padding:10px;text-align:left;background:#ffffff0f}.campaign-opponent-card.selected{border-color:#25d7ff;background:#25d7ff1f}.campaign-opponent-locked{opacity:.62}.campaign-order{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:50%;color:#08131a;font-weight:900}.campaign-opponent-copy{display:grid;min-width:0;gap:3px}.campaign-opponent-copy small{color:#cbd9df}.campaign-reward-grid,.campaign-ring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.campaign-ring-grid .detail-list span,.campaign-ring-grid .item-detail-hero>div{display:grid;min-width:0;gap:4px}.campaign-reward-card h3{color:#c6f8ff;text-transform:uppercase}@media(max-width:820px){.app-header-inner,.battle-row,.campaign-layout,.detail-layout,.layout,.live-combat-row,.progression-hero,.settings-field-grid,.settings-metadata,.settings-panel,.settings-section-heading,.split-layout,.toolbar,.topbar,.view-header{grid-template-columns:1fr}.progression-item-row{grid-template-columns:48px minmax(0,1fr)}.progression-item-bonus{grid-column:2;justify-items:start}.live-battle-status{grid-template-columns:repeat(2,minmax(0,1fr))}.live-battle-status>div:nth-child(2){border-right:0}.live-battle-status>div:nth-child(-n+2){border-bottom:1px solid hsla(0,0%,100%,.12)}.opponent-row{direction:ltr}.battle-summary-activity-grid{grid-template-columns:1fr}.battle-summary-table>div{grid-template-columns:minmax(0,1fr) auto}.battle-summary-table>div span:last-child{grid-column:1/-1;text-align:left}.item-detail-panel{position:static}.player-strip{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.session-button{width:100%}}.private-match-entry,.private-participant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.private-match-entry .panel,.private-ready-panel{display:grid;align-content:start;gap:1rem}.private-battle-ready,.private-match-code,.private-ready-panel .action-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.private-match-code strong{display:block;font-size:1.75rem;letter-spacing:0}.private-empty-slot{border-style:dashed;opacity:.75}@media(max-width:700px){.private-match-entry,.private-participant-grid{grid-template-columns:1fr}.private-battle-ready,.private-match-code,.private-ready-panel .action-row{align-items:stretch;flex-direction:column}}.ranked-leaderboard-layout,.ranked-season-rewards{display:grid;gap:1rem;margin-top:1rem}.ranked-reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem}.ranked-reward-panel{display:grid;align-content:start;gap:1rem}.ranked-leaderboard-panel{display:grid;gap:.75rem}.ranked-leaderboard-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ranked-leaderboard-title h2{margin:.2rem 0 0}.ranked-leaderboard-header,.ranked-leaderboard-list>li{display:grid;grid-template-columns:56px minmax(140px,1fr) 130px 110px 120px;gap:.75rem;align-items:center}.ranked-leaderboard-header{padding:0 .75rem;color:#cbd9df;font-size:.75rem;font-weight:700;text-transform:uppercase}.ranked-leaderboard-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.ranked-leaderboard-list>li{min-width:0;padding:.7rem .75rem;background:#ffffff0a}.ranked-leaderboard-list>li.current{border-left-color:#36d984;background:#49de801a}.ranked-leaderboard-list>li>*{min-width:0;overflow-wrap:anywhere}.ranked-position{color:#25d7ff}.ranked-player-name{display:flex;align-items:baseline;gap:.5rem;font-weight:700}.ranked-player-name small{color:#9af5c2;font-weight:700}.ranked-player-profile-link{color:inherit;text-decoration:none}.ranked-player-profile-link:hover{text-decoration:underline;text-underline-offset:3px}.public-pvp-profile-hero{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:16px;align-items:center;border-bottom:1px solid var(--app-border);padding:12px 0 20px}.public-pvp-profile-avatar,.public-pvp-rank-mark{display:grid;aspect-ratio:1;place-items:center;border:1px solid rgba(37,215,255,.28);border-radius:8px;color:var(--app-cyan);background:var(--app-cyan-soft)}.public-pvp-profile-avatar{width:72px}.public-pvp-profile-empty h2,.public-pvp-profile-empty p,.public-pvp-profile-hero h1,.public-pvp-profile-hero p,.public-pvp-rank-panel h2,.public-pvp-rank-panel p{margin:0}.public-pvp-profile-hero h1{margin-top:3px;font-size:1.75rem}.public-pvp-profile-empty p,.public-pvp-profile-hero p,.public-pvp-rank-panel p{margin-top:4px;color:var(--app-muted);font-size:.75rem}.public-pvp-profile-empty{display:flex;gap:13px;align-items:center}.public-pvp-profile-empty svg{flex:0 0 auto;color:var(--app-cyan)}.public-pvp-profile-empty h2{font-size:1rem}.public-pvp-season-line{display:flex;gap:16px;align-items:center;justify-content:space-between;color:var(--app-muted);font-size:.72rem}.public-pvp-season-line>span:first-child{display:flex;gap:7px;align-items:center}.public-pvp-season-line strong,.public-pvp-season-line svg{color:var(--app-cyan)}.public-pvp-rank-panel{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(180px,auto);gap:16px;align-items:center;border-top:1px solid var(--app-border);border-bottom:1px solid var(--app-border);padding:18px 0}.public-pvp-rank-mark{width:64px}.public-pvp-rank-panel h2{margin-top:3px;font-size:1.35rem}.public-pvp-peak{display:grid;gap:3px;border-left:1px solid var(--app-border);padding-left:18px}.public-pvp-peak small,.public-pvp-peak span{color:var(--app-muted);font-size:.68rem}.public-pvp-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-pvp-record-grid article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--app-border);border-radius:7px;padding:13px;background:var(--app-surface)}.public-pvp-record-grid svg{color:var(--app-cyan)}.public-pvp-record-grid .wins svg{color:var(--app-green)}.public-pvp-record-grid .losses svg{color:var(--app-red)}.public-pvp-record-grid span{color:var(--app-muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.public-pvp-record-grid strong{font-size:1.15rem}.public-pvp-privacy-note{display:flex;gap:7px;align-items:center;margin:0;color:var(--app-muted);font-size:.68rem}.public-pvp-privacy-note svg{flex:0 0 auto}@media(max-width:760px){.public-pvp-profile-hero{grid-template-columns:58px minmax(0,1fr)}.public-pvp-profile-avatar{width:58px}.public-pvp-profile-hero>.button-link,.public-pvp-profile-hero>.pill{grid-column:1/-1}.public-pvp-profile-hero>.button-link{width:100%}.public-pvp-season-line{align-items:flex-start;flex-direction:column;gap:6px}.public-pvp-rank-panel{grid-template-columns:54px minmax(0,1fr)}.public-pvp-rank-mark{width:54px}.public-pvp-peak{grid-column:1/-1;border-top:1px solid var(--app-border);border-left:0;padding-top:12px;padding-left:0}.public-pvp-record-grid{grid-template-columns:1fr}.ranked-leaderboard-title{align-items:flex-start}.ranked-leaderboard-header{display:none}.ranked-leaderboard-list>li{grid-template-columns:48px minmax(0,1fr);align-items:start}.ranked-leaderboard-list .ranked-position{grid-row:1/span 4}.ranked-leaderboard-list>li>span{grid-column:2}.ranked-leaderboard-list>li>span[data-label]{display:grid;grid-template-columns:84px minmax(0,1fr);gap:.5rem}.ranked-leaderboard-list>li>span[data-label]:before{color:#cbd9df;content:attr(data-label);font-size:.75rem;font-weight:700;text-transform:uppercase}}.live-battle-page{--arena-border:rgba(189,225,236,.2);--arena-surface:#132731;--arena-raised:#1b323d;max-width:1440px}.live-view-header{margin-bottom:12px}.live-match-strip{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:1px;overflow:hidden;border:1px solid var(--arena-border);border-radius:8px 8px 0 0;background:var(--arena-border)}.live-match-strip>div{display:grid;min-width:110px;gap:3px;padding:10px 14px;background:#1a303a}.live-turn-owner{text-align:center}.live-arena{display:grid;gap:0;border:1px solid var(--arena-border);border-top:0;border-radius:0 0 8px 8px;background:var(--arena-surface)}.live-energy-rail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 14px;color:#d8edf4;background:#0d2029}.live-energy-slots{display:grid;grid-template-columns:repeat(8,minmax(12px,1fr));gap:4px}.live-energy-slots i{height:8px;border:1px solid rgba(168,205,217,.22);background:#ffffff0d}.live-energy-slots i.unlocked{border-color:#28d6f173}.live-energy-slots i.filled{background:#28d6f1;box-shadow:0 0 7px #28d6f18c}.opponent-energy .live-energy-slots{direction:rtl}.live-loadout-heading,.live-side-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--arena-border);padding:10px 14px;background:#19303a}.live-loadout-heading>div,.live-side-heading>div{display:flex;gap:9px;align-items:baseline}.live-side-zone{display:grid;grid-template-columns:minmax(175px,.28fr) minmax(0,1fr);gap:12px;padding:12px}.opponent-zone{direction:rtl}.opponent-zone>*{direction:ltr}.live-arena .live-hero,.live-arena .live-monster,.live-arena .live-ring{position:relative;border-radius:6px;background:var(--arena-raised);transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.live-arena .source-available,.live-arena .target-available{cursor:pointer}.live-arena .source-available:not(.source-selected):not(.target-selected):focus-visible,.live-arena .source-available:not(.source-selected):not(.target-selected):hover,.live-arena .target-available:not(.source-selected):not(.target-selected):focus-visible,.live-arena .target-available:not(.source-selected):not(.target-selected):hover{border-color:#28d6f1;box-shadow:0 0 0 2px #28d6f138;outline:none}.live-arena :is(.live-ring,.live-monster).source-available:not(.source-selected):not(.target-selected):focus-visible,.live-arena :is(.live-ring,.live-monster).source-available:not(.source-selected):not(.target-selected):hover,.live-arena :is(.live-ring,.live-monster).target-available:not(.source-selected):not(.target-selected):focus-visible,.live-arena :is(.live-ring,.live-monster).target-available:not(.source-selected):not(.target-selected):hover{border-color:var(--live-rarity-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-rarity-color) 42%,transparent),0 0 22px var(--live-rarity-glow),0 12px 28px #00000047;outline:none}.live-arena .live-hero{display:grid;min-height:180px;gap:10px;align-content:start;padding:12px}.live-card-heading{display:grid;gap:2px}.live-health-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.live-health-line meter{width:100%;height:9px;accent-color:#44df72}.live-inline-stats{display:flex;flex-wrap:wrap;gap:7px 14px;margin:0}.live-inline-stats>div{display:flex;gap:5px}.live-inline-stats dt{color:#aec4cd;font-size:.72rem}.live-inline-stats dd{margin:0;font-size:.8rem;font-weight:800}.live-arena .live-monster-grid{grid-template-columns:repeat(3,minmax(155px,1fr))}.live-arena .live-monster{min-height:180px;gap:7px;place-content:initial;align-content:start;justify-items:stretch;padding:10px}.live-artwork-wrap{position:relative;display:grid;min-height:68px;place-items:center}.live-artwork-wrap>.pill{position:absolute;top:0;right:0}.live-artwork-wrap .item-artwork{width:68px}.live-arena .empty-slot{min-height:180px;border-style:dashed;background:#ffffff05;opacity:.45}.live-status-badges{display:flex;min-height:24px;flex-wrap:wrap;gap:4px}.live-protection-note{color:#ffd166}.live-arena .target-available{border-color:#28d6f18c}.live-arena .source-selected,.live-arena .target-selected{border-color:#43e083;box-shadow:0 0 0 2px #43e08333}.live-arena .target-blocked{opacity:.55}.live-arena-divider{display:flex;align-items:center;justify-content:center;border-block:1px solid var(--arena-border);padding:5px 12px;color:#d7f8ff;background:#27414c;font-size:.75rem;font-weight:800;text-transform:uppercase}.live-ring-dock{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:8px;overflow-x:auto;padding:10px;background:#0712198a}.live-arena .live-ring{min-width:155px;gap:7px;padding:9px}.live-arena .live-ring>strong{min-height:38px;text-align:left}.live-arena .live-ring .live-artwork-wrap{min-height:62px}.live-arena .live-ring .item-artwork{width:62px}.live-arena .live-gem-row{min-height:32px;margin-top:auto}.live-opponent-reveals{border-top:1px solid var(--arena-border);background:#132b35}.opponent-ring-dock{border-top:1px solid hsla(0,0%,100%,.08);background:#142f39}.live-revealed-gem{display:inline-flex;gap:3px;align-items:center}.live-revealed-gem .item-artwork+.item-artwork{width:22px;opacity:.9}.live-command-tray{position:sticky;z-index:8;bottom:8px;display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:12px;align-items:center;margin-top:12px;border:1px solid rgba(40,214,241,.36);border-radius:8px;padding:11px 12px;background:#122832f5;box-shadow:0 12px 30px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-command-selection{display:grid;min-width:0;gap:2px}.live-command-selection small,.live-command-selection strong{overflow-wrap:anywhere}.live-arena .resolution-source{animation:live-source-pulse .62s ease-out}.live-arena .resolution-impact{animation:live-impact-pulse .52s ease-out}.live-damage-pop,.live-status-pop{position:absolute;z-index:5;top:42%;left:50%;pointer-events:none;transform:translate(-50%,-50%);text-align:center;text-shadow:0 2px 4px #000}.live-damage-pop{color:#ff627d;font-size:1.45rem;font-weight:900;animation:live-damage-pop .9s ease-out forwards}.live-status-pop{top:62%;width:calc(100% - 16px);color:#ffe27a;font-size:.76rem;font-weight:800;animation:live-status-pop 1.05s ease-out forwards}.live-resolution-feed{display:grid;grid-template-columns:minmax(150px,.25fr) minmax(0,1fr);gap:14px;margin-top:10px;border:1px solid rgba(40,214,241,.24);border-radius:6px;padding:11px 12px;background:#172c36}.live-resolution-heading{display:grid;align-content:start;gap:3px}.live-resolution-feed ol{display:grid;max-height:230px;gap:5px;overflow-y:auto;margin:0;padding-left:22px}.live-resolution-feed li{border-left:3px solid hsla(0,0%,100%,.18);padding-left:8px;color:#c7d8de;font-size:.82rem}.live-resolution-feed .event-action{border-color:#28d6f1;color:#dcf9ff}.live-resolution-feed .event-damage{border-color:#ff627d;color:#ffd5dc}.live-resolution-feed .event-status{border-color:#ffe27a;color:#fff0ad}.live-resolution-feed .event-result{border-color:#43e083;color:#baf5d1}.live-diagnostics{margin-top:12px;border:1px solid hsla(0,0%,100%,.12);border-radius:6px;padding:10px 12px;background:#ffffff08}.live-diagnostics summary{cursor:pointer;font-weight:700}.live-diagnostics .summary-grid{margin-top:10px}.live-raw-events{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}@keyframes live-source-pulse{0%{box-shadow:0 0 #28d6f1a6}to{box-shadow:0 0 0 10px #28d6f100}}@keyframes live-impact-pulse{0%,35%{border-color:#ff627d;background:#ff627d2e}to{background:var(--arena-raised)}}@keyframes live-damage-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}to{opacity:0;transform:translate(-50%,-115%) scale(1)}}@keyframes live-status-pop{0%{opacity:0;transform:translate(-50%)}25%,70%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-85%)}}@media(max-width:900px){.live-side-zone{grid-template-columns:150px minmax(0,1fr)}.live-arena .live-monster-grid{grid-template-columns:repeat(3,minmax(130px,1fr));overflow-x:auto}.live-command-tray{grid-template-columns:1fr}}@media(max-width:640px){.live-command-tray{bottom:calc(70px + env(safe-area-inset-bottom))}.live-match-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.live-match-strip>div{min-width:0}.live-turn-owner{text-align:left}.live-match-strip>div:last-child:nth-child(3){grid-column:1/-1}.live-energy-rail{grid-template-columns:auto minmax(0,1fr)}.live-energy-rail>strong{grid-column:1/-1;justify-self:end}.live-side-zone,.opponent-zone{grid-template-columns:1fr;direction:ltr}.live-arena .live-hero{min-height:150px}.live-arena .live-monster-grid{grid-template-columns:repeat(3,165px);padding-bottom:4px}.live-ring-dock{grid-template-columns:none;grid-auto-columns:165px;grid-auto-flow:column;justify-content:start}.live-command-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.live-command-buttons button{min-width:0;min-height:44px;padding-inline:7px;line-height:1.2;white-space:normal}.live-resolution-feed{grid-template-columns:1fr}}body{background:var(--app-void)}.app-shell,body{color:var(--app-text)}.app-shell{position:relative;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;isolation:isolate;background:radial-gradient(circle at 76% 0,rgba(36,126,145,.1),transparent 34rem),radial-gradient(circle at 18% 100%,rgb(192 111 52/6%),transparent 30rem),linear-gradient(135deg,var(--app-bg-deep),var(--app-bg) 58%,#071118)}.app-shell:before{position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.85%,rgb(139 204 217/3%) 50%,transparent 50.15%),linear-gradient(rgb(139 204 217/2%) 1px,transparent 0);background-size:100% 100%,100% 88px;content:"";-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}.app-sidebar{position:sticky;z-index:20;top:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;border-right:1px solid var(--app-border-strong);background:linear-gradient(90deg,hsla(0,0%,100%,.02),transparent 35%),linear-gradient(180deg,#0c171e,#081219 72%,#071015);box-shadow:12px 0 44px #00000038}.app-sidebar:after{position:absolute;top:0;right:-1px;width:1px;height:36%;background:linear-gradient(var(--app-cyan),transparent);box-shadow:0 0 16px #30d3ed6b;content:"";opacity:.55;pointer-events:none}.shell-brand{position:relative;display:flex;min-width:0;gap:11px;align-items:center;border-bottom:1px solid var(--app-border);padding:17px 16px 18px;text-decoration:none}.shell-brand:after{position:absolute;right:16px;bottom:-1px;left:16px;height:1px;background:linear-gradient(90deg,transparent,var(--app-border-accent),transparent);content:"";opacity:.48}.shell-brand img{width:46px;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 9px rgb(48 211 237/24%))}.shell-brand>span,.sidebar-account>span:not(.player-avatar){display:grid;min-width:0;gap:2px}.shell-brand strong{font-family:var(--font-display);font-size:1.12rem;letter-spacing:.025em}.shell-brand small,.sidebar-account small{color:var(--app-muted);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{display:grid;align-content:start;gap:6px;padding:22px 11px}.sidebar-nav a{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:center;border:1px solid transparent;border-radius:var(--app-corner-sm);padding:11px 12px;color:#aabac0;font-size:.86rem;font-weight:750;text-decoration:none;transition:color var(--app-motion-fast) ease,border-color var(--app-motion-fast) ease,background-color var(--app-motion-fast) ease,transform var(--app-motion-fast) ease}.sidebar-nav a:before{position:absolute;top:50%;left:-12px;width:4px;height:22px;background:transparent;content:"";transform:translateY(-50%)}.sidebar-nav a:hover{color:var(--app-text);background:#ffffff08;transform:translate(2px)}.sidebar-nav a.active{border-color:#30d3ed40;color:#edfcff;background:linear-gradient(90deg,#30d3ed26,#30d3ed0a),var(--app-surface);box-shadow:var(--app-shadow-inset),0 8px 20px #0000002e}.sidebar-nav a.active:before{background:var(--app-cyan);box-shadow:0 0 12px #30d3eda6}.sidebar-account{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;gap:9px;align-items:center;border-top:1px solid var(--app-border);padding:13px 12px;background:linear-gradient(90deg,rgb(48 211 237/5%),transparent 62%),#00000024}.sidebar-account strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.player-avatar,.topbar-profile{display:grid;aspect-ratio:1;place-items:center;border:1px solid rgba(48,211,237,.46);border-radius:50%;color:#dffbff;background:radial-gradient(circle at 34% 28%,hsla(0,0%,100%,.12),transparent 24%),#14333e;box-shadow:inset 0 0 12px #30d3ed1a,0 0 12px #30d3ed14;font-size:.72rem;font-weight:900;text-decoration:none}.icon-button{width:32px;min-height:32px;border-color:transparent;padding:0;color:var(--app-muted);background:transparent}.icon-button:hover{color:var(--app-text);background:#ffffff12}.app-workspace{position:relative;min-width:0}.app-topbar{position:sticky;z-index:15;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-border);padding:8px var(--app-space-page);background:linear-gradient(90deg,#060c11f7,#0a141beb 48%,#060c11f7);box-shadow:0 12px 30px #00000029;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-topbar:after{position:absolute;right:var(--app-space-page);bottom:-1px;left:var(--app-space-page);height:1px;background:linear-gradient(90deg,var(--app-border-accent),transparent 42%);content:"";opacity:.55}.topbar-context{display:grid;gap:1px}.topbar-context span{color:var(--app-cyan-bright);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.topbar-context strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.025em}.topbar-resources{display:flex;gap:8px;align-items:center}.topbar-resource{position:relative;display:grid;grid-template-columns:auto auto auto;gap:6px;align-items:center;min-height:38px;border:1px solid var(--app-border-strong);border-radius:var(--app-corner-sm);padding:7px 10px;color:#d1e1e6;background:linear-gradient(180deg,hsla(0,0%,100%,.04),transparent),#081319e0;box-shadow:var(--app-shadow-inset);font-size:.72rem;text-decoration:none;transition:border-color var(--app-motion-fast) ease,background-color var(--app-motion-fast) ease}.topbar-resource:hover{border-color:var(--app-border-accent);background-color:var(--app-raised)}.topbar-resource svg{color:var(--app-cyan)}.topbar-resource.credits svg{color:var(--app-gold)}.topbar-resource strong{color:var(--app-text)}.topbar-profile{width:36px}.mobile-nav{display:none}.app-content{position:relative;min-width:0}.app-content .shell{width:min(var(--app-content-width),calc(100% - var(--app-space-page)*2));padding-block:30px 48px}.app-content .card,.app-content .panel{border-color:var(--app-border);background:linear-gradient(145deg,var(--app-panel-highlight),transparent 38%),var(--app-surface);box-shadow:var(--app-shadow-inset)}.app-content .card:hover{border-color:var(--app-border-strong)}.app-content .section-nav{gap:5px;border-bottom:1px solid var(--app-border);margin-bottom:26px;padding-inline:4px;scrollbar-width:none}.app-content .section-nav::-webkit-scrollbar{display:none}.app-content .section-nav a{position:relative;border:0;border-bottom:1px solid transparent;border-radius:0;padding:9px 13px 12px;color:var(--app-muted);background:transparent;letter-spacing:.02em}.app-content .section-nav a:after{position:absolute;right:20%;bottom:-1px;left:20%;height:2px;background:transparent;content:"";transition:right var(--app-motion-fast) ease,left var(--app-motion-fast) ease,background-color var(--app-motion-fast) ease}.app-content .section-nav a.active{color:var(--app-text);background:transparent}.app-content .section-nav a.active:after{right:0;left:0;background:var(--app-cyan);box-shadow:0 0 10px #30d3ed85}.view-header{margin-bottom:24px}.eyebrow,.field-label{color:var(--app-cyan-bright);letter-spacing:.09em}.app-content h1,.app-content h2{font-family:var(--font-display);font-weight:700;letter-spacing:.015em}.muted{color:var(--app-muted)}.home-shell{display:grid;gap:34px}.home-command-scene{position:relative;display:grid;min-height:min(620px,calc(100vh - 124px));gap:32px;overflow:hidden;border:1px solid var(--app-border-strong);border-radius:var(--app-corner-md);padding:clamp(24px,4vw,54px);background:linear-gradient(90deg,#040a0ff7,#050f16e0 43%,#040a0f4d 72%),linear-gradient(0deg,rgba(4,10,15,.86),transparent 58%),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 50% /cover;box-shadow:var(--app-shadow-depth),inset 0 1px #b2e4ef1f}.home-command-scene:after,.home-command-scene:before{position:absolute;pointer-events:none;content:""}.home-command-scene:before{inset:0;background:radial-gradient(circle at 72% 38%,rgb(48 211 237/9%),transparent 24rem),linear-gradient(135deg,transparent 68%,rgb(233 139 79/7%))}.home-command-scene:after{right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--app-cyan),transparent 45%,var(--app-ember));opacity:.72}.home-command-scene>*{position:relative;z-index:1}.home-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.home-header>div{display:grid;gap:7px}.home-header h1{max-width:740px;font-size:clamp(2.3rem,4.6vw,4.8rem);line-height:.98;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.58)}.home-header .muted{max-width:520px;color:#bfced3}.home-wordmark{width:188px;height:94px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 24px rgb(0 0 0/42%))}.home-command-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);gap:clamp(18px,3vw,42px);align-items:end}.battle-command-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;min-height:270px;overflow:hidden;border:1px solid rgba(48,211,237,.38);border-radius:var(--app-corner-md);background:linear-gradient(105deg,#051017f5 0 58%,#0f323dcc),#051017d6;box-shadow:0 18px 46px #00000047,inset 0 1px #a9eff81a}.battle-command-card:after{position:absolute;right:0;bottom:0;width:48%;height:3px;background:linear-gradient(90deg,transparent,var(--app-cyan));box-shadow:0 0 14px #30d3ed8c;content:""}.battle-command-copy{z-index:1;display:grid;gap:15px;align-content:center;padding:clamp(22px,3vw,38px)}.battle-command-copy h2{margin:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.battle-command-copy p{max-width:580px;margin:0;color:#b8cbd2}.mode-label{display:flex;gap:7px;align-items:center;color:#8eeafa;font-size:.72rem;font-weight:900;text-transform:uppercase}.primary-command{gap:8px;min-height:46px;border-color:var(--app-cyan-bright);border-radius:var(--app-corner-sm);color:#061217;background:var(--app-cyan);box-shadow:0 0 22px #30d3ed29;font-weight:900}.battle-command-card .secondary-button,.destination-card,.text-link{gap:8px}.battle-emblem{position:relative;display:grid;place-items:center;color:#74e2f36b}.battle-emblem svg:last-child{position:absolute;color:#b9f6ff}.home-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;overflow:hidden;border:1px solid var(--app-border-strong);border-radius:var(--app-corner-md);background:#050f15db;box-shadow:0 18px 44px #00000040,inset 0 1px #bae5ee14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-metrics>div{display:grid;min-height:118px;align-content:space-between;border:0;border-right:1px solid var(--app-border);border-bottom:1px solid var(--app-border);padding:15px;background:linear-gradient(145deg,hsla(0,0%,100%,.03),transparent)}.home-metrics>div:nth-child(2n){border-right:0}.home-metrics>div:nth-last-child(-n+2){border-bottom:0}.home-metrics dt{color:var(--app-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.home-metrics dd{margin:0;font-family:var(--font-display);font-size:1.42rem;font-weight:900}.destination-icon,.metric-icon{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:6px;color:var(--app-cyan);background:var(--app-cyan-soft)}.metric-icon.credits{color:var(--app-gold);background:#ffd1661a}.metric-icon.collection{color:var(--app-green);background:#48dc851a}.metric-icon.materials{color:#ff9d68;background:#ff9d681a}.home-section{display:grid;gap:13px}.home-destinations{position:relative}.section-heading-row{display:flex;gap:16px;align-items:end;justify-content:space-between}.section-heading-row>div{display:grid;gap:5px}.section-heading-row h2{margin:0;font-size:1.18rem}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.destination-card{--destination-accent:var(--app-cyan);display:grid;grid-template-columns:54px minmax(0,1fr) auto;min-height:104px;overflow:hidden;align-items:center;border:1px solid color-mix(in srgb,var(--destination-accent) 36%,var(--app-border));border-radius:var(--app-corner-md);padding:17px;background:linear-gradient(110deg,color-mix(in srgb,var(--destination-accent) 9%,transparent),transparent),var(--app-surface);box-shadow:var(--app-shadow-inset);text-decoration:none;transition:border-color var(--app-motion-fast) ease,background-color var(--app-motion-fast) ease,transform var(--app-motion-fast) ease,box-shadow var(--app-motion-fast) ease}.destination-card:hover{border-color:var(--destination-accent);background:var(--app-raised);transform:translateY(-2px);box-shadow:var(--app-shadow-inset),0 14px 28px #0003}.destination-card>span:nth-child(2){display:grid;min-width:0;gap:4px}.destination-card small{display:-webkit-box;overflow:hidden;color:var(--app-muted);font-size:.73rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.destination-card.forge .destination-icon{--destination-accent:var(--app-ember);color:#ff9d68;background:#ff9d681a}.destination-card.forge{--destination-accent:var(--app-ember)}.destination-card.inventory{--destination-accent:var(--app-green)}.destination-card.inventory .destination-icon{color:var(--app-green);background:#48dc851a}.destination-card.market{--destination-accent:var(--app-gold)}.destination-card.market .destination-icon{color:var(--app-gold);background:#ffd1661a}.text-link{display:inline-flex;align-items:center;color:#97eaf7;font-size:.78rem;font-weight:800;text-decoration:none}.collection-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.collection-preview-card{display:grid;min-width:0;gap:6px;border:1px solid var(--app-border);border-radius:var(--app-corner-md);padding:11px;background:linear-gradient(145deg,hsla(0,0%,100%,.03),transparent 42%),#071117eb;box-shadow:var(--app-shadow-inset)}.collection-preview-card>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-preview-card>small{color:var(--app-muted)}.collection-artwork-wrap{position:relative;display:grid;min-height:142px;place-items:center;margin:-2px -2px 4px;border-radius:6px;background:radial-gradient(circle,rgb(48 211 237/8%),transparent 58%),#081219}.collection-artwork-wrap .item-artwork{width:118px;border:0;background-color:transparent}.collection-artwork-wrap .pill{position:absolute;top:7px;right:7px}@media(max-width:1080px){:root{--sidebar-width:76px}.shell-brand{justify-content:center;padding-inline:10px}.shell-brand:after{right:10px;left:10px}.shell-brand>span,.sidebar-account .icon-button,.sidebar-account>span:not(.player-avatar),.sidebar-nav a span{display:none}.sidebar-nav a{padding-inline:8px}.sidebar-account,.sidebar-nav a{grid-template-columns:1fr;justify-items:center}.home-command-grid{grid-template-columns:1fr}.home-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.home-metrics>div{min-height:102px;border-right:1px solid var(--app-border);border-bottom:0}.home-metrics>div:last-child{border-right:0}.home-command-scene{min-height:auto}}@media(max-width:760px){.app-shell{display:block;padding-bottom:62px}.app-shell:before{background-size:100% 100%,100% 72px;opacity:.7}.app-sidebar{display:none}.app-topbar{min-height:56px;padding-inline:12px}.app-topbar:after{right:12px;left:12px}.topbar-resource span{display:none}.topbar-resource{grid-template-columns:auto auto;min-height:44px;padding-inline:8px}.mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:62px;border-top:1px solid var(--app-border-strong);padding:5px 3px max(5px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#132730fa,#071016fc),var(--app-bg-deep);box-shadow:0 -12px 34px #00000061}.mobile-nav:before{position:absolute;top:-1px;right:18%;left:18%;height:1px;background:linear-gradient(90deg,transparent,var(--app-cyan),transparent);content:"";opacity:.7}.mobile-nav a{position:relative;display:grid;min-width:0;gap:2px;place-items:center;border:1px solid transparent;border-radius:var(--app-corner-sm);padding:5px 1px;color:#8298a1;font-size:.58rem;font-weight:800;text-decoration:none}.mobile-nav a.active{border-color:#30d3ed33;color:#d9fbff;background:linear-gradient(180deg,rgba(48,211,237,.13),transparent),#30d3ed0d;box-shadow:inset 0 1px #9eeff91a}.app-content .shell{width:calc(100% - 24px);padding-block:20px calc(80px + env(safe-area-inset-bottom))}.app-content .section-nav{margin-bottom:22px}.home-shell{gap:22px}.home-command-scene{min-height:0;gap:24px;padding:22px;background:linear-gradient(90deg,#040a0ff5,#040b10bd),linear-gradient(0deg,rgba(4,10,15,.9),transparent),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 62% /cover}.home-header{grid-template-columns:1fr}.home-header h1{font-size:clamp(2rem,10vw,3.15rem)}.home-wordmark{display:none}.battle-command-card{grid-template-columns:1fr;min-height:0}.battle-command-copy{padding:22px}.battle-emblem{display:none}.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-metrics>div{border-right:1px solid var(--app-border);border-bottom:1px solid var(--app-border)}.home-metrics>div:nth-child(2n){border-right:0}.home-metrics>div:nth-last-child(-n+2){border-bottom:0}.destination-grid{grid-template-columns:1fr}.collection-strip{grid-template-columns:repeat(4,minmax(190px,1fr));overflow-x:auto;padding-bottom:5px}.section-heading-row{align-items:center}.item-detail-panel.item-detail-empty{display:none}.app-content :is(button,a[href],.button-link,.text-link,summary,input:not([type=checkbox]):not([type=radio]),select){min-width:44px;min-height:44px}.app-content :is(.button-link,.text-link,summary){display:inline-flex;align-items:center}}@media(max-width:430px){.topbar-context span,.topbar-profile{display:none}.battle-command-copy .control-row{display:grid;grid-template-columns:1fr}.home-metrics>div{min-height:104px}}@media(max-height:520px)and (min-width:761px){.app-content .section-nav a,.app-content :is(button,a[href],.button-link,.text-link,summary,input:not([type=checkbox]):not([type=radio]),select),.sidebar-nav a,.topbar-profile,.topbar-resource{min-width:44px;min-height:44px}.app-content :is(.button-link,.text-link,summary){display:inline-flex;align-items:center}}.equipment-page,.inventory-items-page,.inventory-materials-page,.loadouts-page{position:relative;isolation:isolate;min-height:calc(100dvh - 92px);padding-bottom:40px;background:linear-gradient(180deg,#030a0f8c,#03090de0 350px,#050b0f 720px),url(../assets/backgrounds/inventory-vault.png) top /cover no-repeat}.equipment-page:before,.inventory-items-page:before,.inventory-materials-page:before,.loadouts-page:before{position:absolute;z-index:-1;inset:0;border:1px solid rgba(82,209,225,.14);background:linear-gradient(90deg,rgba(2,8,12,.62),transparent 22%,transparent 78%,rgba(2,8,12,.62)),radial-gradient(circle at 50% 22%,transparent 0,rgba(3,9,13,.12) 30%,rgba(3,9,13,.82) 72%);content:"";pointer-events:none}.equipment-page>*,.inventory-items-page>*,.inventory-materials-page>*,.loadouts-page>*{position:relative;z-index:1}.equipment-page .section-nav,.inventory-items-page .section-nav,.inventory-materials-page .section-nav,.loadouts-page .section-nav{border-color:#87e0eb26;background:#040e14ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.equipment-page .view-header,.inventory-items-page .view-header,.inventory-materials-page .view-header,.loadouts-page .view-header{min-height:164px;align-items:center;padding:24px clamp(0px,2vw,28px);text-shadow:0 2px 18px rgba(0,0,0,.8)}.equipment-page .view-header h1,.inventory-items-page .view-header h1,.inventory-materials-page .view-header h1,.loadouts-page .view-header h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.025em}.equipment-page .view-header .muted,.inventory-items-page .view-header .muted,.inventory-materials-page .view-header .muted,.loadouts-page .view-header .muted{max-width:640px;color:#c1d0d5}.inventory-items-page .filter-bar,.inventory-materials-page .filter-bar{gap:10px;align-items:end;border:1px solid rgba(125,220,232,.18);border-radius:10px;margin-bottom:18px;padding:12px 14px;background:linear-gradient(90deg,#081922f0,#071219d1);box-shadow:0 18px 45px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.inventory-items-page .filter-bar label,.inventory-materials-page .filter-bar label{min-width:min(230px,100%)}.inventory-items-page .detail-layout,.inventory-materials-page .detail-layout{align-items:start}.inventory-items-page .item-grid,.inventory-materials-page .card-grid{gap:14px}.inventory-items-page .item-card,.inventory-materials-page .material-card{position:relative;overflow:hidden;border-top-color:#b9ebf02e;border-right-color:#5caebe29;border-bottom-color:#03070ae0;border-radius:4px 4px 12px 12px;background:linear-gradient(180deg,#102831d1,#071117f5),var(--app-surface);box-shadow:0 18px 36px #0000004d,inset 0 1px #ffffff0a}.inventory-items-page .item-card:after,.inventory-materials-page .material-card:after{position:absolute;right:12px;bottom:0;left:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(83,219,236,.36),transparent);content:""}.inventory-items-page .item-card:hover,.inventory-materials-page .material-card:hover{border-top-color:#65e0ef73;background:linear-gradient(180deg,#14333ee6,#08141bfa);box-shadow:0 24px 46px #00000061,0 0 24px #25d7f212;transform:translateY(-3px)}.inventory-items-page .item-card>.item-artwork,.inventory-materials-page .material-card>.item-artwork{width:min(100%,180px);margin:14px auto 0;filter:drop-shadow(0 12px 20px rgb(0 0 0/55%))}.inventory-items-page .item-card-body,.inventory-materials-page .item-card-body{border-top:1px solid rgba(138,219,229,.12);background:linear-gradient(180deg,#07141bb3,#050d12f2)}.inventory-items-page .item-card .control-row button,.inventory-materials-page .material-card .control-row button{min-height:44px}@media(max-width:700px){.equipment-page,.inventory-items-page,.inventory-materials-page,.loadouts-page{border-inline:0;margin-inline:-16px;padding:16px;background:linear-gradient(180deg,#030a0f94,#03090df2 430px),url(../assets/backgrounds/inventory-vault.png) 50% top /auto 680px no-repeat}.equipment-page .view-header,.inventory-items-page .view-header,.inventory-materials-page .view-header,.loadouts-page .view-header{min-height:126px;padding-inline:0}.inventory-items-page .filter-bar,.inventory-materials-page .filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.inventory-items-page .filter-bar,.inventory-materials-page .filter-bar{grid-template-columns:1fr}.inventory-items-page .filter-bar label,.inventory-materials-page .filter-bar label{min-width:0}}@media(prefers-reduced-motion:reduce){.inventory-items-page .item-card,.inventory-materials-page .material-card{transition:none}}.app-content .item-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.app-content .card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.app-content .item-card{border-left-width:3px;background:var(--app-surface);transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.app-content .item-card:hover{background:var(--app-raised);transform:translateY(-1px)}.app-content .item-card.selected{background:#25d7f214}.app-content .item-card .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-content .item-card code{display:none}.app-content .filter-bar{border-bottom:1px solid var(--app-border);margin-bottom:16px;padding:0 0 14px;background:transparent}.app-content input,.app-content select{border-color:var(--app-border-strong);background:#0d1a21}.battle-hub-page,.campaign-page{display:grid;gap:26px}.battle-hub-page>.section-nav,.battle-hub-page>.view-header,.campaign-page>.section-nav,.campaign-page>.view-header{margin-bottom:0}.battle-hub-header,.battle-readiness,.campaign-header{align-items:center}.battle-readiness{display:grid;grid-template-columns:34px minmax(0,1fr) auto;min-width:265px;gap:9px;border:1px solid var(--app-border);border-radius:var(--app-corner-sm);padding:10px 12px;background:linear-gradient(110deg,hsla(0,0%,100%,.04),transparent),#08141aeb;box-shadow:var(--app-shadow-inset);text-decoration:none}.battle-readiness.ready{border-color:#48dc8573;box-shadow:var(--app-shadow-inset),0 0 20px #48dc8514}.battle-readiness.blocked{border-color:#ffd1664d}.readiness-icon{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:6px;color:var(--app-gold);background:#ffd16617}.battle-readiness.ready .readiness-icon{color:var(--app-green);background:#48dc8517}.battle-readiness>span:nth-child(2){display:grid;min-width:0;gap:2px}.battle-readiness small{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.battle-readiness strong{font-size:.78rem}.battle-hub-stage{position:relative;display:grid;gap:18px;overflow:hidden;border:1px solid var(--app-border-strong);border-radius:var(--app-corner-md);padding:18px;background:linear-gradient(180deg,#040b1094,#040a0fed),radial-gradient(circle at 50% 30%,transparent,rgba(3,8,12,.42) 62%),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 50% /cover;box-shadow:var(--app-shadow-depth),inset 0 1px #bae5ee1a}.battle-hub-stage:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--app-cyan),transparent 48%,var(--app-ember));content:"";opacity:.6;pointer-events:none}.battle-hub-stage>*{position:relative;z-index:1}.battle-hub-stage .battle-hub-stats{border-color:#a6d7e13b;background:#040d12c7;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battle-hub-stage .battle-hub-stats>a{padding-block:11px}.battle-hub-stage .battle-hub-stats em{font-size:.58rem}.battle-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.battle-mode-card{--mode-rgb:48 211 237;position:relative;display:grid;grid-template-rows:auto minmax(150px,1fr) auto auto;min-height:410px;min-width:0;gap:15px;overflow:hidden;border:1px solid rgb(var(--mode-rgb)/48%);border-radius:var(--app-corner-md);padding:22px;background:linear-gradient(180deg,rgb(var(--mode-rgb)/8%),transparent 34%),linear-gradient(0deg,#040c11fa 0 38%,#040c1170 72%),url(../assets/backgrounds/live-battle-elemental-arena.jpg) var(--mode-position,center) /cover;box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff17;transition:border-color var(--app-motion-scene) ease,transform var(--app-motion-scene) ease,box-shadow var(--app-motion-scene) ease}.battle-mode-card:hover{border-color:rgb(var(--mode-rgb)/78%);box-shadow:0 24px 52px #00000061,0 0 24px rgb(var(--mode-rgb)/10%),inset 0 1px #ffffff1f;transform:translateY(-4px)}.battle-mode-card:before{position:absolute;top:0;right:0;left:0;height:2px;background:var(--mode-accent,var(--app-cyan));box-shadow:0 0 15px rgb(var(--mode-rgb)/55%);content:""}.campaign-mode{--mode-accent:#ff9d68;--mode-rgb:239 140 85;--mode-position:18% center}.pvp-mode{--mode-accent:var(--app-cyan);--mode-position:center}.training-mode{--mode-accent:var(--app-green);--mode-rgb:82 219 138;--mode-position:82% center}.battle-mode-icon{display:grid;width:62px;aspect-ratio:1;place-items:center;border:1px solid rgb(var(--mode-rgb)/30%);border-radius:var(--app-corner-md);color:var(--mode-accent);background:#040d12c7;box-shadow:inset 0 0 18px rgb(var(--mode-rgb)/11%),0 8px 22px #0000003d}.battle-mode-copy{display:grid;align-content:end;gap:9px;text-shadow:0 3px 16px rgba(0,0,0,.8)}.battle-mode-copy h2{margin:0;font-size:clamp(1.75rem,2.5vw,2.45rem);line-height:1}.battle-development-tools p,.battle-empty-loadout p,.battle-mode-copy p{margin:0;color:#b8c8ce;font-size:.82rem;line-height:1.5}.battle-mode-meta{min-height:38px;border-top:1px solid rgb(var(--mode-rgb)/20%);padding-top:10px}.battle-mode-meta span{display:flex;gap:7px;align-items:center;color:#b8cbd2;font-size:.72rem}.battle-mode-action{display:flex;width:100%;min-height:46px;gap:8px;justify-content:space-between;border-radius:var(--app-corner-sm);font-weight:850}.campaign-mode .battle-mode-action{border-color:#ff9d68;color:#130b07;background:#ff9d68}.pvp-mode .battle-mode-action{border-color:var(--app-cyan);color:#061217;background:var(--app-cyan)}.battle-loadout-section{display:grid;gap:14px;border:1px solid var(--app-border);border-radius:var(--app-corner-md);padding:18px;background:linear-gradient(110deg,rgb(48 211 237/5%),transparent 42%),#061016e0;box-shadow:var(--app-shadow-inset)}.battle-empty-loadout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;border:1px dashed rgba(255,209,102,.36);border-radius:8px;padding:18px;color:var(--app-gold);background:#ffd1660a}.battle-empty-loadout>div{display:grid;gap:4px}.battle-loadout-summary{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:14px;border:1px solid var(--app-border);border-radius:var(--app-corner-sm);background:#08141bdb;box-shadow:var(--app-shadow-inset)}.loadout-identity{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border-right:1px solid var(--app-border);padding:13px}.loadout-identity>span:nth-child(2){display:grid;min-width:0;gap:2px}.loadout-identity small{color:var(--app-muted);font-size:.63rem;font-weight:800;text-transform:uppercase}.loadout-shield{display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:6px;color:var(--app-cyan);background:var(--app-cyan-soft)}.loadout-combat-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.loadout-combat-metrics>div{display:grid;gap:4px;align-content:center;border-right:1px solid var(--app-border);padding:11px 13px}.loadout-combat-metrics>div:last-child{border-right:0}.loadout-combat-metrics dt{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.loadout-combat-metrics dd{margin:0;font-size:1.15rem;font-weight:900}.battle-ring-dock{display:grid;grid-auto-columns:158px;grid-auto-flow:column;gap:8px;overflow-x:auto;padding-bottom:5px}.battle-ring-tile{display:grid;width:158px;min-height:190px;gap:7px;align-content:start;justify-items:stretch;border-left-width:3px;padding:9px;text-align:left;border-radius:var(--app-corner-sm);background:linear-gradient(145deg,hsla(0,0%,100%,.03),transparent),#071117eb}.battle-ring-tile.selected{border-color:var(--app-cyan);background:var(--app-cyan-soft)}.battle-ring-artwork{position:relative;display:grid;min-height:108px;place-items:center;border-radius:5px;background:#0a151b}.battle-ring-artwork .item-artwork{width:92px;border:0;background-color:transparent}.battle-ring-artwork .pill{position:absolute;top:5px;right:5px}.battle-ring-tile>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-ring-tile>small{color:var(--app-muted);font-size:.67rem}.battle-loadout-section>.item-detail-panel{position:static}.battle-secondary-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:12px}.battle-history-link{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid var(--app-border);border-radius:var(--app-corner-md);padding:13px;background:linear-gradient(100deg,var(--app-cyan-soft),transparent 38%),var(--app-surface);box-shadow:var(--app-shadow-inset);text-decoration:none}.battle-history-link>span:nth-child(2){display:grid;gap:3px}.battle-history-link small{color:var(--app-muted)}.battle-development-tools{border:1px solid var(--app-border);border-radius:8px;padding:13px;color:var(--app-muted);background:#ffffff05}.battle-development-tools summary,.campaign-intel summary{cursor:pointer;color:var(--app-text);font-weight:800}.battle-development-tools[open] summary{margin-bottom:10px}.battle-development-tools .control-row{margin-top:10px}@media(max-width:1040px){.battle-hub-stage{padding:14px}.battle-mode-card{min-height:340px}}@media(max-width:760px){.battle-hub-stage{gap:12px;padding:12px;background:linear-gradient(180deg,#040b10a3,#040a0ff5),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 50% /cover}.battle-hub-stage .battle-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-hub-stage .battle-hub-stats>a{border-right:1px solid var(--app-border);border-bottom:1px solid var(--app-border);padding:10px}.battle-hub-stage .battle-hub-stats>a:nth-child(2n){border-right:0}.battle-hub-stage .battle-hub-stats>a:nth-last-child(-n+2){border-bottom:0}.battle-hub-stage .battle-hub-stats em{display:none}.battle-mode-card{min-height:310px;padding:18px}.battle-mode-copy h2{font-size:2rem}.battle-loadout-section{padding:14px}}.campaign-page{position:relative;isolation:isolate;min-height:calc(100dvh - 92px);padding-bottom:40px;background:linear-gradient(180deg,#03090d75,#03090dd1 390px,#050b0f 820px),url(../assets/backgrounds/live-battle-elemental-arena.jpg) top /cover no-repeat}.campaign-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,17,26,.62),transparent 42%,transparent 62%,rgba(23,10,4,.58)),radial-gradient(circle at 54% 24%,transparent 0,rgba(3,9,13,.12) 34%,rgba(3,9,13,.84) 78%);content:"";pointer-events:none}.campaign-page>*{position:relative;z-index:1}.campaign-page .section-nav{border-color:#87e0eb24;background:#040e14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campaign-page .campaign-header{min-height:166px;align-items:center;padding:24px clamp(0px,2vw,28px);text-shadow:0 2px 18px rgba(0,0,0,.82)}.campaign-page .campaign-header h1{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.025em}.campaign-page .campaign-header .muted{max-width:640px;color:#c2d1d5}.campaign-page .battle-readiness{border-color:#5ee19352;background:#061b18d1;box-shadow:0 18px 38px #0000004d;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.campaign-progress-strip{display:grid;grid-template-columns:minmax(220px,auto) minmax(160px,1fr) auto;gap:18px;align-items:center;overflow:hidden;border:1px solid rgba(111,205,218,.2);border-radius:10px;padding:15px 17px;background:linear-gradient(90deg,#071e28f0,#1b140de6);box-shadow:0 20px 44px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.campaign-progress-copy{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center}.campaign-progress-copy>span:last-child{display:grid;gap:2px}.campaign-progress-copy small,.campaign-progress-strip dt{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.campaign-progress-icon{display:grid;width:38px;aspect-ratio:1;place-items:center;border-radius:6px;color:#ff9d68;background:#ff9d681a}.campaign-progress-bar{height:8px;overflow:hidden;border-radius:4px;border:1px solid rgba(118,212,224,.14);background:#01080c9e;box-shadow:inset 0 2px 5px #00000073}.campaign-progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--app-cyan),var(--app-green));box-shadow:0 0 14px #48dc857a}.campaign-progress-strip>dl{display:grid;grid-template-columns:repeat(2,auto);gap:22px;margin:0}.campaign-progress-strip>dl>div{display:grid;gap:2px}.campaign-progress-strip dd{margin:0;font-size:1.05rem;font-weight:900}.campaign-workspace{display:grid;grid-template-columns:minmax(255px,.32fr) minmax(0,1fr);gap:16px;align-items:start}.campaign-path{position:sticky;top:84px;display:grid;gap:13px;overflow:hidden;border:1px solid rgba(82,199,220,.25);border-radius:12px;padding:18px;background:radial-gradient(circle at 40% 35%,rgba(37,215,242,.11),transparent 34%),linear-gradient(180deg,#05202ceb,#040f16f7);box-shadow:0 24px 52px #0000005c,inset 0 1px #a1e6ee0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campaign-path-heading{display:grid;gap:4px}.campaign-path-heading h2{margin:0}.campaign-path-list{display:grid;gap:4px;scrollbar-width:none}.campaign-path-list::-webkit-scrollbar{display:none}.campaign-path-node{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;width:100%;min-height:86px;gap:9px;align-items:center;justify-content:stretch;border:0;border-radius:0;padding:10px 8px;text-align:left;background:transparent}.campaign-path-node+.campaign-path-node:before{position:absolute;top:-12px;left:27px;width:2px;height:24px;background:linear-gradient(180deg,var(--app-cyan),rgba(37,215,242,.18));box-shadow:0 0 8px #25d7f238;content:""}.campaign-path-node.selected{border:1px solid rgba(65,218,239,.38);border-radius:7px 7px 12px 12px;background:linear-gradient(90deg,#25d7f224,#25d7f20a);box-shadow:0 10px 24px #00000038}.campaign-path-node.campaign-opponent-locked{opacity:.58}.campaign-node-order{display:grid;width:42px;aspect-ratio:1;place-items:center;border:1px solid;border-radius:50%;background:radial-gradient(circle,#1b414ef5,#05141cfa);box-shadow:0 0 0 4px #04151de0,0 0 18px #25d7f226}.campaign-node-status{border-radius:4px;padding:3px 5px;color:var(--app-muted);background:#ffffff0d;font-size:.58rem;font-weight:850;text-transform:uppercase}.campaign-node-status.available{color:#9ef0ff;background:var(--app-cyan-soft)}.campaign-node-status.completed{color:#9af0bc;background:#48dc8517}.campaign-encounter{position:relative;display:grid;min-width:0;gap:18px;overflow:hidden;border:1px solid rgba(240,128,69,.22);border-radius:12px;padding:clamp(16px,2.2vw,26px);background:radial-gradient(circle at 86% 14%,rgba(255,99,43,.11),transparent 32%),linear-gradient(135deg,#071820f0,#190f0af5);box-shadow:0 28px 60px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campaign-encounter:before{position:absolute;top:0;right:12%;left:12%;height:2px;background:linear-gradient(90deg,transparent,#ff8c4a,transparent);box-shadow:0 0 22px #ff70397a;content:""}.campaign-encounter-hero{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid var(--app-border);padding-bottom:18px}.campaign-element-emblem{display:grid;width:86px;aspect-ratio:1;place-items:center;border:1px solid;border-radius:50%;background:radial-gradient(circle,#35261ce0,#081419fa);box-shadow:0 0 0 5px #0a181ed1,0 0 0 6px currentcolor,0 16px 32px #00000061}.campaign-encounter-title{display:grid;min-width:0;gap:6px}.campaign-encounter-title h2{margin:0;font-size:clamp(1.45rem,2.4vw,2rem)}.campaign-encounter-title p{max-width:700px;margin:0;color:var(--app-muted);line-height:1.5}.campaign-threat-level{display:grid;min-width:90px;gap:4px;justify-items:end}.campaign-threat-level small{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.campaign-threat-level>strong{color:#ff9860;font-size:2.35rem;text-shadow:0 0 20px rgba(255,113,56,.28)}.campaign-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.campaign-readiness-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;border:1px solid rgba(112,196,207,.16);border-radius:5px 5px 10px 10px;padding:11px;background:linear-gradient(145deg,#0d2229eb,#071217f5);box-shadow:0 12px 26px #0000003d}.campaign-readiness-card>span{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:5px;color:var(--app-cyan);background:var(--app-cyan-soft)}.campaign-readiness-card.ready>span{color:var(--app-green);background:#48dc8517}.campaign-readiness-card.warning>span{color:var(--app-gold);background:#ffd16617}.campaign-readiness-card>div{display:grid;gap:1px}.campaign-readiness-card small{color:var(--app-muted);font-size:.61rem;font-weight:800;text-transform:uppercase}.campaign-readiness-card p{grid-column:1/-1;margin:2px 0 0;color:var(--app-muted);font-size:.69rem}.campaign-rewards-section{display:grid;gap:10px}.campaign-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-encounter .campaign-reward-card{border-color:#ffcb5c40;border-top:2px solid var(--app-gold);background:radial-gradient(circle at 12% 12%,rgb(255 203 92/8%),transparent 32%),linear-gradient(145deg,#1c1a12f0,#081114fa);box-shadow:0 14px 30px #00000042}.campaign-encounter .campaign-reward-card h3{color:#ffe39a;font-size:.78rem}.campaign-intel{border:1px solid rgba(96,201,216,.16);border-radius:9px;padding:13px 15px;background:#05141bc7}.campaign-intel summary{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;list-style:none}.campaign-intel summary::-webkit-details-marker{display:none}.campaign-intel summary>span{color:var(--app-cyan)}.campaign-intel summary small{color:var(--app-muted)}.campaign-intel[open] summary{margin-bottom:11px}.campaign-intel .campaign-ring-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.campaign-intel-ring{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;border:1px solid var(--app-border);border-left-width:3px;border-radius:6px;padding:8px;background:linear-gradient(145deg,#0f262ff0,#051117fa)}.campaign-intel-ring .item-artwork{width:50px}.campaign-intel-ring>div{display:grid;min-width:0;gap:2px}.campaign-intel-ring small,.campaign-intel-ring span{color:var(--app-muted);font-size:.68rem}.campaign-encounter-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px solid rgba(239,132,72,.18);border-radius:9px;padding:12px 14px;background:linear-gradient(90deg,#06151be6,#22140ceb)}.campaign-encounter-actions>div{display:flex;gap:8px;align-items:center;color:var(--app-muted);font-size:.76rem}.campaign-encounter-actions>div svg{color:var(--app-green)}.campaign-encounter-actions .button-link,.campaign-encounter-actions button{gap:8px;min-width:190px;min-height:44px;font-weight:900}.campaign-encounter-actions button{border-color:#ff8e4b8c;color:#fff4ec;background:linear-gradient(180deg,#b84d21,#733016);box-shadow:0 0 0 1px #ffab672e,0 12px 28px #00000057,0 0 22px #ff692b24}.campaign-encounter-actions button:hover:not(:disabled){border-color:#ffb073;background:linear-gradient(180deg,#d05b28,#873819)}@media(max-width:1040px){.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-mode{grid-column:1/-1}.battle-loadout-summary,.campaign-workspace{grid-template-columns:1fr}.loadout-identity{border-right:0;border-bottom:1px solid var(--app-border)}.campaign-path-list{grid-template-columns:repeat(3,minmax(210px,1fr));gap:6px;overflow-x:auto}.campaign-path{position:static}.campaign-path-node+.campaign-path-node:before{display:none}}@media(max-width:760px){.campaign-page{border-inline:0;margin-inline:-16px;padding:16px;background:linear-gradient(180deg,#03090d85,#03090df5 500px),url(../assets/backgrounds/live-battle-elemental-arena.jpg) top /auto 720px no-repeat}.campaign-page .campaign-header{min-height:128px;padding-inline:0}.battle-hub-header,.battle-mode-grid,.battle-secondary-actions,.campaign-header,.campaign-progress-strip,.campaign-readiness-grid,.campaign-reward-grid{grid-template-columns:1fr}.battle-readiness{width:100%;min-width:0}.training-mode{grid-column:auto}.battle-mode-card{grid-template-rows:auto auto auto auto}.battle-empty-loadout{grid-template-columns:auto minmax(0,1fr)}.battle-empty-loadout .button-link{grid-column:1/-1}.loadout-combat-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-combat-metrics>div:nth-child(2){border-right:0}.loadout-combat-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--app-border)}.campaign-progress-strip>dl{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-progress-strip>dl>div{border-top:1px solid var(--app-border);padding-top:9px}.campaign-path{margin-inline:0;border-radius:10px}.campaign-path-list{grid-template-columns:repeat(3,minmax(232px,1fr))}.campaign-path-node{grid-template-columns:42px minmax(0,1fr)}.campaign-node-status{grid-column:2;width:-moz-fit-content;width:fit-content}.campaign-encounter{margin-inline:0;border-radius:10px}.campaign-encounter-hero{grid-template-columns:66px minmax(0,1fr)}.campaign-element-emblem{width:66px}.campaign-threat-level{grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;justify-items:start}.campaign-threat-level>strong{font-size:1.3rem}.campaign-encounter-actions{align-items:stretch;flex-direction:column}.campaign-encounter-actions .button-link,.campaign-encounter-actions button{width:100%}.campaign-intel summary{min-height:44px}}@media(prefers-reduced-motion:reduce){.campaign-path-node{transition:none}}.ranked-leaderboard-panel .pill{border-color:var(--app-border-strong);color:var(--app-muted);background:var(--app-raised)}.ranked-leaderboard-list>li{background:var(--app-raised)}.ranked-leaderboard-list>li.current{background:#48dc851a}.ranked-leaderboard-panel{overflow:hidden;border-color:#ffbc4d38;background:linear-gradient(135deg,rgba(42,29,10,.8),transparent 34%),#051218f0;box-shadow:0 20px 44px #00000047,inset 0 1px #ffffff0f}.ranked-leaderboard-title{min-height:60px}.ranked-leaderboard-header{color:#d9c79e}.ranked-leaderboard-list{gap:6px}.ranked-leaderboard-list>li{min-height:58px;border:1px solid rgba(119,179,190,.13);border-left:3px solid transparent;border-radius:7px;background:#05161de6;transition:border-color var(--app-motion-control) ease,background var(--app-motion-control) ease,transform var(--app-motion-control) ease}.ranked-leaderboard-list>li:hover{border-color:#2dd3ed47;background:#061f28f0;transform:translate(2px)}.ranked-leaderboard-list>li:first-child{border-left-color:var(--app-gold)}.ranked-leaderboard-list>li:nth-child(2){border-left-color:#b9c9cf}.ranked-leaderboard-list>li:nth-child(3){border-left-color:#bf7b4c}.ranked-leaderboard-list>li.current{border-color:#48dc8552;border-left-color:var(--app-green);background:linear-gradient(90deg,#48dc8524,#05191feb)}.ranked-player-profile-link{display:inline-flex;min-height:44px;align-items:center;width:-moz-fit-content;width:fit-content;color:#eff8fa}.ranked-player-profile-link:after{margin-left:auto;color:var(--app-cyan);content:"↗";font-size:.85rem;opacity:.72}.ranked-player-profile-link:hover{color:var(--app-cyan);text-decoration:none}.public-pvp-profile-page{position:relative;isolation:isolate;min-height:calc(100dvh - 92px);gap:18px;padding-bottom:40px;background:linear-gradient(180deg,#03090e8a,#040b10e0 520px,#050b0f 900px),url(../assets/backgrounds/live-battle-elemental-arena.jpg) top /cover no-repeat}.public-pvp-profile-page:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 62% 20%,rgba(255,188,77,.1),transparent 26%),linear-gradient(90deg,rgba(3,16,24,.78),transparent 58%,rgba(24,13,4,.54));content:"";pointer-events:none}.public-pvp-profile-page>*{position:relative;z-index:1}.public-pvp-profile-page>.section-nav{border-color:#ffbc4d29;background:#040e14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-pvp-profile-page>.panel{min-height:160px;align-items:center;border-color:#ffbc4d3d;background:#06141be6;box-shadow:0 20px 44px #00000047;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.public-pvp-profile-hero{position:relative;grid-template-columns:92px minmax(0,1fr) auto auto;min-height:250px;overflow:hidden;border:1px solid rgba(255,188,77,.34);border-radius:var(--app-corner-md);padding:28px;background:linear-gradient(90deg,#05171ffa 0 44%,#1711099e 75%,#0b0a08c7),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 70% /cover;box-shadow:0 24px 52px #00000061,inset 0 1px #ffffff14;text-shadow:0 3px 18px rgba(0,0,0,.86)}.public-pvp-profile-hero:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--app-cyan),var(--app-gold));box-shadow:0 0 18px #ffbc4d7a;content:""}.public-pvp-profile-avatar{width:92px;border-color:#ffbc4d61;border-radius:50%;color:var(--app-gold);background:radial-gradient(circle,rgba(255,188,77,.16),transparent 68%),#07141ae0;box-shadow:inset 0 0 28px #ffbc4d21,0 0 34px #ffbc4d1a}.public-pvp-profile-hero h1{margin-top:4px;font-size:clamp(2.25rem,4vw,3.6rem);letter-spacing:-.025em;line-height:1}.public-pvp-profile-hero p{max-width:560px;margin-top:9px;color:#c5d2d6;font-size:.82rem}.public-pvp-profile-hero>.pill{border-color:#48dc8557;color:var(--app-green);background:#05201bd1}.public-pvp-profile-hero>.button-link{min-height:46px;border-color:#ffbc4d47;background:#0c1214c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-pvp-season-line{min-height:54px;border:1px solid rgba(255,188,77,.22);border-radius:8px;padding:12px 16px;background:linear-gradient(90deg,#271c0ae6,#051920e6);box-shadow:0 16px 36px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-pvp-season-line strong,.public-pvp-season-line svg{color:var(--app-gold)}.public-pvp-rank-panel{position:relative;grid-template-columns:86px minmax(0,1fr) minmax(230px,auto);min-height:250px;overflow:hidden;border:1px solid rgba(255,188,77,.34);border-radius:var(--app-corner-md);padding:28px;background:radial-gradient(circle at 80px 50%,rgba(255,188,77,.18),transparent 190px),linear-gradient(135deg,#2c1e09f2,#07161cf0);box-shadow:0 22px 48px #00000057,inset 0 1px #ffffff12}.public-pvp-rank-panel:after{position:absolute;width:270px;aspect-ratio:1;border:1px solid rgb(255 188 77/9%);border-radius:50%;background:radial-gradient(circle,transparent 33%,rgb(255 188 77/6%) 34% 35%,transparent 36%),repeating-conic-gradient(from 0deg,rgb(255 188 77/7%) 0 1deg,transparent 1deg 30deg);content:"";pointer-events:none;top:-112px;right:-68px}.public-pvp-rank-mark{z-index:1;width:86px;border-color:#ffbc4d61;border-radius:50%;color:var(--app-gold);background:#1d1609bd;box-shadow:inset 0 0 26px #ffbc4d26,0 0 30px #ffbc4d17}.public-pvp-rank-panel>div{position:relative;z-index:1}.public-pvp-rank-panel h2{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.05}.public-pvp-rank-panel p{color:#d6c9a7;font-size:.82rem}.public-pvp-peak{min-height:92px;align-content:center;border-color:#ffbc4d38;padding-left:24px}.public-pvp-peak small,.public-pvp-peak span{color:#baaf91}.public-pvp-peak strong{color:#fff2cf;font-size:1.12rem}.public-pvp-record-grid{gap:12px}.public-pvp-record-grid article{min-height:116px;border-color:#4bbfd238;border-radius:var(--app-corner-md);padding:18px;background:linear-gradient(145deg,#051e27f0,#051117f2);box-shadow:0 18px 40px #00000047,inset 0 1px #ffffff0f}.public-pvp-record-grid article.wins{border-color:#48dc853d;background:linear-gradient(145deg,#05231cf0,#051117f2)}.public-pvp-record-grid article.losses{border-color:#f45c6f38;background:linear-gradient(145deg,#260e14eb,#051117f2)}.public-pvp-record-grid strong{font-size:1.8rem}.public-pvp-privacy-note{width:-moz-fit-content;width:fit-content;min-height:44px;border:1px solid rgba(125,174,184,.16);border-radius:999px;padding:8px 13px;background:#041016cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:760px){.pvp-command-actions{align-items:stretch;flex-direction:column}.pvp-command-actions>*{width:100%}.public-pvp-profile-page{min-height:calc(100dvh - 64px);padding-bottom:28px;background:linear-gradient(180deg,#03090e85,#040b10e8 430px,#050b0f 760px),url(../assets/backgrounds/live-battle-elemental-arena.jpg) top /auto 720px no-repeat}.public-pvp-profile-hero{grid-template-columns:64px minmax(0,1fr);min-height:260px;padding:20px;background:linear-gradient(0deg,#051218fa 0 54%,#0a0d0f85),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 68% /cover}.public-pvp-profile-avatar{width:64px}.public-pvp-profile-hero h1{font-size:clamp(1.9rem,10vw,2.65rem)}.public-pvp-profile-hero>.button-link,.public-pvp-profile-hero>.pill{grid-column:1/-1}.public-pvp-profile-hero>.button-link{width:100%}.public-pvp-rank-panel{grid-template-columns:64px minmax(0,1fr);min-height:0;padding:20px}.public-pvp-rank-mark{width:64px}.public-pvp-peak{grid-column:1/-1;min-height:0;border-top:1px solid rgba(255,188,77,.2);border-left:0;padding-top:15px;padding-left:0}.public-pvp-record-grid{grid-template-columns:1fr}.public-pvp-record-grid article{min-height:88px}.public-pvp-privacy-note{width:100%;border-radius:8px}.ranked-player-profile-link{width:100%}}@media(max-height:520px)and (min-width:761px){.public-pvp-profile-page .button-link,.public-pvp-profile-page .section-nav a{min-height:44px}.public-pvp-profile-hero{min-height:190px;padding-top:20px;padding-bottom:20px}.public-pvp-rank-panel{min-height:210px}}@media(prefers-reduced-motion:reduce){.ranked-leaderboard-list>li{transition:none}.ranked-leaderboard-list>li:hover{transform:none}}.battle-history-page,.battle-result-page{display:grid;gap:22px}.battle-history-page>.section-nav,.battle-history-page>.view-header,.battle-result-page>.section-nav{margin-bottom:0}.battle-history-header{align-items:center}.battle-history-new-match,.battle-result-back{display:flex;gap:8px;align-items:center;border:1px solid var(--app-border-strong);border-radius:7px;padding:9px 12px;color:var(--app-text);background:var(--app-surface);font-size:.76rem;font-weight:850;text-decoration:none}.battle-history-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.battle-earned-grid>div,.battle-history-overview>div,.battle-summary-kpis>div{display:flex;min-width:0;gap:11px;align-items:center}.battle-history-overview>div{min-height:78px;border-right:1px solid var(--app-border);padding:14px 16px}.battle-history-overview>div:last-child{border-right:0}.battle-history-overview svg{flex:0 0 auto;color:var(--app-cyan)}.battle-history-overview .wins svg{color:var(--app-green)}.battle-history-overview .pending svg{color:var(--app-gold)}.battle-earned-grid span,.battle-history-overview span,.battle-summary-kpis span{display:grid;min-width:0;gap:3px}.battle-earned-grid small,.battle-history-overview small,.battle-summary-kpis small{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.battle-history-overview strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.battle-history-browser{display:grid;gap:12px}.battle-history-toolbar{display:flex;gap:16px;align-items:end;justify-content:space-between;border-bottom:1px solid var(--app-border);padding-bottom:12px}.battle-history-toolbar h2{margin:3px 0 0;font-size:1.05rem}.battle-history-filters{display:flex;gap:4px;border:1px solid var(--app-border);border-radius:7px;padding:3px;background:var(--app-surface)}.battle-history-filters button{min-height:31px;gap:7px;border-color:transparent;padding:0 10px;color:var(--app-muted);background:transparent;font-size:.7rem;font-weight:800}.battle-history-filters button.active{color:var(--app-text);background:var(--app-raised)}.battle-history-filters button span{display:grid;min-width:20px;min-height:20px;place-items:center;border-radius:50%;background:#ffffff12;font-size:.62rem}.battle-history-list{gap:8px}.battle-history-card{--outcome-color:var(--app-muted);display:grid;grid-template-columns:44px minmax(150px,.8fr) minmax(230px,1fr) minmax(210px,.9fr) auto;min-height:104px;gap:13px;align-items:center;border:1px solid var(--app-border);border-left:3px solid var(--outcome-color);border-radius:7px;padding:13px 14px;background:var(--app-surface)}.battle-history-card.outcome-win,.battle-result-hero.outcome-win{--outcome-color:var(--app-green)}.battle-history-card.outcome-draw,.battle-result-hero.outcome-draw{--outcome-color:var(--app-gold)}.battle-history-card.outcome-loss,.battle-result-hero.outcome-loss{--outcome-color:#ff7184}.battle-history-outcome{display:grid;width:44px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--outcome-color);background:color-mix(in srgb,var(--outcome-color) 10%,transparent)}.battle-history-identity{display:grid;min-width:0;gap:3px}.battle-history-card .battle-history-identity h2{color:var(--outcome-color);font-size:1rem;text-transform:none}.battle-history-date{display:flex;gap:5px;align-items:center;color:var(--app-muted);font-size:.67rem}.battle-history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-right:1px solid var(--app-border);border-left:1px solid var(--app-border)}.battle-history-metrics>div{display:grid;min-width:0;gap:3px;padding:6px 11px}.battle-contribution-grid dt,.battle-history-metrics dt,.battle-record-grid dt{color:var(--app-muted);font-size:.58rem;font-weight:800;text-transform:uppercase}.battle-contribution-grid dd,.battle-history-metrics dd,.battle-record-grid dd{margin:0;font-size:.78rem;font-weight:850}.battle-history-metrics dd.verified{display:flex;gap:4px;align-items:center;color:var(--app-green)}.battle-history-reward{display:grid;gap:8px}.battle-history-reward.empty{color:var(--app-muted);font-size:.7rem}.battle-reward-state{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:24px;gap:5px;align-items:center;border:1px solid var(--app-border);border-radius:999px;padding:0 8px;color:var(--app-muted);font-size:.62rem;font-weight:850}.battle-reward-state.unclaimed{border-color:#ffd1664d;color:var(--app-gold)}.battle-reward-state.claimed{border-color:#48dc854d;color:var(--app-green)}.battle-reward-totals{display:flex;flex-wrap:wrap;gap:5px 10px}.battle-reward-totals span{display:flex;gap:4px;align-items:center;color:var(--app-muted);font-size:.66rem;font-weight:750}.battle-reward-totals svg{color:var(--app-cyan)}.battle-history-actions{display:grid;min-width:138px;gap:6px}.battle-history-actions>*{width:100%;gap:7px}.battle-history-empty{display:grid;min-height:150px;gap:9px;place-items:center;border:1px dashed var(--app-border-strong);border-radius:8px;color:var(--app-muted);background:var(--app-surface)}.battle-result-hero{--outcome-color:var(--app-muted);display:grid;grid-template-columns:72px minmax(180px,.8fr) minmax(320px,1.2fr) auto;gap:18px;align-items:center;border:1px solid color-mix(in srgb,var(--outcome-color) 32%,transparent);border-left:4px solid var(--outcome-color);border-radius:8px;padding:20px;background:var(--app-surface)}.battle-result-emblem{display:grid;width:72px;aspect-ratio:1;place-items:center;border-radius:8px;color:var(--outcome-color);background:color-mix(in srgb,var(--outcome-color) 11%,transparent)}.battle-result-title{display:grid;gap:4px}.battle-result-title h1{margin:0;color:var(--outcome-color);font-size:1.8rem}.battle-result-title p{margin:0;color:var(--app-muted);font-size:.72rem}.battle-result-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.battle-result-hero-metrics>div{display:grid;gap:4px;border-left:1px solid var(--app-border);padding:7px 16px}.battle-result-hero-metrics dt{color:var(--app-muted);font-size:.6rem;font-weight:800;text-transform:uppercase}.battle-result-hero-metrics dd{display:flex;gap:5px;align-items:center;margin:0;font-size:.9rem;font-weight:900}.battle-result-hero-metrics svg{color:var(--app-green)}.battle-result-reward-banner{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;border:1px solid rgba(255,209,102,.26);border-radius:8px;padding:14px 16px;background:#ffd1660f}.battle-result-reward-icon{display:grid;width:48px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-gold);background:#ffd1661a}.battle-result-reward-banner h2,.battle-result-reward-banner p{margin:0}.battle-result-reward-banner h2{margin-top:2px;font-size:1rem}.battle-result-reward-banner p{margin-top:3px;color:var(--app-muted);font-size:.72rem}.battle-result-reward-banner button,.battle-result-reward-claimed{display:flex;gap:7px;align-items:center}.battle-result-reward-claimed{color:var(--app-green);font-size:.72rem;font-weight:850}.battle-result-summary{display:grid;gap:18px;margin:0;padding:0;background:transparent}.battle-summary-header,.battle-summary-section-title{display:flex;gap:10px;align-items:center}.battle-summary-header{justify-content:space-between;border-bottom:1px solid var(--app-border);padding-bottom:11px}.battle-summary-header h2{margin-top:3px;font-size:1.1rem}.battle-earned-grid,.battle-summary-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.battle-earned-grid>div,.battle-summary-kpis>div{min-height:70px;border-right:1px solid var(--app-border);padding:12px 14px}.battle-earned-grid>div:last-child,.battle-summary-kpis>div:last-child{border-right:0}.battle-earned-grid svg,.battle-summary-kpis svg,.battle-summary-section-title svg{flex:0 0 auto;color:var(--app-cyan)}.battle-earned-grid strong,.battle-summary-kpis strong{font-size:1.05rem}.battle-activity-section,.battle-contribution-section,.battle-earned-section,.battle-loadout-section{display:grid;gap:11px;border-top:1px solid var(--app-border);padding-top:16px}.battle-summary-section-title h3{margin:0;font-size:.9rem}.battle-loadout-note{margin:-4px 0 0;color:var(--app-muted);font-size:.72rem}.battle-result-loadouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.battle-result-loadout{display:grid;min-width:0;align-content:start;gap:10px}.battle-result-loadout>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--app-border);padding-bottom:9px}.battle-result-loadout>header>span:nth-child(2){display:grid;gap:2px}.battle-result-loadout>header small,.battle-result-loadout>header>strong{color:var(--app-muted);font-size:.68rem}.battle-result-ring-grid{display:grid;gap:8px}.battle-result-ring{display:grid;min-width:0;gap:10px;border-width:1px;border-style:solid;border-radius:7px;padding:11px;background:var(--app-surface)}.battle-result-ring-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center}.battle-result-ring-heading .item-artwork{width:48px}.battle-result-ring-heading>span:nth-child(2){display:grid;gap:2px}.battle-result-ring-heading small{color:var(--app-muted);font-size:.65rem}.battle-result-ring-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--app-border);border-bottom:1px solid var(--app-border)}.battle-result-ring-stats>div{display:grid;gap:2px;padding:7px 5px}.battle-result-ring-stats dd,.battle-result-ring-stats dt{margin:0}.battle-result-ring-stats dt{color:var(--app-muted);font-size:.58rem;font-weight:800;text-transform:uppercase}.battle-result-ring-stats dd{font-size:.78rem;font-weight:900}.battle-result-gems{display:grid;gap:7px;margin:0;padding:0;list-style:none}.battle-result-gems li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center}.battle-result-gems .item-artwork{width:38px}.battle-result-gems li>span:not(.battle-result-enchantment){display:grid;gap:2px}.battle-result-gems small,.battle-result-no-gems{color:var(--app-muted);font-size:.65rem}.battle-result-enchantment{display:flex;gap:6px;align-items:center}.battle-result-enchantment .item-artwork{width:32px}.battle-result-no-gems{margin:0}.battle-contribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-contribution-grid article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--app-border);border-radius:7px;padding:11px;background:var(--app-surface)}.battle-player-index{display:grid;width:38px;aspect-ratio:1;place-items:center;border-radius:6px;color:var(--app-cyan);background:var(--app-cyan-soft);font-size:.7rem;font-weight:900}.battle-contribution-grid dl{display:flex;gap:14px;margin:0}.battle-contribution-grid dl>div{display:grid;gap:2px}.battle-summary-activity-grid{gap:8px}.battle-activity-group{display:grid;gap:7px;border:1px solid var(--app-border);border-radius:7px;padding:12px;background:var(--app-surface)}.battle-activity-group h4,.battle-activity-group p{margin:0}.battle-activity-group h4{color:var(--app-muted);font-size:.66rem;text-transform:uppercase}.battle-activity-group p{color:var(--app-muted);font-size:.72rem}.battle-activity-group ul,.battle-earned-details ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.battle-activity-group li,.battle-earned-details li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;border-top:1px solid var(--app-border);padding:7px 0;font-size:.72rem}.battle-activity-group li:first-child,.battle-earned-details li:first-child{border-top:0}.battle-activity-group li>span{display:grid;gap:2px}.battle-activity-group li small{color:var(--app-muted)}.battle-earned-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.battle-earned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-earned-materials{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;overflow:hidden;border:1px solid var(--app-border);border-radius:8px;padding:10px 12px;background:var(--app-surface)}.battle-earned-materials-title{display:flex;gap:8px;align-items:center;color:var(--app-muted);font-size:.7rem;text-transform:uppercase}.battle-earned-materials-title svg{color:var(--app-cyan)}.battle-earned-materials ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin:0;padding:0;list-style:none}.battle-earned-materials li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;border-radius:6px;padding:5px 8px;background:var(--app-raised);font-size:.72rem}.battle-earned-materials .item-artwork{width:34px}.battle-earned-materials li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-earned-materials-empty{color:var(--app-muted);font-size:.72rem}.battle-info-trigger{display:flex;width:-moz-fit-content;width:fit-content;gap:8px;align-items:center;justify-content:center}.battle-info-backdrop{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;overflow:hidden;padding:20px;background:#02080cd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.battle-info-dialog{display:grid;width:min(1080px,100%);max-height:calc(100dvh - 40px);gap:18px;overflow-y:auto;border-color:var(--app-border-strong);background:var(--app-surface);box-shadow:0 24px 70px #00000085}.battle-info-header{position:sticky;z-index:2;top:-18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-border);padding:4px 0 12px;background:var(--app-surface)}.battle-info-header h2{margin-top:3px;font-size:1.2rem}.battle-info-dialog :is(.battle-contribution-section,.battle-loadout-section,.battle-activity-section){border-top:1px solid var(--app-border)}.battle-reward-detail-section{display:grid;gap:11px;border-top:1px solid var(--app-border);padding-top:16px}.battle-record-technical{margin:0;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.battle-record-technical summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;padding:13px 15px;color:var(--app-muted);font-size:.75rem;font-weight:850}.battle-record-technical summary::-webkit-details-marker{display:none}.battle-record-technical summary>span{display:flex;gap:8px;align-items:center}.battle-record-technical[open] summary>svg{transform:rotate(180deg)}.battle-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;border-top:1px solid var(--app-border);background:var(--app-border)}.battle-record-grid>div{display:grid;min-width:0;gap:4px;padding:11px 13px;background:var(--app-raised)}.battle-record-grid .checksum{grid-column:1/-1}.battle-record-grid code{overflow-wrap:anywhere;color:#bfd1d8;font-size:.68rem}@media(max-width:1050px){.battle-history-card{grid-template-columns:44px minmax(150px,.8fr) minmax(230px,1fr) auto}.battle-history-reward{grid-column:2/4;border-top:1px solid var(--app-border);padding-top:9px}.battle-history-actions{grid-column:4;grid-row:1/span 2}.battle-result-hero{grid-template-columns:72px minmax(180px,.7fr) minmax(280px,1.3fr)}.battle-result-back{grid-column:2/4;width:-moz-fit-content;width:fit-content}}@media(max-width:760px){.battle-history-page,.battle-result-page{gap:16px}.battle-history-header{align-items:stretch}.battle-history-new-match{width:100%;justify-content:space-between}.battle-earned-grid,.battle-history-overview,.battle-summary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-earned-grid>div:nth-child(2),.battle-history-overview>div:nth-child(2),.battle-summary-kpis>div:nth-child(2){border-right:0}.battle-earned-grid>div:nth-child(-n+2),.battle-history-overview>div:nth-child(-n+2),.battle-summary-kpis>div:nth-child(-n+2){border-bottom:1px solid var(--app-border)}.battle-history-toolbar{align-items:stretch;flex-direction:column}.battle-history-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.battle-history-filters button{min-width:0;padding:0 5px}.battle-history-card{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:12px}.battle-history-actions,.battle-history-metrics,.battle-history-reward{grid-column:1/-1}.battle-history-metrics{border-top:1px solid var(--app-border);border-right:0;border-left:0;padding-top:8px}.battle-history-reward{border-top:1px solid var(--app-border);padding-top:9px}.battle-history-actions{grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.battle-history-actions>:only-child{grid-column:1/-1}.battle-result-hero{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:15px}.battle-result-emblem{width:58px}.battle-result-title h1{font-size:1.45rem}.battle-result-back,.battle-result-hero-metrics{grid-column:1/-1}.battle-result-hero-metrics>div:first-child{border-left:0;padding-left:0}.battle-result-back{width:100%}.battle-result-reward-banner{grid-template-columns:42px minmax(0,1fr)}.battle-result-reward-icon{width:42px}.battle-result-reward-banner>button,.battle-result-reward-claimed{grid-column:1/-1;width:100%}.battle-result-reward-claimed{justify-content:center}.battle-contribution-grid,.battle-earned-details,.battle-result-loadouts,.battle-summary-activity-grid{grid-template-columns:1fr}.battle-contribution-grid article{grid-template-columns:38px minmax(0,1fr)}.battle-contribution-grid dl{grid-column:2}.battle-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-earned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-earned-grid>div:nth-child(2){border-right:1px solid var(--app-border)}.battle-earned-grid>div:nth-child(-n+2){border-bottom:0}.battle-earned-grid>div:last-child{border-right:0}.battle-earned-materials{grid-template-columns:1fr}.battle-earned-materials ul{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-info-backdrop{padding:8px}.battle-info-dialog{max-height:calc(100dvh - 16px);gap:14px;padding:14px}.battle-info-header{top:-14px}}.forge-craft-page,.forge-quality-page,.forge-socket-page{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(219,165,82,.15);border-radius:var(--app-corner-scene);padding:18px;background:linear-gradient(90deg,#03080bed,#040a0db0 47%,#03080beb),linear-gradient(0deg,rgba(3,8,11,.94),transparent 48%),url(../assets/backgrounds/forge-workshop.png) top /cover no-repeat;box-shadow:var(--app-shadow-depth),inset 0 1px #ffe0a914}.forge-craft-page:before,.forge-quality-page:before,.forge-socket-page:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 62% 35%,rgba(237,133,48,.1),transparent 30rem),linear-gradient(180deg,transparent 38rem,rgba(3,8,11,.98) 68rem);pointer-events:none;content:""}.forge-craft-page>*,.forge-quality-page>*,.forge-socket-page>*{position:relative;z-index:1}.forge-craft-page .section-nav,.forge-quality-page .section-nav,.forge-socket-page .section-nav{width:-moz-fit-content;width:fit-content;border:1px solid rgba(212,169,100,.18);border-radius:var(--app-corner-control);margin-bottom:18px;padding:4px;background:#030a0ec2;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forge-craft-page .section-nav a,.forge-quality-page .section-nav a,.forge-socket-page .section-nav a{min-height:44px;border-bottom:0;border-radius:calc(var(--app-corner-control) - 2px);padding-inline:15px}.forge-craft-page .section-nav a.active,.forge-quality-page .section-nav a.active,.forge-socket-page .section-nav a.active{color:#ffe1a5;background:linear-gradient(180deg,#f5b83f29,#f5b83f0d);box-shadow:inset 0 -2px #f3b83f}.forge-view-header{align-items:end}.forge-craft-page .forge-view-header,.forge-quality-page .forge-view-header,.forge-socket-page .forge-view-header{min-height:104px;padding:4px}.forge-craft-page .forge-view-header h1,.forge-quality-page .forge-view-header h1,.forge-socket-page .forge-view-header h1{color:#fff2d4;text-shadow:0 3px 24px rgba(0,0,0,.72)}.forge-craft-page .forge-view-header .muted,.forge-quality-page .forge-view-header .muted,.forge-socket-page .forge-view-header .muted{color:#bbc3c3}.forge-craft-page .forge-view-header .button-link,.forge-quality-page .forge-credit-balance,.forge-socket-page .forge-credit-balance{min-height:44px;border-color:#f1bd5a47;background:#060d10c7;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.enchantment-lab .text-link,.forge-credit-balance,.forge-recent-section .text-link,.forge-view-header .button-link,.socket-ring-station .text-link{display:inline-flex;gap:7px;align-items:center}.forge-credit-balance{border:1px solid rgba(245,190,71,.25);border-radius:8px;padding:9px 12px;color:#f3cf77;background:#f5be4712;font-size:.78rem;font-weight:900;white-space:nowrap}.forge-overview{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr);gap:20px;align-items:center;border:1px solid rgba(245,190,71,.22);border-left:3px solid #f3b83f;padding:18px 20px;background:#1f1c14a8}.forge-craft-page .forge-overview{border-color:#f5be4740;border-left-width:1px;border-radius:var(--app-corner-panel);padding-block:13px;background:#060d10d1;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forge-overview-title{display:flex;gap:11px;align-items:center}.enchantment-icon,.forge-overview-title>span,.quality-station-icon{display:grid;width:44px;aspect-ratio:1;flex:0 0 auto;place-items:center;border:1px solid rgba(245,190,71,.28);border-radius:8px;color:#f3b83f;background:#f5be4714}.forge-overview-title div{display:grid;gap:2px}.forge-overview dt,.forge-overview-title small{color:var(--app-muted);font-size:.66rem;font-weight:800;text-transform:uppercase}.forge-overview-title strong{font-size:1.05rem}.forge-overview>dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.forge-overview>dl>div{display:grid;gap:4px;border-left:1px solid var(--app-border);padding:3px 16px}.forge-overview dd{margin:0;font-size:1.4rem;font-weight:900}.detail-layout.forge-detail-layout{grid-template-columns:minmax(0,1fr);margin-top:16px}.forge-main-workspace{min-width:0;gap:20px}.forge-craft-workspace,.quality-workspace,.socket-composer{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);gap:12px;align-items:start}.forge-craft-page .forge-craft-workspace{grid-template-columns:minmax(270px,.68fr) minmax(0,1.55fr);gap:16px}.craft-station,.enchantment-lab,.quality-item-library,.quality-station,.recipe-catalogue,.socket-gem-vault,.socket-ring-station{min-width:0;border:1px solid var(--app-border);border-radius:8px;padding:16px;background:#ffffff08}.forge-craft-page .craft-station,.forge-craft-page .forge-recent-section,.forge-craft-page .recipe-catalogue{border-color:#ddb16a33;border-radius:var(--app-corner-panel);background:#040b0edb;box-shadow:0 18px 42px #00000042,var(--app-shadow-inset);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.forge-craft-page .recipe-catalogue{position:sticky;top:16px}.forge-type-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--app-border);margin:12px 0;padding-bottom:8px}.forge-type-tabs button{min-height:44px;border-color:transparent;padding:5px 8px;color:var(--app-muted);background:transparent;font-size:.7rem;white-space:nowrap}.forge-craft-page .forge-type-tabs button{border-radius:var(--app-corner-control);padding-inline:11px}.forge-type-tabs button.active{color:#ffe0a0;background:#f5be471a}.recipe-list{display:grid;max-height:560px;gap:6px;overflow-y:auto;padding:2px}.enchantment-target-strip button,.forge-recent-grid button,.quality-item-list button,.recipe-list-item,.socket-vault-list button{display:grid;min-width:0;align-items:center;border:1px solid hsla(0,0%,100%,.13);border-radius:7px;color:var(--app-text);text-align:left;background:#ffffff08}.recipe-list-item{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;min-height:64px;padding:6px}.forge-craft-page .recipe-list-item{border-color:#d2dbd91f;border-radius:var(--app-corner-control);background:#0b1417c7}.forge-craft-page .recipe-list-item.active{border-color:#f5be47b8;background:linear-gradient(90deg,rgba(245,190,71,.13),transparent),#0b1417e0;box-shadow:inset 3px 0 #f3b83f,0 0 22px #f5be4714}.enchantment-target-strip button.selected,.enchantment-target-strip button:hover,.forge-recent-grid button.selected,.forge-recent-grid button:hover,.quality-item-list button.active,.quality-item-list button:hover,.recipe-list-item.active,.recipe-list-item:hover,.socket-vault-list button.selected,.socket-vault-list button:hover{border-color:#f5be477a;background:#f5be4712}.recipe-list-item .item-artwork{width:44px}.enchantment-target-strip button>span,.forge-recent-grid button>span,.quality-item-list button>span,.recipe-list-item>span,.socket-vault-list button>span{display:grid;min-width:0;gap:3px}.enchantment-target-strip small,.enchantment-target-strip strong,.forge-recent-grid small,.forge-recent-grid strong,.quality-item-list small,.quality-item-list strong,.recipe-list-item small,.recipe-list-item strong,.socket-vault-list small,.socket-vault-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enchantment-target-strip small,.forge-recent-grid small,.quality-item-list small,.recipe-list-item small,.socket-vault-list small{color:var(--app-muted);font-size:.67rem}.recipe-ready{color:#5ee193}.recipe-blocked{color:#7d8c92}.craft-station{border-top:3px solid #f3b83f;background:#1f1c1475}.forge-craft-page .craft-station{min-height:590px;border-top-width:1px;padding:22px;background:radial-gradient(circle at 50% 35%,rgba(245,184,63,.1),transparent 17rem),linear-gradient(180deg,#0a0e0ebd,#040a0deb)}.forge-craft-page .craft-station:before{display:block;width:86px;height:2px;margin:-22px auto 20px;background:#f3b83f;box-shadow:0 0 22px #f3b83f6b;content:""}.craft-ingredients-heading,.craft-station-heading,.enchantment-lab-heading,.quality-station-heading{display:flex;gap:12px;align-items:start;justify-content:space-between}.craft-ingredients-heading h3,.craft-station-heading h2,.enchantment-lab-heading h2,.quality-station-heading h2{margin:2px 0 0}.forge-craft-page .craft-station-heading{text-align:center}.forge-craft-page .craft-station-heading>div{flex:1;padding-left:70px}.forge-craft-page .craft-station-heading h2{color:#ffe09b;font-size:clamp(1.5rem,2.4vw,2.2rem)}.craft-blueprint{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;border-block:1px solid var(--app-border);margin-top:16px;padding:18px 0}.forge-craft-page .craft-blueprint{grid-template-columns:minmax(190px,.82fr) minmax(220px,1fr);min-height:244px;border-color:#f5be4729;padding-block:24px}.craft-output-art,.quality-item-art,.socket-ring-art{display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:8px;background:#0000002e}.craft-output-art .item-artwork{width:132px}.forge-craft-page .craft-output-art{position:relative;width:min(100%,218px);justify-self:center;border-color:#f5be4738;border-radius:50%;background:radial-gradient(circle,rgba(245,184,63,.14),transparent 66%),#02070973;box-shadow:0 0 48px #f5b83f1a,inset 0 0 34px #00000059}.forge-craft-page .craft-output-art .item-artwork{width:min(180px,100%)}.forge-craft-page .craft-output-art>span{margin-top:4px;color:#d9bd80}.craft-output-art>span{color:var(--app-muted);font-size:.64rem;font-weight:900;text-transform:uppercase}.craft-output-data{display:grid;gap:16px}.forge-object-type{display:inline-flex;width:-moz-fit-content;width:fit-content;gap:7px;align-items:center;color:#f3cf77;font-weight:800}.craft-output-data dl,.quality-selected-item dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.craft-output-data dl>div,.quality-selected-item dl>div{display:grid;gap:3px;border-left:1px solid var(--app-border);padding-left:12px}.craft-output-data dt,.quality-selected-item dt{color:var(--app-muted);font-size:.63rem;font-weight:800;text-transform:uppercase}.craft-output-data dd,.quality-selected-item dd{margin:0;font-weight:900}.craft-ingredients-heading{align-items:center;margin-top:18px}.forge-readiness{display:inline-flex;gap:6px;align-items:center;color:#f0a2a6;font-size:.7rem;font-weight:900}.forge-readiness.ready{color:#5ee193}.craft-ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.craft-ingredient-grid article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid rgba(240,105,111,.28);border-radius:7px;padding:7px;background:#f0696f0d}.forge-craft-page .craft-ingredient-grid article{min-height:70px;border-radius:var(--app-corner-control);background:#120c0dc2}.forge-craft-page .craft-ingredient-grid article.ready{background:#081811bd}.craft-ingredient-grid article.ready{border-color:#5ee19342;background:#5ee1930d}.craft-ingredient-grid .item-artwork{width:38px}.craft-ingredient-grid article>div{display:grid;min-width:0;gap:2px}.craft-ingredient-grid small,.craft-ingredient-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-ingredient-grid small{color:var(--app-muted);font-size:.62rem}.craft-ingredient-grid article>svg{color:#f0696f}.craft-ingredient-grid article.ready>svg{color:#5ee193}.craft-primary-action,.socket-primary-action{display:flex;width:100%;gap:8px;align-items:center;justify-content:center;margin-top:16px}.forge-craft-page .craft-primary-action{min-height:52px;border-color:#f5be477a;color:#fff1cb;background:linear-gradient(180deg,#f5b83f38,#70451533),#080f11f0;box-shadow:0 12px 28px #00000047,inset 0 1px #ffeec32e;font-family:var(--app-font-display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.forge-craft-page .craft-primary-action:hover:not(:disabled){border-color:#f3b83f;background:linear-gradient(180deg,#f5b83f4f,#7045153d),#080f11f0}.forge-craft-page .forge-recent-section{padding:18px}.forge-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.forge-recent-grid button{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;padding:7px}.forge-recent-grid .item-artwork{width:44px}.forge-empty-state{display:flex;gap:10px;align-items:center;border:1px dashed hsla(0,0%,100%,.17);border-radius:8px;margin-top:12px;padding:16px;color:var(--app-muted);background:#ffffff05}.forge-empty-state p{margin:0}.forge-process-steps{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--app-border);padding:0 2px 14px;color:var(--app-muted);font-size:.72rem;font-weight:800}.forge-process-steps>span{display:inline-flex;gap:7px;align-items:center}.forge-process-steps strong{display:grid;width:24px;aspect-ratio:1;place-items:center;border:1px solid var(--app-border);border-radius:50%}.forge-process-steps span.active,.forge-process-steps span.active strong{border-color:#25d7f261;color:var(--app-cyan)}.socket-composer{grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr)}.socket-ring-station{border-top:3px solid var(--app-cyan);background:#0d1e2799}.forge-select-field{display:grid;gap:6px;margin-top:14px}.socket-selected-ring{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;align-items:center;margin-top:16px}.socket-ring-art .item-artwork{width:104px}.socket-ring-copy{display:grid;min-width:0;gap:10px}.socket-ring-copy h3{margin:2px 0 0}.socket-ring-copy .text-link{width:-moz-fit-content;width:fit-content;border:0;padding:0;background:transparent}.socket-capacity-row{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(200px,auto);gap:14px;align-items:center;border-block:1px solid var(--app-border);margin-top:16px;padding:13px 0}.socket-capacity-row>div:first-child{display:grid;gap:3px}.socket-capacity-row>div:first-child strong{font-size:1.15rem}.socket-capacity-track{display:grid;grid-template-columns:repeat(3,minmax(22px,1fr));gap:5px}.socket-capacity-track span{height:7px;border-radius:4px;background:#ffffff1a}.socket-capacity-track span.active{background:var(--app-cyan)}.socket-capacity-action{display:flex;gap:9px;align-items:center;justify-content:end}.socket-capacity-action small{max-width:170px;color:var(--app-muted);text-align:right}.enchantment-controls button,.quality-action-bar button,.socket-capacity-action button{display:inline-flex;gap:6px;align-items:center;justify-content:center}.socket-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.socket-composer-slot{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:7px;min-height:66px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:7px;padding:7px;background:#ffffff08}.socket-composer-slot.empty{grid-template-columns:auto minmax(0,1fr);border-style:dashed;color:var(--app-muted)}.socket-composer-slot .item-artwork{width:42px}.socket-composer-slot>div{display:grid;min-width:0;gap:2px}.socket-composer-slot small,.socket-composer-slot strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socket-composer-slot small{color:var(--app-muted);font-size:.6rem}.socket-slot-index{position:absolute;z-index:1;top:4px;left:4px;display:grid;width:18px;aspect-ratio:1;place-items:center;border-radius:50%;color:#061116;background:#dbe7ea;font-size:.56rem;font-weight:900}.socket-vault-list{display:grid;max-height:474px;gap:6px;overflow-y:auto;margin-top:12px;padding:2px}.socket-vault-list button{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:6px}.socket-vault-list .item-artwork{width:40px}.socket-vault-list button>svg{color:#5ee193}.enchantment-lab{border-left:3px solid #cf5ae4}.enchantment-icon{border-color:#cf5ae447;color:#e486f4;background:#cf5ae414}.enchantment-lab-heading{align-items:center}.enchantment-lab-heading>div:nth-child(2){min-width:0;flex:1}.enchantment-lab-heading p,.quality-station-heading p{margin:4px 0 0;color:var(--app-muted);font-size:.8rem}.enchantment-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto;gap:9px;align-items:end;border-top:1px solid var(--app-border);margin-top:15px;padding-top:15px}.enchantment-controls label{display:grid;gap:6px}.enchantment-link-icon{display:grid;min-height:38px;place-items:center;color:#e486f4}.enchantment-target-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}.enchantment-target-strip button{grid-template-columns:42px minmax(0,1fr);gap:7px;padding:6px}.enchantment-target-strip .item-artwork{width:38px}.enchantment-target-strip button.unavailable{opacity:.48}.forge-socket-page .forge-process-steps{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:0;overflow:hidden;border:1px solid rgba(82,199,228,.22);border-radius:var(--app-corner-control);padding:0;background:#030b0fd1;box-shadow:0 14px 30px #00000038,var(--app-shadow-inset);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forge-socket-page .forge-process-steps>span{min-height:48px;justify-content:center;padding:8px 14px;color:#8f9da0;text-transform:uppercase;letter-spacing:.05em}.forge-socket-page .forge-process-steps>svg{color:#7dccdc59}.forge-socket-page .forge-process-steps strong{width:28px;border-color:#8fb8c247;color:#a8b8bb;background:#ffffff08}.forge-socket-page .forge-process-steps span.active{color:#aaf2ff;background:linear-gradient(90deg,#26bdde2b,#26bdde0d),#041116d1;box-shadow:inset 0 -2px 0 var(--app-cyan),0 0 30px #25d7f212}.forge-socket-page .detail-layout.forge-detail-layout{margin-top:18px}.forge-socket-page .socket-composer{grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:16px}.forge-socket-page .enchantment-lab,.forge-socket-page .socket-gem-vault,.forge-socket-page .socket-ring-station{border-color:#59c2db33;border-radius:var(--app-corner-panel);background:#040c10db;box-shadow:0 18px 42px #00000047,var(--app-shadow-inset);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.forge-socket-page .socket-ring-station{position:relative;min-height:520px;overflow:hidden;border-top-width:1px;padding:20px;background:radial-gradient(circle at 35% 41%,rgba(37,215,242,.11),transparent 18rem),linear-gradient(180deg,#05141ac7,#030a0ef0)}.forge-socket-page .socket-ring-station:before{position:absolute;top:0;left:50%;width:90px;height:2px;background:var(--app-cyan);box-shadow:0 0 24px #25d7f275;content:"";transform:translate(-50%)}.forge-socket-page .forge-select-field{max-width:620px}.forge-socket-page .forge-select-field select{min-height:44px;border-color:#67c5d93b;background:#040d11e0}.forge-socket-page .socket-selected-ring{grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);min-height:220px;gap:22px;border-block:1px solid rgba(92,190,212,.15);padding-block:20px}.forge-socket-page .socket-ring-art{width:min(100%,190px);justify-self:center;border-color:#51ceea3b;border-radius:50%;background:radial-gradient(circle,rgba(37,215,242,.13),transparent 67%),#02080b7a;box-shadow:0 0 48px #25d7f21a,inset 0 0 34px #00000061}.forge-socket-page .socket-ring-art .item-artwork{width:min(162px,100%)}.forge-socket-page .socket-ring-copy h3{color:#e7fbff;font-size:clamp(1.35rem,2vw,1.8rem)}.forge-socket-page .socket-capacity-row{border-color:#5bc2da2e;padding-block:16px}.forge-socket-page .socket-capacity-track span{height:9px;background:#97bfc71a}.forge-socket-page .socket-capacity-track span.active{background:linear-gradient(90deg,#1ca8c7,#63e7fb);box-shadow:0 0 12px #25d7f247}.forge-socket-page .enchantment-controls button,.forge-socket-page .socket-capacity-action button,.forge-socket-page .socket-primary-action{min-height:44px}.forge-socket-page .text-link{display:inline-flex;min-height:44px;align-items:center}.forge-socket-page .socket-slot-grid{gap:10px;margin-top:18px}.forge-socket-page .socket-composer-slot{min-height:84px;border-color:#71c7d92e;border-radius:var(--app-corner-control);background:radial-gradient(circle at 26px 50%,rgb(37 215 242/8%),transparent 42px),#051014d1}.forge-socket-page .socket-composer-slot.empty{border-color:#75bac838;background:#040d1194}.forge-socket-page .socket-slot-index{color:#d9fbff;background:#0b5261;box-shadow:0 0 10px #25d7f23d}.forge-socket-page .socket-gem-vault{align-self:stretch;padding:18px;background:linear-gradient(180deg,rgb(37 215 242/5%),transparent 34%),#040c10e0}.forge-socket-page .socket-vault-list button{min-height:60px;border-radius:var(--app-corner-control);background:#081216d6}.forge-socket-page .socket-vault-list button.selected{border-color:#25d7f2ad;background:linear-gradient(90deg,rgba(37,215,242,.12),transparent),#081216e0;box-shadow:inset 3px 0 0 var(--app-cyan)}.forge-socket-page .socket-primary-action{min-height:50px;border-color:#25d7f26b;color:#d9fbff;background:linear-gradient(180deg,#25d7f22e,#0c5d6f21),#050f13f0;font-family:var(--app-font-display);letter-spacing:.05em;text-transform:uppercase}.forge-socket-page .enchantment-lab{position:relative;overflow:hidden;border-left-width:1px;padding:20px;background:radial-gradient(circle at 14% 0,rgba(207,90,228,.11),transparent 22rem),#080a11e6}.forge-socket-page .enchantment-lab:before{position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,#e486f4,transparent 72%);box-shadow:0 0 20px #cf5ae45c;content:""}.forge-socket-page .enchantment-icon{width:52px;box-shadow:0 0 26px #cf5ae41c}.forge-socket-page .enchantment-controls{border-color:#cf5ae42b;padding-top:18px}.forge-socket-page .enchantment-controls select{min-height:44px;border-color:#cf5ae433;background:#080a11db}.forge-socket-page .enchantment-target-strip button{min-height:58px;border-radius:var(--app-corner-control);background:#0d0c16d1}@media(max-width:1080px){.forge-socket-page .socket-composer{grid-template-columns:1fr}.forge-socket-page .socket-ring-station{min-height:0}}@media(max-width:760px){.forge-socket-page .forge-process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.forge-socket-page .forge-process-steps>svg{display:none}.forge-socket-page .forge-process-steps>span{min-height:44px;justify-content:start;gap:5px;padding-inline:7px;font-size:.58rem;line-height:1.15;white-space:normal}.forge-socket-page .forge-process-steps strong{width:23px;flex:0 0 auto}.forge-socket-page .socket-selected-ring{grid-template-columns:104px minmax(0,1fr);min-height:0;gap:12px}.forge-socket-page .socket-ring-art{width:100px}.forge-socket-page .socket-ring-art .item-artwork{width:82px}}.quality-workspace{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr)}.quality-item-library{max-height:720px;overflow:hidden}.quality-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.quality-filters label{display:grid;gap:5px}.quality-item-list{display:grid;max-height:600px;gap:6px;overflow-y:auto;margin-top:10px;padding:2px}.quality-item-list button{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;padding:6px}.quality-item-list .item-artwork{width:44px}.quality-item-list button.maximum{opacity:.62}.quality-list-value{align-items:end;text-align:right}.quality-list-value strong{color:#f3b83f;font-size:1rem}.quality-station{border-top:3px solid #f3b83f;background:#1f1c1475}.quality-station-heading{justify-content:start}.quality-station-heading>div:last-child{min-width:0;flex:1}.quality-selected-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;border-block:1px solid var(--app-border);margin-top:16px;padding:16px 0}.quality-item-art .item-artwork{width:104px}.quality-selected-item>div:last-child{display:grid;min-width:0;gap:13px}.quality-selected-item h3{margin:2px 0 0}.quality-progress-block{display:grid;gap:7px;margin-top:16px}.quality-action-bar,.quality-comparison-heading,.quality-next-marker,.quality-progress-block>div:first-child{display:flex;align-items:center;justify-content:space-between}.quality-next-marker span,.quality-progress-block>div:first-child span{color:var(--app-muted);font-size:.72rem;font-weight:800}.quality-progress-block progress{width:100%;height:9px;accent-color:#f3b83f}.quality-next-marker{justify-content:end;gap:6px;color:#5ee193}.quality-comparison{display:grid;gap:0;border:1px solid var(--app-border);border-radius:8px;margin-top:16px;overflow:hidden}.quality-comparison-heading{padding:10px 12px;background:#ffffff0a;font-weight:900}.quality-comparison-heading small{color:var(--app-muted);font-weight:500}.quality-comparison-row{display:grid;grid-template-columns:minmax(0,1fr) 52px auto 52px 48px;gap:8px;align-items:center;border-top:1px solid var(--app-border);padding:9px 12px}.quality-comparison-row>strong{text-align:right}.quality-comparison-row>svg{color:var(--app-muted)}.quality-gain{color:#5ee193;font-size:.7rem;font-weight:900;text-align:right}.quality-action-bar{border-top:1px solid var(--app-border);margin-top:16px;padding-top:15px}.quality-action-bar>div{display:grid;gap:3px}.quality-action-bar small{color:var(--app-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.quality-action-bar strong{display:inline-flex;gap:5px;align-items:center;color:#f3cf77;font-size:1.1rem}.quality-status{display:flex;gap:7px;align-items:center;margin:10px 0 0;font-size:.76rem;font-weight:800}.quality-status.maximum{color:#5ee193}.quality-status.blocked{color:#f0a2a6}.forge-quality-page .quality-workspace{grid-template-columns:minmax(270px,.65fr) minmax(0,1.55fr);gap:16px}.forge-quality-page .quality-item-library,.forge-quality-page .quality-station{border-color:#e5b15b33;border-radius:var(--app-corner-panel);background:#040c10de;box-shadow:0 18px 42px #00000047,var(--app-shadow-inset);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.forge-quality-page .quality-item-library{position:sticky;top:16px;padding:18px;background:linear-gradient(180deg,rgb(245 184 63/5%),transparent 35%),#040c10e0}.forge-quality-page .quality-filters select{min-height:44px;border-color:#e5b15b2e;background:#050e11e0}.forge-quality-page .quality-item-list button{min-height:62px;border-radius:var(--app-corner-control);background:#081215d6}.forge-quality-page .quality-item-list button.active{border-color:#f5be47ad;background:linear-gradient(90deg,rgba(245,190,71,.13),transparent),#081215e6;box-shadow:inset 3px 0 #f3b83f,0 0 24px #f5be4714}.forge-quality-page .quality-station{position:relative;min-height:600px;overflow:hidden;border-top-width:1px;padding:22px;background:radial-gradient(circle at 32% 32%,rgba(245,184,63,.12),transparent 20rem),linear-gradient(180deg,#11100cc7,#040a0df2)}.forge-quality-page .quality-station:before{position:absolute;top:0;left:50%;width:96px;height:2px;background:#f3b83f;box-shadow:0 0 24px #f3b83f75;content:"";transform:translate(-50%)}.forge-quality-page .quality-station-heading{padding-bottom:16px}.forge-quality-page .quality-station-icon{width:52px;box-shadow:0 0 26px #f5b83f1f}.forge-quality-page .quality-station-heading h2{color:#fff0cc}.forge-quality-page .quality-selected-item{grid-template-columns:minmax(170px,.58fr) minmax(0,1fr);min-height:230px;gap:24px;border-color:#e6b46029;padding-block:22px}.forge-quality-page .quality-item-art{width:min(100%,205px);justify-self:center;border-color:#f5be4738;border-radius:50%;background:radial-gradient(circle,rgba(245,184,63,.15),transparent 67%),#02080a7a;box-shadow:0 0 50px #f5b83f1c,inset 0 0 35px #00000061}.forge-quality-page .quality-item-art .item-artwork{width:min(170px,100%)}.forge-quality-page .quality-selected-item h3{color:#ffe0a0;font-size:clamp(1.4rem,2vw,1.9rem)}.forge-quality-page .quality-selected-item dl{border-block:1px solid rgba(229,177,91,.14);padding-block:13px}.forge-quality-page .quality-progress-block{gap:10px;border:1px solid rgba(229,177,91,.16);border-radius:var(--app-corner-control);padding:14px;background:#060d0fb8}.forge-quality-page .quality-progress-block progress{height:12px;overflow:hidden;border-radius:999px;background:#ffffff12;box-shadow:inset 0 1px 4px #0000008a}.forge-quality-page .quality-next-marker{color:#9bea76}.forge-quality-page .quality-comparison{border-color:#e5b15b2b;border-radius:var(--app-corner-control);background:#050c0fad}.forge-quality-page .quality-comparison-heading{min-height:48px;background:linear-gradient(90deg,rgb(245 184 63/8%),transparent),#ffffff05}.forge-quality-page .quality-comparison-row{min-height:46px;border-color:#e5b15b1f}.forge-quality-page .quality-comparison-row strong.positive,.forge-quality-page .quality-gain{color:#9bea76;text-shadow:0 0 12px rgba(155,234,118,.16)}.forge-quality-page .quality-action-bar{border-color:#e5b15b2e;padding-top:18px}.forge-quality-page .quality-action-bar button{min-height:52px;min-width:190px;border-color:#f5be477a;color:#fff1cb;background:linear-gradient(180deg,#f5b83f38,#70451533),#080f11f0;box-shadow:0 12px 28px #00000047,inset 0 1px #ffeec32e;font-family:var(--app-font-display);letter-spacing:.05em;text-transform:uppercase}.forge-quality-page .quality-action-bar button:hover:not(:disabled){border-color:#f3b83f;background:linear-gradient(180deg,#f5b83f4f,#7045153d),#080f11f0}@media(max-width:1080px){.forge-craft-page .forge-craft-workspace,.forge-quality-page .quality-workspace,.socket-composer{grid-template-columns:1fr}.forge-craft-page .recipe-catalogue,.forge-quality-page .quality-item-library{position:static}.quality-item-list,.recipe-list{max-height:360px}.enchantment-target-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.forge-craft-page,.forge-quality-page,.forge-socket-page{border-inline:0;border-radius:0;margin-inline:-16px;padding:16px;background:linear-gradient(180deg,#03080bcc,#03080bf7 48%),url(../assets/backgrounds/forge-workshop.png) 57% top /auto 700px no-repeat}.forge-craft-page .section-nav,.forge-quality-page .section-nav,.forge-socket-page .section-nav{width:100%;overflow-x:auto}.forge-craft-page .section-nav a,.forge-quality-page .section-nav a,.forge-socket-page .section-nav a{flex:1 0 auto;justify-content:center}.forge-craft-page .forge-view-header,.forge-quality-page .forge-view-header,.forge-socket-page .forge-view-header{min-height:92px}.forge-view-header{align-items:start}.forge-overview{grid-template-columns:1fr}.forge-overview>dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.forge-overview>dl>div:nth-child(odd){border-left:0}.forge-process-steps{overflow-x:auto}.forge-process-steps>span{white-space:nowrap}.craft-ingredient-grid,.socket-capacity-row,.socket-slot-grid{grid-template-columns:1fr}.socket-capacity-action{justify-content:space-between}.socket-capacity-action small{max-width:none;text-align:left}.enchantment-controls{grid-template-columns:1fr}.enchantment-link-icon{min-height:20px;transform:rotate(90deg)}.forge-recent-grid{grid-template-columns:1fr}}@media(max-width:480px){.craft-station,.enchantment-lab,.forge-overview,.quality-item-library,.quality-station,.recipe-catalogue,.socket-gem-vault,.socket-ring-station{padding:13px}.craft-blueprint,.quality-selected-item,.socket-selected-ring{grid-template-columns:82px minmax(0,1fr);gap:10px}.forge-craft-page .craft-station{min-height:0;padding:15px}.forge-craft-page .craft-station:before{margin:-15px auto 16px}.forge-craft-page .craft-station-heading>div{padding-left:0;text-align:left}.forge-craft-page .craft-blueprint{grid-template-columns:96px minmax(0,1fr);min-height:0;padding-block:18px}.forge-craft-page .craft-output-art{width:92px}.forge-quality-page .quality-station{min-height:0;padding:15px}.forge-quality-page .quality-selected-item{grid-template-columns:96px minmax(0,1fr);min-height:0;gap:12px}.forge-quality-page .quality-item-art{width:92px}.forge-quality-page .quality-item-art .item-artwork{width:76px}.forge-quality-page .quality-action-bar{align-items:stretch;flex-direction:column;gap:12px}.forge-quality-page .quality-action-bar button{width:100%;min-width:0}.craft-output-art .item-artwork,.quality-item-art .item-artwork,.socket-ring-art .item-artwork{width:68px}.craft-output-data dl,.quality-selected-item dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0}.craft-output-data dl>div:nth-child(3),.quality-selected-item dl>div:nth-child(3){grid-column:1/-1}.craft-ingredients-heading,.enchantment-lab-heading{align-items:start;flex-wrap:wrap}.enchantment-lab-heading .text-link{width:100%}.enchantment-target-strip,.quality-filters{grid-template-columns:1fr}.quality-comparison-row{grid-template-columns:minmax(0,1fr) 40px auto 40px}.quality-gain{grid-column:2/-1}.quality-comparison-heading small{display:none}}.equipment-header,.loadouts-header{align-items:end}.equipment-header .button-link,.loadouts-header .button-link{display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.equipment-overview{position:relative;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr);gap:20px;align-items:center;overflow:hidden;border:1px solid rgba(98,216,231,.26);border-radius:10px;padding:20px 22px;background:linear-gradient(90deg,#0c2832f2,#06161ed6),#0e1f28bd;box-shadow:0 22px 48px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.equipment-overview:before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,var(--app-cyan),transparent);content:""}.equipment-overview-title,.loadout-builder-heading{display:flex;gap:12px;align-items:center}.equipment-overview-title h2,.loadout-builder-heading h2{margin:2px 0 0;font-size:1.08rem}.equipment-overview-icon,.loadout-builder-icon,.loadout-status-icon{display:grid;width:44px;aspect-ratio:1;flex:0 0 auto;place-items:center;border:1px solid rgba(37,215,242,.25);border-radius:8px;color:var(--app-cyan);background:#25d7f217}.equipment-kpis,.loadout-builder-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.equipment-kpis>div,.loadout-builder-metrics>div{display:grid;gap:4px;border-left:1px solid var(--app-border);padding:4px 16px}.equipment-kpis dt,.loadout-builder-metrics dt{display:flex;gap:5px;align-items:center;color:var(--app-muted);font-size:.69rem;font-weight:800;text-transform:uppercase}.equipment-kpis dd,.loadout-builder-metrics dd{margin:0;color:var(--app-text);font-size:1.45rem;font-weight:900}.equipment-kpis dd small{margin-left:3px;color:var(--app-muted);font-size:.75rem}.equipment-detail-layout,.loadouts-detail-layout{margin-top:16px}.equipment-workspace,.loadouts-workspace{gap:18px}.equipment-section,.loadouts-saved-section{min-width:0}.equipment-section{border:1px solid rgba(112,208,221,.18);border-radius:12px;padding:18px;background:linear-gradient(180deg,#081921eb,#050f15f5);box-shadow:0 22px 52px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.equipment-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;padding:28px;border:1px solid rgba(88,211,228,.14);border-radius:50%/16%;background:radial-gradient(circle at 50% 50%,rgba(38,215,242,.1),transparent 36%),repeating-radial-gradient(circle at 50% 50%,transparent 0 52px,rgb(90 212 228/8%) 53px 54px),#020a0fad;box-shadow:inset 0 0 70px #000000b3,0 24px 50px #00000047}.equipment-slot{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:10px;min-height:82px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:8px 8px 14px 14px;padding:8px 8px 8px 14px;background:linear-gradient(135deg,#14303aeb,#07141bf5);box-shadow:0 12px 24px #0000003d}.equipment-slot.empty{grid-template-columns:auto auto minmax(0,1fr);min-height:64px;border-style:dashed;color:var(--app-muted);background:#051218b8}.equipment-arsenal-card.selected,.equipment-slot.selected,.loadout-config-rings button.selected,.loadout-dock-ring.selected{outline:2px solid var(--app-cyan);outline-offset:1px}.equipment-slot-number,.loadout-ring-slot{position:absolute;top:6px;left:6px;z-index:1;display:grid;width:20px;aspect-ratio:1;place-items:center;border-radius:50%;color:#061116;background:#d8e4e8;font-size:.65rem;font-weight:900}.equipment-slot .item-artwork{width:62px}.equipment-slot-copy{display:grid;min-width:0;gap:5px}.equipment-arsenal-copy strong,.equipment-slot-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-slot-copy .pill{width:-moz-fit-content;width:fit-content}.equipment-arsenal-copy small,.equipment-slot-copy small{color:var(--app-muted)}.equipment-slot-actions{display:grid;gap:3px}.danger-action{color:#f7a5a9}.empty-slot-icon{display:grid;place-items:center;color:#ffffff3d}.equipment-resolved-details{border:1px solid var(--app-border);border-radius:8px;background:#ffffff08}.equipment-resolved-details summary{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:12px 14px;color:#dbe7ea;font-weight:800;list-style:none}.equipment-resolved-details summary span{display:flex;gap:8px;align-items:center}.equipment-resolved-details summary::-webkit-details-marker{display:none}.equipment-resolved-details[open] summary>svg{transform:rotate(180deg)}.equipment-resolved-details .summary-grid{border-top:1px solid var(--app-border);padding:12px 14px}.equipment-arsenal-grid,.loadout-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.equipment-arsenal-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:5px 5px 11px 11px;padding:10px;background:linear-gradient(145deg,#102730f0,#061218fa);box-shadow:0 14px 28px #0000003d}.equipment-arsenal-card.equipped{background:#25d7f214}.equipment-arsenal-card>.item-artwork{width:84px}.equipment-arsenal-copy{display:grid;min-width:0;gap:9px}.equipment-arsenal-copy .card-heading{align-items:start}.equipment-arsenal-copy .card-heading>div{display:grid;min-width:0;gap:2px}.equipment-ring-stats,.loadout-config-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}.equipment-ring-stats>div,.loadout-config-stats>div{display:grid;gap:2px;border-left:1px solid var(--app-border);padding-left:7px}.equipment-ring-stats dt,.loadout-config-stats dt{overflow:hidden;color:var(--app-muted);font-size:.61rem;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.equipment-ring-stats dd,.loadout-config-stats dd{margin:0;font-weight:900}.equipment-card-actions,.loadout-config-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.equipment-card-actions button,.loadout-config-actions button,.loadout-save-bar button{display:inline-flex;gap:6px;align-items:center;justify-content:center}.equipment-empty-state,.loadout-builder-empty,.loadouts-empty-state{display:flex;gap:12px;align-items:center;border:1px dashed hsla(0,0%,100%,.18);border-radius:8px;margin-top:12px;padding:18px;color:var(--app-muted);background:#ffffff05}.equipment-empty-state p,.loadout-builder-empty p,.loadouts-empty-state p{margin:0}.equipment-empty-state .button-link{margin-left:auto}.loadout-builder{position:relative;overflow:hidden;border:1px solid rgba(79,210,228,.3);border-radius:12px;padding:22px;background:radial-gradient(circle at 50% 42%,rgba(37,215,242,.1),transparent 36%),linear-gradient(180deg,#0b242ef0,#051117f7);box-shadow:0 24px 56px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.loadout-builder:before{position:absolute;top:0;right:15%;left:15%;height:2px;background:linear-gradient(90deg,transparent,var(--app-cyan),transparent);box-shadow:0 0 20px #25d7f28c;content:""}.loadout-builder-heading{align-items:start}.loadout-builder-heading>div:nth-child(2){min-width:0;flex:1}.loadout-builder-heading p{margin:4px 0 0;color:var(--app-muted);font-size:.84rem}.loadout-builder-metrics{margin-top:18px}.loadout-ring-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;padding:20px;border:1px solid rgba(91,211,227,.13);border-radius:50%/18%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 45px,rgb(87 215 231/7%) 46px 47px),#020b108f}.loadout-dock-ring{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;min-height:66px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:7px 7px 13px 13px;padding:7px;color:var(--app-text);text-align:left;background:linear-gradient(135deg,#122d37f0,#061218fa);box-shadow:0 12px 24px #0000003d}.loadout-config-rings button:hover,.loadout-dock-ring:hover{background:#ffffff14}.loadout-dock-ring .item-artwork{width:50px}.loadout-dock-ring>span:last-child{display:grid;min-width:0;gap:3px}.loadout-dock-ring small,.loadout-dock-ring strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loadout-dock-ring small{color:var(--app-muted);font-size:.68rem}.loadout-save-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:1px solid var(--app-border);margin-top:18px;padding-top:16px}.loadout-save-bar label{display:grid;gap:6px}.loadout-config-card{display:grid;min-width:0;gap:14px;border:1px solid var(--app-border);border-radius:5px 5px 12px 12px;padding:14px;background:linear-gradient(145deg,#0f252ef0,#051016fa);box-shadow:0 16px 34px #00000042}.loadout-config-card.active{border-color:#5ee19373;background:#5ee1930f}.loadout-config-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.loadout-config-heading h3{overflow:hidden;margin:2px 0 0;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.loadout-status-icon{width:38px;color:var(--app-muted);border-color:var(--app-border);background:#ffffff0a}.loadout-status-icon.active{border-color:#5ee19359;color:#5ee193;background:#5ee19317}.loadout-config-rings{display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));gap:5px}.loadout-config-rings button{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:6px;padding:3px;background:#00000029}.loadout-config-rings .item-artwork{width:100%}.loadout-config-rings button>span{position:absolute;right:2px;bottom:2px;display:grid;width:16px;aspect-ratio:1;place-items:center;border-radius:50%;color:#071116;background:#d8e4e8;font-size:.56rem;font-weight:900}.loadout-active-label{display:inline-flex;gap:6px;align-items:center;color:#5ee193;font-size:.78rem;font-weight:800}.loadout-config-actions .danger-action{margin-left:auto}.loadout-delete-confirmation{display:flex;flex-basis:100%;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.1)}.loadout-delete-confirmation>span{margin-right:auto;color:var(--app-muted);font-size:.78rem}@media(max-width:980px){.equipment-overview{grid-template-columns:1fr}.equipment-kpis>div:first-child,.loadout-builder-metrics>div:first-child{border-left:0}.equipment-arsenal-grid,.loadout-card-grid{grid-template-columns:1fr}}@media(max-width:720px){.equipment-header,.loadouts-header{align-items:start}.equipment-slot-grid,.loadout-ring-dock{grid-template-columns:1fr;border-radius:14px;padding:14px}.equipment-kpis,.loadout-builder-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.equipment-kpis>div:nth-child(3),.loadout-builder-metrics>div:nth-child(3){border-left:0}.equipment-arsenal-card{grid-template-columns:72px minmax(0,1fr)}.equipment-arsenal-card>.item-artwork{width:68px}.loadout-save-bar{grid-template-columns:1fr}}@media(max-width:440px){.equipment-overview,.loadout-builder{padding:14px}.equipment-section{padding:12px}.equipment-slot{grid-template-columns:54px minmax(0,1fr) auto}.equipment-slot .item-artwork{width:50px}.equipment-arsenal-card{grid-template-columns:58px minmax(0,1fr);gap:8px}.equipment-arsenal-card>.item-artwork{width:54px}.equipment-ring-stats,.loadout-config-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 4px}.loadout-config-heading{grid-template-columns:auto minmax(0,1fr)}.loadout-config-heading>.pill{grid-column:1/-1;width:-moz-fit-content;width:fit-content}}.game-market-page,.market-history-page,.player-market-page{position:relative;isolation:isolate;min-height:calc(100dvh - 92px);padding-bottom:40px;background:linear-gradient(180deg,#03090d85,#03090de0 360px,#050b0f 760px),url(../assets/backgrounds/market-hall.png) top /cover no-repeat}.game-market-page:before,.market-history-page:before,.player-market-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,8,12,.62),transparent 24%,transparent 76%,rgba(2,8,12,.62)),radial-gradient(circle at 50% 24%,transparent 0,rgba(3,9,13,.18) 36%,rgba(3,9,13,.82) 78%);content:"";pointer-events:none}.game-market-page>*,.market-history-page>*,.player-market-page>*{position:relative;z-index:1}.game-market-page .section-nav,.market-history-page .section-nav,.player-market-page .section-nav{border-color:#87e0eb24;background:#040e14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-market-page .market-view-header,.market-history-page .market-view-header,.player-market-page .market-view-header{min-height:158px;align-items:center;padding:22px clamp(0px,2vw,28px);text-shadow:0 2px 18px rgba(0,0,0,.82)}.game-market-page .market-view-header h1,.market-history-page .market-view-header h1,.player-market-page .market-view-header h1{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.025em}.game-market-page .market-view-header .muted,.market-history-page .market-view-header .muted,.player-market-page .market-view-header .muted{max-width:680px;color:#c2d1d5}.game-market-page{background-position:34% top}.player-market-page{background-position:68% top}.market-history-page{background-position:top}.market-view-header{align-items:end}.ledger-settlement strong,.market-credit-balance,.market-mode-bar .text-link,.market-view-header .button-link,.player-listing-price strong{display:inline-flex;gap:7px;align-items:center}.market-credit-balance{border:1px solid rgba(245,190,71,.25);border-radius:8px;padding:9px 12px;color:#f3cf77;background:#1e190cd1;box-shadow:0 14px 30px #0000004d,inset 0 1px #ffe0940f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;font-weight:900;white-space:nowrap}.market-mode-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid rgba(98,207,222,.16);border-radius:9px;padding:8px 10px;background:#05131ae0;box-shadow:0 14px 34px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.market-mode-bar .text-link{min-height:44px;justify-content:flex-end}.market-action-tabs,.market-mode-tabs{display:inline-flex;gap:4px;border:1px solid var(--app-border);border-radius:8px;padding:3px;background:#01080c85}.market-action-tabs button,.market-mode-tabs button{display:inline-flex;min-height:40px;gap:7px;align-items:center;border-color:transparent;padding:6px 11px;color:var(--app-muted);background:transparent}.market-action-tabs button.active,.market-mode-tabs button.active{color:#e9fbff;background:#25d7f21f}.market-filter-strip{display:grid;grid-template-columns:auto repeat(2,minmax(160px,230px)) minmax(0,1fr);gap:9px;align-items:end;border:1px solid rgba(103,202,216,.14);border-radius:9px;margin-top:14px;padding:11px 13px;background:linear-gradient(90deg,#061921eb,#051117d1);box-shadow:0 14px 34px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.market-filter-strip>svg{align-self:center;color:var(--app-muted)}.market-filter-strip label,.market-history-toolbar label,.player-listing-form label,.player-market-advanced-filters label,.player-market-primary-filters label{display:grid;gap:5px}.market-filter-strip>.pill{align-self:center;justify-self:end}.game-market-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.42fr);gap:12px;align-items:start;margin-top:14px}.market-activity-section,.market-catalogue,.market-history-toolbar,.market-transaction-desk,.player-market-search{min-width:0;border:1px solid rgba(102,204,219,.18);border-radius:11px;padding:16px;background:linear-gradient(180deg,#071921eb,#040e13f7);box-shadow:0 22px 48px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.game-market-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;min-height:98px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:5px 5px 11px 11px;padding:8px;color:var(--app-text);text-align:left;background:linear-gradient(135deg,#102b34eb,#051117fa);box-shadow:0 12px 26px #00000042,inset 0 1px #ffffff0a;transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.game-market-card.selected,.game-market-card:hover{border-color:#25d7f27a;background:linear-gradient(135deg,#153640f5,#06161cfa);transform:translateY(-2px)}.game-market-card.blocked{opacity:.68}.game-market-card>.item-artwork{width:68px}.game-market-card-copy{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:start}.game-market-card-copy>span:first-child{display:grid;min-width:0;gap:2px}.game-market-card-copy small,.game-market-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-market-card-copy small{color:var(--app-muted);font-size:.65rem}.market-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:4px}.market-card-metrics>span{display:grid;gap:1px;border-left:1px solid var(--app-border);padding-left:7px}.market-card-metrics strong{font-size:.82rem}.market-transaction-desk{position:sticky;top:78px;overflow:hidden;border-color:#47d6e952;background:radial-gradient(circle at 20% 12%,rgba(37,215,242,.1),transparent 30%),linear-gradient(180deg,#09232cf5,#041117fa);box-shadow:0 24px 50px #0000005c,inset 0 2px var(--app-cyan)}.valuation-desk{border-color:#f5be474d;background:radial-gradient(circle at 20% 12%,rgba(245,190,71,.1),transparent 30%),linear-gradient(180deg,#241d0ff5,#100e09fa);box-shadow:0 24px 50px #0000005c,inset 0 2px #f3b83f}.market-desk-heading,.player-market-search-heading{display:flex;gap:10px;align-items:center;justify-content:space-between}.market-desk-heading>div:last-child{min-width:0;flex:1}.market-desk-heading h2,.player-market-search-heading h2{margin:2px 0 0}.market-desk-icon,.market-history-icon,.player-market-overview-icon,.player-market-seller-icon{display:grid;width:40px;aspect-ratio:1;flex:0 0 auto;place-items:center;border:1px solid rgba(37,215,242,.25);border-radius:8px;color:var(--app-cyan);background:#25d7f214}.valuation-desk .market-desk-icon{border-color:#f5be4747;color:#f3b83f;background:#f5be4714}.market-action-tabs{display:flex;margin-top:14px}.market-action-tabs button{flex:1;justify-content:center}.market-desk-empty,.player-market-empty{display:flex;gap:11px;align-items:center;border:1px dashed hsla(0,0%,100%,.17);border-radius:8px;margin-top:14px;padding:18px;color:var(--app-muted);background:#ffffff05}.market-desk-empty.compact{padding:13px}.market-desk-empty p,.player-market-empty h2,.player-market-empty p{margin:0}.player-market-empty>div{display:grid;gap:4px}.market-selected-resource{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;border-block:1px solid var(--app-border);margin-top:14px;padding:14px 0}.market-selected-resource .item-artwork{width:68px}.market-selected-resource>div{display:grid;min-width:0;gap:3px}.market-selected-resource h3{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.market-selected-resource .pill{width:-moz-fit-content;width:fit-content}.market-quantity-field{display:grid;gap:5px;margin-top:13px}.market-transaction-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0 0}.market-transaction-preview>div{display:grid;gap:3px;border-left:1px solid var(--app-border);padding-left:8px}.market-transaction-preview dt{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.market-transaction-preview dd{margin:0;font-size:1.05rem;font-weight:900}.market-primary-action{display:flex;width:100%;gap:7px;align-items:center;justify-content:center;margin-top:14px}.market-recipe-valuation{display:grid;border:1px solid var(--app-border);border-radius:8px;margin-top:13px;overflow:hidden}.market-buyback-line,.market-valuation-heading,.market-valuation-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 10px}.market-valuation-heading{background:#ffffff0d;font-weight:900}.market-buyback-line,.market-valuation-row{border-top:1px solid var(--app-border);font-size:.76rem}.market-valuation-row small{color:var(--app-muted)}.market-buyback-line{color:#f3cf77}.market-blocked-reason{display:flex;gap:7px;align-items:start;margin:12px 0 0;color:#f0a2a6;font-size:.74rem}.market-activity-section{margin-top:18px}@media(max-width:700px){.game-market-page,.market-history-page,.player-market-page{border-inline:0;margin-inline:-16px;padding:16px;background:linear-gradient(180deg,#03090d94,#03090df5 460px),url(../assets/backgrounds/market-hall.png) top /auto 700px no-repeat}.game-market-page .market-view-header,.market-history-page .market-view-header,.player-market-page .market-view-header{min-height:126px;padding-inline:0}}@media(prefers-reduced-motion:reduce){.game-market-card{transition:none}}.market-activity-list{display:grid;gap:0;margin-top:10px}.market-activity-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--app-border);padding:9px 2px}.market-activity-list article:first-child{border-top:0}.market-activity-list article>div{display:grid;min-width:0;gap:2px}.market-activity-list small{overflow:hidden;color:var(--app-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.ledger-direction-icon,.market-activity-icon{display:grid;width:32px;aspect-ratio:1;place-items:center;border-radius:7px}.ledger-direction-icon.purchase,.market-activity-icon.buy{color:var(--app-cyan);background:#25d7f217}.ledger-direction-icon.sale,.market-activity-icon.sell{color:#5ee193;background:#5ee19317}.player-market-overview{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr);gap:18px;align-items:center;border:1px solid rgba(245,190,71,.23);border-radius:10px;padding:18px 20px;background:linear-gradient(90deg,#2a1f0fe6,#0b181de0);box-shadow:0 20px 46px #0000004f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.player-market-overview:before{position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,#f3b83f,transparent);content:""}.player-market-page .player-market-overview-icon,.player-market-page .player-market-seller-icon{border-color:#f5be474d;color:#f3cf77;background:#f5be4717}.market-history-toolbar>div,.player-market-overview>div{display:flex;gap:10px;align-items:center}.market-history-toolbar>div>span:last-child,.player-market-overview>div>span:last-child{display:grid;gap:2px}.market-history-toolbar small,.player-market-overview small{color:var(--app-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.player-market-overview dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.player-market-overview dl>div{display:grid;gap:3px;border-left:1px solid var(--app-border);padding-left:14px}.player-market-overview dt{color:var(--app-muted);font-size:.63rem;font-weight:800;text-transform:uppercase}.player-market-overview dd{margin:0;font-size:1.25rem;font-weight:900}.player-market-overview dd small{margin-left:2px;font-size:.65rem}.player-market-seller{border:1px solid var(--app-border);border-radius:10px;margin-top:14px;background:linear-gradient(90deg,#1d180feb,#061217f0);box-shadow:0 16px 36px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-market-seller>summary{display:grid;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 14px;list-style:none}.player-market-advanced-filters>summary::-webkit-details-marker,.player-market-seller>summary::-webkit-details-marker{display:none}.player-market-seller>summary>span:nth-child(2){display:grid;gap:2px}.player-market-seller>summary small{color:var(--app-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}.player-market-advanced-filters[open]>summary>svg:last-child,.player-market-seller[open]>summary>svg{transform:rotate(180deg)}.player-market-seller-body{border-top:1px solid var(--app-border);padding:14px}.player-market-seller-body>p:first-child{margin:0 0 12px;color:var(--app-muted)}.player-listing-form{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(220px,1.5fr) minmax(100px,.5fr) auto;gap:8px;align-items:end}.market-pagination button,.player-listing-form button,.player-listing-price button{display:inline-flex;gap:6px;align-items:center;justify-content:center}.player-market-search{margin-top:14px;border-color:#f5be472b;background:linear-gradient(180deg,#191711eb,#051015f7)}.player-market-primary-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.player-market-advanced-filters{border-top:1px solid var(--app-border);margin-top:12px;padding-top:10px}.player-market-advanced-filters>summary{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;gap:7px;align-items:center;color:var(--app-muted);font-size:.72rem;font-weight:800;list-style:none}.player-market-advanced-filters>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.player-listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.player-listing-grid>article{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;min-width:0;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:5px 5px 12px 12px;padding:11px;background:linear-gradient(135deg,#1f1b13f0,#061116fa);box-shadow:0 16px 34px #00000047}.player-listing-grid>article.own{background:#25d7f20f}.player-listing-art{position:relative}.player-listing-art .item-artwork{width:92px}.player-listing-art>span{position:absolute;right:2px;bottom:2px;border-radius:4px;padding:3px 5px;color:#dffaff;background:#061116e6;font-size:.56rem;font-weight:900}.player-listing-copy{display:grid;min-width:0;gap:7px}.player-listing-heading{display:flex;gap:7px;align-items:start;justify-content:space-between}.player-listing-heading>div{min-width:0}.player-listing-heading h3{overflow:hidden;margin:2px 0 0;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.player-listing-badges{display:flex;flex-wrap:wrap;gap:5px}.ledger-stats,.player-listing-stats{display:flex;flex-wrap:wrap;gap:12px;margin:0}.ledger-stats>div,.player-listing-stats>div{display:grid;gap:1px}.ledger-stats dt,.player-listing-stats dt{color:var(--app-muted);font-size:.57rem;font-weight:800;text-transform:uppercase}.ledger-stats dd,.player-listing-stats dd{margin:0;font-size:.76rem;font-weight:900}.player-listing-date{color:var(--app-muted);font-size:.63rem}.player-listing-price{display:grid;min-width:116px;gap:8px;justify-items:end}.player-listing-price>small{color:var(--app-muted);font-size:.58rem;font-weight:800;text-transform:uppercase}.player-listing-price>strong{color:#f3cf77;font-size:1.05rem}.market-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:16px}.market-pagination>span{color:var(--app-muted);font-size:.76rem;font-weight:800}.market-history-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;border-color:#f5be4733;background:linear-gradient(90deg,#1f1b12eb,#061319f0);box-shadow:0 18px 40px #00000047;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.market-history-page .market-history-icon{border-color:#f5be4747;color:#f3cf77;background:#f5be4717}.market-history-toolbar label{min-width:220px}.market-ledger-list{display:grid;gap:8px;margin-top:14px}.market-ledger-list article{display:grid;grid-template-columns:auto 68px minmax(180px,1.2fr) minmax(180px,.9fr) minmax(170px,.8fr);gap:11px;align-items:center;border:1px solid hsla(0,0%,100%,.14);border-radius:5px 5px 11px 11px;padding:9px 11px;background:linear-gradient(135deg,#1b1913f0,#051116fa);box-shadow:0 14px 30px #00000040}.market-ledger-list .item-artwork{width:64px}.ledger-item-copy{display:grid;min-width:0;gap:3px}.ledger-item-copy h2{overflow:hidden;margin:0;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.ledger-item-copy>span:last-child{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.ledger-item-copy>span:last-child>small{color:var(--app-muted)}.ledger-settlement{display:grid;gap:4px;justify-items:end;text-align:right}.ledger-settlement small{color:var(--app-muted);font-size:.62rem}.ledger-settlement strong{color:#f3cf77}@media(max-width:1100px){.game-market-workspace{grid-template-columns:1fr}.market-transaction-desk{position:static}.player-listing-grid{grid-template-columns:1fr}.market-ledger-list article{grid-template-columns:auto 60px minmax(0,1fr) auto}.ledger-stats{grid-column:3}.ledger-settlement{grid-row:1/span 2;grid-column:4}}@media(max-width:760px){.market-view-header{align-items:start}.market-history-toolbar,.market-mode-bar{align-items:stretch;flex-direction:column}.market-mode-tabs{display:flex}.market-mode-tabs button{flex:1;justify-content:center}.market-filter-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.market-filter-strip>svg{display:none}.market-filter-strip>.pill{grid-column:1/-1;justify-self:start}.game-market-grid,.player-market-overview{grid-template-columns:1fr}.player-market-overview dl>div:first-child{border-left:0}.player-listing-form,.player-market-advanced-filters>div,.player-market-primary-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-resource-field,.player-listing-form button{grid-column:1/-1}.market-history-toolbar label{min-width:0}}@media(max-width:520px){.market-activity-section,.market-catalogue,.market-history-toolbar,.market-transaction-desk,.player-market-search{padding:13px}.game-market-card{grid-template-columns:60px minmax(0,1fr)}.game-market-card>.item-artwork{width:56px}.player-market-overview dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0}.player-market-overview dl>div:nth-child(3){grid-column:1/-1;border-left:0}.player-market-seller>summary{grid-template-columns:auto minmax(0,1fr) auto}.player-market-seller>summary>.pill{grid-column:1/-1;width:-moz-fit-content;width:fit-content}.player-listing-form,.player-market-advanced-filters>div,.player-market-primary-filters{grid-template-columns:1fr}.player-listing-grid>article{grid-template-columns:76px minmax(0,1fr)}.player-listing-art .item-artwork{width:72px}.player-listing-price{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-items:start;align-items:center;border-top:1px solid var(--app-border);padding-top:9px}.player-listing-price>small{display:none}.player-listing-price button{justify-self:end}.market-ledger-list article{grid-template-columns:auto 54px minmax(0,1fr)}.market-ledger-list .item-artwork{width:50px}.ledger-stats{grid-column:2/-1}.ledger-settlement{grid-row:auto;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-items:start;align-items:center;border-top:1px solid var(--app-border);padding-top:8px;text-align:left}.ledger-settlement strong{justify-self:end}}.profile-history-page,.profile-page,.profile-settings-page,.progression-page{position:relative;isolation:isolate;display:grid;gap:24px;min-height:calc(100dvh - 92px);padding-bottom:40px;background:linear-gradient(180deg,#03090d7a,#03090ddb 380px,#050b0f 780px),url(../assets/backgrounds/profile-chronicle-hall.png) top /cover no-repeat}.profile-history-page:before,.profile-page:before,.profile-settings-page:before,.progression-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,8,12,.58),transparent 23%,transparent 77%,rgba(2,8,12,.58)),radial-gradient(circle at 50% 25%,transparent 0,rgba(3,9,13,.14) 34%,rgba(3,9,13,.82) 78%);content:"";pointer-events:none}.profile-history-page>*,.profile-page>*,.profile-settings-page>*,.progression-page>*{position:relative;z-index:1}.profile-history-page>.section-nav,.profile-page>.section-nav,.profile-settings-page>.section-nav,.progression-page>.section-nav{border-color:#87e0eb24;background:#040e14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-page>.section-nav,.profile-settings-page>.section-nav,.profile-settings-page>.view-header,.progression-page>.section-nav,.progression-page>.view-header{margin-bottom:0}.profile-command-header{position:relative;display:flex;min-height:178px;gap:20px;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid rgba(112,205,218,.18);border-radius:12px;padding:24px 28px;background:radial-gradient(circle at 18% 48%,rgb(37 215 242/9%),transparent 30%),linear-gradient(90deg,#071b23e8,#051016c2);box-shadow:0 24px 54px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-command-header:after{position:absolute;right:18%;bottom:0;left:18%;height:2px;background:linear-gradient(90deg,transparent,#c9a95f,transparent);box-shadow:0 0 20px #c9a95f59;content:""}.profile-identity{display:flex;min-width:0;gap:16px;align-items:center}.profile-avatar,.settings-avatar{display:grid;flex:0 0 auto;width:72px;aspect-ratio:1;place-items:center;border:1px solid rgba(186,230,236,.55);border-radius:50%;color:#e9fbff;background:radial-gradient(circle at 35% 28%,rgba(88,226,242,.35),transparent 38%),linear-gradient(145deg,#153c49,#081820);box-shadow:0 0 0 5px #081820d9,0 0 0 6px #c9a95f59,0 18px 34px #00000061;font-size:1.35rem;font-weight:950}.profile-identity>div{display:grid;min-width:0;gap:4px}.profile-identity h1{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(2rem,4vw,3.25rem)}.profile-identity p{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0;color:var(--app-muted)}.profile-visibility{display:inline-flex;gap:5px;align-items:center;border-left:1px solid var(--app-border);padding-left:9px}.profile-header-actions{display:flex;flex:0 0 auto;gap:8px}.profile-stat-strip,.progression-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:8px;border:1px solid rgba(113,205,217,.18);background:linear-gradient(90deg,#061820eb,#111211e0);box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.profile-stat-strip>div{display:flex;min-width:0;gap:11px;align-items:center;border-right:1px solid var(--app-border);padding:14px 16px}.profile-stat-strip>div:last-child,.progression-stat-strip>article:last-child{border-right:0}.profile-stat-icon,.progression-stat-icon,.settings-section-icon{display:grid;flex:0 0 auto;width:38px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-cyan);background:#25d7ff17}.profile-stat-icon.victories,.progression-stat-icon.quality{color:var(--app-gold);background:#ffc85717}.profile-stat-icon.collection,.progression-stat-icon.items{color:var(--app-green);background:#48dc8517}.profile-stat-strip>div>span:last-child,.progression-stat-strip article>div{display:grid;min-width:0;gap:1px}.profile-stat-strip small,.progression-stat-strip article>div>span,.progression-stat-strip small{color:var(--app-muted);font-size:.67rem;font-weight:800;text-transform:uppercase}.profile-stat-strip strong,.progression-stat-strip strong{font-size:1.22rem}.profile-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:14px}.profile-activity-section,.profile-progress-panel,.profile-record-panel,.progression-collection-section,.progression-command-panel{border:1px solid rgba(109,201,214,.18);border-radius:10px;padding:18px;background:linear-gradient(180deg,#071921eb,#051016f7);box-shadow:0 20px 46px #0000004d;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.profile-activity-section,.profile-progress-panel,.profile-record-panel,.progression-collection-section{display:grid;gap:18px}.profile-record-panel{border-color:#c9a95f38;background:linear-gradient(180deg,#1c1912e8,#081013f7)}.profile-progress-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--app-border);padding-top:14px}.profile-progress-metrics>div{display:grid;gap:3px;border-right:1px solid var(--app-border);padding:0 12px}.profile-progress-metrics>div:first-child{padding-left:0}.profile-progress-metrics>div:last-child{border-right:0}.profile-progress-metrics dt,.progression-item-bonus dt{color:var(--app-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.profile-progress-metrics dd,.progression-item-bonus dd{margin:0;font-weight:900}.profile-progress-metrics dd small{margin-left:3px;color:var(--app-muted)}.profile-win-rate{color:var(--app-green);font-size:1.55rem}.profile-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profile-outcomes>div{display:grid;gap:3px;border-top:2px solid var(--app-border);padding-top:9px}.profile-outcomes>.win{border-color:var(--app-green)}.profile-outcomes>.draw{border-color:var(--app-gold)}.profile-outcomes>.loss{border-color:#ff7d8c}.profile-outcomes span{color:var(--app-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.profile-outcomes strong{font-size:1.25rem}.profile-record-link{justify-self:start}.profile-activity-list{display:grid;gap:6px}.profile-activity-row{display:grid;grid-template-columns:36px minmax(150px,1fr) 80px 130px auto;gap:12px;align-items:center;border-left:1px solid var(--app-border);border:1px solid var(--app-border);border-left-width:3px;border-radius:5px 5px 11px 11px;padding:10px 12px;color:inherit;background:linear-gradient(135deg,#102831eb,#051117fa);box-shadow:0 12px 26px #0000003d;text-decoration:none}.profile-activity-row.outcome-win{border-left-color:var(--app-green)}.profile-activity-row.outcome-draw{border-left-color:var(--app-gold)}.profile-activity-row.outcome-loss{border-left-color:#ff7d8c}.profile-activity-row:hover{border-color:var(--app-cyan)}.profile-outcome-icon{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:6px;background:#ffffff0d}.profile-activity-copy,.profile-activity-metric{display:grid;min-width:0;gap:2px}.profile-activity-copy small,.profile-activity-metric small,.profile-activity-row time{color:var(--app-muted);font-size:.72rem}.profile-activity-row time{text-align:right}.profile-empty-activity{display:grid;justify-items:center;gap:10px;padding:30px;color:var(--app-muted);text-align:center}.progression-command-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:stretch}.progression-command-panel:after{position:absolute;top:0;right:16%;left:16%;height:2px;background:linear-gradient(90deg,transparent,var(--app-cyan),transparent);box-shadow:0 0 18px #25d7f27a;content:""}.progression-rank-block{display:grid;place-content:center;justify-items:center;border:1px solid var(--app-cyan);border-radius:50%/14%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 28px,rgb(37 215 242/9%) 29px 30px),#04141bc7;box-shadow:inset 0 0 32px #00000073,0 14px 28px #0000003d}.progression-rank-block>small,.progression-rank-block>span{color:var(--app-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.progression-rank-block>strong{color:var(--app-cyan);font-size:2.5rem}.progression-command-copy{display:grid;gap:18px;padding:6px 0}.progression-health{display:inline-flex;gap:5px;align-items:center;color:#ff9aac;font-weight:900}.progression-stat-strip>article{display:flex;min-width:0;gap:10px;align-items:center;border-right:1px solid var(--app-border);padding:14px}.progression-stat-strip strong em{color:var(--app-muted);font-size:.7rem;font-style:normal}.progression-list-heading{display:flex;gap:16px;align-items:end;justify-content:space-between}.progression-list-heading>div:first-child{display:grid;gap:4px}.progression-type-filters{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.progression-type-filters button{display:inline-flex;min-height:32px;gap:7px;align-items:center;border:1px solid var(--app-border);border-radius:5px 5px 9px 9px;padding:5px 9px;color:var(--app-muted);background:#06151ceb;font-size:.72rem}.progression-type-filters button.active{border-color:var(--app-cyan);color:var(--app-text);background:#25d7ff17}.progression-type-filters button span{display:grid;min-width:19px;height:19px;place-items:center;border-radius:5px;color:var(--app-text);background:#ffffff12;font-size:.64rem}.progression-page .progression-item-list{gap:7px}.progression-page .progression-item-row{grid-template-columns:72px minmax(0,1fr) 150px;gap:14px;border:1px solid var(--app-border);border-left-width:3px;border-radius:5px 5px 11px 11px;padding:10px 12px;background:linear-gradient(135deg,#102932ed,#051117fa);box-shadow:0 12px 26px #0000003d}.progression-artwork-wrap{position:relative}.progression-page .progression-artwork-wrap .item-artwork{width:68px}.progression-artwork-wrap .pill{position:absolute;right:-4px;bottom:-3px;font-size:.55rem}.progression-item-copy{display:grid;min-width:0;gap:9px}.progression-item-copy .card-heading>div{display:grid;gap:2px}.progression-item-level{color:var(--app-muted);font-size:.74rem;font-weight:800}.progression-page .progression-item-bonus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;justify-items:stretch;margin:0}.progression-item-bonus>div{display:grid;place-content:center;gap:4px;border-left:1px solid var(--app-border);padding-left:12px}.progression-empty{padding:28px;color:var(--app-muted);text-align:center}.progression-formula-details{border:1px solid var(--app-border);border-radius:8px;background:#051218eb;box-shadow:0 14px 32px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.progression-formula-details summary{display:flex;cursor:pointer;gap:16px;align-items:center;justify-content:space-between;padding:14px 16px;list-style:none}.progression-formula-details summary>span{display:inline-flex;gap:8px;align-items:center}.progression-formula-details summary>span:last-child{color:var(--app-muted);font-size:.72rem}.progression-formula-details[open] summary svg:last-child{transform:rotate(180deg)}.progression-formula-details>div{display:grid;gap:10px;border-top:1px solid var(--app-border);padding:14px 16px}.progression-formula-details p{margin:0;color:var(--app-muted)}.progression-formula-details code{overflow-wrap:anywhere;border:1px solid var(--app-border);border-radius:6px;padding:10px;color:#c9ffdb;background:#0000002e}.settings-workspace{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:16px;align-items:start}.settings-account-summary{position:sticky;top:92px;display:grid;gap:16px;border:1px solid rgba(201,169,95,.25);border-radius:11px;padding:18px;background:radial-gradient(circle at 50% 8%,rgba(201,169,95,.1),transparent 28%),linear-gradient(180deg,#1c1912f0,#061116fa);box-shadow:0 22px 50px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-account-summary>div{display:grid;gap:3px}.settings-account-summary h2,.settings-account-summary p{margin:0}.settings-account-summary>div p{color:var(--app-muted)}.settings-account-summary dl{display:grid;gap:0;margin:0;border-top:1px solid var(--app-border)}.settings-account-summary dl>div{display:grid;gap:3px;border-bottom:1px solid var(--app-border);padding:10px 0}.settings-account-summary dt{display:flex;gap:6px;align-items:center;color:var(--app-muted);font-size:.67rem;font-weight:800;text-transform:uppercase}.settings-account-summary dd{margin:0;overflow-wrap:anywhere;font-weight:800}.settings-account-note{display:flex;gap:7px;align-items:flex-start;color:var(--app-muted);font-size:.7rem}.settings-account-note svg{flex:0 0 auto;color:var(--app-green)}.settings-preference-stack{display:grid;gap:10px}.settings-preference-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;border:1px solid rgba(108,200,213,.17);border-radius:6px 6px 11px 11px;padding:16px;background:linear-gradient(135deg,#081b23f0,#051016fa);box-shadow:0 16px 36px #00000045;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.settings-section-icon{width:42px}.settings-section-content{display:grid;min-width:0;gap:16px}.profile-settings-page .settings-section-heading{grid-template-columns:minmax(200px,.45fr) minmax(0,1fr)}.settings-mute-toggle{border-bottom:1px solid var(--app-border);padding-bottom:13px}.profile-settings-page .settings-save-bar{grid-column:2;bottom:10px}.profile-history-page .battle-history-header{min-height:154px;align-items:center;padding:22px clamp(0px,2vw,28px);text-shadow:0 2px 18px rgba(0,0,0,.82)}.profile-history-page .battle-history-header h1,.profile-settings-page .settings-header h1,.progression-page .progression-header h1{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.025em}.profile-settings-page .settings-header,.progression-page .progression-header{min-height:154px;align-items:center;padding:22px clamp(0px,2vw,28px);text-shadow:0 2px 18px rgba(0,0,0,.82)}.profile-history-page .battle-history-browser,.profile-history-page .battle-history-overview{border-color:#6dc9d62e;background:linear-gradient(180deg,#071921eb,#051016f7);box-shadow:0 20px 46px #0000004a;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.profile-history-page .battle-history-card{background:linear-gradient(135deg,#102831f0,#051117fa);box-shadow:0 12px 26px #0000003d}.profile-settings-page .settings-save-bar button{display:inline-flex;gap:7px;align-items:center}@media(max-width:900px){.profile-dashboard-grid,.settings-workspace{grid-template-columns:1fr}.settings-account-summary{position:static;grid-template-columns:auto minmax(0,1fr)}.settings-account-note,.settings-account-summary dl{grid-column:1/-1}.settings-account-summary dl{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-account-summary dl>div{border-right:1px solid var(--app-border);padding:10px}.settings-account-summary dl>div:last-child{border-right:0}.profile-settings-page .settings-save-bar{grid-column:1}}@media(max-width:700px){.profile-history-page,.profile-page,.profile-settings-page,.progression-page{border-inline:0;margin-inline:-16px;padding:16px;background:linear-gradient(180deg,#03090d8c,#03090df5 470px),url(../assets/backgrounds/profile-chronicle-hall.png) top /auto 700px no-repeat}.profile-command-header{min-height:150px;padding:18px}.profile-history-page .battle-history-header,.profile-settings-page .settings-header,.progression-page .progression-header{min-height:124px;padding-inline:0}.profile-command-header,.progression-list-heading{align-items:stretch;flex-direction:column}.profile-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-header-actions>*{justify-content:center}.profile-stat-strip,.progression-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat-strip>div:nth-child(2),.progression-stat-strip>article:nth-child(2){border-right:0}.profile-stat-strip>div:nth-child(-n+2),.progression-stat-strip>article:nth-child(-n+2){border-bottom:1px solid var(--app-border)}.progression-command-panel{grid-template-columns:90px minmax(0,1fr)}.progression-type-filters{justify-content:flex-start}.profile-activity-row{grid-template-columns:36px minmax(0,1fr) auto}.profile-activity-metric,.profile-activity-row time{display:none}.progression-page .progression-item-row{grid-template-columns:58px minmax(0,1fr)}.progression-page .progression-artwork-wrap .item-artwork{width:54px}.progression-page .progression-item-bonus{grid-column:2}.progression-item-bonus>div:first-child{border-left:0;padding-left:0}.profile-settings-page .settings-field-grid,.profile-settings-page .settings-section-heading{grid-template-columns:1fr}}@media(max-width:500px){.profile-avatar{width:58px}.profile-identity h1{font-size:1.55rem}.profile-header-actions,.profile-progress-metrics,.settings-account-summary dl{grid-template-columns:1fr}.profile-progress-metrics>div,.profile-progress-metrics>div:first-child{border-right:0;border-bottom:1px solid var(--app-border);padding:9px 0}.profile-progress-metrics>div:last-child{border-bottom:0}.profile-outcomes{gap:4px}.progression-command-panel{grid-template-columns:1fr}.progression-rank-block{grid-template-columns:auto auto auto;gap:9px;padding:10px}.progression-rank-block>strong{font-size:1.7rem}.progression-page .progression-item-row{grid-template-columns:1fr}.progression-artwork-wrap{width:58px}.progression-page .progression-item-bonus{grid-column:1}.settings-account-summary{grid-template-columns:1fr}.settings-account-note,.settings-account-summary dl{grid-column:1}.settings-account-summary dl>div{border-right:0;padding:10px 0}.settings-preference-section{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.profile-activity-row,.progression-type-filters button{transition:none}}@media(max-width:760px){.battle-hub-page :is(button,.button-link),.campaign-page :is(button,.button-link),.live-battle-page :is(button,.button-link),.pvp-flow-page :is(button,.button-link),.pvp-hub-page :is(button,.button-link){min-height:44px}.app-hub-page.forge-hub-page :is(button,.button-link,input,select),.forge-craft-page :is(button,.button-link,input,select),.forge-page :is(button,.button-link,input,select),.forge-quality-page :is(button,.button-link,input,select),.forge-socket-page :is(button,.button-link,input,select){min-height:44px}.app-hub-page.inventory-hub-page :is(button,.button-link,input,select),.equipment-page :is(button,.button-link,input,select),.inventory-items-page :is(button,.button-link,input,select),.inventory-materials-page :is(button,.button-link,input,select),.loadouts-page :is(button,.button-link,input,select){min-height:44px}.equipment-page .icon-button{min-width:44px}.app-hub-page.market-hub-page :is(button,.button-link,input,select,summary),.game-market-page :is(button,.button-link,input,select,summary),.market-history-page :is(button,.button-link,input,select,summary),.player-market-page :is(button,.button-link,input,select,summary){min-height:44px}.home-shell :is(button,.button-link,.text-link,input,select,summary),.profile-history-page :is(button,.button-link,.text-link,input,select,summary),.profile-page :is(button,.button-link,.text-link,input,select,summary),.profile-settings-page :is(button,.button-link,.text-link,input:not([type=checkbox]),select,summary),.progression-page :is(button,.button-link,.text-link,input,select,summary),.section-nav a{min-height:44px}.home-shell .text-link,.profile-history-page .text-link,.profile-page .text-link,.profile-settings-page .text-link,.progression-page .text-link,.section-nav a{display:inline-flex;align-items:center}.profile-history-page .battle-history-new-match,.profile-settings-page .settings-toggle-row,.profile-settings-page input[type=range]{min-height:44px}.auth-page :is(button,.button-link,input,select){min-height:44px}}.app-hub-page{display:grid;gap:24px}.app-hub-page>.section-nav,.app-hub-page>.view-header{margin-bottom:0}.app-hub-header{align-items:center}.hub-balance-panel,.hub-resource-link{display:grid;grid-template-columns:40px minmax(150px,1fr) auto;min-width:250px;gap:10px;align-items:center;border:1px solid var(--app-border);border-radius:8px;padding:10px 12px;color:inherit;background:var(--app-surface);text-decoration:none}.hub-balance-panel{grid-template-columns:40px minmax(150px,1fr)}.hub-balance-icon,.hub-resource-link>svg:first-child{display:grid;width:40px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-cyan);background:var(--app-cyan-soft)}.hub-resource-link.ready>svg:first-child{color:var(--app-green);background:#48dc8517}.hub-balance-icon,.hub-resource-link.attention>svg:first-child{color:var(--app-gold);background:#ffd16617}.hub-balance-panel>span:last-child,.hub-resource-link>span{display:grid;min-width:0;gap:2px}.hub-balance-panel small,.hub-resource-link small{color:var(--app-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.hub-balance-panel strong,.hub-resource-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface)}.hub-stat-strip>a{display:flex;min-width:0;gap:11px;align-items:center;border-right:1px solid var(--app-border);padding:14px;color:inherit;text-decoration:none}.hub-stat-strip>a:last-child{border-right:0}.hub-stat-strip>a:hover{background:#25d7f20d}.hub-stat-strip>a.attention{background:#ffd1660d}.hub-stat-icon{display:grid;flex:0 0 auto;width:38px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-cyan);background:var(--app-cyan-soft)}.hub-stat-icon.capacity,.hub-stat-icon.credits,.hub-stat-icon.rewards,.hub-stat-icon.victories{color:var(--app-gold);background:#ffd16617}.hub-stat-icon.buyback,.hub-stat-icon.equipped,.hub-stat-icon.ready{color:var(--app-green);background:#48dc8517}.hub-stat-strip>a>span:last-child{display:grid;min-width:0;gap:1px}.hub-stat-strip em,.hub-stat-strip small{overflow:hidden;color:var(--app-muted);font-size:.65rem;font-style:normal;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hub-stat-strip strong{font-size:1.2rem}.hub-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hub-workflow-card{position:relative;display:grid;min-width:0;grid-template-rows:auto auto auto auto minmax(58px,1fr) auto auto;gap:8px;overflow:hidden;border:1px solid var(--app-border);border-radius:8px;padding:18px;color:inherit;background:var(--app-surface);text-decoration:none}.hub-workflow-card:before,.market-hub-destination:before{position:absolute;top:0;right:0;left:0;height:3px;background:var(--app-border-strong);content:""}.hub-workflow-card.primary:before,.hub-workflow-card:hover:before{background:var(--app-cyan)}.hub-workflow-card:hover,.market-hub-destination:hover{border-color:var(--app-border-strong);background:var(--app-raised)}.hub-workflow-number{justify-self:end;color:var(--app-muted);font-family:ui-monospace,monospace;font-size:.68rem;font-weight:800}.hub-workflow-icon,.market-destination-icon{display:grid;width:54px;aspect-ratio:1;place-items:center;border-radius:8px;color:var(--app-cyan);background:var(--app-cyan-soft)}.hub-workflow-card:nth-child(2) .hub-workflow-icon{color:#b2a7ff;background:#b2a7ff1a}.hub-workflow-card:nth-child(3) .hub-workflow-icon{color:var(--app-gold);background:#ffd16617}.hub-workflow-card h2,.hub-workflow-card p,.market-hub-destination h2,.market-hub-destination p{margin:0}.hub-workflow-card p,.market-hub-destination p{color:var(--app-muted);line-height:1.45}.hub-workflow-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--app-border);padding-top:12px}.hub-workflow-card dl>div{display:grid;gap:2px;border-right:1px solid var(--app-border);padding:0 10px}.hub-workflow-card dl>div:first-child{padding-left:0}.hub-workflow-card dl>div:last-child{border-right:0}.hub-workflow-card dt{color:var(--app-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.hub-workflow-card dd{margin:0;font-size:1.1rem;font-weight:900}.hub-workflow-action{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid var(--app-border);padding-top:12px;color:var(--app-cyan);font-weight:900}.hub-guidance-bar{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--app-border);border-radius:8px;padding:13px 15px;background:var(--app-surface)}.hub-guidance-icon{display:grid;width:40px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-gold);background:#ffd16617}.hub-guidance-bar>span:nth-child(2){display:grid;gap:2px}.hub-guidance-bar small{color:var(--app-muted)}.inventory-hub-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.inventory-hub-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100dvh - 92px);border:1px solid rgba(98,211,225,.14);border-radius:12px;padding:20px;background:linear-gradient(180deg,#030a0f85,#03090dd4 440px,#050b0f 780px),url(../assets/backgrounds/inventory-vault.png) top /cover no-repeat;box-shadow:inset 0 0 90px #0000006b}.inventory-hub-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,8,12,.6),transparent 24%,transparent 76%,rgba(2,8,12,.6)),radial-gradient(circle at 50% 24%,transparent 0,rgba(4,11,15,.18) 36%,rgba(4,11,15,.8) 76%);content:"";pointer-events:none}.inventory-hub-page>*{position:relative;z-index:1}.inventory-hub-page .section-nav{border-color:#87e0eb26;background:#040e14ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.inventory-hub-page .app-hub-header{min-height:166px;padding:24px 18px;text-shadow:0 2px 18px rgba(0,0,0,.82)}.inventory-hub-page .app-hub-header h1{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.025em}.inventory-hub-page .app-hub-header .muted{max-width:640px;color:#c2d1d5}.inventory-hub-page .hub-resource-link{border-color:#65dae83d;background:#05151cd1;box-shadow:0 18px 36px #0000004d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.inventory-hub-page .hub-stat-strip{border-color:#6bd5e333;background:linear-gradient(90deg,#071b24f0,#051219e0);box-shadow:0 18px 42px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.inventory-hub-page .inventory-hub-collection,.inventory-hub-page .inventory-readiness-panel{border-color:#67d3e12e;border-radius:10px;background:linear-gradient(180deg,#081c25eb,#051016f5);box-shadow:0 24px 54px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.inventory-hub-page .inventory-hub-collection{position:relative;overflow:hidden}.inventory-hub-page .inventory-hub-collection:before{position:absolute;top:0;right:18%;left:18%;height:2px;background:linear-gradient(90deg,transparent,var(--app-cyan),transparent);box-shadow:0 0 18px #25d7f27a;content:""}.inventory-hub-page .inventory-category-grid>a{min-height:84px;border-color:#76d0dc29;border-radius:5px 5px 11px 11px;background:linear-gradient(135deg,#122e38eb,#061319f5);box-shadow:0 12px 24px #0000003d;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.inventory-hub-page .inventory-category-grid>a:hover{background:linear-gradient(135deg,#173944f2,#07171efa);transform:translateY(-2px)}.inventory-hub-page .inventory-readiness-panel{border-top-color:#52e19747}.inventory-hub-page .inventory-active-loadout{background:radial-gradient(circle at 12% 50%,rgba(37,215,242,.1),transparent 26%),#07181fdb}.inventory-hub-page .hub-quick-links>a{border-color:#6ed1de29;background:#05131ae6;box-shadow:0 14px 30px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.inventory-hub-collection,.inventory-readiness-panel,.market-hub-activity{display:grid;gap:16px;border:1px solid var(--app-border);border-radius:8px;padding:18px;background:var(--app-surface)}.inventory-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inventory-category-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--app-border);border-radius:7px;padding:11px;color:inherit;background:var(--app-raised);text-decoration:none}.inventory-category-grid>a:hover{border-color:var(--app-cyan)}.inventory-category-icon{display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:7px;color:var(--app-cyan);background:var(--app-cyan-soft)}.inventory-category-icon.gem{color:#b2a7ff;background:#b2a7ff1a}.inventory-category-icon.monster{color:var(--app-green);background:#48dc8517}.inventory-category-icon.spell{color:var(--app-gold);background:#ffd16617}.inventory-category-grid>a>span:nth-child(2){display:grid;gap:2px}.inventory-active-loadout em,.inventory-active-loadout small,.inventory-category-grid small{color:var(--app-muted);font-size:.68rem;font-style:normal;font-weight:800;text-transform:uppercase}.inventory-category-grid strong{font-size:1.15rem}.inventory-active-loadout{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;border:1px solid var(--app-border);border-radius:7px;padding:12px;background:var(--app-raised)}.inventory-active-loadout>span:last-child{display:grid;gap:2px}.inventory-active-loadout.empty>svg{color:var(--app-gold)}.inventory-combat-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}.inventory-combat-summary>div{display:grid;gap:3px;border-right:1px solid var(--app-border);padding:0 10px}.inventory-combat-summary>div:first-child{padding-left:0}.inventory-combat-summary>div:last-child{border-right:0}.inventory-combat-summary dt{color:var(--app-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}.inventory-combat-summary dd{margin:0;font-size:1.15rem;font-weight:900}.hub-panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hub-panel-actions>*{justify-content:center}.hub-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-quick-links>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--app-border);border-radius:8px;padding:12px 14px;color:inherit;background:var(--app-surface);text-decoration:none}.hub-quick-links>a>svg:first-child{box-sizing:content-box;border-radius:7px;padding:10px;color:var(--app-cyan);background:var(--app-cyan-soft)}.hub-quick-links>a>span{display:grid;gap:2px}.hub-quick-links small{color:var(--app-muted)}.market-hub-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-hub-page{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100dvh - 92px);border:1px solid rgba(111,204,217,.14);border-radius:12px;padding:20px;background:linear-gradient(180deg,#03090d6b,#03090dbf 440px,#050b0f 820px),url(../assets/backgrounds/market-hall.png) top /cover no-repeat;box-shadow:inset 0 0 100px #00000061}.market-hub-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,12,17,.54),transparent 34%,transparent 66%,rgba(18,12,5,.52)),radial-gradient(circle at 50% 24%,transparent 0,rgba(3,9,13,.1) 38%,rgba(3,9,13,.78) 80%);content:"";pointer-events:none}.market-hub-page>*{position:relative;z-index:1}.market-hub-page .section-nav{border-color:#87e0eb24;background:#040e14ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.market-hub-page .app-hub-header{min-height:166px;padding:24px 18px;text-shadow:0 2px 18px rgba(0,0,0,.82)}.market-hub-page .app-hub-header h1{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.025em}.market-hub-page .app-hub-header .muted{max-width:640px;color:#c2d1d5}.market-hub-page .hub-balance-panel,.market-hub-page .hub-stat-strip{border-color:#7dd3de2e;background:#05141bdb;box-shadow:0 18px 40px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.market-hub-destination{position:relative;display:grid;grid-template-rows:auto auto auto minmax(60px,1fr) auto auto;gap:9px;overflow:hidden;min-height:360px;border:1px solid rgba(122,208,219,.18);border-radius:7px 7px 14px 14px;padding:24px;color:inherit;box-shadow:0 24px 54px #00000059;text-shadow:0 2px 12px rgba(0,0,0,.75);text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.market-hub-destination.game-economy{background:linear-gradient(135deg,#051e28b8,#030f15eb),url(../assets/backgrounds/market-hall.png) 0 /185% auto}.market-hub-destination.player-economy{border-color:#f5be4733;background:linear-gradient(225deg,#2d1d0aa3,#0d0e0eeb),url(../assets/backgrounds/market-hall.png) 100% /185% auto}.market-hub-destination:hover{transform:translateY(-3px)}.market-hub-destination.game-economy:hover{border-color:#44d9ee7a;box-shadow:0 28px 62px #0000006b,0 0 30px #25d7f212}.market-hub-destination.player-economy:hover{border-color:#f5be477a;box-shadow:0 28px 62px #0000006b,0 0 30px #f5be4712}.market-hub-destination.game-economy:before{background:var(--app-gold)}.market-hub-destination.player-economy:before{background:#f3b83f}.game-economy .market-destination-icon{color:var(--app-gold);background:#ffd16617}.player-economy .market-destination-icon{color:#f3cf77;background:#f5be471a}.market-hub-page .market-hub-activity{border-color:#70c8d429;background:linear-gradient(90deg,#05171ef0,#14120deb);box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.market-hub-page .market-hub-activity .text-link{min-height:44px;align-items:center}.market-hub-destination ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.market-hub-destination li{display:flex;gap:7px;align-items:center;color:var(--app-muted);font-size:.76rem}.market-hub-destination li svg{color:var(--app-green)}.market-hub-transaction-list{display:grid;gap:6px}.market-hub-transaction-list article{display:grid;grid-template-columns:36px minmax(0,1fr) 80px 90px;gap:11px;align-items:center;border:1px solid var(--app-border);border-radius:7px;padding:9px 11px;background:var(--app-raised)}.market-transaction-direction{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:6px}.market-transaction-direction.buy{color:var(--app-cyan);background:var(--app-cyan-soft)}.market-transaction-direction.sell{color:var(--app-green);background:#48dc8517}.market-hub-transaction-list article>span:nth-child(2),.market-hub-transaction-list article>span:nth-child(3){display:grid;gap:2px}.market-hub-empty small,.market-hub-transaction-list small{color:var(--app-muted);font-size:.7rem}.market-hub-transaction-list article>strong{text-align:right}.market-hub-empty{display:flex;gap:11px;align-items:center;justify-content:center;padding:26px;color:var(--app-muted)}.market-hub-empty>span{display:grid;gap:2px}.forge-hub-page{position:relative;isolation:isolate;gap:18px;overflow:hidden;border:1px solid rgba(219,165,82,.16);border-radius:var(--app-corner-scene);padding:18px;background:linear-gradient(180deg,#04090d9e,#04090deb 74%),url(../assets/backgrounds/forge-workshop.png) center 44% /cover;box-shadow:var(--app-shadow-depth),inset 0 1px #ffe0a917}.forge-hub-page:after,.forge-hub-page:before{position:absolute;z-index:-1;pointer-events:none;content:""}.forge-hub-page:before{inset:0;background:radial-gradient(circle at 70% 46%,rgba(235,126,48,.11),transparent 28rem),radial-gradient(circle at 24% 43%,rgb(46 190 225/8%),transparent 25rem)}.forge-hub-page:after{right:0;bottom:0;left:0;height:42%;background:linear-gradient(180deg,transparent,rgba(2,6,9,.82))}.forge-hub-page>*{position:relative;z-index:1}.forge-hub-page .section-nav{width:-moz-fit-content;width:fit-content;border:1px solid rgba(212,169,100,.18);border-radius:var(--app-corner-control);padding:4px;background:#030a0eb8;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forge-hub-page .section-nav a{min-height:44px;border-bottom:0;border-radius:calc(var(--app-corner-control) - 2px);padding-inline:15px}.forge-hub-page .section-nav a.active{color:#ffe1a5;background:linear-gradient(180deg,#f5b83f29,#f5b83f0d);box-shadow:inset 0 -2px #f3b83f}.forge-hub-page .app-hub-header{min-height:126px;align-items:end;padding:8px 4px 2px}.forge-hub-page .app-hub-header h1{color:#fff2d4;text-shadow:0 3px 24px rgba(0,0,0,.72)}.forge-hub-page .app-hub-header .muted{max-width:680px;color:#b9c2c3}.forge-hub-page .hub-resource-link{border-color:#f2bb5747;background:#080e11c7;box-shadow:0 12px 30px #00000040,var(--app-shadow-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forge-hub-page .hub-resource-link>svg:first-child{color:#f1bd5a;background:#f1bd5a1a}.forge-hub-page .hub-stat-strip{border-color:#ddb16a2e;background:#040c10c7;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forge-hub-page .hub-stat-strip>a{min-height:68px;border-color:#ddb16a24;padding-block:10px}.forge-hub-page .hub-stat-strip em{font-size:.58rem}.forge-workflow-grid{gap:14px}.forge-hub-page .hub-workflow-card{min-height:338px;grid-template-rows:auto auto auto auto minmax(58px,1fr) auto auto;border-color:rgb(var(--forge-accent,245 184 63)/25%);border-radius:var(--app-corner-panel);padding:20px;background:linear-gradient(180deg,rgb(var(--forge-accent,245 184 63)/8%),transparent 38%),linear-gradient(0deg,#040b0efa 0 47%,#040b0e87 77%),url(../assets/backgrounds/forge-workshop.png) var(--forge-position,center) /cover;box-shadow:0 18px 42px #00000054,inset 0 1px #ffffff14}.forge-hub-page .hub-workflow-card:first-child{--forge-accent:245 184 63;--forge-position:59% center}.forge-hub-page .hub-workflow-card:nth-child(2){--forge-accent:63 194 230;--forge-position:30% center}.forge-hub-page .hub-workflow-card:nth-child(3){--forge-accent:91 215 144;--forge-position:78% center}.forge-hub-page .hub-workflow-card:before{height:2px;background:rgb(var(--forge-accent)/72%);box-shadow:0 0 18px rgb(var(--forge-accent)/28%)}.forge-hub-page .hub-workflow-card:focus-visible,.forge-hub-page .hub-workflow-card:hover{border-color:rgb(var(--forge-accent)/60%);background:linear-gradient(180deg,rgb(var(--forge-accent)/13%),transparent 42%),linear-gradient(0deg,#040b0efa 0 47%,#040b0e6e 77%),url(../assets/backgrounds/forge-workshop.png) var(--forge-position) /cover}.forge-hub-page .hub-workflow-icon{width:64px;border:1px solid rgb(var(--forge-accent)/22%);color:rgb(var(--forge-accent));background:#03090c9e;box-shadow:0 0 28px rgb(var(--forge-accent)/10%)}.forge-hub-page .hub-workflow-card h2{color:#fff2d4;font-size:clamp(1.45rem,2vw,1.9rem)}.forge-hub-page .hub-workflow-card p{max-width:34ch;color:#b6c0c0}.forge-hub-page .hub-workflow-action,.forge-hub-page .hub-workflow-card dl{border-color:rgb(var(--forge-accent)/17%)}.forge-hub-page .hub-workflow-action{color:rgb(var(--forge-accent))}.forge-hub-page .hub-guidance-bar{border-color:#e2b46833;background:#050c0fdb;box-shadow:var(--app-shadow-inset);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forge-hub-page .hub-guidance-bar .button-link{min-height:44px}@media(max-width:900px){.hub-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-stat-strip>a:nth-child(2){border-right:0}.hub-stat-strip>a:nth-child(-n+2){border-bottom:1px solid var(--app-border)}.hub-workflow-grid{grid-template-columns:1fr}.hub-workflow-card{grid-template-rows:auto}.forge-hub-page .hub-workflow-card{min-height:280px}.inventory-hub-layout{grid-template-columns:1fr}}@media(max-width:700px){.app-hub-header{grid-template-columns:1fr}.forge-hub-page{background:linear-gradient(180deg,#04090dad,#04090df5 62%),url(../assets/backgrounds/forge-workshop.png) 57% top /auto 720px no-repeat}.forge-hub-page,.inventory-hub-page{border-inline:0;border-radius:0;margin-inline:-16px;padding:16px}.inventory-hub-page{background:linear-gradient(180deg,#030a0f94,#03090df2 470px),url(../assets/backgrounds/inventory-vault.png) 50% top /auto 720px no-repeat}.market-hub-page{border-inline:0;border-radius:0;margin-inline:-16px;padding:16px;background:linear-gradient(180deg,#03090d85,#03090df2 500px),url(../assets/backgrounds/market-hall.png) top /auto 720px no-repeat}.market-hub-page .app-hub-header{min-height:124px;padding-inline:0}.market-hub-destination{min-height:300px}.inventory-hub-page .app-hub-header{min-height:124px;padding-inline:0}.forge-hub-page .app-hub-header{min-height:104px}.hub-balance-panel,.hub-resource-link{width:100%}.hub-guidance-bar{grid-template-columns:40px minmax(0,1fr)}.hub-guidance-bar>a{grid-column:1/-1;justify-content:center}.hub-quick-links,.market-hub-destinations{grid-template-columns:1fr}}@media(max-width:500px){.forge-hub-page .section-nav{width:100%;overflow-x:auto}.forge-hub-page .section-nav a{flex:1 0 auto;justify-content:center}.hub-stat-strip{grid-template-columns:1fr}.hub-stat-strip>a{border-right:0;border-bottom:1px solid var(--app-border)}.hub-stat-strip>a:last-child{border-bottom:0}.hub-panel-actions,.inventory-category-grid{grid-template-columns:1fr}.market-hub-transaction-list article{grid-template-columns:36px minmax(0,1fr) auto}.market-hub-transaction-list article>span:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){.forge-hub-page .hub-workflow-card,.inventory-hub-page .inventory-category-grid>a,.market-hub-destination{transition:none}}.app-shell.combat-shell{display:block;background:#050b10}.app-shell.combat-shell,.combat-shell .app-content,.combat-shell .app-workspace{width:100vw;height:100dvh;min-height:100vh;overflow:hidden}.combat-shell .app-content .live-battle-page{width:100%;max-width:none}.live-battle-page{--live-page-padding:6px;--live-header-height:65px;--live-energy-height:28px;--live-ring-frame-ratio:1.22454;--live-ring-width:clamp(122px, calc(10vw - 3.6px) ,190px);--live-ring-title-height:20px;--live-ring-stats-height:28px;--live-ring-footer-height:34px;--live-ring-height:calc(var(--live-ring-width)*var(--live-ring-frame-ratio));--live-ring-energy-size:calc(var(--live-ring-width)*.218);--live-socket-size:calc(var(--live-ring-width)*.19);--live-gem-size:calc(var(--live-ring-width)*.24);--live-monster-width:clamp(132px,8.8vw,176px);--live-monster-height:calc(var(--live-monster-width)*1.2);--live-hero-height:min(172px,max(86px,calc(50dvh - var(--live-header-height)/2 - var(--live-energy-height)/2 - var(--live-energy-height)/2 - var(--live-ring-height)/2 - 66.5px)));display:grid;width:100vw;max-width:none;height:100dvh;min-height:0;grid-template-rows:var(--live-header-height) minmax(0,1fr);gap:4px;overflow:hidden;padding:var(--live-page-padding);color:var(--app-text);background:linear-gradient(180deg,#050d1347,#04080cc2),url(../assets/backgrounds/live-battle-elemental-arena.jpg) 50% /cover no-repeat,#050b10}.live-loading-panel{width:min(620px,calc(100vw - 32px));margin:20vh auto 0}.live-finished-screen{display:grid;width:100%;height:100%;min-height:0;align-content:center;justify-items:center;gap:clamp(10px,2vh,18px);overflow:hidden;border:1px solid rgba(189,225,236,.22);border-radius:10px;padding:clamp(12px,2.4vw,28px);background:radial-gradient(circle at 50% 18%,rgba(37,215,242,.14),transparent 36%),linear-gradient(180deg,#040d14b8,#03090eeb);box-shadow:inset 0 0 80px #00000057}.live-finished-screen.outcome-win{background:radial-gradient(circle at 50% 18%,rgba(72,220,133,.2),transparent 38%),linear-gradient(180deg,#041214c2,#03090ef0)}.live-finished-screen.outcome-loss{background:radial-gradient(circle at 50% 18%,rgba(255,98,125,.18),transparent 38%),linear-gradient(180deg,#16080ec2,#03090ef0)}.live-finished-outcome{display:grid;justify-items:center;color:var(--app-cyan);text-align:center}.live-finished-screen.outcome-win .live-finished-outcome{color:var(--app-green)}.live-finished-screen.outcome-loss .live-finished-outcome{color:#ff7890}.live-finished-outcome .eyebrow{margin-top:6px}.live-finished-outcome h1{margin:0;color:currentcolor;font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;letter-spacing:.05em;text-shadow:0 0 30px currentcolor;text-transform:uppercase}.live-finished-screen>.battle-result-summary{width:min(760px,100%);gap:10px}.live-finished-screen .battle-summary-header{padding-bottom:8px}.live-finished-screen .battle-summary-header h2{font-size:.95rem}.live-finished-screen .battle-earned-section{gap:8px;padding-top:10px}.live-finished-screen .battle-earned-grid>div{min-height:60px;padding:9px 12px}.live-finished-screen .battle-earned-materials{padding:7px 9px}.live-finished-screen .battle-earned-materials li{padding-block:3px}.live-finished-screen .battle-info-trigger{min-height:42px;justify-self:center}.live-finished-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:center}.live-finished-actions>:is(button,.button-link){min-height:44px}.live-finished-actions button,.live-finished-claimed{display:flex;gap:8px;align-items:center;justify-content:center}.live-finished-claimed{min-height:44px;color:var(--app-green);font-size:.78rem;font-weight:900}.live-finished-no-reward{margin:0;color:var(--app-muted);text-align:center}.live-combat-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;height:var(--live-header-height);min-height:0;gap:clamp(8px,1.4vw,14px);align-items:center;overflow:hidden;margin-bottom:0}.live-combat-toolbar img{width:clamp(76px,6.6vw,104px);max-height:calc(var(--live-header-height) - 4px);height:auto}.live-combat-status{display:grid;min-width:0;gap:2px;justify-items:center;text-align:center;text-transform:uppercase}.live-combat-status small,.live-combat-status span{color:#b7cad2;font-size:.68rem;font-weight:850}.live-combat-status strong{overflow:hidden;max-width:100%;font-size:clamp(.86rem,1.5vw,1.08rem);text-overflow:ellipsis;white-space:nowrap}.live-combat-actions{display:flex;gap:6px;align-items:center;justify-content:end}.live-toolbar-button{width:36px;min-height:36px;border-color:#d8edf46b;color:#e6f9ff;background:#060d12b8}.live-arena{width:100%;height:100%;min-height:0;grid-template-rows:var(--live-energy-height) minmax(0,1fr) auto var(--live-energy-height);overflow:hidden;border:1px solid rgba(189,225,236,.22);border-radius:8px;background:linear-gradient(90deg,rgba(17,58,85,.24),transparent 45%,rgba(111,32,22,.18)),#0712198a;box-shadow:inset 0 0 0 1px #ffffff0a}.live-energy-rail{min-height:0;height:var(--live-energy-height);padding:2px 8px}.live-energy-rail>span{font-size:.72rem;font-weight:900;text-transform:uppercase}.live-energy-slots{grid-template-columns:repeat(8,minmax(10px,1fr))}.live-energy-slots i{height:10px;transform:skew(-18deg)}.live-battle-board{display:grid;grid-template-columns:clamp(142px,13vw,184px) minmax(0,1fr);border-block:1px solid rgba(189,225,236,.18)}.live-hero-column{display:grid;grid-template-rows:1fr auto 1fr;gap:8px;border-right:1px solid rgba(189,225,236,.18);padding:10px;background:#00000029}.live-field-stack{display:grid;grid-template-rows:minmax(130px,1fr) auto auto minmax(130px,1fr);gap:8px;min-width:0;padding:10px}.live-arena .live-hero{min-height:0;align-content:space-between;gap:8px;padding:10px}.live-card-heading strong{overflow-wrap:anywhere;font-size:clamp(.82rem,1.2vw,1rem)}.live-turn-console{display:grid;gap:6px;justify-items:stretch}.live-turn-counter{display:flex;gap:6px;justify-content:center;color:#d8edf4;font-size:.82rem}.live-end-turn-button{min-height:44px;border-color:#25d7f29e;color:#061217;background:var(--app-cyan);font-weight:900;text-transform:uppercase}.live-concede-button{justify-self:center;border-color:#ff627d61;color:#ffd5dc;background:#ff627d1a}.live-arena .live-monster-grid{display:grid;grid-template-columns:repeat(3,minmax(118px,210px));gap:clamp(8px,3vw,42px);justify-content:space-around}.opponent-monsters,.viewer-monsters{align-self:start}.live-arena .empty-slot,.live-arena .live-monster{min-height:clamp(132px,17vh,190px);padding:8px}.live-artwork-wrap{min-height:48px}.live-artwork-wrap .item-artwork{width:clamp(48px,5.6vw,70px)}.live-arena .live-monster>strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.live-inline-stats{justify-content:center;gap:5px 10px}.live-arena-divider{margin-inline:-10px;padding:4px 10px}.live-opponent-reveals{display:grid;gap:6px;border-top:0;padding:6px 8px;background:#132b35a8}.live-reveal-strip{display:flex;gap:6px;overflow-x:auto}.live-reveal-chip{display:grid;grid-template-columns:28px minmax(70px,1fr) auto;gap:6px;align-items:center;min-width:170px;border-radius:6px;padding:5px 7px;background:#ffffff0d}.live-reveal-chip .item-artwork{width:28px}.live-reveal-chip strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.live-reveal-chip small{color:var(--app-muted);font-size:.68rem}.live-ring-dock{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;padding:8px}.live-arena .live-ring{min-height:132px;gap:4px;padding:6px;font-size:.72rem}.live-arena .live-ring>strong{display:-webkit-box;min-height:28px;overflow:hidden;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.live-arena .live-ring .live-artwork-wrap{min-height:44px}.live-arena .live-ring .item-artwork{width:44px}.live-arena .live-ring .pill{padding:2px 5px;font-size:.58rem}.live-arena .live-ring .live-inline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.live-arena .live-ring .live-inline-stats>div{display:grid;justify-items:center;gap:0}.live-arena .live-ring .live-inline-stats dt{max-width:100%;overflow:hidden;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.live-arena .live-ring .live-inline-stats dd{font-size:.76rem}.live-arena .live-gem-row{min-height:24px;gap:3px;padding-top:5px}.live-gem-row .item-artwork{width:21px;border-radius:5px}.live-developer-modal-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#02080cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-developer-modal{display:grid;width:min(860px,100%);max-height:calc(100vh - 48px);gap:14px;overflow-y:auto;border-color:var(--app-border-strong);background:var(--app-surface);box-shadow:0 24px 70px #0000007a}.live-developer-modal .live-diagnostics,.live-developer-modal .live-resolution-feed{margin:0}.live-developer-modal .live-diagnostics{border-color:var(--app-border);background:var(--app-raised)}@media(max-width:900px){.live-battle-board{grid-template-columns:128px minmax(0,1fr)}.live-arena .live-monster-grid{grid-template-columns:repeat(3,minmax(104px,1fr));gap:8px;overflow-x:visible}}@media(max-width:640px){.live-battle-page{padding:8px}.live-combat-toolbar{grid-template-columns:auto 1fr}.live-combat-toolbar img{width:72px}.live-combat-status{justify-items:start;text-align:left}.live-combat-actions{grid-column:1/-1;justify-content:space-between}.live-battle-board{grid-template-columns:1fr}.live-hero-column{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;border-right:0;border-bottom:1px solid rgba(189,225,236,.18)}.live-turn-console{grid-column:1/-1;grid-row:2}.live-field-stack{grid-template-rows:auto auto auto auto}.live-arena .live-monster-grid{grid-template-columns:repeat(3,132px);justify-content:start;overflow-x:auto;padding-bottom:4px}.live-arena .empty-slot,.live-arena .live-monster{min-height:136px}.live-ring-dock{grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;justify-content:start}.live-energy-rail{grid-template-columns:minmax(0,1fr) auto}.live-energy-rail>strong{grid-column:auto}.live-finished-screen{gap:8px;padding:10px}.live-finished-outcome svg{width:38px;height:38px}.live-finished-outcome h1{font-size:clamp(2rem,14vw,3.4rem)}.live-finished-screen .battle-summary-header{padding-bottom:5px}.live-finished-screen .battle-earned-section{padding-top:7px}.live-finished-screen .battle-earned-grid>div{min-height:50px;padding:7px 9px}.live-finished-screen .battle-earned-materials{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:5px 7px}.live-finished-screen .battle-earned-materials-title strong{display:none}.live-finished-screen .battle-earned-materials ul{display:flex;gap:5px;overflow-x:auto}.live-finished-screen .battle-earned-materials li{min-width:116px;grid-template-columns:28px minmax(0,1fr) auto;gap:5px;padding:3px 5px}.live-finished-screen .battle-earned-materials .item-artwork{width:28px}.live-finished-screen .battle-earned-grid strong{font-size:.92rem}}@media(max-height:500px)and (min-width:641px){.live-finished-screen{grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:8px 20px;padding:8px 20px}.live-finished-outcome{grid-column:1;grid-row:1;align-self:center}.live-finished-outcome svg{width:34px;height:34px}.live-finished-outcome h1{font-size:clamp(2.4rem,7vw,4rem)}.live-finished-screen>.battle-result-summary{grid-column:2;grid-row:1;align-self:center}.live-finished-screen .battle-summary-header{display:none}.live-finished-screen .battle-earned-section{border-top:0;padding-top:0}.live-finished-no-reward{grid-column:2}.live-finished-actions{grid-column:1/-1;grid-row:2}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.live-arena .live-monster,.live-arena .live-ring{--live-rarity-color:#f2f5f7;--live-rarity-glow:rgba(242,245,247,.18);position:relative;overflow:visible;border:2px solid var(--live-rarity-color);border-radius:8px;background:linear-gradient(145deg,hsla(0,0%,100%,.12),transparent 14% 82%,rgba(0,0,0,.38)),linear-gradient(180deg,#0f2738f0,#030c13fa);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-rarity-color) 42%,transparent),0 0 16px var(--live-rarity-glow),0 12px 28px #00000047}.live-arena .live-monster:before{position:absolute;z-index:4;inset:0;border-radius:5px;box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 40%,var(--live-rarity-color)),inset 0 0 14px color-mix(in srgb,var(--live-rarity-color) 34%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease;content:""}.live-arena .live-monster.source-available:not(.source-selected):not(.target-selected):focus-visible:before,.live-arena .live-monster.source-available:not(.source-selected):not(.target-selected):hover:before,.live-arena .live-monster.target-available:not(.source-selected):not(.target-selected):focus-visible:before,.live-arena .live-monster.target-available:not(.source-selected):not(.target-selected):hover:before{opacity:1}.live-arena .live-monster.rarity-border-common,.live-arena .live-monster.rarity-border-normal,.live-arena .live-ring.rarity-border-common,.live-arena .live-ring.rarity-border-normal{--live-rarity-color:#f2f5f7;--live-rarity-glow:rgba(242,245,247,.14)}.live-arena .live-monster.rarity-border-refined,.live-arena .live-ring.rarity-border-refined{--live-rarity-color:#16a7ff;--live-rarity-glow:rgba(22,167,255,.28)}.live-arena .live-monster.rarity-border-rare,.live-arena .live-ring.rarity-border-rare{--live-rarity-color:#ff7b22;--live-rarity-glow:rgba(255,123,34,.3)}.live-arena .live-monster.rarity-border-epic,.live-arena .live-ring.rarity-border-epic{--live-rarity-color:#b100e8;--live-rarity-glow:rgba(177,0,232,.34)}.live-card-titlebar,.live-ring-titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:24px;border:1px solid hsla(0,0%,100%,.16);border-radius:5px 5px 3px 3px;padding:3px 6px;background:linear-gradient(180deg,#000000ad,#0000005c)}.live-card-titlebar strong,.live-ring-titlebar strong{color:#f5fbff;font-size:clamp(.68rem,1vw,.86rem);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.7)}.live-card-titlebar strong,.live-element-token,.live-ring-titlebar strong{overflow:hidden;font-weight:950;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.live-element-token{max-width:66px;border:1px solid hsla(0,0%,100%,.44);border-radius:999px;padding:2px 6px;color:#061016;font-size:.58rem;line-height:1.05}.live-card-art{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid hsla(0,0%,100%,.14);border-radius:4px;background:radial-gradient(circle at 50% 35%,hsla(0,0%,100%,.1),transparent 44%),linear-gradient(145deg,#12507547,#0000008a)}.live-card-art .item-artwork{width:100%;max-width:none}.live-monster-art{aspect-ratio:1.05}.live-monster-art .item-artwork{height:100%;-o-object-fit:cover;object-fit:cover}.live-card-status-row{position:absolute;right:5px;bottom:5px;left:5px;display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.live-card-status-row .pill{padding:2px 5px;font-size:.54rem;line-height:1;box-shadow:0 2px 8px #00000061}.live-card-stats{display:grid;margin:0;border:1px solid hsla(0,0%,100%,.16);border-radius:5px;background:#00000094}.live-card-stats>div{min-width:0}.live-card-stats dd,.live-ring-energy-cost dd{display:flex;gap:4px;align-items:center;justify-content:center;margin:0;color:#f8fcff;font-weight:950;line-height:1}.live-card-stats svg,.live-ring-energy-cost svg{flex:0 0 auto;color:#dff7ff;filter:drop-shadow(0 1px 1px rgb(0 0 0/50%))}.live-card-stats .live-cooldown-ready{color:var(--app-green)}.live-card-stats span,.live-ring-energy-cost span{min-width:0}.live-monster-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.live-monster-stats>div+div{border-left:1px solid hsla(0,0%,100%,.16)}.live-monster-stats dd{font-size:clamp(.82rem,1.15vw,1rem)}.live-monster-stats>div:nth-child(2) svg{color:#ff6476}.live-ring-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.live-ring-stats dd{min-height:27px;font-size:.82rem}.live-arena .live-monster{display:grid;width:min(100%,188px);min-height:0;aspect-ratio:.76;align-content:stretch;gap:5px;justify-self:center;padding:6px}.live-arena .live-monster.empty-slot{width:min(100%,188px);aspect-ratio:.76;border-style:dashed;background:#ffffff0a;opacity:.42}.live-arena .live-ring{display:grid;min-width:0;min-height:178px;grid-template-rows:auto minmax(58px,1fr) auto auto auto;gap:5px;padding:7px}.live-ring-footer{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:end;min-height:42px}.live-ring-energy-cost{display:block;margin:0}.live-ring-energy-cost dd{width:42px;aspect-ratio:1;border:2px solid #17b9ff;border-radius:50%;background:radial-gradient(circle at 45% 32%,rgba(157,235,255,.34),transparent 38%),linear-gradient(180deg,#083a5f,#051a29);color:#f5fdff;font-size:1rem;box-shadow:inset 0 0 0 2px #00000061,0 0 14px #17b9ff57}.live-ring-energy-cost svg{width:14px;color:#78e8ff}.live-socket-track{display:grid;grid-template-columns:repeat(3,minmax(0,31px));gap:5px;justify-content:end;min-width:0}.live-socket{display:grid;width:31px;aspect-ratio:1;place-items:center;overflow:hidden;border:2px solid rgba(0,0,0,.78);border-radius:50%;background:radial-gradient(circle at 42% 35%,hsla(0,0%,100%,.14),transparent 36%),#121820;box-shadow:inset 0 0 0 1px #ffffff2e,0 3px 9px #00000059}.live-socket.filled{background:#071119}.live-socket .item-artwork{width:92%;height:92%;-o-object-fit:contain;object-fit:contain}.live-arena .live-monster>.muted,.live-arena .live-ring>.muted{display:block;overflow:hidden;color:#ffbfca;font-size:.6rem;font-weight:800;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.live-arena .live-monster.source-available,.live-arena .live-ring.source-available{cursor:pointer}.live-arena .live-monster.source-selected,.live-arena .live-monster.target-selected{outline:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--live-rarity-color) 42%,transparent),inset 0 0 16px #48dc852e,0 0 16px var(--live-rarity-glow),0 12px 28px #00000047}.live-arena .live-monster.source-selected:after,.live-arena .live-monster.target-selected:after{position:absolute;z-index:5;inset:0;border:2px solid rgba(72,220,133,.9);border-radius:5px;box-shadow:inset 0 0 10px #48dc852e;pointer-events:none;content:""}.live-arena .live-monster.resolution-source,.live-arena .live-ring.resolution-source{animation:live-card-source-pulse .1s ease-out}@keyframes live-card-source-pulse{0%{transform:translateY(0) scale(1)}35%{transform:translateY(0) scale(1.01)}to{transform:translateY(0) scale(1)}}@media(max-width:900px){.live-arena .live-monster{width:min(100%,160px)}.live-ring-dock{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}}@media(max-width:640px){.live-arena .live-monster,.live-arena .live-monster.empty-slot{width:136px}.live-ring-dock{grid-auto-columns:126px}.live-arena .live-ring{min-height:178px}.live-element-token{max-width:54px;padding-inline:5px}}.live-battle-board{height:auto;min-height:0;overflow:hidden}.live-hero-column{grid-template-rows:auto auto auto;align-content:space-between;gap:4px;padding:6px}.live-arena .live-hero{height:var(--live-hero-height);min-height:var(--live-hero-height);max-height:var(--live-hero-height);gap:4px;padding:6px}.live-arena .live-hero .live-card-heading{gap:1px}.live-arena .live-hero .live-card-heading strong{font-size:.82rem;line-height:1.05}.live-arena .live-hero .eyebrow{font-size:.58rem}.live-arena .live-hero .live-health-line{gap:5px}.live-arena .live-hero .live-health-line strong{font-size:.76rem}.live-arena .live-hero .live-inline-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.live-arena .live-hero .live-inline-stats>div{display:flex;gap:4px;align-items:baseline;justify-content:center}.live-arena .live-hero .live-inline-stats dd,.live-arena .live-hero .live-inline-stats dt{font-size:.62rem;line-height:1}.live-field-stack{grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);gap:4px;overflow:hidden;padding:6px}.live-field-stack:not(:has(.live-opponent-reveals)){grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.live-arena .live-monster-grid{grid-template-columns:repeat(3,minmax(0,var(--live-monster-width)));gap:clamp(4px,2vw,28px);align-content:center;align-items:center;align-self:center;overflow:hidden}.opponent-monsters,.viewer-monsters{align-self:center}.live-arena .live-monster,.live-arena .live-monster.empty-slot{width:min(100%,var(--live-monster-width));height:var(--live-monster-height);min-height:0;aspect-ratio:auto;gap:2px;padding:2px}.live-monster-art{aspect-ratio:auto;min-height:0}.live-monster-stats dd{min-height:30px;font-size:.88rem}.live-ring-dock{grid-template-columns:repeat(auto-fill,var(--live-ring-width));gap:2px;justify-content:start;align-items:start;min-height:0;max-height:calc(var(--live-ring-height) + 4px);overflow:hidden;padding:2px}.live-arena .live-ring.rarity-border-common,.live-arena .live-ring.rarity-border-normal{--live-ring-frame-url:url(../assets/cards/ring-frame-common.png)}.live-arena .live-ring.rarity-border-refined{--live-ring-frame-url:url(../assets/cards/ring-frame-refined.png)}.live-arena .live-ring.rarity-border-rare{--live-ring-frame-url:url(../assets/cards/ring-frame-rare.png)}.live-arena .live-ring.rarity-border-epic{--live-ring-frame-url:url(../assets/cards/ring-frame-epic.png)}.live-arena .live-ring{--live-ring-frame-url:url(../assets/cards/ring-frame-common.png);width:var(--live-ring-width);height:var(--live-ring-height);min-height:0;border:0;border-radius:0;background:transparent;box-shadow:0 0 14px var(--live-rarity-glow),0 12px 28px #00000047;overflow:visible;padding:0}.live-arena .live-ring>:is(.live-ring-titlebar,.live-ring-stats,.live-ring-footer){position:absolute;z-index:3}.live-ring-frame{position:absolute;z-index:2;inset:0;background:var(--live-ring-frame-url) center center /100% 100% no-repeat;pointer-events:none;transition:filter .2s ease}.live-arena .live-ring.source-available:not(.source-selected):not(.target-selected):focus-visible .live-ring-frame,.live-arena .live-ring.source-available:not(.source-selected):not(.target-selected):hover .live-ring-frame,.live-arena .live-ring.target-available:not(.source-selected):not(.target-selected):focus-visible .live-ring-frame,.live-arena .live-ring.target-available:not(.source-selected):not(.target-selected):hover .live-ring-frame{filter:brightness(1.3) saturate(1.2) drop-shadow(0 0 2px var(--live-rarity-color))}.live-arena .live-ring.source-available:not(.source-selected):not(.target-selected):focus-visible,.live-arena .live-ring.source-available:not(.source-selected):not(.target-selected):hover,.live-arena .live-ring.target-available:not(.source-selected):not(.target-selected):focus-visible,.live-arena .live-ring.target-available:not(.source-selected):not(.target-selected):hover{border-color:transparent;outline:0;box-shadow:0 12px 28px #00000047}.live-arena .live-ring.source-selected,.live-arena .live-ring.target-selected{border-color:transparent;outline:0;box-shadow:0 0 14px var(--live-rarity-glow),0 12px 28px #00000047}.live-arena .live-ring.source-selected .live-ring-frame,.live-arena .live-ring.target-selected .live-ring-frame{animation:live-ring-frame-selected-pulse 2s ease-in-out infinite}@keyframes live-ring-frame-selected-pulse{0%,to{filter:brightness(1.55) saturate(1.35) drop-shadow(0 0 2px var(--live-rarity-color))}50%{filter:brightness(1.05) saturate(1.05) drop-shadow(0 0 1px var(--live-rarity-color))}}.live-ring-titlebar{grid-template-columns:minmax(0,1fr) max-content;top:4%;right:5.8%;left:5.8%;height:9.7%;min-height:0;border:0;padding:0 2.6%;background:transparent}.live-ring-titlebar strong{min-width:0;font-size:clamp(.58rem,calc(var(--live-ring-width)*.8),.78rem);line-height:1;position:relative;top:-8%}.live-ring-titlebar .live-element-token{justify-self:end;max-width:none;padding:1px 4px;font-size:clamp(.4rem,calc(var(--live-ring-width)*.05),.7rem);position:relative;top:-8%}.live-arena .live-monster .live-card-titlebar,.live-arena .live-monster .live-element-token{padding:2px}.live-ring-art{position:absolute;z-index:1;aspect-ratio:1;top:0;right:5.6%;left:3%;min-height:0;height:76%;border:0;border-radius:0;background:transparent}.live-arena .live-ring .live-ring-art .item-artwork{width:100%;height:100%;aspect-ratio:auto;border:0;padding:0;background-color:transparent;-o-object-fit:cover;object-fit:cover;transform:none}.live-ring-stats{top:62%;right:5.2%;left:15%;height:17.8%;border:0;border-radius:0}.live-ring-stats,.live-ring-stats>div{background:transparent}.live-ring-stats dd{min-height:100%;justify-content:flex-start;padding-left:38%;font-size:clamp(.78rem,calc(var(--live-ring-width)*.085),1.04rem)}.live-ring-stats>div:last-child dd{padding-left:42%}.live-ring-stats dd:has(.live-cooldown-ready){justify-content:center;padding-left:0;position:relative;top:1%}.live-ring-stats .live-cooldown-ready{width:auto;height:auto;color:var(--app-green);font-size:clamp(.42rem,calc(var(--live-ring-width)*.042),.66rem);letter-spacing:0;text-transform:uppercase}.live-ring-footer{right:0;bottom:4.7%;left:0;display:block;height:17.6%;min-height:0}.live-ring-energy-cost{position:absolute;bottom:-8%;width:var(--live-ring-energy-size);height:var(--live-ring-energy-size)}.live-arena .live-ring .live-ring-energy-cost>div{display:block;width:100%;height:100%}.live-ring-energy-cost dd{width:100%;height:100%;border:0;background:transparent;box-shadow:none;font-size:clamp(.76rem,calc(var(--live-ring-width)*.07),1.08rem)}.live-arena .live-ring .live-stat-warning{color:#ff9d2e;text-shadow:0 0 5px rgba(255,123,34,.46)}.live-ring-energy-cost svg{display:none}.live-socket-track{position:absolute;inset:17% 10% 8% 23%;grid-template-columns:repeat(3,var(--live-socket-size));gap:0;align-content:center;align-items:center;justify-content:space-between}.live-socket{width:var(--live-socket-size);position:relative;overflow:visible;border:0;background:url(../assets/cards/ring-socket.png) 50%/contain no-repeat;box-shadow:none}.live-socket.rarity-border-common{--live-gem-rarity-color:#f2f5f7}.live-socket.rarity-border-refined{--live-gem-rarity-color:#16a7ff}.live-socket.rarity-border-rare{--live-gem-rarity-color:#ff7b22}.live-socket.rarity-border-epic{--live-gem-rarity-color:#b100e8}.live-arena .live-ring .live-socket .item-artwork{width:var(--live-gem-size);width:round(var(--live-gem-size),1px);height:var(--live-gem-size);height:round(var(--live-gem-size),1px);align-self:center;justify-self:center;position:relative;z-index:1;overflow:hidden;padding:0;border:2px solid var(--live-gem-rarity-color);border-radius:50%;background-color:transparent;image-rendering:-webkit-optimize-contrast}.live-arena .live-monster>.muted,.live-arena .live-ring>.muted{display:none}@media(max-width:900px){.live-battle-page{--live-page-padding:4px;--live-header-height:52px;--live-energy-height:24px;--live-ring-width:min(124px, calc(10vw - 4px) );--live-ring-title-height:18px;--live-ring-stats-height:24px;--live-ring-footer-height:28px;--live-ring-energy-size:calc(var(--live-ring-width)*.218);--live-socket-size:calc(var(--live-ring-width)*.19);--live-gem-size:calc(var(--live-ring-width)*.24);--live-monster-width:clamp(104px,14vw,128px);--live-hero-height:min(140px,max(76px,calc(50dvh - var(--live-header-height)/2 - var(--live-energy-height)/2 - var(--live-energy-height)/2 - var(--live-ring-height)/2 - 59px)))}.live-battle-board{grid-template-columns:116px minmax(0,1fr);height:auto;min-height:0}.live-arena .live-monster,.live-arena .live-monster.empty-slot{width:min(100%,var(--live-monster-width));height:var(--live-monster-height)}.live-ring-dock{grid-template-columns:repeat(auto-fill,var(--live-ring-width))}.live-arena .live-ring{width:var(--live-ring-width)}}@media(max-width:640px){.live-battle-page{--live-page-padding:3px;--live-header-height:46px;--live-energy-height:22px;--live-ring-width:min(86px, calc(10vw - 3.4px) );--live-ring-title-height:15px;--live-ring-stats-height:20px;--live-ring-footer-height:22px;--live-ring-energy-size:calc(var(--live-ring-width)*.218);--live-socket-size:calc(var(--live-ring-width)*.19);--live-gem-size:calc(var(--live-ring-width)*.24);--live-monster-width:clamp(78px,15vw,96px);--live-hero-height:min(136px,max(68px,calc(50dvh - var(--live-header-height)/2 - var(--live-energy-height)/2 - var(--live-energy-height)/2 - var(--live-ring-height)/2 - 50px)))}.live-combat-toolbar{grid-template-columns:auto minmax(0,1fr) auto}.live-combat-actions{grid-column:auto;justify-content:end}.live-battle-board{grid-template-columns:88px minmax(0,1fr);height:auto;min-height:0;overflow:hidden}.live-hero-column{grid-template-columns:none;grid-template-rows:auto auto auto;border-right:1px solid rgba(189,225,236,.18);border-bottom:0;padding:3px}.live-turn-console{grid-column:auto;grid-row:auto}.live-arena .live-hero{height:var(--live-hero-height);min-height:var(--live-hero-height);max-height:var(--live-hero-height);padding:3px}.live-ring-dock{grid-template-columns:repeat(auto-fill,var(--live-ring-width));grid-auto-columns:var(--live-ring-width)}.live-arena .live-ring{width:var(--live-ring-width);height:var(--live-ring-height);min-height:0}}.auth-page{position:relative;isolation:isolate;width:100%;min-height:100dvh;overflow:hidden;padding:clamp(18px,4vw,56px);background:radial-gradient(circle at 23% 44%,rgba(45,211,237,.13),transparent 28%),linear-gradient(90deg,#020d14d1,#040a0f8c 46%,#120a05c2),url(../assets/backgrounds/profile-chronicle-hall.png) 50% /cover no-repeat}.auth-page:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,8,12,.36),transparent 28%,rgba(2,8,12,.66)),radial-gradient(circle at 50% 50%,transparent 0 26%,rgba(2,8,12,.62) 78%);content:"";pointer-events:none}.auth-panel{position:relative;display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(320px,.85fr);grid-template-rows:auto auto 1fr;width:min(1120px,100%);min-height:min(680px,calc(100dvh - clamp(36px,8vw,112px)));gap:24px 54px;align-items:center;overflow:hidden;border:1px solid rgba(130,220,234,.3);border-radius:var(--app-corner-lg);padding:clamp(30px,5vw,64px);background:linear-gradient(90deg,#041922b8 0 51%,#050f15f0 58%),#051117e0;box-shadow:0 40px 100px #00000085,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-panel:before{position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--app-cyan),hsla(0,0%,100%,.18),var(--app-gold));box-shadow:0 0 22px #2dd3ed66;content:""}.auth-panel:after{position:absolute;width:min(46vw,520px);aspect-ratio:1;border:1px solid rgba(45,211,237,.1);border-radius:50%;background:radial-gradient(circle,transparent 34%,rgb(45 211 237/6%) 35% 36%,transparent 37%),repeating-conic-gradient(from 0deg,rgb(45 211 237/6%) 0 1deg,transparent 1deg 30deg);content:"";pointer-events:none;bottom:-250px;left:-130px}.auth-panel>*{position:relative;z-index:1}.auth-logo{grid-column:1;grid-row:1/-1;width:min(420px,88%);max-width:none;justify-self:center;filter:drop-shadow(0 24px 32px rgb(0 0 0/52%)) drop-shadow(0 0 28px rgb(45 211 237/13%))}.auth-panel>div:first-of-type{grid-column:2;align-self:end}.auth-panel .eyebrow{color:var(--app-gold)}.auth-panel h1{margin-top:8px;font-size:clamp(2.45rem,4.5vw,4.25rem);letter-spacing:-.035em;line-height:.96;text-shadow:0 4px 22px rgba(0,0,0,.82)}.auth-panel>div:first-of-type p{max-width:430px;margin-top:14px;color:#c6d4d8;font-size:.9rem;line-height:1.6}.auth-panel>.settings-error{grid-column:2;margin:0}.auth-actions{grid-column:2;align-self:start;gap:12px}.auth-actions>.button-link,.auth-actions>button{min-height:54px;border-radius:8px;font-weight:850}.auth-actions>button{border-color:#2dd3ed80;background:linear-gradient(135deg,#1c99b3e0,#0b5267f0);box-shadow:0 12px 28px #2dd3ed1a}.auth-actions>button:last-of-type{border-color:#b2a7ff70;background:linear-gradient(135deg,#6657b4e0,#2f2763f0);box-shadow:0 12px 28px #b2a7ff17}.google-auth-button{border-color:#ffffffad;color:#102027;background:linear-gradient(135deg,#fff,#e7eef0);box-shadow:0 12px 28px #0003}.auth-separator{color:#9fb3ba}.auth-separator:after,.auth-separator:before{background:#7dc0cd33}.auth-actions>.panel{border-color:#ffbc4d38;background:#1f180cc7}@media(max-width:760px){.auth-page{align-items:start;min-height:100dvh;overflow:auto;padding:16px;background:linear-gradient(180deg,#020c1299,#030a0fe6),url(../assets/backgrounds/profile-chronicle-hall.png) top /auto 760px no-repeat}.auth-panel{grid-template-columns:1fr;grid-template-rows:auto;min-height:calc(100dvh - 32px);gap:22px;align-content:center;padding:26px 22px;background:#051218e6}.auth-actions,.auth-logo,.auth-panel>.settings-error,.auth-panel>div:first-of-type{grid-column:1;grid-row:auto}.auth-logo{width:min(230px,72%)}.auth-panel>div:first-of-type{align-self:auto;text-align:center}.auth-panel h1{font-size:clamp(2.2rem,12vw,3.2rem)}.auth-panel>div:first-of-type p{margin-right:auto;margin-left:auto}}@media(max-height:520px)and (min-width:761px){.auth-page{overflow:auto;padding:16px}.auth-panel{grid-template-columns:minmax(230px,.9fr) minmax(320px,1.1fr);min-height:calc(100dvh - 32px);gap:14px 36px;padding:24px 36px}.auth-logo{width:min(300px,82%)}.auth-panel h1{font-size:clamp(2.1rem,5vw,3rem)}.auth-panel>div:first-of-type p{margin-top:8px}.auth-actions{gap:8px}.auth-actions>.button-link,.auth-actions>button{min-height:44px}}
