.rv{--rv-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--rv-display:"Outfit", ui-sans-serif, system-ui, sans-serif;--rv-card:color-mix(in srgb, var(--surface) 34%, var(--bg));--rv-label:color-mix(in srgb, var(--muted) 58%, var(--text));--r-sm:10px;--r-md:14px;--r-lg:20px;text-align:start;gap:18px;margin-block:20px;display:grid}.rv[data-scheme=dark]{--p1:var(--accent);--p2:oklch(79% .11 205);--p3:oklch(84% .12 88);--p4:oklch(79% .12 342);--mk-ink:oklch(16% .02 250);--track:oklch(100% 0 0/.1);--good:oklch(80% .15 155);--mid:oklch(87% .14 95);--bad:oklch(74% .15 8)}.rv[data-scheme=light]{--p1:var(--accent);--p2:oklch(44% .15 244);--p3:oklch(46% .14 66);--p4:oklch(44% .17 350);--mk-ink:#fff;--track:oklch(0% 0 0/.06);--good:oklch(58% .14 155);--mid:oklch(78% .14 88);--bad:oklch(58% .18 8)}.rv-card{background:var(--rv-card);border:1px solid var(--grid-line);border-radius:var(--r-lg);min-width:0;padding:clamp(16px,4vw,26px)}.rv-title{font-family:var(--rv-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(17px,2.4vw,20px);font-weight:800}.rv-note{color:var(--rv-label);border-top:1px solid var(--grid-line);margin:18px 0 0;padding-top:14px;font-size:12.5px}.rv-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;display:flex}.rv-who{font-family:var(--rv-display);font-size:16px;font-weight:800}.rv-date{color:var(--rv-label);font-size:13px}.rv-difftag{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.rv-difftag>span:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--rv-label);font-size:11px}.rv-steps{vertical-align:middle;gap:3px;display:inline-flex}.rv-steps i{background:var(--grid-line);border-radius:3px;width:16px;height:6px;display:block}.rv-steps i.on{background:var(--accent)}.rv-steps.lg i{width:24px;height:8px}.rv-ring{flex:none;place-items:center;width:104px;height:104px;display:grid;position:relative}.rv-ring svg{width:100%;height:100%}.rv-ring circle{fill:none;stroke-width:9px}.rv-ring .bg{stroke:var(--grid-line)}.rv-ring .fg{stroke:var(--accent);stroke-linecap:round;transform-origin:50px 50px;transition:stroke-dashoffset .7s cubic-bezier(.2,.7,.2,1);transform:rotate(-90deg)}.rv-ring .val{font-family:var(--rv-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;position:absolute}.rv-pips{align-items:center;gap:7px;display:inline-flex}.rv-pips i{background:var(--grid-line);border-radius:50%;width:8px;height:8px;display:block}.rv-pips i.on{background:var(--accent)}.rv-pips b{font-variant-numeric:tabular-nums;font-weight:700}.rv-seal{letter-spacing:.03em;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.rv-seal.clean{background:var(--accent);color:var(--accent-ink)}.rv-seal.sealed{border:1px solid var(--grid-line);color:var(--rv-label)}.rv-seal svg{width:15px;height:15px}.rv-metric{flex-direction:column;gap:6px;display:flex}.rv-metric .k{letter-spacing:.1em;text-transform:uppercase;color:var(--rv-label);font-size:11.5px;font-weight:700}.rv-metric .v{font-family:var(--rv-display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(30px,6vw,40px);font-weight:800;line-height:1}.rv-metric .sub{color:var(--rv-label);font-size:12.5px}.rv-run-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(18px,3vw,32px);display:grid}.rv-fp{aspect-ratio:1;border:1.5px solid var(--region-line);border-radius:var(--r-md);grid-template-columns:repeat(9,1fr);width:100%;max-width:380px;display:grid;overflow:hidden}.rv-fp i{background:var(--surface-soft);display:block}.rv-fp i.r{border-right:1.5px solid var(--region-line)}.rv-fp i.b{border-bottom:1.5px solid var(--region-line)}.rv-fp i.given,.rv-legend .sw.given{background:color-mix(in srgb, var(--region-line) 42%, var(--bg))}.rv-fp i.correct,.rv-legend .sw.correct{background:var(--accent)}.rv-fp i.wrong,.rv-legend .sw.wrong{background:var(--error)}.rv-fp i.hint,.rv-legend .sw.hint{background:repeating-linear-gradient(45deg, var(--accent) 0 3px, color-mix(in srgb, var(--accent) 34%, var(--bg)) 3px 6px)}.rv-fp i.reveal,.rv-legend .sw.reveal{background:repeating-linear-gradient(45deg, var(--error) 0 3px, color-mix(in srgb, var(--error) 34%, var(--bg)) 3px 6px)}.rv-legend .sw.blank{background:var(--surface-soft);border:1px solid var(--grid-line)}.rv-run-stats{grid-template-columns:auto 1fr;align-items:center;gap:24px;display:grid}.rv-col{gap:16px;display:grid}.rv-legend{border-top:1px solid var(--grid-line);color:var(--rv-label);flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;padding:16px 0 0;font-size:12.5px;list-style:none;display:flex}.rv-legend li{align-items:center;gap:7px;display:inline-flex}.rv-legend .sw{border-radius:3px;width:13px;height:13px;display:inline-block}.rv-radar-wrap{grid-template-columns:minmax(0,1fr) 232px;align-items:center;gap:24px;display:grid}.rv-radar{width:100%;max-width:min(400px,88vw);margin-inline:auto;display:block;overflow:visible}.rv-radar .grid-ring{fill:none;stroke:var(--grid-line);stroke-width:1px}.rv-radar .diff-ring{fill:none;stroke:var(--region-line);stroke-width:2.5px}.rv-radar .spoke{stroke:var(--grid-line);stroke-width:1px}.rv-radar .you{fill:color-mix(in srgb, var(--p1) 30%, transparent);stroke:var(--p1);stroke-width:2px;stroke-linejoin:round}.rv-radar .peer{fill:color-mix(in srgb, var(--c) 12%, transparent);stroke:var(--c);stroke-width:1.6px;stroke-dasharray:3 3}.rv-radar .axis{fill:var(--rv-label);letter-spacing:.08em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:9.5px;font-weight:700}.rv-radar .dot{fill:var(--p1);stroke:var(--bg);stroke-width:2px}.rv-radar-key{gap:10px;display:grid}.rv-radar-key .row{border-bottom:1px solid var(--grid-line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;font-size:13px;display:flex}.rv-radar-key .who{font-weight:600}.rv-radar-key .val{font-variant-numeric:tabular-nums;color:var(--rv-label);text-align:end}.rv-radar-key .rv-note{border:0;margin:0;padding:0}.rv-key-chip{align-items:center;gap:5px;margin-inline-start:8px;display:inline-flex}.rv-key-chip i{border-radius:50%;width:10px;height:10px}.rv-track-row{margin-bottom:20px}.rv-track-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:4px;display:flex}.rv-track-top .name{font-size:14px;font-weight:700}.rv-track-top .best{letter-spacing:.06em;text-transform:uppercase;color:var(--rv-label);font-size:11px;font-weight:700}.rv-track-top .best em{color:var(--text);font-style:normal}.rv-track-words,.rv-track-scale{color:var(--rv-label);letter-spacing:.03em;justify-content:space-between;gap:10px;font-size:11px;display:flex}.rv-track-words{margin-bottom:5px;font-weight:600}.rv-track-scale{font-variant-numeric:tabular-nums;margin-top:5px}.rv-track-scale .you-val{color:var(--text);font-weight:700}.rv-track{--good-soft:color-mix(in oklab, var(--good) 62%, var(--surface-soft));--mid-soft:color-mix(in oklab, var(--mid) 62%, var(--surface-soft));--bad-soft:color-mix(in oklab, var(--bad) 62%, var(--surface-soft));border:1px solid var(--grid-line);border-radius:999px;height:34px;position:relative}.rv-track.low-best{background:linear-gradient(90deg, var(--good-soft), var(--mid-soft) 50%, var(--bad-soft))}.rv-track.high-best{background:linear-gradient(90deg, var(--bad-soft), var(--mid-soft) 50%, var(--good-soft))}.rv-track .mark{border-left:2px dashed color-mix(in srgb, var(--text) 55%, transparent);width:0;position:absolute;top:-3px;bottom:-3px}.rv-track .mark span{color:var(--text);white-space:nowrap;font-size:10.5px;font-weight:700;position:absolute;top:calc(100% + 2px);left:0;translate:-50%}.rv-track-row:has(.mark) .rv-track-scale{margin-top:20px}.rv-track .mk{background:var(--c);width:22px;height:22px;color:var(--mk-ink);border:2px solid var(--bg);border-radius:50%;place-items:center;font-size:11px;font-weight:800;transition:left .5s;display:grid;position:absolute;top:50%;translate:-50% -50%}.rv-track .mk.you{width:27px;height:27px;color:var(--accent-ink);box-shadow:0 0 0 2px var(--text)}.rv-tape-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.rv-receipt{font-family:var(--rv-mono);background:var(--surface-soft);border:1px solid var(--grid-line);border-radius:var(--r-md);padding:18px 18px 16px;font-size:13px;line-height:1.5}.rv-receipt .rtop{border-bottom:1px dashed var(--grid-line);justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;font-weight:700;display:flex}.rv-receipt .rtop .d{color:var(--rv-label);font-weight:500}.rv-receipt .rline{grid-template-columns:70px 50px 1fr;align-items:center;gap:10px;margin-bottom:9px;display:grid}.rv-receipt .lab{color:var(--rv-label);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.rv-receipt .val{font-variant-numeric:tabular-nums;text-align:end;font-weight:700}.rv-receipt .bar{gap:3px;display:flex}.rv-receipt .bar i{background:var(--grid-line);border-radius:2px;flex:1;height:12px}.rv-receipt .bar i.f{background:var(--accent)}.rv-receipt .bar i.r{background:var(--error)}.rv-receipt .rfoot{border-top:1px dashed var(--grid-line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:13px;font-weight:700;display:flex}.rv-share-box{background:var(--surface-soft);border:1px solid var(--grid-line);border-radius:var(--r-md);overflow:hidden}.rv-share-box .top{border-bottom:1px solid var(--grid-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.rv-share-box .t{letter-spacing:.13em;text-transform:uppercase;color:var(--rv-label);font-size:11px;font-weight:700}.rv-copy{background:var(--accent);min-height:40px;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:13px;font-weight:700;display:inline-flex}.rv-copy:focus-visible{outline:3px solid var(--text);outline-offset:2px}.rv-copy svg{width:15px;height:15px}.rv-copy-text{font-family:var(--rv-mono);white-space:pre-wrap;word-break:break-word;color:var(--text);-webkit-user-select:all;user-select:all;margin:0;padding:16px 14px;font-size:13px;line-height:1.75}.rv-matrix-scroll{overflow-x:auto}.rv-matrix{border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;width:100%}.rv-matrix caption{text-align:start;color:var(--rv-label);padding-bottom:12px;font-size:12.5px}.rv-matrix caption b{color:var(--text)}.rv-matrix th,.rv-matrix td{text-align:center;border-radius:var(--r-sm);padding:11px 12px}.rv-matrix thead th{color:var(--text);background:var(--surface-soft);border:1px solid var(--grid-line);font-size:12px;font-weight:700}.rv-matrix thead th.you{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.rv-matrix tbody th{text-align:start;color:var(--rv-label);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.rv-matrix td{font-family:var(--rv-display);border:1px solid var(--grid-line);background:color-mix(in srgb, var(--accent) calc(var(--fill,0) * 1%), var(--surface-soft));font-size:17px;font-weight:800;position:relative}.rv-matrix td.you{border-color:var(--accent)}.rv-matrix td.win{background:color-mix(in srgb, var(--accent) 30%, var(--surface-soft))}.rv-matrix td .star{width:12px;height:12px;color:var(--text);position:absolute;top:5px;right:6px}.rv-achievements{border-top:1px solid var(--grid-line);flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:16px 0 0;list-style:none;display:flex}.rv-ach{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:999px;align-items:center;gap:9px;padding:7px 13px;font-size:12.5px;display:inline-flex}.rv-ach svg{width:14px;height:14px;color:var(--accent)}@media (width<=700px){.rv-run-grid,.rv-radar-wrap,.rv-tape-grid{grid-template-columns:minmax(0,1fr)}.rv-fp{margin-inline:auto}.rv-matrix th,.rv-matrix td{padding:9px 6px;font-size:14px}.rv-matrix thead th{font-size:11px}.rv-receipt .rline{grid-template-columns:62px 46px 1fr}}@media (prefers-reduced-motion:reduce){.rv-ring .fg,.rv-track .mk{transition:none}}.lb-controls{gap:12px;margin:20px 0 22px;display:grid}.lb-seg{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:999px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:0;padding:4px;display:flex}.lb-seg label{min-height:40px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.lb-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.lb-seg label.on{background:var(--accent);color:var(--accent-ink)}.lb-seg label:has(input:focus-visible){outline:3px solid var(--text);outline-offset:2px}.lb-view{align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.lb-view select{font:inherit;border:1px solid var(--grid-line);background:var(--surface);min-height:40px;color:var(--surface-ink);border-radius:12px;padding:6px 12px}.lb-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lb-list li{border:1px solid var(--grid-line);background:color-mix(in srgb, var(--surface) 34%, var(--bg));border-radius:16px;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.lb-list li.you{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lb-rank{text-align:center;font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-size:20px;font-weight:900}.lb-list li:nth-child(-n+3) .lb-rank{background:var(--accent-soft);color:var(--accent-soft-ink);aspect-ratio:1;border-radius:999px;place-items:center;display:grid}.lb-name{min-width:0;display:grid}.lb-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-name small{color:var(--muted);font-size:12.5px}.lb-value{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;font-family:Outfit,sans-serif;font-weight:800}.lb-hidden{margin-top:12px}.lb-error{color:var(--error);font-weight:600}.lb-how{margin-top:28px}.lb-how ul{gap:6px;padding-inline-start:1.2em;display:grid}.social-card{margin-top:18px}.invite-row{flex-wrap:wrap;gap:8px;margin:12px 0 6px;display:flex}.invite-link{min-width:0;min-height:44px;font:inherit;border:1px solid var(--grid-line);background:var(--surface-soft);color:var(--text);border-radius:12px;flex:240px;padding:8px 12px;font-size:14px}.friend-rows{margin:16px 0 0;padding:0;list-style:none;display:grid}.friend-rows li{border-top:1px solid var(--grid-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.friend-rows small{color:var(--muted)}.friend-confirm{gap:12px;display:inline-flex}.par-scroll{margin-top:10px;overflow-x:auto}.par-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.par-table th,.par-table td{text-align:start;border-bottom:1px solid var(--grid-line);white-space:nowrap;padding:8px}.par-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}.par-table tr.par-too-fast td:last-child,.par-table tr.par-too-slow td:last-child{color:var(--error);font-weight:700}.par-table tr.ok td:last-child{font-weight:700}@media (width<=520px){.lb-seg{width:100%}.lb-seg label{flex:1;justify-content:center;padding-inline:8px}}.social-card .text-button,.lb-hidden .text-button{min-height:0;font-size:inherit;text-underline-offset:2px;margin:0;padding:0;text-decoration:underline;display:inline}.social-card>.text-button{margin:4px 0 8px;font-size:13px;display:inline-block}.friend-rows .text-button{padding:8px 0}.player-head{align-items:center;gap:18px;margin-top:8px;display:flex}.player-head .page-title{margin:0}.player-head .eyebrow{margin:0 0 4px}.player-head .muted{margin:4px 0 0}.player-avatar{background:var(--accent);width:72px;height:72px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-family:Outfit,sans-serif;font-size:32px;font-weight:900;display:grid;overflow:hidden}.player-avatar img{object-fit:cover;width:100%;height:100%}.player-relation{border:1px solid var(--grid-line);background:color-mix(in srgb, var(--surface) 34%, var(--bg));border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:20px 0 8px;padding:14px 16px;display:flex}.player-relation .fine-print{flex-basis:100%;order:3;margin:0}.player-relation .text-button{text-underline-offset:2px;margin:0;padding:8px 0;font-size:14px;text-decoration:underline;display:inline}.rel-badge{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex}.rel-badge.friend{background:var(--accent);color:var(--accent-ink);border-color:#0000}.rel-badge.friend svg{width:16px;height:16px}.rel-badge.pending{border-style:dashed}.player-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0;display:grid}.player-stats div{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:14px;padding:12px 14px}.player-stats dt{color:var(--muted);font-size:12px;font-weight:700}.player-stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.player-link{color:inherit;font-weight:700;text-decoration:none}.player-link:hover strong,.player-link:hover{text-underline-offset:3px;text-decoration:underline}.player-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.lb-list li:has(.player-link:hover){border-color:var(--accent)}.request-rows li{gap:8px}.request-actions{align-items:center;gap:14px;display:inline-flex}.request-title{margin:20px 0 0;font-size:15px}.player-page section{margin-top:30px}.player-page .consistency-grid{margin-top:12px}.player-link strong{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}.player-link:hover strong{text-decoration-color:currentColor}.request-actions .text-button{color:var(--link-ink)}.lb-name>.player-link{min-width:0;display:block}.lb-name strong,.lb-name small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/outfit-latin-900-normal-D7VxKg29.woff2)format("woff2"),url(/assets/outfit-latin-900-normal-DBTzQ72N.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}:root{color:#f4f6fa;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1928;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent,#9bf0c4);outline-offset:4px}a,button{color:inherit}button svg{flex-shrink:0}button{border:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}select{color:var(--surface-ink,var(--text));background:var(--surface);border:1px solid var(--grid-line);border-radius:8px;padding:10px}.doku,[data-doku-theme]{--bg:#0d1928;--surface:#1c2a3b;--surface-soft:#142233;--text:#f5f6fa;--muted:#a9bbd2;--accent:#9bf0c4;--accent-ink:#102f25;--accent-soft:#203e3c;--grid-line:#35465b;--region-line:#a7bbd4;--error:#ff9eaa;--dialog-bg:#172536;--surface-ink:var(--text);--surface-muted:var(--muted);--accent-soft-ink:var(--text);--accent-soft-muted:var(--muted);--link-ink:var(--accent)}.doku{background:var(--bg);min-height:100dvh;color:var(--text);padding:0 24px 1px}.doku.in-preview{min-height:100%;padding:70px 16px 38px}.brand{letter-spacing:-.065em;white-space:nowrap;font-family:Outfit,sans-serif;font-weight:900;line-height:1}.brand>span{color:var(--accent)}.brand-button{background:0 0;padding:0;font-size:36px}.site-header{justify-content:space-between;align-items:center;max-width:1140px;margin:auto;padding:28px 0;display:flex}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav>button:not(.icon-button){color:var(--muted);background:0 0;font-size:14px}.site-header{gap:20px}.site-header .main-nav{flex:1;justify-content:center;gap:4px}.main-nav a{min-height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.main-nav a:hover{color:var(--surface-ink);background:var(--surface)}.main-nav a[aria-current=page]{color:var(--surface-ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--grid-line)}.main-nav a[aria-current=page] svg{color:var(--accent)}.main-nav a:focus-visible,.utility-nav a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.utility-nav{flex:none;align-items:center;gap:10px;display:flex}.utility-nav a.icon-button{color:var(--text)}.sign-in-link,.account-chip{border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:6px 16px 6px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.sign-in-link{background:var(--accent);color:var(--accent-ink)}.account-chip{background:var(--surface);color:var(--surface-ink);border:1px solid var(--grid-line);max-width:220px;padding:5px 16px 5px 5px}.account-chip[aria-current=page]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.account-chip .avatar{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-family:Outfit,sans-serif;font-size:16px;font-weight:900;display:grid;overflow:hidden}.account-chip .avatar img{object-fit:cover;width:100%;height:100%}.account-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.site-header{flex-wrap:wrap;row-gap:12px}.site-header .main-nav{border:1px solid var(--grid-line);background:color-mix(in srgb, var(--surface) 40%, transparent);border-radius:18px;flex-basis:100%;order:3;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.main-nav a span{white-space:nowrap}.main-nav a{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:3px;padding:7px 4px;font-size:12px;line-height:1.15}.site-header .main-nav .desktop-nav-link{display:none}}@media (width<=420px){.main-nav a{font-size:11.5px}.account-chip{padding-right:5px}.account-chip-name{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.sign-in-link{padding-inline:12px}}.icon-button{background:var(--surface);width:46px;height:46px;color:var(--surface-ink);border:1px solid var(--grid-line);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.primary,.secondary{border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--surface);color:var(--surface-ink);border:1px solid var(--grid-line)}.wide{width:100%;margin-top:16px}.muted,.quiet,.fine-print{color:var(--muted)}.quiet{margin-top:18px;font-size:13px;line-height:1.6}.fine-print{font-size:13px;line-height:1.6}.eyebrow{letter-spacing:.16em;color:var(--accent);margin-bottom:1px;font-size:11px;font-weight:700;line-height:1.7}.home-content{max-width:1140px;margin:auto}.home-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:90px;padding:58px 0 66px;display:grid}.home-hero h1{letter-spacing:-.045em;margin-bottom:25px;font-family:Outfit,sans-serif;font-size:clamp(44px,5vw,68px);font-weight:800;line-height:1.08}.home-hero h1 em{color:var(--accent);font-style:normal}.home-hero p:not(.eyebrow){max-width:490px;color:var(--muted)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-sample{padding:25px 0;transform:rotate(4deg)}.sample-caption{text-align:center;color:var(--muted);margin:20px 0;font-size:12px;display:block}.sample-grid{border:2px solid var(--region-line);border-radius:15px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.sample-grid>div{aspect-ratio:1;background:var(--surface-soft);border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);justify-content:center;align-items:center;display:flex}.sample-grid>div .symbol{width:47%;height:47%}.sample-notes{grid-template-columns:1fr 1fr;align-items:start;width:65%;height:65%;display:grid}.sample-grid>div .sample-notes .symbol{width:20px;height:20px}.home-links{border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);grid-template-columns:1fr 1fr;gap:55px;padding:26px 0;display:grid}.home-links button{text-align:left;background:0 0;align-items:center;gap:18px;padding:6px 0;display:flex}.home-links button>span{flex:1}.home-links strong{font-size:16px;display:block}.home-links small{color:var(--muted);margin-top:5px;display:block}.home-links svg{color:var(--accent)}.home-principles{max-width:760px;padding:70px 0}.home-principles h2{letter-spacing:-.025em;font:800 30px/1.2 Outfit,sans-serif}.home-principles p{color:var(--muted);max-width:650px}.home-principles>div{flex-wrap:wrap;gap:25px;padding-top:15px;font-size:13px;display:flex}.home-principles>div span{align-items:center;gap:8px;display:flex}.home-principles svg{color:var(--accent);width:20px;height:20px}footer{border-top:1px solid var(--grid-line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:30px;padding:26px 0;font-size:12px;display:flex}footer .brand{color:var(--text);font-size:24px}footer button{background:0 0;font-size:12px}footer>span:last-child{margin-left:auto}.page{max-width:600px;margin:15px auto 70px}.page-title{letter-spacing:-.04em;margin-bottom:6px;font:800 31px/1 Outfit,sans-serif}.back-link{color:var(--muted);background:0 0;align-items:center;gap:4px;margin:-3em 0 .5em;padding:8px 0;font-size:13px;display:flex}.type-options{gap:12px;margin:10px 0 20px;display:grid}.type-option{text-align:left;background:var(--surface-soft);border:1px solid var(--grid-line);border-radius:13px;align-items:center;gap:17px;min-height:90px;padding:19px;display:flex}.type-option.chosen{color:var(--accent-soft-ink);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.type-option:disabled{opacity:1}.type-option>span{flex:1}.type-option>svg{color:var(--accent)}.type-option strong{letter-spacing:-.035em;font:800 23px Outfit,sans-serif;display:block}.type-option small{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.5;display:block}.section-label{margin-bottom:12px;font-size:16px}.level-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.level-options button{background:var(--surface);color:var(--surface-ink);border:1px solid var(--grid-line);text-transform:capitalize;border-radius:10px;padding:14px}.level-options .chosen{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.game-page{max-width:870px;margin:0 auto;padding:30px 0 35px}.game-header{margin-bottom:20px}.game-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.game-heading h1{margin:0;font-size:58px;font-weight:900}.game-header-actions{gap:12px;display:flex}.game-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:16px;display:flex}.capitalize{text-transform:capitalize}.timer{color:var(--accent);background:var(--accent-soft);border:1px solid var(--grid-line);font-variant-numeric:tabular-nums;border-radius:40px;justify-content:center;align-items:center;gap:6px;min-width:42px;min-height:36px;padding:7px 12px;font-weight:600;display:flex}.play-layout{grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);align-items:start;gap:30px;display:grid}.board{aspect-ratio:1;border:2px solid var(--region-line);isolation:isolate;border-radius:10px;grid-template-columns:repeat(9,minmax(0,1fr));display:grid;overflow:hidden}.cell{background:var(--bg);border:0 solid var(--grid-line);min-width:0;min-height:0;font-family:var(--value-font);font-size:calc(30px * var(--value-scale));font-weight:var(--value-weight);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:relative}.cell.region-1{background:var(--surface-soft)}.cell.given{color:var(--text)}.cell.entry{color:var(--accent)}.cell.matching{background:var(--accent);color:var(--accent-ink)}.cell.selected{box-shadow:inset 0 0 0 2px var(--accent);z-index:1;background:var(--accent-soft)}.cell.selected.matching{background:var(--accent);box-shadow:inset 0 0 0 2px var(--text)}.cell.error{color:var(--error);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.cell:focus-visible{outline-offset:-3px}.notes-grid{width:100%;height:100%;line-height:1;font-family:var(--value-font);font-size:calc(10px * var(--note-scale));color:var(--muted);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));padding:2px;display:grid}.notes-grid>span{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.notes-grid .note-match{color:var(--accent-ink);background:var(--accent);border-radius:3px;margin:1px;font-weight:800;position:relative;box-shadow:0 1px 2px #00000059}.notes-grid .note-match .symbol{filter:drop-shadow(0 0 1px #0000008c)}.symbol{filter:drop-shadow(0 1px #0006);justify-content:center;align-items:center;width:60%;height:60%;display:flex}.symbol svg{width:100%;height:100%}.symbol.pattern{grid-template-columns:1fr 1fr;gap:2px;width:82%;height:82%;display:grid}.symbol.small{width:100%;max-width:16px;height:100%;max-height:16px}.sample-grid .symbol.small{max-width:none;max-height:none}.editing-controls{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.labeled-icon{background:0 0;flex-direction:column;align-items:center;gap:6px;min-width:44px;padding:0;display:flex}.labeled-icon>span{background:var(--surface);width:45px;height:45px;color:var(--surface-ink);border:1px solid var(--grid-line);border-radius:50%;justify-content:center;align-items:center;display:flex}.labeled-icon small{color:var(--muted);font-size:12px}.pen-toggle{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:50px;flex:1;align-items:center;max-width:185px;height:45px;padding:4px;display:flex}.pen-toggle button{color:var(--muted);background:0 0;border-radius:30px;flex:1;padding:8px 5px;font-size:14px;font-weight:600}.pen-toggle button.chosen{background:var(--accent);color:var(--accent-ink)}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keypad>button{background:var(--surface);height:57px;color:var(--surface-ink);border:1px solid var(--grid-line);font:500 32px/1 var(--value-font);font-variant-numeric:tabular-nums;border-radius:11px;justify-content:center;align-items:center;padding:6px;display:flex;position:relative}.keypad>button.active{border:2px solid var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.keypad>button.complete{color:var(--muted);background:var(--surface-soft)}.keypad>button.complete .symbol{opacity:.5}.key-complete{background:var(--accent);width:19px;height:19px;color:var(--accent-ink);box-shadow:0 0 0 2px var(--surface), 0 2px 3px #00000059;z-index:3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.keypad>button.value-celebrating{animation:.9s ease-out key-celebrate}.cell.value-celebrating{animation:.9s ease-out value-celebrate}@keyframes key-celebrate{0%,to{box-shadow:none}30%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 20px 6px color-mix(in srgb, var(--accent) 55%, transparent)}}@keyframes value-celebrate{0%,to{filter:none}35%{filter:brightness(1.35)saturate(1.2)}}.input-order{margin-top:25px;display:flex;position:relative}.input-order select{appearance:none;background:var(--surface-soft);width:100%;color:var(--text);border:1px solid var(--region-line);border-radius:12px;min-height:48px;padding:13px 18px;font-size:16px;font-weight:600}.input-order>svg{pointer-events:none;color:var(--muted);position:absolute;top:15px;right:15px}.input-helper{text-align:center;color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.4}.text-button{color:var(--link-ink);background:0 0;margin:12px auto;font-size:13px;display:block}.solved-banner{color:var(--accent);justify-content:center;align-items:center;gap:8px;padding:18px 0;font-weight:600;display:flex}.cell.celebrating{animation:.85s ease-out unit-celebration}@keyframes unit-celebration{0%,to{filter:none}40%{background:var(--accent);color:var(--accent-ink);filter:brightness(1.25)}}.empty-state{text-align:center;color:var(--muted);padding:40px 12px}.empty-state>svg{color:var(--accent);margin-bottom:24px}.empty-state h2{color:var(--text);font:800 25px Outfit,sans-serif}.empty-state p{font-size:15px}.history-list{border-top:1px solid var(--grid-line);margin-top:35px}.history-list>button{text-align:left;border-bottom:1px solid var(--grid-line);background:0 0;align-items:center;gap:15px;width:100%;padding:24px 0;display:flex}.history-list>button>span:nth-child(2){flex:1}.history-list strong{font-weight:600;display:block}.history-list small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.history-list strong small{font-size:14px;display:inline}.history-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.history-icon svg{width:24px;height:24px}.rotate{transform:rotate(-90deg)}.result-grid{grid-template-columns:repeat(2,1fr);gap:26px 18px;margin:35px 0 25px;display:grid}.result-grid>div{flex-direction:column;gap:7px;display:flex}.result-grid svg{color:var(--accent);width:22px;height:22px}.result-grid strong{font:800 35px Outfit,sans-serif}.result-grid span{color:var(--muted);font-size:13px}.achievement{border-top:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);align-items:center;gap:18px;margin-bottom:24px;padding:22px 0;display:flex}.achievement svg{color:var(--accent)}.achievement p{color:var(--muted);margin:6px 0 0;font-size:13px}details{color:var(--muted);margin-bottom:25px;font-size:13px}summary{cursor:pointer;color:var(--text);padding:8px 0}details p{margin-top:12px}.share-link{overflow-wrap:anywhere;background:var(--surface);color:var(--surface-ink);border-radius:10px;margin-top:16px;padding:16px;font-size:13px;display:block}.success{color:var(--link-ink)}.instructions h2{margin-top:32px;font:800 24px Outfit,sans-serif}.instructions p{color:var(--muted);font-size:15px}.friend-list article{border-bottom:1px solid var(--grid-line);padding:24px 0}.friend-list h2{font-size:18px}.friend-list h2 small{color:var(--muted);margin-left:10px;font-size:12px}.friend-metrics{justify-content:space-between;gap:20px;display:flex}.friend-metrics>span{font-size:22px;font-weight:600}.friend-metrics small{color:var(--muted);font-size:11px;font-weight:400;display:block}.notice{border:1px solid var(--grid-line);background:var(--surface);max-width:870px;color:var(--surface-ink);border-radius:10px;margin:10px auto;padding:14px;font-size:13px}.toast{background:var(--text);width:max-content;max-width:min(90vw,480px);color:var(--bg);pointer-events:none;opacity:0;z-index:100;border-radius:12px;padding:14px 20px;font-size:14px;line-height:1.45;transition:all .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(15px);box-shadow:0 5px 25px #0004}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:110;background:#020711b0;position:fixed;inset:0}.dialog-content{background:var(--dialog-bg);width:min(94vw,480px);max-height:88dvh;color:var(--text);border:1px solid var(--grid-line);z-index:111;border-radius:20px;padding:24px;font-family:DM Sans,sans-serif;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dialog-heading h2{margin:0;font:800 25px Outfit,sans-serif}.dialog-heading .icon-button{width:34px;height:34px}.doku-sheet h3{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:25px 0 14px;font-size:12px}.theme-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.theme-swatch{text-transform:capitalize;border:1px solid var(--grid-line);border-radius:10px;padding:14px 5px;font-size:12px;font-weight:700}.theme-swatch.chosen{outline:2px solid var(--accent);outline-offset:2px}.setting-row{border-bottom:1px solid var(--grid-line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;font-size:14px;display:flex}.setting-row small{color:var(--muted);max-width:270px;margin-top:6px;font-size:12px;line-height:1.5;display:block}.setting-row select{max-width:150px;font-size:13px}.switch{background:var(--grid-line);border-radius:20px;flex-shrink:0;align-items:center;width:43px;height:26px;padding:3px;display:flex}.switch>span{background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block}.switch.on{background:var(--accent)}.switch.on>span{background:var(--accent-ink);transform:translate(17px)}.setting-stack{justify-content:space-between;align-items:center;gap:20px;padding:20px 0 5px;font-size:14px;display:flex}.setting-stack input{width:52%;accent-color:var(--accent)}.menu-list{flex-direction:column;display:flex}.menu-list>button{text-align:left;border-bottom:1px solid var(--grid-line);background:0 0;align-items:center;gap:14px;padding:15px 0;font-size:15px;display:flex}.menu-list>button svg{width:23px;height:23px;color:var(--accent)}.menu-list hr{border:0;height:10px}.menu-list .menu-section{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;padding:16px 0 2px;font-size:12px}.menu-list .menu-section:first-child{padding-top:2px}.segmented{background:var(--surface-soft);border:1px solid var(--grid-line);border-radius:12px;gap:4px;padding:4px;display:flex}.segmented>button{min-height:40px;color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:8px 12px;font-size:13px;font-weight:700}.segmented>button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.input-mode-card{border:1px solid var(--grid-line);border-radius:12px;padding:14px 14px 12px}.input-mode-card .input-mode-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.input-mode-card small{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5;display:block}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:26px;display:flex}.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}.in-preview .site-header{padding:0 0 24px}.in-preview .site-header nav>button:not(.icon-button){display:none}.in-preview .game-page{padding-top:0}.in-preview .home-hero{padding-top:24px;display:block}.in-preview .hero-sample{display:none}.in-preview .home-hero h1{font-size:42px}.in-preview .home-links{display:block}.in-preview .home-links>button+button{margin-top:20px}.in-preview .play-layout{display:block}.in-preview .game-controls{margin-top:15px}.in-preview .cell{font-size:calc(27px * var(--value-scale))}.in-preview .page-title{font-size:32px}.in-preview .game-header-actions{gap:10px}.in-preview .icon-button{width:39px;height:39px}.in-preview .game-meta{font-size:14px}.in-preview .toast{width:100%;max-width:100%;margin-top:-40px;position:sticky;bottom:20px;left:0;transform:none}.in-preview .toast:not(.visible){display:none}.in-preview .notes-grid{font-size:calc(9px * var(--note-scale))}.in-preview .primary,.in-preview .secondary{font-size:14px}.in-preview .home-principles{padding:40px 0}.in-preview footer>span:last-child{margin-left:0}.in-preview .history-list>button{gap:9px}@media (width<=700px){.doku{padding:0 16px 1px}.site-header{padding:22px 0}.site-header nav{gap:12px}.brand-button{font-size:32px}.home-hero{grid-template-columns:1fr;gap:20px;padding:40px 0}.home-hero h1{font-size:45px}.hero-sample{width:100%;max-width:290px;margin:auto;padding:0;transform:rotate(3deg)}.home-links{grid-template-columns:1fr;gap:24px}.home-principles{padding:45px 0}.page{margin-top:8px}.page-title{font-size:32px}.game-page{max-width:440px;padding:24px 0}.game-heading h1{font-size:44px;line-height:1.1}.game-header-actions{gap:11px}.icon-button{width:41px;height:41px}.game-meta{margin-top:10px;font-size:15px}.play-layout{display:block}.game-controls{margin-top:16px}.game-header{margin-bottom:15px}.keypad{gap:7px}.keypad>button{height:53px}.cell{font-size:calc(clamp(23px, 7.4vw, 32px) * var(--value-scale))}.editing-controls{margin-bottom:12px}.notes-grid{font-size:calc(clamp(8px, 2.4vw, 10px) * var(--note-scale))}.input-order{margin-top:23px}.input-helper{font-size:13px}.page .back-link{margin-bottom:20px}.dialog-content{padding:20px}.result-grid strong{font-size:31px}footer>span:last-child{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.cell.celebrating{box-shadow:inset 0 0 0 2px var(--accent);animation:none}}html[data-doku-theme],html[data-doku-theme] body{background:var(--bg);color:var(--text)}.doku-preview{background:var(--bg)}.doku-preview .mobile-scroll-content{min-height:100%}.cell.hue-filled,.cell.hue-filled.selected,.cell.hue-filled.matching{background:var(--hue-color)!important;color:color-mix(in srgb, var(--hue-color), #101827 26%)!important}.cell.hue-filled .symbol.pattern{color:inherit;filter:none;gap:3px;width:88%;height:88%}.cell.hue-filled .symbol.pattern svg{filter:drop-shadow(0 0 1px #00000038)}.cell.hue-filled.matching{box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 6px color-mix(in srgb, #101827 82%, var(--hue-color))!important}.cell.hue-filled.selected{box-shadow:inset 0 0 0 3px #101827,inset 0 0 0 6px #fff!important}.cell.hue-filled.error:after{content:"!";color:#fff;text-align:center;background:#8f1538;border-radius:50%;width:14px;height:14px;font:700 12px DM Sans,sans-serif;position:absolute;bottom:2px;right:2px}.game-heading h1{line-height:1}.labeled-icon small{line-height:1.2}@media (width<=700px){.game-page{padding:18px 0}.game-meta{margin-top:4px}.game-header,.editing-controls{margin-bottom:12px}.input-order{margin-top:17px}.input-helper{margin-top:10px}.keypad>button{height:50px}}.in-preview .game-heading h1{line-height:1}.in-preview .game-meta{margin-top:4px}.in-preview .game-header{margin-bottom:12px}.in-preview .input-order{margin-top:15px}.setting-stack input:not([type=range]){background:var(--surface);max-width:65%;color:var(--surface-ink);border:1px solid var(--grid-line);border-radius:8px;min-height:44px;padding:10px;font-size:14px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-swatch{min-height:49px;padding:10px 5px;line-height:1.15}.key-value,.cell-value{z-index:2;position:relative}html[data-doku-theme] .bottom-sheet{border-top:1px solid var(--grid-line);background:var(--dialog-bg);color:var(--text)}html[data-doku-theme] .sheet-title{color:var(--text)}html[data-doku-theme] .sheet-description{color:var(--muted)}html[data-doku-theme] .sheet-handle{background:var(--grid-line)}.doku button:focus-visible,.doku a:focus-visible,.doku select:focus-visible,.doku input:focus-visible{outline:3px solid var(--accent)!important;outline-offset:4px!important;box-shadow:0 0 0 5px var(--bg)!important}.game-menu-link{color:var(--muted);background:0 0;align-items:center;gap:3px;margin-bottom:4px;padding:3px 0;font-size:12px;font-weight:600;display:inline-flex}.game-heading{min-width:0;display:block}.game-heading h1{max-width:100%;font-size:clamp(44px,6.5vw,58px);overflow:visible}.game-meta{margin-top:5px}.game-context{align-items:center;gap:8px;min-width:0;display:flex}.game-header-actions{margin-left:auto}.doku .game-meta .timer{border:1px solid var(--grid-line);background:var(--surface-soft);min-width:30px;min-height:27px;box-shadow:none;border-radius:999px;padding:3px 7px;font-size:11px;transform:none}.in-preview .game-heading h1{font-size:clamp(42px,12vw,50px)}.doku{--jigsaw-0:#24344a;--jigsaw-1:#1a3c40;--jigsaw-2:#22402c;--jigsaw-3:#3a3a22;--jigsaw-4:#4a3428;--jigsaw-5:#452430;--jigsaw-6:#3b2242;--jigsaw-7:#262b52;--jigsaw-8:#3a5468}.board[data-variant=jigsaw] .cell{--edge-top-color:transparent;--edge-right-color:transparent;--edge-bottom-color:transparent;--edge-left-color:transparent;--region-gap:2px;--region-outline-w:3px;background-repeat:no-repeat;background-image:linear-gradient(var(--edge-top-color), var(--edge-top-color)), linear-gradient(var(--edge-right-color), var(--edge-right-color)), linear-gradient(var(--edge-bottom-color), var(--edge-bottom-color)), linear-gradient(var(--edge-left-color), var(--edge-left-color));background-size:100% var(--region-outline-w), var(--region-outline-w) 100%, 100% var(--region-outline-w), var(--region-outline-w) 100%;background-position:top var(--region-gap) left 0, top 0 right var(--region-gap), bottom var(--region-gap) left 0, top 0 left var(--region-gap)}.doku .board[data-variant=jigsaw] .cell[data-region="0"]{--region-fill:var(--jigsaw-0);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="1"]{--region-fill:var(--jigsaw-1);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="2"]{--region-fill:var(--jigsaw-2);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="3"]{--region-fill:var(--jigsaw-3);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="4"]{--region-fill:var(--jigsaw-4);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="5"]{--region-fill:var(--jigsaw-5);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="6"]{--region-fill:var(--jigsaw-6);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="7"]{--region-fill:var(--jigsaw-7);background-color:var(--region-fill)}.doku .board[data-variant=jigsaw] .cell[data-region="8"]{--region-fill:var(--jigsaw-8);background-color:var(--region-fill)}.board[data-variant=jigsaw] .cell.matching,.board[data-variant=jigsaw] .cell.selected{background-color:color-mix(in srgb, var(--region-fill) 85%, var(--accent));color:var(--text);box-shadow:inset 0 0 0 2px var(--accent)}.board[data-variant=jigsaw] .cell.selected.matching{background-color:color-mix(in srgb, var(--region-fill) 85%, var(--accent));box-shadow:inset 0 0 0 2px var(--text)}.cell.given .cell-value,.cell.given>.symbol{opacity:.82}.cell-lock{z-index:5;color:currentColor;opacity:.78;display:none;position:absolute;top:3px;right:3px}.cell.given.selected .cell-lock{display:block}.keypad.locked>button{opacity:.28;filter:saturate(.25)}.keypad.locked>button.active{opacity:.78;filter:none}.locked-helper{color:var(--text);justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.erase-control.active>span{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent)}.board{grid-template-rows:repeat(9,minmax(0,1fr))}.doku{--theme-value-font:"DM Sans", sans-serif;--theme-value-weight:500;--selected-note-color:#f5f6fa;--active-key-bg:var(--accent);--active-key-ink:var(--accent-ink)}.doku .cell,.doku .keypad>button{font-family:var(--value-font)!important;font-weight:var(--value-weight)!important}.doku .keypad>button.active{font-weight:800!important}.cell.selected .notes-grid{color:var(--selected-note-color)}.doku .type-option.chosen,.doku .level-options button.chosen{background:var(--accent-soft);color:var(--accent-soft-ink);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 5px 0 color-mix(in srgb, var(--accent), #000 30%);font-weight:800}.doku:not([data-theme=comic]) .keypad>button.active{background:var(--active-key-bg);color:var(--active-key-ink);border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent), #000 20%);outline-offset:-4px;box-shadow:0 5px 0 color-mix(in srgb, var(--accent), #000 35%), 0 9px 18px #0002}.doku .cell.error:not(.hue-filled){text-underline-offset:2px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px;color:var(--error)!important}.input-mode-row{align-items:center;gap:12px;margin-top:16px;display:flex}.input-mode-row .input-order{flex:0 0 132px;margin:0}.input-mode-row .input-order select{min-height:43px;padding:9px 35px 9px 13px;font-size:14px}.input-mode-row .input-order>svg{top:12px;right:11px}.input-mode-row .input-helper{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;margin:0;display:flex}.input-mode-row .input-helper>span{align-items:center;gap:5px;display:flex}.input-help-link{color:var(--accent);text-underline-offset:3px;background:0 0;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:700;text-decoration:underline;display:inline-flex}.input-mode-row .locked-helper{justify-content:flex-start}@media (width<=350px){.input-mode-row{flex-direction:column;align-items:stretch;gap:8px}.input-mode-row .input-order{flex-basis:auto;width:145px}}.input-mode-demo{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:16px;margin:22px 0 32px;padding:18px}.input-mode-demo figcaption{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.5}.input-demo-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-demo-card{border:1px solid var(--grid-line);background:var(--surface);color:var(--surface-ink);border-radius:12px;padding:13px}.input-demo-card>strong,.input-demo-card>small{display:block}.input-demo-card>small{color:var(--surface-muted);font-size:11px}.input-demo-stage{height:82px;margin:10px 0;position:relative}.demo-cell{border:1px solid var(--grid-line);background:var(--bg);width:29px;height:29px;position:absolute}.demo-cell:first-child{top:0;left:0}.demo-cell:nth-child(2){top:0;left:29px}.demo-cell:nth-child(3){top:29px;left:0}.demo-cell:nth-child(4){top:29px;left:29px}.demo-target b{width:100%;height:100%;color:var(--accent-soft-ink);opacity:0;place-items:center;font-size:17px;display:grid}.demo-key{border:1px solid var(--grid-line);background:var(--bg);width:42px;height:34px;color:var(--text);border-radius:8px;place-items:center;font-weight:800;display:grid;position:absolute;top:13px;right:0}.cell-first-demo .demo-target{animation:4.8s ease-in-out infinite demo-cell-first}.cell-first-demo .demo-key{animation:4.8s ease-in-out infinite demo-key-second}.cell-first-demo .demo-target b{animation:4.8s ease-in-out infinite demo-value-appears}.value-first-demo .demo-key{animation:4.8s ease-in-out infinite demo-key-first}.value-first-demo .demo-target{animation:4.8s ease-in-out infinite demo-cell-second}.value-first-demo .demo-target b{animation:4.8s ease-in-out infinite demo-value-appears}@keyframes demo-cell-first{0%,12%,to{box-shadow:none}18%,43%{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}}@keyframes demo-key-second{0%,38%,to{background:var(--bg);color:var(--text);box-shadow:none}45%,70%{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--accent), #000 35%)}}@keyframes demo-key-first{0%,12%,to{background:var(--bg);color:var(--text);box-shadow:none}18%,56%{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--accent), #000 35%)}}@keyframes demo-cell-second{0%,40%,to{box-shadow:none}48%,70%{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}}@keyframes demo-value-appears{0%,62%{opacity:0}70%,92%{opacity:1}to{opacity:0}}@media (width<=430px){.input-mode-demo{padding:14px}.input-demo-grid{gap:8px}.input-demo-card{padding:10px}.demo-key{width:36px}.input-demo-card>strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.input-demo-stage *{animation:none!important}.demo-target b{opacity:1}.demo-target{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.demo-key{outline:2px solid var(--accent)}}.artwork-button{width:clamp(138px,18vw,190px)}.brand-artwork{aspect-ratio:753/375;object-fit:contain;width:100%;height:auto;display:block}.footer-logo{width:95px;margin:-20px 0}.site-header:has(.artwork-button){padding-block:14px}.text-link{color:var(--link-ink);text-underline-offset:4px;background:0 0;align-items:center;gap:6px;padding:0;font-weight:700;text-decoration:underline;display:inline-flex}.marketing-section{border-top:1px solid var(--grid-line);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(34px,7vw,86px);padding:92px 0;scroll-margin-top:24px;display:grid}.marketing-section h2{letter-spacing:-.04em;margin-bottom:20px;font:800 clamp(32px,4vw,50px)/1.05 Outfit,sans-serif}.marketing-section .section-copy>p:not(.eyebrow){max-width:560px;color:var(--muted)}.theme-story{display:block}.theme-story .section-copy{max-width:680px;margin-bottom:45px}.theme-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.theme-peek{background:var(--surface);min-width:0;color:var(--surface-ink);border:1px solid var(--grid-line);border-radius:14px;padding:12px;transform:rotate(-1deg);box-shadow:0 18px 40px #0003}.theme-peek:nth-child(2n){transform:translateY(13px)rotate(1deg)}.theme-peek>span{text-transform:capitalize;margin:2px 2px 10px;font-size:12px;font-weight:800;display:block}.theme-peek>div{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.theme-peek b{background:var(--peek-cell);min-width:0;color:var(--peek-ink);place-items:center;font-size:clamp(14px,2vw,23px);display:grid}.theme-peek b.lit{background:var(--peek-lit);color:var(--peek-lit-ink)}.play-story>.input-mode-demo{max-width:560px;margin:0}.score-story{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.score-preview{color:#f6f4ff;background:#11131a;border:1px solid #ffffff24;border-radius:24px;padding:24px;box-shadow:0 25px 65px #0005}.score-preview header{border-bottom:1px solid #ffffff20;align-items:center;gap:13px;padding-bottom:18px;display:flex}.score-preview header img{border-radius:13px;width:46px;height:46px}.score-preview header span{flex-direction:column;display:flex}.score-preview header small,.score-players small{color:#a9a9bb;margin-top:3px}.score-players>div{border-bottom:1px solid #ffffff14;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.score-players i{color:#17120d;background:linear-gradient(135deg,#ff2878,#ffd521);border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-style:normal;font-weight:800;display:grid}.score-players span{flex-direction:column;display:flex}.score-players em{font-variant-numeric:tabular-nums;color:#d1c9ff;font-style:normal}.score-mosaic{grid-template-columns:repeat(9,1fr);gap:3px;margin-top:18px;display:grid}.score-mosaic span{aspect-ratio:1;border-radius:2px}.score-mosaic .tone-0{background:#8a34ef}.score-mosaic .tone-1{background:#ff3477}.score-mosaic .tone-2{background:#ff9a35}.score-mosaic .tone-3{background:#ffe23b}.score-mosaic .tone-4{background:#353845}.metric-pills{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.metric-pills span{background:var(--surface);color:var(--surface-ink);border:1px solid var(--grid-line);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.discord-story{background:linear-gradient(135deg, color-mix(in srgb, var(--surface), #7b2cff 16%), var(--surface-soft));border:1px solid var(--grid-line);border-radius:32px;grid-template-columns:180px minmax(0,1fr);margin:26px 0 82px;padding-inline:clamp(24px,6vw,70px);position:relative;overflow:hidden}.discord-story>img{filter:drop-shadow(0 20px 25px #0005);width:100%;transform:rotate(-6deg)}.discord-story ol{color:var(--muted);padding-left:20px;line-height:1.75}.discord-story .fine-print{max-width:650px;margin-top:18px}.legal-page{max-width:720px}.legal-page>p:first-of-type{font-weight:600}.legal-page h2{margin-top:34px}.legal-page:last-child{padding-bottom:70px}@media (width<=900px){.theme-gallery{grid-template-columns:repeat(3,1fr)}.marketing-section{padding-block:68px}.discord-story{grid-template-columns:130px minmax(0,1fr)}}@media (width<=700px){.artwork-button{width:128px}.site-header:has(.artwork-button){padding-block:9px}.site-header nav{gap:10px}.site-header nav>button:not(.icon-button){font-size:12px}.marketing-section,.score-story{grid-template-columns:1fr;gap:30px;padding:56px 0}.marketing-section h2{font-size:35px}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-peek:nth-child(2n){transform:rotate(1deg)}.theme-peek:last-child{grid-column:1/-1;justify-self:center;max-width:48%}.score-preview{padding:18px}.discord-story{border-radius:23px;grid-template-columns:74px minmax(0,1fr);margin-bottom:55px;padding:28px 22px}.discord-story .section-copy{grid-column:1/-1}.discord-story>img{align-self:start}.footer-logo{width:76px;margin:-15px 0}}.roadmap-page{max-width:1080px}.roadmap-lede{max-width:760px;color:var(--muted);font-size:18px}.roadmap-actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.roadmap-note{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:14px;align-items:flex-start;gap:14px;margin:0 0 24px;padding:18px;display:flex}.roadmap-note>svg{color:var(--accent);flex:none}.roadmap-note strong{display:block}.roadmap-note p{color:var(--muted);margin:4px 0 0;font-size:13px}.roadmap-sync{color:var(--muted);font-size:13px}.roadmap-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;margin-top:30px;display:grid}.roadmap-lane{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:18px;min-width:0;padding:15px}.roadmap-lane>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 3px 15px;display:grid}.roadmap-lane>header>svg{color:var(--accent)}.roadmap-lane>header h2{margin:0;font:800 18px/1.1 Outfit,sans-serif}.roadmap-lane>header p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.3}.roadmap-lane>header>span{background:var(--surface);min-width:27px;height:27px;color:var(--surface-muted);border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid}.roadmap-lane>div{gap:10px;display:grid}.roadmap-card{border:1px solid var(--grid-line);background:var(--surface);color:var(--surface-ink);border-radius:13px;padding:17px}.roadmap-card h3{margin:0 0 8px;font-size:15px;line-height:1.3}.roadmap-card>p{color:var(--surface-muted);margin:0;font-size:13px;line-height:1.55}.roadmap-card footer{border-top:1px solid var(--grid-line);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 0 0;display:flex}.roadmap-card footer small{color:var(--surface-muted);font-size:10px}.roadmap-card footer button{color:var(--surface-ink);white-space:nowrap;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:0;font-size:11px;font-weight:700;display:inline-flex}.roadmap-empty{padding-block:24px}.roadmap-fine-print{max-width:720px;margin-top:28px}@media (width<=850px){.roadmap-columns{grid-template-columns:1fr}.roadmap-lane{padding:13px}.roadmap-lane>div{grid-template-columns:repeat(2,minmax(0,1fr))}.in-preview .roadmap-lane>div{grid-template-columns:1fr}}@media (width<=700px){.site-header .desktop-nav-link{display:none}.roadmap-lede{font-size:16px}.roadmap-actions{grid-template-columns:1fr;display:grid}.roadmap-actions .primary,.roadmap-actions .secondary{width:100%}.roadmap-lane>div{grid-template-columns:1fr}}.styleguide-page{max-width:920px}.sg-theme-picker{align-items:center;gap:14px;margin:26px 0 6px;font-size:14px;font-weight:700;display:flex}.sg-theme-picker>span{display:inline-flex;position:relative}.sg-theme-picker select{appearance:none;background:var(--surface-soft);color:var(--text);border:1px solid var(--region-line);border-radius:10px;min-height:42px;padding:10px 36px 10px 14px;font-size:14px;font-weight:600}.sg-theme-picker svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:11px;transform:translateY(-50%)}.sg-preview{border-top:1px solid var(--grid-line);margin-top:18px;padding:8px 0 40px}.sg-section{margin:34px 0}.sg-section h2{letter-spacing:-.01em;margin-bottom:16px;font:800 17px Outfit,sans-serif}.sg-grid{flex-wrap:wrap;gap:22px 18px;display:flex}.sg-grid-chips{margin-top:12px}.sg-item{flex-direction:column;align-items:center;gap:8px;width:92px;display:flex}.sg-swatch{justify-content:center;align-items:center;min-height:64px;display:flex}.sg-label{text-align:center;color:var(--muted);word-break:break-word;font-size:10.5px;line-height:1.35}.sg-chip{border:1px solid var(--grid-line);border-radius:8px;width:40px;height:40px}@media (width<=700px){.sg-item{width:78px}.sg-grid{gap:16px 12px}html:has(.doku:not(.in-preview)>.game-page){overscroll-behavior:none}.doku:not(.in-preview):has(>.game-page){padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));padding-bottom:0}.doku:not(.in-preview)>.game-page{height:100dvh;padding-block:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.doku:not(.in-preview) .game-header{flex:none}.doku:not(.in-preview) .play-layout{--controls-min:196px;--board:max(180px, min(100cqw, 100cqh - var(--controls-min)));flex-direction:column;flex:auto;align-items:stretch;min-height:0;display:flex;container-type:size}.doku:not(.in-preview) .play-layout:has(.solved-banner){--board:max(180px, min(100cqw, 100cqh - var(--controls-min) - 58px))}.doku:not(.in-preview) .board-wrap{flex-direction:column;flex:none;align-items:center;width:100%;display:flex}.doku:not(.in-preview) .board-wrap>.board{width:var(--board);flex:none}.doku:not(.in-preview) .board-wrap .cell{font-size:calc(var(--board) / 9 * .6 * var(--value-scale))}.doku:not(.in-preview) .board-wrap .notes-grid{font-size:calc(var(--board) / 9 * .22 * var(--note-scale))}.doku:not(.in-preview) .game-controls{flex-direction:column;flex:auto;justify-content:flex-end;min-height:0;margin-top:10px;display:flex}.doku:not(.in-preview) .game-controls .editing-controls{flex:none;align-items:center;margin-bottom:8px}.doku:not(.in-preview) .game-controls .labeled-icon>span{width:40px;height:40px}.doku:not(.in-preview) .game-controls .labeled-icon>span svg{width:24px;height:24px}.doku:not(.in-preview) .game-controls .labeled-icon small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.doku:not(.in-preview) .game-controls .pen-toggle{height:40px;padding-block:3px}.doku:not(.in-preview) .game-controls .pen-toggle button{padding-block:4px}.doku:not(.in-preview) .game-controls .keypad{flex:auto;grid-template-rows:repeat(3,minmax(40px,1fr));gap:10px 8px;min-height:140px;max-height:236px}.doku:not(.in-preview) .game-controls .keypad>button{height:auto;min-height:0}}.doku .game-header{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:12px;display:grid}.doku .game-title{white-space:nowrap;min-width:0;margin:0;font-size:clamp(22px,7vw,30px);font-weight:900;line-height:1}.doku .game-home{color:var(--muted);font:inherit;background:0 0;border-radius:10px;align-items:center;gap:2px;margin-left:-6px;padding:6px;display:inline-flex}.doku .game-home .brand{color:var(--text)}.doku .game-status-center{flex-direction:column;justify-self:center;align-items:center;gap:2px;display:flex}.doku .game-header .timer{min-height:28px;padding:3px 10px;font-size:13px}.doku .game-level{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.doku .game-header-actions{justify-self:end;gap:8px;margin:0}.doku .game-header .icon-button{width:38px;height:38px}.doku .game-controls{position:relative}.doku .game-status{background:var(--surface);border:1px solid var(--grid-line);color:var(--surface-ink);white-space:nowrap;pointer-events:none;z-index:2;border-radius:999px;align-items:center;gap:5px;margin:0;padding:5px 12px;font-size:12px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.doku .game-status:empty{display:none}.setting-label{align-items:center;gap:6px;display:inline-flex}.help-button{background:var(--surface-soft);border:1px solid var(--grid-line);width:28px;height:28px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.help-popover{border:1px solid var(--region-line);background:var(--dialog-bg);width:min(92vw,420px);max-height:85dvh;color:var(--text);border-radius:18px;margin:auto;padding:20px;font-size:14px;line-height:1.5;overflow:auto}.help-popover::backdrop{background:#00000080}.help-popover p{margin:0 0 10px}.help-popover .input-mode-demo{margin:14px 0}.help-popover>.secondary{width:100%}.daily-hub{border:1px solid var(--region-line);background:var(--surface-soft);border-radius:16px;margin:20px 0 28px;padding:18px}.daily-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.daily-head h2{margin:0;font-size:20px}.daily-meta{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:inline-flex}.daily-meta .brand{font-size:18px}.daily-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.daily-level{border:1px solid var(--grid-line);background:var(--surface);min-height:72px;color:var(--surface-ink);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.daily-level strong{text-transform:capitalize;font-size:16px}.daily-level small{color:var(--surface-muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12px;display:inline-flex}.daily-level.going{border-color:var(--accent)}.daily-level.done small{color:var(--accent)}.daily-consistency{color:var(--muted);margin:14px 0 0;font-size:13px}.section-label.choose-own{margin-top:8px}.setup-page>.secondary.wide{width:100%;margin-bottom:14px}.profile-page section{margin-top:28px}.consistency-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.consistency-tile{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.consistency-tile .tile-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.consistency-tile strong{font-size:28px;line-height:1}.consistency-tile small{color:var(--muted);font-size:12px}.profile-page meter{width:100%;height:8px;accent-color:var(--accent)}.profile-totals{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:14px;display:flex}.profile-totals strong{color:var(--text)}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin:12px 0 40px;padding:0;list-style:none;display:grid}.badge-card{border:1px solid var(--grid-line);background:var(--surface-soft);border-radius:14px;align-items:flex-start;gap:14px;padding:14px;display:flex}.badge-medal{border:2px dashed var(--grid-line);width:56px;height:56px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.badge-medal img{object-fit:contain;width:100%;height:100%}.badge-card.earned .badge-medal{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.badge-count{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 6px;font-size:11px;position:absolute;bottom:-4px;right:-6px}.badge-text{flex-direction:column;gap:3px;min-width:0;display:flex}.badge-text small{color:var(--muted);font-size:12px;line-height:1.4}.badge-card.locked .badge-text strong{color:var(--muted)}.badge-text .badge-earned{color:var(--link-ink);font-weight:600}.badge-progress{align-items:center;gap:8px;margin-top:4px;display:flex}.badge-progress meter{flex:1}@media (width<=430px){.consistency-tile{padding:12px 10px}.consistency-tile strong{font-size:22px}}.account-card{border:1px solid var(--region-line);background:var(--surface-soft);border-radius:16px;margin-top:20px;padding:18px}.account-card h2{margin:0 0 6px;font-size:20px}.account-form{flex-direction:column;gap:6px;margin-top:14px;display:flex}.account-form label{font-size:13px;font-weight:700}.account-form label small{color:var(--muted);font-weight:400}.account-form input{border:1px solid var(--grid-line);background:var(--surface);min-height:44px;color:var(--surface-ink);border-radius:10px;padding:10px 12px;font-size:16px}.account-form>.primary{align-self:flex-start;margin-top:8px}.account-row{flex-wrap:wrap;gap:8px;display:flex}.account-row input{flex:200px;min-width:0}.handle-field{align-items:center;gap:4px;display:flex}.handle-field span{color:var(--muted);font-weight:700}.handle-field input{flex:1;min-width:0}.account-alt{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.account-sent{color:var(--text);align-items:flex-start;gap:8px;margin:14px 0 0;display:flex}.account-sent svg{color:var(--accent);flex:none}.account-note{color:var(--muted);margin:12px 0 0;font-size:14px}.danger-link{color:var(--error);margin-top:16px}.danger-zone{border:1px solid var(--error);border-radius:12px;margin-top:14px;padding:14px}.danger-zone p{margin:0}.doku button.danger{background:var(--error);color:var(--bg);border-radius:10px;padding:10px 16px;font-weight:700}.in-preview .site-header{flex-wrap:wrap;row-gap:12px}.in-preview .site-header .main-nav{border:1px solid var(--grid-line);border-radius:18px;flex-basis:100%;order:3;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.in-preview .main-nav a span{white-space:nowrap}.in-preview .back-link{margin-top:0}.in-preview .main-nav a{text-align:center;flex-direction:column;gap:3px;padding:7px 4px;font-size:12px;line-height:1.15}.in-preview .account-chip-name{display:none}.in-preview .account-chip{padding-right:5px}@media (width<=900px){.back-link,.page .back-link{margin-top:0}}.type-option.chosen small{color:var(--accent-soft-muted)}@media (width<=700px){.doku .game-title{font-size:clamp(16px,5vw,26px)}.doku .game-header{gap:5px}.doku .game-header .timer{padding-inline:6px;font-size:12px}}@media (width<=360px){.doku .game-header{gap:3px}.doku .game-header-actions{gap:4px}.doku .game-header .icon-button{width:36px;height:36px}.doku .game-header .timer{padding-inline:4px;font-size:11px}}.sg-preview .level-options button,.sg-preview .dialog-actions button{pointer-events:none}.doku.in-preview .game-title{font-size:20px}.doku.in-preview .game-header{gap:5px}.doku.in-preview .game-header .timer{padding-inline:6px;font-size:12px}.cell.given.selected .cell-value,.cell.given.matching .cell-value,.cell.given.selected>.symbol,.cell.given.matching>.symbol{opacity:1}.cell.matching .notes-grid{color:var(--matching-note-color,var(--accent-ink))}.board[data-variant=jigsaw] .cell.entry:not(.error),.board[data-variant=jigsaw] .notes-grid{color:var(--text)}.board[data-variant=jigsaw] .cell.selected .notes-grid,.board[data-variant=jigsaw] .cell.matching .notes-grid{color:inherit}.doku[data-theme=night],[data-doku-theme=night]{--bg:#0d1928;--surface:#1c2a3b;--surface-soft:#142233;--text:#f5f6fa;--muted:#a9bbd2;--accent:#9bf0c4;--accent-ink:#102f25;--accent-soft:#203e3c;--grid-line:#35465b;--region-line:#a7bbd4;--error:#ffc4cd;--dialog-bg:#172536}.doku[data-theme=night]{--jigsaw-0:#24344a;--jigsaw-1:#1a3c40;--jigsaw-2:#22402c;--jigsaw-3:#3a3a22;--jigsaw-4:#4a3428;--jigsaw-5:#452430;--jigsaw-6:#3b2242;--jigsaw-7:#262b52;--jigsaw-8:#3a5468;--theme-value-font:"DM Sans", sans-serif;--theme-value-weight:500;--selected-note-color:#f5f6fa;--active-key-bg:var(--accent);--active-key-ink:var(--accent-ink)}.theme-night{color:#9bf0c4;background:#0d1928}.doku[data-theme=paper],[data-doku-theme=paper]{--bg:#faf7f1;--surface:#eee9e3;--surface-soft:#f5f0e9;--text:#242938;--muted:#555a69;--accent:#64509e;--accent-ink:#fff;--accent-soft:#e7def8;--accent-soft-muted:#555a69;--grid-line:#d2cbd3;--region-line:#666375;--error:#971436;--dialog-bg:#faf7f1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-paper{color:#705caf;background:#faf7f1}.doku[data-theme=paper]{--jigsaw-0:#e6d9ef;--jigsaw-1:#d7eae0;--jigsaw-2:#f0e5e0;--jigsaw-3:#d8e2f5;--jigsaw-4:#ede7d4;--jigsaw-5:#d9edf5;--jigsaw-6:#f2d3e5;--jigsaw-7:#e7f2da;--jigsaw-8:#e2c9c4;--selected-note-color:#242938}.doku[data-theme=contrast],[data-doku-theme=contrast]{--bg:#050505;--surface:#1b1b1b;--surface-soft:#111;--text:#fff;--muted:#dedede;--accent:#ffe96b;--accent-ink:#090909;--accent-soft:#403b19;--grid-line:#777;--region-line:#fff;--error:#ffa4ae;--dialog-bg:#101010}.theme-contrast{color:#ffe96b;background:#000}.doku[data-theme=contrast]{--jigsaw-0:#1a1605;--jigsaw-1:#0a2a30;--jigsaw-2:#2e2308;--jigsaw-3:#1d0a28;--jigsaw-4:#0a2416;--jigsaw-5:#2f0c16;--jigsaw-6:#0e2236;--jigsaw-7:#2a3f16;--jigsaw-8:#4a2512}.doku[data-theme=contrast] .cell.given .cell-lock{display:block}.doku[data-theme=contrast]{--selected-note-color:#fff}.doku[data-theme=plum],[data-doku-theme=plum]{--bg:#181023;--surface:#3b2d4c;--surface-soft:#2c223a;--text:#fbf5ff;--muted:#c7b5d9;--accent:#ecc0f7;--accent-ink:#35213d;--accent-soft:#594062;--grid-line:#594665;--region-line:#c4a9d2;--error:#ffd0ce;--dialog-bg:#30233e}.theme-plum{color:#ecc0f7;background:#241a32}.doku[data-theme=plum]{--jigsaw-0:#2b2447;--jigsaw-1:#17406e;--jigsaw-2:#11515e;--jigsaw-3:#631c56;--jigsaw-4:#3a3585;--jigsaw-5:#701540;--jigsaw-6:#1c5c46;--jigsaw-7:#6b4a1f;--jigsaw-8:#3f2166;--selected-note-color:#fff}.doku[data-theme=blackboard] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 0 0 2px #0e1613}.doku[data-theme=blackboard],[data-doku-theme=blackboard]{--bg:#1b2723;--surface:#334139;--surface-soft:#23302a;--text:#eef3ea;--muted:#a6b6a8;--accent:#efd98a;--accent-ink:#1f2a22;--accent-soft:#3d4636;--grid-line:#46544c;--region-line:#ccd8cb;--error:#f0a29e;--dialog-bg:#202c26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-blackboard{color:#efd98a;background:#1b2723 url(/assets/themes/blackboard-chalk.svg);border:2px solid #ccd8cb;border-radius:8px 3px 10px 4px;box-shadow:2px 3px #46544c}.doku[data-theme=blackboard]{--board-doodles:url(/assets/themes/blackboard-doodles.svg);background-color:var(--bg);background-image:var(--board-doodles), url(/assets/themes/blackboard-chalk.svg), radial-gradient(120% 80% at 50% -12%, #ffffff0f, transparent 62%);background-position:50%,0 0,50%;background-repeat:no-repeat,repeat,no-repeat;background-size:cover,240px 240px,cover;background-attachment:fixed,scroll,scroll;font-family:DM Sans,sans-serif}@media (width<=1399px){.doku[data-theme=blackboard]{--board-doodles:none}}.doku[data-theme=blackboard] .brand,.doku[data-theme=blackboard] h1,.doku[data-theme=blackboard] h2,.doku[data-theme=blackboard] h3,.doku[data-theme=blackboard] .page-title,.doku[data-theme=blackboard] .result-grid strong,.doku[data-theme=blackboard] .empty-state h2,.doku[data-theme=blackboard] .friend-metrics>span{letter-spacing:0;text-shadow:0 1px #0d1411;font-family:Chalkboard SE,Chalkboard,Marker Felt,Bradley Hand,Comic Sans MS,cursive}.doku[data-theme=blackboard] .eyebrow{color:var(--accent);letter-spacing:.16em}.doku[data-theme=blackboard] .board{border:2px solid var(--region-line);background:0 0;box-shadow:0 0 0 1px #ffffff0f,0 10px 24px #00000059}.doku[data-theme=blackboard] .cell{text-shadow:0 0 5px #ffffff24;background:0 0;font-family:Chalkboard SE,Chalkboard,Marker Felt,Bradley Hand,Comic Sans MS,cursive!important;font-weight:700!important}.doku[data-theme=blackboard] .cell.region-1{background:#23302a80}.doku[data-theme=blackboard] .notes-grid{color:var(--muted);text-shadow:none}.doku[data-theme=blackboard] .notes-grid .note-match{background:var(--accent);color:var(--accent-ink);text-shadow:none;border-radius:3px;box-shadow:1px 1px #0d1411}.doku[data-theme=blackboard] .icon-button,.doku[data-theme=blackboard] .labeled-icon>span,.doku[data-theme=blackboard] .keypad>button,.doku[data-theme=blackboard] .secondary,.doku[data-theme=blackboard] .type-option,.doku[data-theme=blackboard] .level-options button,.doku[data-theme=blackboard] .input-order select,.doku[data-theme=blackboard] .history-icon,.doku[data-theme=blackboard] .share-link,.doku[data-theme=blackboard] .notice{border:2px solid var(--grid-line);background:var(--surface);border-radius:11px 5px 13px 6px;box-shadow:0 1px #0d1411}.doku[data-theme=blackboard] .icon-button,.doku[data-theme=blackboard] .labeled-icon>span{border-radius:50%}.doku[data-theme=blackboard] .keypad>button{font-weight:700;font-family:Chalkboard SE,Chalkboard,Marker Felt,Bradley Hand,Comic Sans MS,cursive!important}.doku[data-theme=blackboard] .keypad>button:nth-child(3n+1){transform:rotate(-.7deg)}.doku[data-theme=blackboard] .keypad>button:nth-child(3n){transform:rotate(.6deg)}.doku[data-theme=blackboard] .keypad>button.active{transform:translate(1px,2px);box-shadow:inset 0 0 0 1px #0d1411}.doku[data-theme=blackboard] .pen-toggle{border:2px solid var(--grid-line);background:var(--surface);border-radius:999px;box-shadow:0 1px #0d1411}.doku[data-theme=blackboard] .pen-toggle button{border-radius:999px}.doku[data-theme=blackboard] .timer{border:2px solid var(--grid-line);background:var(--surface);color:var(--accent);border-radius:999px;box-shadow:0 1px #0d1411}.doku[data-theme=blackboard] .primary{border-radius:11px 5px 13px 6px;box-shadow:0 2px #0d1411}.doku[data-theme=blackboard] .page,.doku[data-theme=blackboard] .home-content{background:#23302a4d;border-radius:10px;padding-inline:18px}html[data-doku-theme=blackboard] .bottom-sheet{border:2px solid var(--grid-line);background:var(--dialog-bg) url(/assets/themes/blackboard-chalk.svg);border-bottom:0;border-radius:12px 5px 0 0;font-family:DM Sans,sans-serif;box-shadow:0 -7px #0d1411}@media (width<=700px){.doku[data-theme=blackboard] .page,.doku[data-theme=blackboard] .home-content{padding-inline:10px}}.doku[data-theme=blackboard]{--jigsaw-0:#22322c;--jigsaw-1:#17303c;--jigsaw-2:#283a26;--jigsaw-3:#40351f;--jigsaw-4:#3b2b33;--jigsaw-5:#164046;--jigsaw-6:#3a4a24;--jigsaw-7:#352640;--jigsaw-8:#2d4152;--theme-value-font:"Chalkboard SE", "Chalkboard", "Marker Felt", "Bradley Hand", "Comic Sans MS", cursive;--theme-value-weight:700;--selected-note-color:#eef3ea;--active-key-bg:#efd98a;--active-key-ink:#1f2a22}.doku[data-theme=blackboard] .brand>span,.doku[data-theme=blackboard] .type-option>svg{color:var(--accent)}.theme-peek-blackboard{--peek-cell:#23302a;--peek-ink:#eef3ea;--peek-lit:#efd98a;--peek-lit-ink:#1f2a22;color:#eef3ea;background:#1b2723 url(/assets/themes/blackboard-chalk.svg);border:2px solid #ccd8cb;border-radius:8px 3px 10px 4px;font-family:Chalkboard SE,Chalkboard,Marker Felt,Bradley Hand,cursive;box-shadow:6px 7px #46544c}.doku[data-theme=blackboard] .roadmap-lane,.doku[data-theme=blackboard] .roadmap-card{border-width:2px}.doku[data-theme=retro] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 0 0 2px #09192c}.doku[data-theme=retro],[data-doku-theme=retro]{--bg:#173252;--surface:#f1c85b;--surface-soft:#244b70;--text:#fff4d6;--muted:#e6cf9c;--accent:#ff6b3d;--accent-ink:#182846;--surface-ink:#182846;--surface-muted:#263c58;--accent-soft-ink:#182846;--accent-soft-muted:#263c58;--link-ink:#ffb14a;--accent-soft:#ffe09a;--grid-line:#31597d;--region-line:#fff0bd;--error:#ffaea0;--dialog-bg:#1d3c60;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-retro{color:#ffb14a;background:#173252;border-color:#fff0bd;border-radius:3px;box-shadow:3px 3px #ff6b3d}.doku[data-theme=retro]{background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.doku[data-theme=retro] .brand,.doku[data-theme=retro] h1,.doku[data-theme=retro] h2,.doku[data-theme=retro] h3{text-transform:uppercase;letter-spacing:.015em;text-shadow:3px 3px #0a1b31;font-family:Outfit,sans-serif}.doku[data-theme=retro] .eyebrow{color:#ffb14a;letter-spacing:.22em}.doku[data-theme=retro] .board{border:6px double var(--region-line);background:#0d2139;border-radius:3px;box-shadow:8px 8px #08182b}.doku[data-theme=retro] .cell{background:#173252}.doku[data-theme=retro] .cell.region-1{background:#1e4266}.doku[data-theme=retro] .cell.matching{color:#09192c;text-shadow:1px 1px #fff3be;background-color:#ffb14a}.doku[data-theme=retro] .notes-grid .note-match{color:#09192c;background:#ffb14a;border-radius:1px;box-shadow:1px 1px #09192c}.doku[data-theme=retro] .cell.selected{color:#182846;background-color:#ff6b3d;box-shadow:inset 0 0 0 4px #fff0bd}.doku[data-theme=retro] .board[data-variant=jigsaw] .cell.matching{background-color:color-mix(in srgb, var(--region-fill) 35%, #ffb14a);color:#09192c;text-shadow:1px 1px #fff3be;box-shadow:inset 0 0 0 2px #ffb14a}.doku[data-theme=retro] .board[data-variant=jigsaw] .cell.selected{background-color:color-mix(in srgb, var(--region-fill) 70%, #ff6b3d);color:#fff;box-shadow:inset 0 0 0 3px #fff0bd}.doku[data-theme=retro] .board[data-variant=jigsaw] .cell.selected.matching{background-color:color-mix(in srgb, var(--region-fill) 35%, #ffb14a);color:#09192c;box-shadow:inset 0 0 0 2px #fff0bd}.doku[data-theme=retro] .icon-button,.doku[data-theme=retro] .labeled-icon>span,.doku[data-theme=retro] .keypad>button,.doku[data-theme=retro] .primary,.doku[data-theme=retro] .secondary,.doku[data-theme=retro] .type-option,.doku[data-theme=retro] .level-options button,.doku[data-theme=retro] .input-order select{border:2px solid #fff0bd;border-radius:4px;box-shadow:4px 4px #09192c}.doku[data-theme=retro] .keypad>button{color:#182846;background:#f1c85b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;box-shadow:0 6px #9d6d2a,0 8px #09192c}.doku[data-theme=retro] .keypad>button.active{color:#182846;background:#ff6b3d;transform:translateY(5px);box-shadow:0 1px #9f321e,0 3px #09192c}.doku[data-theme=retro] .pen-toggle{background:#0d2139;border:2px solid #fff0bd;border-radius:4px;box-shadow:4px 4px #09192c}.doku[data-theme=retro] .pen-toggle button{border-radius:1px}.doku[data-theme=retro] .timer{background:#0d2139;border:2px solid #ffb14a;border-radius:4px;box-shadow:3px 3px #09192c}.doku[data-theme=retro] .type-option.chosen,.doku[data-theme=retro] .level-options .chosen{box-shadow:4px 4px #09192c,inset 0 0 0 2px #fff0bd}.doku[data-theme=retro] .history-icon,.doku[data-theme=retro] .share-link,.doku[data-theme=retro] .notice{border-radius:3px;box-shadow:3px 3px #09192c}.doku[data-theme=retro] .primary{color:#182846;background:#ff6b3d}html[data-doku-theme=retro] .bottom-sheet{border:3px solid #fff0bd;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 -9px #09192c}.doku[data-theme=retro]{--jigsaw-0:#24364c;--jigsaw-1:#345965;--jigsaw-2:#1d2135;--jigsaw-3:#564c2e;--jigsaw-4:#3b5b72;--jigsaw-5:#1e1a2d;--jigsaw-6:#315d66;--jigsaw-7:#6c4d37;--jigsaw-8:#312640;--theme-value-font:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--theme-value-weight:800;--selected-note-color:#182846}.theme-peek-retro{--peek-cell:#244b70;--peek-ink:#fff4d6;--peek-lit:#ff6b3d;--peek-lit-ink:#182846;background:#173252;border:3px double #fff0bd;border-radius:3px;box-shadow:7px 8px #08182b}.doku[data-theme=retro] .icon-button,.doku[data-theme=retro] .labeled-icon:not(.active)>span,.doku[data-theme=retro] .daily-level,.doku[data-theme=retro] .daily-level small,.doku[data-theme=retro] .secondary,.doku[data-theme=retro] .level-options button,.doku[data-theme=retro] .type-option.chosen,.doku[data-theme=retro] .type-option.chosen small{color:#182846}.doku[data-theme=retro] .daily-level{border:2px solid #fff0bd;border-radius:4px;box-shadow:4px 4px #09192c}.doku[data-theme=retro] .board[data-variant=jigsaw] .cell.selected .notes-grid{color:#fff4d6}.doku[data-theme=retro] .board[data-variant=jigsaw] .cell.selected.matching .notes-grid{color:#09192c}.theme-peek-retro{color:#fff4d6}.doku[data-theme=retro] .cell.error:not(.hue-filled) .cell-value{color:#a50f16;background:#fffdf3;border-radius:3px;padding-inline:2px}.doku[data-theme=retro] .lb-list li,.doku[data-theme=retro] .player-relation{background:var(--surface-soft)}@media (width<=900px){.doku[data-theme=retro] .site-header .main-nav{background:var(--surface-soft)}}.doku[data-theme=retro].in-preview .site-header .main-nav{background:var(--surface-soft)}.doku[data-theme=comic] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 0 0 3px #171717}.doku[data-theme=comic],[data-doku-theme=comic]{--bg:#fff2c2;--surface:#fffdf3;--surface-soft:#70c9ec;--text:#171717;--muted:#56463d;--accent:#df3328;--accent-ink:#fff;--link-ink:#860c12;--accent-soft:#ffdc46;--grid-line:#171717;--region-line:#171717;--error:#a50f16;--dialog-bg:#fff4cc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-comic{color:#171717;background:#ffdc46;border:3px solid #171717;border-radius:2px;transform:rotate(-1deg);box-shadow:3px 3px #df3328}.doku[data-theme=comic]{background:var(--bg);font-family:DM Sans,sans-serif}.doku[data-theme=comic] .brand,.doku[data-theme=comic] h1,.doku[data-theme=comic] h2,.doku[data-theme=comic] h3{text-transform:uppercase;letter-spacing:-.02em;text-shadow:3px 3px #70c9ec;font-family:Outfit,sans-serif}.doku[data-theme=comic] .brand>span{color:#df3328;-webkit-text-stroke:1px #171717}.doku[data-theme=comic] .eyebrow{color:#fff;background:#171717;padding:4px 9px;display:inline-block;transform:rotate(-1deg)}.doku[data-theme=comic] .board{background:#171717;border:4px solid #171717;border-radius:2px 9px 3px 7px;transform:rotate(-.35deg);box-shadow:9px 9px #df3328}.doku[data-theme=comic] .cell{color:#171717;background:#fffdf3;font-family:Outfit,sans-serif!important;font-weight:900!important}.doku[data-theme=comic] .cell.region-1{background:#70c9ec}.doku[data-theme=comic] .cell.matching{color:#171717;background:#ffdc46;overflow:visible}.doku[data-theme=comic] .cell.selected{color:#fff;background:#df3328;box-shadow:inset 0 0 0 4px #171717}.doku[data-theme=comic] .icon-button,.doku[data-theme=comic] .labeled-icon>span,.doku[data-theme=comic] .keypad>button,.doku[data-theme=comic] .primary,.doku[data-theme=comic] .secondary,.doku[data-theme=comic] .type-option,.doku[data-theme=comic] .level-options button,.doku[data-theme=comic] .input-order select{border:3px solid #171717;border-radius:2px 7px 3px 5px;font-weight:800;box-shadow:5px 5px #171717}.doku[data-theme=comic] .keypad>button:nth-child(odd),.doku[data-theme=comic] .type-option:nth-child(odd){transform:rotate(-1deg)}.doku[data-theme=comic] .keypad>button:nth-child(2n),.doku[data-theme=comic] .type-option:nth-child(2n){transform:rotate(.8deg)}.doku[data-theme=comic] .keypad>button.active .key-value{z-index:4;color:#171717;background:#70c9ec;border:2px solid #171717;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;display:grid;position:absolute;top:-8px;right:-7px;box-shadow:2px 2px #171717}.doku[data-theme=comic] .pen-toggle{background:#fff;border:3px solid #171717;border-radius:2px 9px 3px 7px;height:48px;transform:rotate(.5deg);box-shadow:5px 5px #171717}.doku[data-theme=comic] .pen-toggle button{border-radius:2px}.doku[data-theme=comic] .pen-toggle button.chosen{box-shadow:inset 0 0 0 2px #171717}.doku[data-theme=comic] .timer{color:#171717;background:#ffdc46;border:3px solid #171717;border-radius:2px 9px 3px 7px;transform:rotate(1deg);box-shadow:4px 4px #171717}.doku[data-theme=comic] .history-icon,.doku[data-theme=comic] .share-link,.doku[data-theme=comic] .notice,.doku[data-theme=comic] .achievement{background:#fff;border:3px solid #171717;padding:18px;box-shadow:5px 5px #171717}.doku[data-theme=comic] .history-list,.doku[data-theme=comic] footer{border-width:3px;border-color:#171717}.doku[data-theme=comic] .primary{color:#fff;background:#df3328}html[data-doku-theme=comic] .bottom-sheet{border:4px solid #171717;border-bottom:0;border-radius:4px 12px 0 0;box-shadow:0 -8px #df3328}html[data-doku-theme=comic] .sheet-title{text-transform:uppercase;text-shadow:3px 3px #70c9ec;font-family:Outfit,sans-serif}@media (width<=700px){.doku[data-theme=comic] .board{box-shadow:6px 7px #df3328}}.doku[data-theme=comic]{--jigsaw-0:#fffdf3;--jigsaw-1:#70c9ec;--jigsaw-2:#ffd85b;--jigsaw-3:#f6a2a0;--jigsaw-4:#9bd3a7;--jigsaw-5:#cbb7ef;--jigsaw-6:#f4b477;--jigsaw-7:#8fded6;--jigsaw-8:#d7d7d1}.doku[data-theme=comic] .board[data-variant=jigsaw] .cell.matching,.doku[data-theme=comic] .board[data-variant=jigsaw] .cell.selected,.doku[data-theme=comic] .cell.matching,.doku[data-theme=comic] .cell.selected{background-color:var(--region-fill,#fffdf3);color:#171717}.doku[data-theme=comic] .cell.selected{box-shadow:inset 0 0 0 4px #df3328}.doku[data-theme=comic] .cell.selected.matching{box-shadow:inset 0 0 0 4px #171717}.doku[data-theme=comic] .cell.matching{overflow:visible}.doku[data-theme=comic] .cell-value,.doku[data-theme=comic] .notes-grid .note-match,.doku[data-theme=comic] .keypad>button.active .key-value{z-index:2;color:#171717;isolation:isolate;position:relative}.doku[data-theme=comic] .cell.matching .cell-value,.doku[data-theme=comic] .notes-grid .note-match,.doku[data-theme=comic] .keypad>button.active .key-value{filter:drop-shadow(1px 1px #d81f22)drop-shadow(3px 3px #171717)}.doku[data-theme=comic] .cell.matching .cell-value:before,.doku[data-theme=comic] .notes-grid .note-match:before,.doku[data-theme=comic] .keypad>button.active .key-value:before{content:"";z-index:-1;clip-path:polygon(50% 3%,63% 21%,82% 11%,79% 32%,99% 27%,86% 47%,100% 60%,80% 62%,90% 83%,69% 74%,65% 98%,50% 80%,35% 98%,31% 74%,10% 83%,20% 62%,0% 60%,14% 47%,1% 27%,21% 32%,18% 11%,37% 21%);filter:drop-shadow(2.5px 2px #d81f22)drop-shadow(5px 5px #171717);background:#ffe14a;animation:.28s cubic-bezier(.18,.89,.32,1.28) comic-burst;position:absolute}.doku[data-theme=comic] .cell.matching .cell-value:before{inset:-14px -16px;transform:rotate(-5deg)}.doku[data-theme=comic] .cell.hue-filled.matching .symbol.pattern{z-index:2;isolation:isolate;position:relative}.doku[data-theme=comic] .cell.hue-filled.matching .symbol.pattern:before{content:"";z-index:-1;clip-path:polygon(50% 3%,63% 21%,82% 11%,79% 32%,99% 27%,86% 47%,100% 60%,80% 62%,90% 83%,69% 74%,65% 98%,50% 80%,35% 98%,31% 74%,10% 83%,20% 62%,0% 60%,14% 47%,1% 27%,21% 32%,18% 11%,37% 21%);filter:drop-shadow(2px 2px #d81f22)drop-shadow(4px 4px #171717);background:#ffe14a;animation:.28s cubic-bezier(.18,.89,.32,1.28) comic-burst;position:absolute;inset:-8px -10px}.doku[data-theme=comic] .notes-grid .note-match{box-shadow:none;background:0 0;border-radius:0;margin:0;font-weight:900}.doku[data-theme=comic] .notes-grid .note-match:before{filter:drop-shadow(-.8px 0 #d81f22)drop-shadow(.8px 0 #d81f22)drop-shadow(0 -.8px #d81f22)drop-shadow(0 .8px #d81f22)drop-shadow(.6px .6px #d81f22)drop-shadow(-.6px .6px #d81f22)drop-shadow(.6px -.6px #d81f22)drop-shadow(-.6px -.6px #d81f22)drop-shadow(1.3px 1.3px #171717);inset:-2px -2.5px;transform:rotate(6deg)}.doku[data-theme=comic] .keypad>button.active{color:#171717;background:#fffdf3;overflow:visible;transform:translate(3px,3px)rotate(-1.5deg);box-shadow:2px 2px #171717}.doku[data-theme=comic] .keypad>button.active .key-value{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;font-size:32px;display:inline;position:relative;top:auto;right:auto}.doku[data-theme=comic] .keypad>button.active .key-value:before{inset:-18px -26px;transform:rotate(-4deg)}@keyframes comic-burst{0%{opacity:0;transform:scale(.35)rotate(-12deg)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.doku[data-theme=comic] .cell.matching .cell-value:before,.doku[data-theme=comic] .notes-grid .note-match:before,.doku[data-theme=comic] .keypad>button.active .key-value:before{animation:none}}.doku[data-theme=comic]{--theme-value-font:"Outfit", sans-serif;--theme-value-weight:900;--selected-note-color:#171717}.theme-peek-comic{--peek-cell:#fffdf3;--peek-ink:#171717;--peek-lit:#ffdc46;--peek-lit-ink:#171717;color:#171717;background:#70c9ec;border:3px solid #171717;border-radius:2px 8px 3px 5px;box-shadow:7px 8px #df3328}.doku[data-theme=comic] .roadmap-lane,.doku[data-theme=comic] .roadmap-card{border-width:2px}.doku[data-theme=comic] .cell.error:not(.hue-filled) .cell-value{color:#a50f16;background:#fffdf3;border-radius:3px;padding-inline:2px}.doku[data-theme=comic] .danger-link{color:#860c12}.doku[data-theme=comic]{--matching-note-color:#171717}.doku[data-theme=comic-dark] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 0 0 3px #171717}.doku[data-theme=comic-dark],[data-doku-theme=comic-dark]{--bg:#20201f;--surface:#4e4e4e;--surface-soft:#2a5856;--text:#f1ffac;--muted:#d6d9c3;--accent:#df3328;--accent-ink:#fff;--accent-soft-ink:#171717;--accent-soft-muted:#38331d;--link-ink:#ffdc46;--accent-soft:#ffdc46;--grid-line:#171717;--region-line:#171717;--error:#ffb3b7;--dialog-bg:#2f2f2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-comic-dark{color:#171717;background:#ffdc46;border:3px solid #171717;border-radius:2px;transform:rotate(-1deg);box-shadow:3px 3px #df3328}.doku[data-theme=comic-dark]{background:var(--bg);font-family:DM Sans,sans-serif}.doku[data-theme=comic-dark] .brand,.doku[data-theme=comic-dark] h1,.doku[data-theme=comic-dark] h2,.doku[data-theme=comic-dark] h3{text-transform:uppercase;letter-spacing:-.02em;text-shadow:3px 3px #85330e;font-family:Outfit,sans-serif}.doku[data-theme=comic-dark] .brand>span{color:#df3328;-webkit-text-stroke:1px #171717}.doku[data-theme=comic-dark] .eyebrow{color:#fff;background:#171717;padding:4px 9px;display:inline-block;transform:rotate(-1deg)}.doku[data-theme=comic-dark] .board{background:#171717;border:4px solid #171717;border-radius:2px 9px 3px 7px;transform:rotate(-.35deg);box-shadow:9px 9px #df3328}.doku[data-theme=comic-dark] .cell{color:#2a2929;background:#e9e9e9;font-family:Outfit,sans-serif!important;font-weight:900!important}.doku[data-theme=comic-dark] .cell.region-1{background:#70c9ec}.doku[data-theme=comic-dark] .cell.matching{color:#555353;background:#ffdc46;overflow:visible}.doku[data-theme=comic-dark] .cell.selected{color:#fff;background:#df3328;box-shadow:inset 0 0 0 4px #171717}.doku[data-theme=comic-dark] .icon-button,.doku[data-theme=comic-dark] .labeled-icon>span,.doku[data-theme=comic-dark] .keypad>button,.doku[data-theme=comic-dark] .primary,.doku[data-theme=comic-dark] .secondary,.doku[data-theme=comic-dark] .type-option,.doku[data-theme=comic-dark] .level-options button,.doku[data-theme=comic-dark] .input-order select{border:3px solid #171717;border-radius:2px 7px 3px 5px;font-weight:800;box-shadow:5px 5px #171717}.doku[data-theme=comic-dark] .keypad>button:nth-child(odd),.doku[data-theme=comic-dark] .type-option:nth-child(odd){transform:rotate(-1deg)}.doku[data-theme=comic-dark] .keypad>button:nth-child(2n),.doku[data-theme=comic-dark] .type-option:nth-child(2n){transform:rotate(.8deg)}.doku[data-theme=comic-dark] .keypad>button.active .key-value{z-index:4;color:#171717;background:#70c9ec;border:2px solid #171717;border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;display:grid;position:absolute;top:-8px;right:-7px;box-shadow:2px 2px #171717}.doku[data-theme=comic-dark] .pen-toggle{color:#171717;background:#fff;border:3px solid #171717;border-radius:2px 9px 3px 7px;height:48px;transform:rotate(.5deg);box-shadow:5px 5px #171717}.doku[data-theme=comic-dark] .pen-toggle button{color:#171717;border-radius:2px}.doku[data-theme=comic-dark] .pen-toggle button.chosen{color:#171717;box-shadow:inset 0 0 0 2px #171717}.doku[data-theme=comic-dark] .type-option.chosen,.doku[data-theme=comic-dark] .level-options button.chosen{color:#171717}.doku[data-theme=comic-dark] .timer{color:#171717;background:#ffdc46;border:3px solid #171717;border-radius:2px 9px 3px 7px;transform:rotate(1deg);box-shadow:4px 4px #171717}.doku[data-theme=comic-dark] .history-icon,.doku[data-theme=comic-dark] .share-link,.doku[data-theme=comic-dark] .notice,.doku[data-theme=comic-dark] .achievement{background:#fff;border:3px solid #171717;padding:18px;box-shadow:5px 5px #171717}.doku[data-theme=comic-dark] .history-list,.doku[data-theme=comic-dark] footer{border-width:3px;border-color:#171717}.doku[data-theme=comic-dark] .primary{color:#fff;background:#df3328}html[data-doku-theme=comic-dark] .bottom-sheet{border:4px solid #171717;border-bottom:0;border-radius:4px 12px 0 0;box-shadow:0 -8px #df3328}html[data-doku-theme=comic-dark] .sheet-title{text-transform:uppercase;text-shadow:3px 3px #70c9ec;font-family:Outfit,sans-serif}@media (width<=700px){.doku[data-theme=comic-dark] .board{box-shadow:6px 7px #df3328}}.doku[data-theme=comic-dark]{--jigsaw-0:#fffdf3;--jigsaw-1:#099bd5;--jigsaw-2:#ddac0c;--jigsaw-3:#f99491;--jigsaw-4:#1ac840;--jigsaw-5:#b89bed;--jigsaw-6:#ea811e;--jigsaw-7:#0bbdac;--jigsaw-8:#e938e3}.doku[data-theme=comic-dark] .board[data-variant=jigsaw] .cell.matching,.doku[data-theme=comic-dark] .board[data-variant=jigsaw] .cell.selected,.doku[data-theme=comic-dark] .cell.matching,.doku[data-theme=comic-dark] .cell.selected{background-color:var(--region-fill,#fffdf3);color:#171717}.doku[data-theme=comic-dark] .cell.selected{box-shadow:inset 0 0 0 4px #df3328}.doku[data-theme=comic-dark] .cell.selected.matching{box-shadow:inset 0 0 0 4px #171717}.doku[data-theme=comic-dark] .cell.matching{overflow:visible}.doku[data-theme=comic-dark] .notes-grid{color:#2a2929}.doku[data-theme=comic-dark] .cell-value,.doku[data-theme=comic-dark] .notes-grid .note-match,.doku[data-theme=comic-dark] .keypad>button.active .key-value{z-index:2;color:#171717;isolation:isolate;position:relative}.doku[data-theme=comic-dark] .cell.matching .cell-value,.doku[data-theme=comic-dark] .notes-grid .note-match,.doku[data-theme=comic-dark] .keypad>button.active .key-value{filter:drop-shadow(1px 1px #d81f22)drop-shadow(3px 3px #171717)}.doku[data-theme=comic-dark] .cell.matching .cell-value:before,.doku[data-theme=comic-dark] .notes-grid .note-match:before,.doku[data-theme=comic-dark] .keypad>button.active .key-value:before{content:"";z-index:-1;clip-path:polygon(50% 3%,63% 21%,82% 11%,79% 32%,99% 27%,86% 47%,100% 60%,80% 62%,90% 83%,69% 74%,65% 98%,50% 80%,35% 98%,31% 74%,10% 83%,20% 62%,0% 60%,14% 47%,1% 27%,21% 32%,18% 11%,37% 21%);filter:drop-shadow(2.5px 2px #d81f22)drop-shadow(5px 5px #171717);background:#ffe14a;animation:.28s cubic-bezier(.18,.89,.32,1.28) comic-dark-burst;position:absolute}.doku[data-theme=comic-dark] .cell.matching .cell-value:before{inset:-14px -16px;transform:rotate(-5deg)}.doku[data-theme=comic-dark] .cell.hue-filled.matching .symbol.pattern{z-index:2;isolation:isolate;position:relative}.doku[data-theme=comic-dark] .cell.hue-filled.matching .symbol.pattern:before{content:"";z-index:-1;clip-path:polygon(50% 3%,63% 21%,82% 11%,79% 32%,99% 27%,86% 47%,100% 60%,80% 62%,90% 83%,69% 74%,65% 98%,50% 80%,35% 98%,31% 74%,10% 83%,20% 62%,0% 60%,14% 47%,1% 27%,21% 32%,18% 11%,37% 21%);filter:drop-shadow(2px 2px #d81f22)drop-shadow(4px 4px #171717);background:#ffe14a;animation:.28s cubic-bezier(.18,.89,.32,1.28) comic-dark-burst;position:absolute;inset:-8px -10px}.doku[data-theme=comic-dark] .notes-grid .note-match{box-shadow:none;background:0 0;border-radius:0;margin:0;font-weight:900}.doku[data-theme=comic-dark] .notes-grid .note-match:before{filter:drop-shadow(-.8px 0 #d81f22)drop-shadow(.8px 0 #d81f22)drop-shadow(0 -.8px #d81f22)drop-shadow(0 .8px #d81f22)drop-shadow(.6px .6px #d81f22)drop-shadow(-.6px .6px #d81f22)drop-shadow(.6px -.6px #d81f22)drop-shadow(-.6px -.6px #d81f22)drop-shadow(1.3px 1.3px #171717);inset:-2px -2.5px;transform:rotate(6deg)}.doku[data-theme=comic-dark] .keypad>button.active{color:#171717;background:#fffdf3;overflow:visible;transform:translate(3px,3px)rotate(-1.5deg);box-shadow:2px 2px #171717}.doku[data-theme=comic-dark] .keypad>button.active .key-value{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;font-size:32px;display:inline;position:relative;top:auto;right:auto}.doku[data-theme=comic-dark] .keypad>button.active .key-value:before{inset:-18px -26px;transform:rotate(-4deg)}@keyframes comic-dark-burst{0%{opacity:0;transform:scale(.35)rotate(-12deg)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.doku[data-theme=comic-dark] .cell.matching .cell-value:before,.doku[data-theme=comic-dark] .notes-grid .note-match:before,.doku[data-theme=comic-dark] .keypad>button.active .key-value:before{animation:none}}.doku[data-theme=comic-dark]{--theme-value-font:"Outfit", sans-serif;--theme-value-weight:900;--selected-note-color:#171717}.theme-peek-comic-dark{--peek-cell:#fffdf3;--peek-ink:#171717;--peek-lit:#ffdc46;--peek-lit-ink:#171717;color:#171717;background:#70c9ec;border:3px solid #171717;border-radius:2px 8px 3px 5px;box-shadow:7px 8px #df3328}.doku[data-theme=comic-dark] .roadmap-lane,.doku[data-theme=comic-dark] .roadmap-card{border-width:2px}.doku[data-theme=comic-dark] .notice,.doku[data-theme=comic-dark] .share-link,.doku[data-theme=comic-dark] .achievement,.doku[data-theme=comic-dark] .achievement p{color:#171717}.doku[data-theme=comic-dark] .pen-toggle button.chosen{background:#ffdc46}.doku[data-theme=comic-dark] .cell.error:not(.hue-filled) .cell-value{color:#a50f16;background:#fffdf3;border-radius:3px;padding-inline:2px}.doku[data-theme=comic-dark] .danger-link{color:#ffb3b7}.doku[data-theme=comic-dark] button.danger{color:#fff;background:#b71921}.doku[data-theme=comic-dark] .board[data-variant=jigsaw] .notes-grid,.doku[data-theme=comic-dark] .board[data-variant=jigsaw] .cell.selected .notes-grid{color:#171717}.doku[data-theme=doodle] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 0 0 2px #26292e33}.doku[data-theme=doodle],[data-doku-theme=doodle]{--bg:#f7f2e7;--surface:#fffdf8e8;--surface-soft:#d9ebf4cc;--text:#26292e;--muted:#5b6168;--accent:#235f91;--accent-ink:#fffdf8;--accent-soft:#d9ebf4;--grid-line:#768a96;--region-line:#292d31;--error:#b21628;--dialog-bg:#fffdf8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-doodle{color:#26292e;background:#f7f2e7 url(/assets/themes/doodle-notebook.webp) 50%/cover;border:2px solid #26292e;border-radius:8px 3px 10px 4px;box-shadow:2px 3px #768a96}.doku[data-theme=doodle]{background-color:var(--bg);background-image:url(/assets/themes/doodle-notebook.webp);background-position:top;background-repeat:repeat-y;background-size:100%;background-attachment:fixed;font-family:Comic Sans MS,Bradley Hand,cursive}.doku[data-theme=doodle] .brand,.doku[data-theme=doodle] h1,.doku[data-theme=doodle] h2,.doku[data-theme=doodle] h3{letter-spacing:-.025em;text-shadow:1px 2px #fff;font-family:Comic Sans MS,Bradley Hand,cursive}.doku[data-theme=doodle] .eyebrow{color:#235f91;letter-spacing:.14em}.doku[data-theme=doodle] .board{background:#fffdf8e8;border:3px solid #292d31;border-radius:9px 3px 12px 5px;transform:rotate(.25deg);box-shadow:5px 6px #6c7e88}.doku[data-theme=doodle] .cell{background:#fffdf8d9;font-family:Comic Sans MS,Bradley Hand,cursive!important;font-weight:700!important}.doku[data-theme=doodle] .cell.region-1{background:#d9ebf4d9}.doku[data-theme=doodle] .cell.matching{color:#26292e;background:#f4d468}.doku[data-theme=doodle] .notes-grid .note-match{color:#26292e;background:#f4d468;border-radius:3px 1px;box-shadow:1px 1px #92877a}.doku[data-theme=doodle] .icon-button,.doku[data-theme=doodle] .labeled-icon>span,.doku[data-theme=doodle] .keypad>button,.doku[data-theme=doodle] .primary,.doku[data-theme=doodle] .secondary,.doku[data-theme=doodle] .type-option,.doku[data-theme=doodle] .level-options button,.doku[data-theme=doodle] .input-order select{background:#fffdf8e8;border:2px solid #292d31;border-radius:9px 4px 11px 5px;box-shadow:3px 4px #768a96}.doku[data-theme=doodle] .keypad>button{background:#fffdf8;font-weight:700;font-family:Comic Sans MS,Bradley Hand,cursive!important}.doku[data-theme=doodle] .keypad>button:nth-child(3n+1){transform:rotate(-1deg)}.doku[data-theme=doodle] .keypad>button:nth-child(3n){transform:rotate(.8deg)}.doku[data-theme=doodle] .keypad>button.active{color:#26292e;background:#f4d468;transform:translate(2px,3px)rotate(-.5deg);box-shadow:1px 1px #768a96,inset 0 0 0 2px #c83f35}.doku[data-theme=doodle] .pen-toggle{background:#fffdf8e8;border:2px solid #292d31;border-radius:12px 4px 10px 5px;transform:rotate(-.4deg);box-shadow:3px 4px #768a96}.doku[data-theme=doodle] .pen-toggle button{border-radius:8px 3px 10px 4px}.doku[data-theme=doodle] .timer{color:#235f91;background:#fffdf8e8;border:2px solid #292d31;border-radius:8px 3px 10px 4px;transform:rotate(1deg);box-shadow:3px 3px #768a96}.doku[data-theme=doodle] .page,.doku[data-theme=doodle] .home-content{background:#fffdf8bd;border-radius:7px 15px 5px 11px;padding-inline:18px}.doku[data-theme=doodle] .history-icon,.doku[data-theme=doodle] .share-link,.doku[data-theme=doodle] .notice{background:#fffdf8e8;border:2px solid #292d31;border-radius:7px 3px 9px 4px;box-shadow:3px 3px #768a96}html[data-doku-theme=doodle] .bottom-sheet{background:#fffdf8 url(/assets/themes/doodle-notebook.webp) top/100% repeat-y;border:3px solid #292d31;border-bottom:0;border-radius:12px 5px 0 0;font-family:Comic Sans MS,Bradley Hand,cursive;box-shadow:0 -7px #768a96}@media (width<=700px){.doku[data-theme=doodle] .page,.doku[data-theme=doodle] .home-content{padding-inline:10px}}.doku[data-theme=doodle]{--jigsaw-0:#fffdf8e8;--jigsaw-1:#d9ebf4dc;--jigsaw-2:#f5e7bcdc;--jigsaw-3:#f3d9d5dc;--jigsaw-4:#dcebdadc;--jigsaw-5:#e8ddf1dc;--jigsaw-6:#f1dfccdc;--jigsaw-7:#d9ece9dc;--jigsaw-8:#e5e5dedc}.doku[data-theme=doodle] .board[data-variant=jigsaw] .cell.matching{background-color:color-mix(in srgb, var(--region-fill) 52%, #f4d468);color:#26292e;box-shadow:inset 0 0 0 2px #f4d468}.doku[data-theme=doodle] .board[data-variant=jigsaw] .cell.selected{background-color:color-mix(in srgb, var(--region-fill) 70%, #f2c9bf);box-shadow:inset 0 0 0 3px #c83f35}.doku[data-theme=doodle] .board[data-variant=jigsaw] .cell.selected.matching{background-color:color-mix(in srgb, var(--region-fill) 52%, #f4d468);box-shadow:inset 0 0 0 2px #292d31}.doku[data-theme=doodle]{--theme-value-font:"Comic Sans MS", "Bradley Hand", cursive;--theme-value-weight:700;--selected-note-color:#26292e;--active-key-bg:#f4d468;--active-key-ink:#26292e}.doku[data-theme=doodle] .cell.selected{background:#d9ebf4;box-shadow:inset 0 0 0 3px #235f91}.doku[data-theme=doodle] .primary{color:#fff;background:#235f91}.doku[data-theme=doodle] .keypad>button.active{box-shadow:0 4px #768a96,inset 0 0 0 2px #235f91}.doku[data-theme=doodle] .brand>span,.doku[data-theme=doodle] .eyebrow,.doku[data-theme=doodle] .type-option>svg{color:#235f91}.theme-peek-doodle{--peek-cell:#fffdf8;--peek-ink:#26292e;--peek-lit:#f4d468;--peek-lit-ink:#26292e;color:#26292e;background:#f7f2e7 url(/assets/themes/doodle-notebook.webp) 50%/cover;border:2px solid #292d31;border-radius:9px 3px 11px 5px;font-family:Comic Sans MS,Bradley Hand,cursive;box-shadow:6px 7px #768a96}.doku[data-theme=doodle] .roadmap-lane,.doku[data-theme=doodle] .roadmap-card{border-width:2px}.doku[data-theme=doodle]{--matching-note-color:#26292e}.doku[data-theme=glass] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 1px 0 #ffffff4d, 0 0 14px color-mix(in srgb, var(--hue-color) 55%, transparent)}.doku[data-theme=glass],[data-doku-theme=glass]{--bg:#101a36;--surface:#ffffff18;--surface-soft:#ffffff0c;--text:#f7faff;--muted:#bdc9e9;--accent:#75eff4;--accent-ink:#092036;--accent-soft:#75eff433;--grid-line:#ffffff24;--region-line:#d8f8ffb8;--error:#ffc1ca;--dialog-bg:#182442eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-glass{color:#9ffaff;background:#23375f;border-color:#ffffff73;border-radius:18px;box-shadow:inset 0 1px #fff9,0 5px 15px #07112866}.doku[data-theme=glass]{background:#101a36}.doku[data-theme=glass] .site-header,.doku[data-theme=glass] .game-header,.doku[data-theme=glass] .home-links,.doku[data-theme=glass] footer{border-color:#ffffff24}.doku[data-theme=glass] .board{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff10;border:1px solid #ffffff73;border-radius:24px;gap:3px;padding:5px;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 25px 55px #02081799}.doku[data-theme=glass] .cell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff12;border-radius:7px;box-shadow:inset 0 1px #ffffff38}.doku[data-theme=glass] .cell.matching{color:#d9feff;background-color:#75eff43d;box-shadow:inset 0 0 0 1px #75eff4,0 0 18px #75eff466}.doku[data-theme=glass] .notes-grid .note-match{color:#d9feff;background:#75eff43d;border-radius:3px;box-shadow:inset 0 0 0 1px #75eff4,0 0 4px #75eff4aa}.doku[data-theme=glass] .cell.selected{background-color:#75eff44d;box-shadow:inset 0 0 0 2px #bffcff,0 0 22px #75eff477}.doku[data-theme=glass] .icon-button,.doku[data-theme=glass] .labeled-icon>span,.doku[data-theme=glass] .keypad>button,.doku[data-theme=glass] .primary,.doku[data-theme=glass] .secondary,.doku[data-theme=glass] .type-option,.doku[data-theme=glass] .level-options button,.doku[data-theme=glass] .input-order select,.doku[data-theme=glass] .history-icon,.doku[data-theme=glass] .share-link,.doku[data-theme=glass] .notice{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff61;box-shadow:inset 0 1px #fff6,0 12px 28px #02081759}.doku[data-theme=glass] .keypad>button{color:#f7faff;border-radius:18px}.doku[data-theme=glass] .keypad>button.active{background:#75eff43d;border-color:#a9fbff;transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 0 0 2px #75eff43d,0 12px 30px #02081799}.doku[data-theme=glass] .pen-toggle{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff61;border-radius:22px;box-shadow:inset 0 1px #fff6,0 12px 28px #02081759}.doku[data-theme=glass] .pen-toggle button.chosen{box-shadow:inset 0 1px #fff,0 7px 20px #02081766}.doku[data-theme=glass] .timer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #ffffff61;box-shadow:inset 0 1px #ffffff80,0 10px 25px #02081766}.doku[data-theme=glass] .dialog-content,[data-doku-theme=glass] .dialog-content{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-color:#ffffff61;box-shadow:inset 0 1px #fff6,0 30px 80px #020817cc}.doku[data-theme=glass] .primary{color:#092036;background:#75eff4}.doku[data-theme=glass] .cell.region-1{background-color:#ffffff2c}html[data-doku-theme=glass] .bottom-sheet{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#182442eb;border-color:#ffffff61;box-shadow:inset 0 1px #fff6,0 -28px 70px #020817cc}@media (width<=700px){.doku[data-theme=glass] .board{gap:2px;padding:4px}}.doku[data-theme=glass]{--jigsaw-0:#ffffff26;--jigsaw-1:#78b8ff3d;--jigsaw-2:#75eff432;--jigsaw-3:#df85ff33;--jigsaw-4:#7dffa52e;--jigsaw-5:#ffbd7231;--jigsaw-6:#9f8cff3a;--jigsaw-7:#ff7f9f2e;--jigsaw-8:#d8f8ff26}.doku[data-theme=glass] .board[data-variant=jigsaw] .cell.matching{background-color:color-mix(in srgb, var(--region-fill) 92%, #75eff4);color:var(--text);box-shadow:inset 0 0 0 1px #75eff4, 0 0 16px 2px color-mix(in srgb, var(--region-fill,#75eff4) 70%, #75eff4)}.doku[data-theme=glass] .board[data-variant=jigsaw] .cell.selected{background-color:color-mix(in srgb, var(--region-fill) 92%, #75eff4);color:var(--text);box-shadow:inset 0 0 0 2px #bffcff, 0 0 20px 3px color-mix(in srgb, var(--region-fill,#75eff4) 70%, #75eff4)}.doku[data-theme=glass] .board[data-variant=jigsaw] .cell.selected.matching{background-color:color-mix(in srgb, var(--region-fill) 92%, #75eff4);box-shadow:inset 0 0 0 2px #fff, 0 0 16px 2px color-mix(in srgb, var(--region-fill,#75eff4) 70%, #75eff4)}.doku[data-theme=glass]{--theme-value-weight:500;--selected-note-color:#f7faff}.theme-peek-glass{--peek-cell:#ffffff18;--peek-ink:#f7faff;--peek-lit:#75eff44d;--peek-lit-ink:#d9feff;background:#182442;border:1px solid #ffffff73;border-radius:22px;box-shadow:inset 0 1px #ffffff80,0 20px 40px #02081799}.theme-peek-glass b{border-radius:4px;box-shadow:inset 0 1px #ffffff35}.doku[data-theme=glass] .roadmap-lane,.doku[data-theme=glass] .roadmap-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12}.doku[data-theme=glass] .board:not([data-variant=jigsaw]) .cell{border-width:0!important}.theme-peek-glass{color:#f7faff}.doku[data-theme=glass]{--active-key-ink:#f7faff;--matching-note-color:#f7faff}.doku[data-theme=glass] .notes-grid .note-match{color:#fff;background:#204653}.doku[data-theme=rounded] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000026}.doku[data-theme=rounded],[data-doku-theme=rounded]{--bg:#e9f4ff;--surface:#fff;--surface-soft:#d7eaff;--text:#17345f;--muted:#415d83;--accent:#2466c6;--accent-ink:#fff;--accent-soft:#b9dcff;--grid-line:#a7c8eb;--region-line:#4d7db4;--error:#a01939;--dialog-bg:#f3f9ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-rounded{color:#2d79ef;background:#e9f4ff;border-color:#fff;border-radius:999px;box-shadow:inset 0 3px #fff,0 4px #8bb8e6}.doku[data-theme=rounded]{background:var(--bg);font-family:DM Sans,sans-serif}.doku[data-theme=rounded] .brand,.doku[data-theme=rounded] h1,.doku[data-theme=rounded] h2,.doku[data-theme=rounded] h3{color:#17345f;text-shadow:0 2px #fff}.doku[data-theme=rounded] .board{background:#94bbe2;border:0;border-radius:26px;gap:2px;padding:5px;overflow:visible;box-shadow:inset 0 3px #fff,0 10px #5f8fbe,0 18px 28px #6c9aca66}.doku[data-theme=rounded] .cell{background-color:#fff;border-radius:8px;box-shadow:inset 0 2px #fff,0 2px 4px #5e86ad40}.doku[data-theme=rounded] .cell.region-1{background-color:#d7eaff}.doku[data-theme=rounded] .cell.matching{color:#17345f;text-shadow:0 1px 1px #174d9b;background-color:#73b0ff;box-shadow:inset 0 3px #beddff,inset 0 -4px #2860b0,0 6px 10px #4e78a45c}.doku[data-theme=rounded] .notes-grid .note-match{color:#17345f;background:#73b0ff;border-radius:3px;box-shadow:inset 0 1px #beddff,inset 0 -1px #2860b0}.doku[data-theme=rounded] .cell.selected{color:#fff;background-color:#2466c6;box-shadow:inset 0 3px #8ec0ff,inset 0 -4px #174eac,0 7px 12px #325e8f80}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+3),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+6){margin-right:4px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(n+19):nth-child(-n+27),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(n+46):nth-child(-n+54){margin-bottom:4px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+1),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+4),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+7){border-top-left-radius:18px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+3),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+6),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+9){border-top-right-radius:18px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+19),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+22),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+25){border-bottom-left-radius:18px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+21),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+24),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+27){border-bottom-right-radius:18px}.doku[data-theme=rounded] .icon-button,.doku[data-theme=rounded] .labeled-icon>span,.doku[data-theme=rounded] .keypad>button,.doku[data-theme=rounded] .primary,.doku[data-theme=rounded] .secondary,.doku[data-theme=rounded] .type-option,.doku[data-theme=rounded] .level-options button,.doku[data-theme=rounded] .input-order select,.doku[data-theme=rounded] .history-icon,.doku[data-theme=rounded] .share-link,.doku[data-theme=rounded] .notice{background:#fff;border:1px solid #fff;border-radius:24px;box-shadow:inset 0 3px #fff,inset 0 -4px #b2ceed,0 7px 12px #4d78a53d}.doku[data-theme=rounded] .icon-button,.doku[data-theme=rounded] .labeled-icon>span{border-radius:50%}.doku[data-theme=rounded] .keypad>button{color:#17345f;border-radius:20px;font-weight:700}.doku[data-theme=rounded] .keypad>button.active{color:#fff;background:#2466c6;transform:translateY(3px);box-shadow:inset 0 3px #8ec0ff,inset 0 -2px #174eac,0 3px 7px #4d78a54d}.doku[data-theme=rounded] .pen-toggle{background:#c9e3ff;border:1px solid #fff;border-radius:999px;height:49px;padding:5px;box-shadow:inset 0 3px 5px #6d9ecb66,0 5px 10px #4d78a533}.doku[data-theme=rounded] .pen-toggle button{border-radius:999px}.doku[data-theme=rounded] .pen-toggle button.chosen{box-shadow:inset 0 3px #8ec0ff,inset 0 -3px #174eac,0 4px 7px #4d78a544}.doku[data-theme=rounded] .timer{background:#fff;border:1px solid #fff;border-radius:999px;box-shadow:inset 0 3px #fff,inset 0 -4px #b2ceed,0 6px 10px #4d78a53d}.doku[data-theme=rounded] .type-option{border-radius:28px}.doku[data-theme=rounded] .level-options button{border-radius:999px}.doku[data-theme=rounded] .dialog-content,[data-doku-theme=rounded] .dialog-content{border-radius:32px;box-shadow:inset 0 3px #fff,0 24px 60px #4d78a566}.doku[data-theme=rounded] .primary{color:#fff;background:#2466c6}html[data-doku-theme=rounded] .bottom-sheet{background:#f3f9ff;border:2px solid #fff;border-bottom:0;border-radius:34px 34px 0 0;box-shadow:inset 0 3px #fff,0 -18px 45px #4d78a566}@media (width<=700px){.doku[data-theme=rounded] .board{gap:1px;padding:4px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+3),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+6){margin-right:3px}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(n+19):nth-child(-n+27),.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell:nth-child(n+46):nth-child(-n+54){margin-bottom:3px}.doku[data-theme=rounded] .cell{border-radius:6px}.doku[data-theme=rounded] .keypad>button{border-radius:18px}}.doku[data-theme=rounded]{--jigsaw-0:#d7e5f4;--jigsaw-1:#ded1f0;--jigsaw-2:#cbebe5;--jigsaw-3:#f2ebd4;--jigsaw-4:#f0d1d9;--jigsaw-5:#e6f0db;--jigsaw-6:#eeddce;--jigsaw-7:#dfeef1;--jigsaw-8:#eed3e5}.doku[data-theme=rounded] .board[data-variant=jigsaw] .cell.matching{background-color:color-mix(in srgb, var(--region-fill) 45%, #73b0ff);color:#17345f;text-shadow:none;box-shadow:inset 0 0 0 2px #73b0ff,inset 0 3px #beddff,inset 0 -4px #2860b0}.doku[data-theme=rounded] .board[data-variant=jigsaw] .cell.selected{background-color:color-mix(in srgb, var(--region-fill) 65%, #2d79ef);color:#17345f;box-shadow:inset 0 0 0 2px #2d79ef,inset 0 3px #8ec0ff,inset 0 -4px #174eac}.doku[data-theme=rounded] .board[data-variant=jigsaw] .cell.selected.matching{background-color:color-mix(in srgb, var(--region-fill) 45%, #73b0ff);box-shadow:inset 0 0 0 2px #174eac,inset 0 3px #beddff,inset 0 -4px #2860b0}.doku[data-theme=rounded]{--theme-value-weight:700;--selected-note-color:#fff}.theme-peek-rounded{--peek-cell:#fff;--peek-ink:#17345f;--peek-lit:#73b0ff;--peek-lit-ink:#17345f;color:#17345f;background:#e9f4ff;border:4px solid #94bbe2;border-radius:28px;box-shadow:inset 0 3px #fff,0 9px #5f8fbe,0 20px 35px #6c9aca55}.theme-peek-rounded b{border-radius:7px;box-shadow:inset 0 2px #fff,0 2px 4px #5e86ad40}.doku[data-theme=rounded] .roadmap-lane{border-radius:28px;box-shadow:inset 0 2px #fff,0 6px 12px #4d78a522}.doku[data-theme=rounded] .roadmap-card{border-radius:20px;box-shadow:inset 0 2px #fff,0 4px 8px #4d78a522}.doku[data-theme=rounded] .board:not([data-variant=jigsaw]) .cell{border-width:0!important}.doku[data-theme=rounded] .board[data-variant=jigsaw] .notes-grid,.doku[data-theme=rounded] .board[data-variant=jigsaw] .cell.selected .notes-grid,.theme-rounded{color:#17345f}.doku[data-theme=rounded-dark] .cell.hue-filled:not(.selected):not(.matching){box-shadow:inset 0 2px #ffffff80,inset 0 -3px #00000026}.doku[data-theme=rounded-dark],[data-doku-theme=rounded-dark]{--bg:#102534;--surface:#070708;--surface-soft:#06111f;--text:#f6f9ff;--muted:#9ea6b2;--accent:#fc34d4;--accent-ink:#0f0f0f;--accent-soft:#44515d;--grid-line:#224055;--region-line:#82b7e3;--error:#ff436c;--dialog-bg:#102534;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-rounded-dark{color:#c9ced5;background:#102534;border-color:#fff;border-radius:999px;box-shadow:inset 0 3px #0c0b0b,0 4px #5e86ad40}.doku[data-theme=rounded-dark]{background:var(--bg);font-family:DM Sans,sans-serif}.doku[data-theme=rounded-dark] .brand,.doku[data-theme=rounded-dark] h1,.doku[data-theme=rounded-dark] h2,.doku[data-theme=rounded-dark] h3{color:#dfe1e2;text-shadow:0 2px #151313}.doku[data-theme=rounded-dark] .board{background:#102534;border:0;border-radius:26px;gap:2px;padding:5px;overflow:visible;box-shadow:inset 0 3px #264d69,0 10px #08131b,0 18px 28px #186296}.doku[data-theme=rounded-dark] .cell{color:#fff;background-color:#0c1c28;border-radius:8px;box-shadow:inset 0 2px #030202,0 2px 4px #6f96bd40}.doku[data-theme=rounded-dark] .cell.region-1{background-color:#10121f}.doku[data-theme=rounded-dark] .cell.matching{color:#fff;text-shadow:0 1px 1px #174d9b;background-color:#4927f3;box-shadow:inset 0 3px #7056f6,inset 0 -4px #120845,0 6px 10px #694ea45c}.doku[data-theme=rounded-dark] .notes-grid .note-match{color:#fff;background:#4927f3;border-radius:3px;box-shadow:inset 0 1px #7056f6,inset 0 -1px #120845}.doku[data-theme=rounded-dark] .cell.selected{color:#fff;background-color:#8419ef;box-shadow:inset 0 3px #ac61f7,inset 0 -4px #31045e,0 7px 12px #9a34b780}.doku[data-theme=rounded-dark] .cell.error{text-shadow:0 -1px #f4f4f48a}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+3),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+6){margin-right:4px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(n+19):nth-child(-n+27),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(n+46):nth-child(-n+54){margin-bottom:4px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+1),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+4),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+7){border-top-left-radius:18px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+3),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+6),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+9){border-top-right-radius:18px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+19),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+22),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+25){border-bottom-left-radius:18px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+21),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+24),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(27n+27){border-bottom-right-radius:18px}.doku[data-theme=rounded-dark] .icon-button,.doku[data-theme=rounded-dark] .labeled-icon>span,.doku[data-theme=rounded-dark] .keypad>button,.doku[data-theme=rounded-dark] .primary,.doku[data-theme=rounded-dark] .secondary,.doku[data-theme=rounded-dark] .type-option,.doku[data-theme=rounded-dark] .level-options button,.doku[data-theme=rounded-dark] .input-order select,.doku[data-theme=rounded-dark] .history-icon,.doku[data-theme=rounded-dark] .share-link,.doku[data-theme=rounded-dark] .notice{color:#fff;background:#0c1c28;border:1px solid #161617;border-radius:24px;box-shadow:inset 0 3px #20425d,inset 0 -4px #08131b,0 7px 12px #4d78a53d}.doku[data-theme=rounded-dark] .icon-button,.doku[data-theme=rounded-dark] .labeled-icon>span{border-radius:50%}.doku[data-theme=rounded-dark] .keypad>button{color:#fff;border-radius:20px;font-weight:700}.doku[data-theme=rounded-dark] .keypad>button.active{color:#fff;background:#8419ef;transform:translateY(3px);box-shadow:inset 0 3px #7056f6,inset 0 -2px #174eac,0 3px 7px #4d78a54d}.doku[data-theme=rounded-dark] .pen-toggle{background:#16181b;border:1px solid #fff;border-radius:999px;height:49px;padding:5px;box-shadow:inset 0 3px 5px #6d9ecb66,0 5px 10px #4d78a533}.doku[data-theme=rounded-dark] .pen-toggle button{border-radius:999px}.doku[data-theme=rounded-dark] .pen-toggle button.chosen{box-shadow:inset 0 3px #7056f6,inset 0 -3px #174eac,0 4px 7px #4d78a544}.doku[data-theme=rounded-dark] .timer{background:#3d3c3c;border:1px solid #d356ef;border-radius:999px;box-shadow:inset 0 3px #3c3c3c,inset 0 -4px #0b0b0b,0 6px 10px #4d78a53d}.doku[data-theme=rounded-dark] .type-option{border-radius:28px}.doku[data-theme=rounded-dark] .level-options button{border-radius:999px}.doku[data-theme=rounded-dark] .dialog-content,[data-doku-theme=rounded-dark] .dialog-content{border-radius:32px;box-shadow:inset 0 3px #fff,0 24px 60px #4d78a566}.doku[data-theme=rounded-dark] .primary{color:#fff;background:#0f66ea}html[data-doku-theme=rounded-dark] .bottom-sheet{background:#151d25;border:2px solid #fff;border-bottom:0;border-radius:34px 34px 0 0;box-shadow:inset 0 3px #fff,0 -18px 45px #4d78a566}@media (width<=700px){.doku[data-theme=rounded-dark] .board{gap:1px;padding:4px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+3),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(9n+6){margin-right:3px}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(n+19):nth-child(-n+27),.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell:nth-child(n+46):nth-child(-n+54){margin-bottom:3px}.doku[data-theme=rounded-dark] .cell{border-radius:6px}.doku[data-theme=rounded-dark] .keypad>button{border-radius:18px}}.doku[data-theme=rounded-dark]{--jigsaw-0:#114273;--jigsaw-1:#245c42;--jigsaw-2:#0b6b64;--jigsaw-3:#5d5931;--jigsaw-4:#5e2b42;--jigsaw-5:#3a6b22;--jigsaw-6:#604124;--jigsaw-7:#095371;--jigsaw-8:#5f305e}.doku[data-theme=rounded-dark] .board[data-variant=jigsaw] .cell.matching{background-color:color-mix(in srgb, var(--region-fill) 58%, #4927f3);color:#fff;text-shadow:0 1px 1px #174d9b;box-shadow:inset 0 0 0 2px #7056f6,inset 0 3px #7056f6,inset 0 -4px #120845}.doku[data-theme=rounded-dark] .board[data-variant=jigsaw] .cell.selected{background-color:color-mix(in srgb, var(--region-fill) 70%, #8419ef);color:#fff;box-shadow:inset 0 0 0 2px #ac61f7,inset 0 3px #ac61f7,inset 0 -4px #31045e}.doku[data-theme=rounded-dark] .board[data-variant=jigsaw] .cell.selected.matching{background-color:color-mix(in srgb, var(--region-fill) 58%, #4927f3);box-shadow:inset 0 0 0 2px #fff,inset 0 3px #7056f6,inset 0 -4px #120845}.doku[data-theme=rounded-dark]{--theme-value-weight:700;--selected-note-color:#fff}.theme-peek-rounded-dark{--peek-cell:#fff;--peek-ink:#17345f;--peek-lit:#73b0ff;--peek-lit-ink:#fff;color:#f4f4f4;background:#102534;border:4px solid #94bbe2;border-radius:28px;box-shadow:inset 0 3px #fff,0 9px #5f8fbe,0 20px 35px #6c9aca55}.theme-peek-rounded-dark b{border-radius:7px;box-shadow:inset 0 2px #fff,0 2px 4px #5e86ad40}.doku[data-theme=rounded-dark] .roadmap-lane{border-radius:28px;box-shadow:inset 0 2px #fff,0 6px 12px #4d78a522}.doku[data-theme=rounded-dark] .roadmap-card{border-radius:20px;box-shadow:inset 0 2px #fff,0 4px 8px #4d78a522}.doku[data-theme=rounded-dark] .board:not([data-variant=jigsaw]) .cell{border-width:0!important}.doku[data-theme=rounded-dark] .game-header .timer{color:#ff8de5}.doku[data-theme=rounded-dark] .cell.error:not(.hue-filled) .cell-value{color:#a50f16;background:#fffdf3;border-radius:3px;padding-inline:2px}.doku[data-theme=rounded-dark]{--matching-note-color:#fff}