:root{--color-bg-primary: #151826;--color-bg-secondary: #1e2233;--color-border-default: #2c3248;--color-text-primary: #f2eedc;--color-text-secondary: #a8a5a0;--color-text-muted: #8c90a3;--color-accent-primary: #d6c27a;--color-accent-secondary: #8fa3bf;--color-success: #7fae8e;--color-error: #b26a6a;--color-warning: #c9a96a;--color-success-muted: #4a6b5c;--color-error-muted: #6b4f4f;--color-link-default: var(--color-accent-secondary);--color-link-hover: var(--color-accent-primary);--color-button-primary-bg: var(--color-accent-primary);--color-button-primary-text: var(--color-bg-primary);--color-button-secondary-bg: transparent;--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-border: var(--color-accent-secondary);--color-card-bg: var(--color-bg-secondary);--color-card-border: var(--color-border-default);--focus-ring-color: rgba(214, 194, 122, .45);--tile-empty: var(--color-bg-secondary);--tile-border: #272b3d;--tile-border-strong: #3a3f56;--ok: var(--color-success-muted);--ok-hover: #557763;--bad: var(--color-error-muted);--bad-hover: #765858;--state-text: #e5e2d0;--focus: var(--focus-ring-color);--bg: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--text: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border: var(--color-border-default);--green: var(--color-success-muted);--red: var(--color-error-muted);--yellow: var(--color-warning);--cell-text: var(--state-text);--input-bg: var(--color-bg-secondary);--input-border: var(--color-border-default);--dropdown-bg: var(--color-bg-secondary);--dropdown-hover: var(--color-bg-primary);--header-bg: var(--color-bg-primary);--header-text: var(--color-text-primary);--empty-cell-bg: var(--tile-empty);--empty-cell-border: var(--tile-border);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{--color-bg-primary: #f2eedc;--color-bg-secondary: #ece6d2;--color-border-default: #c9c3b1;--color-text-primary: #1a2233;--color-text-secondary: #3c465a;--color-text-muted: #667089;--color-accent-primary: #b89f4a;--color-accent-secondary: #667089;--color-success: #4f8463;--color-error: #9a4a4a;--color-warning: #a88f4a;--color-success-muted: #4f8463;--color-error-muted: #9a4a4a;--color-link-default: var(--color-accent-secondary);--color-link-hover: var(--color-accent-primary);--color-button-primary-bg: var(--color-accent-primary);--color-button-primary-text: var(--color-bg-primary);--color-button-secondary-bg: transparent;--color-button-secondary-text: var(--color-text-primary);--color-button-secondary-border: var(--color-accent-secondary);--color-card-bg: var(--color-bg-secondary);--color-card-border: var(--color-border-default);--focus-ring-color: rgba(26, 34, 51, .25);--tile-empty: #e7e1cf;--tile-border: #c9c3b1;--tile-border-strong: #b8b19e;--ok: #4f8463;--ok-hover: #447457;--bad: #9a4a4a;--bad-hover: #883f3f;--state-text: #f7f4e8;--focus: var(--focus-ring-color);--bg: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--text: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--border: var(--color-border-default);--green: var(--ok);--red: var(--bad);--yellow: var(--color-warning);--cell-text: var(--state-text);--input-bg: var(--color-bg-secondary);--input-border: var(--color-border-default);--dropdown-bg: var(--color-bg-secondary);--dropdown-hover: #e7e1cf;--header-bg: var(--color-bg-primary);--header-text: var(--color-text-primary);--empty-cell-bg: var(--tile-empty);--empty-cell-border: var(--tile-border-strong)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg);color:var(--text);overflow:hidden;width:100vw;height:100dvh;position:fixed;top:0;left:0;line-height:1.4}#root{width:100%;height:100%;display:flex;flex-direction:column}button{font:inherit;cursor:pointer}input{font:inherit}@keyframes cellReveal{0%{transform:scaleY(0);opacity:0}50%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.cell-flip{animation:cellReveal .5s ease-out both}.tile{position:relative;background:var(--tile-empty);border:2px solid var(--tile-border);color:var(--text);border-radius:4px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.tile:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tile--correct{background:var(--ok);border-color:#00000014;color:var(--state-text)}.tile--wrong{background:var(--bad);border-color:#00000014;color:var(--state-text)}.tile--wrong:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#f7f4e808,#f7f4e808 6px,#f7f4e800 6px 12px);border-radius:inherit;pointer-events:none}.tile--close{background:var(--yellow);border-color:#00000014;color:var(--state-text)}.tile--correct:hover{background:var(--ok-hover)}.tile--wrong:hover{background:var(--bad-hover)}@media(max-width:640px){body{font-size:14px}#root{padding:0}}@media(max-width:480px){body{font-size:13px}}