:root{--bg: #0e1117;--panel: #151c28;--panel-2: #1c2536;--line: #2a3550;--text: #e6edf6;--dim: #8899ad;--accent: #7fd1ff;--gold: #ffd166;--gold-dim: #9a7a34;--merc: #ff8fb1;--danger: #ff6b6b;--good: #7bd88f;--fs-label: max(12px, calc(10px / var(--ui-scale, 1)));--fs-body: max(14px, calc(11.5px / var(--ui-scale, 1)));--fs-value: max(19px, calc(15px / var(--ui-scale, 1)));--fs-head: 15px;--text-2: #b9c5d6;--warn: #ffb547;--essence: #c9a8ff}*{box-sizing:border-box}:root{--font-display: var(--skin-font, "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif);--font-ui: "Barlow Semi Condensed", system-ui, -apple-system, "Segoe UI", sans-serif;--hud-h: 64px;--hand-h: 222px;--rail-w: 300px;--card-w: 108px}[data-script=latn]{--font-display: var(--skin-font, "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif);--font-ui: "Barlow Semi Condensed", system-ui, -apple-system, "Segoe UI", sans-serif}[data-script=viet]{--font-display: "Cormorant SC", "Times New Roman", Georgia, serif;--font-ui: "Barlow Semi Condensed", system-ui, -apple-system, "Segoe UI", sans-serif}[data-script=cyrl]{--font-display: "Cormorant SC", Georgia, "Times New Roman", var(--skin-font, "Cinzel"), serif;--font-ui: "Fira Sans Condensed", "Segoe UI", Roboto, "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=hans]{--font-display: "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", SimSun, var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans SC", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=hant]{--font-display: "Noto Serif TC", "Noto Serif CJK TC", "Songti TC", PMingLiU, var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans TC", "Noto Sans CJK TC", "PingFang TC", "Microsoft JhengHei", "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=jpan]{--font-display: "Noto Serif JP", "Noto Serif CJK JP", "Hiragino Mincho ProN", "Yu Mincho", var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Sans", "Yu Gothic", Meiryo, "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=kore]{--font-display: "Noto Serif KR", "Noto Serif CJK KR", AppleMyungjo, Batang, var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans KR", "Noto Sans CJK KR", "Apple SD Gothic Neo", "Malgun Gothic", "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=deva]{--font-display: "Noto Serif Devanagari", "Kohinoor Devanagari", "Nirmala UI", Mangal, var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans Devanagari", "Kohinoor Devanagari", "Nirmala UI", Mangal, "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=beng]{--font-display: "Noto Serif Bengali", "Kohinoor Bangla", "Nirmala UI", Vrinda, var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans Bengali", "Kohinoor Bangla", "Nirmala UI", Vrinda, "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}[data-script=thai]{--font-display: "Noto Serif Thai", Thonburi, "Leelawadee UI", Tahoma, var(--skin-font, "Cinzel"), serif;--font-ui: "Noto Sans Thai", Thonburi, "Leelawadee UI", Tahoma, "Barlow Semi Condensed", system-ui, -apple-system, sans-serif}html:is([data-script=deva],[data-script=beng],[data-script=thai],[data-script=hans],[data-script=hant],[data-script=jpan],[data-script=kore]) *,html:is([data-script=deva],[data-script=beng],[data-script=thai],[data-script=hans],[data-script=hant],[data-script=jpan],[data-script=kore]) *:before,html:is([data-script=deva],[data-script=beng],[data-script=thai],[data-script=hans],[data-script=hant],[data-script=jpan],[data-script=kore]) *:after{letter-spacing:0!important;text-transform:none!important}html[data-script=kore]{word-break:keep-all;overflow-wrap:break-word}html[data-script=jpan]{line-break:strict}html[data-script=jpan] .reroll-word{word-break:keep-all}html:is([data-script=thai],[data-script=deva],[data-script=beng]) :is(.dialog.summary h2,.dialog.pause h2,.settings-head h2,.mercs .merc-btn .types.income){line-height:1.45!important}html:is([data-script=thai],[data-script=deva],[data-script=beng]) body :is(#hud-readout>.stat,#hud-readout>.stat .label,.group>h3,.card.econ.king .label,.inspect-upgrades .card.upgrade .types,.inspect-actions button>.label){overflow-x:clip;overflow-y:visible}html:is([data-script=thai],[data-script=deva],[data-script=beng]) body:not(.pc-only) #hud-readout>.stat{row-gap:0}html:is([data-script=thai],[data-script=deva],[data-script=beng]) body:not(.pc-only) #hud-readout>.stat .value{line-height:.85}html:is([data-script=thai],[data-script=deva],[data-script=beng]) body:not(.pc-only) #hud-readout>.stat .label{line-height:1.2}html,body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;background:var(--skin-texture-stone, none) var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden}#app{display:grid;grid-template-columns:minmax(0,1fr) calc(var(--rail-w) * var(--ui-scale, 1) + var(--rail-extra, 0px));grid-template-rows:calc(var(--hud-h) * var(--ui-scale, 1)) minmax(0,1fr);grid-template-areas:"hud   hud" "stage right";height:100%;gap:0}#hud{grid-area:hud;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(8px,1.1vw,22px);padding:0 12px 0 18px;background:var(--skin-texture-stone, none) var(--panel);border-bottom:1px solid var(--line);font-size:13px;font-family:var(--font-ui);overflow:hidden}.skinned #hud{border-bottom:0;border-style:solid;border-color:transparent;border-width:var(--frame-hud, var(--skin-hud-width, 0));border-image:var(--skin-hud-image) var(--skin-hud-slice, 0) fill stretch;padding:0 6px}#stage{grid-area:stage;position:relative;min-width:0;min-height:0;overflow:hidden;background:#080b11;box-shadow:inset 0 0 90px #000000bf}#stage canvas{display:block}#stage>#env3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}#stage>canvas:not(#env3d){position:relative;z-index:1}.place-chip{position:absolute;z-index:3;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 9px;border:1px solid #7fd1ff;border-radius:6px;background:#0a101aeb;box-shadow:0 2px 10px #0000008c;color:#eef2f8;font-family:var(--font-ui);font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none}.place-chip[hidden]{display:none}.place-chip.bad{border-color:#ff6b6b;font-size:14px}.place-chip .place-price{font-variant-numeric:tabular-nums}.place-chip .place-price.bad{color:#ff6b6b}.place-chip .mark{width:15px;height:15px}.place-chip .place-why{margin-left:2px}.place-chip .place-price.bad+.mark+.place-why{margin-left:6px;padding-left:7px;border-left:1px solid #2b3650}.skinned #stage{border-style:solid;border-color:transparent;border-width:var(--frame-stage, var(--skin-panel-width, 0));border-image:var(--skin-panel-image) var(--skin-panel-slice, 0) stretch;background:#080b11}:root{--frame-hud: 14px;--frame-stage: 20px}@media (min-height: 1000px){:root{--frame-hud: var(--skin-hud-width, 0);--frame-stage: var(--skin-panel-width, 0)}}#panel{display:contents}#hud,.rail-right,.dock{zoom:var(--ui-scale, 1)}.rail{display:flex;flex-direction:column;gap:8px;min-height:0;padding:8px;overflow-y:auto;overflow-x:hidden;background:var(--skin-texture-leather, none) var(--panel);font-family:var(--font-ui);scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent}.rail-right{grid-area:right;border-left:1px solid var(--line);container-type:inline-size;container-name:rail}.skinned .rail-right{box-shadow:inset 1px 0 #ffd1662e;border-left:0}.dock{grid-area:dock;display:flex;align-items:stretch;gap:8px;padding:8px;min-width:0;overflow:hidden;background:var(--skin-texture-stone, none) var(--panel);border-top:1px solid var(--line);font-family:var(--font-ui)}.skinned .dock{border-top:0;box-shadow:inset 0 1px #ffd16638}.dock .group{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;flex:1 1 0;min-width:0}.dock .hand-group{flex:2.4 1 0}.hand-group{container-type:inline-size}.hand-group .shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9ch),1fr));gap:clamp(3px,.8cqw,8px)}.hand-group .shop .card{width:auto;min-width:0}.hand-group .card .name{white-space:normal;overflow-wrap:normal}.hand-group .card .name{font-size:clamp(var(--fs-label),1.7cqw,14px)}.hand-group .card .cost{font-size:clamp(var(--fs-label),1.5cqw,14px)}.hand-group .card .types{font-size:var(--fs-label)}.hand-group .card .reach{width:clamp(9px,1.5cqw,12px);height:clamp(9px,1.5cqw,12px)}.hand-group .card{padding:clamp(4px,1cqw,8px) clamp(4px,1.1cqw,9px);line-height:1.3}.hand-group .card .types{margin-top:2px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.hand-group .card .role{top:4px;right:5px}.skinned .hand-group .card{padding:2px 3px}.launch{flex:0 0 250px;width:250px;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center}.launch .hint{min-height:2.6em;overflow:hidden}.group{min-width:0;background:#080b1180;border:1px solid var(--line);border-radius:6px;padding:8px 10px}.skinned .group{border:0;border-radius:0;border-style:solid;border-color:transparent;border-width:var(--skin-group-width, 0);border-image:var(--skin-group-image) var(--skin-group-slice, 0) stretch;background:#06090e8c padding-box;padding:2px 4px}.rail .group{flex:0 0 auto}.group>h3{margin:0 0 6px;padding-bottom:4px;font-family:var(--font-display);font-size:var(--fs-head);letter-spacing:.08em;color:var(--gold);font-weight:600;border-bottom:1px solid rgba(255,209,102,.16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skinned .group>h3{text-shadow:0 1px 2px rgba(0,0,0,.8)}.stat{display:flex;align-items:center;gap:5px;outline:none;cursor:default}.stat>.mark{width:18px;height:18px}.stat .label{color:var(--text-2);font-size:var(--fs-label);font-family:var(--font-ui);font-weight:500;align-self:flex-end;padding-bottom:2px}.stat .value{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em}.stat .value small{font-size:var(--fs-label);font-weight:500;color:var(--text-2);margin-left:3px}.stat:focus-visible{box-shadow:0 0 0 2px var(--gold-dim);border-radius:3px}.stat.army>.mark{color:var(--text-2)}.stat.x-opp>.mark{color:var(--danger)}.stat.gold .value{color:var(--gold)}.stat.merc .value{color:var(--essence)}.stat.king .value{color:var(--accent)}.spacer{flex:1 1 auto}#hud-readout{display:flex;align-items:center;justify-content:flex-start;gap:inherit;min-width:0;overflow:hidden}#hud-readout>.stat.x-opp{display:none}#hud{container-type:inline-size;container-name:hud}@container hud (min-width: 1500px){#hud-readout>.stat.x-opp{display:flex}}#hud-right{display:flex;align-items:center;gap:12px;min-width:0}.timer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;outline:none;cursor:default;font-variant-numeric:tabular-nums}.timer-head{display:flex;align-items:center;gap:7px;min-width:0}.timer .mark{flex:none;width:18px;height:18px;color:var(--gold)}.timer.combat .mark{color:var(--danger)}.timer .phase{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text)}.timer .value{flex:none;font-size:var(--fs-value);font-weight:600;line-height:1}.timer:focus-visible{box-shadow:0 0 0 2px var(--gold-dim);border-radius:3px}.timer.urgent .value{color:var(--gold)}.timer-bar{position:absolute;left:10px;right:10px;bottom:3px;height:2px;display:block;background:var(--gold-dim);transform-origin:left center}.timer.urgent .timer-bar{background:var(--danger)}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.45}}.timer.urgent .value{animation:timer-pulse 1s steps(1,end) infinite}:root.reduce-motion .timer.urgent .value{animation:none}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;font:inherit;font-family:var(--font-ui);font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:7px 12px;cursor:pointer}.dialog .buttons button,.menu-back,.profile-actions button,.tutorial-nav button{font-family:var(--font-display);font-size:max(var(--fs-head),1em);font-weight:600}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}.card.locked{opacity:.45;cursor:not-allowed}.card.locked:hover{border-color:var(--line)}#reroll.locked,.merc-btn.locked,.card.econ.locked{cursor:not-allowed}:root:not(.skinned) :is(#reroll,.merc-btn,.card.econ).locked:not(.unaffordable){opacity:.7}.card.econ.locked>.mark{opacity:.55}button.primary{background:#1d3a52;border-color:#2f6f9e}.skinned button{background:none;border:0;border-radius:0;border-style:solid;border-color:transparent;border-width:var(--skin-btn-default-width, 12px);border-image:var(--skin-btn-default-normal) var(--skin-btn-default-slice, 12) fill stretch;padding:0 2px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.skinned button:hover:not(:disabled){border-image-source:var(--skin-btn-default-hover)}.skinned button:active:not(:disabled){border-image-source:var(--skin-btn-default-active)}.skinned button:disabled,.skinned .card.locked{border-image-source:var(--skin-btn-default-disabled);opacity:1}.skinned button.primary{border-image-source:var(--skin-btn-primary-normal);border-width:var(--skin-btn-primary-width, 12px)}.skinned button.primary:hover:not(:disabled){border-image-source:var(--skin-btn-primary-hover)}.skinned button.primary:active:not(:disabled){border-image-source:var(--skin-btn-primary-active)}.skinned button.primary:disabled{border-image-source:var(--skin-btn-primary-disabled)}.skinned #ready.big{border-image-source:var(--skin-btn-ready-normal);border-width:var(--skin-btn-ready-width, 12px)}.skinned #ready.big:hover:not(:disabled){border-image-source:var(--skin-btn-ready-hover)}.skinned #ready.big:active:not(:disabled){border-image-source:var(--skin-btn-ready-active)}.skinned #ready.big:disabled{border-image-source:var(--skin-btn-ready-disabled)}.rail-right .shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.rail-right .shop .card{width:auto}.rail-right .king-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.rail-right .king-row .card{width:auto;padding:6px 5px}.rail-right .king-row .card .name{font-size:var(--fs-label)}.card.econ{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 5px;text-align:center}.card.econ>.mark{width:22px;height:22px;color:var(--accent)}.card.econ.king>.mark{color:#5aa9f0}.card.econ .cost{display:flex;gap:6px;justify-content:center}.card.econ .types{margin-top:0}.card .label{display:block;font-size:var(--fs-label);color:var(--text-2);font-family:var(--font-ui);font-weight:500}.card:disabled>.mark{opacity:.55}.card .cost .marked .mark{width:1.05em;height:1.05em}.card .cost .marked{color:inherit}.merc-btn .types.income{color:var(--good)}.group>h3{display:flex;align-items:center;gap:6px}.group>h3>.mark{width:15px;height:15px;color:var(--gold)}.group>h3 .help{margin-left:auto;color:var(--dim);display:inline-flex;cursor:default;outline:none}.group>h3 .help .mark{width:14px;height:14px;color:inherit}.group>h3 .help:hover,.group>h3 .help:focus-visible{color:var(--gold)}#shop,#hero-slot{display:contents}.shop{display:flex;gap:6px;flex-wrap:wrap}.card{position:relative;width:var(--card-w);max-width:100%;text-align:left;padding:6px 7px;line-height:1.2;overflow:hidden}.card .name{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .cost{font-size:13px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums}.card .types{font-size:var(--fs-label);font-weight:500;color:var(--text-2);display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .reach{width:12px;height:12px;vertical-align:-2px;margin-right:3px}.card .mark.reach{display:inline-block}.card .reach-melee{color:#e8a36b}.card .reach-ranged{color:#3fd6ff;filter:drop-shadow(0 0 2px rgba(63,214,255,.8))}.card.selected{border-color:var(--accent);background:#1d3a52}.skinned .card{border-width:var(--skin-card-width, 0);border-image:var(--skin-card-image) var(--skin-card-slice, 0) fill stretch;padding:0 1px}.skinned .card.hero{border-width:var(--skin-cardHero-width, 0);border-image:var(--skin-cardHero-image) var(--skin-cardHero-slice, 0) fill stretch;background:none;box-shadow:none}.skinned .card.selected{background:none;box-shadow:0 0 0 1px var(--gold),0 0 14px #ffd16659}.card.hero{border-color:#b98c2f;background:linear-gradient(160deg,#2a2312,#1a1a24);box-shadow:0 0 0 1px #ffd1662e,0 4px 14px #00000059}.card.hero .name{color:var(--gold)}.card.hero.selected{border-color:var(--gold);background:linear-gradient(160deg,#3b2f14,#24242f)}.card.hero.spent{filter:grayscale(1)}.rail-right>.mercs-group{flex:1 1 auto;min-height:180px;display:flex;flex-direction:column;position:relative}.mercs{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;padding:0 2px 8px 0;scroll-padding:4px 0 44px}.mercs .merc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:none}.mercs .merc-tier{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:5px 2px 0;padding:0;font-family:var(--font-ui);font-size:var(--fs-label);font-weight:500;line-height:1.2;color:var(--text-2);white-space:nowrap}.mercs .merc-tier:first-child{margin-top:2px}.mercs .merc-tier .tier-name{color:var(--gold);font-weight:600}.mercs .merc-tier[hidden]{display:none}.mercs .card.merc-btn{flex:none;width:auto;height:48px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;column-gap:9px;padding:0 6px 0 4px;text-align:left}.mercs .merc-btn .merc-id{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.mercs .merc-btn .name{font-size:13px;font-weight:600;line-height:1.15;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mercs .merc-btn .name.two-line{white-space:normal;overflow-wrap:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.mercs .merc-btn .merc-aura{align-self:flex-start;margin:0;padding:0 6px 0 4px;line-height:1.2;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#06090e8c}.mercs .merc-btn .merc-nums{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.mercs .merc-btn .cost{font-size:14px;line-height:1.1}.mercs .merc-btn .types.income{margin:0;font-size:var(--fs-label);font-weight:600;line-height:1.1}.mercs .merc-btn .types.income .mark{width:13px;height:13px}.merc-btn .cost{color:var(--essence)}.unlock-advanced .cost:where(:first-child){color:var(--gold)}.mercs-more{position:absolute;left:0;right:0;bottom:0;height:66px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;background:linear-gradient(#0e141f00,#0e141ff5 70%);pointer-events:none}.mercs-more[hidden]{display:none}.mercs-more-btn,.skinned .mercs-more-btn,.skinned .mercs-more-btn:hover:not(:disabled){pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:0;padding:2px 8px;border:0;border-image:none;background:none;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.9)}.mercs-more-btn svg{flex:none}#tooltip{position:fixed;z-index:50;max-width:calc(280px * var(--ui-scale, 1));background:#0b1018;border:1px solid var(--line);border-radius:8px;padding:calc(9px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));font-size:max(13px,calc(14px * var(--ui-scale, 1)));line-height:1.45;pointer-events:none;box-shadow:0 10px 30px #0009}.skinned #tooltip{border:0;border-radius:0;border-style:solid;border-color:transparent;border-width:var(--skin-tooltip-width, 0);border-image:var(--skin-tooltip-image) var(--skin-tooltip-slice, 0) fill stretch;padding:2px 4px}#tooltip h4{margin:0 0 4px;color:var(--gold);font-family:var(--font-display);font-weight:600;letter-spacing:.04em;font-size:max(var(--fs-head),calc(15px * var(--ui-scale, 1)))}#tooltip h4 .reach{width:14px;height:14px;vertical-align:-2px;margin-right:5px}#tooltip h4 .mark.reach{display:inline-block}#tooltip h4 .reach-melee{color:#e8a36b}#tooltip h4 .reach-ranged{color:#3fd6ff;filter:drop-shadow(0 0 2px rgba(63,214,255,.8))}#tooltip dl{margin:5px 0 0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}#tooltip dt{color:var(--text-2)}#tooltip dd{margin:0;font-variant-numeric:tabular-nums}#tooltip .desc{color:var(--text-2);margin:4px 0 0}#tooltip h4 .mark.in-title{width:16px;height:16px;vertical-align:-3px;margin-right:6px}#tooltip .body{margin:0}#tooltip .need{margin:6px 0 0;color:var(--danger);font-weight:600}.audio-controls{display:flex;flex-direction:row;gap:10px;align-items:center;opacity:1;transition:opacity .15s}.audio-name.off{color:#6d7b8d;text-decoration:line-through;text-decoration-thickness:1.5px}.audio-name.on{color:var(--gold)}#audio-controls{flex:0 0 auto}#menu-audio{position:fixed;top:10px;right:calc(12px + var(--menu-gutter, 0px));z-index:1}#menu-identity{position:fixed;top:10px;left:12px;z-index:1}#menu.has-back #menu-identity{left:calc(12px + var(--menu-back-w) + 10px)}.identity-bar{display:flex;align-items:stretch;gap:2px;padding:2px;border-radius:999px;background:#0a0e16b8;border:1px solid rgba(224,194,94,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(48vw,340px)}.identity-who,.identity-crowns,.identity-friends{display:flex;align-items:center;gap:8px;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--text);font-family:var(--font-ui);cursor:pointer;flex:1 1 auto;min-width:0}.identity-crowns{flex:0 0 auto;color:var(--gold);font-variant-numeric:tabular-nums}.skinned .identity-who,.skinned .identity-crowns{border:0;border-image:none;border-radius:999px;padding:4px 10px;background:transparent}.identity-bar.has-friends{max-width:min(66vw,470px)}.friend-dot{width:8px;height:8px;border-radius:50%;background:#5b6b80;flex:0 0 auto}.friend-dot.on{background:#58c470;box-shadow:0 0 6px #58c470b3}.skinned .identity-bar{border:1px solid rgba(224,194,94,.22);border-image:none}.identity-who:hover,.identity-crowns:hover,.identity-friends:hover,.skinned .identity-who:hover,.skinned .identity-crowns:hover{background:#e0c25e1f}.identity-who:focus-visible,.identity-crowns:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.identity-lines{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}.identity-name{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-sub{font-size:var(--fs-label);font-weight:500;color:var(--text-2);white-space:nowrap}.identity-crowns .mark{width:14px;height:14px}.identity-crowns .wallet-silver{color:#d6dde8;margin-left:8px}.supporter-name .mark.crown{width:12px;height:12px;vertical-align:-2px;margin-right:3px;color:var(--gold)}.round-top .tag.boss .mark{width:12px;height:12px}.stat.wave .value .mark.boss{width:14px;height:14px;color:var(--gold);margin-left:3px;vertical-align:-2px}.identity-crowns span{font-size:13px;font-weight:600}.avatar-xs{width:28px;height:28px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#ffffff0f}@media (max-width: 620px){.identity-sub{display:none}.identity-bar{max-width:42vw}}.audio-channel{display:flex;align-items:center;gap:6px}.audio-name{font-size:var(--fs-label);color:var(--text-2);font-family:var(--font-ui);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.9)}.audio-toggle{width:24px;height:24px;padding:0;flex:none;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--line);background:#06090ec7;color:var(--text);cursor:pointer;line-height:0}.audio-toggle svg{width:16px;height:16px;display:block}.audio-toggle.on{color:var(--gold);border-color:#ffd166bf;background:#ffd1662e;box-shadow:0 0 0 1px #ffd1661f,0 0 8px #ffd1662e}.audio-toggle.off{color:#67737f;border-color:#39424f;background:#04060af5;box-shadow:inset 0 1px 3px #000000b3}.audio-toggle:hover{border-color:var(--gold)}.audio-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#announce{grid-area:stage;align-self:start;justify-self:center;margin-top:12%;z-index:60;pointer-events:none;text-align:center;font-family:var(--font-display);padding:14px 34px;background:#06090ec7;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 40px #0009;animation:announce-in .35s ease-out,announce-out .5s ease-in 3.1s forwards}#announce[hidden]{display:none}.announce-title{font-size:clamp(28px,4vw,56px);font-weight:800;letter-spacing:.12em;color:var(--gold);text-shadow:0 2px 0 #000,0 0 24px rgba(255,200,80,.45)}#announce.shutdown .announce-title{color:var(--danger);text-shadow:0 2px 0 #000,0 0 24px rgba(255,80,80,.5)}.announce-detail{margin-top:6px;font-size:15px;color:var(--text)}@keyframes announce-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}@keyframes announce-out{to{opacity:0}}#menu-version{position:fixed;right:calc(14px + var(--menu-gutter, 0px));bottom:10px;z-index:1;font-size:13px;color:#ffffffd9;font-family:var(--font-ui);font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.95);pointer-events:none}.dialog.summary{width:min(700px,94vw);display:flex;flex-direction:column;gap:14px;text-align:left;max-height:calc(100vh - 16px);overflow-y:auto}.skinned .dialog.summary{padding:8px 22px 6px}.over-head{display:flex;flex-direction:column;gap:6px;text-align:center}.dialog.summary h2{margin:0;font-size:38px;line-height:1.1;letter-spacing:.05em}.dialog.summary.lost h2{color:#ffb0a8}.dialog.summary.none h2{color:var(--text)}.dialog.summary .over-head p{margin:0}.dialog .over-result{font-size:18px;font-weight:600;color:var(--text)}.over-chip{display:inline-block;margin-right:6px;padding:1px 8px;vertical-align:1px;border:1px solid #6b5a2c;border-radius:10px;background:#1d2638;color:var(--gold);font-size:var(--fs-label);font-weight:600;line-height:1.4}.summary-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.summary-table th,.summary-table td{padding:6px 10px}.summary-table thead th{font-size:13px;font-weight:600;color:var(--text-2);text-align:right;border-bottom:1px solid #3b4e70}.summary-table thead th:first-child{text-align:left}.summary-table tbody th{text-align:left;font-weight:500;color:#d7e0ec}.summary-table td{width:120px;text-align:right;color:var(--text-2)}.summary-table td.best{font-weight:700;color:var(--text)}.summary-table tbody tr:nth-child(2n){background:#ffffff09}.over-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}.dialog.summary .buttons{justify-content:flex-end}.dialog.summary .buttons button{min-width:140px;min-height:48px;padding-left:14px;padding-right:14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.dialog.summary .buttons button.primary{min-width:170px}.dialog.summary .buttons kbd{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:0;line-height:1;padding:3px 6px;border:1px solid #3b4e70;border-bottom-width:2px;border-radius:5px;background:#0d1420;color:var(--text);opacity:.9}#overlay .over-tell{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;border:0;border-image:none;border-radius:3px;background:none;box-shadow:none;text-shadow:none;color:var(--accent);font-family:var(--font-ui);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}#overlay .over-tell svg{width:8px;height:12px;flex:none;transition:transform .15s ease}#overlay .over-tell[aria-expanded=true] svg{transform:rotate(90deg)}#overlay .over-tell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-height: 780px){.dialog.summary{gap:10px}.dialog.summary h2{font-size:32px}.summary-table th,.summary-table td{padding-top:4px;padding-bottom:4px}}#inspect-move.moving{border-color:var(--gold);color:var(--gold)}.inspect-actions button.locked{cursor:not-allowed}.inspect-actions button.locked:not(.unaffordable){opacity:.45}.inspect-actions button.locked:hover{border-color:var(--line)}.skinned .inspect-actions button.locked{border-image-source:var(--skin-btn-default-disabled)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090ed1;display:flex;align-items:center;justify-content:center;z-index:100}#overlay[hidden]{display:none}.dialog{font-family:var(--font-ui);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 30px;text-align:center;min-width:320px}.skinned .dialog{border:0;border-radius:0;border-style:solid;border-color:transparent;border-width:var(--skin-dialog-width, 0);border-image:var(--skin-dialog-image) var(--skin-dialog-slice, 0) fill stretch;background:var(--skin-texture-parchment, var(--panel)) padding-box;padding:10px 16px}.dialog h2{margin:0 0 6px;font-size:26px;color:var(--gold);letter-spacing:.04em}.dialog p{margin:0 0 18px;color:var(--text-2);font-size:var(--fs-body)}.dialog .buttons{display:flex;gap:10px;justify-content:center}.hint{color:var(--text-2);font-size:var(--fs-body);margin:5px 0 0;line-height:1.4}.launch .hint{margin:0;text-align:center;font-size:var(--fs-label);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dock .group>h3{margin-bottom:4px;padding-bottom:2px}.inspect{min-width:0}.inspect-head{display:flex;flex-direction:column;margin-bottom:8px;padding-right:66px;min-height:48px;justify-content:center}.inspect-name{font-weight:700;font-size:17px;color:var(--gold);line-height:1.15}.inspect-sub{font-size:13px;color:var(--text-2)}.hpbar{height:4px;border-radius:2px;background:#0b0e14;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 0 0 1px #ffd1662e}.hpbar>span{display:block;height:100%;background:var(--accent)}.inspect-cols{display:grid;grid-template-columns:316px minmax(0,1fr);column-gap:22px;align-items:start}.inspect.solo .inspect-cols{grid-template-columns:minmax(0,1fr);row-gap:8px}.inspect-main{display:flex;flex-direction:column;gap:8px;min-width:0}.inspect-main>:is(p,.vet-row){margin:0}.inspect-stats{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px;font-size:14px;align-content:start}.inspect-stats dt{font-family:var(--font-ui);font-size:13px;color:var(--text-2);white-space:nowrap}.inspect-stats dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.inspect-stats .dim{color:var(--text-2);font-weight:500}.inspect-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inspect-actions button,.inspect-upgrades .card.upgrade{display:flex;align-items:center;gap:6px;min-height:36px;padding-top:0;padding-bottom:0;font-size:14px;white-space:nowrap}.inspect-actions button{justify-content:center;gap:5px;padding-left:4px;padding-right:4px}.inspect-actions button>.label{overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.1;text-align:center}.inspect-upgrades .card.upgrade{white-space:normal;padding-top:3px;padding-bottom:3px}.inspect-upgrades .card.upgrade :is(.name,.types){white-space:normal;line-height:1.2}:is(.inspect-actions,.inspect-upgrades) .mark{flex:none;width:15px;height:15px}:is(.inspect-actions,.inspect-upgrades) kbd{flex:none;margin-left:2px}.inspect .undo-hint{font-size:var(--fs-label);color:var(--text-2);line-height:1.35}.inspect .undo-hint kbd{margin:0 1px;opacity:.8}.inspect .skill{font-size:13px;line-height:1.35;color:var(--text-2)}.inspect .skill strong{color:var(--text)}.inspect .vet-text{grid-template-columns:auto minmax(0,1fr)}.inspect .vet-label{grid-row:1;grid-column:1}.inspect .vet-xp{grid-row:1;grid-column:2}.inspect .vet-bar{grid-row:2;grid-column:1 / -1}kbd{display:inline-block;padding:0 4px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:3px;font:inherit;font-size:.85em;opacity:.55;vertical-align:baseline}button:disabled kbd{opacity:.3}#ready.big{font-size:14px;font-weight:600;padding:9px 14px;min-width:0}#ready.big:not(:disabled){background:#1d4a2f;border-color:#3f8f5f}#ready.big:not(:disabled):hover{border-color:#6fd08f}.skinned #ready.big:not(:disabled),.skinned #ready.big:not(:disabled):hover{background:none;border-color:transparent}#reroll{font-size:13px;padding:6px 10px}.skill{margin:6px 0 0;padding:5px 7px;font-size:max(13px,.93em);line-height:1.4;border-left:2px solid var(--gold);background:#ffd16612;color:var(--text-2)}.skill strong{color:var(--gold)}.card .role{position:absolute;top:2px;right:3px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:#00000059}.card .role-icon,.card .role .mark{width:12px;height:12px;display:block}.card .role-tank{color:#9fb8d6}.card .role-dps{color:#ff7b5c}.card .role-versatile{color:#b9c46e}.card .role-aoe{color:#d98cff}.card .role-support{color:#5fd9a3}.card .role-hero{color:var(--gold)}.card.selected .role{background:#ffd16638}.inspect.foreign .inspect-name{color:var(--danger)}.stat .value,.timer{font-family:var(--font-ui)}.group>h3,.dialog h2,.inspect-name,.round-name{font-family:var(--font-display)}.wave-head{margin:0 0 6px;font-size:13px;line-height:1.35;color:var(--text)}.wave-head.boss{color:var(--gold);font-weight:700}.wave-head.clean{color:var(--good)}.wave-head.leak{color:var(--danger)}.wave-list{list-style:none;margin:0 0 6px;padding:0}.wave-list li{display:flex;align-items:baseline;gap:6px;padding:2px 0;border-bottom:1px solid rgba(255,209,102,.12);font-size:13px}.wave-list li:last-child{border-bottom:0}.wave-list .who{color:var(--text)}.wave-list .stats{color:var(--text-2);font-size:var(--fs-label);margin-left:auto}.round{padding:2px 0}.round-top{display:flex;align-items:baseline;gap:6px}.round-no{color:var(--text-2);font-size:var(--fs-label);font-weight:500}.round-name{margin:1px 0 6px;font-size:17px;line-height:1.15;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8)}.round.boss .round-name{color:var(--gold)}.round-top .tag.boss{margin-left:auto;color:var(--gold);display:inline-flex;align-items:center;gap:3px;border:1px solid currentColor;border-radius:3px;padding:0 4px;font-size:var(--fs-label);font-weight:600}.round-facts{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:13px}.round-facts dt{color:var(--text-2);display:flex;align-items:center;gap:4px;outline:none;cursor:default}.round-facts dt>.mark{width:13px;height:13px}.round-facts dt .label{font-size:inherit;font-weight:500}.round-facts dt.ahead>.mark{color:var(--gold)}.round-facts dt.behind>.mark{color:var(--warn)}.round-facts dt:focus-visible{box-shadow:0 0 0 2px var(--gold-dim);border-radius:3px}.round-no{display:inline-flex;align-items:center;gap:4px}.round-no>.mark{width:12px;height:12px}#inspector .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;color:var(--dim);opacity:.7;outline:none;cursor:default}#inspector .empty>.mark{width:22px;height:22px}#inspector .empty .label{font-size:var(--fs-label)}#inspector .empty:focus-visible{box-shadow:0 0 0 2px var(--gold-dim);border-radius:3px}#reroll,#ready{display:inline-flex;align-items:center;justify-content:center;gap:7px}#reroll>.mark,#ready>.mark{width:16px;height:16px}#ready>.mark{color:currentColor}#reroll .marked .mark{width:1em;height:1em}.round-facts dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.round-facts dd.level{color:var(--text)}.round-facts dd.ahead{color:var(--gold)}.round-facts dd.behind{color:var(--warn)}.round-facts dd.level,.round-facts dd.ahead,.round-facts dd.behind{cursor:help}.round-facts dd.counter{color:var(--gold)}.wave-sent{margin:6px 0 0;padding:3px 6px;font-size:var(--fs-label);color:var(--merc);border-left:2px solid currentColor;background:#ff8fb114}.wave-reinforce{margin:5px 0 0;padding:3px 6px;font-size:var(--fs-label);color:var(--danger);border-left:2px solid currentColor;background:#ff5a5a14}.stat.army .value{color:var(--text)}.stat.army.danger .value{display:inline-flex;align-items:center;gap:6px}.stat.army.danger .value:after{content:"";flex:none;width:.82em;height:.78em;background:var(--warn);-webkit-mask:var(--warn-mark) center / contain no-repeat;mask:var(--warn-mark) center / contain no-repeat}:root{--warn-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 1.5 15 14H1z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8 6v3.6' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11.6' r='1'/%3E%3C/svg%3E")}.upgrade-head{margin:0;font-size:13px;color:var(--text-2)}.inspect-upgrades{display:flex;flex-direction:column;gap:6px}.inspect-upgrades:empty{display:none}.inspect-upgrades .card.upgrade{width:auto;max-width:none;padding-left:10px;padding-right:10px}.inspect-upgrades .card.upgrade .name{flex:0 1 auto;min-width:0;font-size:14px}.inspect-upgrades .card.upgrade .cost{flex:none;font-size:14px}.inspect-upgrades .card.upgrade .types{flex:1 1 auto;min-width:0;margin:0 0 0 4px;font-weight:500}.inspect-upgrades .card.upgrade kbd{margin-left:auto}.inspect-upgrades .card.upgrade:not(.locked){border-color:var(--good)}.inspect-upgrades .card.upgrade.locked{cursor:not-allowed}.type-mark{white-space:nowrap}.type-mark:before{content:"";display:none;width:1em;height:1em;margin-right:.3em;vertical-align:-.15em;background-size:contain;background-repeat:no-repeat;background-position:center}.type-mark.attack-slash:before{background-image:var(--icon-attack-slash)}.type-mark.attack-pierce:before{background-image:var(--icon-attack-pierce)}.type-mark.attack-impact:before{background-image:var(--icon-attack-impact)}.type-mark.attack-arcane:before{background-image:var(--icon-attack-arcane)}.type-mark.armor-light:before{background-image:var(--icon-armor-light)}.type-mark.armor-medium:before{background-image:var(--icon-armor-medium)}.type-mark.armor-heavy:before{background-image:var(--icon-armor-heavy)}.type-mark.attack-occult:before{background-image:var(--icon-attack-occult)}.type-mark.attack-holy:before{background-image:var(--icon-attack-holy)}.type-mark.attack-normal:before{background-image:var(--icon-attack-normal)}.type-mark.attack-astral:before{background-image:var(--icon-attack-astral)}.type-mark.armor-warded:before{background-image:var(--icon-armor-warded)}.type-mark.armor-divine:before{background-image:var(--icon-armor-divine)}.type-mark.armor-astral:before{background-image:var(--icon-armor-astral)}.type-mark.armor-rune:before{background-image:var(--icon-armor-rune)}.type-mark.armor-unarmored:before{background-image:var(--icon-armor-unarmored)}.skinned .type-mark:before{display:inline-block}.mark{display:inline-block;width:1em;height:1em;vertical-align:-.16em;flex-shrink:0}.mark.paint{background-size:contain;background-repeat:no-repeat;background-position:center}.mark.tint{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.marked{display:inline-flex;align-items:center;gap:.18em;white-space:nowrap}.mark-gold{background-image:var(--mark-gold)}.mark-essence{background-image:var(--mark-essence)}.mark-miner{background-image:var(--mark-miner)}.mark-income{background-image:var(--mark-income)}.mark-crowns{background-image:var(--mark-crowns)}.mark-silver{background-image:var(--mark-silver)}.mark-army{background-color:var(--mark-army-on);-webkit-mask-image:var(--mark-army);mask-image:var(--mark-army)}.mark-wave{background-color:var(--mark-wave-on);-webkit-mask-image:var(--mark-wave);mask-image:var(--mark-wave)}.mark-build{background-color:var(--mark-build-on);-webkit-mask-image:var(--mark-build);mask-image:var(--mark-build)}.mark-fight{background-color:var(--mark-fight-on);-webkit-mask-image:var(--mark-fight);mask-image:var(--mark-fight)}.mark-clock{background-color:var(--mark-clock-on);-webkit-mask-image:var(--mark-clock);mask-image:var(--mark-clock)}.mark-kinghealth{background-color:var(--mark-kingHealth-on);-webkit-mask-image:var(--mark-kingHealth);mask-image:var(--mark-kingHealth)}.mark-kingarmor{background-color:var(--mark-kingArmor-on);-webkit-mask-image:var(--mark-kingArmor);mask-image:var(--mark-kingArmor)}.mark-kingregen{background-color:var(--mark-kingRegen-on);-webkit-mask-image:var(--mark-kingRegen);mask-image:var(--mark-kingRegen)}.mark-hand{background-color:var(--mark-hand-on);-webkit-mask-image:var(--mark-hand);mask-image:var(--mark-hand)}.mark-reroll{background-color:var(--mark-reroll-on);-webkit-mask-image:var(--mark-reroll);mask-image:var(--mark-reroll)}.mark-ready{background-color:var(--mark-ready-on);-webkit-mask-image:var(--mark-ready);mask-image:var(--mark-ready)}.mark-lock{background-color:var(--mark-lock-on);-webkit-mask-image:var(--mark-lock);mask-image:var(--mark-lock)}.mark-barracks{background-color:var(--mark-barracks-on);-webkit-mask-image:var(--mark-barracks);mask-image:var(--mark-barracks)}.mark-upgrade{background-color:var(--mark-upgrade-on);-webkit-mask-image:var(--mark-upgrade);mask-image:var(--mark-upgrade)}.mark-sell{background-color:var(--mark-sell-on);-webkit-mask-image:var(--mark-sell);mask-image:var(--mark-sell)}.mark-move{background-color:var(--mark-move-on);-webkit-mask-image:var(--mark-move);mask-image:var(--mark-move)}.mark-help{background-color:var(--mark-help-on);-webkit-mask-image:var(--mark-help);mask-image:var(--mark-help)}.mark-options{background-color:var(--mark-options-on);-webkit-mask-image:var(--mark-options);mask-image:var(--mark-options)}.mark-music{background-color:var(--mark-music-on);-webkit-mask-image:var(--mark-music);mask-image:var(--mark-music)}.mark-sfx{background-color:var(--mark-sfx-on);-webkit-mask-image:var(--mark-sfx);mask-image:var(--mark-sfx)}.mark-weak{background-color:var(--mark-weak-on);-webkit-mask-image:var(--mark-weak);mask-image:var(--mark-weak)}.mark-burst{background-color:var(--mark-burst-on);-webkit-mask-image:var(--mark-burst);mask-image:var(--mark-burst)}.mark-rally{background-color:var(--mark-rally-on);-webkit-mask-image:var(--mark-rally);mask-image:var(--mark-rally)}.mark-frenzy{background-color:var(--mark-frenzy-on);-webkit-mask-image:var(--mark-frenzy);mask-image:var(--mark-frenzy)}.mark-ward{background-color:var(--mark-ward-on);-webkit-mask-image:var(--mark-ward);mask-image:var(--mark-ward)}.mark-roletank{background-color:var(--mark-roleTank-on);-webkit-mask-image:var(--mark-roleTank);mask-image:var(--mark-roleTank)}.mark-roledps{background-color:var(--mark-roleDps-on);-webkit-mask-image:var(--mark-roleDps);mask-image:var(--mark-roleDps)}.mark-roleversatile{background-color:var(--mark-roleVersatile-on);-webkit-mask-image:var(--mark-roleVersatile);mask-image:var(--mark-roleVersatile)}.mark-rolesplash{background-color:var(--mark-roleSplash-on);-webkit-mask-image:var(--mark-roleSplash);mask-image:var(--mark-roleSplash)}.mark-rolesupport{background-color:var(--mark-roleSupport-on);-webkit-mask-image:var(--mark-roleSupport);mask-image:var(--mark-roleSupport)}.mark-rolehero{background-color:var(--mark-roleHero-on);-webkit-mask-image:var(--mark-roleHero);mask-image:var(--mark-roleHero)}.mark-reachmelee{background-color:var(--mark-reachMelee-on);-webkit-mask-image:var(--mark-reachMelee);mask-image:var(--mark-reachMelee)}.mark-reachranged{background-color:var(--mark-reachRanged-on);-webkit-mask-image:var(--mark-reachRanged);mask-image:var(--mark-reachRanged)}.mark-warlord{background-color:var(--mark-warlord-on);-webkit-mask-image:var(--mark-warlord);mask-image:var(--mark-warlord)}.mark-duel{background-color:var(--mark-duel-on);-webkit-mask-image:var(--mark-duel);mask-image:var(--mark-duel)}.mark-supporter{background-color:var(--mark-supporter-on);-webkit-mask-image:var(--mark-supporter);mask-image:var(--mark-supporter)}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:safe center;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;background-position:center;background-size:cover;background-color:#0a0d14;background-image:radial-gradient(ellipse at 50% 35%,rgba(60,82,130,.35),transparent 62%),linear-gradient(180deg,#0a0d14,#101725 55%,#070a10)}#menu.has-splash{background-image:radial-gradient(ellipse 440px 62% at 50% 56%,#080b12b3,#080b1273 62%,#080b1200),linear-gradient(180deg,#080b1285,#080b1247 45%,#080b12cc),var(--menu-splash);background-size:cover,cover,cover;background-position:center,center,center}#menu[hidden]{display:none}#menu-content{display:contents}.menu-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,34px);padding:clamp(6px,1.4vh,48px) 24px;width:min(680px,92vw);text-align:center}.menu-inner.modes{justify-content:flex-start;gap:clamp(8px,1.5vh,42px)}.menu-logo{display:block;max-width:min(620px,84vw);max-height:min(15vh,230px);width:auto;height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.75))}.menu-logo-text{margin:0;font-family:var(--font-display);font-size:clamp(34px,6.5vw,76px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.05;background:linear-gradient(180deg,#ffe9a8 0%,var(--gold) 45%,#b07a22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.6)}.menu-prompt{margin:0;font-family:var(--font-display);font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 10px rgba(0,0,0,.9);animation:menu-pulse 1.9s ease-in-out infinite}@keyframes menu-pulse{0%,to{opacity:.78}50%{opacity:1}}:root.reduce-motion .menu-prompt{animation:none;opacity:1}.menu-modes{display:flex;flex-direction:column;gap:clamp(4px,.7vh,12px);width:min(420px,88vw)}.menu-mode,.skinned .menu-mode{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(4px,.8vh,16px) 26px;text-align:center;background:linear-gradient(180deg,#8cafe121,#00000038 70%),var(--skin-texture-stone, none) var(--panel);transition:transform .13s ease,filter .13s ease,box-shadow .13s ease}.menu-mode:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;border:1px solid rgba(255,209,102,.26);transition:border-color .13s ease,box-shadow .13s ease}.menu-mode:hover:not(:disabled){transform:translateY(-1px)}.menu-mode:hover:not(:disabled):before{border-color:#ffd16680;box-shadow:inset 0 0 14px #ffd1661a}.menu-mode:active:not(:disabled){transform:translateY(1px);filter:brightness(.94)}.menu-mode-label{position:relative;font-family:var(--font-display);font-size:clamp(var(--fs-head),2.3vh,21px);letter-spacing:.08em}.menu-mode-label:before,.menu-mode-label:after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;transform:rotate(45deg);background:linear-gradient(135deg,#ffe6a8,#a8791f);opacity:.55;transition:opacity .13s ease,box-shadow .13s ease}.menu-mode-label:before{left:-18px}.menu-mode-label:after{right:-18px}.menu-mode:hover:not(:disabled) .menu-mode-label:before,.menu-mode:hover:not(:disabled) .menu-mode-label:after{opacity:1;box-shadow:0 0 6px #ffd166b3}.menu-mode.primary .menu-mode-label{color:#ffe6b0;text-shadow:0 0 14px rgba(255,209,102,.35)}.menu-mode.primary .menu-mode-label:before,.menu-mode.primary .menu-mode-label:after{opacity:.9}.menu-mode.primary{padding:clamp(6px,1.2vh,22px) 26px;background:linear-gradient(180deg,#ffd1662e,#78460a1a 55%,#00000047),var(--skin-texture-stone, none) var(--panel);box-shadow:0 0 22px #ffd1661a}.menu-mode.primary:before{border-color:#ffd16673}.menu-mode.primary .menu-mode-label{font-size:clamp(16px,2.5vh,23px)}.menu-mode.primary:hover:not(:disabled){box-shadow:0 0 30px #ffd1662e}.menu-mode-detail{font-family:var(--font-ui);font-weight:500;font-size:clamp(13px,1.6vh,14px);color:var(--text-2);text-wrap:balance}@media (max-height: 700px){.menu-mode-detail{display:none}}.menu-mode:disabled{filter:saturate(.35)}.menu-mode:disabled .menu-mode-label:before,.menu-mode:disabled .menu-mode-label:after{opacity:.18;box-shadow:none}.has-splash .menu-prompt{color:var(--text)}.has-splash .menu-mode-label,.has-splash .menu-mode-detail{text-shadow:0 2px 6px rgba(0,0,0,.85)}.menu-mode:disabled .menu-mode-label{color:var(--text-2)}button:active:not(:disabled),.card:active:not(:disabled),[role=tab]:active:not(:disabled),.menu-diff:active:not(:disabled),.opt-lang:active{transform:translateY(1px) scale(.985);filter:brightness(1.12)}.card:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--gold),0 0 0 2px #ffd16659}.skinned button:active:not(:disabled){filter:none}button:focus-visible,.card:focus-visible,.menu-mode:focus-visible{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 4px #0009}.spell-offer{display:flex;flex-direction:column;gap:6px}.spell-card{width:auto;text-align:left}.spell-card .types{white-space:normal;line-height:1.3}.spell-card.pending{outline:2px solid #ffd166;outline-offset:1px;box-shadow:0 0 10px #ffd1668c}.inspect .blessed{color:#ffd98a;margin:4px 0}.spell-prompt{color:var(--gold)}.spell-active{display:flex;flex-direction:column;gap:3px}.spell-active b{color:var(--gold);font-family:var(--font-display);font-size:max(var(--fs-head),1em)}.hint.dim{opacity:.7}.menu-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.05em;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.9)}.ui-face{font-family:var(--font-ui);font-weight:600;letter-spacing:.02em}.menu-group{display:flex;flex-direction:column;gap:10px;padding:6px 8px 10px;background:#0a0e16e6;border:1px solid var(--line);border-radius:6px}.skinned .menu-group{border-radius:0;border-style:solid;border-width:var(--skin-group-width, 1px);border-image:var(--skin-group-image) var(--skin-group-slice, 0) fill stretch}#menu .menu-mode.soon{flex-direction:row;justify-content:center;align-items:center;gap:12px;min-height:52px;padding-top:2px;padding-bottom:2px}.menu-mode.soon:before,.menu-mode.soon .menu-mode-label:before,.menu-mode.soon .menu-mode-label:after{display:none}.menu-mode.soon .menu-mode-label{font-size:17px}.menu-mode.soon .menu-mode-detail{font-weight:600}.menu-difficulty{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0 4px;text-align:left}.menu-difficulty-label{font-size:13px;font-weight:500;color:#d7e0ec}.menu-seg{display:flex;border:1px solid #3b4e70;border-radius:8px;overflow:hidden;background:#0d1420}#menu .menu-seg .menu-diff{flex:1 1 0;min-width:0;margin:0;padding:9px 4px;border:0;border-left:1px solid #3b4e70;border-radius:0;border-image:none;background:transparent;color:var(--text-2);text-shadow:none;box-shadow:none;font-family:var(--font-ui);font-size:14px;font-weight:600;text-align:center;white-space:nowrap}#menu .menu-seg .menu-diff:first-child{border-left:0}#menu .menu-seg .menu-diff:hover:not(.selected){background:#7fd1ff14;color:var(--text)}#menu .menu-seg .menu-diff.selected{background:#24406a;color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}#menu .menu-seg .menu-diff:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.menu-mode.locked .menu-mode-label{display:inline-flex;align-items:center;gap:10px;color:#d4c7a8}.menu-mode.locked .menu-mode-label>.mark{width:18px;height:18px;color:var(--gold)}.menu-mode-link{color:var(--accent);font-weight:600}.menu-logo.small{max-width:min(360px,60vw)}.menu-logo-text.small{font-size:clamp(24px,4vw,44px)}.menu-logo-wrap{margin:0;display:contents}.landing{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:34em}.landing p{margin:0;line-height:1.5;color:#d3dcea;font-size:clamp(14px,1.5vw,16px);text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.9)}.landing-lede{color:var(--text);font-weight:600}.landing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:4px;font-size:clamp(12px,1.4vw,15px)}.landing-links a{color:var(--gold);text-decoration:none;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.9)}.landing-links a:hover,.landing-links a:focus-visible{text-decoration:underline}body.desktop .landing{display:none}:root{--menu-back-w: 142px}.menu-back,.skinned .menu-back{position:fixed;top:10px;left:12px;z-index:2;width:var(--menu-back-w);min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 8px;font-size:var(--fs-head);letter-spacing:.06em;color:var(--text);background:#0a0f18e0}.menu-back-chevron{width:9px;height:14px;flex:none}.menu-back-label{white-space:nowrap}.menu-back kbd{font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:0;line-height:1;padding:3px 5px;border:1px solid #3b4e70;border-bottom-width:2px;border-radius:4px;background:#0d1420;opacity:.9}.menu-inner.page{width:min(1100px,94vw);height:min(86vh,900px);gap:12px;padding:3vh 0;text-align:left;align-items:stretch}.menu-inner.page.narrow{width:min(720px,94vw)}.menu-page-head{display:flex;align-items:center;justify-content:space-between}.menu-page-head h2{margin:0;font-family:var(--font-display);color:var(--gold);font-size:22px;letter-spacing:.06em}.menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;background:#0a0e16eb;border:1px solid var(--line);border-radius:6px;padding:14px 18px}.skinned .menu-scroll{border:0;border-image:var(--skin-panel-image) var(--skin-panel-slice, 0) fill stretch;border-width:var(--skin-panel-width, 0);border-style:solid}.wiki{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}.wiki-side{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:10px}.wiki-contents{display:flex;flex-direction:column;gap:2px}.wiki-contents a{color:var(--text-2);text-decoration:none;font-size:14px;padding:4px 8px;border-left:2px solid transparent;border-radius:0 4px 4px 0}.wiki-contents a:hover{color:var(--gold)}.wiki-contents a.on{color:var(--text);border-left-color:var(--accent);background:#7fd1ff14}.wiki-contents a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wiki-search{width:100%;padding:7px 10px;border-radius:6px;border:1px solid #3b4e70;background:#0d1420;color:var(--text);font-family:var(--font-ui);font-size:14px}.wiki-search::placeholder{color:var(--text-2);opacity:.8}.wiki-search:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wiki [hidden]{display:none!important}.wiki-empty{margin:8px 0;font-size:var(--fs-body);color:var(--text-2)}.wiki-body{min-width:0}.wiki-section{margin-bottom:26px}.wiki-section h3{color:var(--gold);font-family:var(--font-display);margin:0 0 8px;font-size:16px;letter-spacing:.06em}.wiki-section h4{margin:14px 0 2px;font-size:14px}.wiki-section p{font-size:13px;line-height:1.5;margin:6px 0}.wiki-section ul{font-size:13px;line-height:1.5;padding-left:18px}.wiki-table{border-collapse:collapse;width:100%;font-size:13px;margin:6px 0 10px}.wiki-table th,.wiki-table td{padding:4px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.wiki-table th{color:var(--text-2);font-weight:600;font-size:var(--fs-label)}.wiki-table tr.boss td{color:var(--gold)}.wiki-table .tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:3px;font-size:var(--fs-label);font-weight:600;vertical-align:middle}.wiki-table .tag.boss{background:#ffd1662e;color:var(--gold)}.wiki-table .tag.advanced{background:#7fd1ff29;color:#7fd1ff}.wiki-table tr.me td{color:var(--gold);font-weight:600}.board-page .board{width:100%}.board-page .board td,.board-page .board th{padding:7px 9px}.board-page .board thead th{position:sticky;top:0;background:var(--panel)}.board-page .rank{font-family:var(--font-ui);font-weight:600;text-align:center;width:2.4em}.board-page .rank.gold{color:#ffd166;text-shadow:0 0 8px rgba(255,209,102,.5)}.board-page .rank.silver{color:#d7dee8}.board-page .rank.bronze{color:#d29a6b}.board-page .who{font-weight:600}.board-page .rate{white-space:nowrap}.board-page .rate .bar{display:inline-block;width:64px;height:6px;margin-right:6px;vertical-align:middle;border-radius:3px;background:#ffffff1a;overflow:hidden}.board-page .rate .bar>i{display:block;height:100%;background:var(--gold)}.board-standing{margin:8px 0 4px;font-family:var(--font-display);color:var(--gold)}.lobby{display:flex;flex-direction:column;gap:10px}.lobby .menu-mode{width:100%}.lobby-join{display:flex;gap:8px;align-items:center}.lobby-join input{width:6em;text-transform:uppercase;letter-spacing:.2em;font-family:var(--font-display);font-size:16px;text-align:center}.lobby-status{margin:6px 0 0;color:var(--text-2)}.lobby-code{display:block;margin-top:8px;font-family:var(--font-display);font-size:34px;letter-spacing:.3em;color:var(--gold)}.crown-packs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}.crown-pack{flex:1 1 150px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;color:var(--text)}.crown-pack:hover{border-color:var(--gold-dim)}.crown-pack-n{font-family:var(--font-display);font-size:19px;color:var(--gold)}.crown-pack-n .mark{width:19px;height:19px}.crown-pack-price{font-size:15px}.crown-pack-save{font-size:var(--fs-label);color:var(--good);font-weight:600}.support-from{margin:0 0 6px;color:var(--gold-dim);font-size:13px;letter-spacing:.04em}.lobby-online{margin:0 0 4px;color:var(--text-2);font-size:13px}.lobby-online.none{color:var(--text)}.lobby-empty{display:flex;flex-direction:column;gap:8px;margin:0 0 4px}.lobby-empty .hint{margin:0}.menu-modes>.lobby-online{text-align:center;margin-bottom:10px}#hud-net{font-size:var(--fs-label);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}#hud-net.slow{color:var(--danger)}#hud-net[hidden]{display:none}#pause-open{height:var(--hud-box-h, 36px);padding:0 10px 0 12px;flex:none;display:flex;align-items:center;gap:8px;border-radius:6px;color:var(--gold);border-color:#ffd16673;background:#ffd1661a;font-family:var(--font-display);font-size:var(--fs-head);font-weight:600;letter-spacing:.04em}#pause-open:hover:not(:disabled){border-color:var(--gold);background:#ffd1662e}#pause-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#pause-open svg,#pause-open .mark{width:16px;height:16px;display:block;flex:none}#pause-open kbd{margin-left:2px;padding:1px 5px;font-family:var(--font-ui);font-size:12px;font-weight:600;letter-spacing:0;color:var(--text);opacity:.85;border-color:#e6edf659}#pause-open[hidden]{display:none}#pause{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090ebd;display:flex;align-items:center;justify-content:center;z-index:96}#pause[hidden]{display:none}.dialog.pause{width:460px;display:flex;flex-direction:column;gap:10px;padding-left:20px;padding-right:20px}.dialog.pause h2{margin:6px 0 0;font-size:30px;line-height:1.1;letter-spacing:.05em}.dialog.pause .pause-status{margin:0 0 8px;font-size:var(--fs-body);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.dialog.pause .buttons{flex-direction:column;align-items:stretch;gap:10px}.dialog.pause .buttons button{min-height:48px;font-size:17px}.dialog.pause .pause-primary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.dialog.pause .pause-primary>kbd{justify-self:end;margin-right:10px}.dialog.pause .pause-rule{width:calc(100% - 12px);margin:8px 6px;border:0;border-top:1px solid #33415e}.hint.warn{color:var(--danger);font-weight:600}.dialog.pause .hint{text-align:center;margin:0}.dialog.pause button[disabled]{opacity:.5;cursor:default}#pause :is(button,input,select,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}#pause kbd.key,.settings-sheet kbd.key,.pause-confirm kbd.key,#tooltip kbd.key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:5px;border:1px solid #3b4e70;border-bottom-width:2px;background:#0d1420;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-label);font-weight:600;letter-spacing:0;line-height:1;opacity:1;text-shadow:none;vertical-align:middle}.dialog.pause-confirm{width:560px;display:flex;flex-direction:column;gap:14px;text-align:left;padding-left:22px;padding-right:22px}.dialog.pause-confirm h2{margin:4px 0 0;font-size:22px;letter-spacing:.05em}.dialog.pause-confirm p{margin:0;font-size:15px;line-height:1.45;color:#d7e0ec}.pause-confirm .confirm-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 4px;flex-wrap:wrap}.pause-confirm .confirm-buttons{display:flex;gap:10px;margin-left:auto}.pause-confirm .confirm-buttons button{min-height:48px;padding-left:16px;padding-right:16px;white-space:nowrap;font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.04em}.pause-confirm #pause-cancel{min-width:130px}.pause-confirm #pause-go{min-width:160px}.settings-esc{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:500;color:var(--text-2);white-space:nowrap}.dialog.settings-sheet{width:min(1020px,calc(100vw - 32px));height:min(720px,calc(100vh - 32px));display:flex;flex-direction:column;text-align:left;padding-left:20px;padding-right:20px}.settings-head{display:flex;align-items:center;gap:12px;padding:6px 0 14px;border-bottom:1px solid #2f3c58}.settings-head h2{margin:0 auto 0 0;font-size:26px;line-height:1.1;letter-spacing:.05em;color:var(--gold)}.settings-head .settings-done{min-width:110px;min-height:40px;padding:0 18px;font-family:var(--font-display);font-size:var(--fs-head);font-weight:600;letter-spacing:.06em}.settings-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:28px;padding-top:16px}.settings-nav{display:flex;flex-direction:column;gap:4px;padding-right:18px;border-right:1px solid #243049;min-height:0;overflow-y:auto}.settings-sheet.settings-sheet .settings-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;box-shadow:none;color:var(--text-2);font-family:var(--font-ui);font-size:16px;font-weight:600;text-align:left;text-shadow:none}.settings-sheet.settings-sheet .settings-nav button:hover:not(:disabled){background:#7fd1ff12;color:var(--text)}.settings-sheet.settings-sheet .settings-nav button[aria-current]{color:#fff;background:#7fd1ff29;box-shadow:inset 0 0 0 1px #7fd1ff8c}.settings-nav svg{flex:none}#pause .settings-nav button:focus-visible,.settings-sheet .settings-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ewg{display:flex;flex-direction:column;gap:16px;color:var(--text);font-family:var(--font-ui)}.ewg-lede{margin:0;font-size:17px;line-height:1.45;color:var(--text);max-width:56em}.ewg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ewg-wide{grid-column:1 / -1}.ewg-card{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;align-items:start;padding:14px 16px;border:1px solid #2a3654;border-radius:10px;background:linear-gradient(180deg,#1c2536b8,#111723b8)}.ewg-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ffd1661a;color:var(--gold)}.ewg-icon svg{width:20px;height:20px}.ewg-text h3{margin:4px 0 6px;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.04em;color:var(--gold)}.ewg-text p{margin:0 0 8px;font-size:var(--fs-body);line-height:1.5;color:#d7e0ec}.ewg-text p:last-child{margin-bottom:0}.ewg-rates{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.ewg-rates li{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;border:1px solid #2f3c58;border-radius:999px;background:#0a0f1899;font-size:var(--fs-label);font-weight:600}.ewg-rates b{font-variant-numeric:tabular-nums}.ewg-rates b.cheaper{color:var(--good)}.ewg-rates b.dearer{color:var(--warn)}.ewg-badge{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--badge) center / contain no-repeat;mask:var(--badge) center / contain no-repeat}.ewg-diagram{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}.ewg-arena{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:10px 12px;border:1px solid #2f3c58;border-radius:10px;background:#0a0f188c;text-align:center}.ewg-arena.middle{border-color:#ffd1668c;background:#ffd16612}.ewg-arena.west{border-color:#7fd1ff8c}.ewg-roundel{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#7fd1ff1a;color:var(--accent)}.ewg-roundel svg{width:22px;height:22px}.ewg-arena.middle .ewg-roundel{background:#ffd1661f;color:var(--gold)}.ewg-arena.east .ewg-roundel{background:#b9c5d61a;color:var(--text-2)}.ewg-arena-name{font-family:var(--font-display);font-size:var(--fs-head);font-weight:700;letter-spacing:.04em;color:var(--text)}.ewg-arena.middle .ewg-arena-name{color:var(--gold)}.ewg-arena-who{font-size:var(--fs-label);font-weight:500;color:var(--text-2)}.ewg-arrow{font-size:24px;color:var(--gold);line-height:1}.ewg-pay{margin:10px 0 0;display:grid;gap:4px}.ewg-pay>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 10px;border-radius:6px;background:#0a0f1880}.ewg-pay dt{font-size:var(--fs-body);color:var(--text-2);white-space:nowrap}.ewg-pay dd{margin:0;font-size:var(--fs-body);font-weight:600;color:var(--essence);text-align:right;font-variant-numeric:tabular-nums}.ewg-tip{margin:10px 0 0!important;padding:8px 10px;border-left:3px solid var(--gold);background:#ffd1660f;border-radius:0 6px 6px 0}.ewg-events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ewg-events li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;font-size:var(--fs-body);line-height:1.45;color:#d7e0ec}.ewg-event{width:34px;height:34px;background:var(--icon) center / contain no-repeat}.ewg-keys{padding:12px 16px;border:1px solid #2a3654;border-radius:10px;background:#11172399}.ewg-keys h3{margin:0 0 8px;font-family:var(--font-display);font-size:var(--fs-head);font-weight:700;letter-spacing:.05em;color:var(--gold)}.ewg-keys dl{margin:0;display:flex;flex-wrap:wrap;gap:8px 22px}.ewg-keys dl>div{display:inline-flex;align-items:center;gap:8px}.ewg-keys dt{font-size:var(--fs-body);color:var(--text-2)}.ewg-keys dd{margin:0;display:inline-flex;gap:4px}.ewg kbd.key{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:5px;border:1px solid #3b4e70;border-bottom-width:2px;background:#0d1420;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-label);font-weight:600;line-height:1}@media (max-width: 900px){.ewg-grid{grid-template-columns:minmax(0,1fr)}}.ewg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#06090ebd}.ewg-overlay[hidden]{display:none}.ewg-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:14px;padding-right:8px}.menu-scroll.ewguide{padding-right:8px}.pause-help-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:14px;padding-right:8px}.settings-pane{min-height:0;overflow-y:auto;padding-right:8px}.settings-section{display:flex;flex-direction:column;min-height:100%}.settings-section[hidden]{display:none}.settings-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:4px}.settings-section h3{margin:0 0 4px;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.05em;color:var(--gold)}.settings-section-head h3{margin:0}.set-lede{margin:0;font-size:var(--fs-body);color:var(--text-2)}.set-sub{margin:18px 0 0;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--gold)}.settings-section .hint{margin:10px 0 0;max-width:64ch}.set-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:24px;row-gap:10px;padding:16px 0;border-bottom:1px solid #243049}.set-label{flex:1 1 240px;min-width:0}.set-row:last-child{border-bottom:0}.set-name{font-size:16px;font-weight:600;color:var(--text)}.set-hint{margin-top:2px;font-size:var(--fs-body);line-height:1.45;color:var(--text-2)}.set-ctl{flex:0 1 auto;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px}.set-row.set-wide .set-label{flex-basis:100%}.set-row.set-wide .set-ctl{margin-left:0;justify-content:flex-start}.settings-sheet.settings-sheet :is(.settings-nav button,.set-seg button,.set-switch,button.keycap,.lang-more,.lang-back,.lang-tile),.settings-sheet.settings-sheet :is(.settings-nav button,.set-seg button,.set-switch,button.keycap,.lang-more,.lang-back,.lang-tile):is(:hover,:active,:disabled){border-image:none;border-style:solid}.settings-sheet.settings-sheet .set-switch{position:relative;flex:none;width:46px;height:26px;padding:0;border:1px solid #3b4e70;border-radius:13px;background:#2a3550;box-shadow:none}.settings-sheet .set-switch .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#9aa8bc;transition:left .12s ease}.settings-sheet.settings-sheet .set-switch.on{background:#2f6aa8;border-color:var(--accent)}.settings-sheet .set-switch.on .knob{left:22px;background:#fff}.settings-sheet.settings-sheet .set-switch:hover:not(:disabled){border-color:var(--accent)}.set-seg{display:inline-flex;border:1px solid #3b4e70;border-radius:8px;overflow:hidden;background:#0d1420}.settings-sheet.settings-sheet .set-seg button{min-width:92px;padding:9px 14px;margin:0;border:0;border-left:1px solid #3b4e70;border-radius:0;background:none;box-shadow:none;color:var(--text-2);font-family:var(--font-ui);font-size:14px;font-weight:600;text-shadow:none;font-variant-numeric:tabular-nums}.settings-sheet.settings-sheet .set-seg button:first-child{border-left:0}.settings-sheet.settings-sheet .set-seg button:hover:not(:disabled):not(.on){background:#7fd1ff14;color:var(--text)}.settings-sheet.settings-sheet .set-seg button.on{background:#24406a;color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}#pause .set-seg button:focus-visible,.settings-sheet .set-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.set-range{display:flex;align-items:center;gap:12px;width:300px;max-width:100%}.set-range input[type=range]{flex:1 1 auto;min-width:0;height:22px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.set-range input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#2a3550}.set-range input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#2a3550}.set-range input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent)}.set-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #7fd1ff73}.set-range input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #7fd1ff73}.set-range input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.set-range .opt-level{min-width:46px;text-align:right;font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.set-min{font-size:var(--fs-label);font-weight:500;color:var(--text-2)}.opt-dial.muted .set-name,.opt-dial.muted .opt-level{color:var(--text-2)}.opt-dial.muted .opt-level{text-decoration:line-through}.opt-dial.muted input[type=range]::-webkit-slider-thumb{background:#9aa8bc}.opt-track select{min-width:260px;max-width:100%;padding:8px 10px;background:#0d1420;border:1px solid #3b4e70;border-radius:8px;color:var(--text);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer}.opt-track select:hover{border-color:var(--accent)}.opt-track select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opt-track option{background:var(--panel-2);color:var(--text)}.key-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:36px;row-gap:18px;margin-top:10px}.key-group .set-sub{margin:0;padding-bottom:6px;border-bottom:1px solid #2f3c58}.key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1f2a40}.key-row:last-child{border-bottom:0}.key-name{font-size:var(--fs-body);font-weight:600;color:var(--text)}.key-caps{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px}.key-or{font-size:var(--fs-label);font-weight:500;color:var(--text-2);margin:0 2px}.settings-sheet.settings-sheet button.keycap{min-width:26px;height:26px;padding:0 7px;border-radius:5px;border:1px solid #4f6890;border-bottom-width:2px;background:#13203a;box-shadow:none;color:var(--text);font-family:var(--font-ui);font-size:var(--fs-label);font-weight:600;letter-spacing:0;text-shadow:none;cursor:pointer}.settings-sheet.settings-sheet button.keycap:hover:not(:disabled){border-color:var(--accent);background:#1a2b4c}.settings-sheet.settings-sheet button.keycap.listening{color:var(--gold);border-color:var(--gold);border-style:dashed}.settings-sheet .hint.warn{color:#ffb4a2}.set-foot{margin-top:auto;padding-top:14px;border-top:1px solid #2f3c58;display:flex;align-items:center;justify-content:space-between;gap:16px}.set-foot .hint{margin:0}.settings-sheet .opt-reset{flex:none;min-height:40px;padding:0 18px;font-family:var(--font-display);font-size:var(--fs-head);font-weight:600;letter-spacing:.06em}.opt-langs{display:flex;flex-wrap:wrap;gap:8px}.opt-lang{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;color:var(--text-2);font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer}.opt-lang:hover{border-color:var(--gold-dim);color:var(--text)}.opt-lang.on{color:var(--gold);border-color:var(--gold);background:var(--panel);box-shadow:inset 0 0 0 1px var(--gold-dim)}.opt-lang:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.opt-lang .flag{width:26px;height:13px;display:block;border-radius:2px;border:1px solid rgba(0,0,0,.55);flex:none}.settings-sheet.settings-sheet .opt-lang,.settings-sheet.settings-sheet .opt-lang:is(:hover,:active):not(:disabled){border:1px solid #3b4e70;border-image:none;border-radius:8px;background:#0d1420;padding:9px 14px 9px 10px;font-size:15px;font-weight:600;text-shadow:none}.settings-sheet.settings-sheet .opt-lang.on{color:#fff;background:#24406a;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.settings-sheet .opt-lang:focus-visible{outline:2px solid var(--accent)}.lang-page{display:flex;flex-direction:column}.lang-page[hidden]{display:none}.lang-page h3{margin:0 0 4px}.settings-sheet.settings-sheet .lang-more{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:16px;padding-block:0;padding-inline:14px 12px;border:1px solid #3b4e70;border-radius:8px;background:#0d1420;box-shadow:none;color:var(--text);font-family:var(--font-ui);font-size:16px;font-weight:600;text-align:start;text-shadow:none}.settings-sheet.settings-sheet .lang-more:hover:not(:disabled){background:#7fd1ff12;border-color:var(--accent)}.lang-more .lang-globe{flex:none;color:var(--accent)}.lang-more-label{flex:1 1 auto;min-width:0}.lang-more-value{flex:none;font-family:var(--font-ui);font-weight:500;color:var(--text-2);letter-spacing:0}.lang-chevron{flex:none;font-size:24px;line-height:1;color:var(--text-2)}.lang-nav{display:flex;align-items:center;gap:12px;margin:0 0 12px;min-height:44px}.lang-nav h3{margin:0}.settings-sheet.settings-sheet .lang-back{display:inline-flex;align-items:center;gap:2px;flex:none;min-height:44px;padding-block:0;padding-inline:6px 12px;border:1px solid #3b4e70;border-radius:8px;background:#0d1420;box-shadow:none;color:var(--accent);font-family:var(--font-ui);font-size:16px;font-weight:600;text-shadow:none}.settings-sheet.settings-sheet .lang-back:hover:not(:disabled){background:#7fd1ff12;border-color:var(--accent)}.lang-back .lang-chevron{color:inherit;font-size:26px;margin-top:-3px}.settings-section[data-pane=language]{height:100%}.lang-page[data-lang-page=other]{flex:1 1 auto;min-height:0}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start;gap:8px;flex:1 1 auto;min-height:136px;overflow-y:auto;padding-inline-end:6px}.settings-sheet.settings-sheet .lang-tile{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding-block:7px;padding-inline:10px 12px;border:1px solid #3b4e70;border-radius:8px;background:#0d1420;box-shadow:none;color:var(--text);text-align:start;text-shadow:none}.settings-sheet.settings-sheet .lang-tile.on{padding-inline-end:30px}.settings-sheet.settings-sheet .lang-tile:hover:not(:disabled):not(.on){background:#7fd1ff14;border-color:var(--accent)}.settings-sheet.settings-sheet .lang-tile.on{background:#24406a;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.settings-sheet.settings-sheet .lang-tile.unavailable{opacity:.45;cursor:not-allowed}.settings-sheet.settings-sheet .lang-tile.unavailable:hover{background:#0d1420;border-color:#3b4e70}.lang-tile .flag{flex:none;width:40px;height:30px;border-radius:3px;border:1px solid rgba(255,255,255,.16);object-fit:cover;background:#1c2536}.lang-text{display:flex;flex-direction:column;gap:1px;min-width:0}.lang-name{font-family:var(--font-ui);font-size:16px;font-weight:600;line-height:1.3;color:var(--text);letter-spacing:0;text-transform:none;overflow-wrap:anywhere}.lang-tile.on .lang-name{color:#fff}.lang-local{font-size:13px;font-weight:500;line-height:1.3;color:var(--text-2);overflow-wrap:anywhere}.lang-check{position:absolute;inset-inline-end:9px;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--accent);visibility:hidden}.lang-tile.on .lang-check{visibility:visible;color:#fff}#pause :is(.lang-more,.lang-back,.lang-tile):focus-visible,.settings-sheet :is(.lang-more,.lang-back,.lang-tile):focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.menu-inner.options-screen{width:auto;padding:56px 16px 16px}#menu .options-screen .dialog.settings-sheet{height:min(720px,calc(100vh - 88px))}:root{--text-scale: 1}.menu-inner:not(.page):not(.options-screen),.menu-inner.page .menu-scroll,.dialog:not(.settings-sheet),.settings-section,.pause-help-body,.ewg-body,.tour-bubble>*,.chat>*,#tooltip>*{zoom:var(--text-scale, 1)}#tooltip{max-width:calc(280px * var(--ui-scale, 1) * var(--text-scale, 1))}.chat{width:calc(300px * var(--text-scale, 1))}.dialog:not(.settings-sheet){max-width:calc((100vw - 32px) / var(--text-scale, 1));max-height:calc((100vh - 32px) / var(--text-scale, 1));overflow-y:auto}:root.reduce-motion .settings-sheet .set-switch .knob{transition:none}:root.cb-colours{--danger: #ff9a2e;--good: #56b4e9}:root.cb-colours .merc-btn .types.income{color:#56b4e9}:root.cb-colours .place-chip.bad{border-color:#ff9a2e}:root.cb-colours .place-chip .place-price.bad{color:#ff9a2e}:root.dim-flashes .fx-strip{opacity:.35}.feedback-box>h3{margin:0 0 10px;font-family:var(--font-display);font-size:var(--fs-head);font-weight:600;letter-spacing:.08em;color:var(--gold)}.feedback-box textarea{display:block;width:100%;box-sizing:border-box;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;resize:vertical;min-height:64px}.feedback-box textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.feedback-box button{margin-top:8px}.feedback-box button[disabled]{opacity:.55;cursor:default}.feedback-box .hint{margin-top:8px;max-width:56ch}.feedback-box .hint.ok{color:var(--good)}.feedback-box .hint.bad{color:var(--danger)}.feedback-box.compact{text-align:left;margin:14px 0 4px}.feedback-box.compact textarea{min-height:48px}.feedback-box.compact .hint:empty{display:none}.over-feedback{text-align:left}.menu-inner.feedback-screen{text-align:left;height:auto;width:min(560px,94vw)}.menu-inner.feedback-screen .menu-scroll{flex:0 0 auto;padding:22px 26px 26px}.feedback-screen>.menu-scroll>.hint{margin:0 0 16px;max-width:56ch}#menu-version{display:flex;align-items:center;gap:10px}#menu-version #menu-feedback{background:none;border:0;padding:0;margin:0;font:inherit;color:var(--gold-dim);text-decoration:underline;text-underline-offset:2px;cursor:pointer}#menu-version #menu-feedback:hover{color:var(--gold)}#menu-version #menu-feedback:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.quit-screen{text-align:center;gap:10px}.menu-inner.page.quit-screen{text-align:center;align-items:center;height:auto}.quit-screen>h2{margin:0;font-family:var(--font-display);font-size:26px;color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.9)}.quit-screen>.hint{margin:0;padding:10px 18px;max-width:34em;color:var(--text-2);background:#0a0e16e0;border:1px solid var(--line);border-radius:6px}.quit-screen .profile-actions{justify-content:center}#resign{font-size:13px;padding:2px 8px;white-space:nowrap}#resign.arming{color:var(--danger);border-color:var(--danger)}#resign[hidden]{display:none}.wiki-table .wiki-name{white-space:normal}.wiki-unit{display:inline-flex;align-items:center;gap:7px}.wiki-thumb{width:30px;height:30px;flex:none;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.wiki-plate{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.wiki-portrait{width:64px;height:64px;object-fit:contain}.wiki-figures{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:12px 0 14px;padding:10px 12px;background:linear-gradient(180deg,#0c111abf,#080b1280);border:1px solid var(--line);border-radius:8px}.wiki-lede{font-size:14px!important;color:var(--text)}.wiki-lede:first-letter{float:left;font-family:var(--font-display);font-size:40px;line-height:.82;padding:4px 8px 0 0;color:var(--gold)}.wiki-quote{margin:12px 0;padding:10px 14px;border-left:2px solid var(--gold-dim);background:#ffd1660d;font-size:13px;line-height:1.55;color:var(--text)}.wiki-section ul li.wiki-hero{display:flex;gap:12px;align-items:center;margin:10px 0;list-style:none}.wiki-section ul:has(>.wiki-hero){padding-left:0}.wiki-damage th{font-size:13px;color:#d7e0ec}.wiki-damage td.strong{color:var(--good);font-weight:600}.wiki-damage td.weak{color:var(--danger)}@media (max-width: 800px){.wiki{grid-template-columns:1fr}.wiki-contents{position:static;flex-direction:row;flex-wrap:wrap}}.chat{position:fixed;left:16px;bottom:236px;width:300px;z-index:55;display:flex;flex-direction:column;background:#0e121beb;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 18px #00000073;opacity:.5;transition:opacity .15s;font-size:13px}.chat:hover,.chat.typing{opacity:1}.chat[hidden]{display:none}.chat-head{display:flex;align-items:center;gap:8px;padding:4px 8px;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--line);font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-2)}.chat-title{flex:1}.chat-scope{font-size:var(--fs-label);padding:1px 8px}.chat[data-scope=party] .chat-scope{color:var(--good);border-color:var(--good)}.chat-lines{height:120px;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.chat-line{line-height:1.3;overflow-wrap:anywhere}.chat-line.system{color:var(--text-2);font-style:italic}.chat-who{font-weight:600;margin-right:6px}.chat-line.mine .chat-who{color:var(--gold)}.chat-line.theirs .chat-who{color:#e08a8a}.chat-input{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 6px 6px;background:#00000059;color:var(--text);padding:6px 8px;font:inherit;outline:none}.chat-input:focus{background:#0000008c}.signin-or{text-align:center;color:var(--text-2);font-size:13px;margin:12px 0}.discord-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;min-height:44px;padding:10px 16px;background:#5865f2;border:1px solid #4752c4;border-radius:7px;color:#fff;font-family:var(--font-display);font-weight:600;text-decoration:none}.discord-button:hover{background:#4752c4}.discord-button svg{width:20px;height:20px}.signin-sent{text-align:center;padding:8px 0 4px}.signin-sent h4{color:var(--gold);margin:0 0 6px}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;margin:2px 0 20px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#0e141ed9,#080b1299)}.profile-card .stat-strip{grid-column:1 / -1;margin:14px 0 0}.profile-who{min-width:0}.profile-name{margin:0;font-size:20px;font-family:var(--font-display)}.profile-meta{margin:3px 0 0;font-size:13px;color:var(--text-2);font-family:var(--font-ui)}.avatar,.avatar-sm{display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.avatar{width:72px;height:72px}.avatar-sm{width:40px;height:40px}.avatar-none{display:flex;align-items:center;justify-content:center;color:var(--gold-dim)}.avatar-none svg{width:70%;height:70%}.avatar-button{padding:4px;border-radius:10px;background:#080b1180;border:1px solid var(--line);cursor:pointer;line-height:0;position:relative}.avatar-button:hover{border-color:var(--gold)}.avatar-edit{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:#06090e;background:var(--gold);border:1px solid #06090e;box-shadow:0 1px 3px #0009}.avatar-button:hover .avatar-edit{background:#ffe79b}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin:10px 0;max-height:320px;overflow-y:auto;padding:8px;background:#080b1166;border:1px solid var(--line);border-radius:8px}.avatar-grid .avatar-tile{aspect-ratio:1;min-height:0;padding:0;display:grid;place-items:center;border-radius:7px;line-height:0}.avatar-grid .avatar-sm{width:100%;height:100%}.avatar-tile.chosen{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.wiki-table.history td{white-space:normal}.wiki-table.history td.when,.wiki-table.history td.num{white-space:nowrap}.stat-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.stat{flex:1 1 84px;min-width:0;text-align:center;padding:9px 6px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0c111acc,#080b128c)}@media (max-width: 520px){.stat-strip{display:grid;grid-template-columns:repeat(6,1fr)}.stat-strip>.stat{grid-column:span 2}.stat-strip>.stat:nth-child(4),.stat-strip>.stat:nth-child(5){grid-column:span 3}}.stat.quiet b{color:var(--dim)}.stat b{display:block;font-family:var(--font-display);font-size:22px;color:var(--gold);line-height:1.1;font-variant-numeric:tabular-nums}.stat-strip .stat span{display:block;font-size:var(--fs-label);color:var(--text-2)}.wiki-table .num,.wiki-table th.num{text-align:right;font-variant-numeric:tabular-nums}.wiki-table.ladders tr.empty td,.wiki-table.ladders tr.empty td:first-child{color:var(--dim)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.result-chip{display:inline-block;padding:1px 7px;border-radius:999px;font-size:var(--fs-label);font-weight:700;border:1px solid currentColor}.result-chip.won{color:var(--good)}.result-chip.lost{color:var(--danger)}.result-chip.left{color:var(--dim)}.wiki-table.history tr.won td:first-child{font-weight:600}.supporter-name{color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:4px}.crown{width:13px;height:13px;flex:none;color:var(--gold)}.support-tiers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.support-tier{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0c111acc,#080b128c)}.support-tier h4{margin:0 0 6px;color:var(--gold)}.support-tier p{font-size:13px;color:var(--text-2);margin:0 0 10px}.support-tier button{width:100%}.support-amount{display:block;font-size:13px;color:var(--text-2);margin:0 0 10px}.support-amount-field{display:flex;align-items:center;gap:6px;margin:4px 0 2px;font-size:15px;color:var(--ink)}.support-amount-field input{width:7ch;min-width:0;text-align:right}.support-amount-per{font-size:13px;color:var(--text-2)}.support-amount .hint{font-size:13px;margin:0}.support-perks li{margin:4px 0}.support-testers li{color:var(--gold);font-family:var(--font-display);letter-spacing:.04em}.support-already{margin:12px 0;padding:10px 14px;border-radius:8px;border:1px solid var(--gold-dim);background:#ffd16612;color:var(--gold)}.support-legal{font-size:13px;line-height:1.5;color:var(--text-2)}.support-legal li{margin:6px 0}.legal-links{margin:16px 0 0;font-size:13px;color:var(--text-2)}.legal-links a{color:var(--text-2)}.legal-links a:hover{color:var(--gold)}.notes-version{margin:0 0 18px}.notes-version h3{margin:0 0 2px;color:var(--gold);font-size:15px}.notes-date{margin:0 0 8px;color:var(--text-2);font-size:13px}.notes ul{margin:0;padding-left:18px}.notes li{margin:4px 0;line-height:1.4}.tutorial{background:#0a0e16eb;border:1px solid var(--line);border-radius:6px;padding:18px 22px;font-size:14px;line-height:1.55}.tutorial h3{color:var(--gold);font-family:var(--font-display);margin:4px 0 8px}.tutorial-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.miner-pair{position:relative;display:flex;align-items:stretch;gap:3px;min-width:0}.miner-pair>.card{flex:1 1 auto;min-width:0}.miner-cancel{flex:0 0 26px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--line);background:var(--panel-2, rgba(255, 255, 255, .04));color:var(--danger);font-size:15px;line-height:1}.miner-cancel .queued{font-size:var(--fs-label);color:var(--text-2);font-variant-numeric:tabular-nums}.miner-cancel:hover{border-color:var(--danger)}.card.building{border-color:var(--gold)}.card .build-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1f}.card .build-bar>i{display:block;height:100%;width:0;background:var(--gold);transition:width .1s linear}.profile{margin-bottom:18px}.profile h3,.profile h4{color:var(--gold);font-family:var(--font-display);margin:0 0 10px}.profile h4+.table-scroll,.profile h4+table,.profile h4+p{margin-top:0}.profile>h4{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.profile-card+h4{margin-top:0;padding-top:0;border-top:0}.profile-more{margin:10px 0 0}.profile-more button{font-size:13px}.profile-footnote{margin-top:18px}.profile-create{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:8px 0}.profile-create label{display:flex;gap:8px;align-items:center}.profile-create input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:6px 9px;min-width:200px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.menu-inner.page.profile-signin{height:auto;width:min(480px,94vw)}.profile-signin .menu-scroll{flex:0 0 auto;padding:22px 26px 24px}.profile-signin .profile{margin-bottom:0}.profile-signin .profile-why{margin:0 0 14px;font-size:var(--fs-body);line-height:1.45;color:var(--text)}.profile-signin .profile-create{align-items:stretch;gap:6px;margin:0}.profile-signin .profile-create label{flex-direction:column;align-items:stretch;gap:6px;font-weight:600}.profile-signin .profile-create input{width:100%;min-width:0;font-size:15px;padding:8px 10px}.profile-signin .profile-create input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.profile-signin .profile-create .hint{margin:0 0 8px}.profile-signin .profile-actions{justify-content:flex-end}.profile-account{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.danger-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}.danger-row .hint{margin:0}.danger-link{color:var(--dim);border-color:transparent}.danger-link:hover{color:var(--danger);border-color:var(--danger)}.skinned .danger-link{border:0;border-image:none;background:none;padding:6px 4px;text-decoration:underline;text-underline-offset:3px}.skinned .danger-link:hover{color:var(--danger);background:none}.danger-box{margin:14px 0 0;padding:12px;border:1px solid var(--danger);border-radius:7px;background:#ff6b6b12;display:flex;flex-direction:column;gap:8px}.danger-box h4{margin:0;color:var(--danger)}.danger-box .hint{margin:0}.danger-box label{display:flex;flex-direction:column;gap:5px;font-size:13px}.danger-box input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:6px 9px;max-width:260px}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover{background:#ff6b6b29}.ladder-tabs{display:flex;gap:6px;margin:4px 0 8px}.ladder-tabs button{font-size:13px;padding:4px 12px}.ladder-tabs button.on{border-color:var(--gold);color:var(--gold)}.wiki-table.board td,.wiki-table.board th{font-variant-numeric:tabular-nums;white-space:nowrap}.wiki-table.records td:first-child{color:var(--gold);white-space:nowrap}.wiki-table.statement tr.spent td:first-child{color:var(--dim)}.wiki-table.statement td.num{white-space:nowrap}.wiki-table.statement .mark{width:12px;height:12px;vertical-align:-2px}.profile-note{color:var(--danger)}button.fav.on{color:var(--gold)}#menu.page-open .menu-inner{justify-content:flex-start}#tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none}#tour[hidden]{display:none}.tour-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070cb8;transition:clip-path .18s ease}.tour-dim[hidden]{display:none}.tour-spot{position:fixed;border:2px solid var(--gold);border-radius:8px;box-shadow:0 0 18px #ffd1668c;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}.tour-spot.also{border-style:dashed;box-shadow:none;opacity:.8}.tour-spot[hidden]{display:none}.tour-bubble{--edge: 1px;position:fixed;pointer-events:auto;display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--gold);border-radius:10px;padding:14px 16px 12px;box-shadow:0 12px 40px #0009;font-family:var(--font-ui);font-size:15px;line-height:1.45;color:#d7e0ec}.skinned .tour-bubble{--edge: 9px;border:9px solid transparent;border-radius:0;border-image:var(--skin-tooltip-image, none) var(--skin-tooltip-slice, 14) fill stretch;background:#1c1915;background-clip:padding-box;padding:8px 12px 6px}.tour-bubble:focus{outline:none}.tour-bubble p{margin:0}.tour-head{display:flex;align-items:center;gap:12px}.tour-bubble .tour-count{font-size:var(--fs-label, 12px);font-weight:500;line-height:1.2;white-space:nowrap;color:var(--text-2, #b9c5d6);letter-spacing:.02em}.tour-progress{flex:1;height:5px;border-radius:3px;background:#26324a;overflow:hidden}.tour-progress>i{display:block;height:100%;border-radius:3px;background:var(--gold);transition:width .2s ease}.tour-bubble h3{margin:0;color:var(--gold);font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.2}.tour-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;font-weight:500;color:var(--text-2, #b9c5d6)}.tour-legend li{display:inline-flex;align-items:center;gap:5px}.tour-legend .mark{width:15px;height:15px}.tour-legend .reach-melee{color:#e8a36b}.tour-legend .reach-ranged{color:#3fd6ff}.tour-legend .role-tank{color:#9fb8d6}.tour-legend .role-dps{color:#ff7b5c}.tour-legend .role-versatile{color:#b9c46e}.tour-legend .role-aoe{color:#d98cff}.tour-legend .role-support{color:#5fd9a3}.tour-legend .role-hero{color:var(--gold)}.tour-try{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#7fd1ff1a;border:1px solid rgba(127,209,255,.45);font-size:14px;font-weight:600;line-height:1.3;color:#cfeeff}.tour-try .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #7fd1ff40;animation:tour-wait 1.4s ease-in-out infinite}.tour-try.done{background:#7bd88f1a;border-color:#7bd88f80;color:#d6f5dd}.tour-try.done .dot{background:var(--good);box-shadow:0 0 0 4px #7bd88f40;animation:none}@keyframes tour-wait{50%{box-shadow:0 0 0 7px #7fd1ff14}}.tour-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px}.tour-nav [data-tour=menu]{margin-right:4px}.tour-steps{display:flex;gap:8px;margin-left:auto}.tour-nav button:not(.tour-link){min-width:0;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.04em}.tour-nav .tour-link{border:0;border-image:none;background:none;padding:4px 0;border-radius:3px;font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1.2;color:var(--text-2, #b9c5d6);text-shadow:none;text-decoration:underline;text-underline-offset:3px}.tour-nav .tour-link:hover:not(:disabled){color:var(--text)}.skinned .tour-nav .tour-link,.skinned .tour-nav .tour-link:is(:hover,:active):not(:disabled){border:0;border-image:none;background:none;box-shadow:none;padding:4px 0;text-shadow:none}.tour-nav .tour-link.tour-esc{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none}.tour-nav .tour-link.tour-esc:hover{text-decoration:underline}.tour-esc kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:5px;border:1px solid #3a4866;border-bottom-width:2px;background:#0d1420;color:var(--text);font:600 12px/1 var(--font-ui);opacity:1}.tour-bubble:after{content:"";position:absolute;width:12px;height:12px;background:var(--panel);border:1px solid var(--gold);transform:rotate(45deg)}.skinned .tour-bubble:after{background:#1c1915;border-color:#8a6a35}.tour-bubble[data-side=below]:after{top:calc(-6px - var(--edge));left:calc(var(--tip, 50%) - 6px - var(--edge));border-right:0;border-bottom:0}.tour-bubble[data-side=above]:after{bottom:calc(-6px - var(--edge));left:calc(var(--tip, 50%) - 6px - var(--edge));border-left:0;border-top:0}.tour-bubble[data-side=right]:after{left:calc(-6px - var(--edge));top:calc(var(--tip, 50%) - 6px - var(--edge));border-right:0;border-top:0}.tour-bubble[data-side=left]:after{right:calc(-6px - var(--edge));top:calc(var(--tip, 50%) - 6px - var(--edge));border-left:0;border-bottom:0}.tour-bubble[data-side=none]:after,.tour-bubble[data-tip=off]:after{display:none}:root.reduce-motion .tour-dim,:root.reduce-motion .tour-spot,:root.reduce-motion .tour-progress>i{transition:none}:root.reduce-motion .tour-try .dot{animation:none}#debug{position:fixed;left:4px;top:40px;z-index:160;font:10px/1.3 monospace;color:#9f9;background:#000000bf;padding:4px 6px;white-space:pre;pointer-events:none;max-width:60vw}#debug[hidden],#pc-only,body.pc-only #app,body.pc-only #menu{display:none}body.pc-only #pc-only{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;overflow-y:auto;background-color:var(--bg, #0e1117);text-align:center;background-image:linear-gradient(#080b128c,#080b12e0),var(--menu-splash-portrait, none);background-size:cover;background-position:center}.pc-only-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:30em;padding:32px 22px calc(32px + env(safe-area-inset-bottom))}.pc-only-game{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(26px,min(8vw,8vh),44px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.1;background:linear-gradient(180deg,#ffe9a8 0%,var(--gold) 45%,#b07a22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.pc-only-glyph{width:56px;height:46px;color:var(--gold);filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.pc-only-title{margin:0;font-family:var(--font-display);font-size:20px;letter-spacing:.08em;color:var(--text)}.pc-only-card>p{margin:0;line-height:1.5;font-size:15px;color:#d6dee9;text-shadow:0 2px 8px rgba(0,0,0,.9)}.pc-only-card>.pc-only-steam{color:var(--gold);font-weight:600}.pc-only-card .landing{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,209,102,.25)}.pc-only-card .landing p{font-size:13px}body.hidpi.skinned button{border:1px solid #7b6030;border-image:none;border-radius:7px;background:linear-gradient(180deg,#2b3446,#1a2130 55%,#141a26);box-shadow:inset 0 1px #ffe1a038,inset 0 -1px #0000008c,0 1px 3px #00000080;padding:7px 12px;text-shadow:0 1px 1px rgba(0,0,0,.6)}body.hidpi.skinned button:hover:not(:disabled){border-color:var(--gold);box-shadow:inset 0 1px #ffe1a04d,0 0 0 1px #ffd16640,0 1px 3px #00000080}body.hidpi.skinned button:active:not(:disabled){background:linear-gradient(180deg,#141a26,#1a2130);box-shadow:inset 0 2px 4px #0009}body.hidpi.skinned button:disabled{opacity:.5}body.hidpi.skinned button.primary{border-color:#8d7236;background:linear-gradient(180deg,#2f5e9a,#1f3f6b 55%,#172f52)}body.hidpi.skinned #ready.big{border-color:#8d7236;background:linear-gradient(180deg,#2f7a45,#1f5630 55%,#164224);font-weight:700}body.hidpi.skinned #ready.big:disabled{background:linear-gradient(180deg,#2a3446,#1a2130)}body.hidpi.skinned .card{border:1px solid #6a5328;border-image:none;border-radius:6px;background:linear-gradient(180deg,#1d2432,#141a25);box-shadow:inset 0 1px #ffe1a024,0 1px 2px #00000080;padding:6px 7px}body.hidpi.skinned .card.hero{border-color:#b98c2f;background:linear-gradient(160deg,#2a2312,#1a1a24)}body.hidpi.skinned .card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 12px #ffd16659}body.hidpi.skinned .card:disabled{opacity:.5}body.hidpi.skinned .audio-toggle{border:1px solid var(--line);border-image:none}body.hidpi #hud-readout .label,body.hidpi .audio-name,body.hidpi .card .types{font-weight:600}body.hidpi .card .name{letter-spacing:.01em}.shop-page{display:block}.shop-wip{font-size:13px;line-height:1.45;color:var(--text-2);border-left:2px solid var(--gold);padding:2px 0 2px 10px;margin:0 0 14px}.shop-balance{font-family:var(--font-display);color:var(--gold);margin:0 0 14px;font-size:15px;letter-spacing:.04em}.shop-balance .mark{width:17px;height:17px}.shop-page h4{display:flex;align-items:center;gap:12px;margin:26px 0 12px;font-size:var(--fs-head);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-family:var(--font-display)}.shop-page h4:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,#ffd1668c,#ffd1660a)}.shop-page h4:before{content:"";width:7px;height:7px;flex:none;transform:rotate(45deg);background:linear-gradient(135deg,#ffe6a8,#b8862c);box-shadow:0 0 5px #ffd16680}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}.skin-card{position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;padding:12px 10px 11px;text-align:center;background:linear-gradient(180deg,#7896c81a,#00000029 62%),var(--skin-texture-stone, none) var(--panel-2);border:1px solid var(--line);border-radius:4px;box-shadow:inset 0 1px #b4cdf01a,0 2px 6px #00000059;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.skin-card:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid var(--shelf, rgba(255, 209, 102, .22));border-radius:2px}.skin-card.shelf-kings{--shelf: rgba(255, 209, 102, .38)}.skin-card.shelf-heroes{--shelf: rgba(190, 214, 245, .3)}.skin-card.shelf-units{--shelf: rgba(198, 140, 74, .34)}.skin-card.shelf-sets{--shelf: rgba(160, 130, 220, .34)}.skin-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #b4cdf024,0 6px 16px #00000073}.skin-card.soon:hover{transform:none}.skin-card.worn{border-color:#ffd1668c;box-shadow:inset 0 0 0 1px #ffd1662e,0 0 18px #ffd1661f}.skin-card.soon{opacity:.62}.skin-art{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 62% 34% at 50% 92%,rgba(0,0,0,.55),transparent 70%),radial-gradient(circle at 50% 42%,rgba(120,175,225,.22),transparent 66%);overflow:hidden}.skin-art:after{content:"";position:absolute;left:14%;right:14%;bottom:7%;height:6px;border-radius:50%;background:radial-gradient(ellipse at center,var(--shelf, rgba(255, 209, 102, .3)),transparent 72%);opacity:.8}.skin-art img{max-width:100%;max-height:100%;image-rendering:auto;position:relative;filter:drop-shadow(0 4px 7px rgba(0,0,0,.55))}.skin-art.empty{border:1px dashed var(--line)}.skin-art.empty:after{display:none}.skin-name{font-family:var(--font-display);font-size:var(--fs-head);margin:0;line-height:1.2;letter-spacing:.03em}.skin-price{font-size:13px;color:var(--text-2);margin:0;font-variant-numeric:tabular-nums}.skin-price .mark{width:12px;height:12px}.skin-buy .mark{width:12px;height:12px;vertical-align:-2px}.skin-price.owned{color:var(--gold)}.skin-price.owned:before{content:"✔";opacity:1}.skin-buy{width:100%;font-size:13px;padding:5px 6px;margin-top:auto;font-weight:600}.skin-buy.equipped{color:var(--gold);border-color:#ffd16699}.skin-buy.buy{font-weight:700}.skin-buy.silver{margin-top:5px;color:#d6dde8;border-color:#d6dde88c;font-weight:700}.skin-buy.silver:disabled{color:var(--dim);border-color:#d6dde840}.shop-silver{font-size:13px;margin:-4px 0 10px}.summary .hint.silver{color:#d6dde8;font-weight:600}.summary .hint.silver .mark{width:14px;height:14px}.skin-card.set .skin-art{opacity:.8}.merc-aura{display:flex;align-items:center;gap:3px;font-size:var(--fs-label);font-family:var(--font-ui);font-weight:600;margin-top:2px}.merc-aura .mark{width:12px;height:12px}.merc-aura.frenzy{color:#8fe07a}.merc-aura.rally{color:#f2c14e}.merc-aura.ward{color:#6fb8ff}.merc-aura.burst{color:#d9e04a}.tooltip .no-stack{font-weight:700;font-size:inherit;letter-spacing:.03em;color:var(--danger);margin-top:6px}.unlock-advanced{border-color:var(--gold)}.mercs .unlock-advanced .name{color:var(--gold)}.mercs .merc-btn[hidden]{display:none}.friends-page .friend-add{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.friends-page .friend-add label{display:flex;flex-direction:column;gap:4px;flex:1 1 200px;min-width:0}.friend-count{font-size:.62em;color:#8899ad;font-weight:400;white-space:nowrap}.friend-list{list-style:none;margin:8px 0 16px;padding:0;display:flex;flex-direction:column;gap:6px}.friend-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#161b2299}.friend-lines{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.friend-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-sub{font-size:.8em;color:#8899ad}.friend-row.presence-menus .friend-sub{color:#58c470}.friend-row.presence-offline{opacity:.62}.friend-row.pending{opacity:.8}.friend-more{font-size:.8em;opacity:.62}.friend-more:hover{opacity:1}.friend-setting{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0}.friend-setting-label{flex:1 1 160px;color:#8899ad}.friend-setting-choices{display:flex;gap:4px;flex-wrap:wrap}.friend-setting-choices button.on{border-color:#2f6f9e;color:#e6edf6}.hint.warn{color:#ffb4a2}#noscript{max-width:680px;margin:0 auto;padding:48px 20px;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:#e6edf6}#noscript h1{color:var(--gold);font-family:var(--font-display)}#noscript a{color:#7fd1ff}#noscript li{margin:8px 0}.scale-preview{display:flex;justify-content:center;margin:2px 0 0;padding:14px 0;border:1px solid #2f3c58;border-radius:8px;background:#0d1420}.scale-preview .card{width:var(--card-w, 108px);zoom:var(--ui-scale, 1);pointer-events:none}.scale-preview .card .name{white-space:normal;overflow-wrap:anywhere}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:40px 24px;text-align:center;background:var(--bg, #0e1117);color:var(--text, #e6edf6)}#boot h1{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(30px,6vw,58px);color:var(--gold, #ffd166);letter-spacing:.06em}#boot p{margin:0;max-width:34em;line-height:1.55;color:#c9d4e2}#boot .boot-lede{font-size:clamp(15px,2.2vw,20px);color:#e6edf6}#boot .boot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:14px;font-size:14px}#boot .boot-links a{color:var(--gold, #ffd166);text-decoration:none}#boot .boot-links a:hover{text-decoration:underline}#boot .boot-loading{margin-top:22px;color:var(--text-2, #b9c5d6);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.timer .catch-up{margin-left:8px;padding:1px 6px;border-radius:3px;font-family:var(--font-ui);font-size:.78em;font-weight:700;letter-spacing:.04em;color:var(--bg, #0e1117);background:var(--gold, #ffd166);vertical-align:2px}#countdown{grid-area:stage;align-self:center;justify-self:center;z-index:55;pointer-events:none;font-family:var(--font-display);font-size:clamp(90px,18vh,220px);font-weight:800;line-height:1;color:#ffd16680;text-shadow:0 4px 0 rgba(0,0,0,.55),0 0 40px rgba(255,170,60,.35)}#countdown[hidden]{display:none}#countdown.tick{animation:countdown-beat .9s ease-out both}@keyframes countdown-beat{0%{opacity:.95;transform:scale(1.25)}40%{opacity:.75;transform:scale(1)}to{opacity:.4;transform:scale(1)}}:root.reduce-motion #countdown.tick{animation:none;opacity:.55}.menu-offer{max-width:620px;margin:0 auto;text-align:center}.menu-offer h2{font-family:var(--font-display);color:var(--gold);font-size:clamp(22px,3.4vh,32px);margin:0 0 8px;letter-spacing:.04em}.menu-offer>p{margin:0 auto 18px;max-width:46ch;line-height:1.5;color:var(--text-2);font-size:clamp(14px,1.8vh,16px);text-shadow:0 1px 2px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.9)}.menu-offer-actions{display:flex;flex-direction:column;gap:10px}.skinned :where(body:not(.hidpi)) :is(button.danger,#inspect-sell,#resign,.ew-sell,.ew-leave){border-width:var(--skin-btn-danger-width, var(--skin-btn-default-width, 12px));border-image:var(--skin-btn-danger-normal, var(--skin-btn-default-normal)) var(--skin-btn-danger-slice, 12) fill stretch}.skinned :where(body:not(.hidpi)) :is(button.danger,#inspect-sell,#resign,.ew-sell,.ew-leave):hover:not(:disabled){border-image-source:var(--skin-btn-danger-hover, var(--skin-btn-default-hover))}.skinned :where(body:not(.hidpi)) :is(button.danger,#inspect-sell,#resign,.ew-sell,.ew-leave):active:not(:disabled){border-image-source:var(--skin-btn-danger-active, var(--skin-btn-default-active))}.skinned :where(body:not(.hidpi)) :is(button.danger,#inspect-sell,#resign,.ew-sell,.ew-leave):disabled{border-image-source:var(--skin-btn-danger-disabled, var(--skin-btn-default-disabled))}.skinned :where(body:not(.hidpi)) :is(button.quiet:not(.icon):not(.danger):not(#resign):not(.ew-leave):not(.ew-x)){border-width:var(--skin-btn-ghost-width, var(--skin-btn-default-width, 12px));border-image:var(--skin-btn-ghost-normal, var(--skin-btn-default-normal)) var(--skin-btn-ghost-slice, 12) fill stretch}.skinned :where(body:not(.hidpi)) :is(button.quiet:not(.icon):not(.danger):not(#resign):not(.ew-leave):not(.ew-x)):hover:not(:disabled){border-image-source:var(--skin-btn-ghost-hover, var(--skin-btn-default-hover))}.skinned :where(body:not(.hidpi)) :is(button.quiet:not(.icon):not(.danger):not(#resign):not(.ew-leave):not(.ew-x)):active:not(:disabled){border-image-source:var(--skin-btn-ghost-active, var(--skin-btn-default-active))}.skinned :where(body:not(.hidpi)) :is(button.quiet:not(.icon):not(.danger):not(#resign):not(.ew-leave):not(.ew-x)):disabled{border-image-source:var(--skin-btn-ghost-disabled, var(--skin-btn-default-disabled))}.skinned :where(body:not(.hidpi)) :is([role=tab],.ladder-tabs button,.ew-speed){border-width:var(--skin-btn-tab-width, var(--skin-btn-default-width, 12px));border-image:var(--skin-btn-tab-normal, var(--skin-btn-default-normal)) var(--skin-btn-tab-slice, 12) fill stretch}.skinned :where(body:not(.hidpi)) :is([role=tab],.ladder-tabs button,.ew-speed):hover:not(:disabled){border-image-source:var(--skin-btn-tab-hover, var(--skin-btn-default-hover))}.skinned :where(body:not(.hidpi)) :is([role=tab],.ladder-tabs button,.ew-speed):active:not(:disabled){border-image-source:var(--skin-btn-tab-active, var(--skin-btn-default-active))}.skinned :where(body:not(.hidpi)) :is([role=tab],.ladder-tabs button,.ew-speed):disabled{border-image-source:var(--skin-btn-tab-disabled, var(--skin-btn-default-disabled))}.skinned :where(body:not(.hidpi)) :is([role=tab][aria-selected=true],.ladder-tabs button.on,.ew-speed.on){border-image-source:var(--skin-btn-tab-selected, var(--skin-btn-primary-normal, var(--skin-btn-default-normal)))}.skinned :where(body:not(.hidpi)) :is(button.icon,.ew-x){border-width:8px;border-image:var(--skin-btn-icon-normal, var(--skin-btn-default-normal)) var(--skin-btn-icon-slice, 12) fill stretch}.skinned :where(body:not(.hidpi)) :is(button.icon,.ew-x):hover:not(:disabled){border-image-source:var(--skin-btn-icon-hover, var(--skin-btn-default-hover))}.skinned :where(body:not(.hidpi)) :is(button.icon,.ew-x):active:not(:disabled){border-image-source:var(--skin-btn-icon-active, var(--skin-btn-default-active))}.skinned :where(body:not(.hidpi)) .card[data-tier="1"]:not(.hero):not(.locked):not(:disabled){border-image-source:var(--skin-cardT1-image, var(--skin-card-image))}.skinned :where(body:not(.hidpi)) .card[data-tier="2"]:not(.hero):not(.locked):not(:disabled){border-image-source:var(--skin-cardT2-image, var(--skin-card-image))}.skinned :where(body:not(.hidpi)) .card[data-tier="3"]:not(.hero):not(.locked):not(:disabled){border-image-source:var(--skin-cardT3-image, var(--skin-card-image))}.skinned :where(body:not(.hidpi)) .card[data-tier="4"]:not(.hero):not(.locked):not(:disabled){border-image-source:var(--skin-cardT4-image, var(--skin-card-image))}.skinned :where(body:not(.hidpi)) .card[data-tier="5"]:not(.hero):not(.locked):not(:disabled){border-image-source:var(--skin-cardT5-image, var(--skin-card-image))}.skinned :where(body:not(.hidpi)) .card.branch:not(.locked):not(:disabled){border-image-source:var(--skin-cardBranch-image, var(--skin-card-image))}.skinned :where(body:not(.hidpi)) .card.merc-btn:not(.locked):not(:disabled){border-width:var(--skin-cardMerc-width, var(--skin-card-width, 0));border-image:var(--skin-cardMerc-image, var(--skin-card-image)) var(--skin-cardMerc-slice, var(--skin-card-slice, 0)) fill stretch}.skinned :where(body:not(.hidpi)) .card.econ:not(.locked):not(:disabled){border-width:var(--skin-cardEcon-width, var(--skin-card-width, 0));border-image:var(--skin-cardEcon-image, var(--skin-card-image)) var(--skin-cardEcon-slice, var(--skin-card-slice, 0)) fill stretch}.skinned :where(body:not(.hidpi)) .card.spell-card:not(.locked):not(:disabled){border-width:var(--skin-cardSpell-width, var(--skin-card-width, 0));border-image:var(--skin-cardSpell-image, var(--skin-card-image)) var(--skin-cardSpell-slice, var(--skin-card-slice, 0)) fill stretch}.skinned :where(body:not(.hidpi)) .card[data-tier]:not(.hero):not(.locked):not(:disabled):hover,.skinned :where(body:not(.hidpi)) .card:is(.branch,.merc-btn,.econ,.spell-card):not(.locked):not(:disabled):hover{filter:brightness(1.14)}body.hidpi.skinned .card[data-tier="2"]:not(.selected):not(.hero){border-color:#8a5a2b}body.hidpi.skinned .card[data-tier="3"]:not(.selected):not(.hero){border-color:#9aa3ad}body.hidpi.skinned .card[data-tier="4"]:not(.selected):not(.hero){border-color:#b98c2f}body.hidpi.skinned .card[data-tier="5"]:not(.selected):not(.hero){border-color:#d8b24a;box-shadow:inset 0 1px #ffe1a024,0 0 6px #5082ff40}body.hidpi.skinned .card.merc-btn:not(.selected){border-color:#7a4a2a}.has-inspector-frame :where(body:not(.hidpi)) .group.inspect-group{border-width:var(--skin-inspector-width, 20px);border-image:var(--skin-inspector-image) var(--skin-inspector-slice, 20) fill stretch}.inspect-head.with-portrait{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px}.inspect-title{display:flex;flex-direction:column;min-width:0}.inspect-portrait{width:48px;height:48px;border-radius:4px;background:#0d1118 center 30% / cover no-repeat;box-shadow:inset 0 0 0 1px #000000b3,0 1px 3px #0009}.inspect-portrait.missing{display:grid;place-items:center}.inspect-portrait.missing i{width:30px;height:30px;background-color:var(--dim);-webkit-mask:var(--skin-img-icon-ui-portrait-missing) center / contain no-repeat;mask:var(--skin-img-icon-ui-portrait-missing) center / contain no-repeat}:is(.has-card-band-t1,.has-card-band-t2,.has-card-band-t3,.has-card-band-t4,.has-card-band-t5,.has-card-band-hero) .inspect-title[data-band] .inspect-name{align-self:flex-start;max-width:100%;padding:1px 14px;margin:0 -2px 1px;background:var(--band) center / 100% 100% no-repeat}.inspect-title[data-band=t1]{--band: var(--skin-band-t1)}.inspect-title[data-band=t2]{--band: var(--skin-band-t2)}.inspect-title[data-band=t3]{--band: var(--skin-band-t3)}.inspect-title[data-band=t4]{--band: var(--skin-band-t4)}.inspect-title[data-band=t5]{--band: var(--skin-band-t5)}.inspect-title[data-band=hero]{--band: var(--skin-band-hero)}.has-card-back .shop .card.dealt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:var(--skin-img-card-back) center / cover no-repeat;transform-origin:center;animation:card-back-fold .42s ease-in forwards}@keyframes card-back-fold{0%,30%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}:root.reduce-motion .has-card-back .shop .card.dealt:after{display:none}:root{--frame-hud: 13px}@media (min-height: 1000px){:root{--frame-hud: 13px}}#hud{--hud-box-w: 148px;--hud-box-h: 36px;--hud-box-gap: 12px;--hud-timer-w: 212px}#hud-readout{gap:var(--hud-box-gap)}body:not(.pc-only) #hud-readout>.stat,body:not(.pc-only) #hud-readout>.timer{flex:0 1 var(--hud-box-w);width:var(--hud-box-w);min-width:0;height:var(--hud-box-h);box-sizing:border-box;padding:0 10px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:8px;row-gap:2px;text-align:left;border:1px solid rgba(255,209,102,.2);border-radius:4px;background:linear-gradient(180deg,#141a26e6,#0a0d14eb);box-shadow:inset 0 1px #ffe1a014,inset 0 -1px #00000080;overflow:hidden}body:not(.pc-only) #hud-readout>.stat>.mark{grid-row:1 / span 2;align-self:center;width:22px;height:22px}body:not(.pc-only) #hud-readout>.stat .label{grid-column:2;align-self:start;padding-bottom:0;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}body:not(.pc-only) #hud-readout>.stat .value{grid-column:2;font-size:var(--fs-value);line-height:1;white-space:nowrap}body:not(.pc-only) #hud-readout>.stat.wave{margin-left:auto}body:not(.pc-only) #hud-readout>.stat.wave>.mark{color:var(--gold)}body:not(.pc-only) #hud-readout>.timer{flex:0 0 var(--hud-timer-w);width:var(--hud-timer-w);display:flex;padding:0 12px 0 10px}body:not(.pc-only) .dock{grid-area:stage;position:relative;z-index:4;display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto auto;grid-template-areas:".       .       ." "chip    .       ." "send    .       ." "intel   handbar .";align-items:end;column-gap:16px;row-gap:10px;padding:26px 28px 24px;min-height:0;overflow:visible;background:none;border:0;box-shadow:none;pointer-events:none}body:not(.pc-only) .dock>*{pointer-events:auto}body:not(.pc-only) .dock>.group{overflow:visible;flex:none;min-width:0}body:not(.pc-only) .dock .wave-intel{grid-area:intel;justify-self:start;width:300px;height:calc(var(--hand-h) - 24px);overflow:hidden auto;scrollbar-width:thin}body:not(.pc-only) .dock .send-group{grid-area:send;justify-self:start;width:300px;padding-top:8px;padding-bottom:8px}body:not(.pc-only) .dock .send-group>h3{margin-bottom:6px}.sending{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;min-height:30px}.sending .send-item{display:inline-flex;align-items:center;gap:4px;outline:none;cursor:help}.sending .send-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:4px;background:#1a1016 center / cover no-repeat;box-shadow:inset 0 0 0 1px #ff8fb18c,0 1px 3px #0009;font-style:normal;font-size:13px;color:var(--merc)}.sending .send-item b{font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums}.sending .send-item:focus-visible .send-icon{box-shadow:inset 0 0 0 2px var(--gold)}.sending .sending-none{font-size:var(--fs-body);color:var(--text-2)}.hand-bar{display:contents}body:not(.pc-only) .dock .hand-bar{grid-area:handbar;display:flex;align-items:stretch;gap:8px;justify-self:center}body:not(.pc-only) .dock .hand-group{flex:none;padding:0;border:0;border-image:none;background:none;box-shadow:none;overflow:visible;container-type:normal}body:not(.pc-only) .dock .hand-group>h3{display:none}body:not(.pc-only) .dock .hand-group .shop{display:flex;gap:7px;align-items:stretch}body:not(.pc-only) .dock .hand-group .shop .card{width:84px;height:112px;flex:none}body:not(.pc-only) .dock .launch{flex:none;width:auto;display:flex;align-items:stretch}body:not(.pc-only) .dock #reroll{width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 4px;font-size:13px}.reroll-head{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.reroll-head>.mark{width:22px;height:22px}.reroll-word{font-family:var(--font-ui);font-size:13px;font-weight:600}.reroll-cost{font-size:13px;font-weight:600;color:var(--essence)}.reroll-cost.free{color:var(--good)}#reroll.unaffordable .reroll-cost{color:var(--danger)}.reroll-cost .mark{width:1em;height:1em}body:not(.pc-only) .dock #ready{width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px}body:not(.pc-only) .dock #ready[hidden],#ready[hidden]{display:none}#ready:not(.lit){border-color:#3f8f5f}#ready:not(.lit):hover{border-color:#6fd08f}#ready.lit{background:#1d4a2f;border-color:#6fd08f;color:var(--good);box-shadow:0 0 10px #7bd88f59;cursor:default}.ready-head{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.ready-head>.mark{width:22px;height:22px}.ready-word{font-family:var(--font-ui);font-size:13px;font-weight:600}.ready-wait{font-size:11px;line-height:1.2;text-align:center;color:var(--text-2);overflow-wrap:anywhere}.card.hand-card{position:relative;overflow:hidden;padding:0;text-align:center}.hand-card .card-art{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1118 center 24% / cover no-repeat;transition:filter .15s}.hand-card .card-art.still{background-size:contain;background-position:center 90%}.hand-card .card-art.none{display:grid;place-items:center;background-color:#141a25}.hand-card .card-art.none .mark{width:34px;height:34px;color:var(--dim)}.hand-card .card-marks{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:3px;padding:2px 3px;border-radius:4px;background:#06080cb8;box-shadow:0 0 0 1px #ffd16629;line-height:0}.hand-card .card-marks .mark,.hand-card .card-marks .role .mark{width:13px;height:13px;margin:0;vertical-align:0;display:block}.hand-card .card-marks .role{position:static;display:block}.hand-card .cost{position:absolute;left:0;right:0;bottom:0;padding:16px 0 5px;display:flex;justify-content:center;font-size:var(--fs-body);font-weight:600;background:linear-gradient(180deg,#06080c00,#06080ceb 62%)}.hand-card .cost .marked{justify-content:center}.hand-card.locked{opacity:.9}.hand-card.locked .card-art{filter:grayscale(.85) brightness(.55)}.skinned .card.hand-card{padding:0;border-width:7px;border-image-slice:var(--skin-card-slice, 12);border-image-width:12px;background:#0d1118}.skinned .card.hand-card.hero{border-image-slice:var(--skin-cardHero-slice, 14);border-image-width:14px}.skinned :where(body:not(.hidpi)) .card.hand-card.hero:hover:not(:disabled){border-image-source:var(--skin-cardHero-image);filter:brightness(1.14)}.hand-card.selected .card-art{filter:brightness(1.15)}body.hidpi.skinned .card.hand-card{padding:0}body:not(.pc-only) .dock .inspect-group{position:absolute;right:28px;bottom:148px;width:660px;max-height:calc(100% - 196px);overflow:hidden auto;scrollbar-width:thin;padding:8px 12px 10px;box-shadow:0 12px 34px #0009}body:not(.pc-only) .dock .inspect-group:has(.inspect.solo){width:330px}body:not(.pc-only) .dock .inspect-group:not(.open){display:none}body.tour-inspect:not(.pc-only) .dock .inspect-group:not(.open){display:block;width:300px}.inspect-group.open>h3{display:none}.inspect-group>h3{padding-right:66px}.inspect-group>.inspect-close{position:absolute;top:8px;right:10px;z-index:1}.spell-chip,.spell-pop .spell-title,.spell-later{display:none}body:not(.pc-only) .dock .spell-group{grid-area:chip;justify-self:start}body:not(.pc-only) .dock .spell-group>h3{display:none}body:not(.pc-only) .dock .spell-group[data-mode=offer]{position:absolute;top:0;right:0;bottom:0;left:0;grid-area:auto;justify-self:stretch;align-self:stretch;z-index:8;display:grid;place-items:center;padding:0;border:0;border-image:none;background:#04060a9e;box-shadow:none}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-pop{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 26px 16px;border:1px solid var(--line);border-radius:10px;background:var(--skin-texture-parchment, var(--panel));box-shadow:0 18px 60px #000000b3}.skinned body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-pop{border-radius:0;border-style:solid;border-color:transparent;border-width:var(--skin-dialog-width, 1px);border-image:var(--skin-dialog-image) var(--skin-dialog-slice, 0) fill stretch}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-title{display:block;margin:0;font-family:var(--font-display);font-size:24px;color:var(--gold);letter-spacing:.06em}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-prompt{margin:0;color:var(--text-2)}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-offer{flex-direction:row;gap:16px}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-card{width:224px;min-height:292px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px 14px;text-align:center;white-space:normal}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-card .name{font-size:16px;white-space:normal;color:var(--gold)}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-card .types{font-size:13px;line-height:1.4;color:var(--text);overflow:visible;white-space:normal}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-card:hover:not(:disabled){transform:translateY(-3px)}body:not(.pc-only) .dock .spell-group[data-mode=offer] .spell-later{display:inline-block;font-size:13px;padding:5px 16px}.spell-art{display:block;width:100%;aspect-ratio:4 / 3;border-radius:4px;background:#0d1118 center / cover no-repeat;box-shadow:inset 0 0 0 1px #0009,0 2px 6px #00000080}.spell-art.none{display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#3a2f14,#141019)}.spell-art.none .mark{width:46%;height:46%;color:var(--gold)}body:not(.pc-only) .dock .spell-group[data-mode=waiting]{padding:0;border:0;border-image:none;background:none;box-shadow:none}body:not(.pc-only) .dock .spell-group[data-mode=waiting] .spell-pop{display:none}body:not(.pc-only) .dock .spell-group[data-mode=waiting] .spell-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;color:var(--gold);font-family:var(--font-display);font-size:var(--fs-head);letter-spacing:.06em;animation:spell-call 1.6s ease-in-out infinite}body:not(.pc-only) .dock .spell-group[data-mode=waiting] .spell-chip .mark{width:16px;height:16px}@keyframes spell-call{0%,to{box-shadow:0 0 #ffd16600}50%{box-shadow:0 0 14px 2px #ffd16673}}:root.reduce-motion body:not(.pc-only) .dock .spell-group[data-mode=waiting] .spell-chip{animation:none}body:not(.pc-only) .dock .spell-group[data-mode=pick]{position:absolute;top:18px;left:50%;transform:translate(-50%);width:max-content;max-width:70%;padding:8px 18px;z-index:8}body:not(.pc-only) .dock .spell-group[data-mode=pick] .spell-offer,body:not(.pc-only) .dock .spell-group[data-mode=pick] .spell-later{display:none}body:not(.pc-only) .dock .spell-group[data-mode=pick] .spell-pop{display:block}body:not(.pc-only) .dock .spell-group[data-mode=pick] .spell-prompt{margin:0;font-size:13px}body:not(.pc-only) .dock .spell-group[data-mode=held]{padding:5px 10px 5px 6px;max-width:300px}body:not(.pc-only) .dock .spell-group[data-mode=held] .spell-active{flex-direction:row;align-items:center;gap:8px;outline:none;cursor:help}body:not(.pc-only) .dock .spell-group[data-mode=held] .spell-active .spell-art{width:44px;flex:none}body:not(.pc-only) .dock .spell-group[data-mode=held] .spell-words{display:flex;flex-direction:column;min-width:0}body:not(.pc-only) .dock .spell-group[data-mode=held] .spell-desc{display:none}body:not(.pc-only) .dock .spell-group[data-mode=held] .hint{margin:0}.spell-words{display:flex;flex-direction:column;gap:3px}.merc-btn .merc-face{flex:none;width:34px;height:34px;border-radius:4px;display:grid;place-items:center;background:#0d1118 center 25% / cover no-repeat;box-shadow:inset 0 0 0 1px #000000b3,0 1px 3px #0009;color:var(--text-2);font-size:15px;font-weight:600}.merc-btn .merc-face .mark{width:18px;height:18px;color:var(--gold)}.merc-btn.locked .merc-face{filter:grayscale(.7) brightness(.75)}.skinned .rail-right .mercs .card.merc-btn{border-width:6px;padding:0 4px 0 2px}.skinned .audio-toggle{border-style:solid;border-width:1px;border-image:none}.round-head{display:flex;align-items:center;gap:10px;margin-bottom:3px}.round-id{min-width:0;flex:1 1 auto}.round-portrait{position:relative;flex:none;width:60px;height:45px;border-radius:4px;background:#0d1118 center 26% / cover no-repeat;box-shadow:inset 0 0 0 1px #000000b3,0 0 0 1px #ffd16638}.round.boss .round-portrait{box-shadow:inset 0 0 0 1px #000000b3,0 0 0 1px var(--gold),0 0 12px #ffd16659}.round-portrait b{position:absolute;right:-4px;bottom:-4px;padding:1px 5px;border-radius:9px;background:#0a0d14;border:1px solid rgba(255,209,102,.5);font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--gold)}.round.with-face .round-name{margin:1px 0 0;font-size:18px;font-weight:600}body:not(.pc-only) .dock .round-facts{gap:1px 10px;padding-top:3px;border-top:1px solid rgba(255,209,102,.12);font-size:13px;line-height:1.15}body:not(.pc-only) .dock .round-facts .counter{font-size:var(--fs-label)}body:not(.pc-only) .dock .wave-intel .wave-head{font-size:13px;margin-bottom:4px}body:not(.pc-only) .dock .wave-intel .wave-list li{font-size:var(--fs-label);padding:1px 0}body:not(.pc-only) .dock .wave-intel .wave-sent{margin-top:5px;font-size:var(--fs-label)}.rail-right .shop>.miner-pair>.card.econ,.rail-right .shop>#upgrade.card.econ{justify-content:center;gap:10px;min-height:84px;padding:10px 6px}.rail-right .shop .card.econ>.mark{width:32px;height:32px}.rail-right .king-row .card.econ{justify-content:center;gap:8px;min-height:98px;padding:10px 1px}.rail-right .king-row .card.econ>.mark{width:26px;height:26px}.card.econ .cost{align-items:center;gap:8px;font-size:14px}.card.econ.king:not(.unaffordable) .cost{color:var(--essence)}.card.econ.king .label{background:none;border:0;border-radius:0;padding:0;margin-top:2px;font-size:var(--fs-label);color:var(--text-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miner-pair{display:block}.rail-right .shop .miner-pair>.card{width:100%;height:100%}.miner-pair>.miner-cancel{position:absolute;top:5px;right:5px;z-index:2;width:22px;height:22px;min-height:0;padding:0;border-width:1px;border-image:none;border-radius:4px;background:#280c0ed9;flex-direction:row;gap:0}.miner-pair>.miner-cancel .queued{display:none}.card.econ .queue-count{position:absolute;top:5px;left:6px;z-index:2;min-width:26px;padding:1px 6px;border-radius:9px;background:#080a0ed1;border:1px solid var(--gold-dim);font-family:var(--font-ui);font-size:12px;font-weight:700;line-height:16px;color:var(--gold);font-variant-numeric:tabular-nums;text-align:center}.card.econ .queue-count:empty{display:none}.miner-pair>.miner-cancel[hidden]{display:none}.vet-row{display:flex;align-items:center;gap:8px;margin:0 0 6px;outline:none;cursor:help}.vet-row:focus-visible{box-shadow:0 0 0 1px var(--gold-dim);border-radius:4px}.vet-stripes svg{width:18px;height:auto;display:block;color:var(--dim)}.vet-text{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:3px;align-items:center}.vet-label{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--gold)}.vet-xp{justify-self:end;font-size:var(--fs-label);color:var(--text-2);font-variant-numeric:tabular-nums}.vet-bar{grid-column:1 / -1;height:4px;border-radius:2px;background:#0b0e14;overflow:hidden;box-shadow:inset 0 0 0 1px #f2c46333}.vet-bar>span{display:block;height:100%;background:#f2c463}.vet-lock{display:flex;align-items:center;gap:6px;color:#e8c37a}.vet-lock .mark{width:13px;height:13px;background-color:currentColor}#perf{position:absolute;top:10px;right:10px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;zoom:var(--ui-scale, 1);font-family:var(--font-ui)}#perf[hidden]{display:none}#perf>*{pointer-events:auto}#perf .perf-tab{flex:none;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px 0 11px;margin:0;border:1px solid var(--gold-dim);border-radius:6px;background:linear-gradient(180deg,#1e2534f2,#0c1018f2);color:#c9d4e2;cursor:pointer;font-family:var(--font-display);font-size:var(--fs-head);font-weight:600;letter-spacing:.06em;text-shadow:0 1px 2px #000;box-shadow:0 2px 12px #00000080,inset 0 1px #ffffff0f}#perf .perf-tab,#perf .perf-tab:hover,#perf .perf-tab:active{border-image:none}#perf .perf-tab svg{flex:none;color:var(--gold)}#perf .perf-tab:hover,#perf .perf-tab:focus-visible,#perf.open .perf-tab{color:var(--gold);border-color:var(--gold)}#perf.open .perf-tab{border-radius:6px 6px 0 0;border-bottom-color:transparent}.perf-body{width:236px;max-height:calc(100vh - 300px);overflow-y:auto;scrollbar-width:thin;padding:8px;background:#0e121bf0;margin-top:-1px;border:1px solid var(--gold-dim);border-radius:6px 0 6px 6px;box-shadow:0 6px 18px #00000080;font-size:13px}.perf-body[hidden]{display:none}.perf-head{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-2);margin:0 0 6px}.perf-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid #2b3650;margin-bottom:8px}.perf-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 6px}.perf-switch button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:26px;padding:2px 6px;margin:0;font:inherit;font-size:13px;font-weight:600;background:#0000004d;color:var(--text-2);border:1px solid var(--line);border-radius:4px;cursor:pointer}.perf-switch button.on{color:var(--gold);border-color:var(--gold-dim);background:#ffd16614}.perf-switch .role-icon,.perf-role .role-icon{width:14px;height:14px;display:block;background-color:currentColor}.perf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.perf-list li{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;column-gap:6px;align-items:center;min-height:24px;padding:2px 6px;border-radius:4px;cursor:pointer;outline:none;background:#ffffff08;overflow:hidden}.perf-list li>:not(.perf-bar){position:relative}.perf-list li:hover,.perf-list li:focus-visible{box-shadow:inset 0 0 0 1px var(--gold-dim)}.perf-role{color:var(--dim)}.perf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);text-shadow:0 1px 2px #000}.perf-stripes svg{height:13px;width:auto;display:block}.perf-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold);min-width:4ch;text-align:right;text-shadow:0 1px 2px #000}.perf-bar{position:absolute;left:0;top:0;bottom:0;border-radius:4px;opacity:.38}.perf-bar.dealt{background:linear-gradient(90deg,#f08a3c59,#f08a3c)}.perf-bar.taken{background:linear-gradient(90deg,#5aa9f059,#5aa9f0)}.perf-list .perf-empty{display:block;color:var(--text-2);font-size:13px;padding:4px;cursor:default}.perf-list .perf-empty:hover{background:none}#boot .boot-failed{color:#ffb4a8;letter-spacing:.02em;text-transform:none;font-size:15px;max-width:30em}#boot .boot-reload{margin-top:12px;padding:8px 22px;font:inherit;font-size:14px;cursor:pointer;color:#0e1117;background:var(--gold, #ffd166);border:0;border-radius:6px}#boot .boot-reload:focus-visible{outline:2px solid #fff;outline-offset:2px}#match-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;pointer-events:none}#match-veil.up,#match-veil.lifting{pointer-events:auto}#match-veil .mv-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,3vh,30px);padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 42%,#1b2333,#0d1119 58%,#07090d);transition:opacity .5s ease}#match-veil.lifting .mv-cover{opacity:0}#match-veil:not(.up):not(.lifting) .mv-cover{display:none}.mv-mode{margin:0;font-family:var(--font-display);font-size:var(--fs-head);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.mv-versus{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,60px)}.mv-house{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;animation:mv-in .6s ease-out both}.mv-house.red{animation-delay:.12s}.mv-portrait{display:block;width:clamp(170px,21vw,300px);aspect-ratio:4 / 3;background:#10141d center / cover no-repeat;border:2px solid var(--gold-dim);border-radius:4px;box-shadow:0 0 0 1px #000,0 12px 40px #000000a6}.mv-house.blue .mv-portrait{box-shadow:0 0 0 1px #000,0 12px 40px #000000a6,0 0 34px #5aa9ff52}.mv-house.red .mv-portrait{box-shadow:0 0 0 1px #000,0 12px 40px #000000a6,0 0 34px #ff5a5a52}.mv-house figcaption{max-width:clamp(170px,21vw,300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:clamp(17px,1.8vw,24px);letter-spacing:.04em;color:var(--text)}.mv-vs{font-family:var(--font-display);font-size:clamp(26px,3.2vw,42px);color:var(--gold);text-shadow:0 2px 14px rgba(0,0,0,.9);animation:mv-in .6s .06s ease-out both}.mv-load{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,62vw)}.mv-bar{display:block;width:100%;height:4px;overflow:hidden;border-radius:2px;background:#1f2735}.mv-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .25s ease}.mv-label{font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--text-2)}.mv-skip{position:absolute;left:50%;bottom:8%;transform:translate(-50%);margin:0;padding:6px 16px;border-radius:16px;background:#07090d99;font-family:var(--font-ui);font-size:14px;letter-spacing:.06em;color:#d3dcea;white-space:nowrap;animation:mv-pulse 2.4s ease-in-out infinite}@keyframes mv-in{0%{opacity:0;transform:translateY(10px)}}@keyframes mv-pulse{50%{opacity:.55}}:root.reduce-motion .mv-house,:root.reduce-motion .mv-vs,:root.reduce-motion .mv-skip{animation:none}body.intro-flying #hud,body.intro-flying #panel>*,body.intro-flying #perf,body.intro-flying #chat,body.intro-flying #announce,body.intro-flying #countdown,body.intro-flying #ew-hud,body.intro-flying #ew-rail,body.intro-flying #ew-card,body.intro-flying #ew-count,body.intro-flying #ew-toast{opacity:0;pointer-events:none}body.intro-flying #hud,body.intro-flying #panel>*,body.intro-flying #perf,body.intro-flying #chat,body.intro-flying #ew-hud,body.intro-flying #ew-rail,body.intro-flying #ew-card,body.intro-landing #hud,body.intro-landing #panel>*,body.intro-landing #perf,body.intro-landing #chat,body.intro-landing #ew-hud,body.intro-landing #ew-rail,body.intro-landing #ew-card{transition:opacity .7s ease}.unaffordable,.skinned .card.unaffordable,.skinned button.unaffordable,.skinned .card.locked.unaffordable,.skinned button.unaffordable:disabled{opacity:.6}.unaffordable{transition:opacity .15s ease}.unaffordable .cost,.unaffordable .cost .marked{color:var(--danger)}.esc-close,.skinned .esc-close,.skinned .esc-close:hover:not(:disabled),.skinned .esc-close:active:not(:disabled){display:inline-flex;align-items:center;gap:6px;min-width:0;min-height:28px;padding:0 7px;border:1px solid #3b4e70;border-radius:5px;border-image:none;background:#0a101ab3;color:var(--text);font-family:var(--font-ui);font-size:14px;font-weight:600;line-height:1}.esc-close:hover{border-color:var(--accent)}.esc-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.esc-close kbd{font-size:12px;padding:1px 4px;opacity:.8}