:root{--bg:#0b0b0c;--surface:#16161a;--surface-hover:#1e1e24;--surface-active:#26262d;--text:#f2efe8;--muted:#8b8b94;--line:#ffffff12;--accent:#e9a63c;--accent-hover:#f1b452;--accent-ink:#17120a;--warn:#d9765a;--g0:#e0a458;--g1:#7fb3a3;--g2:#c97c5d;--g3:#8f97c9;--ink:#14110b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Fredoka,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.4}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}.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}.app{flex-direction:column;min-height:100dvh;display:flex}.header{background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:14px 18px;display:grid}.header__brand{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.header__logo{width:30px;height:30px;color:var(--accent);flex:none}.header__title{letter-spacing:-.01em;white-space:nowrap;font-size:26px;font-weight:600}.header__question{font-size:17px;font-weight:600;line-height:1}.header>:last-child{justify-self:end}.icon-btn{background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s;display:grid}.icon-btn:hover{background:var(--surface-hover)}.icon-btn__icon{width:20px;height:20px}.main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:780px;margin:0 auto;padding:26px 16px;display:flex}.facts{text-align:center;flex-direction:column;align-items:center;gap:7px;width:100%;max-width:600px;margin-top:auto;padding-top:48px;display:flex}.facts__label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.facts__text{min-height:44px;color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.facts__next{color:#6c6c76;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:2px;font-size:12px;text-decoration:underline}.facts__next:hover{color:var(--text)}@media (width<=560px){.header{grid-template-columns:36px 1fr 36px;padding:10px 12px}.header__title{font-size:19px}.header__logo{width:24px;height:24px}.icon-btn{width:36px;height:36px}.icon-btn__icon{width:19px;height:19px}.main{padding:18px 12px 22px}.facts{padding-top:40px}.facts__text{min-height:62px;font-size:13px}}.game{flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex}.mode-toggle{gap:26px;display:inline-flex}.mode-toggle__btn{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 2px;font-size:15px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.mode-toggle__btn:hover{color:var(--text)}.mode-toggle__btn[aria-pressed=true]{color:var(--text);font-weight:600}.mode-toggle__btn[aria-pressed=true]:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.mode-toggle__icon{width:17px;height:17px}.mode-toggle__infinity{margin-top:-2px;font-size:20px;line-height:1}.meta{align-items:center;gap:10px;height:24px;margin:22px 0 16px;display:flex}.meta__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;transition:color .15s}.meta__label--ok{color:var(--accent)}.meta__label--bad{color:var(--warn)}.meta__lives{gap:6px;display:flex}.lives__drop{width:16px;height:16px}.lives__drop.is-on{color:var(--accent)}.lives__drop.is-off{color:#2c2c33}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.board--shake{animation:.34s board-shake}@keyframes board-shake{0%,to{transform:translate(0)}18%{transform:translate(-6px)}36%{transform:translate(6px)}54%{transform:translate(-4px)}72%{transform:translate(4px)}}.tile{border-radius:var(--radius);background:var(--surface);min-height:82px;color:var(--text);text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;padding:10px;font-size:15px;font-weight:500;line-height:1.2;transition:background-color .12s;display:flex}.tile:hover{background:var(--surface-hover)}.tile[aria-pressed=true]{background:var(--surface-active);outline:2px solid var(--accent);outline-offset:-2px}.solved{border-radius:var(--radius);color:var(--ink);text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:3px;padding:11px 16px;display:flex}.solved__label{letter-spacing:.09em;text-transform:uppercase;opacity:.9;font-size:11px;font-weight:600}.solved__items{font-size:14px;font-weight:500;line-height:1.3}.solved--dim{background:var(--surface);color:var(--muted)}.solved--dim .solved__label{opacity:1}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.btn{background:var(--surface);height:46px;color:var(--text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:disabled{color:#55555f;cursor:default}.btn__icon{width:17px;height:17px}.btn--primary{background:var(--accent);color:var(--accent-ink);padding:0 26px;font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:disabled{color:#55555f;background:#1b1b21}.result{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:26px;display:flex}.result__title{margin:0;font-size:26px;font-weight:600}.result__detail{margin:0;font-size:15px}.result__context{max-width:420px;color:var(--muted);margin:0;font-size:13px}.result__actions{gap:10px;margin-top:12px;display:flex}@media (width<=560px){.mode-toggle{gap:20px}.mode-toggle__btn{height:32px;padding:0 2px;font-size:14px}.meta{margin:18px 0 14px}.meta__label{font-size:11px}.board{gap:7px}.tile{border-radius:8px;min-height:68px;padding:8px 6px;font-size:12.5px}.solved{padding:10px 12px}.solved__items{font-size:12.5px}.controls{gap:8px;margin-top:22px}.btn{height:44px;padding:0 16px;font-size:14px}.btn--primary{padding:0 22px}.result__title{font-size:23px}}@media (prefers-reduced-motion:reduce){.board--shake{animation:none}}.modal{z-index:50;background:#040405b3;padding:24px 16px;animation:.16s modal-in;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal__panel{background:var(--surface-hover);border-radius:18px;width:100%;max-width:480px;margin:auto;padding:34px 26px 28px;animation:.18s panel-in;position:relative}.modal__panel--wide{max-width:560px}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}.modal__close{position:absolute;top:12px;right:12px}.modal__inner{flex-direction:column;align-items:center;width:100%;display:flex}.modal__title{text-align:center;margin:0;font-size:25px;font-weight:600}.modal__lead{color:var(--muted);text-align:center;margin:6px 0 0;font-size:13.5px;line-height:1.5}.stats{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.stats__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:30px;display:grid}.stats__stat{flex-direction:column;align-items:center;gap:3px;display:flex}.stats__value{font-size:30px;font-weight:600;line-height:1.1}.stats__label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500;line-height:1.3}.stats__section{text-align:center;margin:38px 0 0;font-size:20px;font-weight:600}.dist{flex-direction:column;gap:6px;width:100%;max-width:380px;margin-top:16px;display:flex}.dist__row{align-items:center;gap:8px;display:flex}.dist__key{width:12px;color:var(--muted);text-align:right;font-size:13px;font-weight:600}.dist__bar{background:#3a3a41;border-radius:4px;justify-content:flex-end;align-items:center;min-width:40px;height:22px;padding-right:8px;transition:width .3s;display:flex}.dist__bar--today{background:var(--accent)}.dist__count{color:var(--text);font-size:12.5px;font-weight:600}.dist__bar--today .dist__count{color:var(--accent-ink)}.stats__next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;width:100%;margin-top:36px;display:flex}.stats__next>:only-child{margin-inline:auto}.stats__next-text{flex-direction:column;align-items:center;gap:2px;display:flex}.stats__next-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}.stats__next-time{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.1}.stats__share{justify-content:center;min-width:132px}.howto{flex-direction:column;align-items:center;width:100%;display:flex}.howto__steps{counter-reset:step;text-align:left;flex-direction:column;gap:14px;width:100%;margin:26px 0 0;padding:0;list-style:none;display:flex}.howto__step{counter-increment:step;color:#d9d5cd;grid-template-columns:22px 1fr;gap:10px;font-size:14.5px;line-height:1.45;display:grid}.howto__step:before{content:counter(step);color:var(--accent);font-weight:600}.howto__example{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:30px;display:flex}.howto__caption{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500}.howto__example .solved{width:100%}@media (width<=560px){.modal{padding:14px 10px}.modal__panel{border-radius:16px;padding:30px 18px 24px}.modal__close{top:8px;right:8px}.modal__title{font-size:22px}.stats__value{font-size:25px}.stats__grid{gap:4px;margin-top:26px}.stats__section{margin-top:32px;font-size:18px}.stats__next{margin-top:30px}.stats__next-time{font-size:22px}.stats__share{min-width:120px}.howto__step{font-size:14px}}@media (prefers-reduced-motion:reduce){.modal,.modal__panel{animation:none}}