@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-wdth-normal-BKE08zty.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-wdth-normal-DoS1gVTC.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-wdth-normal-Dtb2a5nO.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}*,:before,:after{box-sizing:border-box;min-width:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;--slate:oklch(29% .014 250);--panel:oklch(35% .016 250);--well:oklch(24% .012 250);--chalk:oklch(94% .012 85);--muted:oklch(72% .018 250);--red:oklch(65% .19 28);--blue:oklch(66% .15 255);--oat:oklch(81% .055 90);--ink:oklch(16% 0 none);--mine:var(--red);--radius-tile:.55rem;--gap:clamp(.3rem, .15rem + .8vw, .5rem);--ease-out:cubic-bezier(.23, 1, .32, 1);color:var(--chalk);background:var(--slate);font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:1rem;line-height:1.45}body{min-height:100svh;margin:0}body[data-me=B]{--mine:var(--blue)}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}:focus-visible{outline:3px solid var(--chalk);outline-offset:3px}svg{display:block}.app{min-block-size:100svh;inline-size:min(100% - 2rem,30rem);padding-block:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-bottom));flex-direction:column;gap:.9rem;margin-inline:auto;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:clamp(2.1rem,1.6rem + 2.5vw,2.9rem);font-weight:780;font-stretch:75%;line-height:.95}.subtitle{color:var(--muted);margin:.3rem 0 0;font-size:.95rem}main{flex-direction:column;gap:.6rem;display:flex}.status{min-block-size:2lh;margin:0;font-size:1.05rem;font-weight:560}body[data-status=no-match] .status{color:var(--oat)}.legend{min-block-size:2lh;color:var(--muted);margin:0;font-size:.875rem}.board{gap:var(--gap);padding:var(--gap);background:var(--well);border-radius:calc(var(--radius-tile) + var(--gap));display:grid;box-shadow:inset 0 2px 6px oklch(0% 0 none/.35)}.row{gap:var(--gap);grid-template-columns:repeat(5,1fr);display:grid}.tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--panel);font-variant-numeric:tabular-nums;isolation:isolate;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:clip}.tile:before{content:"";z-index:-1;background:color-mix(in oklab, var(--mine) 62%, var(--panel));transform-origin:bottom;transform:scaleY(var(--p,0));position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.tile:before{transition:transform .32s var(--ease-out)}.tile{transition:transform .14s var(--ease-out)}}.tile:active{transform:scale(.94)}.pct{text-shadow:0 1px 2px oklch(0% 0 none/.35);font-size:clamp(1.05rem,.75rem + 1.6vw,1.45rem);font-weight:680;font-stretch:85%;line-height:1}.pct small{margin-inline-start:.05em;font-size:.55em;font-weight:560}.risk{color:var(--chalk);opacity:.85;align-items:center;gap:.05rem;font-size:.68rem;font-weight:650;line-height:1;display:flex;position:absolute;inset-block-start:.2rem;inset-inline-end:.25rem}.risk svg{stroke:currentColor;inline-size:.6rem}.tile.certain{box-shadow:inset 0 0 0 3px var(--mine)}.tile.certain .pct{font-weight:780}.tile.best{outline:3px solid var(--chalk);outline-offset:2px;z-index:1}.tile[data-color] svg,.tile[data-key] svg{fill:currentColor;stroke:currentColor;inline-size:42%}.tile[data-color=R]{background:var(--red);color:oklch(30% .1 28)}.tile[data-color=B]{background:var(--blue);color:oklch(30% .09 255)}.tile[data-color=N]{background:var(--oat);color:oklch(45% .04 90)}.tile[data-color=A]{background:var(--ink);color:var(--chalk)}.tile[data-key]{background:var(--panel)}.tile[data-key=R]{box-shadow:inset 0 0 0 3px var(--red);color:var(--red)}.tile[data-key=B]{box-shadow:inset 0 0 0 3px var(--blue);color:var(--blue)}.tile[data-key=N]{color:color-mix(in oklch, var(--oat) 70%, var(--panel))}.tile[data-key=A]{background:var(--ink);color:color-mix(in oklch, var(--chalk) 60%, var(--ink))}body[data-status=solved] .tile[data-key=R],body[data-status=solved] .tile[data-key=B]{background:color-mix(in oklab, currentColor 22%, var(--panel))}body[data-status=no-match] .board{box-shadow:inset 0 0 0 2px var(--oat)}.controls{gap:.6rem;margin-block-start:auto;display:grid}.setting{grid-template-columns:5.5rem 1fr;align-items:center;gap:.75rem;display:grid}.setting-name{color:var(--muted);font-size:.95rem}.segmented{background:var(--well);border-radius:.8rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.segmented button{min-block-size:2.75rem;color:var(--muted);background:0 0;border:0;border-radius:.6rem;font-weight:620}.segmented button[aria-checked=true][data-value=R]{background:var(--red);color:oklch(20% .06 28)}.segmented button[aria-checked=true][data-value=B]{background:var(--blue);color:oklch(20% .06 255)}.actions{grid-template-columns:1fr 1fr;gap:.6rem;margin-block-start:.2rem;display:grid}.actions button{border:2px solid var(--panel);background:var(--slate);border-radius:.8rem;min-block-size:3.25rem;font-size:1.05rem;font-weight:650}.actions button:disabled{color:color-mix(in oklch, var(--muted) 55%, var(--slate));cursor:default}.segmented button:active,.actions button:not(:disabled):active{transform:scale(.97)}@media (prefers-reduced-motion:no-preference){.segmented button,.actions button{transition:transform .14s var(--ease-out), background-color .16s var(--ease-out)}}@media (hover:hover) and (pointer:fine){.actions button:not(:disabled):hover,.segmented button[aria-checked=false]:hover{background:var(--panel)}.tile:not([data-color]):hover{background:color-mix(in oklch, var(--panel), var(--chalk) 8%)}}footer{color:var(--muted);font-size:.8rem}footer p{margin:0}footer a{color:inherit;text-underline-offset:.2em}