@font-face{font-family:"Source Sans 3";src:url("fonts/SourceSans3-Variable.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url("fonts/SourceSerif4-Variable.woff2") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
:root{--paper:#f3f1e9;--surface:#fffefa;--ink:#26332f;--muted:#63706b;--moss:#426b5b;--moss-dark:#315346;--line:#b9c1b8;--wash:#dfe9e2;--sun:#e6d8a8;--board-size:min(calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc(100dvh - 294px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),470px);font-family:"Source Sans 3",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{height:100dvh;overflow:hidden;padding:max(5px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% -20%,#fff 0,transparent 43%),var(--paper);font-size:16px}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;z-index:20;top:4px;left:4px;transform:translateY(-160%);padding:8px 12px;background:var(--surface);border:2px solid var(--moss);border-radius:8px}.skip-link:focus{transform:none}.site-header{width:var(--board-size);height:42px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-header h1{margin:0;font:650 1.25rem/1 "Source Serif 4",serif;letter-spacing:-.02em}.site-header h1 span{display:block;margin-bottom:2px;font:750 .5rem/1 "Source Sans 3",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:4px}.plain-button,.icon-button{height:38px;min-width:44px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:700;cursor:pointer}.icon-button{font-family:"Source Serif 4",serif;font-size:.9rem}.plain-button:hover,.icon-button:hover{border-color:var(--line);color:var(--moss-dark)}main{display:grid;place-items:start center}.game{width:var(--board-size)}.meta-row{height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px}.meta-row>div:first-child{display:flex;align-items:baseline;gap:7px;min-width:0}.meta-row strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-row span{color:var(--muted);font-size:.68rem;font-weight:650}.meta-actions{display:flex;align-items:center;gap:3px;flex:0 0 auto}.meta-actions button{height:34px;min-width:44px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--moss-dark);font-size:.76rem;font-weight:750;cursor:pointer}.meta-actions button:hover{border-color:var(--line)}.meta-actions .primary-small{border-color:var(--moss);background:var(--moss);color:#fff}.meta-actions #timer{font-variant-numeric:tabular-nums}.status{height:25px;padding:2px 1px;color:var(--muted);font-size:.72rem;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status.success{color:var(--moss-dark);font-weight:750}.status.miss{color:#835a35}.board{width:var(--board-size);height:var(--board-size);display:grid;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #77877f;border-radius:8px;overflow:hidden;background:var(--surface);box-shadow:0 7px 20px rgba(35,50,45,.08)}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(.76rem,3.8vw,1.18rem);font-weight:620;line-height:1;cursor:crosshair}.cell::before{content:"";position:absolute;inset:8%;z-index:0;border-radius:40%;background:transparent}.cell span{position:relative;z-index:1}.cell.preview::before{background:var(--wash)}.cell.anchor::before{box-shadow:inset 0 0 0 2px var(--moss);background:#edf3ef}.cell.found::before{background:var(--sun);border-radius:45% 35% 48% 38%;transform:rotate(-4deg)}.cell.hinted::before{animation:pulse 1.1s ease-in-out 2;background:#d5e5d9}.cell:focus-visible{z-index:4;outline:3px solid var(--moss);outline-offset:-3px}.large-letters .cell{font-weight:780}.words-head{height:24px;display:flex;align-items:end;justify-content:space-between;color:var(--muted);font-size:.66rem;font-weight:650}.word-list{height:80px;margin:3px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(5,15px);gap:1px 8px;list-style:none;overflow:hidden}.word-list li{min-width:0;color:var(--ink);font-size:.64rem;line-height:15px;font-weight:690;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-list li.found{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px}.word-list li.hinted{color:var(--moss);font-weight:850}@keyframes pulse{50%{transform:scale(.7);background:#b6d2bd}}
dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink)}dialog::backdrop{background:rgba(28,39,35,.42)}.dialog-card{width:min(410px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;padding:20px;background:var(--surface);border:1px solid #79877f;border-radius:10px}.dialog-card p{margin:4px 0 14px;color:var(--muted);font-size:.84rem;line-height:1.45}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:8px}.dialog-head h2,.completion h2{margin:0;font:680 1.28rem/1.2 "Source Serif 4",serif}.close{width:40px;height:40px;margin:-8px -8px 0 0;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}.close:hover{border-color:var(--line)}.difficulty-list{display:grid;gap:7px}.difficulty-list button{min-height:52px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.difficulty-list button:hover{border-color:var(--moss);background:#f4f8f5}.difficulty-list strong{font-size:.92rem}.difficulty-list span{color:var(--muted);font-size:.72rem;text-align:right}.switch-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d8ddd8}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:.88rem}.switch-row small{margin-top:2px;color:var(--muted);font-size:.7rem}.switch-row input{width:22px;height:22px;accent-color:var(--moss)}.small-note{font-size:.75rem!important}.completion{text-align:center}.seal{width:42px;height:42px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid var(--moss);border-radius:50%;color:var(--moss);font-weight:850}.completion button{width:100%;height:44px;margin-top:8px;border-radius:8px;font-weight:750;cursor:pointer}.primary{border:1px solid var(--moss);background:var(--moss);color:#fff}.secondary{border:1px solid var(--line);background:transparent}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--moss);outline-offset:2px}@media(max-height:680px){:root{--board-size:min(calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)),calc(100dvh - 294px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),450px)}.site-header{height:38px}.meta-row{height:35px}.status{height:23px;line-height:19px}.words-head{height:21px}.word-list{height:80px;margin-top:2px}}
@media(max-width:380px){.word-list{gap:1px 5px}.word-list li{font-size:.6rem}.dialog-card{padding:17px}}@media(prefers-reduced-motion:reduce){.cell.hinted::before{animation:none}}