.sq-wrap{display:grid;gap:clamp(.9rem,2.6vw,1.35rem);justify-items:center;width:100%}.sq-mode{width:100%;max-width:520px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sq-mode b{color:var(--ink-gold);font-weight:500}.sq-today{font:inherit;color:var(--accent-hover);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;min-height:36px;padding:0 .2rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}[data-theme=light] .sq-today{color:var(--accent)}.sq-today:hover,.sq-today:focus-visible{color:var(--text)}.sq-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1rem;width:100%;max-width:520px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.sq-progress .sq-pair{display:inline-flex;align-items:center;gap:.35rem}.sq-progress b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.sq-progress .sq-sep{color:var(--ink-gold);opacity:.7}.sq-progress .ok{color:var(--correct)}.sq-meter{width:100%;max-width:360px;height:7px;border-radius:999px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 1px 3px var(--recess);overflow:hidden}.sq-meter>span{display:block;height:100%;width:0%;background:var(--accent-strong);transition:width .35s cubic-bezier(.2,.7,.2,1)}.sq-current{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.6rem;width:100%;max-width:360px;padding:.45rem .8rem;border-radius:11px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised)}.sq-current .sq-word{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 40,"wght" 600;font-size:clamp(1.1rem,4.4vw,1.4rem);letter-spacing:.14em;line-height:1;color:var(--text);min-height:1.4rem}.sq-current .sq-word:empty:before{content:"Trace a word";color:var(--muted);letter-spacing:.01em;font-weight:400;font-variation-settings:"opsz" 24,"wght" 400}.sq-current .sq-fb{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-ui);font-size:.72rem;font-weight:600;letter-spacing:.02em}.sq-current .sq-fb .ico{width:15px;height:15px}.sq-current.is-valid{border-color:color-mix(in srgb,var(--correct) 55%,var(--border))}.sq-current.is-valid .sq-fb{color:var(--correct)}.sq-current.is-invalid{border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.sq-current.is-invalid .sq-fb{color:var(--danger)}.sq-current.is-dupe{border-color:color-mix(in srgb,var(--ink-gold) 50%,var(--border))}.sq-current.is-dupe .sq-fb{color:var(--ink-gold)}.sq-board{--sqcell: min(76px, 17.5vw);--sqgap: clamp(6px, 1.6vw, 10px);display:grid;grid-template-columns:repeat(4,var(--sqcell));grid-template-rows:repeat(4,var(--sqcell));gap:var(--sqgap);touch-action:none;padding:clamp(.5rem,1.6vw,.8rem);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-raised)}.sq-board[aria-busy=true]{pointer-events:none}.sqcell{position:relative;width:var(--sqcell);height:var(--sqcell);display:grid;place-items:center;padding:0;border-radius:var(--radius-tile);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-keycap);font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 60,"wght" 600;font-size:calc(var(--sqcell) * .42);line-height:1;text-shadow:0 1px 0 var(--highlight),0 -1px 1px var(--recess);-webkit-tap-highlight-color:transparent;transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}.sqcell:focus-visible{outline:3px solid var(--accent);outline-offset:2px;z-index:3}.sqcell.is-blocked{background:var(--bg);color:transparent;box-shadow:inset 0 2px 6px var(--recess);border-style:dashed;cursor:default;pointer-events:none}.sqcell.in-path{background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:transparent;color:var(--text);box-shadow:var(--shadow-keycap),inset 0 0 0 3px var(--accent);transform:translateY(-1px) scale(1.03);z-index:2}.sqcell.path-head{background:var(--accent-strong);color:#fff;box-shadow:var(--shadow-keycap),inset 0 0 0 2px color-mix(in srgb,#fff 28%,transparent);text-shadow:none}.sqcell.is-solved:after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;background:var(--correct);-webkit-mask:var(--tick-mask) center / contain no-repeat;mask:var(--tick-mask) center / contain no-repeat}.sq-board{--tick-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>")}@media(hover:hover)and (pointer:fine){.sqcell:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-hover)}.sqcell.in-path:hover{box-shadow:var(--shadow-keycap),inset 0 0 0 3px var(--accent)}}.sqcell:active{transform:translateY(1px) scale(.99);box-shadow:var(--shadow-pressed)}.sq-entry{display:flex;gap:.5rem;width:100%;max-width:360px}.sq-entry input{flex:1;min-width:0;min-height:46px;padding:0 .85rem;border-radius:11px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:.98rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 2px 5px var(--recess)}.sq-entry input::placeholder{color:var(--muted);letter-spacing:.02em;text-transform:none}.sq-entry input:focus-visible{outline:2.5px solid var(--ring);outline-offset:1px}.sq-entry .sq-add{flex:none;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--accent-strong);color:#fff;box-shadow:inset 0 1px color-mix(in srgb,#fff 28%,transparent),0 2px 4px var(--sh-1)}.sq-entry .sq-add:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.sq-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:520px}.sq-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-raised);transition:box-shadow .16s ease,border-color .16s ease,color .16s ease}.sq-btn .ico{width:17px;height:17px;color:var(--accent)}.sq-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}@media(hover:hover)and (pointer:fine){.sq-btn:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.sq-btn:hover .ico{color:var(--accent)}}.sq-found{width:100%;max-width:520px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-raised);padding:clamp(.9rem,2.6vw,1.2rem)}.sq-found-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}.sq-found-head h2{font-family:var(--font-display);font-weight:500;font-variation-settings:"opsz" 30;font-size:1.05rem}.sq-found-head .sq-count{font-family:var(--font-mono);font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.sq-found-empty{color:var(--muted);font-size:.9rem}.sq-group{display:grid;gap:.35rem;margin-top:.7rem}.sq-group:first-of-type{margin-top:0}.sq-group-label{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.sq-chips{display:flex;flex-wrap:wrap;gap:.4rem}.sq-chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.06em;padding:.28rem .55rem;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--text);box-shadow:inset 0 -1px 0 var(--recess)}.sq-chip .ico{width:12px;height:12px;color:var(--correct);flex:none}.sq-chip.is-bonus{border-style:dashed}.sq-chip.is-bonus .ico{color:var(--ink-gold)}.sq-chip.is-revealed{color:var(--muted)}.sq-chip.is-revealed .ico{color:var(--muted);opacity:.7}.sq-share{font-family:var(--font-mono);font-size:.92rem;line-height:1.5;letter-spacing:.01em;color:var(--text);white-space:pre-wrap;text-align:left;padding:.9rem 1.1rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);max-width:320px;margin-inline:auto}.sqsolution-wrap{display:grid;justify-items:center;gap:1rem}.sq-board.sqsolution{--sqcell: min(56px, 13vw);cursor:default}.sq-board.sqsolution .sqcell{cursor:default}.sqsolution-cap{font-size:.9rem;color:var(--muted);max-width:54ch;text-align:center}.sqsolution-cap strong{color:var(--text);font-weight:600}.sq-wordtable{width:100%;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-raised);overflow:hidden}.sq-wordrow{display:grid;grid-template-columns:5.5rem 1fr;gap:.6rem 1rem;align-items:baseline;padding:.85rem 1.15rem;border-bottom:1px solid var(--border)}.sq-wordrow:last-child{border-bottom:0}.sq-wordrow .sq-len{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-gold);white-space:nowrap;padding-top:.15rem}.sq-wordrow .sq-len b{display:block;font-family:var(--font-display);font-weight:500;font-size:1.2rem;color:var(--text);letter-spacing:0}.sq-wordrow .sq-list{display:flex;flex-wrap:wrap;gap:.35rem .5rem}.sq-wordrow .sq-list span{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.08em;color:var(--text);padding:.12rem .5rem;border-radius:6px;background:var(--bg);border:1px solid var(--border)}@media(max-width:460px){.sq-wordrow{grid-template-columns:1fr;gap:.4rem}}@media(max-width:640px){.sq-board{--sqcell: min(76px, 17.5vw, calc((100dvh - 430px)/4) )}.sq-found{max-height:15vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){.sqcell{transition:none!important}.sqcell.in-path{transform:none}.sq-meter>span{transition:none!important}}