@font-face{font-family:bricolage;src:url(../media/BricolageGrotesque-s.p.0mjp709zr_qhj.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:bricolage Fallback;src:local(Arial);ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.0%;size-adjust:101.66%}.VQTlCq_className{font-family:bricolage,bricolage Fallback}.VQTlCq_variable{--font-bricolage:"bricolage", "bricolage Fallback"}
@font-face{font-family:onest;src:url(../media/Onest-s.p.090uebep-pd_z.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:onest Fallback;src:local(Arial);ascent-override:91.42%;descent-override:28.75%;line-gap-override:0.0%;size-adjust:106.1%}.bZR93q_className{font-family:onest,onest Fallback}.bZR93q_variable{--font-onest:"onest", "onest Fallback"}
:root{--font-display:var(--font-bricolage), "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-text:var(--font-onest), -apple-system, "Segoe UI", system-ui, sans-serif;--paper:#fff6e9;--paper-2:#f7ead8;--card:#fff;--ink:#1b1612;--ink-2:#4a4038;--ink-3:#6e6359;--line:#1b1612;--hair:#1b161224;--hair-2:#1b161214;--key:#efe2d0;--key-edge:#1b161247;--shadow-color:#1b1612;--focus:#3d6bff;--sun:#ffc93c;--tomato:#ff6b3d;--mint:#18b07a;--sky:#4fb7ff;--grape:#a98bff;--bubblegum:#ff8fb3;--tangerine:#ff9f43;--teal:#22c3b0;--lime:#b7e34b;--cobalt:#3d6bff;--berry:#e2457a;--grass:#45b649;--plum:#7b3fc4;--slate:#8ba3c4;--olive:#a9b43a;--magenta:#d14fc9;--cocoa:#a0694a;--forest:#2f7d52;--lilac:#dcc2ff;--denim:#4d6fa8;--wine:#a8385f;--hit:#119a6a;--hit-ink:#fff;--near:#ffc93c;--near-ink:#1b1612;--miss:#7c736a;--miss-ink:#fff;--radius:16px;--radius-sm:10px;--radius-lg:22px;--shadow:4px 4px 0 var(--shadow-color);--shadow-sm:2px 2px 0 var(--shadow-color);--shadow-lg:6px 6px 0 var(--shadow-color);--border:2px solid var(--line);--header-h:60px;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#15110e;--paper-2:#1d1814;--card:#231d18;--ink:#fff3e3;--ink-2:#d8ccbe;--ink-3:#a89c8f;--line:#e9dccb;--hair:#fff3e329;--hair-2:#fff3e314;--key:#3a322b;--key-edge:#00000080;--shadow-color:#000;--focus:#8fb0ff;--miss:#4d4640;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#15110e;--paper-2:#1d1814;--card:#231d18;--ink:#fff3e3;--ink-2:#d8ccbe;--ink-3:#a89c8f;--line:#e9dccb;--hair:#fff3e329;--hair-2:#fff3e314;--key:#3a322b;--key-edge:#00000080;--shadow-color:#000;--focus:#8fb0ff;--miss:#4d4640;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-contrast=high]{--hit:#d9480f;--hit-ink:#fff;--near:#74c0fc;--near-ink:#1b1612}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.05}p{margin:0}a{color:inherit}button{font:inherit;color:inherit}img,svg{display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.btn{border:var(--border);background:var(--card);min-height:46px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0 var(--shadow-color);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--shadow-color);transform:translate(2px,2px)}.btn:disabled,.btn[aria-disabled=true]{cursor:default;opacity:.45;box-shadow:none;transform:none}.btn--ink{background:var(--primary,var(--ink));color:var(--primary-ink,var(--paper))}.btn--sun{background:var(--sun);color:#1b1612}.btn--small{min-height:36px;padding:0 14px;font-size:14px}.btn--block{width:100%}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .15s;display:inline-grid}.icon-btn:hover{background:var(--hair-2)}.icon-btn svg{width:24px;height:24px}.pill{background:var(--paper-2);height:24px;color:var(--ink-2);font-family:var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:700;display:inline-flex}.pill--ink{background:var(--ink);color:var(--paper)}.pill--outline{box-shadow:inset 0 0 0 1.5px var(--hair);background:0 0}.hl{background:var(--hl,var(--sun));color:#1b1612;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.18em;margin:0 -.02em;padding:0 .16em}.eyebrow{font-family:var(--font-text);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-size:12.5px;font-weight:800}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}@media (max-width:520px){.container{padding:0 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-style=flat]{--border:1.5px solid var(--hair);--shadow:0 1px 2px #0000000f, 0 6px 18px #0000000f;--shadow-sm:0 1px 2px #00000014;--shadow-lg:0 18px 48px #00000029}[data-style=flat] .btn:hover{transform:none}
.logo{isolation:isolate;color:#fff6e9;border-radius:999px;flex:none;align-items:center;padding:2px;display:inline-flex;position:relative}.logo__rim{border-radius:inherit;z-index:-1;position:absolute;inset:0;overflow:hidden}.logo__rim:before{content:"";background:conic-gradient(var(--tomato), var(--sun), var(--lime), var(--mint), var(--teal), var(--sky), var(--cobalt), var(--grape), var(--bubblegum), var(--tomato));animation:6s linear infinite logo-turn;position:absolute;inset:-60% -10%}.logo__body{border-radius:inherit;background:#1b1612;align-items:center;gap:.42em;height:100%;padding:0 .95em 0 .38em;font-size:14px;display:inline-flex}.logo--sm .logo__body{font-size:12px}.logo--lg .logo__body{font-size:18px}.logo__letters{display:block}a:hover .logo__body{background:#2a231d}@keyframes logo-turn{to{transform:rotate(1turn)}}.site-header{z-index:20;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:var(--border);position:sticky;top:0}.site-header__inner{height:var(--header-h);align-items:center;gap:14px;display:flex}.site-header__brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-header__by{color:var(--ink-3);font-size:13px;font-weight:600}.site-header__nav{align-items:center;gap:4px;margin-left:auto;display:flex}.site-header__link{height:40px;color:var(--ink-2);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.site-header__link:hover,.site-header__link[aria-current=page]{background:var(--hair-2);color:var(--ink)}@media (max-width:560px){.site-header__by{display:none}.site-header__link{padding:0 10px;font-size:14px}}.site-footer{border-top:var(--border);background:var(--paper-2);margin-top:72px}.site-footer__inner{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:16px 28px;padding-top:28px;padding-bottom:36px;font-size:14px;display:flex}.site-footer__inner a{font-weight:700;text-decoration:none}.site-footer__inner a:hover{text-decoration:underline}.site-footer__note{color:var(--ink-3);margin-left:auto}.game-bar{z-index:20;border-bottom:var(--border);background:var(--paper);position:sticky;top:0}.game-bar__inner{height:var(--header-h);grid-template-columns:1fr auto 1fr;align-items:center;max-width:1120px;margin:0 auto;padding:0 12px;display:grid}.game-bar__home{min-height:44px;color:var(--ink);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:0 6px;text-decoration:none;display:inline-flex}.game-bar__title{align-items:center;gap:10px;min-width:0;display:flex}.game-bar__title h1{white-space:nowrap;font-size:22px}.game-bar__tools{justify-self:end;align-items:center;display:flex}.game-bar__mark{display:none}@media (max-width:520px){.game-bar__logo{display:none}.game-bar__mark{display:inline-flex}.game-bar__inner{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:0 6px}.game-bar__title{justify-self:start}.game-bar__title h1{text-overflow:ellipsis;font-size:19px;overflow:hidden}.game-bar__title .game-icon{display:none}.game-bar__tools .icon-btn{width:36px}.game-bar__tools:has(>.icon-btn:nth-child(5)):has([data-brb-feedback-trigger]) .icon-btn{width:31px}}.game-icon{border:var(--border);background:var(--game,var(--sun));color:#1b1612;border-radius:10px;flex:none;place-items:center;display:inline-grid}.game-page{--fit-h:calc(100svh - var(--main-top,110px));flex-direction:column;min-height:100dvh;display:flex}.game-sub{min-height:44px;color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;padding:10px 12px 0;font-size:14px;font-weight:600;display:flex}.game-sub__levels{margin-left:6px}.game-bar__name{min-width:0;display:grid}.game-bar__date,.game-bar__level{display:none}@media (max-height:700px){.game-bar__date{color:var(--ink-3);white-space:nowrap;margin-top:1px;font-size:12.5px;font-weight:600;line-height:1.1;display:block}.game-bar__title h1{line-height:1.05}.game-sub{display:none}.game-bar__level{vertical-align:baseline;align-items:center;display:inline-flex;position:relative}.game-bar__level select{color:var(--ink);font:inherit;appearance:none;field-sizing:content;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0;padding:0 14px 0 0;font-weight:800}.game-bar__level select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.game-bar__level svg{pointer-events:none;width:10px;height:6px;position:absolute;right:1px}}.game-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 12px}
.sheet{border:var(--border);border-radius:var(--radius-lg);background:var(--card);width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:var(--shadow-lg);padding:0;overflow:hidden}.sheet:focus{outline:none}.sheet[open]{animation:sheet-in .28s var(--ease-pop);flex-direction:column;display:flex}.sheet::backdrop{background:#1b16126b;animation:.2s fade-in}.sheet__head{align-items:center;gap:10px;padding:16px 12px 12px 22px;display:flex}.sheet__title{flex:1;font-size:24px}.sheet__body{padding:4px 22px 24px;overflow-y:auto}.sheet--wide{width:min(560px,100vw - 24px)}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes fade-in{0%{opacity:0}}.howto{gap:10px;margin:0;padding:0;list-style:none;display:grid}.howto li{color:var(--ink-2);padding-left:22px;position:relative}.howto li:before{content:"";border:1.5px solid var(--line);background:var(--game,var(--sun));border-radius:50%;width:9px;height:9px;position:absolute;top:.55em;left:2px}.howto-examples{border-top:1.5px dashed var(--hair);gap:14px;margin:20px 0 4px;padding-top:18px;display:grid}.toasts{left:16px;right:16px;top:calc(var(--header-h) + 14px);z-index:60;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.toast{text-align:center;background:var(--ink);max-width:100%;color:var(--paper);font-family:var(--font-display);letter-spacing:-.01em;animation:toast-in .22s var(--ease-pop);border-radius:12px;padding:11px 18px;font-size:15.5px;font-weight:800;box-shadow:0 8px 24px #0000002e}.toast.is-leaving{animation:.2s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.kb{-webkit-user-select:none;user-select:none;touch-action:manipulation;gap:8px;width:100%;max-width:500px;margin:0 auto;padding:0 8px;display:grid}.kb__row{justify-content:center;gap:6px;display:flex}.kb__key{background:var(--key);min-width:0;height:58px;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;box-shadow:inset 0 -3px 0 var(--key-edge);border:0;border-radius:9px;flex:1 1 0;padding:0;font-size:19px;font-weight:800;transition:background .2s,color .2s,transform 60ms}.kb__key:active{box-shadow:inset 0 -1px 0 var(--key-edge);transform:translateY(2px)}.kb__key--wide{letter-spacing:.04em;flex-grow:1.55;font-size:13px}.kb__key--wide svg{width:24px;height:24px;margin:0 auto}.kb__spacer{flex:.5 1 0}.kb__key[data-mark=hit]{background:var(--hit);color:var(--hit-ink)}.kb__key[data-mark=near]{background:var(--near);color:var(--near-ink)}.kb__key[data-mark=miss]{background:var(--miss);color:var(--miss-ink)}.kb__key[data-mark=used]{background:color-mix(in srgb, var(--key) 40%, var(--paper));color:var(--ink-3);position:relative}.kb__key[data-mark=used]:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:9px;left:50%}@media (max-width:380px){.kb{gap:7px;padding:0 4px}.kb__row{gap:5px}.kb__key{height:54px;font-size:17px}.kb__key--wide{font-size:12px}}@media (max-width:340px){.kb__key--wide{letter-spacing:0;font-size:10px}}@media (max-height:600px){.kb{gap:6px}.kb__row{gap:5px}.kb__key{height:44px}}.stats{grid-template-columns:repeat(var(--cells,4), 1fr);gap:8px;margin:4px 0 20px;display:grid}@media (max-width:400px){.stats[data-long]{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{background:var(--paper-2);text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:2px;padding:12px 4px 10px;display:grid}.stat__value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.stat__label{color:var(--ink-3);font-size:12px;font-weight:600;line-height:1.25}.dist{grid-template-columns:minmax(16px,max-content) 1fr;align-items:center;gap:6px 8px;margin:8px 0 4px;display:grid}.dist__row{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;display:contents}.dist__bar{background:var(--miss);min-width:26px;height:24px;color:var(--miss-ink);transition:width .6s var(--ease-out);border-radius:7px;justify-content:flex-end;align-items:center;padding:0 8px;font-size:13px;display:flex}.dist__bar.is-today{background:var(--hit);color:var(--hit-ink)}.sheet h3{letter-spacing:.06em;text-transform:uppercase;font-size:15px;font-family:var(--font-text);color:var(--ink-3);margin:0 0 8px}.finish{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.finish__verdict{letter-spacing:-.035em;padding-top:4px;font-size:34px;display:block}.finish__answer{color:var(--ink-2);margin-top:-10px;font-size:16px}.finish__actions{flex-wrap:wrap;gap:10px;display:flex}.finish__actions:has(>.finish__newsletter)>.btn{flex:auto}.finish__newsletter{text-align:center;white-space:normal;text-wrap:balance;max-width:100%;padding-block:10px;line-height:1.2}.countdown{color:var(--ink-3);align-items:baseline;gap:8px;font-size:14px;display:flex}.countdown b{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:800}.next-games{gap:8px;display:grid}.next-game{border:1.5px solid var(--hair);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.next-game:hover{border-color:var(--line);background:var(--paper)}.next-game b{font-family:var(--font-display);letter-spacing:-.015em;font-size:17px}.next-game span{color:var(--ink-3);font-size:13px;display:block}.setting{border-bottom:1.5px solid var(--hair-2);align-items:center;gap:16px;padding:14px 0;display:flex}.setting:last-child{border-bottom:0}.setting__text{flex:1}.setting__text b{font-size:16px;display:block}.setting__text span{color:var(--ink-3);font-size:13.5px}.switch{border:var(--border);background:var(--key);cursor:pointer;border-radius:999px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--card);border:1.5px solid var(--line);width:22px;height:22px;transition:transform .22s var(--ease-pop);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--hit)}.switch[aria-checked=true]:after{transform:translate(22px)}.segmented{background:var(--paper-2);border-radius:999px;padding:3px;display:inline-flex}.segmented button{height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:13.5px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.state{text-align:center;justify-items:center;gap:14px;max-width:420px;margin:64px auto;padding:0 24px;display:grid}.state h2{font-size:28px}.state p{color:var(--ink-2)}