:root{--kit-panel-bg:#14100cb8;--kit-panel-bg-solid:#14100c;--kit-keyline:#ffecc838;--kit-keyline-warm:#ffd16673;--ink:#f4ecdf;--ink-dim:#b8ad9c;--accent:#ffd166;--accent-ink:#241c10;--silver:#c9d4e3;--gold:#ffbf3f;--legend:#c9a0ff;--danger:#ff6b6b;--kit-danger:#ff8a7a;--bar-hunger:#e8985a;--bar-energy:#6ec6ff;--bar-health:#7ee08a;--bar-mood:#ffd166;--bar-bond:#ff9ec4;--kit-blur:blur(8px) saturate(1.1);--kit-settle:cubic-bezier(.2, .9, .3, 1.2);--kit-step--2:clamp(10px, .36vw + 9.3px, 11px);--kit-step--1:clamp(12px, .36vw + 11.3px, 13px);--kit-step-0:clamp(14px, .4vw + 13px, 15px);--kit-step-1:clamp(16px, .7vw + 14.3px, 18px);--kit-step-2:clamp(19px, 1.2vw + 16.4px, 24px);--kit-safe-top:env(safe-area-inset-top,0px);--kit-safe-bottom:env(safe-area-inset-bottom,0px);--kit-safe-left:env(safe-area-inset-left,0px);--kit-safe-right:env(safe-area-inset-right,0px);--el-fire:#ff6b4a;--el-water:#4aa8ff;--el-plant:#6c6;--el-electric:#ffd166;--el-earth:#b07a4a;--el-wind:#7adcc4}.kit-plate{background:linear-gradient(var(--kit-panel-bg), var(--kit-panel-bg)) padding-box, linear-gradient(var(--kit-keyline), var(--kit-keyline)) border-box;-webkit-backdrop-filter:var(--kit-blur);backdrop-filter:var(--kit-blur);color:var(--ink);border:1px solid #0000}.kit-plate.is-chamfer-left{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}.kit-plate.is-chamfer-right{clip-path:polygon(0 0,100% 0,100% 100%,10px 100%)}.kit-notice{z-index:60;text-align:center;max-width:min(560px,90vw);padding:10px 18px;font-size:13px;line-height:1.4;position:fixed;top:18px;left:50%;transform:translate(-50%)}.kit-tab{background:var(--accent);color:var(--accent-ink);letter-spacing:.2em;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.kit-tab.is-outline{color:var(--accent);background:#ffd1661f}.kit-tab.is-stage{letter-spacing:.16em;padding:2px 9px;font-size:10px}.kit-chip{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);color:var(--ink);font:inherit;letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);cursor:pointer;transition:transform .15s var(--kit-settle), border-color .15s ease;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.kit-chip svg{width:14px;height:14px}.kit-chip:hover{border-color:var(--kit-keyline-warm);transform:translateY(-1px)}.kit-chip.is-accent{background:var(--accent);color:var(--accent-ink)}.kit-chip.is-dim{color:var(--ink-dim);font-weight:600}.kit-crest{clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:hsl(var(--hue) 70% 55%);color:#14100c;flex:none;place-items:center;width:40px;height:40px;display:grid}.kit-crest svg{width:22px;height:22px}.kit-button{border:1px solid var(--kit-keyline);color:var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s var(--kit-settle), border-color .15s ease, background .15s ease;background:#ffecc80f;grid-template-columns:auto 1fr auto;grid-template-areas:"glyph name cost";align-items:center;gap:2px 8px;padding:9px 12px 10px;font-size:13px;font-weight:700;display:grid}.kit-button:hover:not(:disabled){border-color:var(--kit-keyline-warm);background:#ffecc81a;transform:translateY(-1px)}.kit-button:active:not(:disabled){transform:translateY(1px)scale(.98)}.kit-button-glyph{color:var(--accent);grid-area:glyph;place-items:center;display:grid}.kit-button-glyph svg{width:18px;height:18px}.kit-button-name{grid-area:name}.kit-button-cost{letter-spacing:.14em;color:var(--accent);grid-area:cost;font-size:10px;font-weight:700}.kit-button-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#ffd16624;grid-area:tag;align-self:center;padding:1px 7px;font-size:10px;font-weight:700}.kit-button.is-disabled,.kit-button:disabled{cursor:not-allowed}.kit-button.is-disabled>span,.kit-button:disabled>span{opacity:.62}.kit-button.is-focus{border-color:var(--kit-keyline-warm);background:#ffd1661a}.kit-button.is-slant{clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.kit-button.is-notch{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.kit-button.is-shard{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 100%,0 100%)}.kit-button[data-reason]{position:relative}.kit-button[data-reason]:hover:after,.kit-button[data-reason]:focus-visible:after{content:attr(data-reason);z-index:20;border:1px solid var(--kit-keyline-warm);color:var(--ink);letter-spacing:.02em;text-transform:none;white-space:nowrap;clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);pointer-events:none;background:#201911;padding:9px 13px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%;box-shadow:0 10px 24px #00000080}.kit-cta{background:var(--accent);color:var(--accent-ink);font:inherit;letter-spacing:.18em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);cursor:pointer;transition:transform .15s var(--kit-settle), filter .15s ease;border:0;justify-content:space-between;align-items:center;padding:13px 18px;font-size:14px;font-weight:800;display:flex}.kit-cta svg{width:18px;height:18px}.kit-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.kit-cta:active{transform:translateY(1px)scale(.99)}.kit-modal{z-index:70;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kit-modal-box{text-align:center;gap:10px;max-width:min(420px,88vw);padding:18px 20px;display:grid}.kit-modal-title{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:16px;font-weight:800}.kit-modal-text{color:var(--ink-dim);margin:0;font-size:13px;line-height:1.5}.kit-modal-actions{justify-content:center;gap:8px;margin-top:4px;display:flex}@media (orientation:landscape) and (height<=500px){.kit-modal{padding:20px}.kit-modal-box{max-height:100%;overflow-y:auto}}.kit-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail-growth{border-top:1px solid var(--kit-keyline);gap:6px;padding-top:10px;display:grid}.detail-growth-title{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:800}.detail-growth-note{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.45}.detail-growth-rows{gap:3px;display:grid}.detail-growth-row{align-items:baseline;gap:8px;display:flex}.detail-growth-label{flex:1;min-width:0;font-size:13px;font-weight:600}.detail-growth-glyph{color:var(--ink-dim);font-size:12px;line-height:1}.detail-growth-row[data-met=true] .detail-growth-glyph{color:var(--accent)}.detail-growth-detail{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:12px;font-weight:700}.detail-growth-path{border-left:3px solid hsl(var(--hue,40) 70% 55%);background:#ffffff0a;border-radius:0 4px 4px 0;grid-template-columns:auto 1fr;gap:2px 8px;padding:6px 9px;display:grid}.detail-growth-path-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:800}.detail-growth-path-label{color:hsl(var(--hue,40) 70% 62%);font-size:13px;font-weight:800}.detail-growth-path-line{color:var(--ink-dim);grid-column:1/-1;margin:0;font-size:12px;line-height:1.4}.detail-path{border-top:1px solid var(--kit-keyline);gap:4px;padding-top:10px;display:grid}.detail-path-title{letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--hue,40) 70% 62%);margin:0;font-size:11px;font-weight:800}.detail-path-row{align-items:baseline;gap:8px;display:flex}.detail-path-label{min-width:0;color:var(--ink-dim);flex:1;font-size:12px}.detail-path-value{text-align:right;font-size:13px;font-weight:700}.detail-path-line{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.45}.kit-button-danger{color:var(--danger,#ff6b6b)}.kit-button-danger:focus-visible{outline:2px solid var(--danger,#ff6b6b);outline-offset:2px}.kit-chip:focus-visible,.kit-button:focus-visible,.kit-cta:focus-visible,.rename-button:focus-visible,.hud-lineage:focus-visible,.spar-kit-reset:focus-visible,.spar-log-toggle:focus-visible,.cup-close:focus-visible,.cup-slot:focus-visible,.cup-cta-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spar-kit-move:focus-visible,.spar-tactic:focus-visible,.spar-fast:focus-visible,.spar-replay:focus-visible,.starter-card:focus-visible,.cup-cta-go:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.kit-move-name{display:block}.kit-move-stat{letter-spacing:.02em;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px;display:block}.el-border-fire{--el-border-color:var(--el-fire)}.el-border-water{--el-border-color:var(--el-water)}.el-border-plant{--el-border-color:var(--el-plant)}.el-border-electric{--el-border-color:var(--el-electric)}.el-border-earth{--el-border-color:var(--el-earth)}.el-border-wind{--el-border-color:var(--el-wind)}.ap-pips{gap:7px;display:inline-flex}.ap-pip{background:var(--accent);width:13px;height:20px;transform:skew(-14deg)}.ap-pip.is-empty,.ap-pip.is-spent{box-shadow:inset 0 0 0 1px var(--kit-keyline);background:#ffecc814}.ap-pip.is-spent{animation:.9s ease-out both pip-spent}.ap-pip.is-bonus{box-shadow:inset 0 0 0 1px var(--kit-keyline-warm);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%);background:0 0}.condition-track{background:#ffffff14;flex:1;height:6px;display:inline-block;overflow:hidden}.condition-fill{clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%);height:100%;transition:width .4s var(--kit-settle);display:block}.condition-fill.is-low{animation:1.6s ease-in-out infinite bar-pulse}.condition-fill.is-flashing{animation:.9s ease-out 2 bar-flash}.condition-row{align-items:center;gap:8px;display:flex}.condition-label{letter-spacing:.14em;text-transform:uppercase;width:52px;color:var(--ink-dim);flex:none;font-size:10px;font-weight:700}.condition-glyph{flex:none;place-items:center;width:14px;display:grid}.condition-glyph svg{width:13px;height:13px;color:var(--ink-dim)}.condition-value{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:30px;font-size:12px;font-weight:700}.condition-delta{background:var(--accent);color:var(--accent-ink);animation:chip-pop 1.2s var(--kit-settle) both;margin-left:4px;padding:0 4px;font-size:9.5px;font-style:normal;font-weight:800;display:inline-block}.kit-ticker{border-top:1px solid var(--kit-keyline);color:var(--ink-dim);align-items:baseline;gap:9px;padding:9px 2px 1px;font-size:12.5px;display:flex}.kit-ticker-tick{background:var(--accent);flex:none;align-self:center;width:4px;height:14px}.kit-ticker-line{min-width:0}.kit-ticker-line.is-settling{animation:ticker-settle .4s var(--kit-settle) both}.kit-stamp{border:2px solid var(--accent);color:var(--accent);letter-spacing:.34em;text-transform:uppercase;padding:6px 22px;font-size:16px;font-weight:800;display:inline-block;transform:skew(-8deg)rotate(-2deg)}.kit-stamp.is-loss{border-color:var(--kit-danger);color:var(--kit-danger)}@keyframes settle-up{0%{opacity:0;transform:translateY(16px)}60%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes settle-down{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes bar-flash{0%{filter:brightness()}to{filter:brightness(1.6)}}@keyframes chip-pop{0%{opacity:0;transform:translateY(3px)scale(.85)}15%,85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-2px)scale(.95)}}@keyframes ticker-settle{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pip-spent{0%{background:var(--accent)}45%{filter:brightness(2.2);transform:skew(-14deg)scale(1.15)}to{filter:brightness();transform:skew(-14deg)scale(1)}}body.is-reduced *,body.is-reduced :before,body.is-reduced :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.kit-crest.is-dual{position:relative}.kit-crest.is-dual .kit-crest-secondary{clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:hsl(var(--hue) 70% 55%);color:#14100c;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-4px;right:-4px}.kit-crest.is-dual .kit-crest-secondary svg{width:10px;height:10px}@media (width<=767.98px){.kit-chip,.kit-button,.kit-cta{min-height:40px}.kit-cta{padding:10px 14px}.kit-button[data-reason]:after{white-space:normal;width:max-content;max-width:min(320px,78vw)}}@media (width>=768px) and (width<=1023.98px){.kit-chip,.kit-button,.kit-cta{min-height:40px}}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}@supports (height:100dvh){html,body,#app{height:100dvh}}#app{color:var(--ink);background:#1a1f2e;font-family:system-ui,sans-serif;position:relative}#app canvas{touch-action:none;display:block}.failure-plate{z-index:80;color:var(--ink);text-align:center;background:#14100cf0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.failure-cause{max-width:34ch;font-size:var(--kit-step-0);margin:0;line-height:1.5}@media (width<=479.98px){.kit-chip,.kit-button,.spar-close,.cup-close,.dock-head,.spar-log-toggle,.spar-fast,.spar-replay,.spar-kit-move,.spar-kit-reset,.hud-lineage,.creature-head,.cup-slot{min-height:44px}button.rename-button,.spar-panel-close{width:44px;height:44px}.spar-panel-close{justify-content:center}}.score-bug{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);filter:drop-shadow(0 8px 24px #00000059);animation:settle-down-centered .55s var(--kit-settle) both;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:10px 20px 11px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes settle-down-centered{0%{opacity:0;transform:translate(-50%,-14px)}60%{opacity:1;transform:translate(-50%,2px)}to{opacity:1;transform:translate(-50%)}}.score-day{align-items:baseline;gap:7px;display:flex}.score-day-label,.score-ap-label{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:700}.score-ap-label{color:var(--accent)}.score-day-num{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.score-divider{background:var(--kit-keyline);width:1px;height:22px}.score-ap{align-items:center;gap:8px;display:flex}.score-trophy{color:var(--accent);align-items:center;gap:6px;display:flex}.score-trophy svg{width:17px;height:17px}.score-trophy-count{letter-spacing:.06em;font-size:12px;font-weight:700}.score-ladder{align-items:center;gap:6px;display:flex}.score-ladder-rank{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.score-ladder--silver .score-ladder-rank{color:var(--silver)}.score-ladder--gold .score-ladder-rank{color:var(--gold)}.score-ladder--legend .score-ladder-rank{color:var(--legend)}.score-ladder-titles{color:var(--legend);font-size:12px;font-weight:700}.score-ladder-pts{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.creature-plate{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);width:300px;animation:settle-up .5s var(--kit-settle) 80ms both;-webkit-user-select:none;user-select:none;padding:14px;position:absolute;bottom:18px;left:18px}.creature-head{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:10px;padding:0;display:flex}.creature-head:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.creature-headrow{align-items:center;gap:4px;margin-bottom:10px;display:flex}.creature-headrow .creature-head{flex:1;margin-bottom:0}.creature-plate.is-collapsed .creature-headrow{margin-bottom:0}.creature-chips{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.creature-chips .kit-tab{padding:1px 7px;font-size:9px}.creature-form{letter-spacing:.12em}.creature-branch{border-left:2px solid hsl(var(--hue,40) 70% 55%);letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere;color:hsl(var(--hue,40) 70% 66%);margin:0 0 9px;padding-left:7px;font-size:10px;font-weight:700;line-height:1.4;display:block}.creature-branch[hidden],.creature-plate.is-collapsed .creature-branch{display:none}.rename-button{width:26px;height:26px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.rename-button:hover{color:var(--ink);background:var(--kit-panel-bg)}.collapse-toggle{width:26px;height:26px;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.collapse-toggle:hover{color:var(--ink);background:var(--kit-panel-bg)}.rename-button svg{width:13px;height:13px}.creature-name-edit{align-items:center;gap:6px;margin-bottom:10px;display:flex}.creature-name-input{border:1px solid var(--kit-keyline);background:var(--kit-panel-bg);min-width:0;color:var(--ink);font:inherit;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;flex:1;padding:6px 10px;font-size:15px;font-weight:800}.creature-name-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.creature-name-edit .kit-button{flex:none;padding:6px 10px;font-size:12px}.creature-plate.is-collapsed .stat-row,.creature-plate.is-collapsed .condition-list,.creature-plate.is-collapsed .kit-ticker{display:none}.creature-plate.is-collapsed .creature-head{margin-bottom:0}.creature-detail-box{text-align:left;grid-template-rows:auto auto minmax(0,1fr) auto;align-self:flex-start;max-height:min(86dvh,720px);margin:5dvh 0 auto}.detail-tabs{gap:4px;margin:10px 0 12px;display:flex}.detail-tab{cursor:pointer;border:0;font-family:inherit}.detail-tab[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--accent-ink);font-weight:900}.detail-panel{gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.detail-panel[hidden]{display:none}.creature-detail-head{align-items:center;gap:8px;display:flex}.creature-detail-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:19px;font-weight:800;overflow:hidden}.detail-stat-list{gap:10px;display:grid}.detail-stat{gap:3px;display:grid}.detail-stat-head{justify-content:space-between;align-items:baseline;display:flex}.detail-stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:800}.detail-stat-total{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.detail-stat-chips{flex-wrap:wrap;gap:4px;display:flex}.detail-stat-chip{color:var(--ink-dim);background:var(--kit-panel-bg);font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 7px;font-size:11px}.detail-context{border-top:1px solid var(--kit-keyline);gap:5px;padding-top:10px;display:grid}.detail-context-row{justify-content:space-between;align-items:baseline;display:flex}.detail-context-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:800}.detail-context-value{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.detail-kit{border-top:1px solid var(--kit-keyline);gap:3px;padding-top:10px;display:grid}.detail-kit-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.detail-kit-name{font-size:13px;font-weight:600}.detail-kit-state{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:800}.detail-kit-state[data-state=equipped]{color:var(--kit-accent,var(--ink-dim))}.detail-training{gap:12px;display:grid}.detail-training-section{border-top:1px solid var(--kit-keyline);gap:5px;padding-top:10px;display:grid}.detail-training-section:first-child{border-top:none;padding-top:0}.detail-training-title{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:11px;font-weight:800}.detail-training-program{margin:0;font-size:15px;font-weight:700}.detail-training-program[data-empty=true]{color:var(--ink-dim);font-weight:600}.detail-training-blurb,.detail-training-note,.detail-training-line{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.45}.detail-program-table{gap:4px;display:grid}.detail-program-head,.detail-program-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:3px 10px;display:grid}.detail-program-head{border-bottom:1px solid var(--kit-keyline);padding-bottom:3px}.detail-program-head-cell{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:9.5px;font-weight:800}.detail-program-head-cell:last-child{justify-self:end}.detail-program-name{font-size:12.5px;font-weight:600}.detail-program-chips{flex-wrap:wrap;gap:4px;display:flex}.detail-program-tonight{white-space:nowrap;border:1px solid var(--accent);background:var(--kit-panel-bg);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-radius:4px;justify-self:end;padding:1px 6px;font-size:9.5px;font-weight:800}.handbook-box{text-align:left;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:min(86dvh,720px)}.handbook-tabs{gap:4px;margin:10px 0 12px;display:flex}.handbook-tab{cursor:pointer;border:0;font-family:inherit}.handbook-panel{gap:8px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.handbook-chart-row{display:contents}.handbook-panel[hidden]{display:none}.handbook-chart{text-align:center;grid-template-columns:repeat(7,minmax(28px,1fr));gap:3px;display:grid}.handbook-chart-corner{letter-spacing:.08em;color:var(--ink-dim);align-self:end;font-size:9px}.handbook-chart-head svg{width:14px;height:14px;margin:0 auto;display:block}.handbook-chart-cell{font-variant-numeric:tabular-nums;color:var(--ink-dim);padding:4px 0;font-size:11px;font-weight:700}.handbook-chart-cell.is-strong{color:var(--accent);background:#ffd16614}.handbook-chart-cell.is-weak{background:#0003}.handbook-note{color:var(--ink-dim);font-size:12px;line-height:1.45}.handbook-rule{grid-template-columns:92px 1fr;align-items:baseline;gap:10px;display:grid}.handbook-rule-term{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:800}.handbook-rule-copy,.handbook-tip{font-size:13px;line-height:1.45}.handbook-moves-head{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:14px 0 6px;font-size:12px}.handbook-moves{flex-direction:column;gap:2px;display:flex}.handbook-move{background:#ffffff08;border-radius:2px;grid-template-columns:minmax(88px,1fr) minmax(160px,1.4fr) auto;align-items:baseline;gap:10px;padding:4px 8px;font-size:12px;display:grid}.handbook-move-name{font-weight:600}.handbook-move-stats{opacity:.65;font-variant-numeric:tabular-nums}.handbook-move-gate{opacity:.8;justify-self:end}@media (width<=767.98px){.handbook-tabs{flex-wrap:wrap}.handbook-move{grid-template-columns:minmax(0,1fr) auto}.handbook-move-gate{grid-column:1/-1;justify-self:start}}.gift-box{text-align:left}.gift-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.gift-name{font-size:15px;font-weight:600}.gift-flavor{opacity:.8;margin:0 0 10px;font-size:13px}.gift-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.gift-stat{background:#ffffff08;border-radius:2px;gap:2px;padding:6px 8px;font-size:12px;display:grid}.gift-stat-label{opacity:.6;letter-spacing:.08em}.gift-stat-value{font-variant-numeric:tabular-nums;font-weight:600}.gift-note{opacity:.75;margin:0 0 12px;font-size:12px}.gift-chip.is-hidden{display:none}.settings-box{text-align:left}.settings-rows{justify-items:start;gap:8px;display:grid}.settings-volume{grid-template-columns:96px 1fr 42px;align-items:center;gap:8px;width:min(320px,100%);display:grid}.settings-volume-label{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.settings-volume-slider{accent-color:var(--accent);width:100%}.settings-volume-value{font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.settings-transfer{flex-wrap:wrap;gap:8px;display:flex}.settings-notice{color:var(--ink-dim);max-width:320px;margin:0;font-size:12px;line-height:1.4}.settings-notice.is-warn{color:var(--accent)}.collapse-chev{color:var(--ink-dim);transition:transform .2s var(--kit-settle);display:inline-flex}.collapse-chev svg{width:13px;height:13px}.is-collapsed .collapse-chev{transform:rotate(-90deg)}.creature-name{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:19px;font-weight:800;overflow:hidden}.hud-callout{top:calc(146px + var(--kit-safe-top));left:calc(18px + var(--kit-safe-left));z-index:60;align-items:center;gap:12px;max-width:min(560px,90vw);padding:10px 14px 10px 18px;display:flex;position:fixed;transform:none}.hud-callout-text{text-align:left;margin:0;font-size:13px;line-height:1.4}.condition-list{flex-direction:column;gap:7px;margin-bottom:10px;display:flex}.creature-plate .kit-ticker{margin-top:2px}.stat-row{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px;display:grid}.stat-cell{border:1px solid var(--kit-keyline);background:#ffecc80a;flex-direction:column;align-items:center;gap:1px;padding:7px 4px 6px;display:flex}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:9px;font-weight:700}.stat-total{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1.1}.stat-chip{color:var(--accent-ink);background:var(--accent);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);margin-top:2px;padding:1px 5px;font-size:10px;font-weight:700}.command-dock{clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);width:328px;animation:settle-up .5s var(--kit-settle) .16s both;-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:18px;right:18px}.dock-head{border-bottom:1px solid var(--kit-keyline);font:inherit;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;margin:-2px 0 4px;padding:0 2px 6px;font-size:10px;font-weight:700;display:flex}.dock-head:hover{color:var(--ink)}.dock-head-meta{text-overflow:ellipsis;white-space:nowrap;max-width:58%;color:var(--ink-dim);letter-spacing:.1em;text-transform:none;margin-left:auto;margin-right:6px;font-size:9px;font-weight:700;overflow:hidden}.command-dock.is-collapsed .dock-head-meta{max-width:100%}.dock-head:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.dock-graduate{border-top:1px solid var(--kit-keyline);padding-top:8px}.dock-graduate .kit-button{width:100%}.command-dock.is-collapsed .dock-row,.command-dock.is-collapsed .dock-train,.command-dock.is-collapsed .dock-graduate,.command-dock.is-collapsed .train-picker,.command-dock.is-collapsed .kit-cta{display:none}.command-dock.is-collapsed .dock-head{border-bottom:none;margin-bottom:0;padding-bottom:0}.dock-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.dock-row .kit-button{justify-items:start}.dock-row .kit-button-name{font-size:12px}.dock-train .kit-button{grid-template-columns:auto 1fr auto auto;grid-template-areas:"glyph name cost tag";gap:8px;width:100%}.hud-motion{z-index:45;animation:settle-down .5s var(--kit-settle) .24s both;-webkit-user-select:none;user-select:none;position:absolute;top:18px;left:18px}.hud-lineage{color:var(--ink);cursor:pointer;animation:settle-down .5s var(--kit-settle) .28s both;-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:8px;padding:7px 12px;display:flex;position:absolute;top:100px;left:18px}.hud-lineage:hover{color:var(--accent)}.lineage-family{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:min(280px,36vw);font-size:13px;font-weight:800;overflow:hidden}.lineage-meta{color:var(--ink-dim);font-size:11px}.train-picker{border-top:1px solid var(--kit-keyline);flex-direction:column;display:flex}.train-entry{border:0;border-bottom:1px solid var(--kit-keyline);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;gap:2px;padding:8px 2px;display:grid}.train-entry:hover:not(:disabled){color:var(--accent)}.train-entry:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.train-entry:disabled{opacity:.55;cursor:not-allowed}.train-entry.is-focus .train-note{color:var(--accent)}.train-entry-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.train-entry-name{letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:700}.train-assigned{border:1px solid var(--accent);background:var(--kit-panel-bg);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:800}.train-assigned[hidden]{display:none}.train-tradeoff{color:var(--ink-dim);font-size:11px}.train-entry.is-capped .train-note{color:#b8ad9ca6;font-style:italic}.train-note{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.hud-stack{display:contents}@media (width<=767.98px){.score-bug{top:calc(10px + var(--kit-safe-top));left:auto;right:calc(14px + var(--kit-safe-right));animation:settle-down .5s var(--kit-settle) both;gap:10px;padding:8px 14px 9px;transform:none}.score-day-num{font-size:22px}.score-divider,.score-trophy,.score-ladder,.score-bug .kit-tab{display:none}.hud-stack{inset:auto calc(14px + var(--kit-safe-right)) calc(14px + var(--kit-safe-bottom)) calc(14px + var(--kit-safe-left));top:calc(228px + var(--kit-safe-top));pointer-events:none;flex-direction:column;justify-content:flex-end;gap:8px;min-height:0;display:flex;position:absolute}.hud-stack>*{pointer-events:auto}.creature-plate,.command-dock{width:auto;position:static}.creature-plate{flex:none}.command-dock{flex:0 auto;gap:6px;min-height:0}.command-dock[data-picking=true] .dock-row,.command-dock[data-picking=true] .dock-train>.kit-button,.command-dock[data-picking=true] .dock-graduate,.command-dock[data-picking=true] .kit-cta{display:none}.train-picker{flex:none;min-height:0;max-height:none;overflow:visible}.train-entry{padding:6px 2px}.hud-motion{top:calc(14px + var(--kit-safe-top));left:calc(14px + var(--kit-safe-left));flex-direction:column;align-items:flex-start;gap:6px;display:flex}.hud-lineage{top:calc(176px + var(--kit-safe-top));left:calc(14px + var(--kit-safe-left));padding:6px 10px}.hud-motion:has(.gift-chip:not(.is-hidden))~.hud-lineage{top:calc(208px + var(--kit-safe-top))}.hud-motion:has(.gift-chip:not(.is-hidden))~.hud-stack{top:calc(260px + var(--kit-safe-top))}.hud-motion:has(.gift-chip:not(.is-hidden))~.hud-callout{top:calc(258px + var(--kit-safe-top))}.hud-callout{top:calc(226px + var(--kit-safe-top));left:calc(14px + var(--kit-safe-left));right:calc(14px + var(--kit-safe-right));max-width:none;transform:none}.creature-plate,.command-dock{padding:10px 12px 12px}.creature-plate .stat-cell{padding:5px 4px 4px}.creature-plate .condition-list{gap:5px;margin-bottom:8px}.rename-button,.collapse-toggle{width:36px;height:36px}.dock-head{min-height:40px}:is(.hud-stack:has(.command-dock:not(.is-collapsed)) .creature-plate,.hud-stack:has(.creature-plate:not(.is-collapsed)) .command-dock){display:none}}@media (width>=768px) and (width<=1023.98px){.hud-motion{flex-direction:column;align-items:flex-start;gap:6px;display:flex}}@media (orientation:landscape) and (height<=500px){.hud-lineage{top:calc(158px + var(--kit-safe-top))}.creature-plate{max-height:calc(100dvh - 246px);overflow-y:auto}.hud-motion:has(.gift-chip:not(.is-hidden))~.hud-lineage{top:calc(204px + var(--kit-safe-top))}.hud-motion:has(.gift-chip:not(.is-hidden))~.hud-stack .creature-plate{max-height:calc(100dvh - 292px)}.command-dock{max-height:calc(100dvh - 146px);overflow-y:auto}.hud-callout{top:calc(72px + var(--kit-safe-top));left:calc(130px + var(--kit-safe-left));pointer-events:none;max-width:none}.hud-callout button{pointer-events:auto}.creature-detail-box{max-height:calc(86dvh - 38px)}.command-dock[data-picking=true] .dock-row,.command-dock[data-picking=true] .dock-train>.kit-button,.command-dock[data-picking=true] .dock-graduate,.command-dock[data-picking=true] .kit-cta{display:none}.train-picker{flex:none;min-height:0;max-height:none;overflow:visible}}.stable-box{text-align:left;max-width:min(520px,92vw)}.stable-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.stable-intro{opacity:.75;margin:0 0 10px;font-size:13px}.stable-list{gap:8px;margin-bottom:10px;display:grid}.stable-pet{background:#ffffff08;border-radius:2px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.stable-pet-body{grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid}.stable-pet-name{font-size:15px;font-weight:600}.stable-pet-meta{opacity:.7;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.stable-pet-name-row{align-items:center;gap:6px;min-width:0;display:flex}.stable-pet-input{border:1px solid var(--kit-keyline);background:var(--kit-panel-bg);min-width:0;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:6px 10px;font-size:15px;font-weight:600}.stable-pet-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.stable-pet-name-row .kit-button{flex:none;padding:6px 10px;font-size:12px}.stable-empty{opacity:.75;margin:0 0 10px;font-size:13px}.stable-note{opacity:.85;margin:0 0 10px;font-size:12px}.stable-note:empty{display:none}.stable-pet-action{font-size:12px}@media (width<=479.98px){.stable-pet{grid-template-columns:auto 1fr}.stable-pet-action{grid-column:1/-1}}.stable-pet:has(.stable-pet-input){grid-template-columns:auto minmax(0,1fr)}.stable-pet:has(.stable-pet-input) .stable-pet-action{grid-column:1/-1}.graduation-overlay{z-index:65}.graduation-floor{color:var(--ink-dim);font-variant-numeric:tabular-nums;text-align:center;font-size:12px}.graduation-perks{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(640px,90vw);display:flex}.graduation-perk{font-size:11px}.hall-list{text-align:left;flex-direction:column;gap:6px;max-height:min(50vh,320px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hall-scalps-title{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);text-align:left;margin-top:14px;font-size:11px;font-weight:800}.hall-entry{align-items:center;gap:8px;display:flex}.hall-entry-meta{color:var(--ink-dim);text-align:right;margin-left:auto;font-size:11px}.hall-entry .kit-crest{width:20px;height:20px}.hall-entry-label{font-size:13px}.hall-entry.is-empty{color:var(--ink-dim);font-size:13px}.nursery-overlay{z-index:65;justify-content:flex-start;gap:14px;padding:24px;overflow-y:auto}.nursery-parents{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:min(1060px,94vw);display:grid}.nursery-parent{color:var(--ink);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.nursery-parent:hover{background-image:linear-gradient(#241d14d9, #241d14d9), linear-gradient(var(--kit-keyline-warm), var(--kit-keyline-warm))}.nursery-parent.is-selected{outline:1px solid var(--accent);background-image:linear-gradient(#302516e6, #302516e6), linear-gradient(var(--kit-keyline-warm), var(--kit-keyline-warm));box-shadow:inset 0 0 0 1px #ffd16659}.nursery-parent .kit-crest{width:28px;height:28px}.nursery-parent-name{letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:800}.nursery-parent-head{align-items:center;gap:8px;display:flex}.nursery-parent-stats{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px}.nursery-parent-meta{color:var(--ink-dim);font-size:11px}.nursery-traits{flex-wrap:wrap;gap:4px;display:flex}.nursery-trait{font-size:10px}.nursery-status{min-height:1.2em;color:var(--ink-dim);margin:0;font-size:13px}.nursery-status.is-warn{color:var(--gold)}.nursery-species{flex-wrap:wrap;gap:8px;width:min(1060px,94vw);display:flex}.nursery-species-option{cursor:pointer;font-size:12px}.nursery-species-option.is-selected{background:var(--accent);color:var(--accent-ink)}.nursery-hint{color:var(--ink-dim);font-size:12px}.nursery-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18140fb8;border:1px solid #ffd1662e;flex-direction:column;gap:10px;width:min(1060px,94vw);padding:14px;display:flex}.nursery-preview-head{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.nursery-preview-title{letter-spacing:.08em;text-transform:uppercase;font-weight:800}.nursery-preview-empty{color:var(--ink-dim);font-size:13px}.nursery-stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;display:grid}.nursery-stat{font-variant-numeric:tabular-nums;grid-template-columns:44px 1fr 1fr 1.6fr;gap:8px;font-size:12px;display:grid}.nursery-stat-label{font-weight:800}.nursery-stat-floor,.nursery-stat-best{color:var(--ink-dim)}.nursery-stat-value{color:var(--accent);font-weight:700}.nursery-preview-traits{flex-wrap:wrap;gap:4px;display:flex}.nursery-note{color:var(--ink-dim);margin:0;font-size:11px}.nursery-actions{justify-content:flex-end;gap:10px;width:min(1060px,94vw);display:flex}.nursery-overlay .kit-cta:disabled{opacity:.45;cursor:not-allowed}@media (width<=767.98px){.nursery-overlay{padding:16px}.nursery-parents,.nursery-stat-list{grid-template-columns:1fr}.nursery-actions{justify-content:stretch}.nursery-actions>*{flex:1}}.starter-overlay{animation:settle-up .5s var(--kit-settle) both;background:radial-gradient(120% 90% at 50% 0,#1a2030 0%,#0f1320 52%,#0a0d14 100%),#0a0d14;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.starter-overlay:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 100%,#ffd2821a 0%,#0000 70%);height:34%;position:absolute;inset:auto 0 0}.starter-head{animation:settle-down .55s var(--kit-settle) .1s both;align-items:center;gap:12px;display:flex}.starter-heading{letter-spacing:.14em;text-transform:uppercase;font-size:22px;font-weight:800}.starter-grid{animation:settle-up .55s var(--kit-settle) .2s both;gap:16px;display:flex}.starter-card{width:190px;min-height:170px;color:var(--ink);cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);flex-direction:column;align-items:center;gap:10px;padding:20px 14px 16px;display:flex;position:relative}.starter-card:hover:not(:disabled){background-image:linear-gradient(#241d14d9, #241d14d9), linear-gradient(var(--kit-keyline-warm), var(--kit-keyline-warm));transform:translateY(-2px)}.starter-card:disabled,.starter-card.locked{opacity:.6;cursor:not-allowed}.starter-name{letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:800}.starter-flavor{color:var(--ink-dim);text-align:center;font-size:12px}@media (width<=479.98px){.starter-overlay{justify-content:flex-start;gap:18px;padding:168px 16px 24px;overflow-y:auto}.starter-heading{text-align:center;font-size:18px}.starter-grid{flex-direction:column;width:min(100%,340px)}.starter-card{width:auto;min-height:0}}@media (width<=767.98px){.starter-grid{flex-wrap:wrap;justify-content:center}}.cup-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;container-type:inline-size}.cup-overlay.cup-battling{background:#0c0a0899}.cup-backdrop{background:radial-gradient(58% 42% at 50% 86%,#ffd2821a,#0000 70%),radial-gradient(120% 90% at 50% 0,#1a2030 0%,#0f1320 55%,#0a0d14 100%);position:absolute;inset:0;box-shadow:inset 0 -80px 120px #0000008c}.cup-backdrop:after{content:"";background:radial-gradient(46% 16% at 50% 78%,#7a869e4d,#0000 75%),radial-gradient(70% 24% at 50% 70%,#5a647a2e,#0000 80%);position:absolute;inset:0}.cup-overlay.cup-battling .cup-backdrop{display:none}.cup-screen{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cup-head{align-items:baseline;gap:1cqw;margin-bottom:1.2cqw;display:flex}.cup-head-tab{background:var(--accent);color:#241a06;font-family:var(--font-display,inherit);letter-spacing:.22em;text-transform:uppercase;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);padding:.35cqw .7cqw;font-size:.85cqw;font-weight:800}.cup-head-title{letter-spacing:.18em;color:var(--ink);font-size:2.2cqw;font-weight:800}.cup-head-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:.95cqw}.cup-bracket{flex:1;grid-template-columns:1fr 1fr .72fr;align-items:stretch;column-gap:2.6cqw;width:min(92cqw,1100px);min-height:0;padding:3cqw 2cqw 0;display:grid}.cup-col{flex-direction:column;display:flex}.cup-col-head{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);opacity:0;margin-bottom:1cqw;font-size:.8cqw;font-weight:800;transition:opacity .45s,transform .45s cubic-bezier(.2,.9,.3,1.2);transform:translate(-16px)}.cup-col-head.in{opacity:1;transform:none}.cup-col-f .cup-col-head{text-align:right}.cup-matches{flex-direction:column;flex:1;justify-content:space-around;gap:.8cqw;display:flex}.cup-match{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);opacity:0;flex-direction:column;gap:.4cqw;padding:.7cqw 1cqw;transition:opacity .5s;display:flex;position:relative}.cup-match.in{opacity:1}.cup-col-qf .cup-match{clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.cup-col-sf .cup-match,.cup-col-f .cup-match{clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%)}.cup-match.yours{border-color:var(--accent);animation:1.6s ease-in-out infinite cup-pulse}@keyframes cup-pulse{0%,to{box-shadow:0 0 #ffd25759}50%{box-shadow:0 0 1.2cqw #ffd25759}}.cup-ribbon{background:var(--accent);color:#241a06;letter-spacing:.2em;text-transform:uppercase;justify-self:start;margin-left:14px;padding:.25cqw .8cqw .2cqw;font-size:.85cqw;font-weight:800;display:none}.cup-match.yours .cup-ribbon{display:block}.cup-slot{align-items:center;gap:.5cqw;min-height:2.5cqw;padding:.35cqw .7cqw;display:flex}.cup-s-name{color:var(--ink);font-size:1.3cqw;font-weight:700}.cup-slot.tbd .cup-s-name{color:#f4ecdf59}.cup-dash{letter-spacing:.3em;color:#f4ecdf4d;font-size:1.3cqw}.cup-mini-crest{clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:currentColor;flex:none;justify-content:center;align-items:center;width:2cqw;height:2cqw;display:inline-flex}.cup-mini-crest svg{color:#14100c;width:1.3cqw;height:1.3cqw}.cup-slot.won .cup-s-name{color:var(--accent)}.cup-slot.lost{opacity:.45}.cup-slot.lost .cup-s-name{text-decoration:line-through}.cup-you-tag{border:1px solid var(--accent);color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-left:auto;padding:.1cqw .5cqw;font-size:.7cqw;font-weight:800}.cup-champ{flex-direction:column;align-items:center;gap:.8cqw;margin-top:1.4cqw;display:flex}.cup-champ-cup{opacity:0;font-size:4.5cqw;line-height:1;transition:opacity .4s,transform .5s cubic-bezier(.2,.9,.3,1.4);transform:scale(.6)}.cup-champ-name,.cup-champ-label{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(6px)}.cup-champ-label{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);font-size:.8cqw;font-weight:800}.cup-champ-name{color:var(--accent);font-size:1.7cqw;font-weight:800}.cup-champ.crowned .cup-champ-cup{opacity:1;transform:scale(1)}.cup-champ.crowned .cup-champ-label,.cup-champ.crowned .cup-champ-name{opacity:1;transform:none}.cup-champ.crowned .cup-champ-name{transition-delay:.3s}.cup-cta{justify-content:flex-end;align-self:stretch;gap:1cqw;margin:1.2cqw 4cqw 0;display:none}.cup-cta.show{display:flex}.cup-cta-go{background:var(--accent);color:#241a06;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border:0;padding:.8cqw 1.6cqw;font-size:1.1cqw;font-weight:800}.cup-cta-go:hover{filter:brightness(1.08)}.cup-cta-danger{color:#2a0705;background:#ff5a4e}.cup-cta-ghost{border:1px solid var(--kit-keyline);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.8cqw 1.4cqw;font-size:1cqw;font-weight:700}.cup-cta-ghost:hover{border-color:var(--accent)}.cup-boss-intro{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);border-left:.45cqw solid var(--accent);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);max-width:62cqw;color:var(--ink);z-index:30;padding:1cqw 1.8cqw;font-size:1.15cqw;font-style:italic;font-weight:700;animation:.45s ease-out boss-intro-in;position:absolute;bottom:7.5cqw;left:50%;transform:translate(-50%)}.cup-boss-intro--still{animation:none}@keyframes boss-intro-in{0%{opacity:0;transform:translate(-50%)translateY(1.2cqw)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cup-ticker{align-self:stretch;align-items:stretch;gap:.6cqw;margin:1.2cqw 4cqw;display:flex}.cup-ticker-tab{background:var(--accent);color:#241a06;letter-spacing:.18em;text-transform:uppercase;align-items:center;padding:.35cqw .9cqw;font-size:.95cqw;font-weight:800;display:flex}.cup-ticker-line{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);color:var(--ink);flex:1;align-items:center;padding:.35cqw 1.2cqw;font-size:1.1cqw;display:flex}.cup-ticker-line.swap{animation:.35s cup-swap}@keyframes cup-swap{0%{opacity:0;transform:translateY(.6cqw)}to{opacity:1;transform:none}}.cup-coach-body{flex:1;grid-template-columns:1fr 1fr 1fr;align-content:center;gap:1.6cqw;width:min(88cqw,1060px);padding:2cqw 0;display:grid}.cup-card{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);flex-direction:column;gap:.8cqw;padding:1.2cqw 1.4cqw;display:flex}.cup-card-title{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);font-size:.85cqw;font-weight:800}.cup-fighter-name{color:var(--ink);font-size:1.5cqw;font-weight:800}.cup-fighter-name.rival{color:var(--accent)}.cup-fighter-species{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:.9cqw}.cup-stat{grid-template-columns:3.2cqw 1fr 2.4cqw;align-items:center;gap:.6cqw;display:grid}.cup-stat-name{letter-spacing:.16em;color:var(--ink-dim);font-size:.8cqw;font-weight:800}.cup-stat-bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffecc81f;height:.8cqw}.cup-stat-fill{background:var(--accent);height:100%}.cup-stat-num{color:var(--ink);text-align:right;font-size:.9cqw;font-weight:700}.cup-form{border-top:1px solid var(--kit-keyline);flex-direction:column;align-items:flex-start;gap:.3cqw;margin-top:.4cqw;padding-top:.6cqw;display:flex}.cup-form-tier{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffd16624;padding:.1cqw .6cqw;font-size:.8cqw;font-weight:800}.cup-form-line{color:var(--ink-dim);font-size:.9cqw;line-height:1.35}.cup-kit-move{border:1px solid var(--kit-keyline);color:var(--ink);text-align:left;cursor:pointer;background:0 0;padding:.45cqw .8cqw;font-size:.95cqw;font-weight:700}.cup-kit-move.on{border-color:var(--accent);color:var(--accent)}.cup-kit-move.locked{opacity:.45;cursor:not-allowed}.cup-kit-list{color:var(--ink);flex-direction:column;gap:.4cqw;font-size:.95cqw;display:flex}.cup-tactic-row{gap:.6cqw;display:flex}.cup-tactic{border:1px solid var(--kit-keyline);color:var(--ink);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;flex:1;padding:.5cqw .8cqw;font-size:.9cqw;font-weight:800}.cup-tactic.on{border-color:var(--accent);color:var(--accent);background:#ffd25724}.cup-tactic-unknown,.cup-coach-note{color:var(--ink-dim);font-size:.9cqw;font-style:italic}.cup-coach-foot{align-items:center;gap:1.2cqw;margin-bottom:3cqw;display:flex}.cup-giveup{z-index:2;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cup-giveup-card{background:var(--kit-panel-bg);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border:1px solid #ff5a4e;flex-direction:column;gap:1cqw;width:min(46cqw,520px);padding:1.6cqw 2cqw;display:flex}.cup-giveup-tab{color:#2a0705;letter-spacing:.22em;text-transform:uppercase;background:#ff5a4e;align-self:flex-start;padding:.3cqw .8cqw;font-size:.85cqw;font-weight:800}.cup-giveup-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:1.9cqw;font-weight:800}.cup-giveup-copy{color:var(--ink-dim);font-size:1cqw;line-height:1.55}.cup-giveup-row{justify-content:flex-end;gap:1cqw;margin-top:.4cqw;display:flex}.cup-result-card{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);flex-direction:column;align-items:center;gap:1cqw;padding:2.4cqw 3.2cqw;display:flex}.cup-result-stamp{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);font-size:.9cqw;font-weight:800}.cup-result-title{letter-spacing:.24em;color:var(--accent);font-size:4.4cqw;font-weight:800;animation:.5s cubic-bezier(.2,.9,.3,1.2) both cup-stamp}.cup-result-title.lost{color:#ff5a4e}@keyframes cup-stamp{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.cup-result-rule{background:var(--accent);width:16cqw;height:3px;animation:.6s .2s both cup-rule}@keyframes cup-rule{0%{width:0}to{width:16cqw}}.cup-result-sub{color:var(--ink-dim);font-size:1.05cqw}.cup-result-plate{border:1px solid var(--kit-keyline);background:#ffecc80d;align-items:center;gap:.9cqw;margin-top:.6cqw;padding:.6cqw 1.2cqw;display:flex}.cup-result-tab{background:var(--accent);color:#241a06;letter-spacing:.16em;padding:.25cqw .7cqw;font-size:.95cqw;font-weight:800}.cup-result-line{color:var(--ink);font-size:1.05cqw;font-weight:700}.cup-result-rewards{flex-direction:column;gap:.5cqw;margin-top:.8cqw;display:flex}.cup-reward-row{border:1px solid var(--kit-keyline);min-width:22cqw;color:var(--ink);opacity:0;justify-content:space-between;gap:2cqw;padding:.45cqw .9cqw;font-size:1cqw;animation:.4s forwards cup-rise;display:flex}.cup-reward-row:first-child{animation-delay:.3s}.cup-reward-row:nth-child(2){animation-delay:.55s}.cup-reward-row:nth-child(3){animation-delay:.8s}.cup-reward-row:nth-child(4){animation-delay:1.05s}@keyframes cup-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cup-result-card:not(.play) .cup-reward-row{opacity:1;animation:none}.cup-result-card:not(.play) .cup-result-title,.cup-result-card:not(.play) .cup-result-rule{animation:none}.cup-battle-chips{gap:1cqw;display:flex;position:absolute;top:3cqw;right:3cqw}.cup-speed{border:1px solid var(--kit-keyline);background:var(--kit-panel-bg);color:var(--ink);letter-spacing:.08em;cursor:pointer;padding:.6cqw 1.2cqw;font-size:1cqw;font-weight:700}.cup-speed:hover{border-color:var(--accent)}.cup-close{border:1px solid var(--kit-keyline);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;align-self:center;margin-top:1.2cqw;padding:.7cqw 1.8cqw;font-size:1cqw;font-weight:700}.cup-close:hover{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.cup-result-title,.cup-result-rule,.cup-reward-row,.cup-ticker-line.swap{opacity:1}}.cup-button{top:calc(72px + var(--kit-safe-top));text-align:left;animation:settle-down .5s var(--kit-settle) .24s both;flex-direction:row;align-items:center;gap:8px;position:absolute;right:18px}.cup-button .kit-chip-glyph{color:var(--accent)}.cup-button:disabled{opacity:.55;cursor:not-allowed}.app-in-arena .cup-button{display:none}@keyframes cup-rule-px{0%{width:0}to{width:140px}}@media (width<=1023.98px){.cup-head{flex-wrap:wrap;gap:8px;margin-bottom:8px}.cup-head-tab{white-space:nowrap;padding:4px 9px;font-size:10px}.cup-head-title{white-space:nowrap;font-size:18px}.cup-head-sub{font-size:10px}.cup-col-head{margin-bottom:6px;font-size:10px}.cup-matches{gap:6px}.cup-match{gap:4px;padding:8px 10px}.cup-ribbon{margin-left:10px;padding:2px 8px;font-size:9px}.cup-slot{gap:6px;min-height:30px;padding:4px 8px}.cup-s-name{font-size:13px}.cup-dash{font-size:12px}.cup-mini-crest{width:16px;height:16px}.cup-mini-crest svg{width:11px;height:11px}.cup-you-tag{padding:1px 5px;font-size:9px}.cup-champ{gap:6px;margin-top:12px}.cup-champ-cup{font-size:36px}.cup-champ-label{font-size:9px}.cup-champ-name{font-size:16px}.cup-cta{gap:8px;margin:12px 16px 0}.cup-cta-go{padding:10px 16px;font-size:12px}.cup-cta-ghost{padding:10px 14px;font-size:11px}.cup-ticker{gap:6px;margin:12px 16px}.cup-ticker-tab{padding:5px 10px;font-size:10px}.cup-ticker-line{padding:6px 10px;font-size:12px}.cup-coach-body{gap:12px;padding:12px 0}.cup-card{gap:8px;padding:12px 14px}.cup-card-title{font-size:10px}.cup-fighter-name{font-size:15px}.cup-fighter-species{font-size:10px}.cup-stat{grid-template-columns:40px 1fr 30px;gap:8px}.cup-stat-name{font-size:9px}.cup-stat-bar{height:7px}.cup-stat-num{font-size:11px}.cup-form{gap:3px 8px;margin-top:4px;padding-top:6px}.cup-form-tier{padding:1px 6px;font-size:9px}.cup-form-line{font-size:11px}.cup-kit-move{padding:7px 10px;font-size:12px}.cup-kit-list{gap:6px;font-size:12px}.cup-tactic-row{gap:8px}.cup-tactic{padding:9px 10px;font-size:11px}.cup-tactic-unknown,.cup-coach-note{font-size:11px}.cup-coach-foot{gap:10px;margin-bottom:16px}.cup-giveup-card{gap:8px;width:min(88vw,520px);padding:16px}.cup-giveup-tab{padding:3px 9px;font-size:10px}.cup-giveup-title{font-size:17px}.cup-giveup-copy{font-size:12px}.cup-giveup-row{gap:8px}.cup-result-card{gap:8px;width:min(90vw,440px);padding:22px 18px}.cup-result-stamp{font-size:10px}.cup-result-title{font-size:26px}.cup-result-rule{width:140px;animation-name:cup-rule-px}.cup-result-sub{font-size:12px}.cup-result-plate{gap:8px;padding:6px 10px}.cup-result-tab{padding:3px 8px;font-size:10px}.cup-result-line{font-size:12px}.cup-reward-row{gap:12px;width:100%;min-width:0;padding:6px 10px;font-size:12px}.cup-battle-chips{top:calc(12px + var(--kit-safe-top));right:calc(12px + var(--kit-safe-right));gap:6px}.cup-speed{padding:7px 11px;font-size:11px}.cup-close{margin-top:10px;padding:8px 14px;font-size:11px}}@media (width<=767.98px){.cup-screen{padding:calc(12px + var(--kit-safe-top)) 0 calc(16px + var(--kit-safe-bottom));justify-content:flex-start;overflow-y:auto}.cup-bracket{flex:none;grid-template-columns:1fr;align-self:stretch;gap:14px 0;width:auto;margin:0 14px;padding:8px 0 0;display:grid}.cup-matches{flex:none;justify-content:flex-start}.cup-col-f .cup-col-head{text-align:left}.cup-coach-body{flex-direction:column;flex:none;width:auto;margin:0 14px;display:flex}.cup-result-card{margin:auto}}@media (width>=768px) and (width<=1023.98px){.cup-bracket{grid-template-columns:1fr 1fr;width:min(92cqw,760px)}.cup-col-f{grid-column:1/-1}.cup-col-f .cup-col-head{text-align:left}.cup-coach-body{grid-template-columns:1fr 1fr;width:min(92cqw,760px)}.cup-card-kit{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px){.cup-screen{justify-content:flex-start;padding:10px 0 14px;overflow-y:auto}.cup-bracket{flex:none;min-height:auto}.cup-matches{flex:none;justify-content:flex-start}.cup-result-card{margin:auto}}@media (width<=767.98px){.cup-button{top:calc(120px + var(--kit-safe-top));right:calc(14px + var(--kit-safe-right))}}.spar-overlay{z-index:40;background:#0c0a0899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spar-panel{flex-direction:column;gap:10px;width:460px;max-width:calc(100vw - 48px);padding:18px 20px;display:flex;position:relative}.spar-heading{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:13px;font-weight:800}.spar-intro{color:var(--accent);min-height:1em;font-size:12px;font-style:italic}.spar-rival{align-items:center;gap:8px;display:flex}.spar-rival-name{font-size:16px;font-weight:700}.spar-detail{color:var(--ink-dim);font-size:12px}.spar-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spar-card{border:1px solid var(--el-border-color,var(--kit-keyline));font-variant-numeric:tabular-nums;clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));background:#ffecc80a;border-left-width:3px;padding:10px 12px;font-size:12px}.spar-form{border-top:1px solid var(--kit-keyline);color:var(--accent);font-variant-numeric:normal;margin-top:6px;padding-top:6px;font-size:11px;font-weight:700}.spar-progress{color:var(--accent);min-height:15px;margin-bottom:12px;font-size:12px}.spar-loadout-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.spar-loadout-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:11px;font-weight:700}.spar-kit{flex-wrap:wrap;gap:6px;display:flex}.spar-kit-move{border:1px solid var(--kit-keyline);color:var(--ink);font:inherit;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);background:#ffecc80a;padding:5px 10px;font-size:12px;transition:border-color .16s,background .16s}.spar-kit-move:hover{border-color:var(--accent)}.spar-kit-chosen{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.spar-kit-locked{opacity:.45;cursor:not-allowed;border-style:dashed}.spar-kit-locked:hover{border-color:var(--kit-keyline)}.spar-kit-reset{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-size:11px;text-decoration:underline}.spar-kit-reset:hover{color:var(--accent)}.spar-loadout-hint{color:#ff8f6b;width:100%;min-height:0;font-size:11px}.spar-tactics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spar-tactic{border:1px solid var(--kit-keyline);color:var(--ink);cursor:pointer;text-align:left;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);background:#ffecc80a;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.spar-tactic:hover{border-color:var(--kit-keyline-warm);background:#ffecc812}.spar-tactic-label{font-size:13px;font-weight:700}.spar-preview{color:var(--ink-dim);font-size:11px}.spar-fast,.spar-replay{border:1px solid var(--kit-keyline);color:var(--ink);cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%);background:#ffecc80a;align-self:flex-end;padding:4px 12px;font-size:11px}.spar-replay:disabled{opacity:.55;cursor:default}.spar-logbox{border:1px solid var(--kit-keyline);clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));background:#00000040}.spar-log-toggle{width:100%;color:var(--ink-dim);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:12px;display:block}.spar-log-toggle:hover{color:var(--ink)}.spar-log{flex-direction:column;gap:4px;max-height:180px;padding:0 12px 10px;display:flex;overflow-y:auto}.spar-log[hidden]{display:none}.spar-line{font-size:13px;line-height:1.45}.app-in-arena .score-bug,.app-in-arena .creature-plate,.app-in-arena .spar-button,.app-in-arena .command-dock,.app-in-arena .new-game-chip,.app-in-arena .hud-lineage,.app-in-arena .handbook-chip{display:none}.spar-close{letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;font-size:12px;font-weight:800}.spar-panel-close{padding:7px 9px;position:absolute;top:10px;right:10px}.spar-panel-close svg{width:14px;height:14px}.spar-button{text-align:left;animation:settle-down .5s var(--kit-settle) .24s both;flex-direction:row;align-items:center;gap:8px;position:absolute;top:18px;right:18px}.spar-button .kit-chip-glyph{color:var(--accent)}@media (width<=479.98px){.spar-button{top:calc(64px + var(--kit-safe-top));right:calc(14px + var(--kit-safe-right))}.spar-overlay{padding:calc(164px + var(--kit-safe-top)) 12px 12px;align-items:flex-start}.spar-panel{max-height:calc(100dvh - 176px - var(--kit-safe-top));overflow-y:auto}}@media (orientation:landscape) and (height<=500px){.spar-overlay{align-items:flex-start;padding:12px}.spar-panel{max-height:100%;overflow-y:auto}}.battle-text{flex-direction:column;gap:1px;display:flex}.battle-title{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.battle-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-size:9px;font-weight:400}.spar-chips{flex-direction:column;align-items:flex-end;gap:8px;max-width:min(320px,60vw);display:flex;position:absolute;bottom:20px;right:20px}.spar-chips .spar-close{pointer-events:auto}.camera-chip{display:none}.app-in-arena .camera-chip{display:inline-flex}.battle-hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:18px 24px;display:flex;position:absolute;inset:0}.battle-hud-top{filter:drop-shadow(0 10px 24px #00000073);justify-content:center;align-items:stretch;width:min(86%,980px);margin:0 auto;transition:transform .18s;display:flex}.battle-hud-top.battle-hud-kick{transform:translateY(3px)scale(.995)}.battle-plate{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);flex:1 1 0;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:64px;padding:10px 16px 12px;display:grid}.battle-plate-left{clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);border-right:none}.battle-plate-right{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);border-left:none;grid-template-columns:1fr auto}.battle-plate-jolt-left{animation:.32s ease-out battle-plate-jolt-left}.battle-plate-jolt-right{animation:.32s ease-out battle-plate-jolt-right}@keyframes battle-plate-jolt-left{0%{transform:translate(-9px)rotate(-.6deg)}}@keyframes battle-plate-jolt-right{0%{transform:translate(9px)rotate(.6deg)}}.battle-crest{clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:hsl(var(--hue) 70% 55%);color:#14100c;place-items:center;width:40px;height:40px;display:grid}.battle-crest svg{width:22px;height:22px}.battle-plate-body{flex-direction:column;gap:6px;min-width:0;display:flex}.battle-plate-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.battle-plate-right .battle-plate-head{flex-direction:row-reverse}.battle-hud-name{letter-spacing:.04em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;overflow:hidden}.battle-hp-num{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.battle-hp-num.battle-hp-pop{animation:.3s ease-out battle-hp-pop}@keyframes battle-hp-pop{0%{color:var(--accent);transform:scale(1.3)}}.battle-hp-bar{background:#0000008c;border:1px solid #ffecc838;height:12px;position:relative;overflow:hidden}.battle-plate-left .battle-hp-bar{transform:skew(-14deg)}.battle-plate-right .battle-hp-bar{transform:skew(14deg)}.battle-hp-lag,.battle-hp-fill{width:100%;position:absolute;inset:1px auto 1px 1px}.battle-hp-fill{background:hsl(var(--hue) 72% 56%);transition:width .15s ease-out}.battle-hp-fill.battle-hud-low{background:#e2554a}.battle-hp-lag{background:#fff4e08c;transition:width .9s .4s}.battle-hp-lag.battle-hud-low{background:#e2554a80}.battle-plate:has(.battle-hud-low){animation:1.2s ease-in-out infinite battle-plate-caution}@keyframes battle-plate-caution{0%,to{box-shadow:none}50%{box-shadow:0 0 18px #ff5a4e8c}}.battle-hud-center{background:var(--kit-panel-bg);border:1px solid var(--kit-keyline);z-index:1;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%);place-items:center;gap:5px;width:110px;margin:0 -1px;padding:8px 6px 10px;display:grid}.battle-hud-vs{letter-spacing:.2em;color:var(--accent);font-size:15px;font-weight:900}.battle-hud-range{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);justify-items:center;gap:2px;font-size:10px;font-weight:800;display:grid}.battle-hud-chevrons{gap:3px;display:flex}.battle-hud-chevron{color:#ffecc840;font-size:9px;line-height:1}.battle-hud-chevron-lit{color:var(--accent)}.battle-hud-lower{align-self:flex-start;align-items:stretch;max-width:60%;display:flex}.battle-hud-lower-tab{background:var(--accent);color:var(--accent-ink);letter-spacing:.18em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);place-items:center;padding:8px 12px;font-size:11px;font-weight:800;display:grid}.battle-hud-line{border:1px solid var(--kit-keyline);background:var(--kit-panel-bg);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);border-left:none;max-width:560px;padding:8px 18px 8px 14px;font-size:14px;font-style:italic;display:inline-block;overflow:hidden}.battle-hud-line-in{animation:.4s ease-out battle-hud-line-in}@keyframes battle-hud-line-in{0%{opacity:0;transform:translateY(6px)}}.battle-stamp{text-align:center;background:radial-gradient(circle,#0806048c,#080604cc);align-content:center;place-items:center;gap:0;padding-bottom:8vh;display:none;position:absolute;inset:0}.battle-stamp.battle-stamp-show{display:grid}.battle-stamp.battle-stamp-in{animation:.55s cubic-bezier(.18,1.4,.4,1) battle-stamp-in}@keyframes battle-stamp-in{0%{opacity:0;transform:scale(1.25)}}.battle-stamp-title{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);text-shadow:0 2px 24px #ffd16659;font-size:44px;font-weight:900}.battle-stamp-rule{background:var(--accent);width:260px;height:3px;margin:12px auto}.battle-stamp-sub{color:var(--ink);font-size:15px;font-style:italic}.hit-vignette{pointer-events:none;z-index:40;opacity:0;background:radial-gradient(#0000 52%,#08060c9e 100%);transition:opacity .3s ease-in;position:fixed;inset:0}@media (width<=767.98px){.battle-hud{padding:calc(104px + var(--kit-safe-top)) 14px calc(96px + var(--kit-safe-bottom))}.battle-hud-top{width:min(100%,980px)}.battle-plate{gap:8px;min-height:52px;padding:8px 10px 10px}.battle-crest{width:28px;height:28px}.battle-crest svg{width:16px;height:16px}.battle-hud-name{font-size:13px}.battle-hp-num{font-size:11px}.battle-hp-bar{height:9px}.battle-hud-center{width:56px;padding:6px 4px 8px}.battle-hud-range{display:none}.battle-hud-lower,.battle-hud-line{max-width:100%}.battle-stamp-title{letter-spacing:.2em;font-size:30px}.battle-stamp-rule{width:min(60vw,260px)}.battle-stamp-sub{font-size:13px}}@media (orientation:landscape) and (height<=500px){.battle-hud{padding:calc(104px + var(--kit-safe-top)) 14px calc(84px + var(--kit-safe-bottom))}.battle-stamp{padding-bottom:0}.battle-stamp-title{letter-spacing:.16em;max-width:60%;margin:0 auto;font-size:24px}}.cloud-chip{align-items:center;gap:6px;display:inline-flex}.cloud-chip:before{content:"";background:var(--ink-dim);width:6px;height:6px;transition:background .2s var(--kit-settle);border-radius:50%}.cloud-chip[data-sync=synced]:before{background:var(--accent)}.cloud-chip[data-sync=offline]:before,.cloud-chip[data-sync=locked]:before{background:var(--ink-dim)}.cloud-box{text-align:left;gap:10px}.cloud-notice{max-width:340px;margin:0}.cloud-form{gap:10px;display:grid}.cloud-row{gap:4px;display:grid}.cloud-label{color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.cloud-input{border:1px solid var(--kit-keyline);box-sizing:border-box;color:var(--ink);font:inherit;background:#00000059;border-radius:3px;width:100%;padding:6px 8px;font-size:13px}.cloud-input:focus-visible{border-color:var(--accent);outline:none}.cloud-status{color:var(--ink-dim);max-width:340px;margin:0;font-size:12px;line-height:1.4}@media (width<=767.98px){.hud-motion:has(.cloud-chip){flex-flow:wrap;max-width:199px}}@media (prefers-reduced-motion:reduce){.cloud-chip:before{transition:none}}