.site-header{z-index:20;padding:0 max(var(--page-gutter), calc((100% - var(--page-max)) / 2 + var(--page-gutter)));background:var(--bg);position:sticky;top:0}@media (max-width:860px){.site-header{transition:transform var(--dur-2) var(--ease)}.site-header[data-hidden="1"]{transform:translateY(calc(-100% - var(--s-2)))}}@media (prefers-reduced-motion:reduce){.site-header{transition:none}}.board-frame,.xr-title{scroll-margin-top:calc(var(--control-h) + var(--s-7))}.site-bar{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--s-3);min-height:calc(var(--control-h) + var(--s-4));padding:var(--s-2) 0;background:var(--bg);flex-wrap:nowrap;display:flex}.site-actions{align-items:center;gap:var(--s-1);flex:none;display:flex}@media (max-width:640px){.site-cta{display:none}}.xr-mark{flex:none;width:auto;height:1.9em}.site-brand{min-height:var(--tap-min);color:var(--text);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.xr-wordmark{font-family:var(--font-display-stack);letter-spacing:-.025em;align-items:center;gap:.4em;font-size:20px;font-weight:500;line-height:1;display:inline-flex}.xr-wordmark-accent,.site-brand-accent{color:var(--accent-text)}.site-account{flex:none;position:relative}.site-avatar{width:var(--control-h-sm);height:var(--control-h-sm);color:var(--muted);font-size:var(--fs-caption);border:1px solid var(--border);background:var(--panel-2);cursor:pointer;transition:border-color var(--dur-1,.15s);border-radius:50%;flex:none;place-items:center;padding:0;font-weight:500;text-decoration:none;display:grid;position:relative}.site-avatar:after{content:"";width:var(--tap-min);height:var(--tap-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-avatar:hover,.site-avatar:focus-visible,.site-avatar[aria-expanded=true]{border-color:var(--border-strong)}.site-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.site-menu{top:calc(100% + var(--s-2));z-index:30;width:max-content;min-width:240px;max-width:min(300px, calc(100vw - 2 * var(--page-gutter)));padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r);background:var(--surface-float);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:absolute;right:0}.site-menu-who{padding:var(--s-2) var(--s-3) var(--s-3);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.site-menu-item{margin-top:var(--s-1);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);color:var(--text);transition:background var(--dur-1,.15s);flex-direction:column;gap:2px;text-decoration:none;display:flex}.site-menu-item:hover,.site-menu-item:focus-visible,.site-menu-item[data-active="1"]{background:var(--panel-2)}.site-menu-item[aria-disabled=true]{color:var(--muted);cursor:default}.site-menu-label{font-size:var(--fs-body);font-weight:500;line-height:var(--lh-subtitle)}.site-menu-note{color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-subtitle)}.site-menu-item[aria-disabled=true] .site-menu-label{font-weight:500}.players{gap:var(--s-2);flex-wrap:wrap;display:flex}.players a{padding:var(--s-1) var(--s-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);color:var(--muted);font-size:var(--fs-caption);font-weight:500;line-height:calc(var(--control-h-sm) - var(--s-2));transition:border-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);text-decoration:none}.players a:hover{border-color:var(--border-strong);color:var(--text)}.players a[aria-current=page]{border-color:var(--border-strong);background:var(--panel-2);color:var(--text)}.board-frame{border:1px solid var(--border-strong);border-radius:var(--r);background:var(--panel-2);position:relative;overflow:hidden}.board-frame[data-recall]>:first-child{filter:grayscale();opacity:.22;pointer-events:none}.board-recall{z-index:3;place-content:center;justify-items:center;gap:var(--s-2);padding:var(--s-5);text-align:center;pointer-events:none;display:grid;position:absolute;inset:0}.board-recall-tag{padding:var(--s-1) var(--s-3);background:var(--brand);color:var(--on-brand);font-size:var(--fs-overline);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;font-weight:500}.board-recall-note{max-width:22ch;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text)}.board-frame[data-play="1"]{touch-action:none}.lesson{--lesson-board:max(min(620px, calc(100svh - var(--site-header-h) - 240px)), 320px);grid-template-columns:minmax(0, var(--lesson-board)) minmax(300px, 420px);justify-content:center;column-gap:var(--s-7);row-gap:var(--s-3);grid-template-areas:"top top""board panel";align-items:stretch;display:grid}.lesson-top{justify-content:space-between;align-items:center;gap:var(--s-3);grid-area:top;display:flex}.lesson-back{align-items:center;gap:var(--s-1);min-height:var(--tap-min);margin-left:calc(var(--s-2) * -1);padding:0 var(--s-2);border-radius:var(--r-sm);color:var(--text);font-weight:500;text-decoration:none;display:inline-flex}.lesson-back span{margin-top:-.12em;font-size:1.5em;line-height:1}.lesson-back:hover{background:var(--panel)}.lesson-board{top:calc(var(--site-header-h) + var(--s-3));align-self:start;gap:var(--s-2);flex-direction:column;grid-area:board;display:flex;position:sticky}.lesson-panel{gap:var(--s-4);flex-direction:column;grid-area:panel;min-width:0;display:flex}.lesson-head{gap:var(--s-1);flex-direction:column;display:flex}.lesson-where{font-family:var(--font-display-stack);font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);font-weight:500}.lesson-count{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.lesson-context{gap:var(--s-1);max-width:var(--measure);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);text-wrap:pretty;flex-direction:column;display:flex}.lesson-context b{color:var(--text)}.lesson-tools{gap:var(--s-2);flex-wrap:wrap;display:flex}.lesson-tools .ui-btn{flex:1 1 0}.lesson-panel>.lesson-progress{margin-top:auto}.lesson-nav{gap:var(--s-2);display:flex}.lesson-nav .lesson-next,.lesson-nav .lesson-retry{min-height:var(--control-h-lg);font-size:var(--fs-body);flex:auto}.lesson[data-phase=wrong] .board-frame,.lesson[data-phase=same] .board-frame{box-shadow:0 0 0 3px var(--bad)}.lesson-next[data-auto="1"]{background-image:linear-gradient(90deg, color-mix(in srgb, var(--on-ink) 22%, transparent) 0 0);animation:lesson-auto-next var(--auto-next,1.5s) linear forwards;background-repeat:no-repeat;background-size:0% 100%}@keyframes lesson-auto-next{to{background-size:100% 100%}}@media (prefers-reduced-motion:reduce){.lesson-next[data-auto="1"]{animation:none}}.lesson-all{font-size:var(--fs-caption);color:var(--muted);align-self:flex-start}.lesson-all:hover{color:var(--text)}.series-opening{padding:var(--s-7) 0;text-align:center}@media (max-width:640px){.series-lessons.ui-grid{gap:var(--s-2);grid-template-columns:minmax(0,1fr)}.series-lessons .ui-card{align-items:baseline;column-gap:var(--s-3);flex-flow:wrap}.series-lessons .ui-card-title{flex:none}.series-lessons .ui-card-note{flex:auto}}.series-done{gap:var(--s-3);padding:var(--s-5);border:1px solid var(--text);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;display:flex}.lesson[data-phase=solved] .board-frame{box-shadow:0 0 0 3px var(--good)}.lesson[data-done="1"] .lesson-prompt{display:none}.lesson-prompt.ui-callout[data-tone=warn]{border:1px solid var(--border-strong);background:var(--surface)}.lesson-prompt.ui-callout[data-tone=warn] .ui-callout-kicker{color:var(--text)}.clock{justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:0 var(--s-1);min-height:28px;display:flex}.clock-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);overflow:hidden}.clock-time{font-family:var(--font-mono-stack);font-variant-numeric:tabular-nums;font-size:var(--fs-body-sm);color:var(--muted);flex:none}.clock[data-me="1"] .clock-time{color:var(--text)}.clock[data-active="1"] .clock-time{font-weight:500}.clock[data-flagged="1"] .clock-time,.clock[data-flagged="1"] .clock-label{color:var(--bad)}.debrief{gap:var(--s-3);flex-direction:column;display:flex}.debrief-pen{margin-bottom:calc(var(--s-1) * -1);align-self:flex-start;transform:rotate(-2deg)}.debrief-time{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);text-wrap:pretty;margin:0}.debrief-time b{color:var(--text)}.debrief-time[data-tone=good] b{color:var(--good)}.debrief-rows{flex-direction:column;display:flex}.debrief-row{gap:var(--s-3);width:100%;min-height:var(--tap-min);padding:var(--s-3) var(--s-2);border:0;border-top:1px solid var(--border);border-radius:var(--r-xs);font:inherit;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text);text-align:left;cursor:pointer;transition:background var(--dur-2) var(--ease);background:0 0;margin:0;display:flex}.debrief-row:hover{background:color-mix(in srgb, var(--text) 4%, transparent)}.debrief-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.debrief-row[data-active="1"][data-tone=good]{background:color-mix(in srgb, var(--good) 7%, transparent)}.debrief-row[data-active="1"][data-tone=bad]{background:color-mix(in srgb, var(--bad) 7%, transparent)}.debrief-row[data-active="1"][data-tone=neutral]{background:color-mix(in srgb, var(--text) 7%, transparent)}.debrief-tag{font-size:var(--fs-overline);font-weight:var(--fw-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;flex:0 0 84px;padding-top:2px}.debrief-row[data-tone=bad] .debrief-tag{color:var(--bad)}.debrief-row[data-tone=good] .debrief-tag{color:var(--good)}.debrief-row[data-tone=neutral] .debrief-tag{color:var(--muted)}.debrief-body{gap:var(--s-2);flex-direction:column;flex:auto;min-width:0;display:flex}.debrief-head{text-wrap:pretty;display:block}.debrief-play{width:20px;height:20px;color:var(--muted);flex:none;align-self:center}.debrief-play svg{width:100%;height:100%;display:block}.debrief-row[data-active="1"] .debrief-play{color:var(--text)}.debrief-foot{justify-content:flex-end;display:flex}@media (max-width:640px){.debrief-row{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap}.debrief-tag{flex:auto;order:1;padding-top:0}.debrief-play{order:2}.debrief-body{flex:100%;order:3}}@media (max-width:860px){.lesson{margin-bottom:calc(-1 * var(--s-9));grid-template-columns:minmax(0,1fr);grid-template-areas:"top""head""prompt""board""tools""explain""progress""all""nav";row-gap:0}.lesson-panel{display:contents}.lesson-head{grid-area:head}.lesson-where{font-size:var(--fs-subtitle)}.lesson-prompt{margin:var(--s-3) 0;grid-area:prompt}.lesson-board{position:static}.lesson-tools{margin-top:var(--s-3);grid-area:tools}.lesson-tools .ui-btn{min-height:var(--tap-min)}.lesson-explain{margin-top:var(--s-3);padding-bottom:var(--s-3);grid-area:explain}.lesson-panel>.lesson-progress{margin-top:var(--s-3);grid-area:progress}.lesson-all{margin-top:var(--s-2);grid-area:all}.lesson-nav{z-index:10;margin:var(--s-4) calc(-1 * var(--page-gutter)) 0;padding:var(--s-2) var(--page-gutter) calc(var(--s-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-area:nav;position:sticky;bottom:0}.lesson-nav:empty{display:none}.lesson-nav>.ui-btn{flex:1 1 0}.lesson-nav>.ui-btn:first-child:not(:only-child){flex:0 auto}}.path{gap:var(--s-2);margin:var(--s-7) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.node{align-items:center;gap:var(--s-4);min-height:var(--tap-min);padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);color:inherit;transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);text-decoration:none;display:flex}.node:hover{border-color:var(--text)}.node-dot{flex:0 0 var(--control-h);width:var(--control-h);height:var(--control-h);background:var(--panel);color:var(--muted);font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:500;display:grid}.node[data-state=next]{border-color:var(--text);box-shadow:inset 3px 0 0 var(--text)}.node[data-state=next] .node-dot{background:var(--brand);color:var(--on-brand)}.node[data-state=done] .node-dot{background:var(--panel-2);color:var(--text)}.node[data-state=done] .node-text b{color:var(--muted);font-weight:500}.node[data-boss="1"] .node-dot{border-radius:var(--r-sm)}.node-text{flex-direction:column;gap:2px;min-width:0;display:flex}.node-text b{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);font-weight:var(--fw-subtitle);overflow-wrap:anywhere}.node-text small{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.node-text{flex:1}.node-board{border:1px solid var(--border-strong);border-radius:var(--r-sm);flex:none;width:72px;overflow:hidden}.node-board .xr-static{aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.node-board .xr-sq{aspect-ratio:1;background:var(--sq-light);position:relative}.node-board .xr-sq[data-dark="1"]{background:var(--sq-dark)}.node-board .xr-sq>svg{width:100%;height:100%;display:block}.node-board .xr-sq>span{display:none}.node[data-state=done] .node-board{opacity:.75}@media (max-width:480px){.node{gap:var(--s-3);padding-inline:var(--s-3)}.node-board{width:56px}}.mc-page{width:100%;max-width:760px;margin:0 auto}.mc-start{isolation:isolate;align-items:center;gap:var(--s-6);padding:var(--s-5) var(--s-6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);border:1px solid var(--text);display:flex;position:relative;overflow:hidden}.mc-start-dots{display:none}.mc-start-xp{gap:var(--s-2);flex-direction:column;flex:1;min-width:0;display:flex}.mc-start-label{font-size:var(--fs-body-sm);font-weight:500}.mc-start .ui-btn{flex:none}@media (max-width:640px){.mc-start{align-items:stretch;gap:var(--s-4);padding:var(--s-4);flex-direction:column}}.deck{--deck-h:clamp(200px, 30vh, 260px)}.deck-track{margin:0 calc(-1 * var(--page-gutter));padding:0 var(--page-gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--page-gutter);scrollbar-width:none;list-style:none;display:flex;overflow-x:auto}.deck-track::-webkit-scrollbar{display:none}.deck-card{padding-right:var(--page-gutter);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;display:flex}.deck-face{gap:var(--s-2);min-height:var(--deck-h);padding:var(--s-6);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.deck-face[data-kind=cover]{text-align:center;justify-content:center;align-items:center}.deck-face[data-kind=cover] .ui-btn{margin-top:var(--s-3)}.deck-face[data-tone=good]{border-color:color-mix(in srgb, var(--good) 40%, var(--border))}.deck-face[data-tone=bad]{border-color:color-mix(in srgb, var(--bad) 40%, var(--border))}.deck{--deck-board:clamp(152px, 46vw, 208px)}.deck-face[data-kind=position]{max-height:calc(var(--deck-board) + 19rem);grid-template:"over""title""board""text"minmax(0,1fr)/minmax(0,1fr);align-content:start;display:grid}.deck-face[data-kind=position]>.ui-overline{grid-area:over}.deck-face[data-kind=position]>.deck-title{grid-area:title}.deck-board{gap:var(--s-1);flex-direction:column;grid-area:board;display:flex}.deck-scroll{overscroll-behavior:contain;grid-area:text;min-height:0;overflow-y:auto}.deck-reach{font-size:var(--fs-caption);color:var(--muted);font-variant-numeric:tabular-nums}@media (min-width:641px){.deck{--deck-board:216px}.deck-face[data-kind=position]{grid-template-columns:var(--deck-board) minmax(0, 1fr);column-gap:var(--s-6);max-height:calc(var(--deck-board) + 2 * var(--s-6) + 2rem);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"board over""board title""board text"}}.deck .xr-sprite,.mc-page>.xr-sprite{width:0;height:0;position:absolute;overflow:hidden}.deck-board .xr-static{aspect-ratio:1;width:var(--deck-board);border:1px solid var(--border-strong);border-radius:var(--r-sm);grid-template-columns:repeat(8,minmax(0,1fr));max-width:100%;display:grid;overflow:hidden}.deck-board .xr-sq{aspect-ratio:1;background:var(--sq-light);position:relative}.deck-board .xr-sq[data-dark="1"]{background:var(--sq-dark)}.deck-board .xr-sq>svg{width:100%;height:100%;display:block}.deck-title{font-size:var(--fs-title);line-height:var(--lh-title);font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance}.deck-body{font-size:var(--fs-body);line-height:var(--lh-body)}.deck-foot{margin-top:var(--s-2);font-size:var(--fs-caption);color:var(--muted)}.deck-list{gap:var(--s-2);margin:var(--s-1) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.deck-list li{padding-left:var(--s-5);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);position:relative}.deck-list li:before{font-weight:500;position:absolute;left:0}.deck-face[data-tone=good] .deck-list li:before{content:"+";color:var(--good)}.deck-face[data-tone=bad] .deck-list li:before{content:"−";color:var(--bad)}.deck-nav{align-items:center;gap:var(--s-2);margin-top:var(--s-3);display:flex}.deck-arrow{width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:var(--fs-title);cursor:pointer;border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.deck-arrow:disabled{opacity:.35;cursor:default}.deck-dots{flex:auto;align-items:center;gap:2px;min-width:0;display:flex}.deck-dot{max-width:20px;height:var(--tap-min);cursor:pointer;background:0 0;border:0;flex:1 1 0;padding:0}.deck-dot:after{border-radius:var(--r-pill);background:var(--border-strong);content:"";width:100%;height:4px;transition:background var(--dur-2) var(--ease);display:block}.deck-dot[data-on="1"]:after{background:var(--brand)}.deck-count{font-size:var(--fs-caption);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}@media (max-width:640px){.deck-arrow{display:none}}.deck-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sheet{max-width:760px;padding:0 var(--s-4);border:1px solid var(--border);border-radius:var(--r);background:var(--panel)}.sheet+.sheet{margin-top:var(--s-2)}.sheet>summary{padding:var(--s-3) 0;font-size:var(--fs-body-sm);cursor:pointer;font-weight:500}.sheet>summary::marker{color:var(--muted)}.sheet p,.sheet li{font-size:var(--fs-body-sm);line-height:var(--lh-body)}.sheet p{margin:0 0 var(--s-3)}.sheet ol,.sheet ul{margin:0 0 var(--s-3);padding-left:var(--s-5)}.sheet li{margin-bottom:var(--s-2)}.sheet .plus li::marker{content:"+  ";color:var(--good)}.sheet .minus li::marker{content:"−  ";color:var(--bad)}.runner{max-width:var(--page-wide);flex-direction:column;margin:0 auto;display:flex}.runner-top{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.runner-grid{--runner-board:max(min(520px, calc(100svh - 280px)), 300px);grid-template-columns:minmax(0, var(--runner-board)) minmax(0, 1fr);gap:var(--s-5);align-items:start;display:grid}.runner-panel{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.bubble{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}.bubble>b{font-size:var(--fs-body-sm);overflow-wrap:anywhere}.bubble p{margin:var(--s-1) 0 0;font-size:var(--fs-body);line-height:var(--lh-body-sm);text-wrap:pretty}.bubble[data-state=ok]{background:color-mix(in srgb, var(--good) 7%, var(--panel))}.bubble[data-state=ok]>b{color:var(--good)}.bubble[data-state=ko]{background:color-mix(in srgb, var(--bad) 7%, var(--panel))}.bubble[data-state=ko]>b{color:var(--bad)}.bubble-kicker{margin-bottom:var(--s-1);font-size:var(--fs-overline);font-weight:var(--fw-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--muted);line-height:1.4;display:block}.bubble[data-state=ok] .bubble-kicker{color:var(--good)}.bubble[data-state=ko] .bubble-kicker{color:var(--bad)}.chip{margin-top:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-2);font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);overflow-wrap:anywhere}.ask{padding:var(--s-2) 0;font-size:var(--fs-subtitle);color:var(--text);font-weight:500}.review-note{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.ask[data-tone=bad]{color:var(--bad)}.runner-panel[data-cue] :is(.ask-block,.ask){border-left:3px solid var(--accent);padding-left:var(--s-3);animation:.4s ease-out cue-in}@keyframes cue-in{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.runner-panel[data-cue] :is(.ask-block,.ask){animation:none}}.soft-note{padding:var(--s-2) var(--s-3);border-left:3px solid var(--text);border-radius:0 var(--r-sm) var(--r-sm) 0;background:color-mix(in srgb, var(--text) 5%, transparent);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text);margin:0}.ask-block{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);flex-direction:column;display:flex}.ask-q{font-size:var(--fs-subtitle);font-weight:500;line-height:var(--lh-body-sm);color:var(--text);text-wrap:pretty;margin:0}.ask-note{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);margin:0}.ask-note[data-tone=bad]{color:var(--bad);font-weight:500}.ask-options{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ask-option{width:100%;min-height:var(--tap-min);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r);background:var(--panel-2);color:var(--text);font:inherit;font-size:var(--fs-body);line-height:var(--lh-body-sm);text-align:left;text-wrap:pretty;cursor:pointer;display:block}.ask-option:has(.ask-num){gap:var(--s-2);align-items:baseline;display:flex}.ask-num{background:var(--border);min-width:1.4em;height:1.4em;font-size:var(--fs-caption);text-align:center;border-radius:50%;flex:none;font-weight:500;line-height:1.4em}.ask-option:hover:not(:disabled){border-color:var(--text)}.ask-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ask-option:disabled{cursor:default;opacity:1}.ask-option[data-state=good]{border-color:var(--good);background:color-mix(in srgb, var(--good) 12%, var(--panel));color:var(--good);font-weight:500}.ask-option[data-state=bad]{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, var(--panel));color:var(--bad)}.xp{align-items:center;gap:var(--s-3);font-size:var(--fs-caption);color:var(--muted);display:flex}.bottombar{z-index:10;margin:var(--s-5) calc(-1 * var(--page-gutter)) 0;padding:var(--s-3) var(--page-gutter) calc(var(--s-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;display:flex;position:sticky;bottom:0}.bottombar .ui-btn{width:min(100%,420px)}.done-screen{max-width:var(--page-narrow);padding-top:var(--s-6);text-align:center;margin:0 auto}.done-screen .ui-prose{text-align:left;margin:0 auto}.stars{letter-spacing:6px;color:var(--star);font-size:52px;line-height:1.1}.stars span{color:var(--border)}.ui-center{text-align:center}@media (max-width:860px){.runner{margin-bottom:calc(-1 * var(--s-9))}.runner-grid{gap:var(--s-3);grid-template-columns:1fr}.runner-panel{min-height:150px}.bottombar{margin-top:var(--s-4)}.path{max-width:none}}.hero{isolation:isolate;gap:var(--s-6);padding:var(--s-7);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);border:1px solid var(--text);grid-template-columns:minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero[data-board="1"]{grid-template-columns:minmax(0,1fr) minmax(0,260px)}.hero-dots{display:none}.hero-copy{align-items:flex-start;gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.hero h2{font-size:calc(var(--fs-title) * 1.35);line-height:var(--lh-title);font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance;font-family:var(--font-display-stack);margin:0}.hero .ui-note{max-width:52ch;font-size:var(--fs-body);line-height:var(--lh-body)}.hero .ui-btn{margin-top:var(--s-3)}.hero-board{border-radius:var(--r-sm);border:1px solid var(--border-strong);padding:0;overflow:hidden}.board-frame{border-radius:var(--r-sm);position:relative;overflow:hidden}.board-frame .xr-static{--sq-light:var(--board-light);--sq-dark:var(--board-dark);aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.board-frame .xr-sq{aspect-ratio:1;background:var(--sq-light);position:relative}.board-frame .xr-sq[data-dark="1"]{background:var(--sq-dark)}.board-frame .xr-sq>svg{width:100%;height:100%}.board-frame .xr-sq>span{display:none}.board-frame-empty{aspect-ratio:1;background:repeating-conic-gradient(var(--border-strong) 0% 25%, var(--panel-2) 0% 50%) 0 0 / 25% 25%;display:block}.dash .xr-sprite,.hero-board .xr-sprite{width:0;height:0;position:absolute;overflow:hidden}.hero-board .xr-vis-frame{border-radius:var(--r-sm);position:relative;overflow:hidden}.hero-board .xr-static{--sq-light:var(--board-light);--sq-dark:var(--board-dark);aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.hero-board .xr-sq{aspect-ratio:1;background:var(--sq-light);position:relative}.hero-board .xr-sq[data-dark="1"]{background:var(--sq-dark)}.hero-board .xr-sq>svg{width:100%;height:100%}.hero-board .xr-sq>span{display:none}@media (max-width:860px){.hero,.hero[data-board="1"]{padding:var(--s-5);border-radius:var(--r-lg);grid-template-columns:1fr}.hero-board{max-width:240px}}@media (max-width:640px){.hero .ui-btn{width:100%}}.dash-head{gap:var(--s-3);margin-bottom:var(--s-6);flex-direction:column;display:flex}.dash-name{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-display);letter-spacing:var(--ls-display);margin:0}.dash-course{align-items:center;gap:var(--s-2) var(--s-5);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dash-course b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.dash-streak{align-items:center;gap:var(--s-2);display:inline-flex}.dash-streak-flame{width:22px;height:22px;color:var(--border-strong);place-items:center;display:inline-grid}.dash-streak-flame svg{width:100%;height:100%}.dash-streak[data-lit="1"] .dash-streak-flame{color:var(--text)}.dash-streak[data-lit="1"] .dash-streak-flame svg{fill:currentColor}.dash-streak-nudge{color:var(--muted)}.dash-next{isolation:isolate;gap:var(--s-7);padding:var(--s-7);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);border:1px solid var(--text);grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:center;display:grid;position:relative;overflow:hidden}.dash-next-dots{display:none}.dash-next-copy{align-items:flex-start;gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.dash-next-copy .ui-overline{color:var(--text)}.dash-next-title{font-size:calc(var(--fs-title) * 1.4);line-height:var(--lh-title);font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance;font-family:var(--font-display-stack);margin:0}.dash-next-prompt{max-width:44ch;font-size:var(--fs-body);line-height:var(--lh-body);text-wrap:pretty;margin:0}.dash-next-meta{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.dash-next-copy .ui-btn{margin-top:var(--s-3)}.dash-next-board{border-radius:var(--r-sm);border:1px solid var(--border-strong);padding:0;overflow:hidden}.dash-block{gap:var(--s-5);margin-top:var(--s-8);flex-direction:column;display:flex}.dash-block-head{gap:var(--s-1);flex-direction:column;display:flex}.dash-h2{font-size:calc(var(--fs-title) * 1.15);line-height:var(--lh-title);font-weight:var(--fw-title);letter-spacing:var(--ls-title);margin:0}.dash-block-lede{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);margin:0}.dash-mcs{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dash-mc:last-child:nth-child(odd){grid-column:1/-1}.dash-mc{align-items:center;gap:var(--s-5);padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);color:inherit;transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);text-decoration:none;display:flex}.dash-mc:hover{border-color:var(--text)}.dash-mc-board{width:120px;padding:var(--s-2);border-radius:var(--r);background:var(--panel);flex:0 0 120px;display:block}.dash-mc-board .xr-static,.dash-mc-board .board-frame-empty{border-radius:var(--r-xs);overflow:hidden}.dash-mc-body{align-items:flex-start;gap:var(--s-1);flex-direction:column;flex:1;min-width:0;display:flex}.dash-mc-title{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);font-weight:var(--fw-subtitle);letter-spacing:var(--ls-subtitle);text-wrap:balance}.dash-mc-tagline{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);text-wrap:pretty}.dash-mc-meter{width:100%;margin-top:var(--s-2)}.dash-mc-meter .ui-bar{--bar-h:var(--bar-h-lg)}.dash-mc-locked{border-style:dashed}.dash-mc-locked .dash-mc-board{position:relative}.dash-mc-locked .dash-mc-board .xr-static,.dash-mc-locked .dash-mc-board .board-frame-empty{filter:grayscale();opacity:.45}.dash-mc-locked .dash-mc-title{color:var(--muted)}.dash-mc-lock{color:var(--text);place-items:center;display:grid;position:absolute;inset:0}.dash-mc-lock svg{box-sizing:content-box;padding:var(--s-2);border-radius:var(--r-pill);background:var(--surface);box-shadow:0 1px 3px #0000002e}.dash-mc-plan{margin-top:var(--s-2);padding:2px var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-xs);font-size:var(--fs-caption);color:var(--text);font-weight:500}.dash-side{align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-caption);background:var(--panel);color:var(--text);font-weight:500;display:inline-flex}.dash-side[data-color=black]{background:var(--piece-black);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.dash-report{gap:var(--s-5);margin-top:calc(var(--s-9) + var(--s-6));padding-top:var(--s-8);border-top:1px solid var(--border);flex-direction:column;display:flex}.dash-report .dash-block-head .ui-overline{color:var(--muted)}.dash-report .ui-stat-value{font-size:var(--fs-metric)}.dash-report .ui-section{margin-top:var(--s-7)}.dash-report .ui-section>.ui-section-title,.dash-report .ui-section-head .ui-section-title{font-size:var(--fs-title)}.dash-report .hero .ui-btn[data-variant=primary]{background:var(--bg);color:var(--text);border-color:var(--border-strong)}.dash-report .hero .ui-btn[data-variant=primary]:hover{background:var(--panel)}@media (max-width:860px){.dash-next{gap:var(--s-5);padding:var(--s-5);border-radius:var(--r-lg);grid-template-columns:1fr}.dash-next-board{max-width:300px}.dash-mcs{grid-template-columns:1fr}.dash-mc:last-child:nth-child(odd){grid-column:auto}.dash-mc{gap:var(--s-4);padding:var(--s-3)}.dash-mc-board{flex-basis:96px;width:96px;padding:6px}}.openings{gap:var(--s-2);flex-direction:column;display:flex}.opening{align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-5);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface);color:inherit;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 4.5em minmax(0,140px);text-decoration:none;display:grid}a.opening{transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease)}a.opening:hover{border-color:var(--text)}.opening-main{flex-direction:column;gap:2px;min-width:0;display:flex}.opening-name{font-size:var(--fs-subtitle);font-weight:var(--fw-subtitle);letter-spacing:var(--ls-subtitle);overflow-wrap:anywhere}.opening-facts{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);text-wrap:pretty}.opening-score{font-size:var(--fs-subtitle);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:500}.scale{height:var(--bar-h-lg);border-radius:var(--r-pill);background:var(--panel-2);position:relative}.scale>i{display:block;position:absolute;top:0;bottom:0}.scale-mid{background:var(--border-strong);width:1px;left:50%}.scale-ref{background:var(--muted);opacity:.7;width:1px}.scale-fill{border-radius:var(--r-pill)}.scale-fill[data-tone=bad]{background:var(--bad)}.scale-fill[data-tone=good]{background:var(--good)}.scale-fill[data-tone=neutral]{background:var(--muted);opacity:.6}.opening-prog{min-width:0}.opening-prog .ui-meter{justify-content:flex-end}.opening-go{text-align:right;font-size:var(--fs-caption);color:var(--muted);display:block}a.opening:hover .opening-go{color:var(--text)}@media (max-width:860px){.opening{gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);grid-template-columns:minmax(0,1fr) 4.5em}.scale,.opening-prog{grid-column:1/-1}.opening-prog .ui-meter{justify-content:flex-start}}.dash .ui-stat{padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);gap:var(--s-2)}.dash .ui-stat-value{font-size:calc(var(--fs-metric) * 1.45);font-weight:500}.dash .ui-stat-label{font-weight:500}.dash .ui-stat-value.ui-tone-good:after,.dash .ui-stat-value.ui-tone-bad:after{content:"";width:var(--s-6);height:3px;margin-top:var(--s-2);border-radius:var(--r-pill);background:currentColor;display:block}.rates{gap:var(--s-2);flex-direction:column;display:flex}.rate{align-items:center;gap:var(--s-3);font-size:var(--fs-caption);grid-template-columns:minmax(64px,auto) 1fr auto;display:grid}.rate-label{color:var(--muted);overflow-wrap:anywhere}.rate[data-on="1"] .rate-label{color:var(--text);font-weight:500}.rate-num{font-variant-numeric:tabular-nums}.sound-toggle{width:var(--control-h-sm);height:var(--control-h-sm);border-radius:var(--r-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.sound-toggle:hover{color:var(--text);background:var(--panel)}.sound-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sound-toggle svg{width:18px;height:18px}.lesson-side{align-items:center;gap:var(--s-2);flex:none;display:flex}.runner-top .sound-toggle{flex:none}.read-check{background:var(--brand);width:56px;height:56px;color:var(--on-brand);border-radius:50%;place-items:center;margin:0 auto;font-size:30px;line-height:1;display:grid}.site-side{align-items:center;gap:var(--s-3);flex:none;display:flex}.streak-pill{align-items:center;gap:var(--s-1);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--text);font-weight:500;display:inline-flex}.streak-pill svg{width:16px;height:16px}.streak-pill[data-lit="1"]{color:var(--text);font-weight:500}.streak-pill[data-lit="1"] svg{fill:currentColor}.streak-card{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);margin-top:var(--s-4);border:1px solid var(--border);border-radius:var(--r);background:var(--panel);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);display:flex}.streak-card b{color:var(--text)}.streak-card-flame{color:var(--border-strong);flex:none;place-items:center;display:grid}.streak-card-flame svg{width:22px;height:22px}.streak-card[data-lit="1"] .streak-card-flame{color:var(--text)}.streak-card[data-lit="1"] .streak-card-flame svg{fill:currentColor}.course-banner{--cb-ink:var(--brand);--cb-paper:var(--on-brand);align-items:center;gap:var(--s-3) var(--s-4);margin:0 auto var(--s-5);max-width:var(--page-wide);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border-radius:var(--r-lg);background:var(--cb-ink);color:var(--cb-paper);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);flex-wrap:wrap;display:flex;position:relative}.course-banner-line{min-width:0;color:color-mix(in srgb, var(--cb-paper) 80%, transparent);text-wrap:pretty;flex:18rem;margin:0}.course-banner-name{display:none}.course-banner-line b{color:var(--cb-paper);font-weight:500}.course-banner-cta{align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-5);border-radius:var(--r-pill);background:var(--cb-paper);color:var(--cb-ink);white-space:nowrap;transition:background var(--dur-2) var(--ease);flex:none;font-weight:500;text-decoration:none;display:inline-flex}.course-banner-cta:hover{color:#000;background:#fff}.course-banner-cta:focus-visible,.course-banner-close:focus-visible{outline:2px solid var(--cb-paper);outline-offset:2px}.course-banner-close{width:32px;height:32px;color:color-mix(in srgb, var(--cb-paper) 72%, transparent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.course-banner-close:hover{background:color-mix(in srgb, var(--cb-paper) 12%, transparent);color:var(--cb-paper)}@media (max-width:640px){.course-banner{z-index:19;gap:var(--s-2);margin:calc(var(--s-5) * -1) calc(var(--page-gutter) * -1) var(--s-4);padding:var(--s-2) var(--s-2) var(--s-2) var(--page-gutter);font-size:var(--fs-caption);line-height:var(--lh-caption);border-radius:0;flex-wrap:nowrap;position:sticky;top:0}.course-banner-line{flex:auto}.course-banner[data-variant=demo] .course-banner-context,.course-banner[data-variant=partner] .course-banner-context{display:none}.course-banner[data-variant=demo] .course-banner-name,.course-banner[data-variant=partner] .course-banner-name{display:inline}.course-banner-line b{font-size:var(--fs-body-sm)}.course-banner-cta{min-height:36px;padding:0 var(--s-3);font-size:var(--fs-caption)}.course-banner-close{width:28px;height:28px;font-size:18px}}@media (prefers-reduced-motion:reduce){.course-banner-cta{transition:none}}.lesson-progress{align-items:center;gap:var(--s-3);display:flex}.lesson-progress .ui-bar{flex:1}.lesson-progress .lesson-count{font-size:var(--fs-caption);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.lesson-nav .lesson-retry{flex:1}.debrief-step{gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);flex-direction:column;display:flex}.debrief-step[data-tone=good]{background:var(--surface);border-color:var(--border-strong)}.debrief-step[data-tone=bad]{background:color-mix(in srgb, var(--bad) 6%, var(--panel))}.debrief-step[data-tone=bad] .debrief-tag{color:var(--bad)}.debrief-step[data-tone=good] .debrief-tag{color:var(--good)}.debrief-step[data-tone=neutral] .debrief-tag{color:var(--muted)}.debrief-step-top{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.debrief-step .debrief-head{margin:0}.debrief-step .debrief-time{font-size:var(--fs-caption);line-height:var(--lh-caption);margin:0}.debrief-dots{gap:6px;display:inline-flex}.debrief-dots button{background:var(--border-strong);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0}.debrief-dots button[data-on="1"]{background:var(--brand);border-radius:4px;width:18px}.debrief-more,.debrief-replay{font:inherit;font-size:var(--fs-body-sm);color:var(--muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.debrief-replay{text-decoration:none}.debrief-replay[data-active="1"]{color:var(--text)}.debrief-step-nav{justify-content:space-between;align-items:center;gap:var(--s-2);margin-top:var(--s-1);display:flex}@media (max-width:860px){.lesson[data-done="1"]{grid-template-areas:"top""head""explain""board""progress""all""nav"}.lesson[data-done="1"] .lesson-prompt{display:none}.lesson[data-done="1"] .lesson-explain{margin:var(--s-3) 0 var(--s-3);padding-bottom:0}.lesson-context{font-size:var(--fs-caption);line-height:var(--lh-caption)}.lesson .clock{padding:2px var(--s-1);min-height:0}.lesson-board{gap:var(--s-1)}}.debrief-links{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:inline-flex}@media (max-width:860px){.debrief-foot{justify-content:flex-start;gap:var(--s-3)}.debrief-foot .ui-btn{min-height:0;font-size:var(--fs-caption);color:var(--muted);text-underline-offset:2px;background:0 0;padding:0;text-decoration:underline}.lesson[data-done="1"] .lesson-explain .debrief{gap:var(--s-2)}.site-header[data-course="1"]{position:relative;transform:none}}.runner-progress{margin-top:var(--s-2)}.runner-top{justify-content:space-between}.dash-tactics-none{margin:var(--s-3) 0 0;font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted)}.dash-tactics-none a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.runner-tools{align-items:center;gap:var(--s-2);margin-left:auto;display:inline-flex}.voice{justify-content:flex-end;align-items:center;gap:var(--s-2);flex-wrap:wrap;display:inline-flex}.voice-btn{min-height:36px;padding:0 var(--s-3);border:1px solid var(--text);background:var(--bg);color:var(--text);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;border-radius:999px;align-items:center;gap:6px;font-weight:500;display:inline-flex}.voice-btn[data-on]{background:var(--brand);color:var(--on-brand)}.voice-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.voice-speed.ui-seg>button{min-height:30px;padding:0 var(--s-2);font-size:var(--fs-caption)}@media (max-width:640px){.runner-top{flex-wrap:wrap}.voice{flex-direction:row-reverse}.voice-speed{order:2}}.notfound{align-items:flex-start;gap:var(--s-3);max-width:920px;padding:var(--s-8) var(--page-gutter);flex-direction:column;margin:0 auto;display:flex}.notfound-title{font-family:var(--font-display-stack);font-size:var(--fs-display);letter-spacing:var(--ls-display);color:var(--text);text-wrap:balance;margin:0;font-weight:500;line-height:1.08}.notfound-body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);text-wrap:pretty;margin:0}.notfound-actions{gap:var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.dash-top10{gap:var(--s-7);padding:var(--s-8,var(--s-7));border-radius:var(--r-lg);--on-ink:var(--text);background:var(--surface);box-shadow:inset 0 0 0 2px var(--halo-soft);color:var(--on-ink);margin-bottom:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;display:grid}.dash-top10[data-pending]{grid-template-columns:minmax(0,1fr)}.dash-top10-copy{align-items:flex-start;gap:var(--s-3);flex-direction:column;min-width:0;display:flex}.dash-top10-copy .ui-overline{color:var(--on-ink);opacity:.7}.dash-top10-title{font-family:var(--font-display-stack);font-size:calc(var(--fs-title) * 1.8);line-height:1.05;font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance;margin:0}.dash-top10-lede{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);opacity:.8;font-variant-numeric:tabular-nums;margin:0}.dash-top10-bar{gap:4px;width:min(100%,420px);display:flex}.dash-top10-bar i{background:color-mix(in srgb, var(--on-ink) 22%, transparent);border-radius:3px;flex:1;height:6px}.dash-top10-bar i[data-on]{background:var(--on-ink)}.dash-top10-cta.ui-btn[data-variant=primary]{margin-top:var(--s-2)}.dash-top10-cta.ui-btn[data-variant=primary]:hover{opacity:.9}.dash-top10-board{border-radius:var(--r-sm);position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.dash-top10-next{top:var(--s-2);left:var(--s-2);padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--brand);color:var(--on-brand);font-size:var(--fs-caption);font-weight:500;position:absolute}@media (max-width:760px){.dash-top10{gap:var(--s-5);padding:var(--s-5);grid-template-columns:minmax(0,1fr)}.dash-top10-title{font-size:calc(var(--fs-title) * 1.25)}.dash-top10-cta{align-self:stretch}}.dash-next-with{font-size:var(--fs-caption);opacity:.7}.dash-next-all{color:var(--on-ink);font-size:var(--fs-body);font-weight:500}.dash-next-all:hover{color:var(--on-ink);opacity:.85}.top10-sort{align-items:center;gap:var(--s-3);display:flex}.top10-sort-label{font-size:var(--fs-caption);color:var(--muted);font-weight:500}.top10-upsell{margin:var(--s-4) 0 0;font-size:var(--fs-body)}.top10-upsell a{color:var(--text);text-underline-offset:3px;font-weight:500;text-decoration:underline}main:has(.t10-reel:not(.t10-embed)){padding:0}@media (max-width:640px){main:has(.t10-reel:not(.t10-embed)) .course-banner{margin:0 0 var(--s-2)}}.t10-reel{--t10-h:calc(100svh - var(--control-h) - var(--s-3) - var(--s-2));height:var(--t10-h);overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;overflow-y:auto}.t10-reel::-webkit-scrollbar{display:none}.t10-reel{position:relative}.t10-embed{--t10-h:min(700px, calc(100svh - 120px));scroll-snap-type:none;overscroll-behavior-y:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);overflow:hidden}.t10-embed .t10-slide{gap:var(--s-3);height:100%;min-height:0;padding:var(--s-4)}.t10-embed .t10-head{width:100%;min-width:0}.t10-embed .t10-panel{width:calc(100% + 8px);min-width:0}.t10-embed .t10-slide[data-answered] .t10-kicker,.t10-embed .t10-slide[data-answered] .t10-kicker-sub,.t10-embed .t10-slide[data-answered] .t10-lead{display:none}@media (max-height:700px){.t10-kicker-sub{display:none}}@media (max-width:999px){.t10-slide[data-answered] .t10-kicker,.t10-slide[data-answered] .t10-kicker-sub,.t10-slide[data-answered] .t10-lead{display:none}}.t10-embed .t10-board{--t10-bs:min(calc(100cqw - 2 * var(--s-4)), max(150px, calc(var(--t10-h) - 330px)));justify-content:center;width:100%;display:flex;container-type:size}.t10-embed .t10-board .board-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.t10-embed .t10-panel{gap:var(--s-2)}.t10-embed .t10-remember{padding:var(--s-2) var(--s-3);font-size:var(--fs-body-sm)}.t10-embed .t10-end{justify-content:center}.t10-dots button{background:var(--border);cursor:pointer;background-clip:content-box;border:0;border-radius:2px;flex:1;height:16px;padding:6px 0}.t10-dots button[data-on]{background-color:var(--brand)}.t10-slide{height:var(--t10-h);scroll-snap-align:start;scroll-snap-stop:always;align-items:center;gap:var(--s-4);padding:var(--s-4) max(var(--page-gutter), 20px) calc(var(--s-6) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;overflow:hidden}.t10-head,.t10-board,.t10-panel{width:min(100%,560px)}.t10-head{flex:none}.t10-slide{container-type:inline-size}.t10-gift-pay .t10-board{--t10-bs:min(calc(100cqw - 2 * max(var(--page-gutter), 20px)), 420px, max(120px, calc(var(--t10-h) - 520px)))}.t10-gift-pay .t10-upsell{width:100%;max-width:560px}.t10-board{--t10-bs:min(calc(100cqw - 2 * max(var(--page-gutter), 20px)), 560px, max(150px, calc(var(--t10-h) - 360px)));height:var(--t10-bs);flex:none;justify-content:center;min-height:0;display:flex;container-type:size}.t10-board .board-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.t10-board-idle{aspect-ratio:1;width:100%}.t10-panel{scrollbar-width:thin;box-sizing:border-box;flex:1 1 0;width:calc(min(100%,560px) + 8px);min-height:0;margin-inline:-4px;padding:4px;overflow-y:auto}.t10-panel .t10-actions{padding-block:var(--s-2);background:var(--bg);position:sticky;bottom:0}.t10-embed .t10-panel .t10-actions{background:var(--surface);justify-content:flex-end}@media (max-width:860px){.t10-reel:not(.t10-embed) .t10-slide{gap:var(--s-3);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px))}}.t10-head{gap:var(--s-2);display:grid}@media (min-width:1000px){.t10-reel:not(.t10-embed) .t10-slide{--t10-board:min(calc(var(--t10-h) - var(--s-4) - var(--s-6)), 640px);grid-template-columns:minmax(0, var(--t10-board)) minmax(340px, 560px);place-content:start center;align-items:start;column-gap:var(--s-7);row-gap:var(--s-3);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"board head""board panel";display:grid}.t10-reel:not(.t10-embed) .t10-board{width:100%;height:var(--t10-board);grid-area:board;min-height:0}.t10-reel:not(.t10-embed) .t10-head{grid-area:head;width:100%}.t10-reel:not(.t10-embed) .t10-panel{align-content:start;align-self:stretch;gap:var(--s-2);grid-area:panel;width:calc(100% + 8px)}.t10-reel:not(.t10-embed) .t10-remember{padding:var(--s-2) var(--s-3)}.t10-reel:not(.t10-embed) .t10-panel .t10-actions{padding-block:var(--s-1)}.t10-reel:not(.t10-embed) .t10-end{align-items:center;display:flex}}@media (min-width:1000px) and (max-height:720px){.t10-reel:not(.t10-embed) .t10-slide[data-answered] .t10-kicker{display:none}}.t10-wrap{position:relative}.t10-steps{display:none}@media (min-width:861px) and (hover:hover) and (pointer:fine){.t10-steps{z-index:5;right:max(var(--page-gutter), 12px);bottom:var(--s-3);gap:var(--s-1);display:flex;position:absolute}}.t10-step{width:32px;height:32px;color:var(--muted);opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.t10-step:hover:not(:disabled){opacity:1;color:var(--text);background:var(--surface)}.t10-step:disabled{opacity:.2;cursor:default}.t10-share-slot{z-index:5;top:var(--s-3);width:min(560px, calc(100% - 2 * max(var(--page-gutter), 20px)));pointer-events:none;justify-content:flex-end;display:flex;position:absolute;left:50%;transform:translate(-50%)}.t10-share-slot>*{pointer-events:auto}@media (min-width:1000px){.t10-wrap:not(:has(.t10-embed)) .t10-share-slot{--t10-h:calc(100svh - var(--control-h) - var(--s-3) - var(--s-2));width:min(calc(min(calc(var(--t10-h) - var(--s-4) - var(--s-6)), 640px) + var(--s-7) + 420px), calc(100% - 2 * max(var(--page-gutter), 20px)));top:5px}.t10-wrap:has(.t10-share-slot .genius-share) .t10-reel:not(.t10-embed) .t10-dots{margin-right:40px}}.t10-share-slot{gap:var(--s-2);align-items:center}.t10-close{width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;display:none}.t10-close:hover{color:var(--text)}@media (max-width:860px){.site-header[data-focus]{display:none}.t10-close{display:grid}.t10-reel[data-close] .t10-slide{padding-top:calc(var(--s-3) + 44px)}:root:has(.site-header[data-focus]) .t10-reel:not(.t10-embed){--t10-h:calc(100svh - var(--s-2))}}.t10-end-share{margin-top:var(--s-4);justify-content:center;display:flex}.t10-on-us{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel);font-size:var(--fs-caption);line-height:var(--lh-caption);margin:0}.t10-on-us a{white-space:nowrap;font-weight:500}.t10-slide[data-answered] .t10-on-us{display:none}.t10-intro{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm,1.4);color:var(--muted);margin:0}.t10-slide[data-answered] .t10-intro{display:none}.t10-kicker{font-size:var(--fs-body-sm);color:var(--muted);margin:0;font-weight:500}.t10-shared .t10-slide{padding-top:calc(var(--s-5) + env(safe-area-inset-top,0px))}.t10-share-btn{align-items:center;gap:var(--s-1);min-height:32px;padding:0 var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-caption);cursor:pointer;flex:none;font-weight:500;display:inline-flex}.t10-sheet-bg{z-index:100;background:#0c101c6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.t10-sheet{gap:var(--s-3);width:min(100%,480px);padding:var(--s-5) max(var(--page-gutter), 20px) calc(var(--s-5) + env(safe-area-inset-bottom,0px));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface-float);box-shadow:var(--shadow-2);display:grid}@media (min-width:560px){.t10-sheet-bg{align-items:center}.t10-sheet{border-radius:var(--r-lg)}}.t10-sheet-title{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);margin:0}.t10-sheet-body,.t10-sheet-note{color:var(--muted);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin:0}.t10-sheet-check{align-items:center;gap:var(--s-2);min-height:var(--tap-min);font-size:var(--fs-body-sm);display:flex}.t10-sheet-check input{width:20px;height:20px;accent-color:var(--text)}.t10-sheet-url{width:100%;min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--panel);color:var(--text);font:inherit;font-size:var(--fs-caption)}.t10-sheet-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.t10-sheet-error{color:var(--bad);font-size:var(--fs-body-sm);margin:0}.t10-sheet-revoke,.t10-sheet-close{min-height:var(--tap-min);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.t10-sheet-revoke{color:var(--bad)}.t10-sheet-close{color:var(--muted);justify-self:center}.t10-dots{margin-bottom:var(--s-2);gap:4px;display:flex}.t10-dots i{background:var(--border);border-radius:2px;flex:1;height:3px}.t10-dots i[data-on]{background:var(--brand)}.t10-dots i[data-result=right],.t10-dots button[data-result=right]{background-color:var(--good)}.t10-dots i[data-result=missed],.t10-dots button[data-result=missed]{background-color:var(--bad)}.t10-score{justify-items:center;gap:var(--s-2);text-align:center;width:min(100%,560px);display:grid}.t10-score-figure{font-family:var(--font-display-stack);letter-spacing:-.03em;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(4rem,14vw,7rem);line-height:1}.t10-score-figure b{color:var(--text)}.t10-score[data-verdict=perfect] .t10-score-figure b{color:var(--good)}.t10-score-line{font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);text-wrap:balance;margin:0;font-weight:500}.t10-score-best{font-size:var(--fs-body-sm);color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.t10-score-actions{justify-content:center;align-items:center;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.t10-end .t10-score+.t10-upsell{margin-top:var(--s-6)}.t10-title{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);text-wrap:balance;margin:0}.t10-title .chess-token{font:inherit}.t10-lead{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.t10-stats{gap:var(--s-2);margin:var(--s-1) 0 0;flex-wrap:wrap;display:flex}.t10-stats span{padding:2px var(--s-3);border-radius:var(--r-pill);background:color-mix(in srgb, var(--bad) 10%, transparent);color:var(--bad);font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;font-weight:500}.t10-ask[data-intro=played] .t10-prompt{color:var(--bad)}.t10-ask{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.t10-prompt{transition:color var(--dur-2) var(--ease);font-size:var(--fs-subtitle);line-height:var(--lh-subtitle);margin:0;font-weight:500}.t10-board .board-frame{box-shadow:var(--shadow-2)}.t10-panel{gap:var(--s-3);display:grid}.t10-verdict{font-weight:500;font-size:var(--fs-body);margin:0}.t10-verdict[data-state=right]{color:var(--good)}.t10-verdict[data-state=wrong]{color:var(--bad)}.t10-tried{gap:var(--s-1);display:grid}.t10-verdict-row{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.t10-replay{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-4px 0;padding:0;display:grid}.t10-replay:hover{color:var(--text)}.t10-replay:disabled{opacity:.4;cursor:default}.t10-replay[aria-pressed=true]{color:var(--text)}.t10-controls{flex:none;gap:2px;display:flex}.t10-ask-actions{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}@media (pointer:coarse){.t10-controls .t10-replay,.t10-ask-actions .t10-replay{width:40px;height:40px;margin:-8px 0}}.t10-swap{align-items:center;gap:var(--s-2);min-width:0;font-size:var(--fs-body);line-height:var(--lh-body-sm);flex-wrap:wrap;margin:0;display:flex}.t10-swap-move{padding:1px var(--s-3);border-radius:var(--r-pill);background:var(--panel-2);font-weight:500}.t10-swap-move[data-kind=bad]{background:color-mix(in srgb, var(--bad) 10%, transparent);color:var(--bad);text-decoration:line-through;text-decoration-thickness:2px}.t10-swap-move[data-kind=good]{background:color-mix(in srgb, var(--good) 12%, transparent);color:var(--good)}.t10-swap-arrow{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.t10-coach,.t10-remember{font-size:var(--fs-body);line-height:var(--lh-body-sm);text-wrap:pretty;margin:0}.t10-remember{padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border)}.t10-remember b{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:block}.t10-remember p{margin:0}.t10-remember p+p{margin-top:var(--s-2)}.t10-next:disabled{opacity:.45;cursor:default}.t10-actions{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-1);display:flex}.t10-link,.t10-next{min-height:var(--tap-min);font:inherit;font-size:var(--fs-body-sm);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.t10-link:disabled{opacity:.45;cursor:default}.t10-next{padding:0 var(--s-4);border-radius:var(--r-pill);background:var(--brand);color:var(--on-brand);font-weight:500}.t10-end{justify-content:center}.t10-upsell{gap:var(--s-3);width:min(100%,520px);padding:var(--s-5);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border);justify-items:start;display:grid}.t10-upsell p{color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-body-sm);margin:0}.t10-by-over{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.t10-by-opening{grid-template-columns:minmax(0,1fr);justify-items:stretch}.t10-by-opening .t10-title{overflow-wrap:anywhere;margin:0}.t10-by-list{gap:var(--s-2);width:100%;margin:0;padding:0;list-style:none;display:grid}.t10-by-list li{gap:4px var(--s-3);font-size:var(--fs-body);grid-template-columns:1fr auto;display:grid}.t10-by-name{min-width:0;font-weight:500}.t10-by-count{color:var(--muted);font-size:var(--fs-caption);align-self:center}.t10-by-bar{border-radius:var(--r-pill);background:var(--border);grid-column:1/-1;height:6px;overflow:hidden}.t10-by-bar>span{border-radius:inherit;background:var(--accent);height:100%;display:block}.t10-by-plans{gap:var(--s-2);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.t10-by-plans>.ui-btn{justify-self:stretch}.t10-by-note{color:var(--muted);font-size:var(--fs-caption);text-align:center}.t10-by-later{font-size:var(--fs-caption);color:var(--muted);justify-self:center}.t10-kicker-sub{color:var(--muted);font-size:var(--fs-caption);margin:0}.t10-stats .t10-tc{background:var(--panel);color:var(--text);text-transform:capitalize;font-weight:500}.notfound-signin{justify-content:space-between;align-items:center;gap:var(--s-3);width:100%;max-width:600px;margin-top:var(--s-2);padding:var(--s-4);border:1px solid var(--border-strong);background:var(--surface);border-radius:16px;flex-wrap:wrap;display:flex}.notfound-signin p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);flex:260px;margin:0}.notfound-signin b{color:var(--text)}.notfound-title,.notfound-body{max-width:600px}.nf-lg{--display:var(--font-display-stack);--label:var(--font-sans-stack);--gold:var(--accent-text);--ink-lg:var(--text);--muted-lg:var(--muted);isolation:isolate;width:100%;margin-top:var(--s-2);color:var(--ink-lg);font-family:var(--font-sans-stack);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-template-areas:"copy play""cta play";align-items:center;gap:28px 40px;padding:56px 52px;display:grid;position:relative;overflow:hidden}.notfound:has(.nf-lg){max-width:1120px}.nf-lg-copy{flex-direction:column;grid-area:copy;align-self:end;gap:14px;display:flex}.nf-lg .ui-overline{font-family:var(--label);letter-spacing:var(--ls-overline,.08em);color:var(--gold);font-weight:500}.nf-lg-title{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(36px,4.2vw,52px);font-weight:500;line-height:1.02}.nf-lg-title em{color:var(--gold);font-style:normal;font-weight:500;display:block}.nf-lg-body{max-width:46ch;color:var(--muted-lg);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.nf-lg-cta{flex-direction:column;grid-area:cta;align-self:start;align-items:flex-start;gap:12px;display:flex}.nf-lg-play{font-family:var(--label);color:var(--on-brand);background:var(--brand);border-radius:999px;align-items:center;gap:10px;padding:13px 26px;font-size:17px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.nf-lg-play span{transition:transform .2s}.nf-lg-play:hover{transform:translateY(-1px)}.nf-lg-play:hover span{transform:translate(4px)}.nf-lg-play:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.nf-lg-rule{font-family:var(--label);color:var(--muted-lg);margin:0;font-size:14px;font-weight:500}.nf-play{background:0 0;grid-area:play;min-height:0;padding:0;font-size:15px}.nf-play .lg-wrap{max-width:none}.nf-play .st-room{padding-block:0}.nf-play .st-phone{height:min(700px,100svh - 80px);min-height:600px}@media (max-width:760px){.nf-lg{border-radius:22px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""play""cta";row-gap:18px;padding:32px 20px 28px}.nf-lg-body{font-size:16px}.nf-lg{padding-inline:12px}.nf-lg-copy,.nf-lg-cta{padding-inline:8px}.nf-lg-cta{text-align:center;align-items:stretch}.nf-lg-play{justify-content:center}}@media (prefers-reduced-motion:reduce){.nf-lg-play,.nf-lg-play span{transition:none}}.genius .t10-title .genius-bang{font-family:var(--font-mono), ui-monospace, monospace;color:var(--good);margin-left:1px;font-weight:500}.genius .t10-dots i[data-on]:not([data-result]){background:var(--good)}.genius-game{color:var(--muted);font-size:var(--fs-body-sm);margin:0}.dash-genius{align-items:center;gap:var(--s-4);margin:0 0 var(--s-6);padding:var(--s-4) var(--s-5);border:1px solid color-mix(in srgb, var(--good) 22%, transparent);border-radius:var(--r-lg);background:color-mix(in srgb, var(--good) 6%, var(--bg));color:var(--text);transition:border-color var(--dur-2), background var(--dur-2);text-decoration:none;display:flex}.dash-genius:hover{border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 10%, var(--bg))}.dash-genius:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dash-genius-mark{background:var(--good);width:52px;height:52px;color:var(--on-state);font-family:var(--font-display-stack);border-radius:14px;flex:none;grid-auto-flow:column;justify-content:center;place-items:center;font-size:32px;font-weight:500;line-height:1;display:grid}.dash-genius-mark i{font-style:normal}.dash-genius-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash-genius-title{font-family:var(--font-display-stack);font-size:var(--fs-title);line-height:1.15;font-weight:var(--fw-title);letter-spacing:var(--ls-title);text-wrap:balance}.dash-genius-lede{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);text-wrap:pretty}.dash-genius-go{background:var(--good);width:40px;height:40px;color:var(--on-state);transition:transform var(--dur-2);border-radius:50%;flex:none;place-items:center;font-size:18px;display:grid}.dash-genius:hover .dash-genius-go{transform:translate(3px)}@media (max-width:520px){.dash-genius{gap:var(--s-3);padding:var(--s-3) var(--s-4)}.dash-genius-mark{border-radius:12px;width:44px;height:44px;font-size:27px}.dash-genius-go{width:34px;height:34px}}.genius-vs{margin-top:var(--s-1);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--muted);text-wrap:pretty;font-weight:500;display:block}.t10-board-eval{align-self:flex-start;position:relative}.eval-bar{outline:1px solid var(--border-strong);background:#312e2b;border-radius:3px;width:12px;position:absolute;top:0;bottom:0;right:calc(100% + 6px);overflow:hidden}.eval-bar-white{background:#f4f4f0;transition:height .45s;position:absolute;bottom:0;left:0;right:0}.eval-bar[data-orientation=black] .eval-bar-white{top:0;bottom:auto}.eval-bar-label{font-family:var(--font-mono), ui-monospace, monospace;text-align:center;writing-mode:vertical-rl;padding:3px 0;font-size:8px;font-weight:500;line-height:1;position:absolute;left:-1px;right:-1px;transform:rotate(180deg)}.eval-bar[data-orientation=white] .eval-bar-label[data-side=white],.eval-bar[data-orientation=black] .eval-bar-label[data-side=black]{bottom:0}.eval-bar[data-orientation=white] .eval-bar-label[data-side=black],.eval-bar[data-orientation=black] .eval-bar-label[data-side=white]{top:0}.eval-bar-label[data-side=white]{color:#312e2b}.eval-bar-label[data-side=black]{color:#f4f4f0}.t10-live{font-size:var(--fs-body-sm);color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.genius-share{position:relative}.genius-share-pop{top:calc(100% + var(--s-1));gap:var(--s-2);width:220px;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-xs);background:var(--surface-float);box-shadow:var(--shadow-2);display:grid;position:absolute;right:0}.genius-share-title{display:none}@media (max-width:860px){.genius-share-backdrop{z-index:100;background:#16213a73;position:fixed;inset:0}.genius-share-pop{z-index:101;gap:var(--s-3);width:auto;padding:var(--s-4) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-3);border:0;border-radius:20px 20px 0 0;position:fixed;inset:auto 0 0}.genius-share-title{text-align:center;margin:0;font-weight:500;display:block}.genius-share-to{min-height:52px;font-size:var(--fs-body)}}.genius-share-to{justify-content:center;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-3);font:inherit;font-size:var(--fs-body-sm);color:var(--text);cursor:pointer;border:0;border-radius:999px;font-weight:500;display:flex}.genius-share-to:disabled{cursor:default;opacity:.75}.genius-share-to[data-to=x]{background:#000}.genius-share-to[data-to=instagram]{background:linear-gradient(45deg,#feda75,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5)}.genius-share-to[data-to=tiktok]{background:#010101}.genius-share-to[data-to=tiktok] svg{filter:drop-shadow(-1.5px -1px #25f4ee)drop-shadow(1.5px 1px #fe2c55)}.genius-share-note{font-size:var(--fs-body-sm);color:var(--muted);margin:0}.play-lines{gap:var(--s-2);margin-top:var(--s-2);flex-direction:column;display:flex}.play-line{align-items:flex-start;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel);font-size:var(--fs-body-sm);cursor:pointer;display:flex}.play-lines-bare .play-line{font-size:inherit;background:0 0;border:0;align-items:center;padding:0}.play-line:hover{border-color:var(--border-strong)}.play-line[data-on]{border-color:var(--border-strong);background:var(--surface)}.play-line-go{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.play-line-text{color:var(--text);margin:0;line-height:1.7}.play-line-move{color:var(--text);font:inherit;font-family:var(--font-mono-stack);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 2px;font-weight:500}.play-line-move[data-now]{background:var(--brand);color:var(--on-brand)}.play-line-c{color:var(--muted)}.t10-replay[data-glow]{color:var(--good);background:color-mix(in srgb, var(--good) 12%, transparent);animation:1.8s ease-in-out infinite voice-glow}@keyframes voice-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 45%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--good) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.t10-replay[data-glow]{box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 30%, transparent);animation:none}}.voice-hint{z-index:60;gap:var(--s-3);width:min(300px,100vw - 32px);padding:var(--s-3) var(--s-4) var(--s-3) var(--s-3);border-radius:var(--r-lg);--on-ink:var(--text);background:var(--surface-float);box-shadow:inset 0 0 0 1px var(--border-strong), var(--shadow-3);color:var(--on-ink);text-align:left;animation:voice-hint-in var(--dur-3) ease-out both;display:flex;position:fixed}.voice-hint:before{content:"";top:-6px;left:calc(var(--tail) - 6px);background:var(--surface-float);border-radius:2px;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.voice-hint[data-above]{animation-name:voice-hint-up;transform:translateY(-100%)}.voice-hint[data-above]:before{top:auto;bottom:-6px}.voice-hint[data-pinned]:before{display:none}@keyframes voice-hint-up{0%{opacity:0;transform:translateY(calc(4px - 100%))}to{opacity:1;transform:translateY(-100%)}}@keyframes voice-hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.voice-hint{animation:none}}.voice-hint-icon{background:var(--good);width:34px;height:34px;color:var(--on-state);border-radius:50%;flex:none;place-items:center;display:grid}.voice-hint-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.voice-hint-title{font-size:var(--fs-body);font-weight:500;line-height:1.3}.voice-hint-body{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:color-mix(in srgb, var(--on-ink) 78%, transparent);text-wrap:pretty}.voice-hint-actions{align-items:center;gap:var(--s-1) var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.voice-hint-on{background:var(--on-ink);color:var(--text);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;border:0;border-radius:999px;padding:7px 14px;font-weight:500}.voice-hint-on:hover{background:var(--brand);color:var(--on-brand)}.voice-hint-later{color:color-mix(in srgb, var(--on-ink) 70%, transparent);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;background:0 0;border:0;padding:7px 4px}.voice-hint-later:hover{color:var(--on-ink)}.voice-hint button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.t10-panel{counter-reset:t10-step}.t10-panel .play-line-text>b:first-child{counter-increment:t10-step}.t10-panel .play-line-text>b:first-child:before{content:counter(t10-step) ". "}.t10-panel .t10-remember{border-color:color-mix(in srgb, var(--good) 35%, var(--border));background:color-mix(in srgb, var(--good) 7%, var(--panel))}.t10-panel .t10-remember>b{color:var(--good)}.t10-panel .t10-remember p{color:var(--text);font-weight:500}@media (max-width:999px){.t10-reel:not(.t10-embed) .t10-slide:not(.t10-gift-pay) .t10-board{--t10-bs:min(calc(100cqw - 2 * max(var(--page-gutter), 20px)), 560px, max(150px, calc(var(--t10-h) - 500px)))}.t10-embed .t10-slide:not(.t10-gift-pay) .t10-board{--t10-bs:min(calc(100cqw - 2 * var(--s-4)), max(150px, calc(var(--t10-h) - 500px)))}.t10-slide[data-answered] .t10-panel .play-lines{gap:6px}.t10-slide[data-answered] .t10-panel .play-line-text{line-height:1.45}.t10-slide[data-answered] .t10-panel .play-line-text>span:has(>.play-line-move){display:none}.t10-slide[data-answered] .t10-panel .t10-remember{padding:6px 10px}.t10-slide[data-answered] .t10-panel .t10-actions{padding-block:4px}}
*,:before,:after{box-sizing:border-box}body{background:var(--bg);font-size:var(--fs-body);line-height:var(--lh-body);flex-direction:column;min-height:100dvh;margin:0;display:flex}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}main{width:100%;max-width:var(--page-max);padding:var(--s-5) var(--page-gutter) var(--s-8);flex:1;margin:0 auto}main[data-width=narrow]{max-width:var(--page-narrow)}main[data-width=form]{gap:var(--s-3);flex-direction:column;max-width:340px;padding-top:12vh;display:flex}@media (max-width:860px){main{padding-bottom:var(--s-9)}}h1,h2,h3{font-weight:var(--fw-title);margin:0}p{text-wrap:pretty;margin:0}a{color:inherit;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}b,strong,th{font-weight:500}small{font-size:var(--fs-caption);line-height:var(--lh-caption)}button{font:inherit}img,svg{max-width:100%;display:block}.xr-impersonation{inset:auto var(--s-3) var(--s-3) auto;z-index:38;max-width:calc(100vw - 2 * var(--s-3));align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-3);border-radius:var(--r);background:var(--warn);color:var(--on-state);font-size:var(--fs-body-sm);box-shadow:var(--shadow-2);display:flex;position:fixed}.xr-impersonation-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.xr-impersonation button{min-height:var(--tap-min);padding:0 var(--s-3);border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;font-weight:500}.board-frame:not(.board-frame-empty),.hero-board .xr-vis-frame,.deck-board .xr-static,.blog-board .xr-static,.blog-quiz-frame .board-frame{border-radius:var(--r-sm);box-shadow:var(--glow-board);border:0}html body{background:var(--fx-aurora), var(--bg);color:var(--text);background-repeat:no-repeat}
