.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=light]{--page:#e4e4e0;--board:#f7f7f4;--peer:#ecece6;--ink:#22262b;--muted:#666c74;--faint:#949aa1;--hair:#d2d2ca;--rule:#2e3339;--accent:#55744b;--accent-2:#3d6e86;--danger:#a94f3e;--key:#fff;--key-shadow:0 1px 0 #22262b14;--card-shadow:0 1px 2px #22262b0d, 0 12px 28px -18px #22262b4d;--menu-shadow:0 2px 4px #22262b0f, 0 18px 40px -20px #22262b73;--font-display:"Newsreader Variable", "Iowan Old Style", Palatino, Georgia, serif;--font-ui:"Instrument Sans Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page);color:var(--ink);font-family:var(--font-ui)}:root[data-theme=dark]{--page:#0e1016;--board:#171b24;--peer:#1f2531;--ink:#e8e4da;--muted:#8c93a3;--faint:#5e6674;--hair:#262c38;--rule:#b9c0ce;--accent:#d99a2b;--accent-2:#7c96d8;--danger:#e0655f;--key:#1b202b;--key-shadow:inset 0 1px 0 #e8e4da0d;--card-shadow:0 18px 40px -22px #000000e6;--menu-shadow:0 2px 4px #0006, 0 20px 46px -20px #000000f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}html,body{height:100%;overflow:hidden}.screen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-bar{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;height:68px;padding:0 32px;display:flex}.app-bar h1{font-family:var(--font-display);margin:0;font-size:24px;font-weight:500}.back{letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.back:hover{color:var(--ink)}.app-bar-right{align-items:center;gap:14px;display:flex}.app-bar-divider{background:var(--hair);width:1px;height:20px}.clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:20px}.bar-link{letter-spacing:.04em;color:var(--muted);font-size:13px;font-weight:500;text-decoration:none}.bar-link:hover{color:var(--ink)}.avatar{background:var(--key);width:32px;height:32px;color:var(--ink);border:1px solid var(--hair);box-shadow:var(--key-shadow);font-family:var(--font-display);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:500;text-decoration:none;display:flex}.avatar:hover{border-color:var(--accent);color:var(--accent)}.play{flex:1;justify-content:center;align-items:stretch;gap:64px;min-height:0;padding:24px 40px;display:flex}.board-area{--area-chrome:34px;--rail-column:calc(330px + 64px);aspect-ratio:1;width:min(calc(558px + var(--area-chrome)), calc(100dvh - 68px - 48px), calc(100vw - 80px - var(--rail-column)));flex:none;justify-content:center;align-items:center;display:flex;container-type:size}.board-card{--card-chrome:34px;box-sizing:border-box;background:var(--board);border:1px solid var(--hair);box-shadow:var(--card-shadow);border-radius:4px;padding:16px;position:relative}.board-stage{width:min(calc(100cqw - var(--card-chrome)), calc(100cqh - var(--card-chrome)), 558px);aspect-ratio:1;position:relative}.board{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.board-stage{--board-scale:1;--symbol-scale:1}.play-board-scale{width:100%;height:100%;transform:scale(var(--board-scale,1));transform-origin:50%}.play-board-scale .board-label{font-size:calc(.52px * var(--symbol-scale,1))}.play-board-scale .board-mark{font-size:calc(.18px * var(--symbol-scale,1))}.rail{flex-direction:column;flex:none;justify-content:center;gap:20px;width:330px;max-height:100%;display:flex}.rail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rail-title{flex-direction:column;gap:6px;min-width:0;display:flex}.rail-head .menus{flex:none}.band{font-family:var(--font-display);text-transform:capitalize;font-size:30px;font-weight:500;line-height:1}.puzzle-id{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--faint);-webkit-user-select:text;user-select:text;font-size:11px;overflow:hidden}.key-button{box-sizing:border-box;background:var(--key);height:48px;color:var(--ink);border:1px solid var(--hair);box-shadow:var(--key-shadow);font-family:var(--font-ui);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0 20px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.key-button:hover{border-color:var(--accent);color:var(--accent)}.picker{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.lede{z-index:1;text-align:center;flex-direction:column;flex:none;align-items:center;gap:8px;padding:30px 32px 34px;display:flex;position:relative}.counter{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-variant-numeric:tabular-nums;margin:0;font-size:11px;font-weight:500}.variant-name{font-family:var(--font-display);letter-spacing:-.012em;margin:0;font-size:60px;font-weight:500;line-height:1.02}.rule{max-width:46ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.55}.steppers{z-index:2;background:var(--page);border:1px solid var(--hair);border-radius:999px;align-items:center;height:56px;padding:0 4px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.stepper{align-items:center;gap:2px;display:flex}.stepper .step{width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.stepper .step:hover:not(:disabled){color:var(--ink)}.stepper .step:disabled{cursor:default;opacity:.38}.stepper-value{text-align:center;min-width:96px;font-family:var(--font-display);color:var(--ink);font-size:21px;font-weight:500;line-height:1}.stepper-divider{background:var(--hair);width:1px;height:26px;margin:0 6px}.gallery{background:var(--peer);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);flex:none;padding:44px 0 32px;position:relative}.reel{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:48px;padding:0 calc(50% - 171px);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%)}.reel::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.slide.peek{opacity:.5;cursor:pointer}.slide.peek.far{opacity:.22}.peek-name{letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:500}.slide .board-card{width:342px;height:342px}.slide.peek .board-card{width:220px;height:220px;box-shadow:none;padding:12px}.nav{z-index:3;background:var(--key);width:48px;height:48px;color:var(--muted);border:1px solid var(--hair);box-shadow:var(--key-shadow);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav:hover{border-color:var(--accent);color:var(--accent)}.nav.prev{left:32px}.nav.next{right:32px}.thumbs-wrap{border-bottom:1px solid var(--hair);flex:none;padding:16px 0 4px}.thumbs{scrollbar-width:none;gap:10px;padding:0 16px 12px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5% 88%,#0000 100%)}.thumbs::-webkit-scrollbar{display:none}.thumb{opacity:.55;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:flex}.thumb-art{background:var(--board);border:1px solid var(--hair);border-radius:3px;width:66px;height:66px;padding:5px;display:block}.thumb>span:last-child{max-width:70px;font-family:var(--font-ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.thumb.is-current{opacity:1}.thumb.is-current .thumb-art{border:2px solid var(--accent);padding:4px}.thumb.is-current>span:last-child{color:var(--ink);font-weight:600}.settle{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:30px 32px 32px;display:flex}.play-action{box-sizing:border-box;background:var(--accent);min-width:260px;height:56px;color:var(--page);border:1px solid var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;padding:0 34px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.play-action.is-secondary{color:var(--muted);border-color:var(--hair);background:0 0}.play-action.is-secondary:hover{color:var(--accent);border-color:var(--accent)}.play-action.is-waiting{color:var(--faint);border-color:var(--hair);cursor:default;background:0 0}.settle-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;display:flex}.daily-link{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600;text-decoration:none}.daily-link:hover{color:var(--ink)}.notice{color:var(--muted);font-size:12px;line-height:1.6}.error{color:var(--danger);white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:13px}.loading{color:var(--muted);font-size:13px}.sheet{flex-direction:column;flex:1;align-items:center;gap:20px;min-height:0;padding:40px 32px 48px;display:flex;overflow-y:auto}.sheet>*{width:100%;max-width:420px}.identity{flex-direction:column;gap:4px;display:flex}.identity-name{font-family:var(--font-display);margin:0;font-size:28px;font-weight:500;line-height:1.1}.name-edit{align-items:center;gap:8px;display:flex}.name-edit.is-editing{background:var(--key);border:1px solid var(--hair);border-radius:3px;gap:0;padding-right:4px}.name-edit.is-editing:focus-within{outline:2px solid var(--accent);outline-offset:1px}input.identity-name{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:2px 8px}input.identity-name:focus-visible{outline:none}.name-action{width:32px;height:32px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.name-action:hover:not(:disabled){color:var(--accent)}.name-action:disabled{cursor:default}.form{flex-direction:column;gap:12px;max-width:420px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px}.field>input{box-sizing:border-box;background:var(--key);height:40px;color:var(--ink);border:1px solid var(--hair);font-family:var(--font-ui);border-radius:3px;padding:0 12px;font-size:14px}.field>input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.check{color:var(--ink);align-items:center;gap:10px;font-size:13px;display:flex}.check>input{width:18px;height:18px;accent-color:var(--accent)}.choices{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.slider{color:var(--ink);align-items:center;gap:12px;font-size:13px;display:flex}.slider>input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:48px;color:var(--muted)}.choices>legend{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 0 10px;font-size:11px}.link-button{color:var(--accent);font-family:var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.board-list{counter-reset:board-rank;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pack-row{border-bottom:1px solid var(--hair);align-items:baseline;gap:12px;padding:10px 0;font-size:13px;display:flex}.pack-row:last-child{border-bottom:0}.pack-row .variant{min-width:0;color:var(--ink);flex:1}.pack-row .count{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.board-list.is-ranked>li{counter-increment:board-rank}.board-list.is-ranked>li:before{content:counter(board-rank);font-variant-numeric:tabular-nums;min-width:1.5em;color:var(--faint)}.sheet h2{font-family:var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:0 0 4px;font-size:11px;font-weight:600}@media (width<=900px){.app-bar{height:54px;padding:0 14px}.clock{font-size:17px}.avatar{width:28px;height:28px;font-size:12px}.sheet{gap:16px;padding:24px 16px 32px}.identity-name{font-size:24px}.field>input{font-size:16px}.play{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:10px 12px 12px}.board-area{aspect-ratio:auto;flex:1 1 0;width:auto;min-height:0}.board-card{--card-chrome:12px;padding:5px}.rail{justify-content:flex-start;gap:10px}.rail-title{flex-direction:row;align-items:baseline;gap:8px}.band{font-size:20px}.puzzle-id{flex:1}.board-card{border-radius:3px;padding:6px}.board{width:100%}.rail{width:auto}.lede{gap:6px;padding:20px 16px 30px}.variant-name{font-size:34px}.rule{font-size:13px;line-height:1.5}.counter{font-size:10px}.steppers{height:50px}.stepper .step{width:36px;height:36px}.stepper-value{min-width:76px;font-size:18px}.stepper-divider{margin:0 4px}.gallery{flex-direction:column;flex:1;justify-content:center;padding:38px 0 24px;display:flex}.reel{gap:12px;padding:0 calc(50% - 128px);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.slide .board-card{width:256px;height:256px;padding:10px}.slide.peek .board-card{width:180px;height:180px;padding:8px}.peek-name{display:none}.nav{width:44px;height:44px}.nav.prev{left:8px}.nav.next{right:8px}.settle{background:var(--page);border-top:1px solid var(--hair);flex:none;align-items:stretch;margin-top:auto;padding:14px 16px 22px;position:sticky;bottom:0}.play-action{width:100%;min-width:0;height:52px}}@media (width<=360px){.stepper-value{min-width:60px}}.history{flex:1;min-height:0;padding:28px 32px 40px;overflow-y:auto}.history-empty{max-width:46ch;color:var(--muted);margin:0}.history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.history-card{flex-direction:column;gap:10px;min-width:0;display:flex}.history-open{background:var(--board);border:1px solid var(--hair);border-radius:3px;padding:10px;text-decoration:none;display:block;position:relative}.history-open:hover,.history-open:focus-visible{border-color:var(--accent)}.history-art{max-width:176px;margin:0 auto;display:block}.history-play{background:var(--accent);width:48px;height:48px;color:var(--page);opacity:0;border-radius:999px;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.history-open:hover .history-play,.history-open:focus-visible .history-play{opacity:1}@media (hover:none){.history-play{opacity:1}}@media (prefers-reduced-motion:reduce){.history-play{transition:none}}.history-meta{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.history-named{flex-direction:column;gap:2px;min-width:0;display:flex}.history-title{color:var(--ink);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.history-sub{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.history-discard{width:32px;height:32px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.history-discard:hover{color:var(--accent)}.history-more{height:1px;margin-top:24px}.history-loading{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;text-align:center;margin:20px 0 0;font-size:11px;font-weight:600}@media (width<=420px){.history{padding:20px 16px 32px}.history-grid{grid-template-columns:1fr}}:root{--region-rule:color-mix(in oklab, var(--rule) 62%, var(--board));--overlay-rule:color-mix(in oklab, var(--accent-2) 62%, var(--board));--cell-peer:var(--peer);--cell-selected:color-mix(in oklab, var(--accent) 22%, var(--board));--cell-conflict:color-mix(in oklab, var(--danger) 16%, var(--board));--cell-match:color-mix(in oklab, var(--accent) 13%, var(--board));--cell-candidate:color-mix(in oklab, var(--accent) 6%, var(--board));--cell-hint:color-mix(in oklab, var(--accent-2) 30%, var(--board));--cell-witness:color-mix(in oklab, var(--accent-2) 12%, var(--board));--overlay-shade:color-mix(in oklab, var(--accent-2) 10%, var(--board));--tint-0:oklch(93.5% .038 25);--tint-1:oklch(93.5% .038 65);--tint-2:oklch(93.5% .038 105);--tint-3:oklch(93.5% .038 145);--tint-4:oklch(93.5% .038 185);--tint-5:oklch(93.5% .038 225);--tint-6:oklch(93.5% .038 265);--tint-7:oklch(93.5% .038 305);--tint-8:oklch(93.5% .038 345)}:root[data-theme=dark]{--tint-0:oklch(29% .042 25);--tint-1:oklch(29% .042 65);--tint-2:oklch(29% .042 105);--tint-3:oklch(29% .042 145);--tint-4:oklch(29% .042 185);--tint-5:oklch(29% .042 225);--tint-6:oklch(29% .042 265);--tint-7:oklch(29% .042 305);--tint-8:oklch(29% .042 345)}.keypad{gap:12px;display:grid}.keypad-digits{grid-template-columns:repeat(var(--keypad-columns,3), 1fr);gap:12px;display:grid}.keypad-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.keypad-digit,.keypad-action{box-sizing:border-box;background:var(--key);color:var(--muted);border:1px solid var(--key-border,var(--hair));box-shadow:var(--key-shadow);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex}.keypad-digit{height:74px;font-family:var(--font-display);color:var(--ink);font-size:30px;font-weight:400;position:relative}.keypad-glyph{flex:none;width:34px;height:34px}.keypad-action{height:64px}.keypad-digit:hover:not(:disabled),.keypad-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.keypad-digit:disabled,.keypad-action:disabled{cursor:default;opacity:.38}.keypad-count{font-family:var(--font-ui);color:var(--faint);font-size:10px;font-weight:500;position:absolute;bottom:5px;right:7px}.keypad-action.is-active{background:color-mix(in oklab, var(--accent-2) 16%, var(--key));border-color:var(--accent-2);color:var(--accent-2)}.keypad-digit.is-active{background:color-mix(in oklab, var(--accent) 16%, var(--key));border-color:var(--accent);color:var(--accent)}.menus{align-items:center;gap:2px;display:flex;position:relative}.menu-trigger{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{color:var(--ink)}.menu-scrim{z-index:4;position:fixed;inset:0}.menu-panel{z-index:5;box-sizing:border-box;background:var(--key);border:1px solid var(--hair);width:252px;box-shadow:var(--menu-shadow);border-radius:5px;padding:8px;position:absolute;top:46px;right:0}.menu-handle{display:none}.menu-heading{letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:4px 12px 8px;font-size:10px;font-weight:600}.menu-item{box-sizing:border-box;width:100%;height:38px;color:var(--ink);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.menu-item svg{color:var(--muted);flex:none}.menu-item:hover:not(:disabled){background:var(--peer)}.menu-item:disabled{cursor:default;opacity:.4}.menu-item.is-danger,.menu-item.is-danger svg{color:var(--danger)}.menu-separator{background:var(--hair);height:1px;margin:6px 0}.hint-pop{z-index:3;background:var(--key);border:1px solid var(--accent-2);width:262px;box-shadow:var(--menu-shadow);border-radius:5px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 26px))}.hint-pop.is-below{transform:translate(-50%,26px)}.hint-pop:after{content:"";background:var(--key);border-right:1px solid var(--accent-2);border-bottom:1px solid var(--accent-2);width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.hint-pop.is-below:after{border:0;border-top:1px solid var(--accent-2);border-left:1px solid var(--accent-2);top:-6px;bottom:auto}.hint-technique{font-family:var(--font-display);color:var(--accent-2);align-items:center;gap:8px;font-size:17px;font-weight:500;display:flex}.hint-why{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.hint-actions{gap:8px;display:flex}.hint-actions .key-button{flex:1;height:36px;font-size:11px}.solved{background:color-mix(in oklab, var(--accent) 12%, var(--board));border:1px solid var(--accent);color:var(--accent);border-radius:4px;align-items:center;gap:10px;padding:14px 16px;display:flex}.completion-overlay{z-index:4;background:color-mix(in oklab, var(--board) 55%, transparent);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.completion-panel{box-sizing:border-box;background:var(--key);border:1px solid var(--hair);width:min(420px,100%);max-height:100%;box-shadow:var(--menu-shadow);border-radius:6px;padding:20px 22px;overflow-y:auto}.completion-facts{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;display:flex}.completion-fact{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.completion-fact dt{color:var(--muted);font-size:12px}.completion-fact dd{text-align:right;margin:0;font-size:13px}.completion-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:17px}.completion-subheading{font-family:var(--font-display);margin:0 0 4px;font-size:17px;font-weight:500}.completion-note{color:var(--muted);margin:0 0 12px;font-size:12px}.completion-bands{flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;display:flex}.completion-band{align-items:center;gap:6px;font-size:13px;display:flex}.completion-feedback-actions,.completion-actions{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.completion-feedback-actions .key-button,.completion-actions .key-button{text-align:center;overflow-wrap:anywhere;flex:120px;min-width:0;height:auto;min-height:36px;padding:8px 12px;font-size:11px}.completion-actions{margin-bottom:0}.completion-status{margin:0 0 16px;font-size:13px}.paused-board{background:color-mix(in oklab, var(--board) 82%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-family:var(--font-display);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:30px;font-weight:500;display:flex;position:absolute;inset:0}@media (width<=900px){.keypad{grid-template-columns:1fr auto;gap:7px}.keypad-digits,.keypad-actions{gap:7px}.keypad-actions{grid-template-columns:repeat(2,minmax(48px,1fr))}.keypad-digit{height:58px;font-size:24px}.keypad-action{height:58px}.menu-panel{border:0;border-top:1px solid var(--hair);border-radius:14px 14px 0 0;width:auto;padding:10px 12px 22px;position:fixed;inset:auto 0 0}.menu-scrim{background:color-mix(in oklab, var(--ink) 34%, transparent)}.menu-handle{background:var(--hair);border-radius:2px;width:38px;height:4px;margin:0 auto 12px;display:block}.menu-heading{padding:0 10px 8px}.menu-item{height:50px;font-size:15px}.hint-pop{width:min(300px,100vw - 40px)}}.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}.board:focus{outline:none}.board:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cue{fill:none}.cue-selected{stroke:var(--rule);stroke-width:.09px}.cue-conflict{stroke:var(--danger);stroke-width:.07px;stroke-dasharray:.14 .09}.cue-witness{stroke:var(--accent-2);stroke-width:.05px;stroke-dasharray:.02 .1;stroke-linecap:round}.cue-target{stroke:var(--accent-2);stroke-width:.09px}.cue-wedge{stroke:none}.cue-target-wedge{fill:var(--accent-2)}.board-group-mark{font-family:var(--font-ui);font-weight:600}.dialog-scrim{z-index:6;background:color-mix(in oklab, var(--ink) 34%, transparent);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-panel{box-sizing:border-box;background:var(--key);border:1px solid var(--hair);width:min(480px,100vw - 40px);max-height:min(80dvh,640px);box-shadow:var(--menu-shadow);border-radius:6px;padding:20px 22px;overflow-y:auto}.dialog-heading{font-family:var(--font-display);margin:0 0 12px;font-size:24px;font-weight:500}.shortcut-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;display:flex}.shortcut-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.shortcut-row dt{color:var(--ink);font-size:13px}.shortcut-row dd{color:var(--muted);text-align:right;margin:0;font-size:12px}kbd{background:var(--board);color:var(--ink);border:1px solid var(--hair);font-family:var(--font-ui);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.learn-lesson{flex:1;justify-content:center;align-items:stretch;gap:32px;min-height:0;padding:24px 40px;display:flex;overflow-y:auto}.learn-panel{flex-direction:column;flex:none;align-self:center;gap:12px;width:320px;max-height:100%;display:flex;overflow-y:auto}.learn-progress{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0;font-size:11px}.learn-body p{margin:0;font-size:15px;line-height:1.55}.learn-done{font-family:var(--font-display);margin:0;font-size:26px;font-weight:500}.learn-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.learn-actions .key-button,.learn-actions .play-action{flex:auto}.learn-actions .play-action{box-sizing:border-box;min-width:0;padding:0 20px}.learn-hint{background:var(--board);border:1px solid var(--hair);border-radius:4px;padding:12px 14px}.learn-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.learn-card{background:var(--board);border:1px solid var(--hair);border-radius:4px;padding:14px 16px}.learn-link{font-family:var(--font-display);color:var(--ink);font-size:20px;font-weight:500;text-decoration:none}.learn-link:hover{color:var(--accent)}.learn-summary{color:var(--muted);margin:6px 0 0;font-size:13px}.lesson-spot{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}body.driver-active *{pointer-events:auto}body.driver-active .driver-overlay,body.driver-active .driver-overlay path{pointer-events:none!important}@media (prefers-reduced-motion:reduce){.driver-overlay,.driver-popover{animation:none!important}}body.driver-active .learn-panel{z-index:10001;background:var(--board);border:1px solid var(--hair);border-radius:4px;padding:14px 16px;position:relative}body.driver-active .screen:where([data-spot-kind=cell],[data-spot-kind=board]) .keypad{z-index:10001;position:relative}.learn-lesson .board-area{--learn-fixed:calc(320px + 330px + 64px);min-width:0;width:min(calc(558px + var(--area-chrome)), calc(100dvh - 68px - 48px), calc(100vw - 80px - var(--learn-fixed)));flex:0 auto}@media (width<=1150px){.learn-lesson{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:10px 12px 12px;overflow-y:auto}.learn-panel{align-self:stretch;width:auto;max-height:none;overflow:visible}.learn-lesson .board-area{aspect-ratio:auto;flex:none;width:auto;container-type:normal}.learn-lesson .board-stage{width:min(558px,100vw - 40px)}.learn-lesson .board-card{border-radius:3px;padding:6px}.learn-lesson .rail{justify-content:flex-start;gap:10px;width:auto}}.batch-review{max-width:min(100%,96rem)}.batch-review-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:20px;width:100%;max-width:min(100%,96rem);display:grid}.batch-review-card{border:1px solid var(--hair);border-radius:8px;min-width:0;padding:12px 12px 16px}.batch-review-card-facts{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(180px,auto));gap:2px 16px;margin:0 0 12px;display:grid}.batch-review-card-facts>div{gap:8px;display:flex}.batch-review-card-facts dt{font-weight:600}.batch-review-card-facts dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.batch-review-card-board .board{width:100%;height:auto}.batch-review-card-strip{margin:12px 0 0}.batch-review-card-strip figcaption,.batch-review-card-keypad figcaption{color:var(--muted);margin-bottom:4px}.batch-review-card-strip-glyphs{flex-wrap:wrap;gap:8px;display:flex}.batch-review-card-strip-glyph{width:48px;height:48px;color:var(--ink)}.batch-review-card-keypad{max-width:340px;margin:12px 0 0}