@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #f6f5f2;--surface: #ffffff;--sunken: #edece7;--raised: #ffffff;--ink: #1a1917;--ink-2: #57544e;--ink-3: #6a6760;--line: #e4e2dc;--line-strong: #d1cec6;--cell: #e5e3dc;--accent: #dc4410;--on-ink: #f6f5f2;--danger: #a8341d;--danger-bg: #f8ebe6;--mark-tile: #1a1917;--mark-cell: #5e5a53;--shadow-pop: 0 1px 2px rgb(26 25 23 / .06), 0 18px 56px rgb(26 25 23 / .16);--shadow-chip: 0 1px 2px rgb(26 25 23 / .1);--font: "Instrument Sans Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--gutter: 24px;--board: clamp(232px, min( calc(100vw - 32px) , calc(100svh - 418px) ), 384px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #121211;--surface: #1b1a18;--sunken: #0d0d0c;--raised: #2c2b28;--ink: #edebe6;--ink-2: #aaa79f;--ink-3: #8f8c85;--line: #2a2926;--line-strong: #3b3a36;--cell: #242320;--accent: #ff6a2e;--on-ink: #121211;--danger: #f19a82;--danger-bg: #2b1a15;--mark-tile: #2a2926;--mark-cell: #625e57;--shadow-pop: 0 0 0 1px #2e2d2a, 0 24px 64px rgb(0 0 0 / .5);--shadow-chip: 0 0 0 1px #3b3a36}}:root[data-theme=dark]{color-scheme:dark;--bg: #121211;--surface: #1b1a18;--sunken: #0d0d0c;--raised: #2c2b28;--ink: #edebe6;--ink-2: #aaa79f;--ink-3: #8f8c85;--line: #2a2926;--line-strong: #3b3a36;--cell: #242320;--accent: #ff6a2e;--on-ink: #121211;--danger: #f19a82;--danger-bg: #2b1a15;--mark-tile: #2a2926;--mark-cell: #625e57;--shadow-pop: 0 0 0 1px #2e2d2a, 0 24px 64px rgb(0 0 0 / .5);--shadow-chip: 0 0 0 1px #3b3a36}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.2}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}button{margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}abbr[title]{text-decoration:none}svg{flex-shrink:0}[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.key{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:7px;background:var(--surface);color:var(--ink-2);font-family:inherit;font-size:12px;font-weight:600;line-height:1;letter-spacing:.01em}.key-on-ink{border-color:color-mix(in srgb,var(--on-ink) 28%,transparent);background:transparent;color:color-mix(in srgb,var(--on-ink) 72%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 20px;border-radius:var(--r-md);font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none;transition:background-color .15s,box-shadow .15s,color .15s}.btn:active:not(:disabled){translate:0 1px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 86%,var(--bg))}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn-secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink-3)}.btn-quiet{color:var(--ink-2);font-weight:500}.btn-quiet:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.btn-danger{background:var(--danger);color:var(--bg)}.btn-compact{height:40px;padding:0 16px;font-size:14px}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--ink-2)}.icon-button:hover{background:var(--sunken);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:14px;font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}.app{min-height:100svh;display:flex;flex-direction:column}.topbar,.app-footer{width:100%;max-width:1200px;margin:0 auto;padding-inline:var(--gutter)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.mark{display:block}.mark-tile{fill:var(--mark-tile)}.mark-cell{fill:var(--mark-cell)}.mark-lit{fill:#ff6a2e}.brand-name{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1;white-space:nowrap}.topbar-nav{display:flex;gap:2px;margin-right:-10px}.nav-button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:10px;color:var(--ink-2);font-size:14px;font-weight:500;text-decoration:none}.nav-button:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.nav-button:disabled{opacity:.45}.in-session .topbar-nav,.in-session .app-footer{visibility:hidden}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px 12px}.app-footer{display:flex;justify-content:center;align-items:center;min-height:48px;padding-block:10px;color:var(--ink-3);font-size:13px}.stage{width:var(--board);display:grid;grid-template-columns:100%;grid-template-areas:"head" "board" "timer" "responses" "hint" "action" "meta"}.stage-head{grid-area:head;height:64px}.head-row{display:flex;justify-content:space-between;align-items:center;gap:12px;height:44px}.head-level{font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.level{display:flex;gap:8px}.level-step{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);transition:box-shadow .15s}.level-step:hover:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--ink-3)}.level-step:disabled,.level-step[aria-disabled=true]{opacity:.35;cursor:default}.readout-status{color:var(--ink-2);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.progress{height:3px;margin-top:8px;border-radius:2px;background:var(--line);overflow:hidden}.app:not(.in-session) .progress{visibility:hidden}.progress>span{display:block;height:100%;background:var(--ink);transform-origin:left;transition:transform .3s ease-out}.board{grid-area:board;width:var(--board);aspect-ratio:1;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:calc(var(--board) * .03)}.cell{border-radius:calc(var(--board) * .045);background:var(--cell);transition:opacity .2s}.cell.is-lit{background:var(--accent)}.board.is-dimmed .cell{opacity:.45}.board-center{display:grid;place-items:center;color:var(--ink-2)}.fixation{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.in-session .fixation{background:var(--ink-3)}.countdown{font-size:calc(var(--board) * .16);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;animation:tick-in .25s ease-out}@keyframes tick-in{0%{opacity:0}}.round-timer{grid-area:timer;display:flex;align-items:center;height:3px;margin:10px 0}.round-timer>span{display:block;width:100%;height:2px;border-radius:1px;background:var(--ink-3);animation:drain linear forwards}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.responses{grid-area:responses;display:grid;grid-template-columns:1fr 1fr;gap:10px}.response{display:flex;align-items:center;justify-content:center;gap:12px;height:64px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font-size:15px;font-weight:600;user-select:none;-webkit-user-select:none;transition:background-color .08s,box-shadow .08s,color .08s}.response:hover:not(:disabled,[aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--ink-3)}.response:active:not(:disabled){translate:0 1px}.response[aria-pressed=true]{background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--on-ink)}.response[aria-pressed=true] .key{border-color:color-mix(in srgb,var(--on-ink) 30%,transparent);background:transparent;color:var(--on-ink)}.response:disabled{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}.response:disabled .key{border-color:var(--line);background:transparent;color:var(--ink-3)}.stage-hint{grid-area:hint;min-height:52px;display:flex;align-items:center;justify-content:center;padding:6px 8px;text-align:center;color:var(--ink-2);font-size:13px;line-height:1.4;text-wrap:balance}.stage-action{grid-area:action}.stage-action>.btn{width:100%}.pause-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:6px 10px}.stage-meta{grid-area:meta;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;min-height:40px;margin-top:4px}.in-session .stage-meta{visibility:hidden}.meta-link{display:inline-flex;align-items:center;gap:5px;padding:6px 0;color:var(--ink-2);font-size:13px;font-variant-numeric:tabular-nums}.meta-link:disabled,.meta-link[aria-disabled=true],.disclosure:disabled,.disclosure[aria-disabled=true]{opacity:.45;cursor:default}.meta-link:hover:not(:disabled,[aria-disabled=true]){color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}.notice{display:flex;align-items:flex-start;gap:10px;width:var(--board);margin-top:16px;padding:12px 14px;border-radius:var(--r-md);background:var(--danger-bg);color:var(--danger);font-size:13px;line-height:1.45}.notice p{flex:1}.notice svg{margin-top:1px}.notice-dismiss{color:inherit;font-size:13px;font-weight:600}.modal .notice{width:auto}.results{width:min(100%,384px);padding-block:8px}.results-context{color:var(--ink-2);font-size:15px;font-weight:500;letter-spacing:0}.results-score{margin-top:6px;font-size:104px;font-weight:500;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}.results-unit{margin-left:6px;color:var(--ink-3);font-size:44px;letter-spacing:-.02em}.results-caption{margin-top:10px;color:var(--ink-2);font-size:14px}.delta{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.channels{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.channel-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--ink-2);font-size:14px}.channel-head strong{color:var(--ink);font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.meter{position:relative;height:4px;margin-top:10px;border-radius:2px;background:var(--line)}.meter>span{display:block;height:100%;border-radius:inherit;background:var(--ink)}.meter:after{content:"";position:absolute;left:50%;top:-3px;width:2px;height:10px;margin-left:-1px;border-radius:1px;background:var(--ink-3);box-shadow:0 0 0 2px var(--bg)}.verdict{margin-top:28px;font-size:16px;line-height:1.5;text-wrap:pretty}.results-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin-top:20px}.results-more{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 16px;margin-top:16px}.disclosure{display:inline-flex;align-items:center;gap:6px;padding:6px 0;color:var(--ink-2);font-size:14px;font-weight:500}.disclosure:hover:not(:disabled,[aria-disabled=true]){color:var(--ink)}.disclosure svg{transition:rotate .2s}.is-flipped{rotate:180deg}.breakdown{margin-top:12px;padding:18px;border-radius:var(--r-md);background:var(--sunken)}.timeline{display:grid;gap:8px;margin-bottom:18px}.timeline-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;color:var(--ink-2);font-size:13px}.timeline-track{display:flex;gap:min(2px,.6%);height:18px}.tick{flex:1 1 0;min-width:0;border-radius:1.5px;background:var(--line-strong);opacity:.55}.tick-hits{background:var(--ink);opacity:1}.tick-misses{align-self:flex-end;height:40%;background:var(--ink);opacity:1}.tick-falseAlarms{align-self:flex-start;height:60%;background:var(--danger);opacity:1}.timeline-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;padding-left:74px;color:var(--ink-3);font-size:12px}.timeline-legend span{display:inline-flex;align-items:center;gap:6px;height:14px}.timeline-legend .tick{flex:none;width:8px;height:100%}.timeline-legend .tick-misses{height:40%}.timeline-legend .tick-falseAlarms{height:60%}.breakdown table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.breakdown th,.breakdown td{padding:9px 0;border-bottom:1px solid var(--line);text-align:right;font-weight:400}.breakdown thead th{padding-top:0;color:var(--ink-3);font-weight:500}.breakdown tbody th{text-align:left;color:var(--ink-2)}.breakdown td{width:72px}.breakdown p{margin-top:14px;color:var(--ink-2);font-size:13px;line-height:1.55}.results-note{margin-top:20px;color:var(--ink-3);font-size:13px}.modal{width:min(480px,calc(100% - 32px));max-width:none;max-height:min(760px,calc(100svh - 48px));padding:0;border:0;border-radius:var(--r-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-pop);overflow:hidden}.modal[open]{display:flex;flex-direction:column}.modal::backdrop{background:#1212115c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .modal::backdrop{background:#0000009e}}:root[data-theme=dark] .modal::backdrop{background:#0000009e}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 14px 6px 24px}.modal-head h2{font-size:20px}.modal-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 24px}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 12px 24px;border-top:1px solid var(--line)}.modal-foot>.btn-quiet:first-child{margin-left:-16px}.foot-text{color:var(--ink-3);font-size:13px}.foot-actions{display:flex;gap:6px}.modal-lead{margin-top:4px;color:var(--ink-2);font-size:14px;line-height:1.55}.modal-note{margin-top:20px;color:var(--ink-2);font-size:13px;line-height:1.6}.credit{margin-top:14px;color:var(--ink-3);font-size:12px;line-height:1.6}.empty{padding:28px 0 12px;color:var(--ink-2);font-size:14px}.steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding-left:24px;counter-increment:step}.steps li+li{margin-top:16px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;color:var(--ink-3);font-size:15px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.steps strong{font-size:15px;font-weight:600}.steps p{margin-top:4px;color:var(--ink-2);font-size:14px;line-height:1.6}.steps .key{min-width:20px;height:20px;padding:0 5px;border-radius:5px;font-size:11px;vertical-align:.05em}.example{margin-top:22px;padding:16px 18px;border-radius:var(--r-md);background:var(--sunken)}.example figcaption{color:var(--ink-3);font-size:12px;font-weight:500}.example-sequence{display:flex;align-items:center;gap:18px;margin:10px 0;font-size:26px;font-weight:600;letter-spacing:-.02em}.example-sequence span[aria-hidden]{color:var(--ink-3);font-size:18px;font-weight:400}.example-match{color:var(--accent)}.example p{color:var(--ink-2);font-size:13px}.settings-group{padding-top:16px}.settings-group+.settings-group{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.settings-group h3{margin-bottom:2px;font-size:15px;letter-spacing:-.01em}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 0}.field+.field{border-top:1px solid var(--line)}.field-stack{grid-template-columns:1fr;gap:10px}.field-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.field-label{display:block;font-size:14px;font-weight:500}.field-help{display:block;color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.field-summary{color:var(--ink-3);font-size:13px}.segmented{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:3px;border-radius:11px;background:var(--sunken)}.segmented label{position:relative;min-width:0}.segmented input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.segmented span{display:grid;place-items:center;height:32px;padding:0 12px;border-radius:8px;color:var(--ink-2);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color .15s,color .15s}.segmented label:hover span{color:var(--ink)}.segmented input:checked+span{background:var(--raised);color:var(--ink);font-weight:600;box-shadow:var(--shadow-chip),inset 0 0 0 1px var(--ink-3)}.segmented input:focus-visible+span{outline:2px solid var(--ink);outline-offset:1px}.field-stack .segmented span{padding:0 4px}.volume{display:flex;align-items:center;gap:14px}.volume input{flex:1;min-width:0;accent-color:var(--ink)}.key-input{width:44px;height:40px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:9px;background:var(--surface);text-align:center;font-size:16px;font-weight:600;caret-color:transparent;cursor:pointer}.key-input:focus-visible{outline-offset:1px}.history{margin:12px 0 0;padding:0;list-style:none}.history-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.history-main,.history-scores{display:flex;flex-direction:column;gap:2px}.history-scores{align-items:flex-end}.history-level{font-weight:600}.history-level span,.history-meta,.history-scores span{color:var(--ink-3);font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}.history-scores strong{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}.reading{width:min(100% - 2 * var(--gutter),720px);margin-inline:auto}.learn{padding:72px 0 88px;border-top:1px solid var(--line)}.learn h2,.guide h1{font-size:34px;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}.lede{max-width:62ch;margin-top:18px;color:var(--ink-2);font-size:17px;line-height:1.65}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;margin-top:48px}.learn h3,.guide h3{margin-bottom:8px;font-size:16px;letter-spacing:-.01em}.learn-grid p{color:var(--ink-2);font-size:15px;line-height:1.7}.learn .key,.guide .key{min-width:20px;height:20px;padding:0 5px;border-radius:5px;font-size:11px;vertical-align:.05em}.learn-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.learn-callout p{color:var(--ink-2);font-size:15px;line-height:1.6}.page-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:24px 40px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13px}.guide{padding-block:40px 72px}.toc{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;padding-block:16px;border-block:1px solid var(--line)}.toc a{color:var(--ink-2);font-size:14px;font-weight:500}.toc a:hover{color:var(--ink)}.guide-section{padding-top:56px;scroll-margin-top:16px}.guide h2{font-size:24px;letter-spacing:-.025em}.guide-section>p,.guide-section>h3{margin-top:16px}.guide-section>h3{margin-top:28px}.guide-section p,.guide-steps{color:var(--ink-2);font-size:16px;line-height:1.75}.guide-steps{margin:24px 0;padding-left:22px}.guide-steps li{padding-left:6px}.guide-steps li+li{margin-top:14px}.guide-steps li::marker{color:var(--ink-3);font-weight:600}.guide-steps strong{color:var(--ink);font-weight:600}.card{margin-top:16px;padding:20px 22px;border-radius:var(--r-md);background:var(--sunken)}.card h3{margin:0}.card p{margin-top:6px;font-size:15px}.guide-table{width:100%;margin-top:20px;border-collapse:collapse;font-size:15px}.guide-table caption{margin-bottom:8px;color:var(--ink-3);font-size:13px;text-align:left}.guide-table th,.guide-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.guide-table thead th{color:var(--ink-3);font-size:13px;font-weight:500}.guide-table tbody th{font-weight:500;white-space:nowrap}.guide-table td{color:var(--ink-2)}.guide-cta{margin-top:64px;padding:28px;border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.guide-cta h2{font-size:24px}.guide-cta p{margin-top:8px;font-size:15px}.guide-cta .btn{margin-top:20px}@media(hover:none)and (pointer:coarse){.hint-key{display:none}}@media(max-width:640px){:root{--gutter: 16px;--board: clamp(232px, min( calc(100vw - 32px) , calc(100svh - 364px) ), 384px)}.topbar{height:56px}.nav-button,.icon-button{width:44px;height:44px;justify-content:center;padding:0}.meta-link{min-height:44px}.nav-button span{display:none}.main{padding-top:0}.response{height:68px}.results-score{font-size:88px}.app-footer{justify-content:center;text-align:center}.modal{width:100%;max-height:calc(100svh - 24px);margin:auto 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0}.modal-body{padding-inline:20px}.modal-head{padding-left:20px}.modal-foot{padding:12px 12px calc(12px + env(safe-area-inset-bottom)) 20px}.learn{padding:48px 0 56px}.learn h2,.guide h1{font-size:28px}.lede{font-size:16px}.learn-grid{grid-template-columns:1fr;gap:28px;margin-top:36px}.learn-callout{flex-direction:column;align-items:flex-start;gap:14px}.guide{padding-block:24px 48px}.guide-section{padding-top:44px}.guide-section p,.guide-steps{font-size:15px}.guide-cta{padding:24px}}@media(max-width:360px){.brand-name{font-size:16px}}@media(orientation:landscape)and (max-height:560px)and (min-width:600px){:root{--board: clamp(200px, min( calc(100svh - 96px) , calc(100vw - 324px) ), 384px)}.topbar{height:48px}.main{padding-block:0 12px}.stage{width:auto;grid-template-columns:var(--board) minmax(260px,320px);grid-template-rows:auto auto auto auto auto 1fr;grid-template-areas:"board head" "board timer" "board responses" "board hint" "board action" "board meta";column-gap:32px;align-content:center}.stage-head{height:56px}.stage-meta{align-self:start}.app-footer{display:none}.results{width:min(100%,720px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"context channels" "score verdict" "score actions" "caption more" "breakdown breakdown" "note note";column-gap:40px}.results-context{grid-area:context;align-self:end}.results-score{grid-area:score;align-self:center;font-size:80px}.results-caption{grid-area:caption}.channels{grid-area:channels;margin-top:0;padding-top:0;border-top:0}.verdict{grid-area:verdict;margin-top:16px}.results-actions{grid-area:actions;margin-top:14px}.results-more{grid-area:more;margin-top:8px}.breakdown{grid-area:breakdown}.results-note{grid-area:note}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.round-timer>span{display:none}}