@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_59891110-module__svwK8q__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_59891110-module__svwK8q__variable{--font-rounded:"Nunito", "Nunito Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf8f4;--surface:#fff;--text:#25272b;--text-2:#74767a;--text-3:#aeafb2;--border:#e4e1da;--wash:#f1eee8;--ink:#25272b;--correct:#86d6a8;--present:#ffd57e;--absent:#cfccc5;--absent-text:#74767a;--toggle-on:#fff;--spotlight:#ffe08a;--minefield:#ffb39c;--mirror:#b5d8ff;--morph:#f7bed6;--relay:#b6ebc8;--radius:22px;--max:1120px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17181b;--surface:#222327;--text:#f4f3ef;--text-2:#a3a4a8;--text-3:#6a6c71;--border:#333539;--wash:#232428;--absent:#45474c;--absent-text:#c9cacd;--toggle-on:#3d3f44}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17181b;--surface:#222327;--text:#f4f3ef;--text-2:#a3a4a8;--text-3:#6a6c71;--border:#333539;--wash:#232428;--absent:#45474c;--absent-text:#c9cacd;--toggle-on:#3d3f44}}.only-dark,:root[data-theme=dark] .only-light{display:none}:root[data-theme=dark] .only-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .only-light{display:none}:root:not([data-theme=light]) .only-dark{display:block}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-rounded), ui-rounded, "SF Pro Rounded", system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max), 100% - 40px);margin-inline:auto}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.nav{align-items:center;gap:24px;font-weight:700;display:flex}.nav a{color:var(--text-2);text-decoration:none}.nav a:hover{color:var(--text)}.theme-toggle{background:var(--wash);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:flex}.theme-toggle button{width:32px;height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.theme-toggle button:hover{color:var(--text)}.theme-toggle button:focus-visible{outline:2px solid var(--text);outline-offset:1px}:root:not([data-theme]) .theme-toggle [data-value=system],:root[data-theme=light] .theme-toggle [data-value=light],:root[data-theme=dark] .theme-toggle [data-value=dark]{background:var(--toggle-on);color:var(--text);box-shadow:0 1px 2px #0000001f}@media (max-width:640px){.nav{gap:14px}.nav .hide-sm{display:none}}@media (max-width:400px){.nav .hide-xs{display:none}}.tiles{gap:6px;display:flex}.tile{--tile:min(var(--size,56px), var(--tile-max,1000px));width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .2);font-weight:900;font-size:calc(var(--tile) * .52);color:var(--ink);background:var(--surface);border:2px solid var(--border);place-items:center;display:grid}.tile.correct{background:var(--correct);border-color:var(--correct)}.tile.present{background:var(--present);border-color:var(--present)}.tile.absent{background:var(--absent);border-color:var(--absent);color:var(--absent-text)}.flip{animation:.6s both flip;animation-delay:calc(var(--i,0) * .11s + .15s)}@keyframes flip{0%{background:var(--surface);border-color:var(--border);transform:rotateX(0)}49%{background:var(--surface);border-color:var(--border)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.flip{animation:none}}.hero{padding:72px 0 48px}.hero .container{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero .container>*{min-width:0}@media (max-width:900px){.hero .container{text-align:center;grid-template-columns:1fr}.hero .wordmark{align-items:center}.hero .cta-row{justify-content:center}}.wordmark{--tile-max:calc((min(var(--max), 100vw - 40px) - 30px) / 6);flex-direction:column;gap:6px;display:flex}.hero h1{letter-spacing:-.02em;margin:28px 0 16px;font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1.05}.lede{color:var(--text-2);max-width:34ch;margin:0 0 28px;font-size:20px}@media (max-width:900px){.lede{margin-inline:auto}}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button.soon{cursor:default}.phones{justify-content:center;min-height:560px;display:flex;position:relative}.phone{background:#111214;border:8px solid #111214;border-radius:36px;width:250px;overflow:hidden;box-shadow:0 20px 50px #00000024}.phone img{border-radius:28px;width:100%;height:auto}.phones .phone:first-child{transform:rotate(-5deg)translate(30px,10px)}.phones .phone:last-child{transform:rotate(5deg)translate(-30px,40px)}@media (max-width:560px){.phones{min-height:0}.phone{width:190px;min-width:0}}section{padding:72px 0}.section-head{max-width:640px;margin-bottom:36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);font-size:13px;font-weight:900}h2{letter-spacing:-.01em;margin:8px 0 12px;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.1}.section-head p{color:var(--text-2);margin:0;font-size:18px}.levels{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.level-item{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:22px}.level-item .dot{width:36px;height:36px;color:var(--ink);border-radius:10px;place-items:center;font-weight:900;display:grid}.level-item h3{margin:14px 0 6px;font-size:20px;font-weight:900}.level-item p{color:var(--text-2);margin:0}.modes{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.mode{color:var(--ink);border-radius:28px;flex-direction:column;gap:12px;padding:24px;display:flex}.mode h3{margin:0;font-size:26px;font-weight:900}.mode .tagline{margin:0;font-weight:700}.mode ul{opacity:.85;margin:0;padding-left:18px}.mode .tiles{margin-top:auto;padding-top:8px}.mode .tile{--size:40px;background:#ffffff8c;border-color:#fff9}.mode .tile.correct{background:#86d6a8;border-color:#86d6a8}.mode .tile.present{background:#ffd57e;border-color:#ffd57e}.mode .tile.absent{color:#5f6166;background:#cfccc5;border-color:#cfccc5}.gallery{scroll-snap-type:x mandatory;gap:20px;padding:8px 4px 24px;display:flex;overflow-x:auto}.gallery .phone{scroll-snap-align:center;flex:none;width:230px}.gallery figure{margin:0}.gallery figcaption{text-align:center;color:var(--text-2);margin-top:12px;font-weight:800}.plus{background:var(--surface);border-block:1px solid var(--border)}.plus-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:900px){.plus-grid{grid-template-columns:1fr}}.features{gap:16px;margin:0;padding:0;list-style:none;display:grid}.features li{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.features .dot{width:36px;height:36px;color:var(--ink);border-radius:10px;place-items:center;font-weight:900;display:grid}.features strong{font-size:17px;display:block}.features span{color:var(--text-2)}.plans{gap:12px;display:grid}.plan{border:1px solid var(--border);background:var(--bg);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.plan.best{border:2px solid var(--text)}.plan .name{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.badge{letter-spacing:.04em;background:var(--spotlight);color:var(--ink);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.plan .note{color:var(--text-2);font-size:14px}.plan .price{text-align:right;font-size:20px;font-weight:900}.plan .price small{color:var(--text-2);font-size:12px;font-weight:700;display:block}.fine{color:var(--text-2);margin-top:14px;font-size:13px}.faq{gap:12px;max-width:760px;display:grid}.faq details{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px 20px}.faq summary{cursor:pointer;font-size:17px;font-weight:800}.faq p{color:var(--text-2);margin:10px 0 0}.site-footer{border-top:1px solid var(--border);color:var(--text-2);padding:32px 0 48px;font-size:14px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.site-footer nav{gap:20px;display:flex}.doc{max-width:760px;padding:56px 0 80px}.doc h1{margin:0 0 8px;font-size:clamp(34px,5vw,48px);font-weight:900}.doc h2{margin:36px 0 8px;font-size:22px}.doc p,.doc li{color:var(--text-2);font-size:17px}.doc .updated{color:var(--text-3);font-weight:700}:root,.guide-picture,.g-spot{--g-blank:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a2b30);--g-blank-border:var(--lightningcss-light,#e4e1da)var(--lightningcss-dark,#3d3f45);--g-typed-border:var(--lightningcss-light,#a9a6a0)var(--lightningcss-dark,#74767b);--g-absent:var(--lightningcss-light,#cfccc5)var(--lightningcss-dark,#45474c);--g-absent-text:var(--lightningcss-light,#5f6166)var(--lightningcss-dark,#c9cacd);--g-muted:var(--lightningcss-light,#f1eee8)var(--lightningcss-dark,#2a2b30);--g-muted-text:var(--lightningcss-light,#8a8c90)var(--lightningcss-dark,#8d8f94);--g-text:var(--lightningcss-light,#25272b)var(--lightningcss-dark,#f4f3ef);--g-text-2:var(--lightningcss-light,#66686d)var(--lightningcss-dark,#a3a4a8);--g-red:var(--lightningcss-light,#d93636)var(--lightningcss-dark,#ff6b62);--g-blue:var(--lightningcss-light,#2f7fd6)var(--lightningcss-dark,#7db7f5);--g-pink:var(--lightningcss-light,#cc3a80)var(--lightningcss-dark,#f58bbd);--g-green:var(--lightningcss-light,#1d8a51)var(--lightningcss-dark,#6fd39c);--g-mine:var(--lightningcss-light,#3a3c43)var(--lightningcss-dark,#45474e)}.guide{gap:14px;margin:18px 0 8px;display:grid}.guide-step{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin:0;padding:20px 18px 18px}@media (max-width:480px){.guide-step{padding:16px 12px 14px}}.guide-step figcaption{color:var(--text-2);align-items:flex-start;gap:10px;margin-top:16px;display:flex}.guide-num{background:var(--accent,var(--wash));width:24px;height:24px;color:var(--ink);border-radius:50%;flex:none;place-items:center;margin-top:0;font-size:13px;font-weight:900;display:grid}.guide-picture{justify-content:center;display:flex;container-type:inline-size}.guide-picture.compact{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff9;border-radius:18px;margin:14px 0 6px;padding:16px 10px}.guide-picture.compact.hero-spotlight{background:0 0;padding:0}.g-row{--s:var(--size,34px);gap:calc(var(--s) * .12);display:flex}.g-tile{width:var(--s);height:var(--s);border-radius:calc(var(--s) * .2);font-weight:900;font-size:calc(var(--s) * .5);color:var(--ink);background:var(--g-blank);border:2px solid var(--g-blank-border);flex:none;place-items:center;line-height:1;display:grid;position:relative}.g-tile.typed{color:var(--g-text);border-color:var(--g-typed-border)}.g-tile.correct,.g-tile.given{background:var(--correct);border-color:var(--correct);color:var(--ink)}.g-tile.present{background:var(--present);border-color:var(--present);color:var(--ink)}.g-tile.absent{background:var(--g-absent);border-color:var(--g-absent);color:var(--g-absent-text)}.g-tile.muted{background:var(--g-muted);border-color:var(--g-blank-border);color:var(--g-muted-text)}.g-tile.unknown{color:var(--g-muted-text);border-style:dashed}.g-tile.mark{border-color:var(--g-red);box-shadow:inset 0 0 0 1.5px var(--g-red)}.g-burst{top:calc(var(--s) * -.3);right:calc(var(--s) * -.3);width:max(13px, calc(var(--s) * .5));height:max(13px, calc(var(--s) * .5));fill:var(--g-red);position:absolute}.g-tile.warn{border:2px dashed var(--g-red);color:var(--g-red);background:color-mix(in srgb, var(--g-red) 9%, var(--g-blank))}.g-warn-badge{top:calc(var(--s) * -.28);right:calc(var(--s) * -.28);width:max(13px, calc(var(--s) * .42));height:max(13px, calc(var(--s) * .42));background:var(--g-red);color:#fff;font-size:max(9px, calc(var(--s) * .28));border-radius:50%;place-items:center;display:grid;position:absolute}.g-baton-body{fill:#34b06f}.g-baton-cap{fill:#17633b}.g-tile-badge{right:calc(var(--s) * -.26);bottom:calc(var(--s) * -.26);width:max(14px, calc(var(--s) * .52));height:max(14px, calc(var(--s) * .52));box-shadow:0 0 0 1.5px var(--g-green);background:#fff;border-radius:50%;padding:1px;position:absolute}.g-slots{justify-content:center;gap:calc(var(--size) * .12);display:flex}.g-slots>span{width:var(--size);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.g-lanes{--size:clamp(22px, (100cqi - 150px) / 5.48, 38px);column-gap:10px;row-gap:calc(var(--size) * .28);grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.g-lane-mid{z-index:1;justify-content:center;display:flex;position:relative}.g-lane-label,.g-board-label{letter-spacing:.06em;text-transform:uppercase;color:var(--g-text-2);font-size:11px;font-weight:900;line-height:1.15}.g-lane-label{text-align:right;justify-self:end}.g-lane-note{color:var(--g-text-2);align-items:center;gap:4px;font-size:12px;font-weight:800;line-height:1.2;display:flex}.g-lane-note.hit{color:var(--g-red)}.g-note-burst{width:15px;height:15px;fill:var(--g-red);flex:none}.g-lane-wide{grid-column:1/-1;justify-content:center;margin-top:8px;display:flex}.g-spot{--pad:12px;--lamp:52px;--size:clamp(15px, (100cqi - 46px) / 10.96, 34px);--gap:calc(var(--size) * .5 + 4px);width:100%;max-width:calc(var(--size) * 10.96 + 140px);padding:calc(var(--lamp) + 12px) var(--pad) calc(var(--pad) + 2px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(120% 100% at 50% 0,#2b2c32,#16171a);border-radius:18px;position:relative;overflow:hidden}.g-spot-boards{z-index:1;gap:var(--gap);grid-template-columns:1fr 1fr;display:grid;position:relative}.g-board{display:grid}.g-frame{align-items:center;gap:calc(var(--size) * .22);flex-direction:column;padding:4px 0 6px;display:flex}.g-board>.g-frame{grid-area:1/1}.g-board>.g-frame+.g-frame{opacity:0}.g-spot .g-board-label{color:#8e9198;text-align:center;margin-bottom:2px}.g-spot .g-frame.lit .g-board-label{color:var(--ink);background:var(--spotlight);border-radius:999px;margin-inline:-8px;padding:1px 8px}.g-spot .g-tile.muted{color:#7f828a;background:#25262b;border-color:#3a3c42}.g-spot-light{z-index:0;top:6px;bottom:0;left:var(--pad);width:calc((100% - 2 * var(--pad) - var(--gap)) / 2);pointer-events:none;position:absolute}.g-spot-light.right{transform:translateX(calc(100% + var(--gap)))}.g-flashlight{z-index:2;width:calc(var(--lamp) * 2 / 3);height:var(--lamp);filter:drop-shadow(0 2px 3px #00000073);margin-inline:auto;display:block;position:relative}.g-beam{top:calc(var(--lamp) * .8);filter:blur(3px);position:absolute;bottom:-10px;left:0;right:0}.g-beam:before{content:"";clip-path:polygon(calc(50% - 11px) 0,calc(50% + 11px) 0,100% 90%,0 90%);background:linear-gradient(#fff4c8f2,#ffe28cb3 30%,#ffe08a6b 88%);position:absolute;inset:0}.g-counted{display:flex;position:relative}.g-chip{top:calc(var(--size) * -.3 - 4px);right:calc(var(--size) * -.3 - 2px);min-width:max(18px, calc(var(--size) * .72));height:max(18px, calc(var(--size) * .72));font-weight:900;font-size:max(11px, calc(var(--size) * .42));color:var(--ink);background:var(--spotlight);border-radius:999px;place-items:center;padding-inline:4px;line-height:1;display:grid;position:absolute;box-shadow:0 0 0 2px #1b1c20,0 0 12px #ffe08a80}.g-chip.zero{color:#eeeef0;background:#4a4c53;box-shadow:0 0 0 2px #1b1c20}.g-chip.tap:before,.g-chip.tap:after{content:"";border:2px solid #ffe08a99;border-radius:999px;position:absolute;inset:-5px}.g-chip.tap:after{border-color:#ffe08a47;inset:-10px}.g-spot.reveal{--size:clamp(15px, (100cqi - 100px) / 10.96, 34px);padding:18px var(--pad) 14px;flex-direction:column;align-items:center;gap:14px;display:flex}.g-spot.reveal .g-spot-boards{grid-template-columns:1fr auto 1fr;align-items:end;width:100%}.g-spot.reveal .g-board-label{margin-bottom:8px}.g-arrow{width:22px;height:22px;margin-bottom:calc(var(--size) * .5 - 5px);color:var(--spotlight);align-self:end}.g-once{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--spotlight);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:900}.g-row.mine .g-tile{background:var(--g-mine);border-color:var(--g-mine);color:#ffffff52}.g-row.mine .g-tile.given{background:var(--g-red);border-color:var(--g-red);color:#fff}.g-wires{height:calc(var(--size) * .9);margin-block:calc(var(--size) * -.28)}.g-wires>span{height:100%}.g-wires>span.on:before{content:"";border-left:2px dashed var(--g-red);width:0;height:100%}.g-fuse{color:var(--g-text);align-items:center;gap:10px;display:flex}.g-bomb{flex:none;width:32px;height:32px}.g-bomb-body{fill:var(--lightningcss-light,#2f3138)var(--lightningcss-dark,#5b5e67)}.g-fuse-pips{gap:5px;display:flex}.g-fuse-pips>span{border:2px dashed color-mix(in srgb, var(--g-red) 60%, transparent);border-radius:999px;place-items:center;width:30px;height:16px;display:grid;position:relative}.g-fuse-pips>span.on{background:var(--g-red);border:2px solid var(--g-red)}.g-pip-burst{fill:#fff;width:11px;height:11px}.g-fuse-text{flex-direction:column;font-size:14px;line-height:1.2;display:flex}.g-fuse-text strong{font-weight:900}.g-fuse-text span{color:var(--g-text-2);font-size:12px;font-weight:700}.g-fuse-only,.g-budget-only{justify-content:center;width:100%;padding:6px 0;display:flex}.g-mirror{--size:clamp(24px, (100cqi - 40px) / 5.48, 36px);flex-direction:column;align-items:center;gap:6px;display:flex}.g-cap{color:var(--g-text-2);font-size:13px;font-weight:700}.g-cap b{color:var(--g-text);font-weight:900}.g-cross{width:calc(var(--size) * 5.48);height:calc(var(--size) * 1.3);margin-block:-3px;position:relative}.g-cross svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.g-cross path{fill:none;stroke:var(--line);stroke-width:2.5px;stroke-linecap:round}.g-cross-0{--line:var(--lightningcss-light,#2f7fd6)var(--lightningcss-dark,#7db7f5)}.g-cross-1{--line:var(--lightningcss-light,#cc3a80)var(--lightningcss-dark,#f58bbd)}.g-cross-2{--line:var(--lightningcss-light,#8a8c90)var(--lightningcss-dark,#a3a4a8)}.g-cross-3{--line:var(--lightningcss-light,#1d8a51)var(--lightningcss-dark,#6fd39c)}.g-cross-4{--line:var(--lightningcss-light,#c27c00)var(--lightningcss-dark,#ffc861)}.g-mirror-line{border-top:2px dashed color-mix(in srgb, var(--g-blue) 50%, transparent);position:absolute;top:50%;left:-6px;right:-6px}.g-ghost{top:0;left:calc(var(--size) * (var(--i) * 1.12 + .5));width:calc(var(--size) * .6);height:calc(var(--size) * .6);margin:calc(var(--size) * -.3) 0 0 calc(var(--size) * -.3);font-size:calc(var(--size) * .34);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#17181b);background:var(--line);border-radius:50%;place-items:center;font-weight:900;display:none;position:absolute}.g-diff{z-index:0;align-self:stretch}.g-diff>span.on:before{content:"";inset:calc(var(--size) * -.16) calc(var(--size) * -.1);border-radius:calc(var(--size) * .32);background:color-mix(in srgb, var(--g-pink) 14%, transparent);border:2.5px solid var(--g-pink);position:absolute}.g-diff-text{white-space:nowrap;color:var(--g-pink);font-size:12px;font-weight:800;position:absolute;left:calc(50% + 18px)}.g-diff-pill{color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#17181b);background:var(--g-pink);border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;font-weight:900;display:grid}.g-relay-wrap{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.g-band{z-index:0;align-self:stretch}.g-band>span.on:before{content:"";inset:calc(var(--size) * -.14) calc(var(--size) * -.06);border-radius:calc(var(--size) * .3);background:color-mix(in srgb, var(--g-green) 13%, transparent);border:1.5px dashed color-mix(in srgb, var(--g-green) 60%, transparent);position:absolute}.g-strip>span{height:calc(var(--size) * .78)}.g-strip>span:not(.on):before{content:"";width:calc(var(--size) * .36);height:calc(var(--size) * .36);border:1.5px dashed var(--g-blank-border);border-radius:50%}.g-strip .g-baton{width:calc(var(--size) * .78);height:calc(var(--size) * .78);padding:calc(var(--size) * .08);box-shadow:0 0 0 2px var(--g-green);background:#fff;border-radius:50%}.g-down{height:calc(var(--size) * .3);margin-block:calc(var(--size) * -.22)}.g-down svg{fill:none;width:45%;stroke:var(--g-green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.g-note-baton{flex:none;width:16px;height:16px}.g-lane-note .g-note-baton+*{color:inherit}.g-budget{gap:6px;width:min(100%,300px);display:grid}.g-pips{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.g-pips span{border:1.5px solid color-mix(in srgb, var(--g-green) 55%, transparent);background:color-mix(in srgb, var(--correct) 28%, transparent);border-radius:999px;height:12px}.g-pips span.used{border-color:var(--g-green);background:var(--g-green)}.g-pips span:nth-child(2){margin-right:6px}.g-budget-text{color:var(--g-text-2);justify-content:space-between;gap:10px;font-size:12px;font-weight:700;display:flex}.g-budget-text b{color:var(--g-text);font-weight:900}@media (prefers-reduced-motion:no-preference){.g-spot.anim .g-spot-light{animation:7s ease-in-out infinite g-spot-move}.g-spot.anim .g-beam{animation:7s ease-in-out infinite g-beam}.g-spot.anim .g-frame:first-child{animation:7s infinite g-frame-a}.g-spot.anim .g-frame:nth-child(2){animation:7s infinite g-frame-b}.g-chip.tap:before{animation:1.8s ease-out infinite g-ripple}.g-chip.tap:after{animation:1.8s ease-out .3s infinite g-ripple}.g-tile.mark .g-burst{animation:2.4s ease-in-out infinite g-throb}.g-fuse-pips>span.next{animation:1.4s ease-in-out infinite g-blink}.g-warn-badge{animation:1.4s ease-in-out infinite g-throb}.g-ghost{opacity:0;animation:4s ease-in-out infinite g-fly;animation-delay:calc(var(--i) * 70ms);display:grid}.g-diff>span.on:before{animation:2.4s ease-in-out infinite g-throb-soft}.g-relay-wrap.anim .g-s1{animation:9s ease-out infinite g-seq1}.g-relay-wrap.anim .g-s2{animation:9s ease-out infinite g-seq2}.g-relay-wrap.anim .g-s3{animation:9s ease-out infinite g-seq3}.g-relay-wrap.anim .g-lane-mid.g-s4 .g-tile.given{animation:9s ease-out infinite g-give}.g-relay-wrap.anim .g-lane-note.g-s4{animation:9s ease-out infinite g-seq4}.g-relay-wrap.anim .g-pips span:first-child{animation:9s ease-out infinite g-pip1}.g-relay-wrap.anim .g-pips span:nth-child(2){animation:9s ease-out infinite g-pip2}}@keyframes g-spot-move{0%,40%{transform:none}50%,90%{transform:translateX(calc(100% + var(--gap)))}to{transform:none}}@keyframes g-beam{0%,39%,51%,89%{opacity:1}44%,47%,94%,97%{opacity:.2}to{opacity:1}}@keyframes g-frame-a{0%,45%{opacity:1}49%,95%{opacity:0}99%{opacity:1}}@keyframes g-frame-b{0%,45%{opacity:0}49%,95%{opacity:1}99%{opacity:0}}@keyframes g-ripple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes g-throb{0%,to{transform:scale(1)}50%{transform:scale(1.18)rotate(12deg)}}@keyframes g-throb-soft{0%,to{opacity:1}50%{opacity:.55}}@keyframes g-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes g-fly{0%,10%{opacity:0;transform:none}18%{opacity:1;transform:none}64%{opacity:1;transform:translate(calc((4 - 2 * var(--i)) * 1.12 * var(--size)), calc(var(--size) * 1.3))}74%,to{opacity:0;transform:translate(calc((4 - 2 * var(--i)) * 1.12 * var(--size)), calc(var(--size) * 1.3))}}@keyframes g-seq1{0%{opacity:0;transform:translateY(6px)}6%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes g-seq2{0%,14%{opacity:0;transform:translateY(6px)}20%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes g-seq3{0%,32%{opacity:0;transform:translateY(-8px)}42%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes g-seq4{0%,50%{opacity:0}56%,92%{opacity:1}98%,to{opacity:0}}@keyframes g-give{0%,48%{background:var(--g-blank);border-color:var(--g-blank-border);color:#0000;transform:none}53%{transform:scale(1.12)}56%,92%{background:var(--correct);border-color:var(--correct);color:var(--ink);transform:none}98%,to{background:var(--g-blank);border-color:var(--g-blank-border);color:#0000}}@keyframes g-pip1{0%{background:0 0}6%,92%{background:var(--g-green)}98%,to{background:0 0}}@keyframes g-pip2{0%,14%{background:0 0}20%,92%{background:var(--g-green)}98%,to{background:0 0}}.mode-more{color:var(--ink);font-weight:800;text-decoration:none;display:inline-block}.howto .basics-colors{gap:16px;display:grid}.howto .basics-colors p{margin:6px 0 0}.howto-mode{margin-top:36px;padding:0}.howto-mode h2{align-items:center;gap:10px;display:flex}.howto-dot{border-radius:6px;width:18px;height:18px}.howto-mode .tagline{margin:0 0 8px;font-weight:700}.shared{padding:48px 0 64px}.shared .container{gap:32px;max-width:760px;display:grid}.shared-card{color:var(--ink);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px;display:grid}.shared-card .eyebrow{color:#25272bb3}.shared-card h1{margin:2px 0 10px;font-size:clamp(38px,7vw,60px);font-weight:900;line-height:1}.shared-card .lead{margin:8px 0 0;font-size:22px;font-weight:800}.shared-card h1+.streak,.shared-card .streak{margin:4px 0 0;font-weight:800}.shared-grid{background:#faf8f4;border-radius:22px;justify-content:center;padding:16px;display:flex}@media (max-width:640px){.shared-card{grid-template-columns:1fr}}.shared-cta h2{margin:0 0 8px}.shared-cta p{color:var(--text-2);margin:0 0 20px}.shots-page{padding-block:40px 80px}.shots-page h2{margin:48px 0 4px}.shots-intro,.shots-detail{color:var(--text-2);margin:0 0 16px}.shots-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.shots-grid.ipad{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.shots-grid.web{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shots-grid figure{min-width:0;margin:0}.shots-grid img{border:1px solid var(--border);border-radius:14px;width:100%;height:auto}.shots-grid figcaption{flex-direction:column;gap:2px;margin-top:8px;font-size:14px;display:flex}.shots-grid figcaption span{color:var(--text-2);font-size:13px}@media (max-width:700px){.shots-grid,.shots-grid.ipad,.shots-grid.web{grid-template-columns:repeat(2,1fr);gap:14px}}