@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:kare mono;font-style:normal;font-display:swap;font-weight:100 800;size-adjust:88%;src:url(/assets/martian-mono-latin-ext-wght-normal-DlL6xMw5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:kare mono;font-style:normal;font-display:swap;font-weight:100 800;size-adjust:88%;src:url(/assets/martian-mono-latin-wght-normal-5W32yIyr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#202122;--bg:#fff;--ink-content:var(--ink);--subdued:#202122a6;--hatch:#20212259;--destructive:#ff3b30;--font-sans:"Archivo Variable", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"kare mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--stretch-display:125%;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--motion-nav:.12s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--ink:#eaecf0;--bg:#101418;--subdued:#eaecf0a6;--hatch:#eaecf059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-has-accent]{--ink-content:var(--accent-type)}:where(html[data-has-accent]) svg{color:var(--ink-content)}:where(html[data-has-accent]) :where(.brutal-block.inverted,.brutal-btn.primary,.brutal-btn.destructive,.command-code,.status-badge.filled,.badge-case-header,.badge-mark.earned,.mode-tile.inverted,.rank-plate.podium,.you-chip,.feed-reaction[aria-pressed=true],.season-board,.standings-header,.lobby-identity,.duel-summary.inverted,[data-chrome=accent] .nav-bar,[data-chrome=accent] .tab-bar,.notification-row-body.drenched,.side-nav,.site-close-plate,.site-mark.is-founder.is-earned,.photohex-slot-remove,.path-act.sealed,.nav-bar.drenched,.wrapped,.path-node.complete,.path-node.mastered,.verdict-mark.right,.run-result-mark.passed,.subdued,.tab-bar button,.feed-tab,.side-nav-items button,.hex-keypad,.badge-mark.locked,.path-node.locked,.answer-verdict,.verdict-mark:not(.right),.run-result-mark:not(.passed),.streak-day,.notification-action,.photohex-back,.photohex-delete) svg{color:inherit}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:0}button:disabled{cursor:default}input,select{font:inherit;color:inherit}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.auth-frame{background:var(--bg);flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex}.app-shell{height:100%;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.side-nav{display:none}.screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.screen.centered{justify-content:safe center}.view-swap{animation:view-in var(--motion-nav) var(--ease-out-quart)}.view-push{animation:view-push-in var(--motion-nav) var(--ease-out-quart)}.view-pop{animation:view-pop-in var(--motion-nav) var(--ease-out-quart)}.stagger>*{animation:view-in var(--motion-nav) var(--ease-out-quart) backwards;animation-delay:calc(var(--i,0) * 16ms)}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}@keyframes view-push-in{0%{opacity:0;transform:translate(20px)}}@keyframes view-pop-in{0%{opacity:0;transform:translate(-20px)}}.tab-bar{view-transition-name:kare-tabbar}.side-nav{view-transition-name:kare-sidenav}::view-transition-old(root){animation:vt-leave .14s var(--ease-out-quart) both}::view-transition-new(root){animation:vt-enter var(--motion-nav) var(--ease-out-quart) 40ms both}html[data-nav=pop]::view-transition-old(root){animation-name:vt-leave-back}html[data-nav=pop]::view-transition-new(root){animation-name:vt-enter-back}@keyframes vt-enter{0%{opacity:0;transform:translate(24px)}}@keyframes vt-leave{to{opacity:0;transform:translate(-14px)}}@keyframes vt-enter-back{0%{opacity:0;transform:translate(-24px)}}@keyframes vt-leave-back{to{opacity:0;transform:translate(14px)}}.label{text-transform:uppercase;letter-spacing:.1em;font-weight:900}.label-sm{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.block-title{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:900;line-height:1.15}.block-title.compact{letter-spacing:.06em;font-size:1.15rem}.lbl{letter-spacing:.02em;font-size:.8rem;font-weight:800}.title-hero{letter-spacing:-.02em;margin:0;font-size:2.1rem;font-weight:900;line-height:1.1}.title-hero.one-line{white-space:nowrap;font-size:clamp(1.25rem,6.5vw,2.1rem)}.sign-in-legal{white-space:nowrap;font-size:clamp(.52rem,2.9vw,.7rem)}.sign-in-note{margin:2px 0 0;font-size:.78rem}.subdued{color:var(--subdued)}.mono{font-family:var(--font-mono)}*,:before,:after,input,select,textarea,::placeholder{text-transform:lowercase!important}.brutal-block{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);padding:16px;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.brutal-block.inverted{background:var(--ink);color:var(--bg)}.brutal-btn{border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.07em;background:var(--bg);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:1rem;font-weight:800;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:flex}.brutal-btn:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.brutal-btn:disabled:not([aria-busy]),.brutal-btn.primary:disabled:not([aria-busy]),.brutal-btn.destructive:disabled:not([aria-busy]),html[data-has-accent] .brutal-btn.primary:disabled:not([aria-busy]){background:repeating-linear-gradient(45deg, var(--bg) 0 7px, color-mix(in srgb, var(--hatch) 50%, transparent) 7px 10px), var(--bg);color:var(--subdued);box-shadow:none;cursor:not-allowed}.brutal-btn.ghost:disabled{background:0 0}.brutal-btn[aria-busy]{box-shadow:2px 2px 0 var(--ink);cursor:progress;transform:translate(2px,2px)}.brutal-btn.primary{background:var(--accent,var(--ink));color:var(--bg)}html[data-has-accent] .brutal-btn.primary{color:var(--accent-ink,#000);transition:transform 70ms ease-out,box-shadow 70ms ease-out,color .3s ease-in-out}.brutal-btn.destructive{background:var(--destructive);color:#fff}.brutal-btn.ghost{letter-spacing:normal;text-underline-offset:3px;width:auto;min-height:44px;box-shadow:none;background:0 0;border-color:#0000;padding:0;font-size:.85rem;text-decoration:underline}.brutal-btn.compact{width:auto;padding:10px 14px;font-size:.85rem}.icon-btn{width:44px;height:44px;color:var(--ink-content);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);flex-shrink:0;place-items:center;font-size:1.05rem;font-weight:900;transition:transform 50ms ease-out,box-shadow 50ms ease-out,opacity 50ms ease-out;display:grid}.icon-btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.dialog-title{letter-spacing:.07em;margin:0;font-size:1.0625rem;font-weight:900}.dialog-message{color:var(--subdued);margin:0;font-size:.8125rem;line-height:1.45}.brutal-error svg{color:var(--ink);flex-shrink:0}.brutal-error{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:flex-start;gap:10px;padding:12px;font-size:.85rem;font-weight:700;display:flex}.nav-bar{border-bottom:3px solid var(--ink);background:var(--bg);z-index:10;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}.nav-bar>div:not(.nav-actions){flex:1;min-width:0}.nav-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.drift-arena{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.drift-arena.contained{z-index:0;position:absolute}.drift-puck{--d:96px;box-sizing:border-box;width:var(--d);height:var(--d);pointer-events:auto;touch-action:none;cursor:grab;border:calc(var(--d) * 62 / 584) solid #000;will-change:transform;padding:0;position:absolute;top:0;left:0;box-shadow:4px 4px #000}.drift-puck:active{cursor:grabbing}.nav-bar .nav-title{text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.run-squares{flex-shrink:0;gap:6px;padding:16px 20px 0;display:flex}:is(.app-shell:has(.run-bar,.run-result) .tab-bar,.app-shell:has(.run-bar,.run-result) .side-nav){display:none}.app-shell:has(.node-screen) .tab-bar{display:none}@media (width<=899px){.node-screen .practice-start-body>.anchored-bar{view-transition-name:kare-node-action}}::view-transition-old(kare-tabbar):only-child{animation:vt-sink .18s var(--ease-out-quart) both}::view-transition-old(kare-node-action):only-child{animation:vt-sink .18s var(--ease-out-quart) both}::view-transition-new(kare-tabbar):only-child{animation:vt-rise .26s var(--ease-out-quart) 90ms both}::view-transition-new(kare-node-action):only-child{animation:vt-rise .26s var(--ease-out-quart) 90ms both}@keyframes vt-sink{to{opacity:0;transform:translateY(100%)}}@keyframes vt-rise{0%{opacity:0;transform:translateY(100%)}}.run-square{aspect-ratio:1;border:2px solid var(--ink);background:var(--bg);opacity:.35;min-width:6px;transition:background-color .16s var(--ease-out-quart), opacity .16s var(--ease-out-quart);flex:0 20px}.run-square.done,.run-square.earned{background:var(--accent,var(--ink));opacity:1}.run-square.missed{background:repeating-linear-gradient(45deg, transparent 0 3px, var(--hatch) 3px 5px);opacity:1}.run-square.current{opacity:1;box-shadow:2px 2px 0 var(--ink)}.run-square.chain-on{position:relative}.run-square.chain-on:after{content:"";background:var(--ink);width:6px;height:3px;position:absolute;top:calc(50% - 1.5px);right:-8px}.nav-bar .nav-subtitle{color:var(--subdued);font-size:.78rem;font-weight:700}.tab-bar{border-top:3px solid var(--ink);background:var(--bg);display:flex;position:relative}.tab-bar:after{content:"";height:4px;width:calc(100% / var(--tab-n,4));background:var(--accent,var(--ink));transform:translateX(calc(var(--tab-i,0) * 100%));transition:transform .2s var(--ease-out-quart);position:absolute;top:0;left:0}.tab-bar button{min-height:60px;color:var(--subdued);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 0;transition:color .15s ease-out;display:flex;position:relative}.tab-bar button:active .tab-icon{transform:translateY(1px)}.tab-bar button.active{color:var(--ink-content)}[data-chrome=accent] .nav-bar{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}[data-chrome=accent] .nav-bar .nav-subtitle{color:inherit;opacity:.75}[data-chrome=accent] .nav-bar .icon-btn{color:var(--ink)}[data-chrome=accent] .tab-bar{background:var(--accent,var(--ink))}[data-chrome=accent] .tab-bar:after{background:var(--bg)}[data-chrome=accent] .tab-bar button{color:color-mix(in srgb, var(--accent-ink,var(--bg)) 50%, transparent)}[data-chrome=accent] .tab-bar button.active{color:var(--bg)}.tab-bar .tab-icon{font-size:1.15rem;line-height:1;transition:transform 50ms ease-out}.swatch{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.swatch.small{box-shadow:2px 2px 0 var(--ink);border-width:2px}.swatch-wrap{grid-template-rows:minmax(72px,1fr) auto;place-items:center start;min-height:0;display:grid}.swatch.flexible{width:auto;height:100%;max-height:var(--hero-max,200px);aspect-ratio:1}.swatch-label{text-transform:uppercase;letter-spacing:.15em;color:var(--subdued);text-align:left;margin-top:8px;font-size:.72rem;font-weight:800}.swatch-label.mono{letter-spacing:0}.hex-keypad{--key-h:50px;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hex-keypad .key{min-height:var(--key-h);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--bg);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;font-size:1.75rem;font-weight:800;line-height:1.1;transition:transform 50ms ease-out,box-shadow 50ms ease-out,opacity .12s ease-out;display:flex}.hex-keypad .key:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.hex-keypad .key:disabled{background:repeating-linear-gradient(45deg, var(--bg) 0 7px, color-mix(in srgb, var(--hatch) 50%, transparent) 7px 10px), var(--bg);color:var(--subdued);box-shadow:none;cursor:not-allowed}.hex-keypad .key .hint{color:var(--subdued);font-size:.62rem;font-weight:700}.hex-keypad .key.wide{font-size:.9rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;flex-direction:row;grid-column:span 2;gap:8px;font-weight:800}.hex-keypad .key.submit{box-shadow:4px 4px 0 var(--ink);letter-spacing:1.2px;border-width:3px;font-size:1.0625rem}.hex-keypad .key.submit:active:not(:disabled){box-shadow:2px 2px 0 var(--ink)}.hex-keypad .key.submit:not(:disabled){background:var(--accent,var(--ink));color:var(--bg)}html[data-has-accent] .hex-keypad .key.submit:not(:disabled){color:var(--accent-ink,#000)}.hex-entry{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);align-items:flex-end;gap:12px;padding:12px;display:flex}.hex-entry .hash{font-family:var(--font-mono);color:var(--subdued);padding-bottom:4px;font-size:1.7rem;font-weight:900;line-height:1}.hex-entry .channel{flex-direction:column;align-items:center;gap:3px;display:flex}.hex-entry .channel-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--subdued);font-size:.62rem;font-weight:800}.hex-entry .slots{gap:4px;display:flex}.hex-entry .slot{width:26px;height:39px;font-family:var(--font-mono);justify-content:center;align-items:flex-start;font-size:1.75rem;font-weight:900;line-height:32px;display:flex;position:relative}.hex-entry .slot:after{content:"";background:color-mix(in srgb, var(--subdued) 30%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.hex-entry .slot.filled:after{background:var(--ink)}.hex-entry .slot.active:after{background:var(--subdued);animation:1.1s ease-in-out infinite caret-blink}@keyframes caret-blink{0%,45%{opacity:.9}50%,95%{opacity:.3}to{opacity:.9}}.hex-progress{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);height:18px;padding:3px}.hex-progress .fill{background:var(--accent,var(--ink));transform-origin:0;width:100%;height:100%;transition:transform .3s var(--ease-out-quart)}.hex-progress.thin{height:12px;box-shadow:none;border-width:2px;padding:2px}.status-badge{border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:5px;padding:5px 10px;font-size:.65rem;font-weight:800;display:inline-flex}.status-badge.filled{background:var(--ink);color:var(--bg)}.locked-overlay{pointer-events:none;background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 12px);position:absolute;inset:0}.brutal-switch{--switch-knob:22px;width:calc(var(--switch-knob) * 2 + 14px);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);flex:none;padding:4px;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:block}.brutal-switch-knob{width:var(--switch-knob);height:var(--switch-knob);background:var(--ink);color:var(--bg);transition:translate .2s var(--ease-out-quart);place-items:center;display:grid}.brutal-switch[aria-checked=true]{background:var(--accent,var(--ink))}.brutal-switch[aria-checked=true] .brutal-switch-knob{translate:var(--switch-knob);background:var(--bg);color:var(--accent,var(--ink))}html[data-has-accent] .brutal-switch[aria-checked=true] .brutal-switch-knob{background:var(--accent-ink,#000)}.brutal-switch:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.brutal-switch:disabled,.brutal-switch[aria-checked=true]:disabled{background:repeating-linear-gradient(45deg, var(--bg) 0 10px, var(--hatch) 10px 12px), var(--bg);box-shadow:none;cursor:not-allowed}.brutal-switch:disabled .brutal-switch-knob,html[data-has-accent] .brutal-switch:disabled .brutal-switch-knob{background:var(--subdued)}.brutal-range{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px;margin:0}.brutal-range::-webkit-slider-runnable-track{background:var(--ink);height:6px}.brutal-range::-moz-range-track{background:var(--ink);height:6px}.brutal-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:3px solid var(--ink);background:var(--bg);width:22px;height:22px;box-shadow:4px 4px 0 var(--ink);margin-top:-8px;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.brutal-range::-moz-range-thumb{box-sizing:border-box;border:3px solid var(--ink);background:var(--bg);width:22px;height:22px;box-shadow:4px 4px 0 var(--ink);transition:transform 70ms ease-out,box-shadow 70ms ease-out}.brutal-range:active::-webkit-slider-thumb{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.brutal-range:active::-moz-range-thumb{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.brutal-segment{gap:8px;display:flex}.brutal-segment>button{border:2.5px solid var(--ink);min-width:0;box-shadow:3px 3px 0 var(--ink);background:var(--bg);color:var(--ink);text-transform:uppercase;letter-spacing:.12em;flex:1;padding:11px 8px;font-size:.72rem;font-weight:800;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.brutal-segment>button[aria-checked=true]{background:var(--accent,var(--ink));color:var(--bg)}html[data-has-accent] .brutal-segment>button[aria-checked=true]{color:var(--accent-ink,#000)}.brutal-segment>button:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.setting-group{flex-direction:column;gap:16px;display:flex}.setting-heading{font-size:1rem}.setting-row{flex-direction:column;gap:10px;min-width:0;display:flex}.setting-row+.setting-row{border-top:1.5px solid var(--hatch);padding-top:16px}.setting-row.inline{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.setting-row-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.setting-row-note{font-size:.78rem;line-height:1.45}.setting-input,.settings{flex-direction:column;gap:20px;display:flex}.settings-card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg)}.settings-row{width:100%;min-height:56px;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}button.settings-row{cursor:pointer}button.settings-row:active{background:color-mix(in srgb, var(--ink) 6%, transparent)}.settings-card>*+.settings-row{position:relative}.settings-card>*+.settings-row:before{content:"";background:color-mix(in srgb, var(--ink) 20%, transparent);height:1px;position:absolute;top:0;left:54px;right:0}.settings-row>svg{color:var(--subdued);flex-shrink:0}.settings-note{color:var(--subdued);margin:-6px 16px 12px 54px;font-size:.85rem}.settings-lead{align-items:center;gap:14px;min-width:0;font-size:1.02rem;font-weight:800;display:flex}.settings-lead>svg{width:24px;color:var(--ink-content);flex-shrink:0}.settings-row.destructive,.settings-row.destructive .settings-lead>svg{color:var(--destructive)}.settings-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--subdued);font-size:.82rem;font-weight:700;overflow:hidden}.faq-item{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:16px;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>svg{color:var(--ink-content);flex-shrink:0;transition:transform .18s ease-out}.faq-item[open] summary>svg{transform:rotate(180deg)}.faq-body{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.about-version{letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:700}.faq-question{margin:0;font-size:1rem;font-weight:800}.faq-answer{color:var(--subdued);margin:0;font-size:.9rem;line-height:1.45}.settings-row .country-field{width:auto;color:var(--subdued);font-weight:700}.settings-row .country-field>svg{margin-left:4px}.lang-menu{position:relative}.lang-menu-button{color:var(--subdued);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-weight:700;display:flex}.lang-menu-chevron{transition:transform .2s var(--ease-out-quart);display:inline-flex}.lang-menu-button[aria-expanded=true] .lang-menu-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.lang-menu-chevron{transition:none}}.lang-menu-list{z-index:20;border:2px solid var(--ink);min-width:160px;box-shadow:4px 4px 0 var(--ink);background:var(--bg);margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.share-menu{position:relative}.lang-menu-list a,.lang-menu-list button{width:100%;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-weight:800;text-decoration:none;display:flex}.lang-menu-list li+li a,.lang-menu-list li+li button{border-top:1px solid color-mix(in srgb, var(--ink) 20%, transparent)}.lang-menu-list button[aria-selected=true]{color:var(--ink-content)}.lang-menu-name{align-items:center;gap:10px;display:flex}.pixel-flag{outline:1.5px solid var(--ink);flex-shrink:0;display:block}.country-field{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:800;display:flex}.country-field>svg{flex-shrink:0;margin-left:auto}.country-search{z-index:1;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);align-items:center;gap:10px;margin:4px 0 16px;padding:12px;display:flex;position:sticky;top:0}.country-search>svg{color:var(--ink-content,var(--ink));flex-shrink:0}.country-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-weight:800}.country-list{border-top:3px solid var(--ink);min-height:min(55vh,480px);margin:0;padding:0;list-style:none}.country-list button{border:0;border-bottom:1.5px solid var(--hatch);width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:0;font-weight:800;display:flex}.country-list button>svg{color:var(--ink-content,var(--ink));margin-left:auto}.country-flag{width:28px;font-size:1.25rem}.country-none{padding:20px 0;font-size:.85rem}.setting-select{width:100%;min-width:0;color:var(--ink);font:inherit;appearance:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-weight:800}.guess-board{--hero-size:150px;flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px 20px 32px;display:flex}@media (width<=899px){.guess-board.repair{padding-top:20px}}.guess-board .board-middle{flex:1;align-self:center;align-items:stretch;width:100%;max-width:400px;min-height:0;display:flex}.guess-board .board-row{justify-content:flex-start;align-items:stretch;gap:16px;width:100%;min-height:0;display:flex}.guess-board .board-aside{text-align:left;flex-direction:column;flex:1;align-self:center;align-items:flex-start;gap:8px;min-width:0;display:flex}.board-input{flex-direction:column;align-self:center;gap:16px;width:100%;max-width:400px;display:flex}@media (width<=899px){.guess-board{width:100%;max-width:600px;margin-inline:auto}.guess-board.inline{padding:0}.guess-board.inline .swatch-wrap{flex:0 0 min(var(--hero-size), 50%)}.guess-board.inline .swatch.flexible{width:100%;height:auto}}@media (height<=700px){.guess-board{gap:12px;padding-bottom:16px}.board-input{gap:12px}.hex-entry{padding:10px 14px}.hex-keypad{--key-h:42px;gap:6px}}.home-dashboard-header>.stack{min-width:0}.home-dashboard-header .title-hero{overflow-wrap:anywhere}.home-greeting{font-size:1.0625rem;font-weight:400}.home-handle{cursor:pointer;font-size:2.125rem;font-weight:900}.home-streak{height:100%}.home-streak-go{letter-spacing:.1em;color:var(--ink-content);align-items:center;gap:4px;margin-top:auto;font-size:.75rem;font-weight:800;display:inline-flex}.home-streak-go.played{color:var(--subdued)}.home-streak-go svg{color:inherit}.home-streak-number{color:var(--ink-content);font-size:2.125rem;font-weight:900;line-height:1}.home-streak-unit{letter-spacing:.07em;color:var(--ink-content);font-size:.75rem;font-weight:800}.home-streak-nudge{color:var(--subdued);font-size:.8125rem}.home-accent-hex{letter-spacing:.07em;font-size:.6875rem;font-weight:800}.home-columns{flex-direction:column;gap:16px;display:flex}.home-rail{flex-direction:column;align-items:stretch;gap:12px;display:flex}.home-today-pair{align-items:stretch;gap:12px;display:flex}.home-today-pair>button:first-child{flex:1;min-width:0}.streak-dots{gap:5px;display:flex}.streak-dots.rolling{justify-content:center;gap:4px}.streak-dots.rolling .streak-day.today>span{box-shadow:2px 2px 0 var(--ink);border-width:2.5px;transform:translate(-1px,-1px)}.streak-day.edge-1{opacity:.5}.streak-day.edge-2{opacity:.2}.streak-day{flex-direction:column;flex:0 22px;align-items:center;gap:3px;min-width:0;display:flex}.streak-day>span{aspect-ratio:1;border:1.5px solid var(--ink);background:0 0;width:100%}.streak-day.lit>span{background:var(--accent,var(--ink))}.streak-day.frozen>span{background:#a8d4e1}.streak-day.today:not(.lit)>span{border-style:dashed}.streak-day.future>span{border-color:var(--hatch)}.streak-day>i{text-transform:uppercase;color:var(--subdued);font-size:.55rem;font-style:normal;font-weight:800;line-height:1}.streak-day.today>i{color:var(--ink-content)}.home-notification-tile{flex:0 0 88px;min-height:44px}.home-notification-content{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.home-notification-new{letter-spacing:.1em;font-size:.6875rem;font-weight:800}.home-notification-content>svg{color:var(--ink-content);margin-bottom:6px}.home-notification-rest{color:var(--ink-content);place-items:center;display:grid}.home-notification-count{color:var(--ink-content);font-variant-numeric:tabular-nums;font-size:2.125rem;font-weight:900;line-height:1.05}.home-main{flex-direction:column;gap:16px;min-width:0;display:flex}@media not all and (width>=900px){.home-dashboard-screen>.home-dashboard-pad,.home-dashboard-pad>.home-columns,.home-columns>.home-main,.home-main>.canvas-tile,.canvas-tile>.choice-block{flex:1 0 auto}.canvas-tile>.choice-block{flex-direction:column;display:flex}.canvas-tile .home-command-card{flex:1 0 auto}}.home-section{flex-direction:column;gap:12px;display:flex}.section-heading{flex-direction:column;gap:3px;display:flex}.section-heading h2{margin:0;font-size:1.25rem;line-height:1.15}.home-command-card{align-items:center;gap:14px;width:100%;display:flex}.hero-command{min-height:126px}.compact-command{flex-direction:column;align-items:flex-start;min-height:116px}.compact-command .stack{margin-top:auto}.command-code{border:3px solid var(--ink);background:var(--accent,var(--ink));width:54px;height:54px;color:var(--accent-ink,var(--bg));flex:0 0 54px;place-items:center;font-size:1.05rem;font-weight:900;display:grid}.command-hash{color:var(--ink-content);font-size:2.75rem;font-weight:900;line-height:1}.canvas-hash{padding:.75rem 0;line-height:0}.canvas-hash svg{width:auto;height:5.1rem}.command-arrow{color:var(--ink-content);font-size:2rem;font-weight:900}.home-command-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-command-card .subdued{font-size:.82rem;line-height:1.4}.badge-showcase{border:0;border-block:2px solid var(--ink);width:100%;color:var(--ink);text-align:left;background:0 0;align-items:center;gap:14px;padding:12px 14px;display:flex}.brutal-block .badge-showcase{margin-top:8px;padding-inline:0}.badge-showcase-copy{flex:1;min-width:0}.badge-showcase-marks{flex-shrink:0;gap:7px;display:flex}.badge-showcase:active>*{transform:translate(1px,1px)}.badge-mark{border:3px solid var(--ink);width:72px;height:72px;box-shadow:var(--stamp,4px) var(--stamp,4px) 0 var(--ink);background:var(--bg);color:var(--ink-content);place-items:center;font-size:1rem;font-weight:900;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:grid;position:relative}.badge-face-scaled{justify-content:center;align-items:center;display:inline-flex}.badge-mark.compact{--stamp:3px;width:42px;height:42px;font-size:.75rem}.badge-mark.earned{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.badge-mark.earned.founder{background:var(--founder-fill)}.badge-mark.locked{background:repeating-linear-gradient(45deg, transparent 0 9px, var(--hatch) 9px 11px), var(--bg);color:var(--subdued);box-shadow:none}.badge-mark-fill{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg));clip-path:inset(calc((1 - var(--fill)) * 100%) 0 0 0);animation:badge-fill .48s var(--ease-out-quart) backwards;place-items:center;display:grid;position:absolute;inset:0}.badge-mark-fill :is(.mono,.badge-face){background:0 0!important}.badge-mark-inset,.badge-mark-rivet{z-index:1}@keyframes badge-fill{0%{clip-path:inset(100% 0 0)}}@media (prefers-reduced-motion:reduce){.badge-mark-fill{animation:none}}.badge-mark.locked .mono,.badge-mark.locked .badge-face{background:var(--bg);padding:0 3px}.badge-face{place-items:center;display:grid}.badge-mark-inset{border:3px solid;position:absolute}.badge-mark-rivet{background:currentColor;position:absolute}.badge-collection{gap:24px}.badge-case-header{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--ink);color:var(--bg);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.badge-case-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.badge-case-count{margin-left:auto;font-size:1.4rem;font-weight:800}.badge-case-count b{font-size:2rem;font-weight:900}html[data-has-accent] .badge-case-header{background:var(--accent);color:var(--accent-ink)}.badge-case-squares{grid-template-columns:repeat(20,1fr);gap:2px;display:grid}.badge-case-squares span{aspect-ratio:1;border:1.5px solid}.badge-case-squares .earned{background:currentColor}.badge-group{flex-direction:column;gap:14px;display:flex}.badge-group-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.badge-group-count{color:var(--subdued);font-size:.85rem;font-weight:900}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:18px 8px;display:grid}@media (width>=480px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}}.badge-tile{min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;padding:0;display:flex}.badge-tile-name{text-align:center;overflow-wrap:break-word;max-width:100%;font-size:.72rem;font-weight:800;line-height:1.25}.badge-tile.locked .badge-tile-name{color:var(--subdued)}:is(.badge-tile,.badge-next-row):active .badge-mark.earned{box-shadow:var(--stamp-in,2px) var(--stamp-in,2px) 0 var(--ink);transform:translate(2px,2px)}.badge-tile:active .badge-mark.locked,.badge-next-row:active>*{transform:translate(1px,1px)}.badge-tile:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.badge-next-row:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@keyframes badge-arrive{0%{opacity:0;transform:translate(-2px,-2px)scale(1.15)}}.badge-mark.arrive{animation:badge-arrive .28s var(--ease-out-quart) backwards}@media (prefers-reduced-motion:reduce){.badge-mark.arrive{animation:.15s ease-out backwards reveal-fade}}.badge-detail{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-bottom:6px;display:flex}.badge-detail .badge-detail-tag{margin-top:6px}.badge-detail-rule{font-size:1.15rem}.badge-detail-progress{align-self:stretch}.badge-detail-progress .badge-detail-fact{justify-content:center}.badge-detail-rule{margin:0;font-weight:700;line-height:1.4}.badge-detail-tag{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--bg);padding:3px 8px}.badge-detail-tag.earned{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.badge-detail-earned{color:var(--subdued);align-items:center;gap:8px;margin-top:10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-detail-node{background:var(--ink);width:8px;height:8px}.badge-detail-flavour{margin:0;line-height:1.45}.badge-detail-progress{flex-direction:column;gap:8px;display:flex}.badge-detail-fact{align-items:baseline;gap:10px;display:flex}.badge-detail-progress .hex-progress{background:0 0;border-color:currentColor}.badge-detail-progress .hex-progress .fill{background:currentColor}.result-reveal{animation:reveal-pop .28s var(--ease-out-quart)}.reveal-swatches{justify-content:center;align-items:flex-start}.drill-arrive{animation:view-in .18s var(--ease-out-quart)}@media (prefers-reduced-motion:reduce){.result-reveal,.view-swap,.view-push,.view-pop,.drill-arrive,.stagger>*{animation:.15s ease-out reveal-fade}::view-transition-old(root){animation:.15s ease-out reveal-fade}::view-transition-new(root){animation:.15s ease-out reveal-fade}.skeleton,.spinner{animation:none}.tab-bar:after,.brutal-switch-knob,.hex-progress .fill,.feed-tab,.feed-tab:after,.feed-reaction{transition:none}.feed-refresh[aria-busy=true] svg{animation:none}}@keyframes reveal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.pair-rows{font-family:var(--font-mono);font-variant-numeric:tabular-nums;grid-template-columns:auto repeat(4,1fr);place-items:center;gap:8px 10px;display:grid}.pair-rows.no-score{grid-template-columns:auto repeat(3,1fr)}.pair-rows .pair-head{letter-spacing:.04em;text-transform:uppercase;color:var(--subdued);white-space:nowrap;font-size:.72rem;font-weight:800}.pair-row{font-size:1.05rem;font-weight:800;display:contents}.pair-row .pair-swatch{border:2px solid var(--ink);justify-self:start;width:16px;height:16px}.exercise-host{display:contents}.practice-status{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 0;display:flex}.pair-entry{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);font-family:var(--font-mono);justify-content:flex-start;align-items:flex-end;gap:12px;padding:12px;display:flex}.pair-entry .channel-tag{color:var(--subdued);font-size:1.75rem;font-weight:900;line-height:32px}.pair-entry .slot{border-bottom:3px solid var(--ink);place-items:center;width:24px;height:39px;font-size:1.75rem;font-weight:900;line-height:32px;display:grid}.pair-entry .slot.inactive{border-color:color-mix(in srgb, var(--subdued) 30%, transparent)}.pair-entry .slot.active{border-color:color-mix(in srgb, var(--subdued) 90%, transparent)}.tap-pair-glyph{font-size:2rem}@media (width<=360px){.tap-pair-glyph{font-size:1.5rem}}.clock-readout{white-space:nowrap;font-size:1.25rem;font-weight:900;line-height:1.75rem;display:inline-grid}.clock-face{grid-area:1/1}.clock-red{color:var(--destructive);opacity:0;transition:opacity .16s var(--ease-out-quart)}.clock-readout.alarm .clock-red{opacity:1}.guess-board .board-aside:has(.flash-aside){align-self:flex-start}.flash-cover{position:relative}.flash-cover-img{position:absolute;inset:0}.flash-reveal{white-space:nowrap;position:absolute;bottom:-3px;left:calc(100% + 19px)}.repair-line{align-items:center;gap:12px;font-size:1.6rem;font-weight:900}.repair-censor{border:3px solid var(--ink);background:repeating-linear-gradient(45deg, var(--bg) 0 6px, var(--hatch) 6px 8px);gap:4px;padding:2px 8px;display:inline-flex}.repair-censor.typed{background:var(--bg)}.repair-censor .slot{border-bottom:3px solid #0000;place-items:center;width:1.1ch;height:1.3em;display:inline-grid}.repair-censor .slot.active{border-bottom-color:var(--ink)}.anchor-row{font-family:var(--font-mono);color:var(--subdued);justify-content:center;gap:12px;font-size:.85rem;font-weight:800;display:flex}.stack{flex-direction:column;display:flex}.hstack{align-items:center;display:flex}.screen-pad{flex-direction:column;gap:16px;width:100%;max-width:600px;margin-inline:auto;padding:20px;display:flex}.screen-pad.flush{padding:0}.next-daily,.daily-rank{text-align:center;align-self:stretch}.next-daily .label-sm,.daily-rank .label-sm{letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:400}.next-daily-clock,.daily-rank-value{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:800}.brutal-btn[data-share]{justify-content:flex-start;gap:10px}.brutal-btn[data-share] svg{color:var(--ink)}.daily-share .brutal-btn[data-share]{justify-content:center}.run-result,.run-intro{gap:24px}.run-intro .run-stat-tile{animation:none}.run-result-body{flex-direction:column;gap:24px;display:flex}.run-result-head{align-items:center;gap:16px;display:flex}.run-result-mark{border:3px solid var(--ink);width:72px;height:72px;color:var(--ink);background:repeating-linear-gradient(45deg, transparent 0 7px, var(--hatch) 7px 10px);animation:reveal-pop .28s var(--ease-out-quart) both;flex-shrink:0;place-items:center;display:grid}.run-result-mark.passed{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg));box-shadow:4px 4px 0 var(--ink)}.run-result-head.passed .run-result-word{color:var(--ink-content)}.run-result-word{margin:0}.run-result-stats{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;display:grid}.run-stat-tile{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);min-width:0;animation:reveal-pop .28s var(--ease-out-quart) both;flex-direction:column;gap:6px;padding:14px 12px;display:flex}.run-stat-value{font-size:1.7rem;font-weight:900;line-height:1}.run-result-head.passed~.run-result-stats .run-stat-value{color:var(--ink-content)}.run-recap{flex-wrap:wrap;gap:6px;display:flex}.run-recap-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.run-result-time{animation:reveal-fade .16s var(--ease-out-quart) .4s both;align-items:baseline;gap:8px;font-size:1.1rem;font-weight:900;display:inline-flex}.run-recap .run-square{animation:reveal-fade .16s var(--ease-out-quart) both;flex:0 0 20px}.run-result-note{margin:0;font-size:.85rem}@media (prefers-reduced-motion:reduce){.run-result-mark,.run-stat-tile,.run-recap .run-square{animation:.15s ease-out both reveal-fade;animation-delay:0s!important}}.verdict-panel{background:var(--ink);color:var(--bg);border-top:3px solid var(--ink);max-height:60dvh;animation:verdict-rise .24s var(--ease-out-quart) both;flex-direction:column;gap:12px;margin:auto -20px -20px;padding:16px 20px 20px;display:flex;position:sticky;bottom:0;overflow-y:auto}.verdict-panel.earned{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.verdict-panel.inline{background:var(--bg);color:var(--ink);margin:0;padding:16px 0 0;position:static}.app-main{position:relative}.channel-reveal{--stamp-side:min(300px, 72vw, 42vh);z-index:5;background:var(--bg);color:var(--ink);cursor:pointer;animation:.12s ease-out both reveal-fade;position:absolute;inset:0;overflow:hidden}.stamp-hero{transition:top .42s var(--ease-out-quart), transform .42s var(--ease-out-quart);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stamp-hero.up{top:36%;transform:translate(-50%,-50%)scale(.7)}.stamp-frame{width:var(--stamp-side);height:var(--stamp-side);border:8px solid var(--ink);box-shadow:calc(14px - var(--deep)) calc(14px - var(--deep)) 0 var(--ink);transform:translate(var(--deep), var(--deep));animation:stamp-down .2s var(--ease-out-quart);place-items:center;display:grid}.stamp-frame span{font-weight:900;line-height:1}.stamp-frame.press{animation:stamp-press .17s var(--ease-out-quart)}.stamp-frame.landed{animation:stamp-slam .3s var(--ease-out-quart)}@keyframes stamp-down{0%{opacity:0;transform:scale(1.3)}}@keyframes stamp-press{0%{transform:translate(calc(var(--deep) + 8px), calc(var(--deep) + 8px));box-shadow:2px 2px 0 var(--ink)}}@keyframes stamp-slam{0%{transform:translate(var(--deep), var(--deep)) scale(1.14)}45%{transform:translate(var(--deep), var(--deep)) scale(.96)}}.stamp-burst{position:absolute;top:50%;left:50%}.stamp-burst span{box-shadow:0 0 0 2px var(--ink);animation:stamp-fly .52s var(--ease-out-quart) forwards;position:absolute}@keyframes stamp-fly{to{transform:translate(var(--x), var(--y)) scale(.3);opacity:0}}.stamp-details{flex-direction:column;gap:14px;max-width:480px;margin-inline:auto;display:flex;position:absolute;bottom:28px;left:20px;right:20px}.stamp-columns{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stamp-col{opacity:0;transition:opacity .22s var(--ease-out-quart), transform .22s var(--ease-out-quart);flex-direction:column;align-items:center;gap:8px;display:flex;transform:translateY(12px)}.stamp-col.shown{opacity:1;transform:none}.stamp-col-score{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900;line-height:1}.stamp-col-swatch{border:3px solid;width:40px;height:40px}.stamp-stat{opacity:0;justify-content:center;align-items:center;gap:12px;font-size:.8125rem;font-weight:800;display:flex}.stamp-stat b{font-size:2.5rem;font-weight:900;line-height:1}.stamp-stat.shown{opacity:1}.stamp-rank.shown{animation:stamp-stat .18s var(--ease-out-quart)}@keyframes stamp-stat{0%{transform:scale(1.25)}}.stamp-streak{opacity:0;justify-content:center;display:flex}.stamp-streak.shown{opacity:1;animation:stamp-stat .18s var(--ease-out-quart)}.channel-reveal.skipped :is(.stamp-frame,.stamp-rank,.stamp-streak){animation:none}.channel-reveal.skipped :is(.stamp-hero,.stamp-col){transition:none}.stamp-cells{z-index:6;pointer-events:none;grid-template-columns:repeat(8,1fr);grid-auto-rows:6.25%;display:grid;position:absolute;inset:0}.stamp-cells span{background:var(--bg);outline:1px solid var(--bg);animation:.13s ease-out forwards stamp-cell-in;transform:scale(0)}.stamp-cells.out span{animation-name:stamp-cell-out;transform:scale(1)}@keyframes stamp-cell-in{to{transform:scale(1)}}@keyframes stamp-cell-out{to{transform:scale(0)}}.daily-streak{justify-content:center;align-self:stretch;display:flex}.home-streak.plain :is(.home-streak-number,.home-streak-unit){color:var(--ink)}.brutal-btn.primary[data-share] svg{color:inherit}@media (prefers-reduced-motion:reduce){.channel-reveal{animation:.15s ease-out both reveal-fade}.stamp-frame,.stamp-rank.shown,.stamp-streak.shown{animation:none}.stamp-hero,.stamp-col{transition:none}}.verdict-key{gap:18px}.verdict-key .swatch-rows{padding-top:0}.verdict-panel .verdict-key .answer-verdict{outline:2px solid var(--bg)}.verdict-panel.earned .verdict-key .answer-verdict{outline-color:var(--accent-ink,var(--bg))}.verdict-panel.inline .verdict-key .answer-verdict{outline:none}.verdict-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.verdict-title{align-items:center;gap:12px;min-width:0;display:flex}.verdict-mark{border:3px solid var(--ink);width:3.5rem;height:3.5rem;color:var(--ink);background:repeating-linear-gradient(45deg, transparent 0 5px, var(--hatch,#00000059) 5px 7px), var(--bg);animation:verdict-stamp .16s var(--ease-out-quart) .12s both;cursor:pointer;flex-shrink:0;place-items:center;padding:0;display:grid}.verdict-mark.right{background:var(--bg);color:var(--ink-content);box-shadow:3px 3px 0 var(--ink)}.verdict-panel.inline .verdict-mark.right{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.verdict-word,.sheet-title{text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;min-width:0;font-size:1.75rem;font-weight:900;line-height:1.15}.verdict-word{font-size:2.125rem}.verdict-panel.inline.earned .verdict-word{color:var(--ink-content)}.verdict-combo{white-space:nowrap;border:2px solid;margin-left:auto;padding:4px 8px}.verdict-panel.inline .verdict-combo{border-color:var(--ink);color:var(--ink-content)}@keyframes verdict-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes verdict-stamp{0%{transform:translate(-2px,-2px)scale(1.15)}}@media (prefers-reduced-motion:reduce){.verdict-panel{animation:.15s ease-out both reveal-fade}.verdict-mark{animation:none}}.anchored-bar{background:var(--bg);box-shadow:0 -1px 0 var(--bg);margin:auto -20px -20px;padding:16px 20px;position:sticky;bottom:0}[data-grouped]{white-space:nowrap;gap:8px;font-size:34px;font-weight:900;display:inline-flex}.spinner{border:3px solid var(--hatch);border-top-color:var(--ink);width:20px;height:20px;animation:.8s steps(4,end) infinite spin}.brutal-btn .spinner{border-color:color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.skeleton.line{box-shadow:none;border:0}.skeleton{box-shadow:4px 4px 0 var(--ink);border:3px solid var(--ink);background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 12px);animation:.2s ease-out .15s backwards skeleton-in,1.1s linear infinite hatch-drift}.feed-screen{overflow:hidden}.feed-header{border-bottom:3px solid var(--ink);background:var(--bg);z-index:10;flex:none;padding:12px 20px 0}.feed-header>*{width:100%;max-width:760px;margin-inline:auto}.feed-title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.feed-title-row h1{letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:900}.feed-title-row p{color:var(--subdued);margin:2px 0 0;font-size:.82rem;font-weight:700}.feed-refresh:disabled{opacity:.4}.feed-refresh[aria-busy=true] svg{animation:.8s steps(4,end) infinite spin}.feed-tabs{grid-template-columns:1fr 1fr;margin-top:10px;display:grid}.feed-tab{min-height:44px;color:var(--subdued);letter-spacing:.12em;text-transform:uppercase;transition:color .2s var(--ease-out-quart);font-size:.78rem;font-weight:900;position:relative}.feed-tab:after{content:"";background:var(--accent,var(--ink));transform-origin:50%;height:4px;transition:transform .2s var(--ease-out-quart);position:absolute;bottom:-3px;left:12px;right:12px;transform:scaleX(0)}.feed-tab[aria-selected=true]{color:var(--ink-content)}.feed-tab[aria-selected=true]:after{transform:scaleX(1)}.feed-panels{flex:1;min-height:0;position:relative}.feed-panel{overscroll-behavior-y:contain;position:absolute;inset:0;overflow-y:auto}.feed-panel[hidden]{display:none}.feed-list{gap:16px;width:100%;max-width:760px;margin:0 auto;padding:20px 20px 36px;display:grid}.feed-card{padding:14px}.feed-card-group{gap:10px;display:grid}.notification-list{width:100%;max-width:600px;margin-inline:auto;overflow-x:clip}.notification-row{background:var(--ink);border-bottom:1px solid var(--ink);position:relative}.notification-swipe-verb{color:var(--bg);text-transform:uppercase;letter-spacing:.12em;align-items:center;padding:0 20px;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:0;bottom:0}.notification-swipe-verb.lead{left:0}.notification-swipe-verb.trail{right:0}.notification-row-body{background:var(--bg);touch-action:pan-y;align-items:stretch;display:flex;position:relative}.notification-row-body.glide-off{transition:transform .16s ease-in}.notification-row-body.glide-back{transition:transform .12s var(--ease-out-quart)}@media (prefers-reduced-motion:reduce){.notification-row-body.glide-off,.notification-row-body.glide-back{transition:none}}.notification-widget{text-align:left;flex:1;align-items:flex-start;gap:12px;min-width:0;padding:12px 16px;display:flex}.notification-widget:focus-visible{outline-offset:-3px}.notification-icon{width:32px;color:var(--ink-content);flex-shrink:0;justify-content:flex-end;display:flex}.notification-channels{border:2px solid var(--ink);width:32px;height:32px;font-size:.95rem;font-weight:900;display:flex}.notification-channels>span{flex:1;place-items:center;display:grid}.notification-swatches{gap:6px;display:flex}.notification-swatches>span{border:2px solid var(--ink);width:32px;height:32px}.notification-row-body.drenched{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.notification-row-body.drenched :is(.notification-icon,.subdued,.notification-mark,.notification-action){color:inherit}.notification-row-body.drenched .notification-mark{border-color:currentColor}.notification-row-body.drenched .notification-dot{background:currentColor}.notification-mark{border:2px solid var(--ink);width:32px;height:32px;color:var(--ink-content);flex-shrink:0;place-items:center;font-size:.65rem;font-weight:900;display:grid}.notification-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notification-title{font-weight:700}.notification-meta{flex-shrink:0;align-items:center;gap:8px;min-height:22px;font-size:.875rem;display:flex}.notification-dot{background:var(--ink-content);width:8px;height:8px}.notification-action{width:44px;color:var(--subdued);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-self:stretch;place-items:center;transition:color 50ms ease-out,transform 50ms ease-out,opacity 50ms ease-out;display:none}@media (hover:hover) and (pointer:fine){.notification-action{display:grid}}.notification-row-body:has(:focus-visible) .notification-action{display:grid}.notification-action:active{color:var(--ink);transform:translate(1px,1px)}.notification-action:disabled{opacity:.4;cursor:not-allowed}.notification-row-group .feed-error-stack{padding:12px 20px}.notification-loading{justify-content:center;padding:32px 0;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notification-empty{padding:20px 12px}.notification-empty h2{margin:0 0 8px;font-size:1.75rem;font-weight:800;line-height:1.15}.notification-empty p{margin:0}.feed-handle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.feed-time,.feed-rating{font-size:.75rem;font-weight:800}.feed-card-headline{font-size:1.08rem;font-weight:900}.feed-score{font-size:1.6rem;font-weight:900}.feed-percent{font-family:var(--font-sans);font-size:.88rem;font-weight:800}.feed-reaction{border:2px solid var(--ink);min-width:64px;min-height:44px;box-shadow:3px 3px 0 var(--ink);background:var(--bg);transition:transform 50ms ease-out, box-shadow 50ms ease-out, color .2s var(--ease-out-quart), background .2s var(--ease-out-quart);justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:8px 12px;font-weight:900;display:inline-flex}.feed-reaction[aria-pressed=true]{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.feed-reaction-spinner{border-width:2px;border-color:color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;width:14px;height:14px}.feed-reaction:active:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.feed-reaction:disabled{cursor:wait;opacity:.65}.feed-skeletons,.feed-error-stack{gap:16px;display:grid}.feed-empty .brutal-btn{align-self:flex-start}@keyframes skeleton-in{0%{opacity:0}}@keyframes hatch-drift{to{background-position-x:17px}}.choice-block{text-align:left;width:100%}.answer-key{border:3px solid var(--ink);width:100%;min-height:56px;box-shadow:4px 4px 0 var(--ink);background:var(--bg);color:var(--ink);text-align:left;align-items:center;gap:12px;padding:12px 14px;font-weight:700;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:flex;position:relative}.answer-key:not(:disabled):active,.answer-key.picked{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.answer-key.picked:not(:disabled):not(.swatch-key){background:var(--ink);color:var(--bg)}.answer-key.picked.swatch-key:not(:disabled):after{content:"";border:3px solid var(--bg);box-shadow:0 0 0 1px var(--ink), inset 0 0 0 1px var(--ink);pointer-events:none;position:absolute;inset:7px}.answer-key:not(:disabled):active{transition-duration:40ms}@media (hover:hover){.answer-key:not(:disabled):not(.picked):hover:not(:active){box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}}.answer-key.swatch-key{min-height:110px;padding:0}.answer-key.swatch-key.short{min-height:56px}.answer-key.mono-key{font-family:var(--font-mono);justify-content:center;font-size:1.3rem;font-weight:900}.answer-letter{font-family:var(--font-mono);border:2px solid;flex:none;padding:2px 8px;font-weight:900}.answer-verdict,.answer-badge{border:2px solid var(--ink);background:var(--bg);min-width:26px;height:26px;color:var(--ink);font-family:var(--font-mono);place-items:center;padding:0 5px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:-10px;right:-3px}.answer-key.swatch-key>.answer-verdict,.answer-key.swatch-key>.answer-badge{top:-26px}.swatch-rows{row-gap:28px;padding-top:6px}.answer-verdict{animation:reveal-pop .16s var(--ease-out-quart)}@media (prefers-reduced-motion:reduce){.answer-verdict{animation:.15s ease-out reveal-fade}}.answer-verdict.right{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.answer-verdict:not(.right){background:repeating-linear-gradient(45deg, transparent 0 5px, var(--hatch,#00000059) 5px 7px), var(--bg);color:var(--ink)}.answer-caption{font-family:var(--font-mono);margin-top:8px;font-weight:800;display:block}.hero-feedback{align-items:stretch;gap:16px;width:100%;min-height:0;display:flex}.hero-feedback>div{flex-shrink:0}.hero-message{text-align:left;flex:1;min-width:0;margin:0;font-size:.85rem}.saved-color-count{text-align:right;margin:0 0 12px;font-size:.75rem;font-weight:900}.saved-color-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.saved-color-cell{position:relative}.saved-color{aspect-ratio:1;border:3px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);align-items:flex-end;padding:10px;display:flex}.saved-color .mono{font-size:.78rem;font-weight:900}.saved-color-remove{border:2px solid var(--ink);background:var(--paper);width:28px;height:28px;color:var(--ink);font:900 1rem var(--font-mono);position:absolute;top:5px;right:3px}.saved-color-remove:before{content:"";position:absolute;inset:-9px}.tour-section,.tour-list{gap:12px;display:grid}.tour-launcher{gap:10px;display:grid}.tour-friends{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tour-friends button{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink);text-align:left;flex:none;gap:2px;padding:9px 11px;display:grid}.tour-friends button span:last-child{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.tour-row{align-items:center;gap:14px;display:flex}.choice-block:not(:disabled):active .brutal-block{box-shadow:2px 2px 0 var(--ink);transition-duration:40ms;transform:translate(2px,2px)}.notification-widget:not(:disabled):active{transform:translate(1px,1px)}@media (hover:hover){.brutal-btn:not(.ghost):not(:disabled):hover:not(:active),.hex-keypad .key.submit:not(:disabled):hover:not(:active),.mode-tile:hover:not(:active),.choice-block:not(:disabled):hover:not(:active) .brutal-block{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.icon-btn:hover:not(:active),.brutal-switch:not(:disabled):hover:not(:active),.brutal-segment>button:not(:disabled):hover:not(:active),.hex-keypad .key:not(.submit):not(:disabled):hover:not(:active){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.notification-action:not(:disabled):hover{color:var(--ink)}.notification-widget:not(:disabled):hover{box-shadow:inset 4px 0 0 var(--ink)}}.season-board .season-countdown{font-size:.72rem;font-weight:700}.mode-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mode-tile{text-align:left;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);color:var(--ink);flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:flex}.mode-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.mode-tile.inverted{background:var(--ink);color:var(--bg)}.mode-tile .mode-glyph{align-items:center;height:52px;margin-bottom:10px;display:flex}.mode-tile:not(.inverted) .mode-glyph{color:var(--ink-content)}html[data-has-accent] .season-board,html[data-has-accent] .standings-header,html[data-has-accent] .lobby-identity,html[data-has-accent] .duel-summary.inverted,html[data-has-accent] .mode-tile.inverted,html[data-has-accent] .rank-plate.podium{background:var(--accent);color:var(--accent-ink)}html[data-has-accent] .season-board .subdued,html[data-has-accent] .standings-header .subdued,html[data-has-accent] .lobby-identity .subdued,html[data-has-accent] .duel-summary.inverted .subdued,html[data-has-accent] .mode-tile.inverted .subdued{color:var(--accent-ink)}.flash-glyph{font-size:2.9rem;font-weight:900;line-height:1}.mode-tile .mode-name{text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;font-weight:900}.mode-tile .mode-caption{font-size:.75rem}.league-row{border:2px solid var(--ink);align-items:center;gap:12px;padding:8px 10px;display:flex}.league-row.me{border:3px solid var(--accent,var(--ink));padding:7px 9px}.rank-plate{border:2px solid var(--ink);flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:900;display:grid}.rank-plate.podium{background:var(--ink);color:var(--bg)}.league-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.league-points{font-size:1.05rem;font-weight:900}.league-row.me .league-points{color:var(--ink-content)}.you-chip{text-transform:uppercase;letter-spacing:.08em;background:var(--accent,var(--ink));color:var(--bg);padding:3px 6px;font-size:.62rem;font-weight:900}html[data-has-accent] .you-chip{color:var(--accent-ink,#000)}.podium-cut{align-items:center;gap:8px;display:flex}.podium-cut .rule{background:var(--ink);flex:1;height:2px}.inline-link{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-content);align-self:flex-start;align-items:center;gap:6px;font-size:.8rem;font-weight:900;display:inline-flex}.lobby-identity{flex-direction:column;gap:10px;padding:24px;display:flex}.lobby-identity .lobby-subtitle{font-size:.95rem}.peek-count{color:var(--ink-content);font-size:2rem;font-weight:900;line-height:1}.scoreline{gap:5px;display:flex}.pip{border:2px solid var(--ink);width:16px;height:16px;position:relative}.pip.won{background:var(--accent,var(--ink))}.pip.lost:after{content:"";background:var(--ink);width:2px;height:18px;position:absolute;top:-3px;left:5px;transform:rotate(45deg)}.pip.tied{background:color-mix(in srgb, var(--ink) 35%, transparent)}.pip.pending{border-style:dashed;border-color:color-mix(in srgb, var(--subdued) 60%, transparent)}.hidden-swatch{background:var(--bg);color:var(--subdued);place-items:center;font-size:2rem;font-weight:900;display:grid}.question-prompt{margin:0;font-size:1.25rem;font-weight:800;line-height:1.25}.board-extras>.question-prompt{margin-top:12px}.prompt-img{object-fit:cover}.round-verdict{border:2px solid var(--ink);align-self:center;padding:6px 10px}.duel-summary{flex-direction:column;gap:12px;padding:24px;display:flex}.final-scoreline{align-items:baseline;gap:12px;font-size:3.6rem;font-weight:900;line-height:1;display:flex}.final-scoreline .dash{font-size:2.2rem}.challenge-code{letter-spacing:.14em;color:var(--ink-content);font-size:2.6rem;font-weight:900}.added-chip{border:2px solid var(--ink);width:20px;height:20px;display:inline-block}.field{flex-direction:column;gap:4px;display:flex}.brutal-input{border:2px solid var(--ink);background:var(--bg);padding:10px;font-weight:800}.brutal-input:focus-visible{outline:3px solid var(--accent,var(--ink));outline-offset:1px}.brutal-input::placeholder{color:var(--subdued);font-weight:600}@keyframes banner-in{0%{opacity:0;transform:translateY(16px)}}.earn-toast-layer{z-index:50;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 0;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}@media (width>=900px){.earn-toast-layer{justify-content:flex-end;padding-inline:24px}}.earn-toast{border:3px solid var(--ink);width:100%;max-width:440px;box-shadow:4px 4px 0 var(--ink);background:var(--bg);color:var(--ink);text-align:left;cursor:pointer;pointer-events:auto;touch-action:none;animation:toast-drop .24s var(--ease-out-quart) backwards;transition:transform .16s var(--ease-out-quart);padding:0;display:block}@media (width>=900px){.earn-toast{max-width:380px}}@media (width<=899px){.earn-toast-layer{padding:0}.earn-toast{max-width:none;box-shadow:none;padding-top:env(safe-area-inset-top,0px);border:none}.earn-toast-body{padding:18px 20px}.earn-toast-layer .earn-toast[data-kind=hidden]{padding:env(safe-area-inset-top,0px) 0 8px}}.earn-toast.dragging{transition:none}.earn-toast.leaving{transition:transform .16s cubic-bezier(.5,0,.75,0);animation:none;transform:translateY(calc(-100% - 24px))}@keyframes toast-drop{0%{transform:translateY(calc(-100% - 24px))}}.earn-toast-body{flex-direction:column;gap:12px;padding:14px;display:flex}.earn-toast-row{align-items:flex-start;gap:12px;display:flex}.earn-toast-row>.badge-mark{flex-shrink:0}.earn-toast-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.earn-toast-label{color:var(--ink-content)}.earn-toast-title{font-size:.95rem;font-weight:900}.earn-toast[data-badge] .earn-toast-label{display:none}.earn-toast[data-badge] .earn-toast-title{font-size:1.25rem;line-height:1.2}.earn-toast-detail{color:var(--subdued);font-size:.82rem;line-height:1.4}.earn-toast-icon{width:40px;height:40px;color:var(--ink-content);flex-shrink:0;place-items:center;display:grid}.earn-toast,dialog.brutal-sheet.turned,.channel-reveal,.stamp-cells{--ink:#eaecf0;--bg:#101418;--subdued:#eaecf0a6;--hatch:#eaecf059;--ink-content:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .earn-toast,html.dark dialog.brutal-sheet.turned,html.dark .channel-reveal,html.dark .stamp-cells{--ink:#202122;--bg:#fff;--subdued:#202122a6;--hatch:#20212259;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-has-accent] :is(.earn-toast,dialog.brutal-sheet.turned,.channel-reveal){--ink-content:var(--accent-type-inverse)}.earn-toast[data-kind=hidden]{background:repeating-linear-gradient(45deg, transparent 0 5px, var(--hatch) 5px 7px), var(--bg);padding:6px}.earn-toast[data-kind=hidden] .earn-toast-body{background:var(--bg)}@media (prefers-reduced-motion:reduce){.earn-toast{animation:.15s ease-out backwards reveal-fade}.earn-toast.leaving{opacity:0;transition:opacity .15s ease-out;transform:none}}dialog.brutal-dialog{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);color:var(--ink);opacity:0;max-width:min(420px,90vw);transition:opacity .12s ease-out, transform .12s ease-out, overlay .12s allow-discrete, display .12s allow-discrete;padding:20px;transform:translateY(8px)}dialog.brutal-dialog[open]{opacity:1;transition:opacity .2s ease-out, transform .2s var(--ease-out-quart), overlay .2s allow-discrete, display .2s allow-discrete;transform:translateY(0)}@starting-style{dialog.brutal-dialog[open]{opacity:0;transform:translateY(8px)}}dialog.brutal-dialog::backdrop,dialog.brutal-sheet::backdrop{background-color:#0000;transition:background-color .2s ease-out}dialog.brutal-dialog[open]::backdrop,dialog.brutal-sheet[open]::backdrop{background-color:#00000073}dialog.brutal-dialog[open]::backdrop{background-color:var(--bg);background-image:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 12px)}@starting-style{dialog.brutal-dialog[open]::backdrop,dialog.brutal-sheet[open]::backdrop{background-color:#0000}}dialog.brutal-sheet{border:3px solid var(--ink);background:var(--accent,var(--ink));width:100%;max-width:none;max-height:80vh;color:var(--accent-ink,var(--bg));transition:transform .16s ease-in, overlay .16s allow-discrete, display .16s allow-discrete;border-width:3px 0 0;flex-direction:column;gap:14px;margin:auto auto 0;padding:8px 20px 24px;transform:translateY(100%)}dialog.brutal-sheet.plain{background:var(--bg);color:var(--ink)}dialog.brutal-sheet.turned{background:var(--bg);color:var(--ink);border-color:#0000}dialog.brutal-sheet[open]{transform:translateY(var(--drag,0px));transition:transform .24s var(--ease-out-quart), overlay .24s allow-discrete, display .24s allow-discrete;display:flex}@starting-style{dialog.brutal-sheet[open]{transform:translateY(100%)}}dialog.brutal-sheet[data-dragging]{transition:none}.sheet-drag{touch-action:none;cursor:grab;justify-content:center;padding:6px 0 2px;display:flex}.sheet-drag:active{cursor:grabbing}.sheet-grip{opacity:.35;background:currentColor;width:44px;height:4px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head.centered{text-align:center;justify-content:center}dialog.brutal-sheet:not(.plain) .sheet-head{border-bottom:3px solid;margin-inline:-20px;padding:0 20px 10px}dialog.brutal-sheet.turned .sheet-head{--ink-content:var(--ink)}.sheet-body{overflow-y:auto}@media (width>=900px){dialog.brutal-sheet{border-width:3px;width:min(560px,100%)}.app-shell:not(:has(.run-bar,.run-result)) dialog.brutal-sheet{margin-left:calc(var(--side-nav-w) + (100% - var(--side-nav-w) - min(560px, 100%)) / 2)}.saved-color-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){dialog.brutal-dialog,dialog.brutal-sheet{opacity:0;transition:opacity .15s ease-out, overlay .15s allow-discrete, display .15s allow-discrete;transform:none}dialog.brutal-dialog[open],dialog.brutal-sheet[open]{opacity:1;transition:opacity .15s ease-out, overlay .15s allow-discrete, display .15s allow-discrete;transform:none}@starting-style{dialog.brutal-dialog[open],dialog.brutal-sheet[open]{opacity:0;transform:none}}}@media (width>=900px){html{font-size:112.5%}.auth-frame{border:3px solid var(--ink);width:520px;height:min(520px,100vh - 48px);box-shadow:8px 8px 0 var(--ink);margin:max(24px,50vh - 260px) auto;overflow-y:auto}.auth-frame:has(.first-run,.first-run-welcome){height:min(760px,100vh - 48px);margin:max(24px,50vh - 380px) auto}:root{--side-nav-w:232px}.side-nav{width:var(--side-nav-w);border-right:3px solid var(--ink);flex-direction:column;flex-shrink:0;gap:32px;padding:28px 16px 20px;display:flex}.wordmark{letter-spacing:-.04em;padding:0 14px;font-size:1.35rem;font-weight:900}.side-nav-items{flex-direction:column;flex:1;gap:10px;display:flex}.side-nav-items button{text-transform:uppercase;letter-spacing:.12em;color:var(--subdued);border:2px solid #0000;align-items:center;gap:12px;padding:12px 14px;font-size:.78rem;font-weight:800;transition:transform 50ms ease-out,box-shadow 50ms ease-out;display:flex}.side-nav-items button:hover{color:var(--ink)}.side-nav-items button.active{color:var(--ink-content);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.side-nav-items button.active:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.side-nav-footer{align-items:center;gap:10px;padding:0 14px;display:flex}.accent-dot{border:2px solid var(--ink);flex-shrink:0;width:14px;height:14px}html[data-has-accent] .side-nav{background:var(--accent)}html[data-has-accent] .side-nav .wordmark,html[data-has-accent] .side-nav-items button,html[data-has-accent] .side-nav-items button:hover{color:var(--accent-ink)}html[data-has-accent] .side-nav-items button.active{background:var(--accent-ink);color:var(--accent-type,var(--accent));border-color:var(--accent-ink);box-shadow:3px 3px 0 color-mix(in srgb, var(--accent-ink) 55%, var(--accent))}html[data-has-accent] .side-nav-footer{color:var(--accent-ink)}html[data-has-accent] .side-nav .accent-dot{border-color:var(--accent-ink)}.tab-bar{display:none}.screen-pad{gap:18px;width:100%;max-width:760px;margin:0 auto;padding:36px 32px}.run-squares{gap:8px;width:100%;max-width:760px;margin-inline:auto;padding:24px 32px 0}.run-squares .run-square{flex-basis:28px}.notification-list{max-width:760px;margin-inline:auto}.notification-widget,.notification-swipe-verb{padding-inline:32px}.nav-bar{padding:16px 32px}.nav-bar>div:not(.nav-actions){width:100%;max-width:696px;margin:0 auto}.nav-bar:has(.icon-btn)>div:not(.nav-actions){max-width:none;margin:0}.nav-bar.run-bar{padding-inline:max(32px,50% - 348px)}.screen-pad:has(.home-columns){max-width:1080px}.screen-pad.home-dashboard-pad:has(.home-columns){gap:12px;padding:20px 24px}.home-columns{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.home-main{grid-area:1/1}.home-rail{flex-direction:column;grid-area:1/2;position:sticky;top:36px}.home-today-pair{flex-direction:row}.home-today-pair .streak-dots{gap:4px}.home-today-pair .streak-day{flex-basis:19px}.home-stats-card{flex-direction:column;gap:18px;min-height:172px;display:flex}.home-stats-grid{flex:1;grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.home-stat{align-items:center;gap:14px;min-width:0;display:flex}.home-stat+.home-stat{border-top:1.5px solid var(--hatch);padding-top:12px}.home-stat-value{color:var(--ink-content);font-size:2.2rem;font-weight:900;line-height:1}.guess-board{--hero-size:200px}.hero-feedback{flex-direction:column}.swatch.flexible{height:var(--hero-max,200px)}.guess-board,.guess-board .board-middle{min-height:auto}.hero-message{text-align:center;flex:none;justify-content:center;align-items:center;width:min(300px,80vw);min-height:2.8em;display:flex}.hex-keypad{--key-h:56px}}@media (width>=1180px){.guess-board:not(.first-run *){--hero-size:260px;grid-template:"extras extras""middle input"1fr/minmax(0,1fr) 400px;place-content:start center;gap:32px 36px;width:100%;max-width:760px;margin:0 auto;padding:36px 32px;display:grid}.board-extras:not(.first-run *){grid-area:extras}.guess-board:not(.first-run *) .board-middle{grid-area:middle;justify-content:center;align-self:stretch;gap:40px;max-width:none}.guess-board:not(.first-run *) .board-row{justify-content:center}.guess-board:not(.first-run *) .board-aside{align-self:center}.board-input:not(.first-run *){grid-area:input;align-self:center}}.legal-page{background:var(--bg);min-height:100vh;color:var(--ink);padding:32px 20px 80px}.legal-header{border-bottom:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;width:min(100%,70ch);margin:0 auto 32px;padding-bottom:16px;display:flex}.legal-wordmark{letter-spacing:-.04em;color:var(--ink);padding-block:8px;font-size:1.5rem;font-weight:900;text-decoration:none;display:inline-block}.legal-document{width:min(100%,70ch);margin:0 auto;line-height:1.65}.legal-document h1{margin:0 0 8px;font-size:2rem}.legal-document h2{border-top:3px solid var(--ink);margin-top:40px;padding-top:20px}.legal-document h3{margin-top:28px}.legal-document :is(ul,ol){padding-left:1.5em}.legal-document a{color:var(--ink);border-bottom:2px solid var(--ink);text-decoration:none}.site-footer{border-top:3px solid var(--ink);width:100%;color:var(--ink);gap:40px;margin:72px auto 0;padding-top:32px;display:grid;container-type:inline-size}.legal-page .site-footer{width:min(100%,70ch)}.site-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"brand brand""cols cols";gap:32px 24px;display:grid}.site-footer-columns{grid-area:cols;grid-template-columns:subgrid;gap:inherit;display:grid}.site-footer-brand{grid-area:brand;align-content:start;justify-items:start;gap:14px;display:grid}@container (width>=640px){.site-footer-main{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));grid-template-areas:"brand cols cols"}}.site-footer-mark{color:var(--ink);align-items:center;gap:12px;padding-block:4px;text-decoration:none;display:flex}.site-footer-square{flex:none;width:40px;height:40px;transition:transform 70ms ease-out;display:block}.site-footer-mark:active .site-footer-square{transform:translate(2px,2px)}.site-footer-word{letter-spacing:-.02em;font-size:1.4rem;font-weight:900}.site-footer-mark:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site-footer-tagline{max-width:28ch;color:var(--subdued);margin:0;font-size:.95rem;line-height:1.45}.site-footer-col{align-content:start;justify-items:start;gap:2px;min-width:0;display:grid}.site-footer-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--subdued);margin:0 0 8px;font-size:.72rem;font-weight:700}.site-footer-link{color:var(--ink);overflow-wrap:anywhere;max-width:100%;padding-block:6px;font-weight:600;text-decoration:none}.site-footer-link:hover,.site-footer-link:focus-visible,.site-footer-link[aria-current=page]{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.site-footer-link:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.site-footer-mail{font-size:.85rem;font-weight:500}.site-footer-base{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent);color:var(--subdued);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:16px 28px;font-size:.78rem;display:flex}.legal-route-link{color:var(--ink);border-bottom:2px solid var(--ink);padding-block:12px;text-decoration:none}.legal-route-link:hover,.legal-route-link:focus-visible,.legal-route-link[aria-current=page]{border-bottom-width:4px}.legal-inline-link{color:inherit;border-bottom:2px solid;font-size:.8rem;text-decoration:none}.legal-inline-link:hover,.legal-inline-link:focus-visible{border-bottom-width:4px}.sign-in-apple{font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid;padding:0;font-size:.8rem}.sign-in-apple:disabled{cursor:default}dialog.telemetry-dialog{width:min(30rem,100vw - 32px);max-width:min(30rem,100vw - 32px);max-height:90vh;overflow-y:auto}.telemetry-head{align-items:center;gap:12px;display:flex}.telemetry-links{gap:24px;display:flex}.telemetry-dialog .settings-row{width:calc(100% + 32px);margin-inline:-16px}.telemetry-actions{flex-direction:column;gap:10px;display:flex}.telemetry-actions.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.telemetry-actions.pair .brutal-btn{padding-inline:8px}.telemetry-legal{gap:18px;margin:0;display:flex}.telemetry-legal a{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;text-underline-offset:3px;font-size:.72rem;font-weight:800}.about-credit{color:var(--subdued);font-weight:700}.about-screen{text-align:center;flex:1;align-items:center;max-width:420px;margin-inline:auto;padding-top:40px}.about-mark{width:96px;height:96px;margin-bottom:8px}.about-name{letter-spacing:-2px;margin:0;font-size:44px;font-weight:900;line-height:1}.about-icons{margin:auto 0 0;padding-top:24px;font-size:.85rem;font-weight:600}.about-screen .brutal-btn{text-decoration:none}.about-screen .settings-card{width:100%}.about-credit a{color:var(--ink);text-decoration:none}.site-page{--site-w:min(100%, 1080px);background:var(--bg);min-height:100dvh;color:var(--ink);flex-direction:column;padding:28px 20px 72px;display:flex}.site-page>main{flex:1;width:100%}.site-header{width:var(--site-w);border-bottom:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto 40px;padding-bottom:16px;display:flex}.site-header-actions{align-items:center;gap:12px;display:flex}.site-theme{color:var(--ink);align-items:center;display:inline-flex}.site-theme .brutal-switch{--switch-knob:15px;width:calc(var(--switch-knob) * 2 + 8px);box-shadow:3px 3px 0 var(--ink);border-width:2px;padding:2px}.site-theme .brutal-switch:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.site-page :is(p,li) a{color:inherit;border-bottom:2px solid;text-decoration:none}.site-page :is(p,li) a:hover,.site-page :is(p,li) a:focus-visible{border-bottom-width:4px}.site-page>main>section,.site-page>.site-footer{width:var(--site-w);margin-inline:auto}.site-section{--site-section-gap:44px;padding-top:var(--site-section-gap);margin-top:var(--site-section-gap);border-top:3px solid var(--ink)}.site-narrow{max-width:70ch}.site-hero{padding-block:8px 12px}.site-hero-grid{gap:40px;display:grid}@media (width>=1100px){.site-hero-grid{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:56px}.site-hero{padding-bottom:32px}}@media (width<=520px){.site-hero-grid{gap:0}.site-hero-copy{display:contents}.site-hero-copy>:not(.site-hero-title){order:3}.site-page{padding-top:16px}.site-header{margin-bottom:20px}.site-hero{padding-top:0}.site-hero-copy>.site-lede{margin-top:18px}.site-hero-copy>.site-cta-row{margin-top:22px}.site-hero-arena{order:2;margin-top:16px}}.site-hero-arena{aspect-ratio:1;border:3px solid var(--ink);width:min(100%,46svh);box-shadow:4px 4px 0 var(--ink);background:var(--bg);position:relative}@media (width>=1100px){.site-hero-arena{width:100%}}@media (width<=520px){.site-hero-arena{width:min(100%,max(200px,100svh - 392px))}}.site-hero-readout{letter-spacing:.02em;font-variant-numeric:tabular-nums;pointer-events:none;min-width:7ch;min-height:1.1em;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:900;line-height:1.1;position:absolute;top:12px;left:14px}.site-hero-title{font-size:clamp(2.5rem,9vw,4.75rem);font-weight:900;font-stretch:var(--stretch-display);letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:.95}.site-hero-title>span{display:block}.site-hero-title:lang(tr){line-height:1.02}.site-hero-title-sm{font-size:clamp(2rem,7vw,3.25rem)}.site-lede{max-width:62ch;color:var(--subdued);margin:24px 0 0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55}.site-cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.site-btn{cursor:pointer;width:fit-content;text-decoration:none}.site-btn.is-disabled{opacity:.4;cursor:default}.brutal-block.inverted .brutal-btn.ghost{color:var(--bg)}.site-btn-outline{background:0 0;border-color:currentColor;box-shadow:3px 3px}.site-btn-outline:active{transform:translate(2px,2px);box-shadow:1px 1px}.site-btn-outline.is-disabled{opacity:1}.brutal-block.inverted .site-btn-outline{color:var(--bg)}html[data-has-accent] .site-close-plate{background:var(--accent);color:var(--accent-ink)}html[data-has-accent] .site-close-plate .site-block-body,html[data-has-accent] .site-close-plate .site-btn-outline{color:var(--accent-ink)}html[data-has-accent] .site-close-plate .brutal-btn.secondary{background:var(--bg);color:var(--ink)}html[data-has-accent] .site-close-plate a.brutal-btn:focus-visible{outline-color:var(--accent-ink)}a.brutal-btn:focus-visible,.legal-wordmark:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.brutal-block.inverted a.brutal-btn:focus-visible{outline-color:var(--bg)}.brutal-block .site-cta-row{margin-top:0}@media (width<=520px){.site-cta-row{flex-direction:column;align-items:stretch}.site-cta-row .site-btn{width:100%}}.site-fineprint{max-width:62ch;margin:24px 0 0;font-size:.85rem;line-height:1.55}.site-fineprint code,.site-body code{font-weight:800}.site-h2{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:900;font-stretch:var(--stretch-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 20px;line-height:1.1}.site-lede,.site-body,.site-block-body,.site-fineprint{text-wrap:pretty}.site-body{max-width:62ch;margin:0 0 28px;line-height:1.6}.site-block-title{margin:16px 0 10px;font-size:.95rem}.site-block-body{margin:0;font-size:.92rem;line-height:1.6}.brutal-block.inverted .site-block-body{color:var(--bg);opacity:.8}.site-close-body{max-width:52ch;margin-bottom:24px;font-size:1rem}.site-board{--site-swatch:176px;flex-direction:column;display:flex}.site-board .swatch.flexible{max-height:var(--site-swatch)}.site-board .guess-board{justify-content:start;max-width:none;margin-inline:0;padding:0 0 8px}@media (width<=1179px){.site-board .guess-board{max-width:420px}}@media (width>=1180px){.site-board .guess-board{grid-template-columns:var(--site-swatch) 380px}}.site-board .hex-keypad .key{height:var(--key-h)}.site-board .hero-feedback{justify-content:center}.site-board .hero-message{width:var(--site-swatch);text-align:start;justify-content:start}@media (width<=899px){.site-board{min-height:min(560px,78svh)}}.site-board .guess-board{padding-top:0}.site-faq{border-top:3px solid var(--ink)}.site-faq-item{border-bottom:3px solid var(--ink)}.site-faq-item:last-child{border-bottom:none}.site-faq-item>summary{cursor:pointer;align-items:baseline;gap:14px;padding:18px 2px;font-weight:900;list-style:none;display:flex}.site-faq-item>summary::-webkit-details-marker{display:none}.site-faq-item>summary:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.site-faq-item>summary:before{content:"+";font-family:var(--font-mono);flex:0 0 1.1ch;font-weight:900}.site-faq-item[open]>summary:before{content:"−"}.site-faq-item>p{max-width:68ch;margin:0 0 20px;padding-left:calc(1.1ch + 14px)}.site-trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.site-field{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.site-field>select,.site-field>input,.site-field>textarea{border:none;border-bottom:3px solid var(--subdued);width:100%;color:var(--ink);background:0 0;padding:12px 2px;font-family:inherit;font-size:1rem}.site-field>textarea{resize:vertical;line-height:1.55}.site-field>:is(select,input,textarea):focus{border-bottom-color:var(--ink);outline:none}.site-field>:is(select,input,textarea)::placeholder{color:var(--subdued);opacity:.7}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.site-reveal{animation:1ms linear both site-rise;animation-timeline:view();animation-range:entry 10% cover 20%}}}@keyframes site-rise{0%{opacity:0;transform:translateY(14px)}}.photohex-pick{flex-direction:column;gap:16px;display:flex}.photohex-canvas-frame{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);aspect-ratio:1;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:relative;overflow:hidden}.photohex-canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block}.photohex-canvas:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.photohex-loupe{border:2px solid var(--ink);background:var(--bg);width:108px;height:108px;image-rendering:pixelated;pointer-events:none;position:absolute;top:8px;right:8px}.photohex-readout{align-items:center;gap:12px;display:flex}.photohex-readout-swatch{border:2px solid var(--ink);width:56px;height:56px;box-shadow:3px 3px 0 var(--ink);flex:none}.photohex-readout-label{font:800 .95rem/1.2 var(--font-sans);color:var(--ink)}.photohex-readout-hint{font:600 .8rem/1.4 var(--font-sans);color:var(--subdued);margin-top:2px}.photohex-run{gap:20px;width:100%;padding-bottom:20px;display:grid}.photohex-run>:not(.nav-bar):not(dialog){width:calc(100% - 40px);max-width:560px;margin-inline:auto}.photohex-title{font:900 1.5rem/1.1 var(--font-sans);color:var(--ink);margin:0}.photohex-lede{font:400 .95rem/1.45 var(--font-sans);color:var(--subdued);margin:0}.photohex-setup{flex-direction:column;gap:0;min-height:0;padding-bottom:0;display:flex}.photohex-setup-body{flex-direction:column;flex:1;gap:14px;width:calc(100% - 40px);max-width:400px;min-height:0;margin:16px auto;display:flex}.photohex-camera{aspect-ratio:1;border:3px solid var(--ink);width:min(100%,max(200px,100dvh - 560px));box-shadow:4px 4px 0 var(--ink);background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 11px), var(--bg);align-self:center;place-items:center;display:grid;position:relative;overflow:hidden}.photohex-camera-feed{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photohex-camera-feed[hidden]{display:none}.photohex-camera-feed.mirrored{transform:scaleX(-1)}.photohex-dropper{pointer-events:none;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photohex-dropper-box{background:#fff;border:1px solid #000;position:absolute;inset:0}.photohex-dropper-swatch{border:3px solid var(--ink);width:56px;height:56px;box-shadow:3px 3px 0 var(--ink);transform-origin:0 100%;animation:photohex-pop .32s var(--ease-out-quart,ease-out);position:absolute;top:calc(50% - 80px);left:calc(50% + 24px)}@keyframes photohex-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.photohex-dropper-swatch{animation:none}}.photohex-camera-notice{background:var(--bg);color:var(--ink-content);text-align:center;justify-items:center;gap:10px;padding:16px;display:grid}.photohex-camera-notice .brutal-btn{width:auto}.photohex-commands{justify-content:space-between;gap:8px;display:flex}.photohex-key{border:3px solid var(--ink);width:60px;height:60px;box-shadow:3px 3px 0 var(--ink);background:var(--bg);color:var(--ink-content);cursor:pointer;place-items:center;display:grid;position:relative}.photohex-key:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.photohex-key:disabled{box-shadow:none;color:var(--subdued);cursor:not-allowed;background:repeating-linear-gradient(45deg, var(--bg) 0 7px, color-mix(in srgb, var(--hatch) 50%, transparent) 7px 10px), var(--bg)}.photohex-count{text-align:right;margin:0;font-size:.75rem;font-weight:900}.photohex-slots{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.photohex-slot{aspect-ratio:1;border:2px solid var(--ink);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;overflow:hidden}.photohex-slot.closed{background:repeating-linear-gradient(45deg, transparent 0 7px, var(--hatch) 7px 8px), var(--bg)}.photohex-slot.empty{cursor:pointer;background:repeating-linear-gradient(45deg, transparent 0 7px, var(--hatch) 7px 8px), var(--bg);font:900 1.3rem/1 var(--font-sans);color:var(--ink-content);position:relative}.photohex-slot.empty>span{background:var(--bg);padding:0 4px}.photohex-slot.empty input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photohex-slot.empty:focus-within{outline:3px solid var(--ink);outline-offset:2px}.photohex-slot-clear{background:var(--bg);color:var(--ink-content);cursor:pointer;padding:0}.photohex-slot-clear:disabled{color:var(--subdued);cursor:not-allowed;background:repeating-linear-gradient(45deg, transparent 0 7px, var(--hatch) 7px 8px), var(--bg)}.photohex-slot.filled{cursor:pointer;background:0 0;padding:0;position:relative}.photohex-plate{border:3px solid var(--ink);min-height:160px;box-shadow:4px 4px 0 var(--ink);background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 11px);cursor:pointer;flex:1;place-items:center;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:grid}.photohex-plate:active{box-shadow:2px 2px 0 var(--ink);transition-duration:40ms;transform:translate(2px,2px)}.photohex-plate input[type=file],.photohex-slot-add input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photohex-plate-copy{background:var(--bg);flex-direction:column;align-items:center;gap:8px;padding:10px 16px;display:flex}.photohex-plate-mark{font:900 3rem/1 var(--font-sans);color:var(--ink-content)}.photohex-queue{flex:0 auto;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.photohex-setup-body .photohex-lede{margin-bottom:auto}.photohex-slot-add{border:2px solid var(--ink);cursor:pointer;font:900 1.3rem/1 var(--font-sans);color:var(--ink-content);position:relative}.photohex-slot-add input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photohex-slot-add:focus-within{outline:3px solid var(--ink);outline-offset:2px}.photohex-choose.brutal-btn{cursor:pointer}.photohex-choose input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photohex-choose:focus-within{outline:3px solid var(--ink);outline-offset:3px}.photohex-add-options{gap:14px;padding:4px 0 8px;display:grid}.photohex-slot-remove{background:var(--ink);color:var(--bg);outline:1px solid var(--bg);font:900 .68rem/1 var(--font-sans);padding:3px 4px;position:absolute;top:3px;right:3px}.photohex-slot img{object-fit:cover;width:100%;height:100%}.photohex-back{font:800 .75rem/1 var(--font-mono);letter-spacing:.12em;color:var(--subdued);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;position:relative}.photohex-back:before,.photohex-delete:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.icon-btn.is-done{opacity:.55;place-items:center;display:grid}.photohex-results{gap:14px;display:grid}.photohex-result-score{font:800 1.25rem/1 var(--font-mono);color:var(--ink);margin-left:auto}.photohex-save{font:800 .65rem/1 var(--font-mono);letter-spacing:.1em;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;padding:4px 8px}.photohex-saved{font:800 .65rem/1 var(--font-mono);letter-spacing:.1em;color:var(--subdued)}.photohex-delete{font:800 .8rem/1 var(--font-sans);color:var(--subdued);cursor:pointer;background:0 0;border:0;padding:4px;position:relative}.tool-tile .home-command-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mark mark""text arrow";align-content:space-between;align-items:end;gap:6px 10px;min-height:116px;display:grid}.tool-tile .command-hash{grid-area:mark;align-self:start;display:flex}.tool-tile .home-command-card>.stack{grid-area:text}.tool-tile .command-arrow{grid-area:arrow;line-height:1;display:flex}@media (width>=1100px){.home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-stat{flex-direction:column;justify-content:center;align-items:stretch;gap:10px}.home-stat-value{font-size:clamp(2.4rem,3.6vw,3.2rem)}.home-stat+.home-stat{border-top:0;border-left:1.5px solid var(--hatch);padding-top:0;padding-left:20px}}.photohex-result-open{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;gap:12px;padding:0;display:grid}.photohex-result-head{align-items:flex-start;gap:12px;display:flex}.photohex-result-head img{object-fit:cover;border:2px solid var(--ink);flex:none;width:44px;height:44px}.photohex-result-head .photohex-result-score{font:900 1.9rem/1 var(--font-mono);margin-left:auto}.photohex-named-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.photohex-named{gap:5px;display:grid}.photohex-named-label{font:800 .62rem/1 var(--font-sans);letter-spacing:.12em;color:var(--subdued)}.photohex-named-swatch{border:2px solid var(--ink);height:52px}.photohex-named-hex{font:800 .78rem/1 var(--font-mono);color:var(--ink)}.photohex-result-foot{align-items:center;gap:10px;margin-top:12px;display:flex}.photohex-verdict{font:800 .72rem/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--subdued)}.photohex-result-foot .photohex-save,.photohex-result-foot .photohex-saved{margin-left:auto}.photohex-history-row{align-items:flex-start;gap:10px;display:flex}.photohex-history-row .photohex-result-open{flex:1;min-width:0}.photohex-detail-photo{object-fit:contain;border:2px solid var(--ink);width:100%;max-height:220px;box-shadow:4px 4px 0 var(--ink);background:var(--bg)}.photohex-bar{gap:10px;margin-block:0;padding-inline:0;display:grid}@media (width>=480px){.photohex-bar{grid-auto-columns:1fr;grid-auto-flow:column}}@media (width>=900px){.photohex-run{gap:24px;padding-bottom:32px}.photohex-run>:not(.nav-bar):not(dialog){width:calc(100% - 64px);max-width:836px}.photohex-run.photohex-setup>:not(.nav-bar):not(dialog){max-width:400px}.photohex-camera{width:min(100%,max(200px,100dvh - 500px))}.photohex-results{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.photohex-detail-photo{max-height:380px}}@media (width>=1180px){.photohex-pick{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.photohex-pick>.photohex-canvas-frame{width:100%}.photohex-readout{position:sticky;top:24px}}.photohex-stats-sheet{gap:20px;padding:4px 0 8px;display:grid}.photohex-sheet-stat{align-items:baseline;gap:14px;display:flex}.photohex-sheet-stat-value{font:900 2.1rem/1 var(--font-mono);min-width:5ch}.photohex-sheet-stat-label{font:800 .72rem/1 var(--font-sans);letter-spacing:.14em}.photohex-sheet-stat-detail{font:400 .85rem/1.35 var(--font-sans);margin-top:3px}.path-map{--path-node:96px;--path-spur:56px;--path-drop:60px;--path-trace:5px;flex:1;min-height:0;overflow-y:auto}.path-track{max-width:600px;margin:0 auto;padding:0 20px 24px;list-style:none;position:relative}.path-act{z-index:5;background:var(--bg);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 14px;margin:0 -20px;padding:16px 20px;display:grid;position:relative}.path-chapter,.path-chapter>ol{margin:0;padding:0;list-style:none}.path-chapter:first-child .path-act{border-top:none;margin-top:0}.path-act.sealed{background:var(--ink);color:var(--bg)}.path-act.sealed .path-act-numeral{outline-offset:-7px;border-color:currentColor;outline:3px solid;padding:0 12px}.path-act.sealed .path-tally-item{color:currentColor;opacity:.72}.path-act.sealed .path-tally-mark{box-shadow:inset 0 0 0 2px var(--ink)}.path-act.claimable{cursor:pointer;transition:transform 70ms ease-out}.path-act.claimable:active{transition-duration:40ms;transform:translate(2px,2px)}.path-act-claim{background:var(--bg);color:var(--ink);border:2px solid var(--ink);letter-spacing:.1em;text-transform:uppercase;grid-column:2;justify-self:start;padding:4px 8px;font-size:.68rem;font-weight:900}.path-act.claimable:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}.path-tally{grid-column:2;align-items:center;gap:16px;display:flex}.path-tally-item{color:var(--subdued);align-items:center;gap:5px;font-size:.8rem;font-weight:900;display:inline-flex}.path-tally-mark{width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--bg);background:currentColor;border:2px solid}.path-act-numeral{border:3px solid var(--ink);letter-spacing:.08em;grid-row:1/-1;align-self:stretch;place-items:center;min-width:40px;padding:0 7px;font-size:1.05rem;font-weight:900;display:grid}.path-nav-title{min-height:44px;display:grid;overflow:hidden}.path-nav-face{grid-area:1/1;align-items:center;gap:12px;min-width:0;display:flex}.path-nav-face>div{gap:4px;min-width:0;display:grid}.path-nav-face .path-act-numeral{align-self:stretch}.path-nav-face .path-tally{grid-column:auto}.path-nav-face.entering.forward{animation:.24s ease-out both nav-face-in-up}.path-nav-face.leaving.forward{animation:.24s ease-out both nav-face-out-up}.path-nav-face.entering.back{animation:.24s ease-out both nav-face-in-down}.path-nav-face.leaving.back{animation:.24s ease-out both nav-face-out-down}@keyframes nav-face-in-up{0%{opacity:0;transform:translateY(100%)}}@keyframes nav-face-out-up{to{opacity:0;transform:translateY(-100%)}}@keyframes nav-face-in-down{0%{opacity:0;transform:translateY(-100%)}}@keyframes nav-face-out-down{to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.path-nav-face.entering{animation:none}.path-nav-face.leaving{display:none}}.path-act h2{text-transform:uppercase;letter-spacing:.12em;grid-column:2;margin:0;font-size:.9rem;font-weight:900}.path-row{padding-top:var(--path-drop);list-style:none;display:flex;position:relative}.path-link{z-index:0;height:var(--path-drop);position:absolute;inset:0 0 auto}.path-row.ends-act{padding-bottom:var(--path-drop)}.path-link.out{inset:auto 0 0}.path-seg{z-index:0;background:var(--ink);position:absolute}.path-seg.ahead{background:var(--hatch)}.path-seg.v{width:var(--path-trace);translate:calc(var(--path-trace) / -2);transform-origin:top;top:0;bottom:0}.path-seg.h{height:var(--path-trace);bottom:0}.path-seg.h.rightward{transform-origin:0;margin-left:calc(var(--path-trace) / 2);margin-right:calc(var(--path-trace) / -2)}.path-seg.h.leftward{transform-origin:100%;margin-right:calc(var(--path-trace) / 2);margin-left:calc(var(--path-trace) / -2)}.path-seg.v.out-of{height:calc(50% + var(--path-trace) / 2);bottom:auto}.path-seg.h.jog{top:calc(50% - var(--path-trace) / 2);bottom:auto}.path-seg.v.into{top:calc(50% + var(--path-trace) / 2)}.path-seg.h.spur{top:calc(var(--path-drop) + var(--path-node) / 2);translate:0 calc(var(--path-trace) / -2);transform-origin:0}.path-node{z-index:2;left:var(--lane);width:var(--path-node);height:var(--path-node);flex:none;padding:0;scroll-margin-top:104px;scroll-margin-bottom:24px;position:relative;translate:-50%}.path-node.spur{top:calc(var(--path-drop) + (var(--path-node) - var(--path-spur)) / 2);width:var(--path-spur);height:var(--path-spur);position:absolute}.path-node .brutal-block{place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative}.path-node .brutal-block:before{content:"";opacity:0;position:absolute;inset:0}.path-node .path-node-glyph{z-index:1;position:relative}.path-node.locked .brutal-block{box-shadow:none;color:var(--subdued)}.path-node.locked .brutal-block:before{opacity:1;background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 12px), var(--bg)}.path-node.complete .brutal-block,.path-node.mastered .brutal-block{color:var(--bg)}html[data-has-accent] :is(.path-node.complete,.path-node.mastered) .brutal-block{color:var(--accent-ink)}html[data-has-accent] :is(.path-node.complete,.path-node.mastered) .brutal-block:before{background:var(--accent)}html[data-has-accent] .path-act.sealed{background:var(--accent);color:var(--accent-ink)}html[data-has-accent] .path-act.sealed .path-tally-mark{box-shadow:inset 0 0 0 2px var(--accent)}.nav-bar:has(.path-nav-title){transition:background-color .24s ease-out,color .24s ease-out}.nav-bar.drenched{background:var(--ink);color:var(--bg)}html[data-has-accent] .nav-bar.drenched{background:var(--accent);color:var(--accent-ink)}.nav-bar.drenched .path-act-numeral{outline-offset:-7px;border-color:currentColor;outline:3px solid;padding:0 12px}.nav-bar.drenched .path-tally-item{color:currentColor;opacity:.72}.nav-bar.drenched .path-tally-mark{box-shadow:inset 0 0 0 2px var(--ink)}html[data-has-accent] .nav-bar.drenched .path-tally-mark{box-shadow:inset 0 0 0 2px var(--accent)}html[data-has-accent] .path-caret{background:var(--accent)}.path-node.complete .brutal-block:before,.path-node.mastered .brutal-block:before{opacity:1;background:var(--ink)}.path-node:is(.mastered,.certify) .brutal-block:after{content:"";border:3px solid;position:absolute;inset:3px}.path-node-tick{z-index:1;place-items:center;display:grid;position:absolute;top:4px;right:4px}.path-node-lock{z-index:1;background:var(--bg);place-items:center;padding:1px;display:grid;position:absolute;bottom:4px;right:4px}.path-caret{z-index:2;background:var(--ink);pointer-events:none;height:3px;position:absolute;bottom:10px;left:12px;right:12px}.path-face-index,.path-face-score,.path-face-seal{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:900}.path-face-glyph{letter-spacing:-.08em;font-size:1.7rem;font-weight:900}.path-row .path-node.certify{width:calc(var(--path-node) + 16px);height:calc(var(--path-node) + 16px)}.path-node.signed{margin-bottom:30px}.path-seal-sign{white-space:nowrap;position:absolute;top:calc(100% + 12px);left:50%;translate:-50%}@media (width<=375px){.path-map{--path-node:88px;--path-spur:52px}}@media (width<=340px){.path-node,.path-seg.v{left:50%}}@keyframes seg-draw-v{0%{scale:1 0}}@keyframes seg-draw-h{0%{scale:0 1}}@keyframes node-unlock{0%{scale:.96}}@keyframes verdict-mark{0%{opacity:0;scale:.8}}.path-map.drawing .path-seg.v.walked{animation:seg-draw-v .24s var(--ease-out-quart) backwards;animation-delay:calc(min(var(--seg,0), 30) * 16ms)}.path-map.drawing .path-seg.h.walked{animation:seg-draw-h .24s var(--ease-out-quart) backwards;animation-delay:calc(min(var(--seg,0), 30) * 16ms)}.path-map.drawing .path-node{animation:view-in .24s var(--ease-out-quart) backwards;animation-delay:calc(min(var(--seg,0), 30) * 16ms)}.path-node.unlocking .brutal-block{animation:node-unlock .24s var(--ease-out-quart)}.path-node.unlocking .brutal-block:before{animation:reveal-fade .16s var(--ease-out-quart) reverse;background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 12px), var(--bg)}.path-node.verdict .brutal-block:before{animation:reveal-fade .16s var(--ease-out-quart) backwards}.path-node.verdict .path-node-tick{animation:verdict-mark .16s var(--ease-out-quart) backwards}.path-node.verdict .path-node-glyph{animation:reveal-fade .16s var(--ease-out-quart) backwards}.path-act.sealing{animation:reveal-fade .16s var(--ease-out-quart)}.path-act.sealing .path-act-numeral{animation:reveal-pop .28s var(--ease-out-quart) .16s backwards}.path-seg.walked:after{content:"";background:var(--accent,var(--ink));opacity:0;position:absolute;inset:0}.path-map.certified .path-seg.walked:after{opacity:1}.path-map.flooding .path-seg.walked:after{animation:reveal-fade .16s var(--ease-out-quart) backwards;animation-delay:calc(min(var(--seg,0), 30) * 16ms)}.path-map.flooding .path-node.certify .brutal-block{animation:reveal-pop .28s var(--ease-out-quart) .48s backwards}.path-map.flooding .path-seal-sign{animation:reveal-fade .28s var(--ease-out-quart) .48s backwards}@media (prefers-reduced-motion:reduce){.path-map.drawing .path-seg.v.walked,.path-map.drawing .path-seg.h.walked,.path-map.drawing .path-node,.path-node.unlocking .brutal-block,.path-map.flooding .path-node.certify .brutal-block{animation:none}.path-node.unlocking .brutal-block:before,.path-node.verdict .brutal-block:before,.path-node.verdict .path-node-tick,.path-node.verdict .path-node-glyph,.path-act.sealing,.path-act.sealing .path-act-numeral,.path-map.flooding .path-seg.walked:after,.path-map.flooding .path-seal-sign{animation-name:reveal-fade;animation-duration:.15s;animation-timing-function:ease-out;animation-delay:0s}.path-node.unlocking .brutal-block:before{animation-direction:reverse}}.path-anchor{flex:none;margin:0;display:none;position:static}@media (width>=900px){.path-anchor{padding:16px 32px;display:block}.path-anchor .brutal-btn{max-width:560px;margin:0 auto}}.path-anchor-label{min-width:0}.node-result{flex-direction:column;gap:20px;display:flex}.node-result .run-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.node-result-objectives{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.node-result-objectives li{justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;font-weight:700;display:flex}.path-node.locked:active .brutal-block{box-shadow:none}.starter-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:420px;margin:0 auto;display:grid}.starter-tile{aspect-ratio:1;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform 70ms var(--ease-out-quart), box-shadow 70ms var(--ease-out-quart);padding:0}.starter-cell{flex-direction:column;gap:8px;display:flex}.starter-code{font-size:.9rem;font-weight:800}.starter-head{flex-direction:column;gap:6px;display:flex}.starter-head .title-hero,.starter-head p{margin:0}.starter-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.starter-tile.is-current{outline:3px solid var(--ink);outline-offset:-9px}.channel-nudge{border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.hex-entry .channel.is-locked .slots{background:repeating-linear-gradient(45deg, transparent 0 3px, var(--hatch) 3px 5px)}.hex-entry .channel.is-locked .slot{opacity:.45}.path-promotion{animation:banner-in .24s var(--ease-out-quart);flex:none;padding:12px 16px 0}.path-promotion>*{max-width:560px;margin:0 auto}.path-promotion .mono{font-size:1.1rem;font-weight:900}@media (prefers-reduced-motion:reduce){.path-promotion{animation:none}}.hex-entry .slot.held{color:var(--subdued)}.first-run-top{align-items:center;gap:12px;padding:12px 20px 0;display:flex}.first-run-top .first-run-bar{flex:1}.first-run-squares{align-items:center;gap:4px;min-width:0;display:flex}.first-run-squares .run-square{flex:0 14px;min-width:4px}.first-run-top-spacer{flex-shrink:0;width:44px;height:44px}.first-run-skip{flex-shrink:0}.first-run-head{padding:14px 20px 6px}.first-run-head .title-hero{margin:0}.first-run-head p{margin:6px 0 0}.fav-grid-frame{flex:1;min-height:0;overflow-y:auto;container-type:size}.fav-grid{--fav-cols:2;--fav-rows:5;--fav-gap:10px;--fav-tile:min((100cqw - 40px - (var(--fav-cols) - 1) * var(--fav-gap)) / var(--fav-cols), (100cqh - 20px - (var(--fav-rows) - 1) * var(--fav-gap)) / var(--fav-rows));grid-template-columns:repeat(var(--fav-cols), minmax(0, 1fr));gap:var(--fav-gap);padding:6px 20px 14px;display:grid}@media (width>=480px){.fav-grid{--fav-cols:5;--fav-rows:2}.fav-grid-frame{align-content:safe center;display:grid}}.fav-cell{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.fav-tile{width:max(44px, var(--fav-tile));aspect-ratio:1;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);padding:0;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:block}.fav-tile:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.fav-swatch{width:100%;height:100%;display:block}.fav-unknown{background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900;font-size:calc(max(44px, var(--fav-tile)) * .4);place-items:center;display:grid}.first-run-earn{flex:1}.first-run-earn-body{flex:1;justify-content:center;align-items:flex-start}.first-run-earn-body .title-hero{margin:0}.first-run-welcome-actions{flex-direction:column;gap:16px;display:flex}.first-run-signin{text-align:center;margin:0}.play-centered{flex-direction:column;flex:1 0 auto;justify-content:safe center;display:flex}.play-centered.screen-pad{padding-inline:20px;padding-bottom:84px}.play-swatch-stacked{flex-direction:column;gap:20px;padding-inline:0}.play-swatch-stacked .play-code{letter-spacing:0;gap:8px;margin-top:0;font-size:48px}.play-swatch-stacked .play-digit{gap:4px}.play-swatch-stacked .play-digit:after{font-size:15px}.ink-drain{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.ink-drain p{max-width:32ch;margin:0}.ink-drain .swatch{position:relative}.ink-drain .swatch:after{content:"";background:var(--ink);opacity:0;transition:opacity .6s ease-in-out;position:absolute;inset:0}.ink-drain[data-drained] .swatch:after{opacity:1}@media (prefers-reduced-motion:reduce){.ink-drain .swatch:after{transition-duration:.15s}}.play-head{padding:14px 20px 4px}.play-head.compact{justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;display:flex}.play-head.compact .title-hero{font-size:1.375rem}.play-head.compact .play-code{gap:6px;margin-top:0;font-size:1.375rem}.play-head .title-hero{margin:0}.play-head p{margin:0 0 6px}.play-swatch{align-items:center;gap:16px;padding:8px 20px;display:flex}.play-code{letter-spacing:.02em;gap:10px;margin-top:8px;font-size:1.5rem;font-weight:900;display:flex}.play-counted{counter-reset:play-digit}.play-digit{counter-increment:play-digit;flex-direction:column;align-items:center;display:inline-flex}.play-digit:after{content:counter(play-digit);color:var(--subdued);font-size:.8rem;font-weight:700}.play-hexdigits{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:320px;margin:0 auto;display:grid}.play-hexdigits span{aspect-ratio:1;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:center;font-size:1.4rem;font-weight:900;display:grid}.play>.anchored-bar{margin:auto 0 0}.play-hexdigits{width:100%}.play-pair-range{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.play-pairs{grid-template-columns:auto auto 1fr;align-items:center;gap:8px 16px;display:grid}.play-pair-row{display:contents}.pair-info{flex-direction:column;align-items:center;gap:4px;display:flex}.pair-info-name{letter-spacing:.06em;font-size:1.25rem;font-weight:800}.pair-info-byte{font-size:1.25rem;font-weight:700}.masked-hex{color:var(--subdued);align-items:center;gap:6px;font-size:1.75rem;font-weight:900;display:inline-flex}.masked-hex>span{border:2px solid var(--ink);background:repeating-linear-gradient(45deg, var(--bg) 0 5px, color-mix(in srgb, var(--hatch) 50%, transparent) 5px 7px), var(--bg);width:40px;height:32px}.pair-info[data-masked]>span{color:#0000;border:2px solid var(--ink);background:repeating-linear-gradient(45deg, var(--bg) 0 5px, color-mix(in srgb, var(--hatch) 50%, transparent) 5px 7px), var(--bg)}.play-head-key{margin-top:12px}.info-key{border:2.5px solid var(--ink);width:30px;height:30px;box-shadow:3px 3px 0 var(--ink);background:var(--bg);color:var(--ink-content);font-family:var(--font-mono);cursor:pointer;place-items:center;padding:0;font-size:1rem;font-weight:900;display:grid;position:relative}.info-key:after{content:"";position:absolute;inset:-9px}.info-key:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.swatch.pair-blank{box-shadow:none;background:repeating-linear-gradient(45deg, var(--bg) 0 7px, color-mix(in srgb, var(--hatch) 50%, transparent) 7px 10px), var(--bg)}.pair-key{border:2px solid var(--ink);cursor:pointer;min-height:44px;padding:2px 6px;font-size:48px;font-weight:900;line-height:1.15}.counter{flex-direction:column;flex:1;min-height:0;padding:0 20px 20px;display:flex}.counter-board{flex-direction:column;flex:1;align-items:center;gap:8px;padding-top:8px;display:flex}.counter-hero{flex:1;place-items:center;width:100%;min-height:72px;display:grid;container-type:size}.counter-split{display:flex}.counter-split>span{flex:1}.counter-code{gap:10px;font-size:48px;font-weight:900;display:flex}.counter-active{border-bottom:4px solid var(--ink)}.counter-lines{text-align:center;min-height:6.2em;font-size:.9rem}.counter-line{margin:2px 0 0;font-weight:700}.counter-keys{flex-direction:column;align-items:center;gap:10px;margin:4px 0 12px;display:flex}.counter-key{border:3px solid var(--ink);width:92px;height:92px;box-shadow:4px 4px 0 var(--ink);background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;padding:0;transition:transform 50ms ease-out,box-shadow 50ms ease-out;display:grid}.counter-key:not(:disabled):active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.counter-key:disabled{box-shadow:none;background:repeating-linear-gradient(45deg, var(--bg) 0 7px, color-mix(in srgb, var(--hatch) 50%, transparent) 7px 10px), var(--bg)}.counter-key:disabled .counter-glyph{opacity:.65}.earn-arrive{animation:earn-stamp .28s var(--ease-out-quart) both}@keyframes earn-stamp{0%{opacity:0;transform:translate(-4px,-4px)scale(1.06)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.earn-arrive{animation:.15s ease-out both reveal-fade}}.earn-center{text-align:center;flex-direction:column;align-items:center;display:flex}.earn-center p{max-width:32ch;margin:8px 0 0}.earn-name{margin:28px 0 0;font-size:1.75rem;font-weight:900;line-height:1.15}.earn-stage{justify-content:center;display:flex;position:relative}.earn-ring{border:3px solid var(--ink);opacity:0;pointer-events:none;width:144px;height:144px;animation:earn-ring .6s var(--ease-out-quart) .2s forwards;--ring-to:1.7;position:absolute;top:0;left:calc(50% - 72px)}.earn-ring.second{--ring-to:2.2;animation-delay:.3s}@keyframes earn-ring{0%{opacity:.7;transform:scale(1)}to{transform:scale(var(--ring-to));opacity:0}}.earn-drop{animation:earn-drop .24s var(--ease-out-quart) both}@keyframes earn-drop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}.earn-rise{animation:earn-rise .24s var(--ease-out-quart) .32s both}@keyframes earn-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.earn-ring{display:none}.earn-drop,.earn-rise{animation:.15s ease-out both reveal-fade}}.founder-earn{flex-direction:column;align-items:center;gap:12px;display:flex}.founder-steer{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.founder-steer:active{cursor:grabbing}.founder-readout{font-size:1.1rem;font-weight:900}.founder-gift .founder-earn{align-self:flex-start}.accent-gift{background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);border:none;margin:0;padding:0;position:fixed;inset:0}.accent-gift::backdrop{background:var(--bg)}.accent-gift-body{max-width:520px;height:100%;margin:0 auto}.accent-gift-swatch{aspect-ratio:1;width:min(200px,30dvh)}.gift-more{margin:0;font-size:clamp(2.6rem,13vw,3.4rem);font-weight:900;line-height:1.05}.gift-first{aspect-ratio:1;align-self:flex-start;width:100%;max-height:52dvh}.gift-glyph{grid-template-columns:repeat(5,18px);grid-auto-rows:18px;gap:3px;display:grid}.gift-glyph span.on{background:currentColor}.gift-take .brutal-btn.primary,html[data-has-accent] .gift-take .brutal-btn.primary{background:var(--gift);color:var(--gift-ink)}.color-page{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.color-page-saves{margin:0;font-weight:800}.color-page-actions{grid-template-columns:1fr 1fr;gap:12px;width:min(320px,100%);display:grid}.color-page-actions .site-btn{width:100%}.color-page-square{aspect-ratio:1;border:3px solid var(--ink);width:min(320px,100%);box-shadow:6px 6px 0 var(--ink)}.certified-body{flex:1;gap:28px}.certified-body>.earn-center{padding-top:12px}.certified-head{align-items:center;gap:16px;display:flex}.certified-head h1{margin:0;font-size:1.4rem;font-weight:900}.certified-head p{margin:4px 0 0}.certified .run-stat-tile.won .run-stat-value{color:var(--ink-content)}.certified .run-stat-tile{animation:none}.wrapped{z-index:60;justify-content:center;transition:background-color .24s ease-out,color .24s ease-out;display:flex;position:fixed;inset:0}.wrapped.accent,.wrapped.ink{background:var(--ink);color:var(--bg)}html[data-has-accent] .wrapped.accent{background:var(--accent);color:var(--accent-ink)}.wrapped.paper{background:var(--bg);color:var(--ink)}.wrapped-frame{width:100%;max-width:480px;padding:max(16px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.wrapped-taps{grid-template-columns:1fr 2fr;display:grid;position:absolute;inset:0}.wrapped-head{justify-content:space-between;align-items:center;gap:14px;padding-bottom:28px;display:flex;position:relative}.wrapped-squares{gap:5px;display:flex}.wrapped-squares span{opacity:.35;border:2px solid;width:14px;height:14px}.wrapped-squares span.seen{opacity:1;background:currentColor}.wrapped-squares span.current{opacity:1}.wrapped-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:2.5px solid;place-items:center;display:grid}.wrapped-slide{pointer-events:none;animation:wrapped-in .24s var(--ease-out-quart) both;flex-direction:column;flex:1;gap:18px;display:flex;position:relative}.wrapped-slide.live{pointer-events:auto}@keyframes wrapped-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.wrapped-slide{animation:.15s ease-out both reveal-fade}}.wrapped-fill{flex:1}.wrapped-swatches .swatch{border-color:currentColor;box-shadow:4px 4px}.wrapped-eyebrow{letter-spacing:.1em;opacity:.75;font-size:.8rem;font-weight:900}.wrapped-handle{overflow-wrap:anywhere;margin:0;font-size:2.5rem;font-weight:900}.wrapped-hero{font-variant-numeric:tabular-nums;margin:0;font-weight:900;line-height:.95}.wrapped-hero.xl{font-size:clamp(5rem,30vw,9.5rem)}.wrapped-hero.l{font-size:clamp(4rem,22vw,7rem)}.wrapped-hero.m{font-size:clamp(3rem,16vw,4.5rem)}.wrapped-caption{margin:0;font-size:1.25rem;font-weight:900}.wrapped-date{margin:0;font-size:clamp(2.5rem,12vw,3.4rem);font-weight:900;line-height:1.05}.wrapped-pair{gap:4px;display:grid}.wrapped-pair>span{opacity:.75;font-size:.8rem;font-weight:700}.wrapped-pair>strong{font-size:1.25rem;font-weight:900}.wrapped-pairs{gap:28px;display:flex}.wrapped-act{align-items:flex-start;gap:14px;display:flex}.wrapped-act h3{margin:0 0 6px;font-size:1.05rem;font-weight:900}.wrapped-act .mono{opacity:.75;font-size:.8rem;font-weight:700}.wrapped-numeral{outline-offset:-10px;border:3px solid;outline:3px solid;flex:none;place-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:900;display:grid}.wrapped-days{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.wrapped-days span{background:currentColor;width:9px;height:9px}.wrapped-tiles,.wrapped-week{flex-wrap:wrap;gap:8px;display:flex}.wrapped-tiles span{border:3px solid;width:34px;height:34px}.wrapped-tiles span.filled{background:currentColor}.wrapped-tiles span.mastered{outline:3px solid var(--ink);outline-offset:-10px}html[data-has-accent] .wrapped-tiles span.mastered{outline-color:var(--accent)}.wrapped-week{gap:5px}.wrapped-week span{border:2px solid;width:20px;height:20px}.wrapped-week span.played{background:currentColor}.wrapped-week span.frozen{background:color-mix(in srgb, currentColor 40%, transparent)}.wrapped-badges{background:var(--bg);border:3px solid;grid-template-columns:repeat(4,64px);justify-content:start;gap:14px;width:fit-content;padding:16px;display:grid}.wrapped-steps{gap:12px;display:flex;position:relative}.wrapped-steps button:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.wrapped-steps button{color:inherit;background:0 0;border:2px solid;padding:8px 12px;font-weight:900}.certified .brutal-btn[data-share]{justify-content:center}.lesson-stepper{overflow:hidden}.lesson-squares{gap:5px;width:100%;max-width:600px;margin:16px auto 0;padding:0 20px;display:flex}.lesson-squares .run-square{flex:0 0 14px;width:14px;height:14px}.lesson-page{flex:1;width:100%;max-width:600px;min-height:0;margin:0 auto;position:relative}.lesson-taps{grid-template-columns:1fr 2fr;display:grid;position:absolute;inset:0}.lesson-step{pointer-events:none;height:100%;animation:wrapped-in .2s var(--ease-out-quart) both;flex-direction:column;gap:20px;padding:20px;display:flex;position:relative;overflow-y:auto}@media (prefers-reduced-motion:reduce){.lesson-step{animation:.15s ease-out both reveal-fade}}.lesson-live{pointer-events:auto}.lesson-head .title-hero{margin:6px 0 0}.lesson-text{margin:0;font-size:1.25rem;line-height:1.45}.lesson-fill{flex:1}.lesson-swatch .lesson-swatch-item{justify-items:start;gap:8px;display:grid}.lesson-swatch-rows{gap:14px;display:grid}.lesson-swatch-rows .lesson-swatch-item{align-items:center;gap:16px;display:flex}.lesson-steps{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:0 12px 14px;font-size:.85rem;font-weight:900;display:flex}.lesson-steps button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.lesson-steps button:disabled{visibility:hidden}.lesson-quiz .screen-pad>.board-aside{margin-top:auto}:is(.lesson-quiz .screen-pad>:has(+.anchored-bar),.lesson-quiz .screen-pad>:has(+.verdict-panel)){margin-bottom:64px}.practice-start-body{flex:1}.practice-start-body>.title-hero{margin:0}.practice-rules{gap:22px;margin:auto 0 64px;display:grid}.start-board{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:8px;display:grid}.start-board .run-square{flex:none;min-width:0}.start-board .run-square.missed{color:var(--ink);place-items:center;display:grid}.start-board .run-square.missed svg{width:42%;height:42%}.start-board .run-square.chain-on:after{width:8px;right:-10px}.odd-one-board .run-square.odd{opacity:.72}.start-caption{gap:6px;display:grid}.start-caption p{margin:0;font-weight:600;line-height:1.4}.practice-rule{grid-template-columns:88px minmax(0,1fr);align-items:center;column-gap:16px;display:grid}.practice-rule p{margin:0;font-weight:600;line-height:1.4}.practice-figure{color:var(--ink-content);font-size:1.4rem;font-weight:900}.practice-streak{gap:4px;display:flex}.practice-streak .run-square{flex:0 0 14px;width:14px;height:14px}.practice-figure .practice-count{font-size:3.4rem;line-height:1;display:block}.answer-list{gap:16px;display:grid}.answer-list .answer-text{flex:1}.answer-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.answer-pair .answer-key{aspect-ratio:1;text-align:center;justify-content:center;position:relative}.answer-pair .answer-letter{display:none}.answer-pair .answer-text{overflow-wrap:anywhere;font-size:1.75rem;font-weight:900;line-height:1.15}.answer-pair .answer-key.mono-key .answer-text{font-size:3.6rem}.swatch-rows.square .answer-key{aspect-ratio:1}.swatch-rows.square .answer-key.mono-key{font-size:3.6rem}.channel-title{margin:0;font-size:1.75rem;font-weight:900;line-height:1.15}.channel-board{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.channel-cell{flex-direction:column;align-items:center;gap:8px;display:flex}.channel-square{aspect-ratio:1;border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);cursor:pointer;place-items:center;padding:0;display:grid}.channel-square:disabled{cursor:default}.channel-square.held{box-shadow:none;transform:translate(4px,4px)}.channel-name{font-size:.8rem;font-weight:900}.channel-open{cursor:pointer;width:100%;max-width:none;height:100%;max-height:none;animation:channel-grow .42s var(--ease-out-quart) both;border:none;align-items:flex-end;margin:0;padding:0;display:flex;position:fixed;inset:0}.channel-open.leaving{animation:channel-shrink .34s var(--ease-out-quart) both}.channel-open-body{width:100%;max-width:480px;padding:24px 24px max(48px, env(safe-area-inset-bottom));animation:wrapped-in .24s var(--ease-out-quart) .3s both;flex-direction:column;gap:18px;margin:0 auto;display:flex}.channel-open.leaving .channel-open-body{opacity:0;animation:none}.channel-open::backdrop{background:0 0}.channel-open-range{font-size:2.1rem}@keyframes channel-grow{0%{clip-path:var(--from)}to{clip-path:inset(0)}}@keyframes channel-shrink{0%{clip-path:inset(0)}to{clip-path:var(--from)}}@media (prefers-reduced-motion:reduce){.channel-open{animation:.15s ease-out both reveal-fade}.channel-open.leaving{animation:.15s ease-out both channel-fade-out}.channel-open-body{animation:none}}@keyframes channel-fade-out{to{opacity:0}}.stats-hero{color:var(--ink-content);font-size:3.5rem;font-weight:900;line-height:1}.stats-longest{color:var(--ink-content);font-size:1.8rem;font-weight:900}.stats-line{font-size:.85rem;font-weight:800}.stats-cal-foot{margin:12px 0 0}.stats-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stats-grid>.choice-block{width:100%;display:block}.stats-tile-value{font-size:1.8rem;font-weight:900;line-height:1.1}.stats-tile-value.number{color:var(--ink-content)}.stats-tile-action{color:var(--ink-content);font-size:.85rem;font-weight:900}.site-header-mark .site-footer-square{width:34px;height:34px}.site-header-mark .site-footer-word{font-size:1.25rem}.site-fineprint{margin:12px 0 0;font-size:.85rem}#try .verdict-panel{max-width:560px;margin-top:18px}#try .verdict-key{gap:6px}.site-after{gap:14px;margin-top:22px;display:grid}.site-why{gap:20px;margin:22px 0 28px;padding:0 4px 4px 0;display:grid}@media (width>=720px){.site-why{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-why-card{align-content:start;gap:12px;display:grid}.site-why-quote{margin:0;font-size:1.15rem;font-weight:600;line-height:1.4}.site-why-code{align-items:center;gap:16px;display:flex}.site-subhead{margin:0 0 8px}.site-method{gap:20px;margin:22px 0 30px;padding:0 4px 4px 0;list-style:none;display:grid}@media (width>=860px){.site-method{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-method>li{display:grid}.site-method-card{align-content:start;gap:10px;display:grid}.site-modules{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px;margin:10px 0 0;padding:0 4px 4px 0;list-style:none;display:grid}.site-module{align-items:center;gap:14px;display:flex}.site-module-tile{border:3px solid var(--ink);width:48px;height:48px;box-shadow:4px 4px 0 var(--ink);background:var(--bg);color:var(--ink-content);flex:none;place-items:center;font-size:1.1rem;font-weight:900;display:grid}.site-module-title{font-size:.95rem;font-weight:800;line-height:1.3}.site-week-card{gap:14px;max-width:460px;margin-top:22px;display:grid}.site-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.site-week-day{justify-items:center;gap:6px;display:grid}.site-week-square{aspect-ratio:1;border:2px solid var(--ink);background:var(--bg);width:100%}.site-week-square.is-played{background:var(--ink)}.site-week-square.is-today{box-shadow:3px 3px 0 var(--ink);border-width:3px}.site-week-square.is-ahead{border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.site-week-letter{color:var(--subdued);font-size:.7rem}.site-badges{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:22px 16px;margin:22px 0 28px;padding:0 6px 6px 0;list-style:none;display:grid}.site-badge{text-align:center;justify-items:center;gap:10px;display:grid}.site-badge-title{font-size:.8rem;font-weight:800;line-height:1.25}.site-cert{gap:10px;max-width:560px;display:grid}.site-close-title{margin:0 0 12px}.site-made{letter-spacing:.06em;opacity:.75;margin:22px 0 0;font-size:.8rem}.press-label{letter-spacing:.08em;color:var(--subdued);font-size:.72rem;font-weight:700}.press-key{align-items:center;gap:10px;display:inline-flex}.press-glance{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.press-tile{border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent);grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:2px 14px;min-width:0;padding-block:14px;display:grid}.press-tile-icon{border:3px solid var(--ink);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);background:var(--bg);grid-row:span 2;place-items:center;display:grid}.press-tile-value{overflow-wrap:anywhere;font-weight:700}.press-tile-value a{color:inherit;border-bottom:2px solid;text-decoration:none}.press-more{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.press-pdf{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#e4e5e7;margin-top:28px}.press-pdf-frame{border:0;width:100%;height:min(86vh,1100px);display:block}.press-assets{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.press-asset{grid-template-rows:auto auto 1fr;grid-template-columns:40px minmax(0,1fr);gap:4px 14px;padding:20px;display:grid}.press-asset .press-tile-icon{grid-row:1/3}.press-asset-title{font-weight:800}.press-asset-note{font-size:.9rem}.press-asset .press-key{grid-column:1/-1;place-self:end start;margin-top:18px}.press-sheet-lede{margin:0 0 18px}.press-boiler{gap:18px;display:grid}.press-boiler-lang{align-content:start;gap:18px;display:grid}.press-quote{justify-items:start;gap:12px;min-width:0;margin:0;display:grid}.press-quote-text{text-wrap:pretty;margin:0;line-height:1.55}.press-copy{align-items:center;gap:8px;display:inline-flex}.press-logo-pair{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.press-ground{aspect-ratio:3/2;place-items:center;display:grid}.press-ground-paper{background:#fff}.press-ground-night{background:#101418}.press-ground img{max-width:76%;max-height:34%;display:block}.press-rules-list{gap:10px;margin:22px 0;padding:0;line-height:1.45;list-style:none;display:grid}.press-rules-list li{grid-template-columns:22px minmax(0,1fr);align-items:baseline;display:grid}.press-rules-list .kare-icon{position:relative;top:2px}.featured{gap:8px;display:grid}.featured-list{flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0;padding:0;list-style:none;display:flex}.featured-badge{display:block}.featured-badge img{width:auto;height:48px;display:block}.featured-grey{filter:grayscale()}html.dark .featured-grey{filter:grayscale()invert()}.featured-dark,html.dark .featured-light{display:none!important}html.dark .featured-dark{display:block!important}.wordmark,.site-footer-word,.legal-wordmark,.about-name,.boot-wordmark,.v2-brand>span{font-family:var(--font-sans);font-weight:900;font-stretch:var(--stretch-display);letter-spacing:-.03em}.v2{--line:color-mix(in srgb, var(--ink) 14%, transparent);--gutter:max(20px, env(safe-area-inset-left,0px));--rail:1320px;--sans:var(--font-sans);--mono:var(--font-mono);--ease:cubic-bezier(.2, .7, .1, 1);background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--sans);text-transform:lowercase;-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.55}.v2 main{display:block}.v2 :is(h1,h2,h3,p){text-wrap:pretty;margin:0}.v2 :is(h1,h2){text-wrap:balance}.v2-mono{font-family:var(--mono);font-feature-settings:"zero" 0}.v2-reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(12px)}.v2-reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.v2-reveal{opacity:1;transition:none;transform:none}}.v2-top{max-width:var(--rail);padding:28px var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.v2-brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:12px;font-size:1.2rem;font-weight:900;text-decoration:none;display:inline-flex}.v2-brand-mark{width:30px;height:30px}.v2-top-actions{gap:10px;display:flex}.v2-hero,.v2-section,.v2-close{max-width:var(--rail);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.v2-section{gap:clamp(28px,4vw,48px);padding-block:0 clamp(96px,14vw,200px);display:grid}.v2-section:before,.v2-close:before{content:"";background:var(--line);grid-column:1/-1;height:1px;margin-bottom:clamp(48px,7vw,96px)}.v2-display{font-size:clamp(2.8rem,8.4vw,8rem);font-weight:900;font-stretch:var(--stretch-display);letter-spacing:-.045em;line-height:.9}.v2-display>span{display:block}.v2-h2{font-size:clamp(1.6rem,3.4vw,3rem);font-weight:800;font-stretch:var(--stretch-display);letter-spacing:-.03em;max-width:24ch;line-height:1.12}.v2-body{max-width:52ch;color:var(--subdued)}.v2-body strong{color:var(--ink);font-weight:700}.v2-lede{max-width:36ch;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.45}.v2-fine{color:var(--subdued);font-size:.78rem}.v2-columns{gap:28px;display:grid}@media (width>=860px){.v2-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}}.v2-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.v2-door{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg));letter-spacing:.02em;padding:18px 28px;font-weight:800;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:inline-block}.v2-door.is-founder{background:var(--founder-fill,var(--ink));color:var(--founder-ink,var(--bg));transition:color .6s ease-in-out,transform 80ms ease-out,box-shadow 80ms ease-out}.v2-door:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.v2-door:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.v2-door:focus-visible,.v2 button:focus-visible,.v2 summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.v2-link{color:var(--ink);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;font-weight:700;text-decoration:underline}.v2-hero{--hero-pb:clamp(96px, 12vw, 180px);padding-block:clamp(24px, min(8vw, 6svh), 120px) var(--hero-pb);gap:clamp(28px,min(5vw,4svh),64px);display:grid}.v2-hero-foot{align-content:start;gap:28px;display:grid}.v2-live{align-content:start;gap:14px;margin:0;display:grid}.v2-live-square{aspect-ratio:1;border:3px solid var(--ink);max-width:100%;box-shadow:6px 6px 0 var(--ink);background:#3a7f2c}@media (width<=999px){.v2-hero .v2-live{order:-1}.v2-live-square{width:min(100% - 6px,40svh)}}@media (width>=1000px){.v2-hero{min-height:calc(100svh - 94px - 24px + var(--hero-pb));grid-template-rows:auto minmax(160px,1fr);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;column-gap:clamp(48px,6vw,112px)}.v2-hero .v2-display{grid-column:1/-1}.v2-hero .v2-hero-foot{grid-area:2/1}.v2-hero .v2-live{grid-area:2/2;align-self:stretch;min-height:160px;container-type:size}.v2-live-square{width:min(100cqw - 6px,100cqh - 14px - 2.4em)}}.v2-live-code{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700}.v2-try-grid{grid-template-areas:"note""field""board""door";gap:16px;display:grid}.v2-try-note{grid-area:note;margin-bottom:12px}.v2-try-field{aspect-ratio:1;grid-area:field;width:clamp(96px,100svh - 420px,200px);max-width:calc(100% - 4px)}.v2-try-board{grid-area:board}.v2-try-door{grid-area:door;margin-top:12px}@media (width>=900px){.v2-try-grid{grid-template:"field note""field board""field door"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px clamp(28px,4vw,64px)}.v2-try-note,.v2-try-door{margin:0}.v2-try-field{align-self:stretch;width:auto;min-height:320px}}.v2-quote{letter-spacing:-.035em;color:var(--subdued);max-width:20ch;font-size:clamp(1.8rem,4.6vw,4.2rem);font-weight:400;line-height:1.1}.v2-answer{letter-spacing:-.02em;align-items:center;gap:clamp(16px,2vw,28px);font-size:clamp(2.2rem,6.4vw,6rem);font-weight:700;line-height:1;display:flex}.v2-chip{flex:none;width:.9em;height:.9em}.v2-row-title{letter-spacing:-.02em;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700}.v2-split{align-items:center}@media (width>=900px){.v2-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.v2-split>div:first-child{gap:20px;display:grid}.v2-week-wrap{gap:16px;display:grid}.v2-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-width:520px;display:grid}.v2-week>span{justify-items:center;gap:10px;display:grid}.v2-week i{aspect-ratio:1;border:1px solid var(--ink);width:100%}.v2-week i.is-played{background:var(--accent,var(--ink))}.v2-week i.is-today{box-shadow:4px 4px 0 var(--ink);border-width:3px}.v2-week i.is-ahead{border-color:var(--line)}.v2-week b{color:var(--subdued);font-size:.75rem;font-weight:500}.v2-week i.is-today+b{color:var(--ink-content,var(--ink));font-weight:800}.v2-marks{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 12px;margin:0;padding:0 6px 6px 0;list-style:none;display:grid}@media (width>=900px){.v2-marks{grid-template-columns:repeat(8,minmax(0,1fr));gap:28px 16px}}.v2-marks li{align-content:start;justify-items:start;gap:12px;display:grid}.v2-marks span{font-size:.85rem;font-weight:600}.v2-faq{border-top:1px solid var(--line);max-width:880px}.v2-faq details{border-bottom:1px solid var(--line)}.v2-faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;gap:24px;padding-block:24px;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:600;list-style:none;display:flex}.v2-faq summary::-webkit-details-marker{display:none}.v2-faq summary:after{content:"+";font-family:var(--mono);color:var(--subdued)}.v2-faq details[open] summary:after{content:"−"}.v2-faq details p{color:var(--subdued);max-width:64ch;padding-bottom:28px}.v2-close{gap:clamp(36px,5vw,64px);padding-block:0 clamp(120px,16vw,240px);display:grid}.v2 .site-footer{max-width:var(--rail);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.v2-try-board{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.v2-trail{--path-node:64px;--path-drop:36px;--path-trace:4px;width:100%;max-width:640px;margin:0;padding:0}.v2-trail .path-face-index{font-size:1.25rem}.v2-trail .path-caret{bottom:7px;left:8px;right:8px}.v2-trail-title{top:calc(var(--path-drop) + var(--path-node) / 2);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(.92rem,1.3vw,1.05rem);font-weight:700;line-height:1.25;position:absolute;translate:0 -50%}.v2-trail-row:is(.lane-L,.lane-C) .v2-trail-title{left:calc(var(--lane) + var(--path-node) / 2 + 18px);right:0}.v2-trail-row.lane-R .v2-trail-title{left:0;right:calc(100% - var(--lane) + var(--path-node) / 2 + 18px);text-align:right}.v2-trail-row:has(.path-node.locked) .v2-trail-title{color:var(--subdued);font-weight:600}@media (width<=360px){.v2-trail .path-node{left:calc(var(--path-node) / 2)}.v2-trail .path-seg{display:none}.v2-trail .path-link:before{content:"";width:var(--path-trace);top:0;bottom:0;left:calc(var(--path-node) / 2 - var(--path-trace) / 2);background:var(--hatch);position:absolute}.v2-trail .path-link:has(.walked):before{background:var(--ink)}.v2-trail-row:is(.lane-L,.lane-C,.lane-R) .v2-trail-title{left:calc(var(--path-node) + 18px);text-align:left;right:0}}@media (width<=999px){.v2-method>.v2-method-door{order:1}}@media (width>=1000px){.v2-method{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;column-gap:clamp(48px,6vw,112px)}.v2-method>.v2-h2{grid-area:2/1}.v2-method>.v2-lede{grid-area:3/1}.v2-method>.v2-method-door{grid-area:4/1}.v2-method>.v2-trail{grid-area:2/2/span 4;justify-self:end}}