/* Generated from tokens.json by build.mjs. Do not edit. */
:root {
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-hebrew: "IBM Plex Sans Hebrew", "IBM Plex Sans", system-ui, sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --type-display-size: 56px;
  --type-display-line: 60px;
  --type-display-weight: 600;
  --type-title-1-size: 36px;
  --type-title-1-line: 42px;
  --type-title-1-weight: 600;
  --type-title-2-size: 26px;
  --type-title-2-line: 32px;
  --type-title-2-weight: 600;
  --type-title-3-size: 20px;
  --type-title-3-line: 28px;
  --type-title-3-weight: 600;
  --type-lede-size: 21px;
  --type-lede-line: 31px;
  --type-lede-weight: 400;
  --type-body-size: 17px;
  --type-body-line: 27px;
  --type-body-weight: 400;
  --type-body-sm-size: 15px;
  --type-body-sm-line: 23px;
  --type-body-sm-weight: 400;
  --type-label-size: 15px;
  --type-label-line: 20px;
  --type-label-weight: 500;
  --type-fine-size: 13px;
  --type-fine-line: 19px;
  --type-fine-weight: 400;
  --type-number-size: 36px;
  --type-number-line: 40px;
  --type-number-weight: 600;
  --type-greeting-hebrew-size: 40px;
  --type-greeting-hebrew-line: 52px;
  --type-greeting-hebrew-weight: 500;
  --type-greeting-persian-size: 40px;
  --type-greeting-persian-line: 56px;
  --type-greeting-persian-weight: 500;
  --type-code-size: 13px;
  --type-code-line: 20px;
  --type-code-weight: 400;
  --type-code-label-size: 12px;
  --type-code-label-line: 16px;
  --type-code-label-weight: 500;
  --paper: #F1F3F2;
  --surface: #FBFCFB;
  --surface-sunk: #E4E9E7;
  --ink: #17201C;
  --ink-muted: #4A5651;
  --hairline: #CBD3D0;
  --control-border: #6B7773;
  --spruce: #24533F;
  --spruce-strong: #1B4031;
  --on-spruce: #F7FAF8;
  --spruce-tint: #DCE8E1;
  --shirt: #F2C230;
  --on-shirt: #17201C;
  --shirt-tint: #FBEDC2;
  --steel: #8E9A97;
  --contour: #D3DBD8;
  --focus: #17201C;
  --code-ground: #E6EBE9;
  --shadow-raise: 0 1px 2px rgba(23,32,28,0.08), 0 4px 12px rgba(23,32,28,0.06);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #121816;
    --surface: #1A2220;
    --surface-sunk: #0D1211;
    --ink: #E7ECE9;
    --ink-muted: #A3B0AB;
    --hairline: #2C3632;
    --control-border: #71807A;
    --spruce: #7FC0A2;
    --spruce-strong: #9AD3B8;
    --on-spruce: #0E1A15;
    --spruce-tint: #1E3229;
    --shirt: #F2C230;
    --on-shirt: #17201C;
    --shirt-tint: #3A300F;
    --steel: #5C6966;
    --contour: #222C29;
    --focus: #F2C230;
    --code-ground: #0D1211;
    --shadow-raise: 0 1px 2px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #121816;
  --surface: #1A2220;
  --surface-sunk: #0D1211;
  --ink: #E7ECE9;
  --ink-muted: #A3B0AB;
  --hairline: #2C3632;
  --control-border: #71807A;
  --spruce: #7FC0A2;
  --spruce-strong: #9AD3B8;
  --on-spruce: #0E1A15;
  --spruce-tint: #1E3229;
  --shirt: #F2C230;
  --on-shirt: #17201C;
  --shirt-tint: #3A300F;
  --steel: #5C6966;
  --contour: #222C29;
  --focus: #F2C230;
  --code-ground: #0D1211;
  --shadow-raise: 0 1px 2px rgba(0,0,0,0.5);
  color-scheme: dark;
}
.oo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid var(--control-border);background:var(--surface);color:var(--ink);transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}
.oo-btn:hover{border-color:var(--ink)}
.oo-btn--primary{background:var(--spruce);border-color:var(--spruce);color:var(--on-spruce)}
.oo-btn--primary:hover{background:var(--spruce-strong);border-color:var(--spruce-strong)}
.oo-btn--accent{background:var(--shirt);border-color:var(--shirt);color:var(--on-shirt)}
.oo-btn--accent:hover{border-color:var(--ink)}
.oo-btn:disabled,.oo-btn[aria-disabled="true"]{opacity:.5;cursor:default}
.oo-btn:focus-visible,.oo-pill:focus-visible,.oo-q:focus-visible,.oo-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.oo-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--control-border);background:var(--surface-sunk);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:500;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}
.oo-pill[aria-pressed="true"]{background:var(--spruce);border-color:var(--spruce);color:var(--on-spruce)}
.oo-q{display:flex;align-items:center;width:100%;min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:22px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out}
.oo-q:hover{border-color:var(--spruce)}
.oo-q[aria-expanded="true"]{background:var(--spruce-tint);border-color:var(--spruce)}
.oo-qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-3)}
.oo-answer{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-raise);overflow:hidden}
.oo-answer__head{padding:var(--space-5) var(--space-5) 0}
.oo-answer__title{margin:0;font-family:var(--font-sans);font-size:36px;line-height:42px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.oo-answer__title:focus{outline:none}
.oo-answer__title:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.oo-answer__sub{margin:var(--space-2) 0 0;font-size:15px;line-height:23px;color:var(--ink-muted)}
.oo-answer__body{padding:var(--space-5)}
.oo-code{background:var(--code-ground);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}
.oo-code__label{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}
.oo-code pre{margin:0;font-family:var(--font-mono);font-size:13px;line-height:20px;color:var(--ink);white-space:pre-wrap;word-break:break-word;max-height:20rem;overflow:auto}
.oo-code__removed{margin:var(--space-2) 0 0;font-family:var(--font-mono);font-size:12px;line-height:16px;color:var(--ink-muted)}
.oo-figure{margin:0}
.oo-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}
.oo-figure figcaption{margin-top:var(--space-2);font-size:15px;line-height:23px;color:var(--ink-muted)}
.oo-link{color:var(--spruce);text-underline-offset:3px}
.oo-link:hover{color:var(--spruce-strong)}
@media (prefers-reduced-motion: reduce){.oo-btn,.oo-pill,.oo-q{transition:none}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}
a{color:var(--spruce)}
a:hover{color:var(--spruce-strong)}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.contour{position:absolute;left:0;top:0;width:100%;height:760px;z-index:0;pointer-events:none}
.contour path{fill:none;stroke:var(--contour);stroke-width:1.5;vector-effect:non-scaling-stroke}
.wrap{position:relative;z-index:1;max-width:62rem;margin:0 auto;padding-inline:var(--space-4)}
@media (min-width:640px){.wrap{padding-inline:var(--space-6)}}
.top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2)}
.top__who{margin:0;font-size:15px;line-height:20px;font-weight:600}
.top__place{font-weight:400;color:var(--ink-muted)}
.top__actions{display:flex;align-items:center;gap:var(--space-1)}
.top__email{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);font-size:15px;font-weight:500}
.codetog{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 var(--space-4) 0 10px;border-radius:var(--radius-pill);border:1px solid var(--control-border);background:var(--surface);color:var(--ink);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap}
.codetog__sw{width:30px;height:18px;border-radius:999px;background:var(--control-border);position:relative;flex:none;transition:background-color .16s ease-out}
.codetog__sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);transition:transform .16s ease-out}
.codetog[aria-pressed="true"] .codetog__sw{background:var(--spruce)}
.codetog[aria-pressed="true"] .codetog__sw::after{transform:translateX(12px)}
.codeline{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;color:var(--ink-muted)}
@media (max-width:639px){
  .top__place{display:none}
  .top__email{padding:0 var(--space-2)}
  .codetog{padding:0 var(--space-3);font-size:14px}
  .codetog__sw{display:none}
}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding-block:var(--space-6) var(--space-6)}
@media (min-width:960px){.hero{grid-template-columns:minmax(0,1fr) 480px;gap:var(--space-7);align-items:center;padding-block:var(--space-8) var(--space-6)}}
.hero__text{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.hello{margin:0;font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight);letter-spacing:-.02em;min-height:var(--type-display-line);display:flex;align-items:center}
.hello__vis{display:block;transition:opacity .16s ease-out}
.hello__vis.is-out{opacity:0}
.hello__vis[lang="he"]{font-family:var(--font-hebrew);font-weight:500;letter-spacing:0;font-size:var(--type-greeting-hebrew-size);line-height:var(--type-greeting-hebrew-line)}
.hello__vis[lang="fa"]{font-family:var(--font-arabic);font-weight:500;letter-spacing:0;font-size:var(--type-greeting-persian-size);line-height:var(--type-greeting-persian-line)}
@media (max-width:639px){.hello{font-size:40px;line-height:48px;min-height:56px}}
.hero__langs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}
.langrow{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.langbtn{font-size:15px}
.langbtn svg{flex:none}
.g-he{font-family:var(--font-hebrew)}
.g-fa{font-family:var(--font-arabic)}
.pillbtn{gap:6px;padding:0 14px;font-size:14px;background:var(--surface)}
.pillbtn[aria-pressed="true"]{background:var(--spruce);border-color:var(--spruce);color:var(--on-spruce)}
.lede{margin:0;font-size:var(--type-lede-size);line-height:var(--type-lede-line);max-width:34rem}
.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.cta{min-height:48px;font-size:16px;font-weight:600}
@media (max-width:639px){.lede{font-size:19px;line-height:28px}.hero__ctas{flex-direction:column}.cta{width:100%}}
.hero__fig img{aspect-ratio:4/3;object-fit:cover;background:var(--surface-sunk)}
.hero__fig figcaption{font-size:14px;line-height:21px}
.nums{list-style:none;margin:0;padding:var(--space-5) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.nums li{display:flex;flex-direction:column;gap:6px;min-width:0}
.num__v{font-size:32px;line-height:36px;font-weight:600;color:var(--spruce);font-variant-numeric:tabular-nums}
.num__l{font-size:14px;line-height:20px;color:var(--ink-muted)}
@media (min-width:768px){
  .nums{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
  .nums li{padding:0 var(--space-5)}
  .nums li:first-child{padding-left:0}
  .nums li+li{border-left:1px solid var(--hairline)}
  .num__v{font-size:var(--type-number-size);line-height:var(--type-number-line)}
  .num__l{font-size:15px;line-height:21px}
}
.ask{padding-top:var(--space-7)}
.ask__h{margin:0;font-size:var(--type-title-2-size);line-height:var(--type-title-2-line);font-weight:600}
.ask__sub{margin:6px 0 var(--space-5);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line);color:var(--ink-muted)}
.qs{list-style:none;margin:0;padding:0}
.qs li{display:flex}
.qs .oo-q{min-height:56px}
@media (min-width:768px){.qs{grid-template-columns:repeat(3,minmax(0,1fr))}.qs .oo-q{min-height:64px;font-size:17px;line-height:24px}}
.stage{padding-block:var(--space-6) var(--space-7);scroll-margin-top:var(--space-4)}
.stage:empty{padding:0}
.oo-answer{animation:rise .24s ease-out}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.oo-answer__title{font-size:28px;line-height:34px}
@media (min-width:640px){.oo-answer__title{font-size:var(--type-title-1-size);line-height:var(--type-title-1-line)}}
@media (max-width:639px){.oo-answer__head{padding:var(--space-4) var(--space-4) 0}.oo-answer__body{padding:var(--space-4)}}
.oo-answer__body>*:first-child{margin-top:0}
.oo-answer__body p{max-width:40rem}
.answer-code{display:none;border-top:1px dashed var(--hairline);padding:var(--space-4) var(--space-5);background:var(--surface-sunk)}
body.showcode .answer-code{display:grid;gap:var(--space-3)}
@media (max-width:639px){.answer-code{padding:var(--space-4)}}
.oo-code .oo-code__label{font-family:var(--font-mono)}
.btnrow{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-4)}
.fine{font-size:var(--type-fine-size);line-height:var(--type-fine-line);color:var(--ink-muted);margin:var(--space-3) 0 0}
.here{margin:0 0 var(--space-3);font-weight:600}
.prompt{margin:0 0 var(--space-3);font-weight:500}
.sheet{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-6) var(--space-6);font-size:16px;line-height:26px;margin-top:var(--space-4)}
@media (max-width:639px){.sheet{padding:var(--space-4);font-size:16px}}
.sheet .rhead,.sheet .whead{border-bottom:1px solid var(--spruce);padding-bottom:var(--space-4);margin-bottom:var(--space-2)}
.sheet .s-h1{font-size:32px;line-height:38px;font-weight:600;letter-spacing:-.015em;margin:0 0 var(--space-2)}
.sheet .whead .s-h1{font-size:28px;line-height:34px}
.sheet .rhead p{margin:0}
.sheet .tagline strong{color:var(--spruce)}
.sheet .contact,.sheet .byline{color:var(--ink-muted);font-size:14px;margin-top:6px}
.sheet .byline{display:flex;gap:8px}
.sheet .s-h2{font-size:21px;line-height:28px;font-weight:600;margin:var(--space-6) 0 var(--space-2);scroll-margin-top:var(--space-4)}
.sheet .s-h3{font-size:18px;line-height:26px;font-weight:600;margin:var(--space-5) 0 2px}
.sheet .meta{color:var(--ink-muted);font-size:14px;margin:0 0 var(--space-2)}
.sheet p{margin:0 0 var(--space-3)}
.sheet ul,.sheet ol{margin:0 0 var(--space-3);padding-left:1.25em}
.sheet li{margin:0 0 6px}
.sheet li::marker{color:var(--spruce)}
.sheet a{color:var(--spruce);text-underline-offset:3px}
.sheet a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sheet [tabindex="-1"]:focus{outline:none}
.sheet [tabindex="-1"]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-3)}
.tiles li{display:flex}
.tiles li.is-open{grid-column:1/-1}
.tile{flex:1;display:flex;flex-direction:column;gap:6px;text-align:left;min-height:6rem;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--surface);color:var(--ink);cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out}
.tile:hover{border-color:var(--spruce)}
.tile[aria-expanded="true"]{background:var(--spruce-tint);border-color:var(--spruce)}
.tile__n{font-size:13px;line-height:16px;color:var(--ink-muted);font-variant-numeric:tabular-nums}
.tile__t{font-size:var(--type-title-3-size);line-height:var(--type-title-3-line);font-weight:600}
.tile__d{font-size:16px;line-height:25px}
.tl-track{list-style:none;margin:0;padding:4px 2px var(--space-3);display:flex;gap:var(--space-2);overflow-x:auto}
.tl-track .tl-dot{flex:none}
.tl-dot{white-space:nowrap;font-variant-numeric:tabular-nums}
.tl-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding-top:var(--space-4);min-height:9rem}
.tl-when{font-size:var(--type-number-size);line-height:var(--type-number-line);font-weight:600;color:var(--spruce)}
.tl-what{margin:0;font-size:var(--type-title-3-size);line-height:var(--type-title-3-line);font-weight:600}
.tl-q{margin:0}
@media (min-width:640px){.tl-card{grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-5)}.tl-when{grid-row:span 2}}
.rules{list-style:none;counter-reset:r;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-2)}
.rules li{counter-increment:r;display:flex;gap:var(--space-3);align-items:baseline;font-size:19px;line-height:28px}
.rules li::before{content:counter(r);font-size:13px;font-weight:600;color:var(--on-spruce);background:var(--spruce);border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;flex:none;transform:translateY(-2px)}
.live{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}
.live>li{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:4px;min-width:0}
.live__l{font-size:14px;line-height:20px;color:var(--ink-muted)}
.live__v{font-size:24px;line-height:30px;font-weight:600;color:var(--spruce);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.live__v.is-off{color:var(--ink-muted);font-weight:500}
.live__v--text{font-size:17px;line-height:25px;color:var(--ink);font-weight:500}
.live__asof{margin:0;font-size:13px;line-height:19px;color:var(--ink-muted)}
.live-blocks{display:flex;flex-direction:column;gap:var(--space-5)}
.live-block{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.live-block__h{margin:0;font-size:17px;line-height:24px;font-weight:600;color:var(--ink)}
.live__beneath{font-size:15px;line-height:22px;color:var(--ink)}
.langs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-3)}
.langs li{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}
.langs__w{font-size:28px;line-height:40px;font-weight:600}
.langs__w[lang="he"]{font-family:var(--font-hebrew);font-weight:500}
.langs__w[lang="fa"]{font-family:var(--font-arabic);font-weight:500;line-height:48px}
.langs__n{font-size:14px;color:var(--ink-muted)}
.spin{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;background:var(--shirt-tint);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}
.pick{margin:0;font-size:24px;line-height:30px;font-weight:600;min-height:30px}
.pick small{display:block;font-size:15px;font-weight:500;color:var(--ink-muted);margin-top:4px}
.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-5) var(--space-6)}
.menu h3{margin:0 0 6px;font-size:15px;line-height:20px;font-weight:600;color:var(--ink-muted)}
.menu ul{list-style:none;margin:0;padding:0}
.menu li{display:flex;justify-content:space-between;gap:var(--space-3);padding:6px 0;border-bottom:1px solid var(--hairline);font-size:15px;line-height:22px}
.menu li.hit{color:var(--spruce);font-weight:600}
.menu li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.foot{border-top:1px solid var(--hairline);margin-top:var(--space-5);padding-block:var(--space-5) var(--space-7);font-size:15px;line-height:23px;color:var(--ink-muted);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);justify-content:space-between}
.foot p{margin:0}
.foot a{display:inline-block;padding-block:12px;margin-block:-12px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.tiles li{flex-direction:column;gap:var(--space-2)}
.tile-code{display:none}
body.showcode .tiles li.is-open .tile-code{display:block}
.game{border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-4);background:var(--surface);margin-bottom:var(--space-4)}
.lane{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:var(--space-3) 0;padding:0;position:relative}
.lane::before{content:"";position:absolute;left:12.5%;right:12.5%;top:9px;height:2px;background:var(--hairline)}
.lane li{text-align:center;font-size:13px;line-height:18px;color:var(--ink-muted);position:relative}
.lane li::before{content:"";display:block;width:20px;height:20px;border-radius:50%;margin:0 auto 6px;background:var(--surface);border:2px solid var(--control-border)}
.lane li.on,.lane li.stop{color:var(--ink);font-weight:600}
.lane li.on::before{background:var(--spruce);border-color:var(--spruce)}
.lane li.stop::before{background:var(--shirt);border-color:var(--ink)}
.msgbox{background:var(--surface-sunk);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);min-height:6rem}
.msgbox p{margin:0 0 var(--space-1)}
.say{min-height:1.6em;margin:var(--space-3) 0 0;font-size:15px;color:var(--ink)}
.decide{align-items:center;margin-top:var(--space-3)}
.decide__l{font-weight:600}
.live__aside{font-size:15px;line-height:22px;font-weight:500;color:var(--ink-muted)}