:root{--bg:#0b0b0f;--page-bg:#161619;--card:#15161b;--card2:#1d1f26;--ink:#f2f2ef;--ink2:#f2f2efbd;--ink3:#f2f2ef85;--line:#f2f2ef1f;--empty:#f2f2ef0f;--thumb-empty:#f2f2ef24;--chip-bg:#f2f2ef24;--acc:#c6f24e;--acc-text:#c6f24e;--on-acc:#0b0b0f;--good:#5fd69a;--hero-plate:#0b0b0fe6;--hero-fg:#c6f24e;--font:"Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--pad-x:22px;--frame-max:430px;--layout-ms:.18s;--layout-ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f1f0e9;--page-bg:#e2e1d9;--card:#fff;--card2:#e7e6dd;--ink:#0b0b0f;--ink2:#0b0b0fb8;--ink3:#0b0b0f99;--line:#0b0b0f24;--empty:#0b0b0f0f;--thumb-empty:#0b0b0f1f;--chip-bg:#0b0b0f1a;--acc-text:#4a6b12;--good:#1f7a4c;--hero-plate:#f1f0e9ed;--hero-fg:#0b0b0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f1f0e9;--page-bg:#e2e1d9;--card:#fff;--card2:#e7e6dd;--ink:#0b0b0f;--ink2:#0b0b0fb8;--ink3:#0b0b0f99;--line:#0b0b0f24;--empty:#0b0b0f0f;--thumb-empty:#0b0b0f1f;--chip-bg:#0b0b0f1a;--acc-text:#4a6b12;--good:#1f7a4c;--hero-plate:#f1f0e9ed;--hero-fg:#0b0b0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--page-bg);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;touch-action:manipulation;font-size:16px;line-height:1.3;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}.viewport{top:var(--vv-top,0px);width:100%;height:var(--vv-height,100dvh);justify-content:center;display:flex;position:fixed;left:0;overflow:hidden}.app{width:100%;max-width:var(--frame-max);background:var(--bg);height:100%;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=600px){.app{box-shadow:0 0 0 1px var(--line), 0 30px 80px #00000040}}.header{padding:calc(14px + env(safe-area-inset-top,0px)) var(--pad-x) 10px;transition:padding var(--layout-ms) var(--layout-ease);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.app--focused .header{padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:4px}.header__name{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.header__right{align-items:center;gap:8px;display:flex}.badge{background:var(--chip-bg);color:var(--ink);letter-spacing:.14em;text-transform:uppercase;border-radius:99px;padding:6px 11px;font-size:10px;font-weight:700;line-height:1}.theme-toggle{background:var(--chip-bg);width:30px;height:30px;color:var(--ink);font-family:var(--mono);border-radius:99px;justify-content:center;align-items:center;font-size:12px;display:flex}.theme-toggle:focus-visible,.nav__tab:focus-visible,.result__button:focus-visible,.bar__go:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.stage{aspect-ratio:3/2;background:var(--bg);flex:none;width:100%;max-height:44%;position:relative}.app--focused .stage{flex:0 auto;min-height:72px}.stage__canvas{object-fit:contain;width:100%;height:100%;display:block}.hero{background:var(--hero-plate);z-index:2;transition:opacity var(--layout-ms) var(--layout-ease), transform var(--layout-ms) var(--layout-ease);border-radius:14px;padding:9px 14px 11px;position:absolute;bottom:0;left:14px;transform:translateY(42%);box-shadow:0 6px 20px #00000040}.app--focused .hero{opacity:0;pointer-events:none;transform:translateY(60%)}.hero__pct{letter-spacing:-.04em;color:var(--hero-fg);font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;line-height:1}.hero__pct small{font-size:22px;font-weight:800}.hero__sub{letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);margin-top:8px;font-size:11px;font-weight:600;line-height:1}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:40px var(--pad-x) 10px;flex-direction:column;flex:1 1 0;gap:18px;display:flex;overflow-y:auto}.app--focused .scroll{padding:8px var(--pad-x) 10px;gap:12px}.app--keyboard .scroll{flex:1 0 auto;gap:0;min-height:0;padding-bottom:2px;overflow:hidden}.app--keyboard .scroll>:not(.chips-block),:root[data-viewport=short] .app--focused .scroll>:not(.chips-block),:root[data-viewport=short] .app--focused .scroll,.compact-pct{display:none}.app--focused .compact-pct{animation:fade-in var(--layout-ms) ease both;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:11px;display:flex}.compact-pct b{color:var(--acc-text);font-weight:600}.chips{gap:7px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--empty);min-width:0;height:52px;transition:height var(--layout-ms) var(--layout-ease), gap var(--layout-ms) var(--layout-ease), background-color .2s ease;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.chip--filled{background:var(--card);animation:chip-in .26s var(--layout-ease) both}.app--focused .chip{gap:3px;height:36px}.chip__thumb{object-fit:contain;border-radius:2px;width:20px;height:13px}span.chip__thumb{background:var(--thumb-empty)}.chip__pct{letter-spacing:.04em;color:var(--ink3);font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;line-height:1}.chip--filled .chip__pct{color:var(--acc-text)}.chip--won .chip__pct{color:var(--good)}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);margin:0 0 11px;font-size:10px;font-weight:600;line-height:1}.guesses{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guess{background:var(--card);border-radius:14px;align-items:center;gap:12px;padding:13px 14px;animation:.18s both row-in;display:flex}.guess--won{box-shadow:inset 0 0 0 1.5px var(--good)}.guess__thumb{object-fit:contain;border-radius:2px;flex:none;height:19px}.guess__name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.guess__pct{color:var(--ink2);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.guess__pct--warm{color:var(--acc-text)}.guess--won .guess__pct{color:var(--good)}.result{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--result-ring,var(--acc-text));border-radius:18px;flex-direction:column;gap:14px;padding:18px;animation:.2s both pop-in;display:flex}.result--won{--result-ring:var(--good)}.result__top{align-items:center;gap:13px;display:flex}.result__thumb{object-fit:contain;border-radius:3px;flex:none;height:40px}span.result__thumb{background:var(--thumb-empty);width:60px}.result__text{flex:1;min-width:0}.result__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--result-ring,var(--acc-text));font-size:10px;font-weight:700;line-height:1}.result__name{letter-spacing:-.03em;margin-top:7px;font-size:22px;font-weight:700;line-height:1.05}.result__note{font-family:var(--mono);color:var(--ink3);margin-top:6px;font-size:11px;line-height:1.3}.result__actions{gap:9px;display:flex}.result__button{background:var(--acc);min-width:0;color:var(--on-acc);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;flex:1;padding:15px 0;font-size:14px;font-weight:700;line-height:1}.result__button:disabled{opacity:.6}.result__share{background:var(--card2);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;flex:none;padding:15px 17px;font-size:14px;font-weight:700;line-height:1}.result__share:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.help{padding:2px 2px 4px}.help__text{color:var(--ink2);text-wrap:pretty;margin:0;font-size:14px;line-height:1.5}.bar{padding:10px var(--pad-x) calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;flex:none;display:flex;position:relative}.app--focused .bar{padding-bottom:10px}.bar__list{animation:list-in .14s var(--layout-ease) both;overscroll-behavior:contain;max-height:min(176px, calc(var(--vv-height,100dvh) - 230px));background:var(--card);border-radius:14px;min-height:48px;margin:0 0 9px;overflow-y:auto}.bar__option{cursor:pointer;border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:11px 13px;display:flex}.bar__option:last-child{border-bottom:0}.bar__option--active{background:var(--card2)}.bar__option-thumb{object-fit:contain;border-radius:2px;flex:none;height:15px}.bar__option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.bar__option-hint{font-family:var(--mono);color:var(--ink3);text-transform:uppercase;font-size:10px}.bar__row{gap:9px;display:flex}.bar__input{background:var(--card);min-width:0;height:56px;color:var(--ink);font-family:var(--font);border:0;border-radius:16px;outline:none;flex:1;padding:0 18px;font-size:16px;font-weight:500}.bar__input::placeholder{color:var(--ink3)}.bar__input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--acc)}.bar__input:disabled{opacity:.6}.bar__go{background:var(--card);width:56px;height:56px;color:var(--ink3);border-radius:16px;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:background-color .12s;display:flex}.bar__go--ready{background:var(--acc);color:var(--on-acc)}.bar__go:disabled{opacity:.6}.nav{padding:8px var(--pad-x) calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);transition:height var(--layout-ms) var(--layout-ease), padding var(--layout-ms) var(--layout-ease), opacity var(--layout-ms) var(--layout-ease);height:calc(60px + env(safe-area-inset-bottom,0px));flex:none;gap:7px;display:flex;overflow:hidden}.app--focused .nav{opacity:0;pointer-events:none;height:0;padding-top:0;padding-bottom:0}.nav__tab{background:var(--card);min-height:40px;color:var(--ink2);letter-spacing:.14em;text-transform:uppercase;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0 8px;font-size:10px;font-weight:700;line-height:1;display:flex}.nav__tab--active{background:var(--acc);color:var(--on-acc)}.nav__tab:disabled{opacity:.5}.nav__soon{font-family:var(--mono);letter-spacing:.08em;text-transform:lowercase;font-size:8px;font-weight:400}.toast-area{pointer-events:none;z-index:100;justify-content:center;display:flex;position:absolute;bottom:96px;left:0;right:0}.app--focused .toast-area{bottom:88px}.toast{max-width:calc(100% - 2 * var(--pad-x));background:var(--acc);color:var(--on-acc);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:99px;padding:12px 17px;font-size:12px;font-weight:700;animation:.16s both toast-in;overflow:hidden}.notice{background:var(--card);color:var(--ink);border-radius:12px;margin:0;padding:10px 14px;font-size:13px;font-weight:600}.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}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes chip-in{0%{transform:scale(.88)}to{transform:none}}@keyframes list-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.guess,.result,.toast,.chip--filled,.bar__list,.compact-pct{animation:none}.bar__go,.header,.hero,.chip,.nav{transition:none}}@media (height<=480px){.stage{max-height:38%}.scroll{padding-top:30px}.hero__pct{font-size:32px}.hero__pct small{font-size:16px}}.sheet-backdrop{z-index:90;background:#00000073;flex-direction:column;justify-content:flex-end;animation:.14s both fade-in;display:flex;position:absolute;inset:0}.sheet-backdrop__close{cursor:default;flex:1}.sheet{padding:18px var(--pad-x) calc(20px + env(safe-area-inset-bottom,0px));background:var(--card);animation:sheet-in .2s var(--layout-ease) both;border-radius:20px 20px 0 0;flex-direction:column;gap:16px;display:flex}.sheet__head{justify-content:space-between;align-items:center;display:flex}.sheet__title{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.sheet__close{background:var(--acc);color:var(--on-acc);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.sheet__link{color:var(--acc-text);align-self:flex-start;font-size:13px;font-weight:600;text-decoration:underline}.switch{background:var(--card2);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.switch__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.switch__label{font-size:15px;font-weight:600}.switch__hint{color:var(--ink3);font-size:12px}.switch__input{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.switch__track{background:var(--line);border-radius:99px;flex:none;width:44px;height:26px;transition:background-color .16s;position:relative}.switch__track:after{content:"";background:var(--ink);width:20px;height:20px;transition:transform .16s var(--layout-ease);border-radius:99px;position:absolute;top:3px;left:3px}.switch__input:checked~.switch__track{background:var(--acc)}.switch__input:checked~.switch__track:after{background:var(--on-acc);transform:translate(18px)}.switch__input:focus-visible~.switch__track{outline:2px solid var(--acc);outline-offset:2px}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}.switch__track,.switch__track:after{transition:none}}.stat-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat{background:var(--card2);border-radius:16px;padding:15px 17px}.stat__value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1}.stat__value--accent{color:var(--acc-text)}.stat__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin-top:9px;font-size:10px;font-weight:600;line-height:1}.dist{flex-direction:column;gap:7px;display:flex}.dist__row{align-items:center;gap:10px;display:flex}.dist__key{width:14px;color:var(--ink2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.dist__track{background:var(--card2);border-radius:7px;flex:1;height:24px;overflow:hidden}.dist__bar{background:var(--ink3);height:100%;color:var(--bg);transition:width .24s var(--layout-ease);border-radius:7px;justify-content:flex-end;align-items:center;padding-right:8px;font-size:11px;font-weight:700;display:flex}.dist__bar--loss{background:var(--line);color:var(--ink2)}.dist__bar--last{background:var(--acc);color:var(--on-acc)}.dist__bar--last.dist__bar--loss{background:var(--ink2);color:var(--bg)}.result__squares{font-family:var(--mono);letter-spacing:.12em;font-size:15px;line-height:1.35}.countdown{align-items:baseline;gap:9px;display:flex}.countdown__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);font-size:11px;font-weight:600}.countdown__time{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.choice{background:var(--card2);border:0;border-radius:14px;flex-direction:column;gap:8px;margin:0;padding:14px;display:flex}.choice__label{padding:0;font-size:15px;font-weight:600}.choice__hint{color:var(--ink3);margin:0;font-size:12px}.choice__options{gap:6px;margin-top:4px;display:flex}.choice__option{background:var(--card);color:var(--ink2);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;flex:1;padding:10px 0;font-size:12px;font-weight:700}.choice__option--on{background:var(--acc);color:var(--on-acc)}.choice__option:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.challenge-note{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--acc);border-radius:14px;padding:13px 14px}.challenge-note__title{letter-spacing:.16em;text-transform:uppercase;color:var(--acc-text);font-size:10px;font-weight:700}.challenge-note__text{color:var(--ink2);margin-top:6px;font-size:13px;line-height:1.45}.compare__grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px;display:grid}.compare__col{background:var(--card);border-radius:14px;padding:14px}.compare__name{letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.compare__score{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:8px 0 6px;font-size:26px;font-weight:800;line-height:1}.compare__squares{font-family:var(--mono);letter-spacing:.1em;color:var(--ink2);font-size:13px;line-height:1.35}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink2);font-size:12px;font-weight:600}.field__input{background:var(--card2);height:48px;color:var(--ink);font-family:var(--font);border:0;border-radius:12px;outline:none;padding:0 14px;font-size:16px}.field__input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--acc)}.field__error{color:var(--acc-text);font-size:12px}.errorpage{margin:40px var(--pad-x);background:var(--card);border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.errorpage__title{letter-spacing:-.02em;font-size:20px;font-weight:700}.errorpage__text{color:var(--ink2);margin:0;font-size:14px;line-height:1.5}.history{flex-direction:column;gap:6px;display:flex}.history__row{background:var(--card2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.history__who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.history__dir{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-size:10px;font-weight:700}.history__score{font-family:var(--mono);color:var(--ink2);font-variant-numeric:tabular-nums;font-size:12px}.result__challenge{background:var(--card2);width:100%;color:var(--ink2);border-radius:14px;padding:13px 0;font-size:13px;font-weight:600;line-height:1}.result__challenge:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.theme-toggle--account{padding:0;overflow:hidden}.theme-toggle--on{border-color:var(--acc)}.avatar{object-fit:cover;border-radius:50%;width:22px;height:22px;display:block}.account__who{align-items:center;gap:12px;min-width:0;display:flex}.account__avatar{object-fit:cover;background:var(--panel-2,#80808033);border-radius:50%;flex:none;width:44px;height:44px}.account__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.account__mail{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account__message{letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin:0;font-size:12px;font-weight:600}.account__actions{flex-wrap:wrap;gap:10px;display:flex}.captcha:empty{display:none}select.field__input{appearance:auto}.board__rank{min-width:22px;font-family:var(--mono);color:var(--ink3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.board__avatar{object-fit:cover;background:var(--panel-2,#80808033);border-radius:50%;flex:none;width:24px;height:24px}.board__row--me{outline:1px solid var(--acc)}.friends__row{align-items:stretch;gap:8px;display:flex}.friends__row .field__input{flex:1;min-width:0}.friends__action{background:var(--card);color:var(--ink2);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.friends__action:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.theme-toggle--guest{letter-spacing:.1em;text-transform:uppercase;width:auto;padding:0 10px;font-size:10px;font-weight:700}.daily-levels{padding:0 var(--pad-x) 8px;gap:6px;display:flex}.daily-levels__option{background:var(--card2);color:var(--ink2);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;flex:1;padding:8px 0;font-size:11px;font-weight:700}.daily-levels__option--on{background:var(--acc);color:var(--on-acc)}.daily-levels__option:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.duel-card{background:var(--card2);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.duel-card .daily-levels{padding:0}.duel-code{font-family:var(--mono);letter-spacing:.32em;text-align:center;color:var(--acc-text);-webkit-user-select:all;user-select:all;padding:6px 0 2px;font-size:34px;font-weight:700}.duel-code-input{min-width:0;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;flex:1}.duel-ready{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-size:11px}.duel-empty{color:var(--ink3)}