:root{--color-group-0:#75eab6;--color-group-1:#47a350;--color-group-2:#77d1fd;--color-group-3:#ae73fb;--color-group-4:#76f014;--color-group-5:#fd5917;--color-group-6:#c6dbae;--color-group-7:#fd4e8b;--color-group-8:#b8e450;--color-group-9:#628df2;--color-group-10:#f7c5f1;--color-group-11:#fe16f4;--color-group-12:#ac85a3;--color-group-13:#89975b;--color-group-14:#f7931e;--color-group-15:#f4d403;--color-mark:black;--color-queen:#b8860b;--color-error:#d1002f;--color-surface:#fff;--color-on-surface:#101010;--color-border:#c8c8c8}@media (prefers-color-scheme:dark){:root{--color-group-0:#505f76;--color-group-1:#bb41c5;--color-group-2:#631e62;--color-group-3:#2b72e7;--color-group-4:#1a119b;--color-group-5:#61812e;--color-group-6:#04451b;--color-group-7:#ec102f;--color-group-8:#660616;--color-group-9:#18857f;--color-group-10:#b84529;--color-group-11:#9f6c3b;--color-group-12:#e21c7a;--color-group-13:#4e380b;--color-group-14:#996599;--color-group-15:#7212ff;--color-mark:white;--color-queen:#ffd60a;--color-error:#ff5c7a;--color-surface:#1e1e1e;--color-on-surface:#f0f0f0;--color-border:#4a4a4a}}body{background-color:var(--color-surface);min-height:100dvh;color:var(--color-on-surface);margin:0}.btn{font:inherit;cursor:pointer;border-radius:.25em;padding:.5em 1.25em;font-size:1em;transition:opacity .15s,background-color .15s}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{color:var(--color-surface);background-color:color-mix(in srgb, var(--color-on-surface) 85%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-on-surface) 85%, var(--color-surface));font-weight:700}.btn-secondary{color:var(--color-on-surface);border:1px solid var(--color-border);background-color:#0000}button.group-0{background-color:var(--color-group-0)}button.group-1{background-color:var(--color-group-1)}button.group-2{background-color:var(--color-group-2)}button.group-3{background-color:var(--color-group-3)}button.group-4{background-color:var(--color-group-4)}button.group-5{background-color:var(--color-group-5)}button.group-6{background-color:var(--color-group-6)}button.group-7{background-color:var(--color-group-7)}button.group-8{background-color:var(--color-group-8)}button.group-9{background-color:var(--color-group-9)}button.group-10{background-color:var(--color-group-10)}button.group-11{background-color:var(--color-group-11)}button.group-12{background-color:var(--color-group-12)}button.group-13{background-color:var(--color-group-13)}button.group-14{background-color:var(--color-group-14)}button.group-15{background-color:var(--color-group-15)}#app>div{width:fit-content;margin-inline:auto}#new-game{margin:1.25rem auto 1.5rem;display:block}#hud{flex-direction:column;align-items:center;gap:.4rem;margin:.75rem 0 1rem;display:flex}#status{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin:3rem auto;padding:0 1.5rem;display:flex}#status .spinner{border:.2rem solid var(--color-border);border-top-color:var(--color-on-surface);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#status .spinner{animation:none}}#status .status-label{margin:0;font-size:1.1rem;font-weight:700}#status .status-note{opacity:.75;margin:0;font-size:.9rem}#status .status-meta{align-items:center;gap:.9rem;margin-top:.4rem;display:flex}#status .status-meta p{font-variant-numeric:tabular-nums;opacity:.75;margin:0}#board{--board-gap:.1rem;--board-pad:.2rem;--board-chrome:calc(var(--board-gap) * (var(--board-size,4) - 1) + var(--board-pad) * 2);--page-inset-inline:1.25rem;--page-inset-block:10.5rem;--cell-max:3rem;--cell-min:.75rem;--cell-size:max(var(--cell-min), min(var(--cell-max), calc((100dvw - var(--page-inset-inline) - var(--board-chrome)) / var(--board-size,4)), calc((100dvh - var(--page-inset-block) - var(--board-chrome)) / var(--board-size,4))));grid-template-columns:repeat(var(--board-size,4), var(--cell-size));gap:var(--board-gap);background-color:var(--color-border);width:fit-content;padding:var(--board-pad);border-radius:.4rem;display:grid;overflow:hidden;box-shadow:0 .3rem .9rem #00000040}ul._guesses_1r9w1_1{justify-content:center;align-items:center;gap:.35em;width:100%;margin:0;padding:0;list-style:none;display:flex}ul._guesses_1r9w1_1>li._unused_1r9w1_13{padding:0;display:inline}ul._guesses_1r9w1_1>li:after{color:var(--color-error);font-size:1.5em;font-weight:700;line-height:1}ul._guesses_1r9w1_1>li._unused_1r9w1_13:after{content:"○"}ul._guesses_1r9w1_1>li._used_1r9w1_28:after{content:"✕"}:root{--cell-mark-shadow-width:.08em;--cell-error-shadow-width:.16em;--cell-queen-shadow-width:.32em}._cell_1xepv_7{touch-action:manipulation;height:var(--cell-size,3em);min-width:0;min-height:0;font-size:min(1rem, calc(var(--cell-size,3em) * .55));color:var(--color-mark);border:0;padding:0;font-weight:700;line-height:1}._found_1xepv_36{color:var(--color-queen);font-size:min(1.75rem, calc(var(--cell-size,3em) * .75));text-shadow:0 0 var(--cell-mark-shadow-width) var(--color-mark), 0 0 var(--cell-mark-shadow-width) var(--color-mark), 0 0 var(--cell-mark-shadow-width) var(--color-queen);animation:.26s cubic-bezier(.34,1.56,.64,1) _queen-found_1xepv_1}@keyframes _queen-found_1xepv_1{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){._found_1xepv_36{animation:none}}._error_1xepv_65{color:var(--color-error);text-shadow:0 0 var(--cell-error-shadow-width) var(--color-mark), 0 0 var(--cell-error-shadow-width) var(--color-mark)}._drawer_s6lhs_5{background-color:var(--color-surface);width:100%;max-width:100%;max-height:90dvh;color:var(--color-on-surface);transition:translate .25s ease, overlay .25s allow-discrete, display .25s allow-discrete;border:0;border-radius:.75em .75em 0 0;margin:auto auto 0;padding:0;overflow:auto;translate:0 100%;box-shadow:0 -.5em 1.5em #0000004d}._drawer_s6lhs_5[open]{translate:0}@starting-style{._drawer_s6lhs_5[open]{translate:0 100%}}._drawer_s6lhs_5::backdrop{transition:background-color .25s ease, overlay .25s allow-discrete, display .25s allow-discrete;background-color:#0000}._drawer_s6lhs_5[open]::backdrop{background-color:#0000008c}@starting-style{._drawer_s6lhs_5[open]::backdrop{background-color:#0000}}@media (prefers-reduced-motion:reduce){._drawer_s6lhs_5,._drawer_s6lhs_5::backdrop{transition-duration:1ms}}._form_s6lhs_64{flex-direction:column;gap:.5em;max-width:22em;margin:0 auto;padding:1.25em;display:flex}._heading_s6lhs_75{margin:0 0 .25em;font-size:1.25em}._label_s6lhs_80{font-weight:700}._input_s6lhs_84{color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.25em;padding:.5em;font-size:1em}._hint_s6lhs_93{opacity:.75;margin:0;font-size:.85em}._actions_s6lhs_99{justify-content:flex-end;gap:.5em;margin-top:.75em;display:flex}._cancel_s6lhs_106[hidden]{display:none}._timer_8a7pi_1{text-align:center;font-variant-numeric:tabular-nums;opacity:.75;margin:0}._modal_xw1xv_1{border:1px solid var(--color-border);background-color:var(--color-surface);width:calc(100% - 2rem);max-width:24em;color:var(--color-on-surface);border-radius:.75em;margin:auto;padding:1.5em;box-shadow:0 .5em 1.5em #0000004d}._modal_xw1xv_1::backdrop{background-color:#0000008c}._heading_xw1xv_18{margin:0 0 .5em;font-size:1.35em}._won_xw1xv_25 ._heading_xw1xv_18{color:var(--color-queen)}._lost_xw1xv_29 ._heading_xw1xv_18{color:var(--color-error)}._message_xw1xv_33{margin:0 0 1.25em}._actions_xw1xv_37{flex-wrap:wrap;justify-content:flex-end;gap:.5em;display:flex}