.finder-grid{gap:var(--space-5);align-items:start;display:grid}.tool,.results{min-width:0;padding:clamp(.875rem,3vw,1.5rem);position:relative}@media (width>=1024px){.finder-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.results{top:calc(var(--header-h) + var(--space-4));position:sticky}}.results:focus{outline:none}.col{width:100%;max-width:30rem;margin-inline:auto}.tool-bar{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.len-field{align-items:center;gap:var(--space-2);display:flex}.len-field label{font-size:var(--step--1);white-space:nowrap;font-weight:600}@media (width<=479px){.len-field label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.len-field select{border:var(--border);border-radius:var(--radius-sm);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%235A5870' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .6rem center / 1rem;min-height:40px;color:var(--ink);font-weight:600;font-size:var(--step--1);appearance:none;cursor:pointer;padding:0 2.1rem 0 .8rem}.tabs{margin-bottom:var(--space-4);border:var(--border);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.tabs [role=tab]{min-height:40px;color:var(--ink);font-weight:600;font-size:var(--step--1);background:0 0;border:0;border-radius:10px;padding:0 1rem}.tabs [role=tab][aria-selected=true]{background:var(--brand);color:var(--on-brand)}.cb-toggle{white-space:nowrap;min-height:var(--tap);color:var(--muted);font-weight:500;font-size:var(--step--1);background:0 0;border:0;align-items:center;gap:.45rem;padding:0 .25rem;display:inline-flex}.cb-swatch{border:var(--border);border-radius:var(--radius-pill);background:var(--surface-2);width:2.1rem;height:1.2rem;transition:background .12s var(--ease-out);position:relative}.cb-swatch:after{content:"";background:var(--line);width:calc(1.2rem - 8px);height:calc(1.2rem - 8px);transition:transform .12s var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.cb-toggle[aria-pressed=true]{color:var(--ink)}.cb-toggle[aria-pressed=true] .cb-swatch{background:var(--brand)}.cb-toggle[aria-pressed=true] .cb-swatch:after{background:var(--on-brand);transform:translate(.9rem)}.panel[hidden]{display:none}.hint{color:var(--muted);font-size:var(--step--1);margin-bottom:var(--space-3);text-align:center;line-height:1.5}.muted{color:var(--muted);font-weight:400}.legend{justify-content:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);font-size:var(--step--1);flex-wrap:wrap;padding:0;line-height:1.3;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:flex}.legend strong{font-weight:600}.legend-tile{--tile-size:1.4rem;box-shadow:none}.legend-tile[data-state]:after{font-size:.8rem;top:50%;right:50%;transform:translate(50%,-50%)}.finder{--gap:6px;--col-w:min(100vw - 4rem, 30rem);--cell:min(3.75rem, calc((var(--col-w) - (var(--cols) - 1) * var(--gap)) / var(--cols)))}.board{--tile-size:var(--cell);justify-content:center;gap:var(--gap);margin-bottom:var(--space-4);display:grid}.board-row{gap:var(--gap);display:flex}.board-tile{cursor:default;-webkit-tap-highlight-color:transparent;padding:0}.board-tile[data-filled]{box-shadow:var(--shadow)}.board-tile[data-state]{cursor:pointer}.board-tile[data-cursor]{border-style:dashed}.board-tile:focus-visible{outline-offset:2px;border-radius:calc(var(--tile-size) * .22)}.board-tile[data-state]:active{transform:translate(1px,1px)}.board-actions{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.jump{text-decoration:none}@media (width>=1024px){.jump{display:none}}.keyboard{-webkit-user-select:none;user-select:none;gap:6px;display:grid}.key-row{justify-content:center;gap:5px;display:flex}.key{border:var(--border);background:var(--surface-2);min-width:0;max-width:2.75rem;height:52px;color:var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-body);text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 70ms var(--ease-out), box-shadow 70ms var(--ease-out);border-radius:10px;flex:1 1 0;padding:0;font-size:1rem;font-weight:600}.key:active{box-shadow:none;transform:translate(2px,2px)}.key--wide{letter-spacing:.02em;flex-grow:1.5;place-items:center;max-width:4.1rem;font-size:.75rem;display:inline-grid}.key svg{width:22px;height:22px}.kbd-tip{margin-top:var(--space-3);font-size:var(--step--1);color:var(--muted);text-align:center;display:none}@media (hover:hover) and (pointer:fine){.kbd-tip{display:block}}.slots-field{margin:0 0 var(--space-4);border:0;min-width:0;padding:0}.slots-field legend,.field label{font-weight:600;font-size:var(--step--1);margin-bottom:var(--space-2);display:block}.slots{--tile-size:var(--cell);justify-content:center;gap:var(--gap);display:flex}.slot-input{text-align:center;caret-color:#0000;padding:0}.green-slot[data-has]{--tile-bg:var(--correct);--tile-fg:var(--on-correct)}.yellow-slot{font-size:calc(var(--tile-size) * .36);letter-spacing:.02em}.yellow-slot[data-has]{--tile-bg:var(--present);--tile-fg:var(--on-present)}.field{margin-bottom:var(--space-4)}.field input{width:100%;min-height:var(--tap);border:var(--border);border-radius:var(--radius-sm);background:var(--surface);letter-spacing:.12em;text-transform:uppercase;padding:.5rem .85rem;font-weight:600}.field input::placeholder{color:var(--muted);letter-spacing:.02em;text-transform:none;font-weight:400}.conflict{margin-bottom:var(--space-3);font-size:var(--step--1);color:var(--danger);font-weight:600}.toast{z-index:5;border-radius:var(--radius-sm);background:var(--ink);width:max-content;max-width:calc(100% - 2rem);color:var(--bg);font-size:var(--step--1);text-align:center;pointer-events:none;padding:.5rem .9rem;font-weight:600;line-height:1.35;position:absolute;top:4.25rem;left:50%;transform:translate(-50%)}.toast:empty{display:none}.noscript{margin-top:var(--space-4)}.results-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.results h3{font-size:var(--step-1)}.count{margin-bottom:var(--space-4);font-size:var(--step--1);color:var(--muted)}.count:empty{display:none}.count strong{color:var(--ink);font-family:var(--font-display);font-size:var(--step-1)}.group,.word-groups section{margin-bottom:var(--space-4)}.group[hidden]{display:none}.results .sub,.word-groups h4{margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--step--1);color:var(--muted);font-weight:600}.chips{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));padding:0;list-style:none;display:grid}.word-chip{width:100%;min-height:var(--tap);border:var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;transition:transform 80ms var(--ease-out), box-shadow 80ms var(--ease-out);justify-content:center;align-items:center;padding:0 .5rem;font-size:1rem;font-weight:600;display:inline-flex}.word-chip:hover{background:var(--surface-2)}.word-chip:active{box-shadow:none;transform:translate(2px,2px)}.word-groups:empty{display:none}.more{margin-bottom:var(--space-3)}.more[hidden]{display:none}.chip-hint{font-size:var(--step--1);color:var(--muted)}@media (width>=1024px){.word-groups{max-height:min(24rem,50vh);margin-bottom:var(--space-3);overscroll-behavior:contain;padding:2px 6px 6px 2px;overflow-y:auto}}.surprise-result{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;display:flex}.surprise-result[hidden]{display:none}.slot{--tile-size:min(2.5rem, calc((100vw - 6rem) / var(--cols) - 4px));gap:4px;display:flex}.slot-tile{box-shadow:none;font-size:1.3rem;overflow:hidden}.slot-strip{flex-direction:column;align-self:start;display:flex}.slot-strip>span{height:calc(var(--tile-size) - 4px);place-items:center;display:grid}.slot-strip.rolling{animation:slot-roll var(--dur,.7s) cubic-bezier(.15, .85, .25, 1.05) both}@keyframes slot-roll{0%{transform:translateY(0)}to{transform:translateY(var(--to))}}.surprise-actions{gap:var(--space-2);display:flex}.surprise-actions [hidden],.state-msg:empty{display:none}.state-card{padding:var(--space-4);margin-bottom:var(--space-4);border:var(--border);border-radius:var(--radius);background:var(--surface-2);position:relative}.state-card h4{font-size:var(--step-1);margin-bottom:var(--space-2)}.state-card p{font-size:var(--step--1);margin-bottom:var(--space-3)}.state-card .found-word{--tile-size:min(2.6rem, calc((100vw - 6rem) / var(--cols) - 4px));margin-bottom:var(--space-3);gap:4px;display:flex}.state-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.confetti{pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.confetti i{border:1.5px solid var(--line);background:var(--c);opacity:0;width:9px;height:14px;animation:1.1s cubic-bezier(.2,.7,.3,1) forwards confetti;animation-delay:var(--delay,0s);border-radius:2px;position:absolute}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1)}}.lengths{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.lengths-label{font-size:var(--step--1);font-weight:600}.lengths ul{justify-content:center;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.len-chip{min-height:var(--tap);border:var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:var(--step--1);align-items:center;padding:0 .9rem;font-weight:500;text-decoration:none;display:inline-flex}a.len-chip:hover{background:var(--surface-2)}.len-chip.is-current{background:var(--brand);color:var(--on-brand);font-weight:600}.list-note{max-width:var(--measure);margin:var(--space-4) auto 0;font-size:var(--step--1);color:var(--muted);text-align:center}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.tile-title[data-astro-cid-uyccejua]{--t:1.82em;isolation:isolate;font-size:clamp(1.375rem,6.875vw,2.255rem);line-height:calc(var(--t) + .32em);word-spacing:.3em;text-transform:uppercase;position:relative}.tt-word[data-astro-cid-uyccejua]{white-space:nowrap}.tt-prefix[data-astro-cid-uyccejua]{color:var(--brand);text-transform:none;margin-bottom:.2em;font-size:.8em;line-height:1.2;display:block}.tt-tile[data-astro-cid-uyccejua]{--tile-bg:var(--surface);--tile-fg:var(--ink);padding-inline:var(--pad);color:var(--tile-fg)}.tt-correct[data-astro-cid-uyccejua]{--tile-bg:var(--correct);--tile-fg:var(--on-correct)}.tt-present[data-astro-cid-uyccejua]{--tile-bg:var(--present);--tile-fg:var(--on-present)}.tt-tile[data-astro-cid-uyccejua]:before{content:"";z-index:-1;width:var(--t);height:var(--t);margin-left:calc(.08em - var(--pad));margin-right:calc(var(--pad) - .08em - var(--t));vertical-align:-.56em;box-sizing:border-box;border:var(--border);background:var(--tile-bg);box-shadow:var(--shadow);animation:tt-flip .56s ease-in-out calc(.35s + var(--i) * 70ms) both;border-radius:22%;display:inline-block;position:relative}@keyframes tt-flip{0%,to{transform:none}50%{transform:rotateX(88deg)}}
