:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-absent:#888;--color-present:#ffc200;--color-correct:#6aaa64;--color-text-on-color:#000;--color-text-on-danger:#fff;--color-danger-accent:#d32f2f;--color-danger-accent-strong:#b71c1c;--color-neutral-strong:#333;--content-max-width:500px;--tile-size:42px;--tile-max-width:70px;--color-surface:#fff;--color-surface-panel:#fff;--color-surface-chip:#f4f4f5;--color-surface-success:#eef7ee;--color-surface-danger:#fdf2f2;--color-surface-test-banner:#fff8e1;--color-border:#e5e5e5;--color-border-danger:#fca5a5;--tile-empty-background:transparent;--tile-empty-border:#d0d0d0;--tile-active-empty-border:#767676;--color-border-input:#767676;--color-key-neutral:#d0d0d0;--color-cursor:#777;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-placeholder:#666;--color-danger-text:#b71c1c;--color-disabled-bg:#e0e0e0;--color-disabled-text:#888;--color-overlay:#00000080;--color-shadow:#00000026;--color-hover:#0000000d;--color-wordmark-ink:#303432;--color-news-accent:#4e8a48}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#121212;--color-surface-panel:#1e1e1e;--color-surface-chip:#2a2a2a;--color-surface-success:#1c2e1c;--color-surface-danger:#3a1f1f;--color-surface-test-banner:#4a3f1a;--color-border:#3a3a3a;--color-border-danger:#7a3b3b;--tile-empty-border:#4a4a4a;--tile-active-empty-border:#8a8a8a;--color-border-input:#8a8a8a;--color-key-neutral:#565758;--color-cursor:#9a9a9a;--color-text:#e8e8e8;--color-text-muted:#a0a0a0;--color-text-placeholder:#a0a0a0;--color-danger-text:#ff6f6f;--color-disabled-bg:#3a3a3a;--color-disabled-text:#8a8a8a;--color-overlay:#000000a6;--color-hover:#ffffff14;--color-wordmark-ink:#e8e8e8;--color-news-accent:#8fd18a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#121212;--color-surface-panel:#1e1e1e;--color-surface-chip:#2a2a2a;--color-surface-success:#1c2e1c;--color-surface-danger:#3a1f1f;--color-surface-test-banner:#4a3f1a;--color-border:#3a3a3a;--color-border-danger:#7a3b3b;--tile-empty-border:#4a4a4a;--tile-active-empty-border:#8a8a8a;--color-border-input:#8a8a8a;--color-key-neutral:#565758;--color-cursor:#9a9a9a;--color-text:#e8e8e8;--color-text-muted:#a0a0a0;--color-text-placeholder:#a0a0a0;--color-danger-text:#ff6f6f;--color-disabled-bg:#3a3a3a;--color-disabled-text:#8a8a8a;--color-overlay:#000000a6;--color-hover:#ffffff14;--color-wordmark-ink:#e8e8e8;--color-news-accent:#8fd18a}*,:before,:after{box-sizing:border-box}html{overflow-x:hidden}html,body{min-height:100%;margin:0;padding:0}body{color:var(--color-text);background:var(--color-surface);justify-content:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.app-shell{width:100%;max-width:var(--content-max-width);padding-inline:max(1rem, env(safe-area-inset-left,0px));padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));overflow-wrap:anywhere;margin:0 auto}body:has(noscript p) .app-shell{display:none}:focus-visible{outline:2px solid var(--color-cursor);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--tile-width-limit:var(--tile-max-width);--game-padding-top:max(.5rem, env(safe-area-inset-top,0px));--game-padding-bottom:max(1rem, env(safe-area-inset-bottom,0px))}@media (height>=590px){:root{--tile-size:58px}}@media (height>=655px){:root{--tile-size:62px}}@media (height>=700px){:root{--tile-size:65px}}@media (height>=800px){:root{--tile-size:70px}}@media (orientation:portrait) and (height>=584px){:root{--key-height:44px;--portrait-tile-height:43px;--tile-size:clamp(42px, calc(( 100dvh - var(--game-padding-top) - var(--game-padding-bottom) - 45px - 2.75rem - 25px - 4 * var(--key-height) - 18px ) / 6), var(--portrait-tile-height))}}@media (orientation:portrait) and (height>=655px){:root{--portrait-tile-height:54px}}@media (orientation:portrait) and (height>=700px){:root{--portrait-tile-height:61px}}@media (orientation:portrait) and (height>=800px){:root{--key-height:48px;--portrait-tile-height:70px}}.visually-hidden-clipboard{opacity:0;pointer-events:none;position:fixed;top:-9999px;left:-9999px}
