@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:inherit;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}.doku[data-theme=paper],[data-doku-theme=paper]{--bg:#faf7f1;--surface:#eee9e3;--surface-soft:#f5f0e9;--text:#242938;--muted:#626775;--accent:#705caf;--accent-ink:#fff;--accent-soft:#e7def8;--grid-line:#d2cbd3;--region-line:#666375;--error:#b71e45;--dialog-bg:#faf7f1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.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}.doku[data-theme=plum],[data-doku-theme=plum]{--bg:#241a32;--surface:#3b2d4c;--surface-soft:#2c223a;--text:#fbf5ff;--muted:#c7b5d9;--accent:#ecc0f7;--accent-ink:#35213d;--accent-soft:#594062;--grid-line:#594665;--region-line:#c4a9d2;--error:#ffaba6;--dialog-bg:#30233e}.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}.icon-button{background:var(--surface);border:1px solid var(--grid-line);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;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);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:18px;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:16px;font:800 38px/1.1 Outfit,sans-serif}.back-link{color:var(--muted);background:0 0;align-items:center;gap:4px;margin-bottom:30px;padding:8px 0;font-size:14px;display:flex}.type-options{gap:12px;margin:28px 0;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{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);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);font-weight:700}.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);border:1px solid var(--grid-line);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;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);border:1px solid var(--grid-line);height:57px;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{color:var(--muted);position:absolute;bottom:5px;right:5px}.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(--accent);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);border-radius:10px;margin-top:16px;padding:16px;font-size:13px;display:block}.success{color:var(--accent)}.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);border-radius:10px;max-width:870px;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-night{color:#9bf0c4;background:#0d1928}.theme-paper{color:#705caf;background:#faf7f1}.theme-contrast{color:#ffe96b;background:#000}.theme-plum{color:#ecc0f7;background:#241a32}.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}.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:34px}.game-page{max-width:440px;padding:27px 0}.game-heading h1{font-size:54px}.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:18px}.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);color:color-mix(in srgb,var(--hue-color),#101827 32%)}.cell.hue-filled .symbol.pattern{color:inherit;filter:none;gap:3px;width:88%;height:88%}.cell.hue-filled.matching{box-shadow:inset 0 0 0 3px var(--text)}.cell.hue-filled.selected{box-shadow:inset 0 0 0 3px #101827,inset 0 0 0 5px #fff}.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(--text);border:1px solid var(--grid-line);border-radius:8px;min-height:44px;padding:10px;font-size:14px}.doku[data-theme=retro],[data-doku-theme=retro]{--bg:#173252;--surface:#f1c85b;--surface-soft:#244b70;--text:#fff4d6;--muted:#e6cf9c;--accent:#ff6b3d;--accent-ink:#182846;--accent-soft:#ffe09a;--grid-line:#31597d;--region-line:#fff0bd;--error:#ffaea0;--dialog-bg:#1d3c60;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.doku[data-theme=comic],[data-doku-theme=comic]{--bg:#fff2c2;--surface:#fffdf3;--surface-soft:#70c9ec;--text:#171717;--muted:#56463d;--accent:#df3328;--accent-ink:#fff;--accent-soft:#ffdc46;--grid-line:#171717;--region-line:#171717;--error:#a50f16;--dialog-bg:#fff4cc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.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}.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:#ff9bab;--dialog-bg:#182442eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.doku[data-theme=rounded],[data-doku-theme=rounded]{--bg:#e9f4ff;--surface:#fff;--surface-soft:#d7eaff;--text:#17345f;--muted:#55729b;--accent:#2d79ef;--accent-ink:#fff;--accent-soft:#b9dcff;--grid-line:#a7c8eb;--region-line:#4d7db4;--error:#c12546;--dialog-bg:#f3f9ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-swatch{min-height:49px;padding:10px 5px;line-height:1.15}.theme-retro{color:#ffb14a;background:#173252;border-color:#fff0bd;border-radius:3px;box-shadow:3px 3px #ff6b3d}.theme-comic{color:#171717;background:#ffdc46;border:3px solid #171717;border-radius:2px;transform:rotate(-1deg);box-shadow:3px 3px #df3328}.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}.theme-glass{color:#9ffaff;background:#23375f;border-color:#ffffff73;border-radius:18px;box-shadow:inset 0 1px #fff9,0 5px 15px #07112866}.theme-rounded{color:#2d79ef;background:#e9f4ff;border-color:#fff;border-radius:999px;box-shadow:inset 0 3px #fff,0 4px #8bb8e6}.key-value,.cell-value{z-index:2;position:relative}.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:#152a45;text-shadow:1px 1px #fff3be;background:#ffb14a}.doku[data-theme=retro] .cell.selected{color:#fff;background:#ff6b3d;box-shadow:inset 0 0 0 4px #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:#fff;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=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=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] .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}.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:#ffffff12;border-radius:7px;box-shadow:inset 0 1px #ffffff38;border-width:0!important}.doku[data-theme=glass] .cell.matching{color:#d9feff;background:#75eff43d;box-shadow:inset 0 0 0 1px #75eff4,0 0 18px #75eff466}.doku[data-theme=glass] .cell.selected{background:#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=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:#fff;border-radius:8px;box-shadow:inset 0 2px #fff,0 2px 4px #5e86ad40;border-width:0!important}.doku[data-theme=rounded] .cell.region-1{background:#d7eaff}.doku[data-theme=rounded] .cell.matching{color:#fff;text-shadow:0 1px 1px #174d9b;background:#73b0ff;box-shadow:inset 0 3px #beddff,inset 0 -4px #2860b0,0 6px 10px #4e78a45c}.doku[data-theme=rounded] .cell.selected{color:#fff;background:#2d79ef;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:#2d79ef;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=retro] .primary{color:#fff;background:#ff6b3d}.doku[data-theme=comic] .primary{color:#fff;background:#df3328}.doku[data-theme=glass] .primary{color:#092036;background:#75eff4}.doku[data-theme=rounded] .primary{color:#fff;background:#2d79ef}.doku[data-theme=glass] .cell.region-1{background:#ffffff2c}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)}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}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}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}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}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}.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}@media (width<=700px){.doku[data-theme=comic] .board{box-shadow:6px 7px #df3328}.doku[data-theme=doodle] .page,.doku[data-theme=doodle] .home-content{padding-inline:10px}.doku[data-theme=glass] .board{gap:2px;padding:4px}.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}}.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:#102035;--jigsaw-1:#172a3d;--jigsaw-2:#1d3043;--jigsaw-3:#123139;--jigsaw-4:#273246;--jigsaw-5:#202d39;--jigsaw-6:#192945;--jigsaw-7:#25363d;--jigsaw-8:#20283a}.doku[data-theme=paper]{--jigsaw-0:#fffaf1;--jigsaw-1:#f0e8f7;--jigsaw-2:#e8f2ed;--jigsaw-3:#f7e9e4;--jigsaw-4:#e8edf8;--jigsaw-5:#f5efd9;--jigsaw-6:#e9f3f5;--jigsaw-7:#f4e8ef;--jigsaw-8:#edf0e5}.doku[data-theme=contrast]{--jigsaw-0:#050505;--jigsaw-1:#202000;--jigsaw-2:#00232b;--jigsaw-3:#281600;--jigsaw-4:#22002a;--jigsaw-5:#002819;--jigsaw-6:#292000;--jigsaw-7:#071d32;--jigsaw-8:#2b0b16}.doku[data-theme=plum]{--jigsaw-0:#241a32;--jigsaw-1:#392747;--jigsaw-2:#2e2344;--jigsaw-3:#442a3d;--jigsaw-4:#302b51;--jigsaw-5:#472f50;--jigsaw-6:#282843;--jigsaw-7:#3d2947;--jigsaw-8:#33243c}.doku[data-theme=retro]{--jigsaw-0:#173252;--jigsaw-1:#1e4266;--jigsaw-2:#24465a;--jigsaw-3:#353b58;--jigsaw-4:#174651;--jigsaw-5:#3b3847;--jigsaw-6:#263b65;--jigsaw-7:#12404a;--jigsaw-8:#3d3140}.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=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=glass]{--jigsaw-0:#ffffff10;--jigsaw-1:#78b8ff24;--jigsaw-2:#75eff41d;--jigsaw-3:#df85ff20;--jigsaw-4:#7dffa51c;--jigsaw-5:#ffbd721d;--jigsaw-6:#9f8cff22;--jigsaw-7:#ff7f9f1c;--jigsaw-8:#d8f8ff18}.doku[data-theme=rounded]{--jigsaw-0:#fff;--jigsaw-1:#d7eaff;--jigsaw-2:#e8dcff;--jigsaw-3:#d9f3ee;--jigsaw-4:#fff0c9;--jigsaw-5:#ffdfe8;--jigsaw-6:#dfe8ff;--jigsaw-7:#e5f3d5;--jigsaw-8:#f2e4d8}.board[data-variant=jigsaw] .cell[data-region="0"]{--region-fill:var(--jigsaw-0);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="1"]{--region-fill:var(--jigsaw-1);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="2"]{--region-fill:var(--jigsaw-2);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="3"]{--region-fill:var(--jigsaw-3);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="4"]{--region-fill:var(--jigsaw-4);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="5"]{--region-fill:var(--jigsaw-5);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="6"]{--region-fill:var(--jigsaw-6);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="7"]{--region-fill:var(--jigsaw-7);background:var(--region-fill)}.board[data-variant=jigsaw] .cell[data-region="8"]{--region-fill:var(--jigsaw-8);background:var(--region-fill)}.board[data-variant=jigsaw] .cell.matching{background:var(--accent)}.board[data-variant=jigsaw] .cell.selected{background:var(--accent-soft)}.doku[data-theme=rounded] .board[data-variant=jigsaw] .cell.matching{background:#73b0ff}.doku[data-theme=rounded] .board[data-variant=jigsaw] .cell.selected{background:#2d79ef}.doku[data-theme=doodle] .board[data-variant=jigsaw] .cell.matching{background:#f4d468}.doku[data-theme=doodle] .board[data-variant=jigsaw] .cell.selected{background:#f2c9bf}.doku[data-theme=glass] .board[data-variant=jigsaw] .cell.matching{background:#75eff43d}.doku[data-theme=glass] .board[data-variant=jigsaw] .cell.selected{background:#75eff44d}.cell.given .cell-value,.cell.given>.symbol{opacity:.68}.cell-lock{z-index:5;color:currentColor;opacity:.78;display:none;position:absolute;top:3px;right:3px}.cell.given.selected .cell-lock,.doku[data-theme=contrast] .cell.given .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)}.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: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: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% 0,61% 24%,82% 7%,78% 34%,100% 34%,82% 52%,100% 70%,75% 69%,79% 100%,55% 80%,40% 100%,34% 76%,7% 90%,22% 62%,0 51%,25% 41%,6% 18%,35% 25%);filter:drop-shadow(1px 0 #df3328)drop-shadow(-1px 0 #df3328)drop-shadow(0 1px #df3328)drop-shadow(0 -1px #df3328)drop-shadow(3px 3px #171717);background:#fff64f;animation:.28s cubic-bezier(.18,.89,.32,1.28) comic-burst;position:absolute}.doku[data-theme=comic] .cell.matching .cell-value:before{inset:-8px -10px;transform:rotate(-5deg)}.doku[data-theme=comic] .notes-grid .note-match{font-weight:900}.doku[data-theme=comic] .notes-grid .note-match:before{inset:-3px -4px;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:-15px -24px;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}}.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[data-theme=retro]{--theme-value-font:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--theme-value-weight:800;--selected-note-color:#fff}.doku[data-theme=comic]{--theme-value-font:"Outfit",sans-serif;--theme-value-weight:900;--selected-note-color:#171717}.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=glass]{--theme-value-weight:500;--selected-note-color:#f7faff}.doku[data-theme=rounded]{--theme-value-weight:700;--selected-note-color:#fff}.doku[data-theme=paper]{--selected-note-color:#242938}.doku[data-theme=contrast],.doku[data-theme=plum]{--selected-note-color:#fff}.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,.cell.selected .notes-grid .note-match{color:var(--selected-note-color)}.doku .type-option.chosen,.doku .level-options button.chosen{background:var(--accent-soft);color:var(--text);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[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}.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);border-radius:12px;padding:13px}.input-demo-card>strong,.input-demo-card>small{display:block}.input-demo-card>small{color:var(--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);opacity:0;place-items:center;font-size:17px;display:grid}.demo-key{border:1px solid var(--grid-line);background:var(--bg);border-radius:8px;place-items:center;width:42px;height:34px;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(--accent);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);border:1px solid var(--grid-line);border-radius:14px;min-width:0;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)}.theme-peek-retro{--peek-cell:#244b70;--peek-ink:#fff4d6;--peek-lit:#ff6b3d;--peek-lit-ink:#fff;background:#173252;border:3px double #fff0bd;border-radius:3px;box-shadow:7px 8px #08182b}.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}.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}.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}.theme-peek-rounded{--peek-cell:#fff;--peek-ink:#17345f;--peek-lit:#73b0ff;--peek-lit-ink:#fff;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}.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);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(--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);border-radius:13px;padding:17px}.roadmap-card h3{margin:0 0 8px;font-size:15px;line-height:1.3}.roadmap-card>p{color:var(--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(--muted);font-size:10px}.roadmap-card footer button{color:var(--accent);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}.doku[data-theme=comic] .roadmap-lane,.doku[data-theme=comic] .roadmap-card,.doku[data-theme=doodle] .roadmap-lane,.doku[data-theme=doodle] .roadmap-card{border-width:2px}.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=glass] .roadmap-lane,.doku[data-theme=glass] .roadmap-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12}@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}}