: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-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);--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(48px, 8vh, 58px);--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}@media (prefers-color-scheme: dark){:root{--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-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;padding:var(--space-md)}.app__header{width:100%;max-width:var(--masthead-max-width);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding-block:var(--space-sm)}.app__masthead{width:100%;height:auto;display:block}.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-block:var(--space-lg);align-items:center;justify-content:flex-start;border-top:var(--border-width-thin) solid var(--color-border)}.app__footer{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-block: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)}.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}.row--paid{position:relative;opacity:.4}.row--paid:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:var(--border-width-thin) solid var(--color-text-muted);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--active{border-style:solid;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.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:end center;height:var(--cell-size);font-size:calc(var(--cell-size) * .55);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:1;padding-bottom:2px}.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-2xs)}.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)}.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}.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)}