:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#070806;--surface:#141613;--raised:#1d201a;--ink:#fafbf7;--soft:#dfe6d5;--muted:#a5ad9b;--olive:#b7d86b;--line:#fafbf721}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--olive);outline-offset:5px}::selection{background:var(--olive);color:var(--canvas)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;font-weight:500;line-height:1.07}em{color:var(--olive);font-style:normal}.wrap{width:min(1200px,100% - 80px);margin-inline:auto}.button{border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:30px;min-height:54px;padding:15px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button span{font-size:20px;line-height:1}.primary{background:var(--olive);color:#142007}.primary:hover{background:#c8e78b}.secondary{color:var(--ink);border-color:var(--line);background:0 0}.secondary:hover{background:var(--raised)}.full{width:100%}.muted{color:var(--muted)}.skip-link{z-index:10;background:var(--olive);color:var(--canvas);padding:12px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:10px}.staging-banner{text-align:center;color:#c8d6b4;letter-spacing:.03em;background:#1d2217;padding:7px 20px;font-size:11px}.site-header{justify-content:space-between;align-items:center;gap:24px;padding-block:30px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;gap:9px;font-size:27px;font-weight:600;text-decoration:none;display:flex}.brand-prefix{color:var(--olive);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.site-header nav{align-items:center;gap:32px;display:flex}.site-header nav a{color:var(--soft);font-size:13px;text-decoration:none}.site-header nav a:hover{color:var(--olive)}.site-header .nav-play{border:1px solid var(--line);min-height:44px;color:var(--ink);border-radius:8px;align-items:center;padding:9px 15px;display:inline-flex}.hero{grid-template-columns:1.1fr 1fr;align-items:start;gap:80px;padding-top:54px;padding-bottom:90px;display:grid}.hero-copy{padding-top:27px}.hero h1{letter-spacing:-.06em;font-size:clamp(56px,5.5vw,78px);line-height:1.02}.hero h1 em{display:inline-block}.hero-description{color:var(--soft);letter-spacing:-.025em;margin-top:32px;font-size:21px;line-height:1.5}.hero-detail{color:var(--muted);margin-top:18px;font-size:15px}.hero-cta{min-width:240px;margin-top:32px}.practice{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;scroll-margin-top:20px;box-shadow:0 22px 100px #0005}.local-tag{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.local-tag>span{background:var(--olive);border-radius:50%;width:5px;height:5px}.practice-title{justify-content:space-between;align-items:center;gap:12px;margin-top:19px;display:flex}.practice-title h2{letter-spacing:-.04em;font-size:25px}.practice-title>span{color:var(--muted);font-size:11px}.round-status{color:var(--muted);text-align:center;min-height:36px;margin-top:16px;font-size:12px}.game-grid{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:286px;margin:0 auto 20px;display:grid}.grid-cell{background:#20231c;border:1px solid #30372a;border-radius:9px;place-items:center;display:grid}.grid-center{color:#727b68;background:0 0;border:0;font-size:25px}.grid-cell.lit,.grid-cell.preview-lit{background:var(--olive);border-color:var(--olive);box-shadow:0 0 28px #b7d86b17}.grid-cell.preview-lit{opacity:.72}.round-meter{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:15px;font-size:11px;display:flex}.responses{grid-template-columns:1fr 1fr;gap:10px;margin-top:17px;display:grid}.response{min-height:54px;color:var(--ink);touch-action:manipulation;background:#29321e;border:1px solid #647a40;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.response:disabled{color:#a8ae9e;background:#1d201a;border-color:#383e31}.response[aria-pressed=true]{background:var(--olive);color:#142007;border-color:var(--olive)}kbd{opacity:.65;border:1px solid;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:10px;line-height:1.6}.response-help{text-align:center;color:var(--muted);margin:12px 0 19px;font-size:11px;line-height:1.65}.game-settings{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.game-settings label{font-size:12px;font-weight:600;display:block}.game-settings small{color:var(--muted);font-size:10px;display:block}.stepper{border:1px solid var(--line);background:#090b08;border-radius:8px;flex-shrink:0;align-items:center;display:flex;overflow:hidden}.stepper button{min-width:44px;min-height:44px;color:var(--ink);touch-action:manipulation;background:0 0;border:0;font-size:23px}.stepper button:hover:enabled{background:#29321e}.stepper button:disabled{color:#626a59}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:45px;font-size:12px}.game-actions{align-items:center;gap:12px;margin-top:18px;display:flex}.game-actions .primary{flex:1;gap:12px}.sound-check{color:var(--soft);white-space:nowrap;background:0 0;border:0;min-height:44px;padding:12px 0;font-size:12px}.sound-check:hover{color:var(--olive)}.practice-foot{text-align:center;color:var(--muted);margin-top:16px;font-size:11px}.practice-foot a{color:var(--soft)}.notice{border-left:2px solid var(--olive);color:var(--soft);background:#222a19;margin-top:14px;padding:12px;font-size:12px;line-height:1.6}.results{padding:30px 0 20px}.results h3{margin-top:12px;font-size:31px}.scores{grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 20px;display:grid}.score>span{color:var(--muted);font-size:13px;display:block}.score>strong{color:var(--olive);letter-spacing:-.05em;font-size:48px;font-weight:500;display:block}.score small{font-size:22px}.score p{color:var(--muted);font-size:10px;line-height:1.7}.result-note{color:var(--soft);font-size:12px}.results>.muted{margin-top:15px;font-size:11px}.rules-section{border-top:1px solid var(--line);padding:65px 0}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;display:flex}.section-heading h2{flex:1;font-size:37px}.section-heading>a{color:var(--muted);font-size:12px}.rules{grid-template-columns:repeat(3,1fr);gap:50px;margin:40px 0 0;padding:0;list-style:none;display:grid}.rules h3{margin-bottom:12px;font-size:24px}.rules p{color:var(--muted);max-width:310px;font-size:14px}.rules strong{color:var(--soft);font-weight:500}.app-section{border-top:1px solid var(--line);grid-template-columns:1.35fr 1fr;gap:100px;padding-block:78px;display:grid}.app-section h2{font-size:42px;line-height:1.13}.app-section>div>p{color:var(--muted);max-width:420px;margin-top:23px;font-size:15px}.app-section .button{margin-top:26px}.app-features>div{border-bottom:1px solid var(--line);grid-template-columns:27px 1fr;gap:0 16px;padding:23px 0;display:grid}.app-features span{color:var(--olive);grid-row:span 2;padding-top:5px;font-size:10px}.app-features h3{letter-spacing:-.025em;font-size:20px;line-height:1.3}.app-features p{color:var(--muted);margin-top:7px;font-size:13px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:start;gap:30px;padding:34px 0 45px;display:flex}.footer-brand{font-size:22px}.site-footer p{color:var(--muted);margin-top:6px;font-size:11px}.site-footer nav{flex-wrap:wrap;gap:22px;padding-top:7px;display:flex}.site-footer nav a{color:var(--muted);font-size:11px;text-decoration:none}.footer-note{color:var(--muted);padding-top:8px;font-size:10px}.prose{max-width:780px;padding-top:65px;padding-bottom:100px}.prose h1{margin:24px 0 32px;font-size:clamp(48px,6vw,72px)}.prose .lead,.markdown-privacy>h1+p{color:var(--soft);margin-bottom:38px;font-size:21px;line-height:1.55}.prose h2{margin:38px 0 16px;font-size:28px}.prose p{color:var(--muted);margin-block:16px;font-size:16px;line-height:1.8}.prose a:not(.button){color:var(--soft)}.prose .button{margin-top:23px}.markdown-page>h1>em{display:block}.example-table{border:1px solid var(--line);border-radius:12px;margin:30px 0;overflow-x:auto}.example-table table{border-collapse:collapse;text-align:left;width:100%;min-width:430px;font-size:13px}.example-table caption{text-align:left;background:var(--surface);color:var(--olive);padding:16px;font-weight:600}.example-table th,.example-table td{border-bottom:1px solid var(--line);padding:14px 16px;font-weight:400}.example-table thead{color:var(--muted);background:#10120e}.example-table tbody tr:last-child>*{border-bottom:0}@media (min-width:1450px){.hero{padding-top:75px}.hero-copy{padding-top:45px}}@media (max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.hero h1{font-size:59px}.practice{padding:20px}.app-section{gap:50px}.footer-note{display:none}.rules{gap:30px}.site-header nav{gap:22px}}@media (max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:23px}.site-header nav{gap:16px}.site-header nav a{font-size:11px}.brand{font-size:23px}.brand img{width:29px;height:29px}.hero{grid-template-columns:1fr;gap:38px;padding-top:17px;padding-bottom:55px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(50px,10vw,72px)}.hero-description{margin-top:25px;font-size:20px}.hero-detail{font-size:14px}.hero-cta{margin-top:26px}.practice{justify-self:center;width:100%;max-width:520px;padding:22px}.game-grid{max-width:278px}.rules-section{padding-block:40px}.section-heading h2{font-size:31px}.section-heading>a{width:100%}.rules{grid-template-columns:1fr;gap:28px;margin-top:30px}.rules li{border-top:1px solid var(--line);padding-top:20px}.rules h3{margin-top:11px;font-size:25px}.rules p{max-width:100%}.app-section{grid-template-columns:1fr;gap:30px;padding-block:48px}.app-section h2{font-size:36px}.app-features>div{padding-block:20px}.site-footer{flex-wrap:wrap;gap:24px;padding-bottom:32px}.site-footer nav{gap:20px;width:100%}.staging-banner{padding-inline:12px;font-size:10px}.prose{padding-top:30px;padding-bottom:60px}.prose h1{font-size:49px}.prose .lead,.markdown-privacy>h1+p{font-size:19px}.prose h2{font-size:26px}.prose p{font-size:15px}}@media (max-width:380px){.site-header nav{gap:12px}.site-header nav a{font-size:10px}.practice{padding:16px}.practice-title h2{font-size:23px}.game-grid{max-width:235px}.game-actions{gap:9px}.game-actions .button{padding-inline:13px;font-size:12px}.sound-check{font-size:11px}.game-settings small{max-width:100px}.stepper button{min-width:44px}.hero h1{font-size:49px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover{transform:none}}.learn-link{width:fit-content;color:var(--soft);margin-top:16px;font-size:.875rem;display:block}.learning-page{max-width:840px}.learning-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:32px 0;padding:28px}.learning-panel h2{margin:22px 0 16px;font-size:1.7rem}.lesson-top{color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.learning-panel .lesson-instruction{color:var(--soft);min-height:4.8em}.cue-history{width:min(100%,360px);margin:24px auto}.cue-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.cue-navigation .button{text-align:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:10px;font-size:13px}.cue-navigation .button:disabled,.learning-panel .response:disabled{opacity:.45;transform:none}.cue-card{border:1px solid var(--line);text-align:center;background:var(--canvas);border-radius:12px;min-width:0;padding:16px}.cue-card .cue-label{color:var(--soft);min-height:1.5em;margin:0 0 14px;font-size:.875rem;line-height:1.5}.learning-grid{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(100%,220px);margin:auto;display:grid}.learning-grid span{background:var(--raised);border:1px solid var(--line);color:var(--muted);border-radius:5px;place-items:center;display:grid}.learning-grid .center{background:0 0;border:0}.learning-grid .lit{background:var(--olive);border-color:var(--olive)}.cue-card .cue-letter{color:var(--muted);margin-bottom:0;font-size:.875rem}.cue-letter strong{color:var(--ink);margin-left:6px;font-size:1.6rem;font-weight:500}.lesson-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.lesson-actions .button{margin-top:0}.lesson-actions button:disabled{opacity:.45;transform:none}.prose .lesson-feedback{border-left:3px solid var(--olive);color:var(--soft);background:#222a19;padding:18px}.prose .lesson-feedback.retry{background:#2d2419;border-color:#ff9b4a}.prose .learning-note{color:var(--muted);font-size:.8125rem;line-height:1.7}.lesson-complete h2{font-size:2rem}.plain-list{color:var(--soft);padding-left:22px;line-height:1.8}.plain-list li+li{margin-top:10px}.research-invitation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:36px;padding-block:48px 65px;display:flex}.research-invitation h2{margin-bottom:20px;font-size:2rem}.research-invitation>div>p{color:var(--muted);max-width:620px}.research-invitation .button{flex-shrink:0}.next-round-hint{padding-top:15px}.next-round-hint p{color:var(--soft);font-size:.875rem}.next-round-hint .button{margin-top:14px;font-size:.8125rem}.app-icon{border-radius:18px;margin-bottom:24px}.app-comparison th,.app-comparison td{font-size:.875rem}.app-comparison th[scope=row]{color:var(--soft)}.site-footer nav{max-width:650px}.site-footer nav a{font-size:.8125rem}@media (max-width:760px){.site-header{flex-wrap:wrap;gap:14px}.site-header nav{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%}.site-header nav a{font-size:.875rem}.learning-panel{padding:18px}.learning-panel h2{font-size:1.5rem}.cue-card{padding:10px}.cue-card .cue-label{font-size:.8125rem}.lesson-actions .button{flex:180px;justify-content:center}.research-invitation{padding-block:40px;display:block}.research-invitation .button{margin-top:24px}.learning-panel .lesson-instruction{min-height:0}}