@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.center-screen,.run,.library{animation:viewIn var(--dur-mid) var(--ease) both}@media (prefers-reduced-motion: reduce){.center-screen,.run,.library{animation:none}}.run{max-width:1100px;margin:0 auto}.hud{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-5)}.hud-stat{display:inline-flex;align-items:baseline;gap:var(--sp-1);font-size:var(--fs-lg)}.hud-stat b{font-variant-numeric:tabular-nums;color:var(--text)}.hud-stat .lbl{color:var(--muted);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em}.hud-hearts{letter-spacing:2px;font-size:var(--fs-xl)}.hud-gold b{color:var(--gold)}.hud-xp{color:var(--faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.hud-spacer{flex:1}.hud-block{align-items:center;gap:var(--sp-2)}.hud-block.faction-greek{--block-accent: var(--side-a)}.hud-block.faction-egyptian{--block-accent: var(--gold)}.hud-block.faction-norse{--block-accent: var(--org-mythologique)}.hud-block .lbl{color:var(--block-accent, var(--muted))}.block-pips{display:inline-flex;align-items:center;gap:4px}.block-pip{width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:background var(--dur-fast) var(--ease)}.block-pip.done{background:var(--block-accent, var(--text))}.block-pip.cur{background:var(--block-accent, var(--text));box-shadow:0 0 0 2px #ffffff40}.block-pip.boss{width:9px;height:9px;border-radius:1px;transform:rotate(45deg);background:transparent;border:1.5px solid var(--side-b)}.block-pip.boss.cur,.block-pip.boss.done{background:var(--side-b);border-color:var(--side-b)}.hud .btn-ghost{margin-left:auto}.hud-speed{gap:var(--sp-2)}.speed-seg{display:inline-flex;border:var(--bw) solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.speed-seg-btn{font:inherit;font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;min-height:28px;padding:0 9px;background:var(--surface-2);color:var(--muted);border:none;border-left:var(--bw) solid var(--border-strong);cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.speed-seg-btn:first-child{border-left:none}.speed-seg-btn:hover{background:var(--surface-3);color:var(--text)}.speed-seg-btn.active{background:var(--gold);color:#1a1500}.map-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.06em;text-align:center;margin:0 0 var(--sp-2)}.map-sub{text-align:center;color:var(--muted);margin:0 0 var(--sp-5);font-size:var(--fs-md)}.map-layout{display:flex;align-items:flex-start;gap:var(--sp-5)}.map-main{flex:1;min-width:0}.team-rail{flex:none;width:220px;position:sticky;top:var(--sp-4)}.rail-title{font-family:var(--font-title);color:var(--gold);font-size:var(--fs-lg);letter-spacing:.05em;margin:0 0 var(--sp-3)}.rail-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}.team-chip{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2);background:var(--surface-2);border:var(--bw) solid var(--border);border-left:var(--bw-accent) solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--text);font:inherit;touch-action:manipulation;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.team-chip[data-line=avant]{border-left-color:var(--side-a)}.team-chip[data-line=arriere]{border-left-color:var(--gold)}.team-chip:hover,.team-chip:focus-visible{border-color:var(--gold);transform:translate(2px);outline:none}.team-chip.selected{border-color:var(--gold);background:var(--surface-3)}.team-chip.downed{opacity:var(--op-dead);filter:grayscale(.6)}.team-chip-av{width:34px;height:34px;flex:none}.team-chip-av .unit-ico{font-size:20px}.team-chip-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.team-chip-name{font-family:var(--font-title);font-size:var(--fs-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-chip-hp{display:flex;align-items:center;gap:var(--sp-2)}.team-chip-hp .hpbar{flex:1}.team-chip-hpnum{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.team-chip-line{flex:none;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;color:var(--faint)}.unit-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-floater);display:grid;place-items:center;padding:var(--sp-4);background:#0009;animation:fadeIn var(--dur-fast) var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.unit-modal{position:relative;width:min(360px,100%);display:flex;flex-direction:column;gap:var(--sp-2)}.unit-modal-close{position:absolute;top:var(--sp-2);right:var(--sp-2);width:30px;height:30px;display:grid;place-items:center;background:transparent;border:var(--bw) solid var(--border);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;touch-action:manipulation}.unit-modal-close:hover{color:var(--text);border-color:var(--border-strong)}@media (max-width: 760px){.map-layout{flex-direction:column}.team-rail{width:100%;position:static}.rail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.map-graph{position:relative;max-width:440px;aspect-ratio:3 / 4;margin:0 auto var(--sp-5)}.map-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-edge{stroke:var(--border-strong);stroke-width:2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;opacity:.5}.map-edge.active{stroke:var(--gold);opacity:1}.map-edge.dim{opacity:.22}.map-gnode{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px;padding:0;background:var(--surface-2);border:2px solid var(--border-strong);color:var(--text);cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.map-gnode[data-type=boss]{border-color:var(--side-b)}.map-gnode[data-type=elite]{width:50px;height:50px;font-size:22px}.map-gnode[data-type=boss]{width:56px;height:56px;font-size:26px;border-width:3px}.map-gnode[data-type=boss]:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--side-b);opacity:.55;pointer-events:none}@media (prefers-reduced-motion: no-preference){.map-gnode[data-type=boss]:after{animation:bossPulse 1.7s ease-in-out infinite}}@keyframes bossPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.22);opacity:.08}}.map-gnode[data-state=done]{opacity:var(--op-dead)}.map-gnode[data-state=future]{opacity:.4}.map-gnode[data-state=current]{border-color:var(--side-a);background:var(--surface-3)}.map-gnode[data-state=reachable]{border-color:var(--gold);box-shadow:0 0 0 4px #c8a24a29}.map-gnode[data-state=reachable]:hover,.map-gnode[data-state=reachable]:focus-visible{transform:translate(-50%,-50%) scale(1.12);outline:none}.map-gnode[data-final][data-state=reachable]{box-shadow:0 0 0 4px #e0565f40}.map-gnode[aria-disabled=true]{cursor:help}.map-gnode:hover,.map-gnode:focus-visible{z-index:var(--z-tip)}.map-gnode-ico{line-height:0;display:block;width:26px;height:26px;color:var(--muted)}.map-gnode-ico svg{width:100%;height:100%;fill:currentColor}.map-gnode[data-type=combat] .map-gnode-ico{color:var(--text)}.map-gnode[data-type=elite] .map-gnode-ico,.map-gnode[data-type=boss] .map-gnode-ico{color:var(--side-b)}.map-gnode[data-type=village] .map-gnode-ico{color:var(--heal)}.map-gnode[data-type=boutique] .map-gnode-ico{color:var(--gold)}.map-gnode[data-type=evenement] .map-gnode-ico{color:var(--side-a)}.map-gnode[data-type=forteresse] .map-gnode-ico{color:#b9905a}.map-gnode[data-type=forteresse]{border-color:#b9905a}.map-gnode-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:max-content;max-width:200px;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--surface-3);border:var(--bw) solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 6px 20px #00000073;text-align:center;font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.35;color:var(--muted);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease)}.map-gnode-tip[data-below]{bottom:auto;top:calc(100% + 10px)}.map-gnode-tip b{color:var(--text);font-size:var(--fs-md)}.map-gnode-tip-stat{color:var(--gold);font-weight:600}.map-gnode:hover .map-gnode-tip,.map-gnode:focus-visible .map-gnode-tip{opacity:1;visibility:visible}.map-track{display:flex;flex-direction:column}.map-step{display:flex;align-items:stretch;gap:var(--sp-4)}.map-spine{position:relative;flex:none;width:30px;display:flex;justify-content:center}.map-spine:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:var(--border)}.map-step:first-child .map-spine:before{top:15px}.map-step:last-child .map-spine:before{bottom:calc(100% - 15px)}.map-marker{position:relative;z-index:1;margin-top:2px;width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);border:var(--bw) solid var(--border-strong);color:var(--faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.map-step[data-state=done] .map-marker{background:var(--gold);border-color:var(--gold);color:#1a1610;font-weight:700}.map-step[data-state=current] .map-marker{background:var(--surface-3);border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 4px #c8a24a24}.map-step[data-state=done] .map-spine:before,.map-step[data-state=current] .map-spine:before{background:var(--gold)}.map-step[data-state=current] .map-spine:before{background:linear-gradient(var(--gold),var(--border))}.map-step-body{flex:1;min-width:0;padding-bottom:var(--sp-4)}.map-step-label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:var(--sp-2)}.map-step-choice{color:var(--muted)}.map-step-now{color:var(--gold)}.map-step-nodes{display:flex;gap:var(--sp-3);flex-wrap:wrap}.map-step[data-state=done] .node-card{opacity:var(--op-dead)}.node-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);min-width:168px;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:var(--bw) solid var(--border);border-radius:var(--r-md);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.map-step[data-state=current] .node-card{background:var(--surface-3)}.node-card:hover:not(:disabled),.node-card:focus-visible:not(:disabled){transform:translateY(-2px);border-color:var(--node-accent, var(--border-strong));box-shadow:0 6px 18px #00000059;outline:none}.node-card:disabled{cursor:default}.node-head{display:flex;align-items:center;gap:var(--sp-2)}.node-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--node-accent, var(--border-strong));box-shadow:0 0 0 3px color-mix(in oklab,var(--node-accent, var(--border-strong)) 22%,transparent)}.node-card .node-type{font-family:var(--font-title);letter-spacing:.04em;font-size:var(--fs-lg)}.node-card .node-hint{color:var(--muted);font-size:var(--fs-sm)}.node-card[data-type=combat]{--node-accent: var(--side-b-dim)}.node-card[data-type=elite]{--node-accent: var(--org-mythologique)}.node-card[data-type=boss]{--node-accent: var(--side-b)}.node-card[data-type=village]{--node-accent: var(--heal)}.node-card[data-type=boutique]{--node-accent: var(--gold)}.node-card[data-type=evenement]{--node-accent: var(--side-a)}.panel{background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.panel h2{font-family:var(--font-title);color:var(--gold);letter-spacing:.05em;margin:0 0 var(--sp-2)}.panel p.lead{color:var(--muted);margin:0 0 var(--sp-5)}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}.unit-card{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);background:var(--surface-2);border:var(--bw) solid var(--border);border-radius:var(--r-md);text-align:left}.unit-card.is-button{cursor:pointer;color:var(--text);font:inherit;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.unit-card.is-button:hover,.unit-card.is-button:focus-visible{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #0006;outline:none}.unit-card.is-button>.unit-meta{margin-top:var(--sp-1);padding-top:var(--sp-2);border-top:var(--bw) solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:var(--fs-sm);font-weight:600}.unit-card.is-button>.unit-meta:after{content:"→";opacity:.75}.unit-card.is-button:hover>.unit-meta,.unit-card.is-button:focus-visible>.unit-meta{color:#e0c074}.unit-card.selected{border-color:var(--side-a);box-shadow:0 0 0 1px var(--side-a)}.unit-card.empty{color:var(--faint);align-items:center;justify-content:center;border-style:dashed;min-height:84px}.unit-head{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.unit-avatar{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--surface-3);box-shadow:0 0 0 1px var(--border-strong)}.unit-avatar[data-faction=greek]{box-shadow:0 0 0 2px var(--side-a)}.unit-avatar[data-faction=egyptian]{box-shadow:0 0 0 2px var(--gold)}.unit-avatar[data-faction=norse]{box-shadow:0 0 0 2px var(--org-mythologique)}.unit-avatar img{width:100%;height:100%;object-fit:cover;display:block}.unit-card-body{display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.unit-dtype-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.4;color:var(--muted);background:var(--surface-3);border:var(--bw) solid var(--border)}.unit-dtype-chip.dt-tranchant,.unit-dtype-chip.dt-percant,.unit-dtype-chip.dt-ecrasant,.unit-dtype-chip.dt-divin{color:var(--muted)}.unit-avatar[data-faction=greek]{background:radial-gradient(circle at 50% 32%,#2c4c66,#131e28)}.unit-avatar[data-faction=egyptian]{background:radial-gradient(circle at 50% 32%,#6a5320,#1f1809)}.unit-avatar[data-faction=norse]{background:radial-gradient(circle at 50% 32%,#4a3168,#181024)}.unit-avatar[data-faction=greek] .unit-ico{color:#7fc0ef}.unit-avatar[data-faction=egyptian] .unit-ico{color:#e6c36a}.unit-avatar[data-faction=norse] .unit-ico{color:#c19cf0}.unit-ico{display:grid;place-items:center;font-size:28px}.lib-head .unit-ico{font-size:34px}.unit-ico svg{width:1em;height:1em;display:block}.unit-avatar-mono{font-family:var(--font-title);font-size:var(--fs-xl);font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.unit-headings{display:flex;flex-direction:column;min-width:0;flex:1}.unit-name{font-family:var(--font-title);font-size:var(--fs-lg);color:var(--text)}.tier-badge{display:inline-block;margin-left:var(--sp-2);padding:1px 6px;border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;color:#16120a}.tier-badge.tier-moyen{background:#b9905a}.tier-badge.tier-lourd{background:#cdd2dc}.tier-badge.tier-champion{background:var(--gold);box-shadow:0 0 8px -1px var(--gold)}.unit-avatar[data-tier=moyen]{box-shadow:0 0 0 2px #b9905a}.unit-avatar[data-tier=lourd]{box-shadow:0 0 0 2px #cdd2dc}.unit-avatar[data-tier=champion]{box-shadow:0 0 0 2px var(--gold),0 0 10px -2px var(--gold)}.unit-upgrade{margin-top:var(--sp-2);width:100%;border-color:var(--gold);color:var(--gold)}.unit-upgrade:hover:not(:disabled){background:#c8a24a1f}.unit-meta{color:var(--muted);font-size:var(--fs-sm)}.unit-headings .unit-meta{font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-faction{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.faction-greek{color:var(--side-a)}.faction-egyptian{color:var(--gold)}.faction-norse{color:var(--org-mythologique)}.unit-stats{display:flex;gap:var(--sp-2);font-variant-numeric:tabular-nums}.ustat{flex:1;display:inline-flex;align-items:baseline;justify-content:center;gap:4px;padding:4px 2px;border-radius:var(--r-sm);background:var(--surface-3);font-size:var(--fs-sm);color:var(--text)}.ustat .ustat-ico{font-size:var(--fs-xs);color:var(--muted)}.ustat b{font-weight:700}.unit-origin-humain{color:var(--org-humain)}.unit-origin-mythologique{color:var(--org-mythologique)}.unit-origin-heros{color:var(--org-heros)}.unit-origin-heros .unit-name{color:var(--text);text-shadow:0 0 12px rgba(255,240,205,.65)}.unit-origin-heros .unit-avatar{filter:drop-shadow(0 0 9px rgba(255,236,195,.85))}.unit-card:has(.unit-origin-heros){border-color:#ffecc38c;box-shadow:inset 0 0 28px -12px #ffecc366,0 0 12px -4px #ffecc359}@media (prefers-reduced-motion: no-preference){.unit-origin-heros .unit-avatar{animation:heroHalo 2.6s ease-in-out infinite}}@keyframes heroHalo{0%,to{filter:drop-shadow(0 0 6px rgba(255,236,195,.6))}50%{filter:drop-shadow(0 0 13px rgba(255,240,205,.95))}}.hpbar{height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden}.hpbar>span{display:block;height:100%;background:var(--heal)}.hpbar.low>span{background:var(--hp-low)}.btn{font:inherit;font-size:var(--fs-lg);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);border:var(--bw) solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){background:var(--surface-3);outline:none}.btn:active:not(:disabled){transform:translateY(1px);background:var(--surface-3)}.btn:disabled{opacity:var(--op-dead);cursor:default}.btn-primary{background:var(--gold);border-color:var(--gold);color:#1a1610;font-weight:600}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled){background:#d8b462}.btn-ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn-sm{font-size:var(--fs-sm);padding:var(--sp-1) var(--sp-3);margin-top:var(--sp-2)}.unit-item{font-size:var(--fs-sm);color:var(--gold);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:var(--sp-2)}.item-ico{display:inline-grid;place-items:center;font-size:1.1em}.item-ico svg{width:1em;height:1em;display:block}.unit-name .item-ico{margin-right:var(--sp-1);vertical-align:-.12em}.unit-controls{display:flex;gap:var(--sp-2);align-items:stretch}.unit-controls .btn-sm{flex:1;margin-top:0;text-align:center}.actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-5)}.outcome{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-4);border:var(--bw) solid var(--border)}.outcome.win{border-color:var(--heal);background:#5fd38a14}.outcome.lose{border-color:var(--side-b);background:#e0565f14}.outcome.pending{border-color:var(--border);color:var(--muted)}.outcome h2{margin:0;font-family:var(--font-title)}.outcome.win h2{color:var(--heal)}.outcome.lose h2{color:var(--side-b)}.outcome.pending h2{color:var(--muted)}.outcome .reward{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-lg);text-shadow:0 0 10px rgba(214,175,84,.5)}@media (prefers-reduced-motion: no-preference){.outcome.win .reward{animation:rewardPop .42s cubic-bezier(.34,1.56,.64,1) both}}@keyframes rewardPop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.panel p.shop-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.shop-reroll{white-space:nowrap}.panel p.shop-toast{color:var(--gold);font-weight:600;text-shadow:0 0 10px rgba(214,175,84,.4)}@media (prefers-reduced-motion: no-preference){.shop-toast{animation:rewardPop .38s cubic-bezier(.34,1.56,.64,1) both}}.center-screen{max-width:760px;margin:0 auto;text-align:center}.shop-price{color:var(--gold);font-variant-numeric:tabular-nums}.home{padding-top:var(--sp-6)}.hero{margin-bottom:var(--sp-6)}.hero-title{font-family:var(--font-title);font-weight:700;letter-spacing:.06em;font-size:clamp(34px,6vw,56px);line-height:1.05;margin:0 0 var(--sp-3);color:var(--gold);text-wrap:balance}.hero-tagline{margin:0 auto;max-width:46ch;color:var(--muted);font-size:var(--fs-xl);line-height:1.5}.resume-panel{text-align:left;margin-bottom:var(--sp-6)}.resume-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.resume-head h2{margin:0}.resume-hearts{font-size:var(--fs-xl);letter-spacing:2px;color:var(--side-b)}.resume-hearts-lost{color:var(--faint)}.home-section-title{font-family:var(--font-title);color:var(--text);font-size:var(--fs-xl);letter-spacing:.04em;margin:0 0 var(--sp-1)}.wiki{max-width:760px}.wiki-sec{margin-bottom:var(--sp-6)}.wiki-sec h2{font-family:var(--font-title);color:var(--gold);letter-spacing:.04em;font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.wiki-sec p{color:var(--muted);line-height:1.6;margin:0 0 var(--sp-2)}.wiki-sec p b,.wiki-list b{color:var(--text)}.wiki-sec code{background:var(--surface-3);padding:1px 5px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text)}.wiki-types{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-3) 0}.wiki-type{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.wiki-table-wrap{overflow-x:auto}.wiki-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:var(--sp-2) 0}.wiki-table th,.wiki-table td{padding:var(--sp-2) var(--sp-3);text-align:center;border-bottom:var(--bw) solid var(--border)}.wiki-table th{color:var(--muted)}.wiki-table .wiki-class{text-align:left;color:var(--text);font-weight:600;white-space:nowrap}.wiki-table .arm{font-variant-numeric:tabular-nums;color:var(--muted)}.wiki-table .arm.zero{color:var(--faint)}.wiki-table .arm.res{color:var(--side-a);font-weight:600}.wiki-table .arm.vuln{color:var(--super);font-weight:600}.wiki-note{font-size:var(--fs-sm);color:var(--faint)!important}.wiki-list{margin:0 0 var(--sp-2);padding-left:var(--sp-5);color:var(--muted);line-height:1.7}.intro-panel{text-align:left;margin-bottom:var(--sp-5)}.intro-list{margin:0;padding-left:var(--sp-5);color:var(--muted);font-size:var(--fs-md);line-height:1.6}.intro-list li{margin-bottom:var(--sp-2)}.intro-list b{color:var(--text)}.hub{padding-top:var(--sp-6)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-5);text-align:left}.mode-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-lg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.mode-card:hover:not(.is-soon),.mode-card:focus-visible:not(.is-soon){transform:translateY(-3px);border-color:var(--gold);background:var(--surface-2);outline:none}.mode-card.is-soon{opacity:.55;cursor:default}.mode-icon{line-height:0;color:var(--gold)}.mode-icon svg{width:30px;height:30px;fill:currentColor}.mode-name{font-family:var(--font-title);font-size:var(--fs-xl);letter-spacing:.03em}.mode-desc{color:var(--muted);font-size:var(--fs-md);line-height:1.5;flex:1}.mode-cta{color:var(--gold);font-size:var(--fs-sm);font-weight:600;margin-top:var(--sp-2)}.mode-soon{color:var(--faint)}.library{max-width:1100px;margin:0 auto}.library-bar{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}.library-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.05em;margin:0;font-size:var(--fs-xl);flex:1}.library-count{color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-pill);margin-bottom:var(--sp-5)}.seg-btn{font:inherit;font-size:var(--fs-md);padding:var(--sp-1) var(--sp-4);border:none;background:transparent;color:var(--muted);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--gold);color:#1a1610;font-weight:600}.library-section{font-family:var(--font-title);font-size:var(--fs-lg);color:var(--muted);letter-spacing:.04em;margin:var(--sp-5) 0 var(--sp-3)}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-3)}.lib-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-2);border:var(--bw) solid var(--border);border-radius:var(--r-md)}.lib-card.is-monster{border-color:var(--side-b-dim);background:#e0565f0d}.lib-head{display:flex;align-items:center;gap:var(--sp-3)}.lib-head .unit-avatar{width:56px;height:56px}.lib-headings{display:flex;flex-direction:column;min-width:0;flex:1}.lib-card .unit-stats{margin-top:0}.lib-ability{display:flex;flex-direction:column;gap:2px}.lib-ability-name{font-family:var(--font-title);font-size:var(--fs-md);color:var(--gold)}.lib-ability-desc{font-size:var(--fs-sm);color:var(--muted);line-height:1.45}.lib-no-ability{font-style:italic;color:var(--faint)}.synergy-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.synergy-chip{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-4);background:var(--surface-2);border:var(--bw) solid var(--border);border-radius:var(--r-md)}.synergy-chip.faction-greek{--chip-accent: var(--side-a)}.synergy-chip.faction-egyptian{--chip-accent: var(--gold)}.synergy-chip.faction-norse{--chip-accent: var(--org-mythologique)}.synergy-chip-head{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:.03em;color:var(--chip-accent, var(--text))}.synergy-chip-head b{font-variant-numeric:tabular-nums;color:var(--text)}.synergy-tier{font-size:var(--fs-xs);padding:0 5px;border-radius:var(--r-pill);background:var(--chip-accent, var(--border-strong));color:#14110a;font-weight:700}.synergy-chip-effect{font-size:var(--fs-sm);color:var(--muted)}.synergy-hint{color:var(--faint);font-size:var(--fs-sm);margin:0 0 var(--sp-4)}.synergy-hint b{color:var(--muted)}.relic-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.relic-chip{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px var(--sp-3) 3px var(--sp-2);background:var(--surface-2);border:var(--bw) solid var(--border);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--text);cursor:help}.relic-ico{display:inline-grid;place-items:center;color:var(--gold);font-size:1.15em}.relic-ico svg{width:1em;height:1em;display:block}.relic-chip-name{font-family:var(--font-title);letter-spacing:.02em}.relic-tip{position:absolute;left:0;top:calc(100% + 8px);z-index:var(--z-tip);width:max-content;max-width:220px;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--surface-3);border:var(--bw) solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 6px 20px #00000073;text-align:left;font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.35;color:var(--muted);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-fast) var(--ease)}.relic-tip b{color:var(--gold);font-size:var(--fs-md);font-family:var(--font-title)}.relic-chip:hover .relic-tip,.relic-chip:focus-visible .relic-tip{opacity:1;visibility:visible}.campaign-card{gap:var(--sp-2)}.campaign-card.is-done{border-color:var(--heal)}.campaign-card.is-done .unit-meta{color:var(--heal)}.starter-locked{opacity:.5}.starter-locked .unit-meta{color:var(--faint)}.starter-card{transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.starter-cta{margin-top:auto;padding-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);transition:color var(--dur-fast) var(--ease)}.starter-card:hover .starter-cta,.starter-card:focus-visible .starter-cta{color:var(--gold)}.score-line{font-size:var(--fs-xl);color:var(--muted);margin:0 0 var(--sp-5)}.score-line b{color:var(--gold);font-variant-numeric:tabular-nums}.favor-gain{color:var(--gold);font-weight:600;text-shadow:0 0 10px rgba(214,175,84,.4)}.favor-count{font-family:var(--font-body);font-size:var(--fs-md);color:var(--gold);font-variant-numeric:tabular-nums;margin-left:var(--sp-2)}.meta-card .shop-price{color:var(--gold);font-weight:600}.meta-card.owned{opacity:.7;border-color:var(--heal)}.meta-owned{color:var(--heal);font-weight:600;margin-top:var(--sp-1)}.panel-victory{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 40px #c4a05426}.panel-victory h2{font-size:var(--fs-2xl, var(--fs-xl))}.map-final-tag{color:var(--side-b);font-size:var(--fs-md);letter-spacing:.04em}.node-card[data-final]{--node-accent: var(--side-b);border-color:var(--side-b);background:#e0565f0f}.node-card[data-final] .node-type{color:var(--side-b)}.map-gnode,.mode-card,.unit-card.is-button{touch-action:manipulation}@media (hover: none) and (pointer: coarse),(max-width: 640px){.btn:active:not(:disabled),.mode-card:active{transform:scale(.98)}.map-gnode[data-state=reachable]:active{transform:translate(-50%,-50%) scale(1.12)}.btn{min-height:44px}.btn-sm{min-height:44px;padding-left:var(--sp-3);padding-right:var(--sp-3)}.hub .btn-sm{min-height:40px}.speed-seg-btn{min-height:40px;padding:0 13px}.map-gnode:focus .map-gnode-tip{opacity:1;visibility:visible}.map-gnode:focus{z-index:var(--z-tip);outline:none}.relic-chip:focus .relic-tip{opacity:1;visibility:visible}.relic-chip:focus{outline:none}}:root{--bg: #0e0e14;--surface: #181820;--surface-2: #20202c;--surface-3: #262633;--border: #34343f;--border-strong: #454553;--text: #ece7db;--muted: #a39d8e;--faint: #6f6a5e;--gold: #c8a24a;--side-a: #4aa3df;--side-a-dim: #2b6fa3;--side-b: #e0565f;--side-b-dim: #a33b41;--dmg: #ff7a6b;--heal: #5fd38a;--stun: #facc15;--hp-low: #f0b429;--super: #ffd24a;--resist: #818b99;--org-humain: #8a93a3;--org-mythologique: #9b5de5;--org-heros: #c8a24a;--dt-tranchant: #d7dde6;--dt-percant: #7dd3fc;--dt-ecrasant: #fbbf24;--dt-divin: #f3e2a6;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 40px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 99px;--bw: 1px;--bw-accent: 3px;--font-title: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 13px;--fs-lg: 14px;--fs-xl: 16px;--dur-fast: .15s;--dur-mid: .22s;--dur-slow: .85s;--ease: cubic-bezier(.4, 0, .2, 1);--op-dead: .4;--op-muted: .7;--z-card: 1;--z-tip: 40;--z-floater: 60;--ic-sm: 12px;--ic-md: 14px;--ic-lg: 18px}.dt-tranchant{color:var(--dt-tranchant)}.dt-percant{color:var(--dt-percant)}.dt-ecrasant{color:var(--dt-ecrasant)}.dt-divin{color:var(--dt-divin);filter:drop-shadow(0 0 3px var(--dt-divin))}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}.app{min-height:100vh;padding:var(--sp-5) var(--sp-4) var(--sp-6);background:radial-gradient(1200px 500px at 50% -10%,#1c1c2a 0%,transparent 60%),var(--bg)}.arena{max-width:1100px;margin:0 auto}.battlefield{display:flex;align-items:flex-start;justify-content:center;gap:clamp(12px,3vw,40px);padding:var(--sp-5) clamp(8px,2vw,24px);background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-lg)}.team{flex:1 1 0;min-width:0}.team-head{font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-3)}.team-a .team-head{color:var(--side-a)}.team-b .team-head{color:var(--side-b);text-align:right}.team-head .you{color:var(--muted);font-size:var(--fs-sm)}.lines{display:flex;gap:var(--sp-3)}.team-a .lines{justify-content:flex-end}.team-b .lines{justify-content:flex-start}.line{display:flex;flex-direction:column;gap:var(--sp-3)}.versus{align-self:center;font-family:var(--font-title);font-weight:700;font-size:20px;color:var(--border-strong);padding-top:60px}.unit{position:relative;width:150px;padding:var(--sp-3) var(--sp-3) var(--sp-2);background:linear-gradient(180deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 60%,var(--bg)));border:var(--bw) solid var(--border);border-left:var(--bw-accent) solid var(--org-humain);border-radius:var(--r-md);box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff0a;z-index:var(--z-card);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-mid) var(--ease),filter var(--dur-mid) var(--ease),border-color var(--dur-mid) var(--ease)}.unit.org-humain{border-left-color:var(--org-humain)}.unit.org-mythologique{border-left-color:var(--org-mythologique)}.unit.org-heros{border-left-color:var(--org-heros)}.team-b .unit{border-left:var(--bw) solid var(--border);border-right:var(--bw-accent) solid var(--org-humain)}.team-b .unit.org-mythologique{border-right-color:var(--org-mythologique)}.team-b .unit.org-heros{border-right-color:var(--org-heros)}.unit:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.unit:hover{z-index:var(--z-tip);transform:translateY(-3px);box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff0f}.unit.dead{opacity:var(--op-dead);filter:grayscale(1)}.unit.dead:hover{transform:none}.unit.stunned{border-color:var(--stun);box-shadow:0 0 0 1px var(--stun) inset}.unit-top{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);min-width:0}.unit-av{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#0d0d12;box-shadow:0 0 0 1px var(--border-strong)}.unit-av[data-origin=mythologique]{box-shadow:0 0 0 1px var(--org-mythologique)}.unit-av[data-origin=heros]{box-shadow:0 0 0 1px var(--org-heros)}.unit-av img{width:100%;height:100%;object-fit:cover;display:block}.unit-av[data-faction=greek]{background:radial-gradient(circle at 50% 32%,#2c4c66,#0d141b)}.unit-av[data-faction=egyptian]{background:radial-gradient(circle at 50% 32%,#6a5320,#161005)}.unit-av[data-faction=norse]{background:radial-gradient(circle at 50% 32%,#4a3168,#110b18)}.unit-av[data-faction=greek] .unit-ico{color:#7fc0ef}.unit-av[data-faction=egyptian] .unit-ico{color:#e6c36a}.unit-av[data-faction=norse] .unit-ico{color:#c19cf0}.unit-av .unit-ico{display:grid;place-items:center;font-size:20px;transition:transform var(--dur-fast) var(--ease)}.unit-av .unit-ico svg{width:1em;height:1em;display:block}.unit:hover .unit-ico{transform:scale(1.1)}.unit-av-mono{font-family:var(--font-title);font-size:var(--fs-md);font-weight:700;color:var(--text)}.unit-name{font-family:var(--font-title);font-size:var(--fs-lg);font-weight:600;line-height:1.15;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance}.hp{position:relative;height:9px;background:#0d0d12;border-radius:var(--r-pill);overflow:hidden;box-shadow:inset 0 1px 2px #0009}.hp-fill{position:relative;height:100%;border-radius:var(--r-pill);background:var(--side-a);box-shadow:0 0 8px -1px var(--side-a);transition:width var(--dur-mid) var(--ease),background var(--dur-mid) var(--ease),box-shadow var(--dur-mid) var(--ease)}.hp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#fff6,#fff0 60%)}.team-b .hp-fill{background:var(--side-b);box-shadow:0 0 8px -1px var(--side-b)}.hp-fill.low{background:var(--hp-low);box-shadow:0 0 8px -1px var(--hp-low)}@media (prefers-reduced-motion: no-preference){.hp-fill.low{animation:hpPulse 1s ease-in-out infinite}}@keyframes hpPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.unit-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--sp-2)}.unit-class{font-size:var(--fs-sm);color:var(--muted)}.unit-atk{font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums}.hp-num{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}.unit-tags{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-top:var(--sp-2)}.origin-tag{font-size:var(--fs-xs);letter-spacing:.03em;color:var(--muted);text-transform:uppercase}.unit-tags .unit-dtype-chip{align-self:center;padding:1px 7px 1px 5px;line-height:1.5}.dtype{display:inline-flex;align-items:center;justify-content:center;line-height:0}.death-mark{position:absolute;top:6px;right:8px;font-size:var(--fs-xl);color:var(--muted)}.team-b .death-mark{right:auto;left:8px}.stun-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--stun);color:#2a2400;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:var(--r-pill)}.unit-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);width:188px;padding:var(--sp-3);background:var(--surface-3);border:var(--bw) solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 8px 24px #0000008c;opacity:0;visibility:hidden;pointer-events:none;z-index:var(--z-tip);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.unit:hover .unit-tip,.unit:focus-within .unit-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tip-title{font-family:var(--font-title);font-size:var(--fs-lg);margin-bottom:2px}.tip-sub{font-size:var(--fs-sm);color:var(--muted)}.tip-faction{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:var(--sp-2)}.tip-stats{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--text);padding-bottom:var(--sp-2);margin-bottom:var(--sp-2);border-bottom:var(--bw) solid var(--border)}.tip-armor-head{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:var(--sp-1)}.tip-arm-row{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);padding:1px 0}.tip-arm-name{color:var(--muted);flex:1}.tip-arm-val{font-variant-numeric:tabular-nums;color:var(--text)}.tip-arm-val.res{color:var(--side-a)}.tip-arm-val.vuln{color:var(--dmg);font-weight:600}.floater{position:absolute;top:22px;left:50%;transform:translate(-50%);font-weight:700;font-size:var(--fs-xl);font-variant-numeric:tabular-nums;pointer-events:none;z-index:var(--z-floater);text-shadow:0 1px 2px rgba(0,0,0,.6);animation:floatUp var(--dur-slow) ease-out forwards}.f-dmg{color:var(--dmg)}.f-heal{color:var(--heal)}.f-stun{color:var(--stun);font-size:var(--fs-md)}.floater.eff-super{color:var(--super);font-size:22px;text-shadow:0 0 9px var(--super),0 1px 2px rgba(0,0,0,.7)}.floater.eff-resist{color:var(--resist);font-size:var(--fs-md)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}18%{opacity:1;transform:translate(-50%,-3px) scale(1.18)}34%{transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.strike{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none;z-index:var(--z-floater)}.strike-wpn{position:absolute;left:-27px;top:-27px;width:54px;height:54px;color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.65));transform-origin:center;animation:strikeSwing var(--sdur, .32s) cubic-bezier(.3,1.25,.55,1) both}.strike-wpn svg{width:100%;height:100%;display:block}.strike.eff-super .strike-wpn{width:66px;height:66px;left:-33px;top:-33px;color:var(--super);filter:drop-shadow(0 0 11px var(--super))}.strike.eff-resist .strike-wpn{color:var(--resist);filter:none;opacity:.8}@keyframes strikeSwing{0%{opacity:0;transform:translate(calc(var(--dir) * -26px),-12px) rotate(calc(var(--dir) * -62deg)) scale(.55)}42%{opacity:1;transform:translate(0) rotate(calc(var(--dir) * 8deg)) scale(1.15)}to{opacity:0;transform:translate(calc(var(--dir) * 9px),7px) rotate(calc(var(--dir) * 24deg)) scale(1)}}@media (prefers-reduced-motion: reduce){.strike{display:none}}.controls{display:flex;flex-direction:column;gap:var(--sp-3);max-width:1100px;margin:var(--sp-4) auto 0;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-md)}.controls-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}.ctrl-group{display:inline-flex;align-items:center;gap:var(--sp-2)}.ctrl-sep{width:1px;align-self:stretch;min-height:28px;background:var(--border-strong)}.ctrl{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;background:var(--surface-2);color:var(--text);border:var(--bw) solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:600;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.ctrl:hover{background:var(--surface-3)}.ctrl:active{transform:translateY(1px);background:var(--surface-3)}.ctrl:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ctrl.primary{width:44px;padding:0;color:var(--gold)}.ctrl.active{background:var(--gold);color:#1a1500;border-color:var(--gold)}.ctrl-icon{width:44px;padding:0}.speeds{display:inline-flex;border:var(--bw) solid var(--border);border-radius:var(--r-sm);overflow:hidden}.speeds .ctrl{border:none;border-left:var(--bw) solid var(--border);border-radius:0;padding:0 12px;font-variant-numeric:tabular-nums}.speeds .ctrl:first-child{border-left:none}@media (hover: none) and (pointer: coarse),(max-width: 640px){.ctrl{min-height:44px}.speeds{gap:var(--sp-2)}}.progress{height:4px;background:#0d0d12;border-radius:var(--r-pill);overflow:hidden}.progress-fill{height:100%;background:var(--gold);transition:width .2s linear}.controls-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.status{font-family:var(--font-title);font-size:var(--fs-md);letter-spacing:.04em;color:var(--text)}.legend{display:inline-flex;gap:var(--sp-3);align-items:center;margin-left:auto}.legend-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.legend .lg{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.legend .lg:before{content:"";width:8px;height:8px;border-radius:2px}.legend .super:before{background:var(--super)}.legend .resist:before{background:var(--resist)}@media (max-width: 640px){.battlefield{flex-direction:column;align-items:stretch}.versus{padding:4px 0;text-align:center}.team-a .lines,.team-b .lines{justify-content:center}.lines{gap:var(--sp-2)}.ctrl-sep{display:none}.controls-bar{gap:var(--sp-3);justify-content:space-between}.unit{width:min(150px,calc((100vw - 84px)/2))}}@media (prefers-reduced-motion: reduce){.floater{animation:fadeOnly .6s ease-out forwards}.hp-fill,.unit,.ctrl,.progress-fill,.unit-tip{transition:none}@keyframes fadeOnly{0%{opacity:0}15%{opacity:1}to{opacity:0}}}