.otc-root .otc-pot-steps{gap:var(--space-3);counter-reset:otc-step;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.otc-root .otc-pot-steps li{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-top:2px solid var(--ember);background:var(--bg-inset);color:var(--fg-dim);border-radius:2px;align-content:start;gap:2px;font-size:14px;line-height:20px;display:grid}.otc-root .otc-pot-steps b{font:700 16px/24px var(--font-body-stack);color:var(--fg)}.otc-root .otc-pot-steps b:before{counter-increment:otc-step;content:"0" counter(otc-step) "  ";font:600 12px/24px var(--font-mono-stack);letter-spacing:.12em;color:var(--ember);white-space:pre}.otc-root .otc-pot-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.otc-root .otc-pot-grid>.win,.otc-root .otc-pot-side>.win{margin-top:11px}.otc-root .otc-pot-side{gap:var(--space-4);min-width:0;display:grid}.otc-root .otc-pot-trade>.win-body{gap:var(--space-3);display:grid}.otc-root .otc-pot-modes{gap:var(--space-2);flex-wrap:wrap;display:flex}.otc-root .otc-pot-modes .otc-btn[aria-pressed=true]{border-color:var(--ember);color:var(--ember)}.otc-root .otc-pot-q-label{font:600 12px/20px var(--font-mono-stack);letter-spacing:.1em;text-transform:uppercase;color:var(--ember);margin:0}.otc-root .otc-pot-q{font:700 clamp(19px, 2vw, 23px)/1.3 var(--font-body-stack);color:var(--fg);max-width:60ch;margin:0}.otc-root .otc-pot-trade .otc-help strong{color:var(--fg);font-variant-numeric:tabular-nums}.otc-root .otc-pot-pick{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.otc-root .otc-pot-pick-at{color:var(--fg-dim);flex:100%;margin:0;font-size:15px;line-height:22px}.otc-root .otc-pot-pick-at strong{color:var(--fg)}.otc-root .otc-pot-select{flex:220px;min-width:0}.otc-root .otc-pot-pick .otc-btn-primary{flex:none}.otc-root .otc-pot-result{padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-left:3px solid var(--line-strong);background:var(--bg-inset);border-radius:2px}.otc-root .otc-pot-result p{margin:0}.otc-root .otc-pot-result p+p,.otc-root .otc-pot-result .otc-btn{margin-top:var(--space-2)}.otc-root .otc-pot-result strong{font-variant-numeric:tabular-nums;color:var(--fg)}.otc-root .otc-pot-result-on{border-color:var(--ember);border-left-color:var(--ember)}.otc-root .otc-pot-result-on strong{color:var(--ember)}html[data-fx=on] .otc-root .otc-pot-result-on{box-shadow:0 0 18px rgb(var(--ember-rgb) / calc(.25 * var(--glow-a,1)))}.otc-root .otc-pot-you,.otc-root .otc-pot-shown{margin:0}.otc-root .otc-pot-shown .otc-btn{min-height:28px;margin-left:6px;padding:0 8px}.otc-root .otc-pot-solved summary{cursor:pointer;font:600 12px/20px var(--font-mono-stack);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.otc-root .otc-pot-solved summary:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.otc-root .otc-pot-solved ol{margin:var(--space-2) 0 0;color:var(--fg-dim);gap:4px;padding-left:20px;font-size:14px;line-height:20px;display:grid}.otc-root .otc-pot-solved li{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.otc-root .otc-pot-solved .otc-btn{min-height:28px;padding:0 8px}.otc-root .otc-route-globe{touch-action:pan-y;cursor:crosshair;outline-offset:4px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;place-items:center;min-height:200px;display:grid;position:relative}.otc-root .otc-route-globe[data-otc-drag]{cursor:grabbing}.otc-root .otc-route-globe[data-otc-over]{cursor:pointer}.otc-root .otc-route-globe:focus-visible{outline:2px solid var(--ember)}.otc-root .otc-route-globe-canvas{aspect-ratio:1;border-radius:50%;width:min(100%,560px);display:block}html[data-fx=on] .otc-root .otc-route-globe-canvas{filter:drop-shadow(0 0 12px rgb(var(--ember-rgb) / calc(.25 * var(--glow-a,1))))}.otc-root .otc-route-globe-hint{font:400 12px/16px var(--font-mono-stack);color:var(--fg-dim);pointer-events:none;justify-self:end;margin-top:4px}.otc-root .otc-pot-stage>.win-body{gap:var(--space-3);display:grid}.otc-root .otc-pot-scene{justify-items:center;display:grid}.otc-root .otc-pot-scene>div{aspect-ratio:5/6;border:1px solid var(--line);border-radius:2px;width:100%;max-width:434px;max-height:520px}.otc-root .otc-pot-figure{font:700 clamp(34px, 4.4vw, 52px)/1 var(--font-body-stack);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;margin:0}.otc-root .otc-pot-amount{color:var(--ember)}html[data-fx=on] .otc-root .otc-pot-amount{text-shadow:0 0 18px rgb(var(--ember-rgb) / calc(.45 * var(--glow-a,1)))}.otc-root .otc-pot-unit{color:var(--fg-dim);font-size:.36em;font-weight:600}.otc-root .otc-pot-peg{font:400 14px/20px var(--font-mono-stack);color:var(--fg-dim);margin:0}.otc-root .otc-pot-climb{gap:6px;display:grid}.otc-root .otc-pot-climb-label{font:600 12px/20px var(--font-mono-stack);letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.otc-root .otc-pot-pips{flex-wrap:wrap;gap:4px;display:flex}.otc-root .otc-pot-pip{border:1px solid var(--line-strong);border-radius:1px;width:18px;height:8px}.otc-root .otc-pot-pip-on{background:var(--ember);border-color:var(--ember)}.otc-root .otc-pot-pip-now{border-color:var(--ember)}html[data-fx=on] .otc-root .otc-pot-pip-on{box-shadow:0 0 8px rgb(var(--ember-rgb) / calc(.45 * var(--glow-a,1)))}.otc-root .otc-pot-clock{padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-left:3px solid var(--ember);color:var(--fg-dim);border-radius:2px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font-size:15px;line-height:22px;display:flex}.otc-root .otc-pot-clock strong{color:var(--fg)}.otc-root .otc-pot-clock-time{font:700 22px/24px var(--font-mono-stack);font-variant-numeric:tabular-nums;color:var(--ember)}html[data-fx=on] .otc-root .otc-pot-clock-time{text-shadow:0 0 12px rgb(var(--ember-rgb) / calc(.4 * var(--glow-a,1)))}.otc-root .otc-pot-list{overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;gap:4px;max-height:360px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.otc-root .otc-pot-row{border:1px solid var(--line);border-radius:2px;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:6px 10px;font-size:14px;line-height:20px;display:grid}.otc-root .otc-pot-row-who{font:600 13px/20px var(--font-mono-stack);color:var(--fg);overflow-wrap:anywhere}.otc-root .otc-pot-row-ms{font:700 14px/20px var(--font-mono-stack);font-variant-numeric:tabular-nums;color:var(--fg);text-align:right}.otc-root .otc-pot-row-where{color:var(--fg-dim);grid-column:1/-1;font-size:13px}.otc-root .otc-pot-row-mine{border-color:var(--line-strong)}.otc-root .otc-pot-row-on{border-color:var(--ember);box-shadow:inset 3px 0 0 var(--ember)}.otc-root .otc-pot-row-on .otc-pot-row-ms{color:var(--ember)}.otc-root .otc-pot-middle{gap:var(--space-4);margin-top:var(--space-4);display:grid}.otc-root .otc-pot-middle>.win,.otc-root .otc-pot-middle .otc-machine-stack>.win{margin-top:11px}.otc-root .otc-pot-middle .otc-machine-stack{grid-template-columns:minmax(0,1fr)}.otc-root .otc-pot-floor>.win-body{gap:var(--space-3);display:grid}.otc-root .otc-pot-floor{--otc-scene-h:clamp(300px, 40vw, 520px)}.otc-root .otc-pot-foot{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.otc-root .otc-pot-foot>.win{margin-top:11px}@media (max-width:999px){.otc-root .otc-pot-grid,.otc-root .otc-pot-foot{grid-template-columns:minmax(0,1fr)}.otc-root .otc-pot-floor{--otc-scene-h:clamp(240px, 70vw, 420px)}}@media (max-width:699px){.otc-root .otc-pot-steps{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.otc-root .otc-pot-scene>div{aspect-ratio:4/5;max-width:none;max-height:none}.otc-root .otc-pot-figure{font-size:clamp(32px,9vw,44px)}.otc-root .otc-pot-pick .otc-btn-primary{flex:100%}}