:root{--color-bg: #fafaf7;--color-surface: #ffffff;--color-surface-sunken: #f1f1ee;--color-border: #d3d6da;--color-border-strong: #878a8c;--color-text: #1a1a1b;--color-text-muted: #787c7e;--color-text-inverse: #ffffff;--color-accent: #6b1d1d;--color-accent-strong: #4a1212;--color-cursor: #b8860b;--color-cell-unrevealed-bg: #d3d6da;--color-cell-unrevealed-fg: #1a1a1b;--color-cell-revealed-direct-bg: #6aaa64;--color-cell-revealed-direct-fg: #ffffff;--color-cell-revealed-mirror-bg: #c9b458;--color-cell-revealed-mirror-fg: #ffffff;--color-cell-pivot-border: #8a8a8c;--color-key-bg: #d3d6da;--color-key-fg: #1a1a1b;--color-key-bg-hover: #c4c8cc;--color-key-used-bg: #787c7e;--color-key-used-fg: #ffffff;--color-error: #c0392b;--color-success: var(--color-cell-revealed-direct-bg);--color-strike: #ff3b30;--font-family-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-family-display: var(--font-family-sans);--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-base: 1.5;--letter-spacing-display: .08em;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--cell-size: clamp(14px, 4vw, 28px);--cell-gap: clamp(2px, .4vw, 4px);--sep-space-width: clamp(4px, 1.2vw, 10px);--sep-punct-width: clamp(6px, 1.6vw, 14px);--key-height: clamp(32px, 5.3vh, 39px);--key-min-width: 28px;--key-max-width: 48px;--content-max-width: 560px;--masthead-max-width: 720px;--border-width-thin: 1px;--border-width-thick: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 12px;--border-radius-pill: 9999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .1);--shadow-lg: 0 12px 36px rgb(0 0 0 / .18);--duration-instant: 80ms;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-base: 0;--z-keyboard: 10;--z-toast: 50;--z-modal-overlay: 100;--z-modal: 110}:root[data-theme=dark]{--color-bg: #121213;--color-surface: #1a1a1b;--color-surface-sunken: #0e0e0f;--color-border: #3a3a3c;--color-border-strong: #565758;--color-text: #e7e7e7;--color-text-muted: #818384;--color-text-inverse: #121213;--color-accent: #c0392b;--color-accent-strong: #e0594b;--color-cursor: #ffd700;--color-cell-unrevealed-bg: #3a3a3c;--color-cell-unrevealed-fg: #e7e7e7;--color-cell-pivot-border: #888;--color-key-bg: #818384;--color-key-fg: #ffffff;--color-key-bg-hover: #6a6c6e;--color-key-used-bg: #3a3a3c;--color-key-used-fg: #565758}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #121213;--color-surface: #1a1a1b;--color-surface-sunken: #0e0e0f;--color-border: #3a3a3c;--color-border-strong: #565758;--color-text: #e7e7e7;--color-text-muted: #818384;--color-text-inverse: #121213;--color-accent: #c0392b;--color-accent-strong: #e0594b;--color-cursor: #ffd700;--color-cell-unrevealed-bg: #3a3a3c;--color-cell-unrevealed-fg: #e7e7e7;--color-cell-pivot-border: #888;--color-key-bg: #818384;--color-key-fg: #ffffff;--color-key-bg-hover: #6a6c6e;--color-key-used-bg: #3a3a3c;--color-key-used-fg: #565758}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-sans);font-size:16px;line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}body{min-height:100dvh;overscroll-behavior-y:none}img,svg,video,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.app__header{position:sticky;top:0;z-index:10;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md) var(--space-sm);background:var(--color-bg);border-bottom:var(--border-width-thin) solid var(--color-border)}.app__banner{width:100%;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em}.app__banner__line{color:var(--color-error)}.app__banner__line--gold{color:var(--color-cursor)}.app__banner a{color:inherit;text-decoration:underline}.app__toolbar{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm)}.app__toolbar>.howtoplay__trigger{justify-self:start}.app__toolbar>.puzzle-status{justify-self:center}.app__toolbar>.theme-toggle{justify-self:end}.puzzle-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-variant-numeric:tabular-nums}.puzzle-status__id{font-weight:var(--font-weight-bold);color:var(--color-text)}.puzzle-status__sep{margin:0 var(--space-2xs)}.theme-toggle{--toggle-track-w: 32px;--toggle-track-h: 18px;--toggle-thumb-d: 14px;--toggle-thumb-pad: calc((var(--toggle-track-h) - var(--toggle-thumb-d)) / 2);display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);background:transparent;border:0;border-radius:var(--border-radius-pill);color:var(--color-text);cursor:pointer;font-size:var(--font-size-xs);line-height:1}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle__icon{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.theme-toggle[aria-checked=false] .theme-toggle__icon--sun,.theme-toggle[aria-checked=true] .theme-toggle__icon--moon{color:var(--color-text)}.theme-toggle__track{position:relative;width:var(--toggle-track-w);height:var(--toggle-track-h);background:var(--color-border);border-radius:var(--border-radius-pill);transition:background var(--duration-fast) var(--ease-out)}.theme-toggle[aria-checked=true] .theme-toggle__track{background:var(--color-border-strong)}.theme-toggle__thumb{position:absolute;top:var(--toggle-thumb-pad);left:var(--toggle-thumb-pad);width:var(--toggle-thumb-d);height:var(--toggle-thumb-d);background:var(--color-text);border-radius:50%;transition:transform var(--duration-fast) var(--ease-out)}.theme-toggle[aria-checked=true] .theme-toggle__thumb{transform:translate(calc(var(--toggle-track-w) - var(--toggle-thumb-d) - 2 * var(--toggle-thumb-pad)))}.app__masthead-stage{position:relative;display:block;width:min(var(--masthead-max-width),100%,75dvh);margin-inline:auto;padding:0;border:0;background:transparent;line-height:0;cursor:pointer}.app__masthead-stage:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.app__masthead-stage--static{cursor:default}.app__masthead{width:100%;height:auto;display:block}.masthead-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.masthead-particles__layer{position:absolute;inset:0}.masthead-particles canvas{width:100%!important;height:100%!important}.app__title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-display);text-transform:uppercase}.app__main{width:100%;max-width:960px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-md);align-items:center;justify-content:flex-start}.app__footer{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;border-top:var(--border-width-thin) solid var(--color-border)}.app__footer a{color:inherit;text-decoration:underline}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}.clue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);text-align:center;min-height:calc(var(--key-height) + var(--space-md) + 1.6em);width:100%}.clue__button{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;background:var(--color-surface);color:var(--color-text);padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--border-radius-md);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.clue__button:hover:not(:disabled){background:var(--color-surface-sunken)}.clue__button--fade{opacity:0;pointer-events:none}.clue__cost{font-weight:var(--font-weight-regular);opacity:.75;margin-left:var(--space-xs)}.clue__text{font-size:var(--font-size-base);font-style:italic;max-width:36ch}.clue__label{font-style:normal;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;font-size:var(--font-size-xs);margin-right:var(--space-xs);color:var(--color-text-muted)}.clue__remaining{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.board{display:flex;flex-direction:column;gap:var(--cell-gap);align-items:center;width:100%;overflow-x:auto;padding-block:var(--space-xs)}.row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--cell-gap);white-space:nowrap;perspective:800px}.row--active{position:relative;z-index:1}.row--paid{position:relative;opacity:.4}.row--paid:after{content:"";position:absolute;left:calc(-1 * var(--cell-size));right:calc(-1 * var(--cell-size));top:50%;border-top:3px solid var(--color-strike);pointer-events:none}.cell{display:inline-grid;place-items:center;width:var(--cell-size);height:var(--cell-size);font-size:calc(var(--cell-size) * .6);font-weight:var(--font-weight-bold);text-transform:uppercase;line-height:1;border:var(--border-width-thick) solid var(--color-border);background:transparent;color:var(--color-text);border-radius:var(--border-radius-sm);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.cell--filled{border-color:var(--color-border-strong)}.cell--revealing{animation:tile-flip var(--reveal-duration, .4s) cubic-bezier(.5,0,.5,1) var(--reveal-delay, 0ms) both;transition:none;backface-visibility:hidden}@keyframes tile-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion: reduce){.cell--revealing{animation:none}}.cell--active{position:relative;z-index:1;outline:var(--border-width-thick) solid var(--color-cursor);outline-offset:2px}.cell--pivot{border-style:solid;border-color:var(--color-cell-pivot-border)}.cell--green{background:var(--color-cell-revealed-direct-bg);color:var(--color-cell-revealed-direct-fg);border-color:var(--color-cell-revealed-direct-bg)}.cell--yellow{background:var(--color-cell-revealed-mirror-bg);color:var(--color-cell-revealed-mirror-fg);border-color:var(--color-cell-revealed-mirror-bg)}.cell--gray{background:var(--color-key-used-bg);color:var(--color-key-used-fg);border-color:var(--color-key-used-bg)}.cell--empty{background:#000;border-color:#000}.sep{display:inline-grid;place-items:center;height:var(--cell-size);font-size:calc(var(--cell-size) * .6);font-weight:var(--font-weight-bold);color:var(--color-text-muted);line-height:1}.sep--space{width:var(--sep-space-width)}.sep--punct{width:var(--sep-punct-width)}.keyboard{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);width:100%;max-width:var(--content-max-width);-webkit-user-select:none;-moz-user-select:none;user-select:none}.keyboard__row{display:flex;justify-content:center;gap:var(--space-xs)}.key{flex:1 1 var(--key-min-width);min-width:0;max-width:var(--key-max-width);height:var(--key-height);display:grid;place-items:center;background:var(--color-key-bg);color:var(--color-key-fg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--border-radius-sm);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.key:hover:not(:disabled){background:var(--color-key-bg-hover)}.key:active:not(:disabled){transform:scale(.96)}.key:disabled{opacity:.55;cursor:not-allowed}.key--util{flex-basis:calc(var(--key-min-width) * 1.5);max-width:calc(var(--key-max-width) * 1.4);font-size:var(--font-size-base);text-transform:none}.key--green{background:var(--color-cell-revealed-direct-bg);color:var(--color-cell-revealed-direct-fg)}.key--yellow{background:var(--color-cell-revealed-mirror-bg);color:var(--color-cell-revealed-mirror-fg)}.key--gray{background:var(--color-key-used-bg);color:var(--color-key-used-fg)}.clue--end{gap:var(--space-2xs)}.clue__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-display);text-transform:uppercase;color:var(--color-accent)}.clue__answer{font-size:var(--font-size-base);font-style:italic;line-height:var(--line-height-tight);max-width:40ch}.clue__stats{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.sharegrid{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:var(--space-md);font-family:var(--font-family-mono);font-size:clamp(14px,3.5vw,22px);font-weight:var(--font-weight-regular);color:var(--color-text);line-height:1.2}.sharegrid__rows{display:flex;flex-direction:column;align-items:center;gap:2px}.sharegrid__row{white-space:nowrap;letter-spacing:0}.sharegrid__button{background:var(--color-surface);color:var(--color-text);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--border-radius-md);transition:background var(--duration-fast) var(--ease-out)}.sharegrid__button:hover{background:var(--color-surface-sunken)}.playagain{display:flex;justify-content:center;width:100%;margin-top:var(--space-sm)}.playagain__button{background:var(--color-accent);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-2xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--border-radius-md);transition:background var(--duration-fast) var(--ease-out)}.playagain__button:hover{background:var(--color-accent-strong)}.howtoplay__trigger{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text);background:transparent;border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--border-radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.howtoplay__trigger:hover{background:var(--color-surface-sunken);border-color:var(--color-text)}.howtoplay__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.howtoplay{--cell-size: 36px;width:min(420px,calc(100vw - 2 * var(--space-md)));max-height:calc(100dvh - 2 * var(--space-xl));padding:0;margin:auto;background:var(--color-surface);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.howtoplay::backdrop{background:#0000008c}.howtoplay__close{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-grid;place-items:center;width:32px;height:32px;padding:0;font-size:var(--font-size-xl);line-height:1;color:var(--color-text);background:transparent;border:0;border-radius:var(--border-radius-pill);cursor:pointer;z-index:1}.howtoplay__close:hover{background:var(--color-surface-sunken)}.howtoplay__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.howtoplay__body{max-height:calc(100dvh - 2 * var(--space-xl));overflow-y:auto;padding:var(--space-xl) var(--space-lg) var(--space-lg)}.howtoplay__title{margin:0 0 var(--space-xs);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-display)}.howtoplay__lede{margin:0 0 var(--space-md);color:var(--color-text-muted)}.howtoplay__heading{margin:var(--space-lg) 0 var(--space-2xs);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.howtoplay p{margin:0 0 var(--space-sm)}.howtoplay__row{display:flex;align-items:center;gap:var(--cell-gap);margin:var(--space-sm) 0 0}.howtoplay__pivot-list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.howtoplay__pivot-list li{display:flex;align-items:center;gap:var(--space-md)}.howtoplay__pivot-list .howtoplay__row{margin:0}.howtoplay__pivot-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:6.5em}.howtoplay__legend{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.howtoplay__legend li{display:flex;align-items:center;gap:var(--space-md)}.howtoplay__clue-demo{display:flex;justify-content:center;margin:var(--space-sm) 0}.howtoplay__clue-demo .clue__button{pointer-events:none}.howtoplay__clue-example{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);background:var(--color-surface-sunken);border-radius:var(--border-radius-sm)}.howtoplay__clue-example em{font-style:italic}.howtoplay__clue-example .clue__label{margin-right:var(--space-xs)}