:root{--ink:#000;--bg:#fff;--ink-content:var(--ink);--subdued:#000000a6;--hatch:#00000059;--destructive:#ff3b30;--font-sans:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--motion-nav:.12s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--ink:#ededed;--bg:#1a1b1e;--subdued:#edededa6;--hatch:#ededed59;--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,.badge-row-status.is-earned,.mode-tile.inverted,.rank-plate.podium,.you-chip,.feed-reaction[aria-pressed=true],.season-board,.standings-header,.lobby-identity,.duel-summary.inverted,.side-nav,.site-close-plate,.site-langpick-option:is(:hover,:focus-visible),.site-langpick-option[aria-current],.site-mark.is-founder.is-earned,.photohex-slot-remove,.path-act.sealed,.path-node.complete,.path-node.mastered,.subdued,.tab-bar button,.feed-tab,.side-nav-items button,.hex-keypad,.badge-row.locked,.path-node.locked,.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}.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)}.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.secondary{border-width:2px}.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:.1em;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{opacity:.4}.brutal-btn.primary{background:var(--accent,var(--ink));color:var(--bg)}html[data-has-accent] .brutal-btn.primary{color:var(--accent-ink,#000)}.brutal-btn.destructive{background:var(--destructive);color:#fff}.brutal-btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.brutal-btn.compact{width:auto;padding:10px 14px;font-size:.85rem}.icon-btn{width:44px;height:44px;color:var(--ink-content);border:2.5px solid var(--ink);box-shadow:3px 3px 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:1px 1px 0 var(--ink);transform:translate(2px,2px)}.brutal-error{border:2px 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{pointer-events:auto;touch-action:none;cursor:grab;border:3px solid var(--ink);width:96px;height:96px;box-shadow:4px 4px 0 var(--ink);will-change:transform;padding:0;position:absolute;top:0;left:0}.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}.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)}.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-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}.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.5rem;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:1px 1px 0 var(--ink);transform:translate(2px,2px)}.hex-keypad .key:disabled{opacity:.4}.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);border-width:3px}.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.5rem;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:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--bg);height:16px;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:10px;box-shadow:none;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 + 13px);border:2.5px solid var(--ink);box-shadow:3px 3px 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);transition:translate .2s var(--ease-out-quart);display:block}.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)}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{opacity:.4}.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,.setting-select{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:none;outline:none;padding:0;font-weight:800}.setting-select{appearance:none;flex:1}.guess-board{--hero-size:150px;flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px 20px 32px;display:flex}.guess-board .board-middle{flex:1;align-items:stretch;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:flex-start;align-items:flex-start;gap:8px;min-width:0;display:flex}.board-input{flex-direction:column;gap:16px;display:flex}@media (width<=899px){.guess-board{width:100%;max-width:600px;margin-inline: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-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-day{flex-direction:column;flex:0 22px;align-items:center;gap:3px;min-width:0;display:flex}.streak-day>span{border:1.5px solid var(--ink);background:0 0;width:100%;height:12px}.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-content>svg{color:var(--ink-content);margin-bottom:6px}.home-notification-rest{color:var(--ink-content);place-items:center;display:grid}.home-notification-count{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:900;line-height:1.05}.home-main{flex-direction:column;gap:16px;min-width:0;display:flex}.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}.command-arrow{color:var(--ink-content);font-size:2rem;font-weight:900}.compact-command .label{letter-spacing:.06em;font-size:1.25rem}.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 .badge-mark.compact{width:36px;height:36px;box-shadow:2px 2px 0 var(--ink);font-size:.65rem}.badge-showcase:active>*{transform:translate(1px,1px)}.badge-mark{border:3px solid var(--ink);width:72px;height:72px;box-shadow:4px 4px 0 var(--ink);background:var(--bg);color:var(--ink-content);place-items:center;font-size:1rem;font-weight:900;display:grid}.badge-mark.compact{width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);font-size:.75rem}.badge-mark.earned{background:var(--accent,var(--ink));color:var(--accent-ink,var(--bg))}.badge-mark.locked{background:repeating-linear-gradient(45deg, transparent 0 9px, var(--hatch) 9px 11px);color:var(--ink)}.badge-mark.locked .mono{background:var(--bg);padding:0 3px}.badge-mark.credential{outline-offset:-7px;outline:2px solid}.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{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.badge-case-count{font-size:1.4rem;font-weight:800}.badge-case-count b{font-size:2rem;font-weight:900}.badge-case-note{color:inherit;opacity:.82;font-size:.82rem}html[data-has-accent] .badge-case-header{background:var(--accent);color:var(--accent-ink)}.badge-case-header .hex-progress{background:0 0;border-color:currentColor}.badge-case-header .hex-progress .fill{background:currentColor}.badge-group{flex-direction:column;gap:4px;display:flex}.badge-group-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.badge-group-head h2{margin:0;font-size:1rem}.badge-group-count{color:var(--subdued);font-size:.85rem;font-weight:900}.badge-group-desc{font-size:.82rem}.badge-case{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--bg);margin-top:8px}.badge-row{border-bottom:2px solid var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px 14px;padding:13px 16px;display:grid}.badge-row .hex-progress{grid-column:2/-1}.badge-row:last-child{border-bottom:0}.badge-row .badge-mark{width:52px;height:52px;box-shadow:3px 3px 0 var(--ink);grid-row:1/-1;font-size:.9rem}.badge-row-body{flex-direction:column;gap:5px;min-width:0;display:flex}.badge-row-body h3{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.95rem}.badge-row-text{color:var(--subdued);font-size:.83rem;line-height:1.4}.badge-row.earned .badge-row-text{color:var(--ink)}.badge-row-rule{color:var(--subdued);font-size:.75rem;line-height:1.35}.badge-row-status{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--ink);justify-self:end;padding:4px 8px;font-size:.6rem;font-weight:900}.badge-row-status .mono{letter-spacing:0;font-size:.72rem}.badge-row-status.is-earned{background:var(--accent,var(--ink));color:var(--bg);border-color:var(--ink)}html[data-has-accent] .badge-row-status.is-earned{color:var(--accent-ink,#000)}.badge-row.locked .badge-row-status{color:var(--subdued);border-color:color-mix(in srgb, var(--subdued) 55%, transparent)}.result-reveal{animation:reveal-pop .28s var(--ease-out-quart)}.reveal-swatches{justify-content:center}.drill-verdict{animation:reveal-pop .16s var(--ease-out-quart);display:inline-flex}.drill-verdict.is-right{color:var(--ink-content)}.drill-arrive{animation:view-in .18s var(--ease-out-quart)}@media (prefers-reduced-motion:reduce){.result-reveal,.view-swap,.view-push,.view-pop,.shell-banner,.drill-verdict,.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 .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-label{color:var(--subdued);justify-self:start;font-weight:900}.exercise-host{display:contents}.practice-status{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 0;display:flex}.pair-entry{font-family:var(--font-mono);justify-content:center;align-items:center;gap:10px;display:flex}.pair-entry .channel-tag{color:var(--subdued);font-size:1.1rem;font-weight:900}.pair-entry .slot{border:2px solid var(--ink);place-items:center;width:36px;height:46px;font-size:1.5rem;font-weight:900;display:grid}.pair-entry .slot.inactive{border-color:color-mix(in srgb, var(--ink) 30%, transparent)}.pair-entry .slot.active{border-width:3px}.anchor-row{font-family:var(--font-mono);justify-content:center;gap:8px;font-size:.85rem;font-weight:800;display:flex}.anchor-row span{border:2px solid var(--ink);padding:4px 8px}.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}.next-daily{text-align:center}.next-daily-clock{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900}.anchored-bar{background:var(--bg);border-top:3px solid var(--ink);margin:auto -20px -20px;padding:16px 20px;position:sticky;bottom:0}.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{border:2px 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-tier{background:var(--bg);color:var(--ink-content);align-items:center;gap:8px;margin:0;padding:16px 20px 6px;display:flex}.notification-row{background:var(--ink);border-bottom:2px 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:16px 20px;display:flex}.notification-widget:focus-visible{outline-offset:-3px}.notification-mark{width:26px;height:26px;color:var(--ink-content);flex-shrink:0;place-items:center;display:grid}.notification-mark.code{border:2px solid var(--ink);font-size:.6rem;font-weight:900}.notification-title{font-weight:700}.notification-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.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-skeletons .skeleton{box-shadow:none;border-bottom:2px solid var(--ink)}.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{color:var(--ink);align-items:center;gap:10px;display:flex}.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:1px 1px 0 var(--ink);transform:translate(2px,2px)}.feed-reaction:disabled{cursor:wait;opacity:.65}.feed-skeletons,.feed-error-stack{gap:16px;display:grid}.feed-skeletons .skeleton{box-shadow:4px 4px 0 var(--ink)}.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%}.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-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.saved-color-cell{position:relative}.saved-color{border:3px solid var(--ink);width:100%;min-height:86px;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(--mono);position:absolute;top:5px;right:3px}.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}.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)}}.shell-banner{animation:shell-banner-in .24s var(--ease-out-quart);flex:none;padding:12px 16px}.shell-banner>*{max-width:480px;margin:0 auto}.shell-banner>button{width:100%;display:block}.shell-banner-label{color:var(--ink-content)}.shell-banner-icon{width:34px;height:34px;color:var(--ink-content);place-items:center;display:grid}@keyframes shell-banner-in{0%{opacity:0;transform:translateY(-16px)}}dialog.brutal-dialog{border:3px solid var(--ink);box-shadow:6px 6px 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(--bg);width:min(560px,100%);max-height:80vh;color:var(--ink);transition:transform .16s ease-in, overlay .16s allow-discrete, display .16s allow-discrete;flex-direction:column;gap:14px;margin:auto auto 0;padding:8px 20px 24px;transform:translateY(100%)}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{background:var(--ink);opacity:.35;width:44px;height:4px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-body{overflow-y:auto}@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}.side-nav{border-right:3px solid var(--ink);flex-direction:column;flex-shrink:0;gap:32px;width:232px;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}.notification-list{max-width:760px;margin-inline:auto}.notification-tier,.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}.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)}.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}.shell-banner{padding:16px}}@media (width>=1180px){.guess-board{--hero-size:260px;grid-template:"extras extras""middle input"1fr/minmax(0,440px) 380px;place-content:start center;gap:32px 44px;width:100%;max-width:900px;margin:0 auto;padding:36px 32px;display:grid}.board-extras{grid-area:extras}.guess-board .board-middle{grid-area:middle;justify-content:center;gap:40px}.guess-board .board-row{justify-content:center}.guess-board .board-aside{align-self:center}.board-input{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-flicker{width:44px;height:44px;color:var(--ink);background:var(--bg);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:center;font-size:1.4rem;line-height:1;display:grid}.legal-flicker:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.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 a{color:var(--ink);border-bottom:2px solid var(--ink);text-decoration:none}.site-footer{border-top:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;width:100%;margin:48px auto 0;padding-top:18px;display:flex;container-type:inline-size}.legal-page .site-footer{width:min(100%,70ch)}.site-footer-mark{color:var(--ink);align-items:center;gap:10px;padding-block:11px;text-decoration:none;display:flex}.site-footer-square{border:3px solid var(--ink);width:22px;height:22px;box-shadow:3px 3px 0 var(--ink);background:var(--accent,var(--ink));flex:none;transition:background-color .22s ease-out,transform 70ms ease-out,box-shadow 70ms ease-out}.site-footer-mark:active .site-footer-square{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.site-footer-word{letter-spacing:-.02em;font-size:1.05rem;font-weight:900}.site-footer-mark:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.site-footer-nav{flex-wrap:wrap;gap:4px 18px;display:flex}.site-footer-reach{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}@container (width<800px){.site-footer-nav,.site-footer-reach{width:100%}}.legal-route-link{color:var(--ink);border-bottom:2px solid var(--ink);padding-block:11px;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}.telemetry-overlay{z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.telemetry-dialog{width:min(100%,30rem);max-height:90vh;overflow-y:auto}.telemetry-actions{flex-direction:column;gap:10px;display:flex}.about-credit{font-weight:700}.about-credit a{color:var(--ink);border-bottom:2px solid 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-langpick{position:relative}.site-langpick-trigger{letter-spacing:.12em;height:44px;color:var(--ink);background:var(--bg);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:6px;padding-inline:10px;font-size:.72rem;font-weight:800;display:flex}.site-langpick-trigger:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.site-langpick-trigger svg{transition:transform .2s var(--ease-out-quart)}.site-langpick[data-open] .site-langpick-trigger svg{transform:rotate(180deg)}.site-langpick-menu{top:calc(100% + 8px);z-index:20;background:var(--bg);border:2px solid var(--ink);min-width:max(100%,168px);box-shadow:4px 4px 0 var(--ink);opacity:0;transition:opacity .12s ease-out, transform .12s ease-out, display .12s allow-discrete;display:none;position:absolute;inset-inline-end:0;transform:translateY(-6px)}.site-langpick[data-open] .site-langpick-menu{opacity:1;transition:opacity .16s ease-out, transform .16s var(--ease-out-quart), display .16s allow-discrete;display:grid;transform:translateY(0)}@starting-style{.site-langpick[data-open] .site-langpick-menu{opacity:0;transform:translateY(-6px)}}.site-langpick-option{color:var(--ink);background:var(--bg);text-align:start;white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:10px;padding:11px 14px;font-size:.72rem;font-weight:800;display:flex}.site-langpick-option+.site-langpick-option{border-top:2px solid var(--ink)}.site-langpick-option:is(:hover,:focus-visible){background:var(--ink);color:var(--bg)}.site-langpick-option:focus-visible{outline-color:var(--bg);outline-offset:-7px}.site-langpick-code{letter-spacing:.04em;border:2px solid;place-items:center;width:27px;height:22px;font-size:.66rem;display:grid}.site-langpick-option[aria-current] .site-langpick-code{background:var(--ink);color:var(--bg)}.site-langpick-option[aria-current]:is(:hover,:focus-visible) .site-langpick-code{background:var(--bg);color:var(--ink)}.legal-flicker>span{transition:transform .2s var(--ease-out-quart);display:block}.legal-flicker[aria-pressed=true]>span{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.site-langpick-trigger svg,.legal-flicker>span{transition:none}.site-langpick-menu,.site-langpick[data-open] .site-langpick-menu{transition:opacity .15s ease-out, display .15s allow-discrete;transform:none}@starting-style{.site-langpick[data-open] .site-langpick-menu{transform:none}}}.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-section-loose{--site-section-gap:64px}.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{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,9vw,4.75rem);font-weight:900;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{letter-spacing:-.02em;text-wrap:balance;margin:0 0 20px;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:900;line-height:1.1}.site-lede,.site-body,.site-block-body,.site-fineprint{text-wrap:pretty}.site-h2-tight{margin-bottom:12px}.site-body{max-width:62ch;margin:0 0 28px;line-height:1.6}.site-steps{gap:20px;margin:0;padding:0 4px 4px 0;list-style:none;display:grid}@media (width>=860px){.site-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.site-step{aspect-ratio:1}}.site-step{background:var(--bg);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--accent,var(--ink));transition:box-shadow .22s ease-out var(--step-delay,0s);flex-direction:column;padding:18px;display:flex}.site-step:nth-child(2){--step-delay:60ms}.site-step:nth-child(3){--step-delay:.12s}.site-step-title{margin:14px 0 8px;font-size:.95rem}.site-step .site-block-body{margin:0}.site-index{letter-spacing:.02em;font-size:1.1rem;font-weight:900;display:block}.site-index:after{content:"";background:var(--accent,var(--ink));width:28px;height:3px;transition:background .22s ease-out var(--step-delay,0s);margin-top:10px;display:block}.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-earned-lead{letter-spacing:-.01em;text-wrap:pretty;max-width:none;margin:0 0 clamp(36px,4.5vw,56px);font-size:clamp(1.15rem,2.2vw,1.8rem);line-height:1.35}.site-marks{flex-wrap:wrap;gap:clamp(12px,3vw,16px);margin:0 0 14px;padding:0 4px 4px 0;list-style:none;display:flex}.site-marks-note{margin-top:0}.site-mark{border:3px solid var(--ink);width:72px;height:72px;box-shadow:4px 4px 0 var(--ink);background:repeating-linear-gradient(45deg, transparent 0 10px, var(--hatch) 10px 12px);letter-spacing:.02em;place-items:center;font-size:1.1rem;font-weight:900;display:grid}.site-mark.is-credential{position:relative}.site-mark.is-credential:before{content:"";border:3px solid var(--ink);pointer-events:none;position:absolute;inset:4px}.site-mark>span{background:var(--bg);padding:0 3px}.site-mark.is-founder{--earn-ease:cubic-bezier(.33, 1, .68, 1);--earn-time:.42s;position:relative}.site-mark.is-founder:after{content:"";background:var(--accent,var(--ink));opacity:0;transition:opacity var(--earn-time) var(--earn-ease), transform var(--earn-time) var(--earn-ease);position:absolute;inset:0;transform:scale(1.05)}.site-mark.is-founder>span{z-index:1;transition:color var(--earn-time) var(--earn-ease), background-color var(--earn-time) var(--earn-ease);position:relative}.site-mark.is-founder.is-earned:after{opacity:1;transform:scale(1)}.site-mark.is-founder.is-earned>span{color:var(--accent-ink,var(--bg));background:0 0}@media (prefers-reduced-motion:reduce){.site-mark.is-founder:after{transition:opacity .2s ease-out;transform:none}.site-mark.is-founder.is-earned:after{transform:none}}.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:10px 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;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:800 .7rem/1.4 var(--font-sans);text-transform:uppercase;letter-spacing:.08em;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-run>.photohex-back{width:fit-content}.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;display:flex}.photohex-setup-body{flex-direction:column;flex:1;gap:14px;width:calc(100% - 40px);max-width:560px;min-height:0;margin:16px auto 0;display:flex}.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{aspect-ratio:1;border:1.5px solid var(--hatch);place-items:center;display:grid;overflow:hidden}.photohex-slot.filled{border:2px solid var(--ink);cursor:pointer;background:0 0;padding:0;position:relative}.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-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-slot>span:not(.photohex-slot-remove){font:800 .8rem/1 var(--font-mono);color:var(--hatch)}.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}.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}.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-top: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-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);color:var(--ink);min-width:88px}.photohex-sheet-stat-label{font:800 .72rem/1 var(--font-sans);letter-spacing:.14em;color:var(--ink)}.photohex-sheet-stat-detail{font:400 .85rem/1.35 var(--font-sans);color:var(--subdued);margin-top:3px}.photohex-add-options{gap:14px;padding:4px 0 8px;display:grid}.path-map{--path-node:96px;--path-spur:56px;--path-drop:40px;--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:sticky;top:0}.path-act:first-child{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-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.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-caret{background:var(--accent)}.path-node.complete .brutal-block:before,.path-node.mastered .brutal-block:before{opacity:1;background:var(--ink)}.path-node.mastered .brutal-block{outline-offset:-9px;outline:3px solid}.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-drop{z-index:3;pointer-events:none;translate:0 var(--caret-y,0);list-style:none;position:absolute;top:0;left:0}.path-caret-jog{translate:var(--caret-x,0) 0;display:block}.caret-travel .path-caret-drop{transition:translate .1s var(--ease-out-quart)}.caret-travel .path-caret-jog{transition:translate .1s var(--ease-out-quart) .1s}.path-caret{width:var(--caret-w,72px);margin-left:calc(var(--caret-w,72px) / -2);background:var(--ink);height:3px;animation:2.2s ease-in-out infinite caret-blink;display:block}.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.certify .brutal-block{outline-offset:-9px;outline:3px solid}@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}@media (prefers-reduced-motion:reduce){.path-caret,.path-map.drawing .path-seg.v.walked,.path-map.drawing .path-seg.h.walked,.path-map.drawing .path-node{animation:none}.caret-travel .path-caret-drop,.caret-travel .path-caret-jog{transition:none}.path-caret-drop{animation:.15s ease-out reveal-fade}.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{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{text-overflow:ellipsis;min-width:0;overflow:hidden}.node-result{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.node-result-datum{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:900;line-height:1}.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-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)}