@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/9ffc08a38813e78e-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/44c9372a001b48d5-s.0yczt4r3j28ff.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:Fredoka;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/61715dc81dd9b4e8-s.p.0ez3bnoxb63ra.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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.hzxjaa_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.hzxjaa_variable{--f-fredoka:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e27b85d01cb4b1af-s.1zkvd_innyig_.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:200 1000;font-display:swap;src:url(../media/10e5db483fb7b6ef-s.2c8-7nzo1jf9r.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:200 1000;font-display:swap;src:url(../media/01a1b57b2e0cef27-s.1vcas2uk12q5a.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:200 1000;font-display:swap;src:url(../media/648e19a466ec92f1-s.2demiz2t05dx4.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:200 1000;font-display:swap;src:url(../media/29e2a75af8e45044-s.p.2kjei9psvcorz.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%}.APYl9a_className{font-family:Nunito,Nunito Fallback;font-style:normal}.APYl9a_variable{--f-nunito:"Nunito", "Nunito Fallback"}
@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/659375fb877c71b9-s.3uuzd4ky6sm1t.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:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/18f52720ad5fdf06-s.403cfnf7b-1vb.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:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/47227609666e7f48-s.p.3jc5sq-923m_s.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:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.m_1Pvq_className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.m_1Pvq_variable{--f-quicksand:"Quicksand", "Quicksand Fallback"}
@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/2229a87441b77a38-s.0ornw44cqt18i.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:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/50b4d6d2a0a42784-s.1zimd0smwfdd-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0a7182f79d9889eb-s.1g6_yfgrgot7g.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/af9f745618969563-s.0ll4btu1cp91c.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:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/b4bbae96705aa1ad-s.3kyqqorhbenil.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:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0bfefe48a8876790-s.p.36oubx4qeurhb.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:Comfortaa Fallback;src:local(Arial);ascent-override:74.95%;descent-override:19.91%;line-gap-override:0.0%;size-adjust:117.54%}.zQvXRa_className{font-family:Comfortaa,Comfortaa Fallback;font-style:normal}.zQvXRa_variable{--f-comfortaa:"Comfortaa", "Comfortaa Fallback"}
@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c7104fc689f91cec-s.2oc8yur3f280s.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:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a26175ae00aab94b-s.3g419ihx2dxc-.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:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab71ef6cb3cac5a2-s.p.3moulrn_0vbty.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:Patrick Hand Fallback;src:local(Arial);ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:81.43%}.h5P15q_className{font-family:Patrick Hand,Patrick Hand Fallback;font-style:normal;font-weight:400}.h5P15q_variable{--f-patrick:"Patrick Hand", "Patrick Hand Fallback"}
:root{--bg:#2b0505;--surface:#3a1616;--text:#fff;--muted:#bfa5a5;--accent:#ff5a78;--box-line:#efe3e3;--grid-line:#7d5a5a;--given:#fff;--user:#ff5a78;--notes:#e9dada;--selected:#6a2232;--highlight:#3c1010;--same:#57202c;--error:#ffb03b;--hint:#7ee0b0;--pad-bg:#3a1a1c;--pad-text:#ff5a78;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--num-scale:1;--radius:12px;--box-gap:clamp(6px, 2.2vw, 12px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;transition:background-color .25s}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.35}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.muted{color:var(--muted)}.app{max-width:480px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.app>main{flex-direction:column;flex:1;display:flex}.game{margin-block:auto}.icon-btn{background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.nav{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.nav button{width:76px;height:52px;color:var(--text);border-radius:999px;place-items:center;transition:background .2s,color .2s;display:grid}.nav button svg{width:26px;height:26px}.nav button.on{background:color-mix(in srgb, var(--accent) 22%, var(--surface));color:var(--accent)}.game-bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pill{border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:18px;display:inline-flex}.pill.icon-only{padding:0 10px}.pill-icon{opacity:.6;width:14px;height:14px}.mistake-count{color:var(--muted);font-size:14px}.board{gap:var(--box-gap);aspect-ratio:1;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.box{border:1.5px solid var(--box-line);border-radius:calc(var(--radius) / 4);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.board.classic{border:1.5px solid var(--box-line);border-radius:calc(var(--radius) / 3);gap:0;overflow:hidden}.board.classic .box{border-width:1px;border-radius:0}.cell{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);min-width:0;font-size:calc(clamp(20px, 7vw, 32px) * var(--num-scale));place-items:center;line-height:1;transition:background-color .12s;display:grid;position:relative}.cell:nth-child(3n){border-right:0}.cell:nth-child(n+7){border-bottom:0}.cell.given{color:var(--given)}.cell.user{color:var(--user)}.cell.hinted{color:var(--hint)}.cell.peer{background:var(--highlight)}.cell.same{background:var(--same)}.cell.selected{background:var(--selected)}.cell.wrong{color:var(--error);background-image:linear-gradient(color-mix(in srgb, var(--error) 18%, transparent), color-mix(in srgb, var(--error) 18%, transparent))}.cell.clash .value{-webkit-text-decoration:underline wavy color-mix(in srgb, var(--error) 70%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--error) 70%, transparent);text-underline-offset:4px;text-decoration-thickness:1.5px}.cell.flash{animation:.9s ease-out flash}@keyframes flash{0%{box-shadow:inset 0 0 0 100px color-mix(in srgb, var(--hint) 45%, transparent)}to{box-shadow:inset 0 0 0 100px #0000}}.notes{color:var(--notes);font-size:calc(clamp(9px, 2.8vw, 13px) * var(--num-scale));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:2px}.note{place-items:center;display:grid}.note.hl{color:var(--accent);font-weight:700}.board.paused .box{filter:blur(10px);opacity:.4}.paused-label{cursor:pointer;place-items:center;font-size:22px;font-weight:600;display:grid;position:absolute;inset:0}.tools{margin:22px 0 18px;display:grid}.tool{border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;padding:6px 0;font-size:15px;font-weight:600;transition:color .15s;display:flex}.tool svg{stroke-width:1.6px;width:36px;height:36px}.tool.on{color:var(--accent)}.tool:active svg{transform:scale(.9)}.pad{grid-template-columns:repeat(9,1fr);gap:clamp(4px,1.4vw,8px);display:grid}.key{aspect-ratio:.78;border-radius:calc(var(--radius) * .75);background:var(--pad-bg);color:var(--pad-text);place-items:center;font-size:clamp(28px,9vw,42px);line-height:1;transition:transform 80ms;display:grid;position:relative}.key:active{transform:scale(.93)}.key small{color:var(--muted);font-size:10px;position:absolute;bottom:3px}.pad.notes-mode .key span{opacity:.85;font-size:.6em}.toast{background:var(--text);color:var(--bg);z-index:60;border-radius:999px;padding:10px 18px;font-weight:600;animation:.2s ease-out pop;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-8px)}}.pill-icon.flip{transform:rotate(180deg)}.dropdown{position:relative}.dropdown-menu{z-index:30;border-radius:var(--radius);background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);flex-direction:column;min-width:190px;padding:6px;animation:.14s ease-out drop;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000059}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}}.dropdown-menu button{border-radius:calc(var(--radius) * .6);text-align:left;align-items:center;gap:10px;padding:10px 12px;font-size:16px;display:flex}.dropdown-menu button:hover,.dropdown-menu button:focus-visible{background:color-mix(in srgb, var(--text) 8%, transparent);outline:none}.dropdown-menu button[aria-checked=true]{color:var(--accent);font-weight:700}.dropdown-menu small{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:400}.dropdown-menu svg{opacity:.8;width:18px;height:18px}.dropdown-menu hr{border:0;border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent);width:100%;margin:6px 0}.sheet-backdrop{z-index:40;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:88dvh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:var(--bg);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-bottom:0;border-radius:24px 24px 0 0;animation:.25s cubic-bezier(.2,.8,.2,1) up;overflow:auto}@media (min-width:560px){.sheet-backdrop{align-items:center}.sheet{border-bottom:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:24px}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet-head h2{margin:0;font-size:22px}.sheet-head .icon-btn{margin-left:auto}.menu{gap:8px;display:grid}.menu-row{border-radius:var(--radius);background:var(--surface);text-align:left;border:1.5px solid #0000;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.menu-row.split{padding:0 12px 0 0}.menu-main{text-align:left;flex:1;padding:14px 16px}.menu-row.current{border-color:var(--accent)}.menu-row b,.menu-main b{font-size:17px;display:block}.menu-row small,.menu-main small{color:var(--muted);font-size:13px}.tag{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.menu-actions{gap:8px;margin-top:14px;display:flex}.btn{border-radius:var(--radius);background:var(--accent);height:48px;color:var(--bg);flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.btn svg{width:20px;height:20px}.btn.ghost{background:var(--surface);color:var(--text)}.btn.danger{background:color-mix(in srgb, var(--error) 20%, var(--surface));color:var(--error)}.confirm-text{margin:0 0 8px;font-size:18px}.win{text-align:center}.win-title{color:var(--accent);font-size:36px;font-weight:800}.win-sub{color:var(--muted);margin-top:4px}.win-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.win-stats div,.tile,.streak div{border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:2px;padding:14px 6px;display:flex}.win-stats b,.tile b,.streak b{font-variant-numeric:tabular-nums;font-size:24px}.win-stats small,.tile small,.streak small{color:var(--muted);font-size:13px}.archive-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.archive-month{text-align:center;font-size:18px;font-weight:700}.archive-month small{color:var(--muted);font-size:13px;font-weight:400;display:block}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-head{text-align:center;color:var(--muted);padding-bottom:4px;font-size:12px}.cal-day{aspect-ratio:1;border-radius:calc(var(--radius) * .75);background:var(--surface);font-variant-numeric:tabular-nums;border:1.5px solid #0000}.cal-day.playing{border-color:var(--accent)}.cal-day.won{background:var(--accent);color:var(--bg);font-weight:700}.cal-day.today{text-underline-offset:3px;text-decoration:underline}.cal-day.current{outline:2px solid var(--text);outline-offset:1px}.legend{flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:3px;width:10px;height:10px}.dot.won{background:var(--accent)}.dot.playing{border:1.5px solid var(--accent)}.page-title{margin:0 0 14px;font-size:24px}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:26px 0 10px;font-size:15px}.card{border-radius:var(--radius);background:var(--surface)}.segmented{border-radius:calc(var(--radius) + 4px);background:var(--surface);gap:4px;margin-bottom:10px;padding:4px;display:flex}.segmented button{border-radius:var(--radius);color:var(--muted);flex:1;padding:8px 4px;font-size:14px}.segmented button.on{background:var(--bg);color:var(--accent);font-weight:700}.segmented.small{margin-bottom:0}.page>.segmented button{padding:8px 2px;font-size:clamp(12px,3.4vw,14px)}.list>.segmented,.row .segmented{background:var(--bg)}.row .segmented button.on{background:var(--surface)}.section-title+.segmented{margin-bottom:10px}.streak{background:0 0;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.streak b{color:var(--accent);font-size:34px}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.tile b{font-size:20px}.recent{gap:6px;margin:0;padding:0;list-style:none;display:grid}.recent li{border-radius:var(--radius);background:var(--surface);grid-template-columns:1.3fr 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.recent-label{text-transform:capitalize;font-weight:600}.recent-label small{text-transform:none;color:var(--muted);font-size:12px;font-weight:400;display:block}.recent-bar{background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:99px;height:6px;overflow:hidden}.recent-bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.recent-time{font-variant-numeric:tabular-nums}.empty{padding:8px 0}.list{overflow:hidden}.row{border-bottom:1px solid color-mix(in srgb, var(--text) 8%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.row:last-child{border-bottom:0}.row-text{flex-direction:column;gap:2px;font-size:16px;display:flex}.row-text small{color:var(--muted);font-size:13px}.row input[type=range]{width:45%;accent-color:var(--accent)}.switch{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.switch i{background:var(--text);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on i{background:var(--bg);transform:translate(20px)}.themes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.theme{border-radius:var(--radius);border:2px solid;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;font-size:13px;font-weight:600;display:flex}.swatches{display:flex}.swatches i{border:1.5px solid #0003;border-radius:50%;width:16px;height:16px;margin-left:-4px}.color-input{align-items:center;gap:8px;display:flex}.hex{border:1px solid color-mix(in srgb, var(--text) 15%, transparent);background:var(--bg);text-transform:lowercase;border-radius:8px;width:84px;padding:6px 8px;font-family:ui-monospace,Consolas,monospace;font-size:13px}input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;width:34px;height:34px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid color-mix(in srgb, var(--text) 25%, transparent);border-radius:50%}input[type=color]::-moz-color-swatch{border:2px solid color-mix(in srgb, var(--text) 25%, transparent);border-radius:50%}.share-theme{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.input{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--text) 15%, transparent);background:var(--surface);height:48px;padding:0 14px}.footnote{margin-top:20px;font-size:13px;line-height:1.5}@media (min-width:420px){.share-theme{grid-template-columns:auto 1fr auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}kbd{background:var(--bg);border:1px solid color-mix(in srgb, var(--text) 15%, transparent);border-radius:6px;flex:none;padding:3px 8px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.keys .row{padding:9px 16px}.cell,.key{font-family:var(--num-font,var(--font))}.num-fonts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.num-font{border-radius:var(--radius);background:var(--surface);border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;display:flex}.num-font span{color:var(--user);font-size:28px;line-height:1.1}.num-font small{color:var(--muted);font-size:12px}.num-font.on{border-color:var(--accent)}@media (max-height:700px){.app{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:calc(84px + env(safe-area-inset-bottom))}.nav{bottom:max(10px, env(safe-area-inset-bottom))}.nav button{height:44px}.game-bar{margin-bottom:8px}.tools{margin:12px 0 10px}.tool svg{width:28px;height:28px}}