:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f3f5f4;--color-surface:#fff;--color-surface-2:#eaefed;--color-text:#14212a;--color-muted:#56666d;--color-line:#d6dedc;--color-accent:#0b6b67;--color-accent-soft:#e0eeec;--color-on-accent:#fff;--color-success:#1d6f3a;--color-success-soft:#e1f2e6;--color-danger:#a8281c;--color-danger-soft:#fbe9e6;--color-warning:#8a5200;--color-warning-soft:#fbefd9;--color-info:#643a98;--color-info-soft:#efe7f8;--color-coin:#a06a00;--color-node-quiz:#2f6fb0;--color-node-trap:#b3362a;--color-node-elite:#7a3fb0;--color-node-fall:#a2521b;--color-node-gamble:#9b6a00;--color-node-treasure:#b48a00;--color-node-shop:#0f7c70;--color-node-duel:#b0346e;--color-node-event:#4d6470;--color-node-checkpoint:#1d7a3e;--color-node-final:#c28a00;--font-sans:"IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--font-display:"Reem Kufi", "IBM Plex Sans Arabic", Tahoma, sans-serif;--type-body:16px;--type-small:13px;--type-question:clamp(18px, 4.8vw, 22px);--type-answer:16px;--type-hud:14px;--type-tv-body:clamp(22px, 1.8vw, 34px);--type-tv-question:clamp(32px, 3.2vw, 60px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--size-touch-min:44px;--size-answer-min:48px;--size-hud-height:52px;--size-tray-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--elevation-1:0 1px 2px #0000000f, 0 2px 8px #0000000d;--elevation-2:0 8px 28px #0000002e;--motion-fast:.12s;--motion-base:.24s;--motion-resolve:1.2s;--layout-form-max-width:460px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0e161a;--color-surface:#152028;--color-surface-2:#1b2a31;--color-text:#e4ecea;--color-muted:#94a5a9;--color-line:#26353c;--color-accent:#5ec3bc;--color-accent-soft:#16312f;--color-on-accent:#07201e;--color-success:#84d3a0;--color-success-soft:#15301f;--color-danger:#f4a097;--color-danger-soft:#3a1e1b;--color-warning:#f1bc62;--color-warning-soft:#382a12;--color-info:#c6aaef;--color-info-soft:#2a2140;--color-coin:#f1bc62;--color-node-quiz:#6fa8e8;--color-node-trap:#f07a6c;--color-node-elite:#b98af0;--color-node-fall:#e39a62;--color-node-gamble:#e8c15a;--color-node-treasure:#f3d15e;--color-node-shop:#5ec3bc;--color-node-duel:#f08ab8;--color-node-event:#a8bcc6;--color-node-checkpoint:#7fd49b;--color-node-final:#ffd36b;--elevation-1:0 1px 2px #0006;--elevation-2:0 10px 32px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0e161a;--color-surface:#152028;--color-surface-2:#1b2a31;--color-text:#e4ecea;--color-muted:#94a5a9;--color-line:#26353c;--color-accent:#5ec3bc;--color-accent-soft:#16312f;--color-on-accent:#07201e;--color-success:#84d3a0;--color-success-soft:#15301f;--color-danger:#f4a097;--color-danger-soft:#3a1e1b;--color-warning:#f1bc62;--color-warning-soft:#382a12;--color-info:#c6aaef;--color-info-soft:#2a2140;--color-coin:#f1bc62;--color-node-quiz:#6fa8e8;--color-node-trap:#f07a6c;--color-node-elite:#b98af0;--color-node-fall:#e39a62;--color-node-gamble:#e8c15a;--color-node-treasure:#f3d15e;--color-node-shop:#5ec3bc;--color-node-duel:#f08ab8;--color-node-event:#a8bcc6;--color-node-checkpoint:#7fd49b;--color-node-final:#ffd36b;--elevation-1:0 1px 2px #0006;--elevation-2:0 10px 32px #0000008c}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font:var(--type-body) / 1.6 var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}:lang(en) body,body:lang(en){line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--color-accent);text-underline-offset:2px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}bdi{unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--size-touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-align:center;transition:background var(--motion-fast), transform var(--motion-fast), border-color var(--motion-fast);background:0 0;border:1.5px solid #0000;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--color-accent-soft)}.btn-ghost{color:var(--color-text)}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-lg{min-block-size:52px;font-size:17px}.btn-sm{min-block-size:36px;padding:var(--space-1) var(--space-3);font-size:14px}.icon-btn{inline-size:var(--size-touch-min);block-size:var(--size-touch-min);border:1px solid var(--color-line);background:var(--color-surface);border-radius:50%;place-items:center;display:inline-grid}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}:is(:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .dir-icon,[dir=ltr] .dir-icon){display:inline-block;transform:scaleX(-1)}.spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:16px;inline-size:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.tag{background:var(--color-surface-2);color:var(--color-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.tag-accent,.tag-host{background:var(--color-accent-soft);color:var(--color-accent)}.tag-danger{background:var(--color-danger-soft);color:var(--color-danger)}.tag-success{background:var(--color-success-soft);color:var(--color-success)}.tag-warning{background:var(--color-warning-soft);color:var(--color-warning)}.muted{color:var(--color-muted)}.center{text-align:center}.stack{gap:var(--space-3);display:grid}.small-h{margin:0 0 var(--space-2);color:var(--color-muted);font-size:14px;font-weight:600}.hint{font-size:var(--type-small);color:var(--color-muted);margin:0}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-inline-start:4px solid;margin:0;font-size:15px}.notice-warning{background:var(--color-warning-soft);border-color:var(--color-warning)}.notice-info{background:var(--color-info-soft);border-color:var(--color-info)}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--elevation-1)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);display:flex}.panel-head h2{margin:0;font-size:17px}.divider{align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--type-small);display:flex}.divider:before,.divider:after{content:"";border-block-start:1px solid var(--color-line);flex:1}.field{gap:6px;display:grid}.field label,fieldset legend{font-size:14px;font-weight:600}.field input:not([type=range]):not([type=checkbox]){min-block-size:48px;inline-size:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-bg)}.field input:focus-visible{border-color:var(--color-accent)}.field.has-error input{border-color:var(--color-danger)}.input-row{gap:2px;display:grid}.input-row .count{color:var(--color-muted);justify-self:end;font-size:12px}.inline-error{align-items:center;gap:var(--space-2);color:var(--color-danger);flex-wrap:wrap;margin:0;font-size:14px;display:flex}p.inline-error{flex-wrap:nowrap;align-items:flex-start}.inline-error:before{content:"!";background:var(--color-danger);block-size:18px;inline-size:18px;color:var(--color-surface);border-radius:50%;flex:none;place-items:center;margin-block-start:2px;font-size:12px;font-weight:700;display:inline-grid}.code-input{position:relative}.code-input input{opacity:0;cursor:text;z-index:1;block-size:100%;inline-size:100%;position:absolute;inset:0}.code-cells{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.code-cells .code-cell:nth-child(3){margin-inline-end:8px}.code-cell{border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-bg);block-size:56px;font:600 24px var(--font-mono);font-variant-numeric:tabular-nums;place-items:center;display:grid}.code-input input:focus-visible+.code-cells .code-cell.is-caret{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.code-input input:focus-visible+.code-cells{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-md)}.has-error .code-cell{border-color:var(--color-danger)}fieldset{border:0;min-inline-size:0;margin:0;padding:0}.segmented legend{margin-block-end:6px}.segmented-row{border-radius:var(--radius-md);background:var(--color-surface-2);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented-row label{min-block-size:40px;min-inline-size:64px;padding:0 var(--space-3);cursor:pointer;border-radius:8px;flex:1;place-items:center;font-weight:600;display:grid;position:relative}.segmented-row label.is-on{background:var(--color-surface);box-shadow:var(--elevation-1);color:var(--color-accent)}.segmented-row input{opacity:0;cursor:pointer;position:absolute;inset:0}.segmented-row label:has(input:focus-visible){outline:3px solid var(--color-accent)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-toggle{min-block-size:40px;padding:0 var(--space-3);border:1.5px solid var(--color-line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.chip-toggle input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip-toggle .check{display:none}.chip-toggle.is-on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.chip-toggle.is-on .check{display:inline}.chip-toggle:has(input:focus-visible){outline:3px solid var(--color-accent)}.switch{align-items:center;gap:var(--space-3);min-block-size:var(--size-touch-min);cursor:pointer;display:flex;position:relative}.switch input{opacity:0;block-size:28px;inline-size:48px;position:absolute}.switch-track{background:var(--color-line);block-size:28px;inline-size:48px;transition:background var(--motion-fast);border-radius:999px;flex:none;position:relative}.switch-track:after{content:"";background:var(--color-surface);block-size:22px;inline-size:22px;transition:inset-inline-start var(--motion-fast);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.switch input:checked+.switch-track{background:var(--color-accent)}.switch input:checked+.switch-track:after{inset-inline-start:23px}.switch input:focus-visible+.switch-track{outline:3px solid var(--color-accent);outline-offset:2px}.range-row{align-items:center;gap:var(--space-3);font-size:13px;display:flex}.range-row input{accent-color:var(--color-accent);min-block-size:var(--size-touch-min);flex:1}.timer{align-items:center;gap:var(--space-2);display:flex}.timer-track{background:var(--color-surface-2);border-radius:999px;flex:1;block-size:6px;position:relative;overflow:hidden}.timer.is-big .timer-track{block-size:12px}.timer-fill{background:color-mix(in oklab, color-mix(in oklab, var(--color-accent) calc(var(--left,1) * 100%), var(--color-warning)) calc(min(1, var(--left,1) * 3) * 100%), var(--color-danger));border-radius:inherit;transition:inline-size .1s linear;position:absolute;inset-block:0;inset-inline-start:0}.timer-fill:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff59,#0000) 0 0/200% 100%;animation:1.6s linear infinite timer-sheen;position:absolute;inset:0}[dir=rtl] .timer-fill:after{animation-direction:reverse}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .timer-fill:after{animation-direction:reverse}@keyframes timer-sheen{0%{background-position:200% 0}to{background-position:-200% 0}}.timer.is-warning .timer-secs{block-size:2.2em;min-inline-size:2.2em;box-shadow:0 0 0 2px var(--color-danger);border-radius:50%;place-items:center;animation:1s ease-in-out infinite timer-pulse;display:inline-grid}@keyframes timer-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-danger) 25%, transparent);transform:scale(1.08)}}.timer-penalty{background:repeating-linear-gradient(45deg, var(--color-info) 0 3px, transparent 3px 6px);opacity:.7;position:absolute;inset-block:0;inset-inline-end:0}.timer.is-warning .timer-track{block-size:10px}.timer.is-warning .timer-fill{background:var(--color-danger)}.timer-secs{min-inline-size:2ch;color:var(--color-danger);font-size:18px;font-weight:700}.timer.is-big .timer-secs{font-size:32px}.hp,.coins{font-weight:700;font-size:var(--type-hud);align-items:center;gap:6px;display:inline-flex}.hp-pips{gap:3px;display:inline-flex}.pip{border:2px solid var(--color-danger);border-radius:2px;block-size:12px;inline-size:12px;display:inline-block;rotate:45deg}.pip.on{background:var(--color-danger)}.hp.is-zero .pip{border-style:dashed}.coin-glyph{fill:none;stroke:var(--color-coin);stroke-width:2px}.coin-glyph path{fill:var(--color-coin);stroke:none}.delta{animation:pop var(--motion-resolve) ease-out;border-radius:999px;padding:0 6px;font-size:12px}.delta.up,.delta-chip.up{background:var(--color-success-soft);color:var(--color-success)}.delta.down,.delta-chip.down{background:var(--color-danger-soft);color:var(--color-danger)}.delta-chip{animation:pop var(--motion-resolve) ease-out;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:700;display:inline-flex}@keyframes pop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.hud{align-items:center;gap:var(--space-2);min-block-size:var(--size-hud-height);padding-inline:var(--space-3);border-block-end:1px solid var(--color-line);background:var(--color-surface);display:flex}.hud-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex:1;display:flex}.hud-stats{gap:var(--space-4);display:inline-flex}.position{font-size:var(--type-hud);align-items:center;gap:6px;font-weight:600;display:inline-flex}.status-strip{padding:6px var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip-icon{font-weight:800}.chip-info{background:var(--color-info-soft);color:var(--color-info)}.chip-warning{background:var(--color-warning-soft);color:var(--color-warning)}.chip-success{background:var(--color-success-soft);color:var(--color-success)}.chip-accent{background:var(--color-accent-soft);color:var(--color-accent)}.node-glyph{flex:none;overflow:visible}.node-glyph .shape>*{fill:color-mix(in srgb, var(--node-c) 18%, var(--color-surface));stroke:var(--node-c);stroke-width:2px;stroke-linejoin:round}.node-glyph .glyph>*{fill:none;stroke:var(--node-c);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.node-glyph .glyph .fill{fill:var(--node-c);stroke:none}.node-quiz{--node-c:var(--color-node-quiz)}.node-trap{--node-c:var(--color-node-trap)}.node-elite{--node-c:var(--color-node-elite)}.node-fall{--node-c:var(--color-node-fall)}.node-gamble{--node-c:var(--color-node-gamble)}.node-treasure{--node-c:var(--color-node-treasure)}.node-shop{--node-c:var(--color-node-shop)}.node-duel{--node-c:var(--color-node-duel)}.node-event{--node-c:var(--color-node-event)}.node-checkpoint{--node-c:var(--color-node-checkpoint)}.node-final{--node-c:var(--color-node-final)}.node-duel .shape:after{content:""}.node-glyph.node-duel .glyph path{stroke-width:2.2px}.node-badge{color:var(--node-c);vertical-align:middle;align-items:center;gap:6px;font-weight:600;display:inline-flex}.token{background:hsl(var(--token-hue) 55% 42%);color:#fff;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-line);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:inline-grid;position:relative}.token.is-own{box-shadow:0 0 0 3px var(--color-accent);border-radius:8px}.token.is-downed{opacity:.7;border-style:dashed}.token.is-disconnected{opacity:.45}.token-initials{font-size:.9em;line-height:1}.token-badge{background:var(--color-text);block-size:14px;inline-size:14px;color:var(--color-bg);border-radius:4px;place-items:center;font-size:9px;display:grid;position:absolute;inset-block-end:-4px;inset-inline-end:-4px}.token-crown{background:var(--color-node-final);clip-path:polygon(0 100%,0 0,30% 55%,50% 0,70% 55%,100% 0,100% 100%);block-size:7px;inline-size:12px;position:absolute;inset-block-start:-7px}.player-name{flex-wrap:wrap;align-items:center;gap:6px;min-inline-size:0;font-weight:600;display:inline-flex}.player-name bdi{overflow-wrap:anywhere}.board{-webkit-user-select:none;user-select:none;block-size:auto;inline-size:100%;display:block}.board .edge{fill:none;stroke:var(--color-line);stroke-width:2px;stroke-linecap:round;transition:opacity var(--motion-base)}.board .edge.is-past{opacity:.45}.board .edge.is-hot{stroke:var(--color-accent);stroke-width:2.5px;stroke-dasharray:6 6;opacity:.75;animation:1.6s linear infinite dash}.board .edge.is-chosen{stroke-width:4px;stroke-dasharray:2 8;opacity:1;animation-duration:.9s}.board .edge.is-auto{stroke:var(--color-warning)}@keyframes dash{to{stroke-dashoffset:-20px}}.board .cp-band{fill:color-mix(in srgb, var(--color-node-checkpoint) 10%, transparent);stroke:color-mix(in srgb, var(--color-node-checkpoint) 40%, transparent);stroke-dasharray:4 4}.board .floor-num text{fill:var(--color-muted);font-size:10.5px;font-family:var(--font-mono)}.board .floor-num.is-past text{opacity:.5}.board .floor-num.is-current rect{fill:var(--color-accent)}.board .floor-num.is-current text{fill:var(--color-on-accent);font-weight:700}.board .start-bar{fill:var(--color-surface-2);stroke:var(--color-line)}.board .node.is-clickable{cursor:pointer}.board .node.is-past .node-glyph{opacity:.4;filter:saturate(.45)}.board .node-halo{fill:none;stroke:var(--color-accent);stroke-width:2px;stroke-dasharray:4 4;transform-box:fill-box;transform-origin:50%;animation:7s linear infinite orbit}.board .node.is-target .node-halo{stroke-width:3px;stroke-dasharray:none;animation:none}.board .node-glow{fill:var(--color-accent);opacity:.18;animation:1.6s ease-in-out infinite halo}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes halo{50%{opacity:.35}}.board.is-revealing .node,.board.is-revealing .floor-num{animation:.5s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.board.is-revealing .node{animation-name:fade-in}@keyframes fade-in{0%{opacity:0}}.board .accel-bg{opacity:.5}.board .accel-stripe{stroke:color-mix(in srgb, var(--color-accent) 22%, transparent);stroke-width:4px}.board .svg-token circle,.board .svg-token rect{fill:hsl(var(--token-hue) 55% 42%);stroke:var(--color-surface);stroke-width:2.5px}.board .svg-token.is-own rect{stroke:var(--color-accent);stroke-width:3px}.board .svg-token.is-downed circle,.board .svg-token.is-downed rect{stroke-dasharray:3 2;opacity:.7}.board .svg-token.is-disconnected{opacity:.4}.board .svg-token text{fill:#fff;pointer-events:none;font-size:11px;font-weight:700}.board .svg-token{transition:transform var(--motion-resolve) cubic-bezier(.34, 1.3, .5, 1), opacity var(--motion-base)}.board.is-clickable .svg-token{cursor:pointer}.board .svg-token.is-hidden{opacity:0;pointer-events:none}.board .svg-token.is-own rect{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--color-accent) 70%, transparent))}.board .svg-token.is-leader circle,.board .svg-token.is-leader rect{stroke:var(--color-node-final);stroke-width:2.5px}.board .trail line{stroke:hsl(var(--token-hue) 70% 60%);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.85;animation:trail-draw var(--motion-resolve) ease-out forwards}.board .trail.is-own line{stroke:var(--color-accent);stroke-width:6px}.board .trail.is-down line{stroke:var(--color-danger);stroke-dasharray:.04 .03}.board .trail .landing-ring{fill:none;stroke:hsl(var(--token-hue) 70% 60%);stroke-width:2.5px;transform-box:fill-box;transform-origin:50%;animation:.8s ease-out .3s both landing-ring}.board .trail.is-own .landing-ring{stroke:var(--color-accent)}@keyframes trail-draw{0%{stroke-dashoffset:1px;opacity:.9}60%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:0;opacity:0}}@keyframes landing-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.board .token-more rect{fill:var(--color-surface-2);stroke:var(--color-line)}.board .token-more text{fill:var(--color-text);direction:ltr;unicode-bidi:isolate;font-size:10.5px;font-weight:700}.board .token-you rect{fill:var(--color-accent)}.board .token-you text{fill:var(--color-on-accent);font-size:9.5px;font-weight:700}.board .land-fx{pointer-events:none;fill:none;stroke:var(--node-c);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.board .land-fx>*{transform-box:fill-box;transform-origin:50%;animation:.7s ease-out .45s both fx-burst}.board .land-fx .fx-sparkles{fill:var(--node-c);stroke:none}.board .land-fx .fx-ring{animation-name:fx-ring}.board .land-fx .fx-ring.is-soft{stroke-width:2px}.board .land-fx .fx-chevrons{animation-name:fx-drop}.board .land-fx .fx-flip{animation-name:fx-flip}.board .land-fx .fx-slash path{stroke-width:4px;stroke-dasharray:1;animation:.6s ease-out .45s both fx-slash}.board .land-fx .fx-slash{animation:none}@keyframes fx-burst{0%{opacity:0;transform:scale(.5)}20%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes fx-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}@keyframes fx-drop{0%{opacity:0;transform:translateY(-6px)}25%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes fx-flip{0%{opacity:1;transform:scaleX(1)}50%{transform:scaleX(-1)scale(1.15)}to{opacity:0;transform:scaleX(1)scale(1.4)}}@keyframes fx-slash{0%{stroke-dashoffset:1px;opacity:1}45%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.board .land-fx{display:none}}.board-text{margin:var(--space-2) var(--space-3);font-size:13px}.board-text summary{cursor:pointer;color:var(--color-muted)}.board-text ol{margin:var(--space-2) 0;max-block-size:240px;padding-inline-start:1.4em;overflow:auto}.tray{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.slot{border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-surface);align-content:center;justify-items:center;gap:2px;min-block-size:56px;padding:6px 4px;font-size:12px;font-weight:600;line-height:1.25;display:grid;position:relative}.tray.is-compact .slot{min-block-size:48px}.slot.is-empty{background:0 0;border-style:dashed}.slot-empty-mark{background:var(--color-line);block-size:2px;inline-size:14px}.slot.is-available{border-color:var(--color-accent)}.slot.is-available.is-offensive{border-color:var(--color-danger)}.slot.is-disabled{opacity:.45}.slot.is-pending{opacity:.8}.slot .spinner{block-size:12px;inline-size:12px;position:absolute;inset-block-start:4px;inset-inline-end:4px}.slot-hint{color:var(--color-danger);font-size:10px;font-weight:500}.tray-note{text-align:center;color:var(--color-muted);grid-column:1/-1;margin:0;font-size:12px}.ability-glyph{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ab-freeze{color:var(--color-info)}.ab-shield{color:var(--color-success)}.ab-delete2{color:var(--color-warning)}.ab-dash{color:var(--color-accent)}.ability-desc{justify-items:start;gap:var(--space-2);display:grid}.ability-desc p{margin:0}.path-card{padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-surface);text-align:start;min-block-size:132px;transition:transform var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast);align-content:start;gap:6px;font-size:14px;display:grid;position:relative}.path-card:hover{border-color:var(--node-c)}.path-card.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft), var(--elevation-2);transform:translateY(-4px)}.path-card.is-auto{border-color:var(--color-warning)}.path-cards:has(.is-selected) .path-card:not(.is-selected){opacity:.72}.path-card-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.path-card-name{color:var(--node-c);font-size:16px;font-weight:700}.stake-line{align-items:baseline;gap:6px;line-height:1.35;display:flex}.stake-parts{flex-wrap:wrap;gap:2px 8px;display:inline-flex}.stake-part{white-space:nowrap}.stake-icon{flex:none;inline-size:1em;font-weight:800}.is-right .stake-icon{color:var(--color-success)}.is-wrong .stake-icon{color:var(--color-danger)}.mult{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;margin-inline-start:6px;padding:0 6px;font-size:12px;font-weight:800}.path-card-flag{background:var(--color-accent);color:var(--color-on-accent);border-radius:999px;justify-self:start;padding:2px 8px;font-size:12px;font-weight:700}.path-card.is-auto .path-card-flag{background:var(--color-warning);color:var(--color-surface)}.path-card.is-compact{padding:var(--space-2);min-block-size:120px;font-size:12.5px}.path-card.is-compact .path-card-name{font-size:14px}.path-card-heading{color:var(--color-muted);font-size:12px}.answers{gap:var(--space-2);display:grid}.answer{align-items:center;gap:var(--space-3);min-block-size:var(--size-answer-min);padding:6px var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-surface);text-align:start;font-size:var(--type-answer);transition:transform var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast);grid-template-columns:auto 1fr auto;font-weight:500;line-height:1.3;display:grid}.answer:hover:not(:disabled){border-color:var(--color-accent)}.answer:active:not(:disabled){transform:scale(.99)}.answer.is-long .answer-text{font-size:14.5px}.answer-text{overflow-wrap:anywhere}.answer-key{background:var(--color-surface-2);block-size:28px;inline-size:28px;color:var(--color-muted);border-radius:8px;place-items:center;font-size:14px;font-weight:700;display:grid}.answer-mark{font-size:18px;font-weight:800}.lock-label{background:var(--color-accent);color:var(--color-on-accent);border-radius:999px;padding:2px 8px;font-size:12px}.answer.is-locked{border-color:var(--color-accent);background:var(--color-accent-soft);border-width:2.5px}.answer.is-locked .answer-key{background:var(--color-accent);color:var(--color-on-accent)}.answer.is-disabled{opacity:.55}.answer.is-removed{opacity:.35;border-style:dashed}.answer.is-removed .answer-text{text-decoration:line-through}.answer.is-correct{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success);animation:pop var(--motion-resolve) ease-out;border-width:2.5px}.answer.is-wrong-chosen{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger);border-width:2.5px}.answer.is-reveal-dim{opacity:.5}.answer:disabled{cursor:default}.question-card{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);display:grid}.question-cat{color:var(--color-accent);margin:0;font-size:12px;font-weight:600}.question-text{font-size:var(--type-question);max-block-size:7.5em;margin:0;font-weight:600;line-height:1.45;overflow:auto}.question-text:focus{outline:none}.question-sub{align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.toasts{pointer-events:none;z-index:60;padding-inline:var(--space-4);justify-items:center;gap:6px;display:grid;position:fixed;inset-block-start:calc(env(safe-area-inset-top,0px) + 8px);inset-inline:0}.toast{pointer-events:auto;max-inline-size:420px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--elevation-2);animation:toast-in var(--motion-base) ease-out;border-radius:999px;font-size:14px;font-weight:500}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.conn-banner{z-index:55;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);text-align:center;font-size:14px;font-weight:600;display:flex;position:sticky;inset-block-start:0}.conn-banner.is-danger{background:var(--color-danger);color:var(--color-surface)}.conn-banner.is-warning{background:var(--color-warning-soft);color:var(--color-warning)}.conn-banner.is-success{background:var(--color-success-soft);color:var(--color-success)}.conn-dot{background:currentColor;border-radius:50%;block-size:8px;inline-size:8px}.conn-banner-slot:empty{display:none}.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);max-block-size:88dvh;inline-size:min(560px,100%);max-inline-size:100%;color:var(--color-text);box-shadow:var(--elevation-2);border:0;margin:auto auto 0;padding:0}.sheet.is-full{border-radius:0;block-size:100dvh;max-block-size:100dvh;inline-size:100%;max-inline-size:100%;margin:0}.sheet::backdrop{background:#00000080}.sheet[open]{animation:sheet-in var(--motion-base) ease-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}}@media (width>=600px){.sheet:not(.is-full){border-radius:var(--radius-lg);margin:auto}}.sheet-body{gap:var(--space-3);padding:var(--space-4);padding-block-end:calc(var(--space-4) + env(safe-area-inset-bottom,0px));display:grid}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sheet-head h2{margin:0;font-size:18px}.standings{border-collapse:collapse;inline-size:100%;font-size:14px}.standings th{color:var(--color-muted);text-align:start;border-block-end:1px solid var(--color-line);padding:6px;font-size:12px;font-weight:600}.standings td{border-block-end:1px solid var(--color-line);vertical-align:middle;padding:6px}.standings .rank{inline-size:2ch;color:var(--color-muted);font-weight:700}.standings .floor{font-size:16px;font-weight:700}.standing.is-own{background:var(--color-accent-soft)}.standing.is-own td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .standing.is-own td:first-child,[dir=rtl] .standing.is-own td:first-child){box-shadow:inset -3px 0 0 var(--color-accent)}.standing-player{align-items:center;gap:8px;display:flex}.standing-player>:first-child{flex:none}.standing-player .player-name{flex:1;row-gap:2px}.moved.up{color:var(--color-success);font-weight:700}.moved.down{color:var(--color-danger);font-weight:700}.standings .hp-num{display:none}.relic-card{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-surface);text-align:start;grid-template-columns:auto 1fr;align-items:center;display:grid}.relic-card.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.relic-card.is-faded{opacity:.4}.relic-name{align-items:center;gap:6px;font-weight:700;display:flex}.relic-desc{color:var(--color-muted);font-size:14px;display:block}.relic-taken{color:var(--color-accent);grid-column:1/-1;font-weight:700}.relic-glyph{fill:color-mix(in srgb, var(--color-info) 20%, transparent);stroke:var(--color-info);stroke-width:1.6px}.offer-card{padding:var(--space-3);border-radius:var(--radius-lg);border:1.5px solid var(--color-line);background:var(--color-surface);gap:6px;display:grid}.offer-card.is-bought{border-color:var(--color-success);background:var(--color-success-soft)}.offer-card.is-short,.offer-card.is-full{opacity:.75}.offer-head{align-items:center;gap:var(--space-3);display:flex}.offer-head h3{margin:0;font-size:16px}.offer-desc,.offer-meta,.offer-reason{margin:0;font-size:13.5px}.offer-meta{color:var(--color-muted)}.offer-reason{color:var(--color-danger);font-weight:600}.offer-foot{justify-content:space-between;align-items:center;display:flex}.price{align-items:center;gap:4px;font-weight:700;display:inline-flex}.join-code{align-items:center;gap:var(--space-4);display:flex}.qr-button{border-radius:var(--radius-md);border:1px solid var(--color-line);color:#0e161a;background:#fff;flex:none;padding:8px;line-height:0}.join-code-text{justify-items:start;gap:4px;display:grid}.join-code-text .label{color:var(--color-muted);font-size:13px}.code{font:700 28px var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;gap:.5ch;display:inline-flex}.code.is-big{font-size:clamp(40px,8vw,96px)}.qr-full{justify-items:center;gap:var(--space-5);padding-block:var(--space-6);display:grid}.qr-full svg{border-radius:var(--radius-md);block-size:auto;inline-size:min(80vw,420px)}.dev{z-index:50;font:12px var(--font-mono);position:fixed;inset-block-end:calc(var(--size-tray-height) + 24px + env(safe-area-inset-bottom,0px));inset-inline-end:8px}.dev-toggle{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--elevation-1);opacity:.8;border-radius:999px;padding:6px 10px}.dev-body{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-line);max-block-size:60dvh;box-shadow:var(--elevation-2);gap:4px;margin-block-start:6px;padding:8px;display:grid;overflow:auto}.dev-body button{border:1px solid var(--color-line);background:var(--color-bg);text-align:start;border-radius:6px;padding:6px 10px}.fx-layer{pointer-events:none;z-index:70;direction:ltr;position:fixed;inset:0}.fx-coin{opacity:0;background:radial-gradient(circle at 35% 35%, #fff6c8, var(--color-coin) 60%, color-mix(in srgb, var(--color-coin) 60%, #000));block-size:16px;inline-size:16px;box-shadow:0 0 8px color-mix(in srgb, var(--color-coin) 60%, transparent);border-radius:50%;margin:-8px 0 0 -8px;position:absolute;inset-block-start:0;inset-inline-start:0}.fx-edge{pointer-events:none;z-index:65;opacity:0;position:fixed;inset:0}.fx-edge.is-good{box-shadow:inset 0 0 90px 10px color-mix(in srgb, var(--color-success) 55%, transparent)}.fx-edge.is-bad{box-shadow:inset 0 0 90px 10px color-mix(in srgb, var(--color-danger) 55%, transparent)}.fx-edge.is-downed{box-shadow:inset 0 0 120px 20px color-mix(in srgb, var(--color-danger) 40%, transparent);background:radial-gradient(circle,#0000 35%,#0000008c)}.answers:not(.is-reveal) .answer,.path-cards .path-card,.relic-cards .relic-card,.offer-cards .offer-card{animation:.32s cubic-bezier(.2,.8,.2,1) both rise-in;animation-delay:calc(var(--i,0) * 45ms)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.answer.is-locked{animation:.26s ease-out lock-in}@keyframes lock-in{0%{transform:scale(.97)}60%{transform:scale(1.015)}to{transform:scale(1)}}.answer.is-wrong-chosen{animation:.38s ease-in-out wrong-nudge}@keyframes wrong-nudge{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.answer.is-correct:after{content:"";border-radius:inherit;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 60%, transparent);pointer-events:none;animation:.9s ease-out correct-glow;position:absolute;inset:-2px}.answer{position:relative}@keyframes correct-glow{to{box-shadow:0 0 0 12px #0000}}:is(.answers,.path-cards,.relic-cards,.offer-cards)>:nth-child(2){--i:1}:is(.answers,.path-cards,.relic-cards,.offer-cards)>:nth-child(3){--i:2}:is(.answers,.path-cards,.relic-cards,.offer-cards)>:nth-child(4){--i:3}:is(.answers,.path-cards,.relic-cards,.offer-cards)>:nth-child(5){--i:4}:is(.answers,.path-cards,.relic-cards,.offer-cards)>:nth-child(6){--i:5}.fb-form{gap:var(--space-4);display:grid}.fb-stars{gap:var(--space-1);display:flex}.fb-star-btn{inline-size:var(--size-touch-min);block-size:var(--size-touch-min);border-radius:var(--radius-md);background:0 0;border:0;place-items:center;display:grid}.fb-star path{fill:#0000;stroke:var(--color-muted);stroke-width:1.6px;stroke-linejoin:round;transition:fill var(--motion-fast), stroke var(--motion-fast), transform var(--motion-fast);transform-origin:50%}.fb-star.is-on path{fill:var(--color-node-final);stroke:var(--color-node-final)}.fb-star-btn:hover .fb-star path,.fb-star-btn[aria-checked=true] .fb-star path{transform:scale(1.12)}.fb-form textarea{min-block-size:110px;inline-size:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-bg);resize:vertical}.fb-form textarea:focus-visible{border-color:var(--color-accent)}.fb-form .count{color:var(--color-muted);justify-self:end;font-size:12px}.fb-done{justify-items:center;gap:var(--space-3);padding-block:var(--space-5);text-align:center;display:grid}.fb-check circle{fill:var(--color-success-soft);stroke:var(--color-success);stroke-width:2.5px}.fb-check path{fill:none;stroke:var(--color-success);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32px;animation:.48s ease-out .12s forwards fb-draw}@keyframes fb-draw{to{stroke-dashoffset:0}}.fb-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.link-btn{color:var(--color-accent);font:inherit;text-underline-offset:2px;background:0 0;border:0;align-items:center;gap:4px;padding:0;text-decoration:underline;display:inline-flex}.brand-mark{font:700 clamp(64px, 20vw, 96px) / 1 var(--font-display);color:var(--color-accent);margin:0;text-decoration:none}.brand-mark.small{font-size:28px}.screen-head{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.screen-head>:last-child{justify-self:end}.screen-head>:first-child{justify-self:start}.screen-title{margin:0;font-size:18px}.phase-title{margin:0;font-size:20px}.phase-wait,.phase-caption{padding:var(--space-4);text-align:center;color:var(--color-muted)}.phase-caption{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.landing{min-block-size:100dvh;max-inline-size:var(--layout-form-max-width);padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0px));gap:var(--space-5);grid-template-rows:auto 1fr auto auto;margin-inline:auto;display:grid}.landing-top{justify-content:flex-end;display:flex}.brand{align-content:center;justify-items:center;gap:var(--space-2);text-align:center;display:grid}.brand-tag{color:var(--color-muted);margin:0}.landing-panel{align-self:end}.joining-line{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.joining-line .code{font-size:20px}.landing-foot{justify-content:center;gap:var(--space-5);font-size:14px;display:flex}.lobby{min-block-size:100dvh;max-inline-size:980px;padding:var(--space-3) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0px));align-content:start;gap:var(--space-4);margin-inline:auto;display:grid}.lobby-cols{gap:var(--space-4);display:grid}@media (width>=720px){.lobby-cols{grid-template-columns:1fr 1fr;align-items:start}}.player-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.player-row{align-items:center;gap:var(--space-3);min-block-size:44px;animation:row-in var(--motion-base) ease-out;display:flex}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.player-row .player-name{flex:1}.ready{color:var(--color-muted);white-space:nowrap;font-size:13px}.ready.is-ready{color:var(--color-success);font-weight:600}.capacity{font-variant-numeric:tabular-nums;font-weight:700}.capacity.is-full{color:var(--color-danger)}.empty{margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-muted);text-align:center}.settings{gap:var(--space-4);display:grid}.summary{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.summary dt{color:var(--color-muted);font-size:14px}.summary dd{flex-wrap:wrap;gap:4px;margin:0;font-weight:600;display:flex}.legend{margin-block-start:var(--space-4)}.legend summary{cursor:pointer;font-weight:600}.legend ul{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:var(--space-3);display:flex}.legend li>span{line-height:1.3;display:grid}.legend .muted{font-size:13px}.lobby-foot{gap:var(--space-2);padding-block:var(--space-3) var(--space-2);background:linear-gradient(to top, var(--color-bg) 70%, transparent);display:grid;position:sticky;inset-block-end:0}.countdown{justify-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);text-align:center;display:grid}.countdown .timer-track{background:color-mix(in srgb, var(--color-on-accent) 25%, transparent);inline-size:100%}.countdown .timer{inline-size:100%}.countdown .timer-fill{background:var(--color-on-accent)}.countdown-num{font:700 56px/1 var(--font-display)}.filling{gap:var(--space-3);display:grid}.filling-head{align-items:center;gap:var(--space-3);display:flex}.filling-head h2{flex:1;margin:0;font-size:18px}.match{min-block-size:100dvh;display:grid}.match-main{flex-direction:column;min-block-size:100dvh;inline-size:100%;max-inline-size:640px;margin-inline:auto;display:flex}.hud{z-index:20;position:sticky;inset-block-start:0}.hud-board-btn{flex:none}.phase{align-content:start;gap:var(--space-3);padding:var(--space-3);min-block-size:0;animation:phase-in var(--motion-base) ease-out;flex:1;display:grid}@keyframes phase-in{0%{opacity:0}}.tray-dock{z-index:20;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-block-start:1px solid var(--color-line);position:sticky;inset-block-end:0}.match.is-wide{grid-template-columns:minmax(380px,520px) 1fr}.match.is-wide .match-main{border-inline-end:1px solid var(--color-line);block-size:100dvh;min-block-size:0;max-inline-size:none;overflow:auto}.match-board{background:var(--color-bg);block-size:100dvh;position:sticky;inset-block-start:0}.match.is-accelerated .hud{box-shadow:inset 0 -3px 0 var(--color-accent)}.board-view{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);grid-template-rows:1fr auto;min-block-size:200px;display:grid;position:relative;overflow:hidden}.match-board .board-view{border:0;border-radius:0}.board-scroll{overscroll-behavior:contain;scroll-behavior:smooth;min-block-size:0;overflow:hidden auto}.match-board .board-scroll .board{max-inline-size:560px;margin-inline:auto}.floor-rail{pointer-events:none;inline-size:6px;position:absolute;inset-block:16px 56px;inset-inline-end:6px}.rail-track{background:var(--color-surface-2);border-radius:999px;position:absolute;inset:0}.rail-mark{border-radius:50%;block-size:12px;inline-size:12px;position:absolute;inset-inline-start:-3px;translate:0 50%}.rail-mark.is-own{background:var(--color-accent);border-radius:3px}.rail-mark.is-leader{background:var(--color-node-final)}.back-to-me{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--elevation-2);border:0;border-radius:999px;padding:6px 14px;font-weight:700;position:absolute;inset-block-end:52px;inset-inline-start:50%;translate:-50%}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .back-to-me,[dir=rtl] .back-to-me){translate:50%}.auto-label{background:var(--color-warning);color:var(--color-surface);border-radius:999px;margin:0;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;inset-block-start:8px;inset-inline-start:8px}.node-info{gap:var(--space-2);display:grid}.node-info p{margin:0}.stakes-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.stakes-list .is-right span{color:var(--color-success)}.stakes-list .is-wrong span{color:var(--color-danger)}.path-choice{gap:var(--space-3);display:grid}.path-sheet{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--elevation-2);display:grid}.path-cards{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.path-cards.is-three{grid-template-columns:repeat(3,1fr)}.question-view{gap:var(--space-3);display:grid}.answer-status{text-align:center;min-block-size:1.4em;color:var(--color-muted);margin:0;font-size:14px}.question-view.opts-6 .answers{gap:6px}.question-view.opts-6 .answer{min-block-size:44px;padding-block:4px}@media (width>=900px) and (orientation:landscape){.match.is-wide .answers{grid-template-columns:1fr 1fr}}.stake{gap:4px;display:grid}.stake legend{font-size:13px}.readonly-options{opacity:.8;gap:4px;margin:0;padding:0;list-style:none;display:grid}.readonly-options li{align-items:center;gap:var(--space-2);font-size:14px;display:flex}.target-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.target-row{align-items:center;gap:var(--space-3);min-block-size:52px;inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-bg);text-align:start;display:flex}.target-row .player-name{flex:1}.resolve-view{gap:var(--space-3);display:grid}.outcome{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-surface);animation:pop var(--motion-resolve) ease-out;display:grid}.outcome p{margin:0}.outcome.is-right{border-color:var(--color-success);background:var(--color-success-soft)}.outcome.is-wrong,.outcome.is-none{border-color:var(--color-danger);background:var(--color-danger-soft)}.outcome.is-downed{border-style:dashed}.outcome-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.outcome-title{align-items:center;gap:var(--space-2);font-size:22px;font-weight:800;display:inline-flex}.outcome-icon{background:currentColor;border-radius:50%;place-items:center;block-size:32px;inline-size:32px;display:grid}.is-right .outcome-title{color:var(--color-success)}.is-wrong .outcome-title,.is-none .outcome-title{color:var(--color-danger)}.outcome-icon{color:inherit;background:0 0;border:2.5px solid;font-size:16px}.outcome-move{font-size:16px;font-weight:700}.outcome-deltas{gap:var(--space-2);flex-wrap:wrap;display:flex}.outcome-downed{font-weight:700}.effects{gap:4px;margin:0;padding:0;list-style:none;display:grid}.effect{border-radius:var(--radius-md);background:var(--color-surface);animation:pop var(--motion-resolve) ease-out;align-items:center;gap:6px;padding:4px 10px;font-size:14px;display:flex}.effect.is-hit{border-inline-start:3px solid var(--color-danger)}.effect.is-blocked{border-inline-start:3px solid var(--color-success)}.effect.is-fizzled{border-inline-start:3px solid var(--color-muted)}.winner-banner{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-node-final);color:#1a1400;font-size:18px;font-weight:800;display:flex}.others ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.other-row{align-items:center;gap:var(--space-2);font-size:14px;display:flex}.other-name{flex:1;font-weight:600}.mark{font-weight:800}.mark.is-right{color:var(--color-success)}.mark.is-wrong{color:var(--color-danger)}.answers.is-reveal .answer{min-block-size:40px}.checkpoint-view,.shop-view,.standings-view{gap:var(--space-3);display:grid}.interstitial-head{gap:4px;display:grid}.interstitial-head p{margin:0}.interstitial-head.row{justify-content:space-between;align-items:center;display:flex}.heal{color:var(--color-success);align-items:center;gap:8px;font-weight:700;display:flex}.relic-cards,.offer-cards{gap:var(--space-2);display:grid}@media (width>=600px){.match:not(.is-wide) .relic-cards,.match:not(.is-wide) .offer-cards{grid-template-columns:repeat(3,1fr)}}.owned-relics summary{cursor:pointer;font-weight:600}.owned-relics ul{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.owned-relics li{gap:var(--space-2);font-size:14px;display:flex}.gap-line{color:var(--color-accent);font-weight:700}.accel-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);animation:pop var(--motion-resolve) ease-out;display:flex}.accel-banner p{margin:0}.accel-glyph{font:800 40px/1 var(--font-display)}.match-end{min-block-size:100dvh;max-inline-size:640px;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0px));align-content:start;gap:var(--space-4);margin-inline:auto;display:grid}.end-hero{justify-items:center;gap:var(--space-2);padding-block:var(--space-6);text-align:center;display:grid;position:relative}.end-hero h1{font:700 clamp(32px, 9vw, 48px) / 1.2 var(--font-display);margin:0}.end-hero p{color:var(--color-muted);margin:0}.end-star{color:var(--color-node-final);font-size:64px;line-height:1}.end-burst span{background:hsl(calc(var(--i) * 30) 70% 55%);--a:calc(var(--i) * 30deg);border-radius:2px;block-size:8px;inline-size:8px;animation:1.2s ease-out both burst;position:absolute;inset-block-start:40%;inset-inline-start:50%}@keyframes burst{0%{transform:rotate(var(--a)) translateY(0);opacity:1}to{transform:rotate(var(--a)) translateY(-120px);opacity:0}}.end-actions{gap:var(--space-2);display:grid}.vote-avatars{justify-content:center;gap:4px;min-block-size:28px;display:flex}.tv{min-block-size:100dvh;font-size:var(--type-tv-body);padding:3vh 3vw}.tv-empty{text-align:center;place-content:center;justify-items:center;gap:3vh;display:grid}.tv-empty .actions{gap:var(--space-4);display:flex}.tv-lobby{grid-template-columns:1fr 1fr;align-items:center;gap:4vw;display:grid}.tv-join{text-align:center;justify-items:center;gap:3vh;display:grid}.tv-join h1{font:700 clamp(36px, 4vw, 72px) / 1.2 var(--font-display);margin:0}.tv-qr svg{border-radius:var(--radius-lg);block-size:auto;inline-size:min(34vw,46vh)}.tv-players h2{font-size:1em}.tv-players ul{grid-template-columns:1fr 1fr;gap:2vh 2vw;margin:0;padding:0;list-style:none;display:grid}.tv-players li{align-items:center;gap:1vw;display:flex}.tv-match{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:3vw;block-size:100dvh;padding-block:2vh;display:grid}.tv-board{gap:1.6vw;min-block-size:0;display:flex;overflow:hidden}.tv-board .board{flex:1;block-size:100%;min-inline-size:0}.tv-board .board .floor-num text{font-size:13px}.tv-climb{flex-direction:column;align-items:center;gap:1.2vh;inline-size:max(44px,3.4vw);padding-block:1vh 2vh;font-size:max(16px,1.3vw);display:flex}.tv-climb-final{color:var(--color-node-final);font-size:1.4em;line-height:1}.tv-climb-track{background:var(--color-line);border-radius:999px;flex:1;inline-size:6px;position:relative}.tv-climb-window{border:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);min-block-size:8px;transition:bottom var(--motion-resolve) ease, height var(--motion-resolve) ease;border-radius:10px;position:absolute;inset-inline:-12px}.tv-climb-cp{background:var(--color-node-checkpoint);border-radius:2px;block-size:3px;position:absolute;inset-inline:-8px}.tv-climb-dot{border:2px solid var(--color-surface);background:hsl(var(--token-hue) 55% 42%);color:#fff;block-size:1.5em;inline-size:1.5em;transition:bottom var(--motion-resolve) cubic-bezier(.34, 1.3, .5, 1);border-radius:50%;place-items:center;font-size:.7em;font-weight:700;display:grid;position:absolute;transform:translate(-50%,50%)}.tv-climb-dot.is-leader{border-color:var(--color-node-final);z-index:1}.tv-side{align-content:start;gap:2.4vh;display:grid}.tv-side-head{justify-content:space-between;align-items:center;gap:2vw;display:flex}.tv-question h1{font-size:var(--type-tv-question);margin:0 0 2vh;line-height:1.35}.tv-options{grid-template-columns:1fr 1fr;gap:1.6vh 1.4vw;margin:0;padding:0;list-style:none;display:grid}.tv-options li{border-radius:var(--radius-lg);border:2px solid var(--color-line);background:var(--color-surface);align-items:center;gap:1vw;padding:1.4vh 1.2vw;display:flex}.tv-options .answer-key{block-size:1.8em;inline-size:1.8em;font-size:.8em}.tv-options li.is-correct{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success);font-weight:700}.tv-options li.is-dim{opacity:.45}.tv-outcomes{grid-template-columns:1fr 1fr;gap:1vh 2vw;margin:0;padding:0;font-size:.8em;list-style:none;display:grid}.tv-outcomes li{align-items:center;gap:.6vw;display:flex}.tv .standings{font-size:.8em}.tv-end{align-content:center;justify-items:center;gap:3vh;max-inline-size:1100px;margin-inline:auto;display:grid}.tv-end h1{font:700 clamp(40px, 5vw, 88px) / 1.2 var(--font-display);margin:0}@media (width<=800px){.tv-lobby,.tv-match{grid-template-columns:1fr;block-size:auto}}.terminal{z-index:80;padding:var(--space-4);background:var(--color-bg);place-items:center;display:grid;position:fixed;inset:0}.terminal-card{justify-items:center;gap:var(--space-3);text-align:center;max-inline-size:420px;display:grid}.terminal-card h1{margin:0;font-size:24px}.terminal-card h1:focus{outline:none}.terminal-card p{color:var(--color-muted);margin:0}.terminal-card .actions{gap:var(--space-2);display:flex}.terminal-icon{fill:none;stroke:var(--color-danger);stroke-width:3px;stroke-linecap:round}.terminal-icon.is-info{stroke:var(--color-accent);stroke-linejoin:round}.terminal-icon.is-info rect:last-child{fill:var(--color-surface)}.prefs{gap:var(--space-4);display:grid}.gallery{padding:var(--space-4);gap:var(--space-7);display:grid}.gallery-head{align-items:center;gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.gallery-head h1{margin:0;font-size:20px}.gallery-head>p{grid-column:1/-1;margin:0}.gallery-nav{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.gallery-nav a{background:var(--color-surface);border:1px solid var(--color-line);font:12px var(--font-mono);border-radius:999px;padding:4px 10px;text-decoration:none}.gallery-section h2{margin:0 0 var(--space-3);font-size:18px}.scr-id{font:600 13px var(--font-mono);color:var(--color-accent)}.frames{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.frame{gap:6px;margin:0;display:grid}.frame figcaption{color:var(--color-muted);max-inline-size:360px;font-size:13px}.frame-screen{border:6px solid var(--color-surface-2);background:var(--color-bg);border-radius:24px;inline-size:360px;max-inline-size:calc(100vw - 32px);padding:0;overflow:auto}.frame-screen>.panel,.frame-screen>.stack,.frame-screen>.terminal-card{margin:var(--space-3)}.frame-screen.is-tall{block-size:720px}.frame-screen .lobby,.frame-screen .match-main,.frame-screen .match-end,.frame-screen .match{min-block-size:100%}.frame-screen .match-main{min-block-size:708px}.frame-screen .hud,.frame-screen .tray-dock,.frame-screen .lobby-foot{position:static}.frame-screen .board-view{block-size:100%}.tv-mini{padding:var(--space-3);background:var(--color-bg)}.tv-code{text-align:start;inline-size:min(520px,100%)}.tv-code h2{text-align:center;margin:0}.tv-options-hidden{border-radius:var(--radius-lg);border:2px dashed var(--color-line);color:var(--color-muted);text-align:center;margin:0;padding:2vh 1.2vw}.tv-url{word-break:break-all;font-weight:600}.brand{isolation:isolate;position:relative}.brand-mark,.brand-tag{z-index:1;position:relative}.brand-mark{text-shadow:0 6px 30px color-mix(in srgb, var(--color-accent) 35%, transparent);animation:.7s cubic-bezier(.2,.8,.2,1) both brand-in}@keyframes brand-in{0%{opacity:0;filter:blur(4px);transform:translateY(12px)scale(.96)}}.route-backdrop{aspect-ratio:300/280;z-index:0;opacity:.42;pointer-events:none;inline-size:min(92vw,380px);margin:auto;position:absolute;inset:0;overflow:visible}.route-path{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.6;animation:2.4s ease-out .2s forwards route-draw}@keyframes route-draw{to{stroke-dashoffset:0}}.route-node{animation:.48s cubic-bezier(.34,1.56,.64,1) both node-pop;animation-delay:calc(.3s + var(--i,0) * .33s)}.route-node.is-side{opacity:.35;animation:none}@keyframes node-pop{0%{opacity:0;transform:scale(.3)}}.route-node,.route-node .node-glyph{transform-box:fill-box;transform-origin:50%}.route-walker{fill:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent))}@media (prefers-reduced-motion:reduce){.route-walker{display:none}}.accel-banner{position:relative;overflow:hidden}.accel-banner:after{content:"";pointer-events:none;background:repeating-linear-gradient(100deg,#0000 0 22px,#ffffff2e 22px 26px);animation:.7s linear infinite speed-lines;position:absolute;inset:0}.accel-glyph{animation:.9s ease-in-out infinite accel-kick}@keyframes speed-lines{to{background-position:-120px 0}}@keyframes accel-kick{50%{transform:translate(6px)}}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .accel-glyph,[dir=rtl] .accel-glyph){animation-direction:reverse}.match.is-accelerated .board-view:after{content:"";pointer-events:none;background:repeating-linear-gradient(180deg, transparent 0 40px, color-mix(in srgb, var(--color-accent) 10%, transparent) 40px 42px);mix-blend-mode:screen;animation:1.2s linear infinite climb-lines;position:absolute;inset:0}@keyframes climb-lines{to{background-position:0 -84px}}.phase{animation-name:phase-in-slide}@keyframes phase-in-slide{0%{opacity:0;transform:translateY(8px)}}.outcome-title{animation:.42s cubic-bezier(.34,1.56,.64,1) both title-pop}@keyframes title-pop{0%{opacity:0;transform:scale(.6)}}.outcome.is-right .outcome-icon{animation:.6s ease-out both icon-spin}@keyframes icon-spin{0%{transform:rotate(-120deg)scale(.4)}}.end-star,.winner-star{animation:1.8s ease-in-out infinite star-breathe;display:inline-block}@keyframes star-breathe{50%{filter:drop-shadow(0 0 12px var(--color-node-final));transform:scale(1.12)rotate(8deg)}}.board .node .node-final .shape>*{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-node-final) 60%, transparent))}.how-to-play-page{min-block-size:100dvh;max-inline-size:820px;padding:var(--space-3) var(--space-4) calc(var(--space-7) + env(safe-area-inset-bottom,0px));align-content:start;gap:var(--space-4);margin-inline:auto;display:grid}.how-to-play{gap:var(--space-4);line-height:1.6;display:grid}.how-to-play p{margin:0}.htp-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.htp-hero{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--color-node-final) 18%, transparent), transparent 55%), linear-gradient(160deg, var(--color-accent-soft), var(--color-surface));border:1px solid var(--color-line);grid-template-columns:auto 1fr;display:grid}.htp-climb{block-size:auto;inline-size:130px}.htp-climb-path{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.7;animation:1.6s ease-out .2s forwards htp-draw}.htp-climb-node{animation:htp-fade .42s calc(.25s + var(--i) * .28s) ease-out both}.htp-climb-token{fill:var(--color-accent);filter:drop-shadow(0 0 6px var(--color-accent));offset-rotate:0deg;animation:5s ease-in-out 1.8s infinite both htp-walk}@keyframes htp-draw{to{stroke-dashoffset:0}}@keyframes htp-fade{0%{opacity:0}}@keyframes htp-walk{0%{offset-distance:0%;opacity:0}8%{opacity:1}70%,88%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.htp-kicker{color:var(--color-accent);font-size:13px;font-weight:700}.htp-goal{font-size:clamp(16px,4.2vw,19px);font-weight:600;line-height:1.65}.htp-card{--tone:var(--color-accent);--tone-soft:var(--color-accent-soft);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-line);animation:.42s ease-out both htp-rise;display:grid}.htp-card.is-danger{--tone:var(--color-danger);--tone-soft:var(--color-danger-soft)}.htp-card.is-warning{--tone:var(--color-warning);--tone-soft:var(--color-warning-soft)}.htp-card.is-info{--tone:var(--color-info);--tone-soft:var(--color-info-soft)}.htp-card.is-success{--tone:var(--color-success);--tone-soft:var(--color-success-soft)}@keyframes htp-rise{0%{opacity:0;transform:translateY(10px)}}.htp-card h2{align-items:center;gap:var(--space-3);margin:0;font-size:18px;display:flex}.htp-badge{block-size:38px;inline-size:38px;color:var(--tone);background:var(--tone-soft);border-radius:12px;flex:none;place-items:center;display:grid}.htp-badge .coin-glyph circle,.htp-price .coin-glyph circle{fill:var(--color-node-treasure)}.htp-pair{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.htp-sub{color:var(--color-muted);font-size:13px;font-weight:600}.htp-steps{gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.htp-steps li{align-content:start;justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3) var(--space-3);text-align:center;border-radius:var(--radius-lg);background:var(--color-surface-2);animation:htp-rise .42s calc(var(--i) * .12s) ease-out both;display:grid;position:relative}.htp-step-num{background:var(--color-accent);block-size:24px;inline-size:24px;color:var(--color-on-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset-block-start:-10px;inset-inline-start:10px}.htp-step-icon{block-size:48px;inline-size:48px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:50%;place-items:center;display:grid}.htp-steps li:nth-child(2) .htp-step-icon svg{animation:2s ease-in-out infinite htp-tick}.htp-steps li:nth-child(3) .htp-step-icon svg{animation:1.6s ease-in-out infinite htp-bob}@keyframes htp-tick{50%{transform:rotate(-10deg)}}@keyframes htp-bob{50%{transform:translateY(-3px)}}.htp-step-body{color:var(--color-muted);font-size:13.5px;line-height:1.5}@media (width<=560px){.htp-steps{gap:var(--space-4);grid-template-columns:1fr}.htp-steps li{text-align:start;justify-items:start;column-gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);grid-template-columns:auto 1fr;row-gap:0}.htp-steps li .htp-step-icon{grid-row:span 2}}.htp-nodes{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.htp-node{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--node-c) 35%, var(--color-line));background:linear-gradient(135deg, color-mix(in srgb, var(--node-c) 12%, var(--color-surface)), var(--color-surface) 70%);animation:htp-rise .38s calc(var(--i) * 45ms) ease-out both;display:flex}.htp-node>svg{transition:transform var(--motion-base);flex:none}.htp-node:hover>svg{transform:scale(1.08)rotate(-4deg)}.htp-node-text{gap:2px;min-inline-size:0;display:grid}.htp-node-text .muted{font-size:13px;line-height:1.4}.htp-chips{flex-wrap:wrap;gap:6px;margin-block-start:6px;display:flex}.htp-chip{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12.5px;font-weight:600;line-height:1.6;display:inline-flex}.htp-chip.is-right{color:var(--color-success);background:var(--color-success-soft)}.htp-chip.is-wrong{color:var(--color-danger);background:var(--color-danger-soft)}.htp-chip.is-neutral{color:var(--color-muted);background:var(--color-surface-2)}.htp-chip-k{align-self:flex-start;font-weight:800}.htp-gate{font-size:12.5px;display:block}.htp-podium{align-items:flex-end;gap:var(--space-2);block-size:96px;margin:0;padding:0;list-style:none;display:flex}.htp-podium li{text-align:center;flex:1;gap:4px;display:grid}.htp-podium-bar{block-size:calc(var(--h) * 16px + 8px);background:color-mix(in srgb, var(--color-node-treasure) calc(var(--h) * 12% + 12%), var(--color-surface-2));color:var(--color-text);transform-origin:bottom;animation:htp-grow .5s calc(.2s + (4 - var(--h)) * 90ms) ease-out both;border-radius:8px 8px 4px 4px;place-items:center;font-size:13px;font-weight:800;display:grid}.htp-podium-rank{color:var(--color-muted);font-size:12px;font-weight:700}@keyframes htp-grow{0%{transform:scaleY(.1)}}.htp-abilities{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.htp-abilities li{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-2);font-size:14px;line-height:1.5;display:flex}.htp-ability-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.htp-price{background:var(--color-warning-soft);color:var(--color-warning);border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.htp-speed{justify-items:start;padding-inline-start:6px;display:grid}.htp-speed span{border-top:4px solid var(--color-accent);border-left:4px solid var(--color-accent);block-size:14px;inline-size:14px;margin-block-end:-6px;animation:1.2s ease-in-out infinite htp-chevron;rotate:45deg}.htp-speed span:first-child{animation-delay:.3s}.htp-speed span:nth-child(2){animation-delay:.15s}@keyframes htp-chevron{0%,to{opacity:.25}50%{opacity:1}}.htp-tips{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.htp-tips li{align-items:center;gap:var(--space-3);display:flex}.htp-tips li>svg{flex:none}.htp-cta{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-accent) 45%, var(--color-line));background:linear-gradient(135deg, var(--color-accent-soft), var(--color-surface));color:var(--color-text);transition:transform var(--motion-base), border-color var(--motion-base);text-decoration:none;display:flex}.htp-cta:hover,.htp-cta:focus-visible{border-color:var(--color-accent);transform:translateY(-2px)}.htp-cta-icon{background:var(--color-surface);border-radius:12px;flex:none;place-items:center;block-size:44px;inline-size:44px;display:grid}.htp-cta-path{fill:none;stroke:var(--color-accent);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:2.8s ease-in-out infinite htp-cta-draw}.htp-cta-top{fill:var(--color-node-final);transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite htp-cta-pulse}@keyframes htp-cta-draw{0%{stroke-dashoffset:1px}55%,to{stroke-dashoffset:0}}@keyframes htp-cta-pulse{0%,50%{opacity:.4;transform:scale(.4)}65%{opacity:1;transform:scale(1.35)}80%,to{transform:scale(1)}}.htp-cta-text{flex:1;line-height:1.35;display:grid}.htp-cta-text span{color:var(--color-muted);font-size:13px}.htp-cta-go{color:var(--color-accent);font-size:20px}