@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#1d342d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1d342d;--muted:#758179;--paper:#fbfcf5;--line:#d9dfd3;--coral:#f16c4c;--yellow:#f4c852;--mono:"DM Mono", "SFMono-Regular", monospace;background:#f3f5eb;font-family:Manrope,Avenir Next,sans-serif}*{box-sizing:border-box}body{background-image:radial-gradient(#cad5c5 .7px,#0000 .7px);background-size:18px 18px;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#app{min-height:100vh}.game-shell{flex-direction:column;width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:0 48px;animation:.5s ease-out both arrive;display:flex}.topbar,.bottom-bar{justify-content:space-between;align-items:center;display:flex}.topbar{border-bottom:1px solid var(--line);min-height:64px;container-type:inline-size}.topbar-actions{align-items:center;gap:8px;display:flex}.game-timer{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;font-size:10px;line-height:1;display:flex}.game-timer span{color:var(--muted);font-size:8px}.wordmark{color:var(--ink);align-items:center;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark-tiles{align-items:center;gap:5px;display:none}.wordmark-letter{background:var(--coral);color:#fff;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:20px;font-weight:700;display:grid}.wordmark-letter:nth-child(odd){transform:rotate(-5deg)}.wordmark-letter:nth-child(2n){transform:rotate(5deg)}.wordmark-fallback{align-items:center;gap:10px;display:none}.wordmark-mark{background:var(--coral);color:#fff;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:20px;font-weight:700;display:grid;transform:rotate(-5deg)}.wordmark-name{white-space:nowrap}.wordmark-mark-only{display:grid}@container (width>=360px){.wordmark-mark-only{display:none}.wordmark-fallback{display:inline-flex}}@container (width>=560px){.wordmark-fallback{display:none}.wordmark-tiles{display:inline-flex}}.session-tag,.eyebrow,.current-score>span,.bottom-bar{font-family:var(--mono);letter-spacing:0;font-size:10px}.session-tag{color:#4e685d;align-items:center;gap:9px;display:inline-flex}.live-dot{background:#71a77c;border-radius:50%;width:7px;height:7px}.game-layout{flex:1;padding:28px 0 36px;display:block}.play-area{width:100%;min-width:0}.turn-row{--entry-cell-size:44px;--entry-height:52px;--entry-font-size:20px;--preview-count:4;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;margin-bottom:18px;display:flex}.turn-row.is-stacked{flex-direction:column-reverse;align-items:flex-start}.next-word-section{min-width:0;width:min(100%, calc(var(--word-limit) * var(--entry-cell-size) + var(--preview-count) * var(--entry-cell-size) + var(--preview-count) * 4px + 8px));flex:none}.game-config-item{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.game-config-item span{color:var(--muted);font-family:var(--mono);font-size:10px}.game-config-item strong{color:var(--ink);font-size:12px;font-weight:600}.eyebrow{color:#a2523e;margin:0 0 10px}h1,h2,p{margin-top:0}h1{max-width:540px;margin-bottom:0;font-size:clamp(28px,3.3vw,42px);font-weight:700;line-height:1.12}.score-display{flex:none;align-items:center;width:auto;display:flex}.current-score{flex-direction:column;gap:3px;display:flex}.current-score-tiles{align-items:center;gap:3px;display:flex}.current-score-value{align-items:center;gap:8px;display:flex}.score-digit-tile{width:var(--entry-cell-size);height:var(--entry-height);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:var(--entry-font-size);border:1px solid #cbd5c7;place-items:center;font-weight:700;line-height:1;display:grid;box-shadow:2px 2px #dfe5d8}.current-score>span{color:var(--muted)}.score-display strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.current-score strong.is-scoring{animation:.65s ease-out score-pop}.word-points{flex:0 0 calc(var(--preview-count) * var(--entry-cell-size) + (var(--preview-count) - 1) * 4px);width:calc(var(--preview-count) * var(--entry-cell-size) + (var(--preview-count) - 1) * 4px);align-items:center;gap:4px;display:flex}@media (width<=760px){.score-display{gap:8px;display:flex}.current-score{min-width:0}.current-score-tiles{gap:2px}.current-score-value{gap:6px}}.word-point-tile{width:var(--entry-cell-size);height:var(--entry-height);background:var(--point-tile-color);color:var(--point-text-color);font-family:var(--mono);font-size:var(--entry-font-size);font-variant-numeric:tabular-nums;place-items:center;font-weight:800;line-height:1;display:grid;box-shadow:2px 2px #dfe5d8}.word-point-tile.is-placeholder{visibility:hidden;box-shadow:none}.word-points.points-muted{--point-tile-color:#d8ded5;--point-text-color:#6d7970}.word-points.points-to-coral{--point-tile-color:color-mix(in srgb, #d8ded5, var(--coral) var(--point-progress));--point-text-color:var(--ink)}.word-points.points-to-amber{--point-tile-color:color-mix(in srgb, var(--coral), var(--yellow) var(--point-progress));--point-text-color:var(--ink)}.word-points.points-high{--point-tile-color:var(--yellow);--point-text-color:var(--ink)}@keyframes score-pop{0%{color:var(--coral);transform:scale(1)}35%{color:#34724c;transform:scale(1.4)}to{color:var(--ink);transform:scale(1)}}.board{width:100%;aspect-ratio:var(--grid-columns) / var(--grid-rows);grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-rows), minmax(0, 1fr));background-color:var(--paper);background-image:linear-gradient(90deg,#e4e9df 1px,#0000 1px),linear-gradient(#e4e9df 1px,#0000 1px);background-size:calc(100% / var(--grid-columns)) calc(100% / var(--grid-rows));border:1px solid #cbd5c7;margin-inline:auto;display:grid;position:relative;overflow:hidden;box-shadow:7px 7px #dfe5d8;container-type:inline-size}.tile-layer{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-rows), minmax(0, 1fr));display:grid;position:absolute;inset:0}.locked-layer{z-index:1;pointer-events:none}.bonus-layer{z-index:2;pointer-events:none}.preview-layer{z-index:3;pointer-events:none}.bonus-tile{font-family:var(--mono);font-size:clamp(4px, calc(40cqw / var(--grid-columns)), 12px);text-align:center;border:.5px dashed;justify-content:center;align-items:center;margin:0;font-weight:700;line-height:1;animation:.36s cubic-bezier(.2,.8,.2,1) both tile-in;display:flex}.bonus-tile-points{color:#285f46;background:#d8eadf}.bonus-tile-multiplier{color:#775710;background:#fff0bf}.entry-label{width:min(100%, calc(var(--word-limit) * var(--entry-cell-size)));color:#65766c;font-family:var(--mono);justify-content:space-between;margin:0 0 8px;font-size:10px;display:flex}.word-entry-row{align-items:center;gap:12px;width:100%;display:flex}.word-entry-wrap{min-width:0;width:min(100%, calc(var(--word-limit) * var(--entry-cell-size)));flex:0 auto;position:relative}.entry-point-layer{grid-template-columns:repeat(var(--word-limit), minmax(0, 1fr));pointer-events:none;display:grid;position:absolute;inset:0}.entry-letter-point{color:var(--ink);font-family:var(--mono);font-size:clamp(6px, calc(var(--entry-cell-size) * .22), 9px);pointer-events:auto;cursor:default;background:#fbfcf5e0;border-radius:2px;place-self:start end;margin:2px 3px 0 0;padding:1px 2px;font-weight:700;line-height:1}.word-entry{--entry-glyph-size:.6em;width:100%;height:var(--entry-height);min-width:0;padding:0 0 0 calc((var(--entry-cell-size) - var(--entry-glyph-size)) / 2);background-color:var(--paper);background-image:linear-gradient(90deg,#e4e9df 1px,#0000 1px);background-size:var(--entry-cell-size) 100%;color:var(--ink);font-family:var(--mono);font-size:var(--entry-font-size);font-variant-ligatures:none;letter-spacing:calc(var(--entry-cell-size) - var(--entry-glyph-size));text-transform:uppercase;border:1px solid #cbd5c7;border-radius:0;outline:none;flex:0 auto;margin:0;display:block;overflow-x:hidden;box-shadow:4px 4px #dfe5d8}.word-entry:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.word-tile{z-index:1;color:#fffaf0;font-size:clamp(6px, calc(72cqw / var(--grid-columns)), 21px);text-align:center;background:#c45139;justify-content:center;align-items:center;margin:10%;font-weight:800;line-height:1;animation:.36s cubic-bezier(.2,.8,.2,1) both tile-in;display:flex;position:relative}.letter-point-value{z-index:1;color:var(--ink);font-family:var(--mono);font-size:clamp(4px, calc(30cqw / var(--grid-columns)), 8px);pointer-events:auto;cursor:default;opacity:0;visibility:hidden;background:#fbfcf5e0;border-radius:2px;padding:1px 2px;font-weight:700;line-height:1;transition:opacity .12s;position:absolute;top:1px;right:2px}@media (hover:hover) and (pointer:fine){.locked-layer .word-tile{pointer-events:auto}.word-tile:hover .letter-point-value{opacity:1;visibility:visible}}.word-tile.is-chain-end{background:var(--coral)}.word-tile.is-bonus-used{box-shadow:inset 0 0 0 2px var(--yellow);background:#285f70}.word-tile.is-start-word{background:#347ca2}.word-tile.is-start-word.is-chain-end{background:var(--coral);box-shadow:inset 0 0 0 2px #347ca2}.word-tile:nth-child(2n){animation-delay:35ms}.word-tile.is-preview-anchor{color:#174e6d;background:#3b8fbc73}.word-tile.is-bonus-used.is-preview-anchor{color:#fffaf0;box-shadow:inset 0 0 0 2px var(--yellow);background:#285f70}.preview-word{z-index:2;cursor:pointer;pointer-events:auto;background:0 0;border:0;min-width:0;min-height:0;padding:0;display:grid}.preview-letter{color:#174e6d;min-width:0;min-height:0;font-size:clamp(6px, calc(72cqw / var(--grid-columns)), 21px);cursor:pointer;background:#3b8fbc73;justify-content:center;align-items:center;margin:10%;font-weight:800;line-height:1;display:flex;position:relative}.preview-letter.is-bonus-preview{color:#173b2b;outline-offset:-2px;background:#8bbd9c;outline:1px dashed #285f46}.preview-word:focus-visible .preview-letter{outline-offset:-2px;outline:2px solid #347ca2}.board,.board *{cursor:default}.game-config{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.new-game-button,.help-button{background:var(--paper);color:var(--ink);font-family:var(--mono);cursor:pointer;border:1px solid #89978d;padding:9px 12px;font-size:10px}.new-game-button:hover,.new-game-button:focus-visible,.help-button:hover,.help-button:focus-visible{border-color:var(--coral)}h2{margin:24px 0 10px;font-size:23px;line-height:1.2}.setup-layout{width:min(580px,100%);margin:24px auto auto;padding:24px 0 56px}.setup-layout h1{margin-bottom:12px}.setup-copy{color:#65736a;margin-bottom:34px;font-size:14px;line-height:1.6}.setup-form{border-top:1px solid var(--line)}.setting-row{border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:16px 0;display:flex}.setting-copy{flex-direction:column;gap:5px;display:flex}.setting-copy strong{font-size:16px}.setting-copy small{color:var(--muted);font-size:13px}.number-control{color:var(--muted);font-family:var(--mono);flex:0 0 164px;justify-content:flex-end;align-items:center;gap:10px;font-size:9px;display:flex}.number-control input{background:var(--paper);width:74px;height:44px;color:var(--ink);text-align:center;border:1px solid #cbd5c7;border-radius:0;padding:0 8px;font-size:18px}.number-control input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.grid-size-control{width:100%;color:var(--ink);font-family:var(--mono);flex:none;justify-content:center;align-items:center;gap:32px;font-size:20px;font-weight:700;display:flex}.grid-size-control input{background:var(--paper);width:62px;height:44px;color:var(--ink);text-align:center;border:1px solid #cbd5c7;border-radius:0;padding:0 8px;font-size:18px}.grid-size-control input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.connection-options{background:var(--paper);border:1px solid #cbd5c7;grid-template-columns:1fr 1fr;width:100%;min-width:0;margin:0;padding:3px;display:grid}.connection-options.bonus-density-options{grid-template-columns:repeat(4,minmax(0,1fr))}.connection-options.max-word-options{flex:none;grid-template-columns:repeat(3,minmax(0,1fr))}.max-word-choice{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;min-width:0;padding:0}.max-word-choice span,.max-word-placeholder{min-height:40px;color:var(--muted);font-family:var(--mono);white-space:nowrap;place-items:center;padding:0 9px;font-size:14px;display:grid}.max-word-placeholder{visibility:hidden}.max-word-choice[aria-pressed=true] span{background:var(--ink);color:var(--paper)}.max-word-choice:focus-visible span{outline:2px solid var(--coral);outline-offset:2px}.connection-options legend,.connection-option input{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.connection-option{cursor:pointer}.connection-option span{min-height:38px;color:var(--muted);font-family:var(--mono);white-space:nowrap;place-items:center;padding:0 9px;font-size:11px;display:grid}.connection-option input:checked+span{background:var(--ink);color:var(--paper)}.connection-option input:focus-visible+span{outline:2px solid var(--coral);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word-entry.is-valid{background-color:#e0edf3;background-image:linear-gradient(90deg,#b8d0dc 1px,#0000 1px);border-color:#5c91ac}.word-entry.is-invalid{color:#a63f31;background-color:#f8e5df;background-image:linear-gradient(90deg,#e5c1b8 1px,#0000 1px);border-color:#d57865}.start-button{background:var(--ink);color:#fbfcf5;cursor:pointer;border:0;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin-top:28px;padding:0 18px;font-size:17px;font-weight:700;display:flex}.start-button span{font-size:20px}.start-button:hover,.start-button:focus-visible{background:#315744}.bottom-bar{border-top:1px solid var(--line);color:#7d8980;min-height:50px;font-size:9px}.game-dialog{border:1px solid var(--line);background:var(--paper);width:min(480px,100vw - 32px);max-width:none;color:var(--ink);padding:36px;box-shadow:8px 8px #1d342d2e}.help-dialog{width:min(620px,100vw - 32px);max-height:min(88vh,800px);overflow-y:auto}.help-dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.help-dialog-header h2{margin:0}.help-dialog-header form{flex:none}.help-dialog-close{border:1px solid var(--ink);background:var(--ink);min-height:40px;color:var(--paper);font-family:var(--mono);cursor:pointer;padding:0 12px;font-size:10px}.help-dialog-close:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.help-dialog-lead,.help-copy{color:#65736a;font-size:13px;line-height:1.55}.help-dialog-lead{margin:0}.help-section{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.help-section h3{font-family:var(--mono);margin:0 0 10px;font-size:12px}.help-steps{margin:0;padding-left:20px;font-size:13px;line-height:1.5}.help-steps li+li{margin-top:7px}.help-copy{margin:12px 0 0}.letter-value-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:12px}.letter-value-table th,.letter-value-table td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.letter-value-table th{color:var(--muted);font-size:10px}.letter-value-table th:nth-child(3),.letter-value-table td:nth-child(3){border-left:2px solid #a7b4a8;padding-left:14px}.letter-value-table td:nth-child(odd){font-weight:700}.game-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16262094}#game-over-dialog{opacity:1;transition:opacity .8s ease, transform .8s ease, display .8s allow-discrete;transform:translateY(0)}#game-over-dialog[open]::backdrop{background:#16262094;transition:background-color .8s}@starting-style{#game-over-dialog[open]{opacity:0;transform:translateY(8px)}#game-over-dialog[open]::backdrop{background:0 0}}@media (prefers-reduced-motion:reduce){.current-score strong.is-scoring{animation:none}#game-over-dialog,#game-over-dialog[open]::backdrop{transition-duration:.01ms}}.game-dialog h2{margin:0 0 8px;font-size:34px;line-height:1.1}.game-over-copy{color:#65736a;margin-bottom:24px;font-size:14px;line-height:1.5}.game-over-stats{border-top:1px solid var(--line);margin:0 0 26px}.game-over-stats div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.game-over-stats dt{color:var(--muted);font-family:var(--mono);font-size:10px}.game-over-stats dd{text-align:right;text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.game-over-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.game-over-actions.give-up-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;width:min(100%,360px);margin-inline:auto}.game-over-actions button{border:1px solid var(--ink);cursor:pointer;min-height:48px;padding:0 14px;font-weight:700}.game-over-restart{background:var(--ink);color:var(--paper)}.game-over-home{color:var(--ink);background:0 0}.game-over-share{color:var(--ink);background:#e2ebdc}.share-game-status{color:#34724c;min-height:20px;font-family:var(--mono);margin:12px 0 0;font-size:10px}.game-over-actions button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.game-shell{padding:0 22px}.topbar{min-height:52px}.game-layout{padding:16px 0 24px}.turn-row{column-gap:16px}.turn-row.is-stacked{row-gap:10px}.new-game-button{padding:8px;font-size:9px}.setup-layout{margin-top:16px;padding:18px 0 40px}h2{margin-top:16px}}@media (width<=420px){.game-shell{padding:0 16px}.setup-layout{margin-top:12px;padding-bottom:16px}h1{font-size:28px}.setup-copy{margin-bottom:16px;font-size:12px;line-height:1.35}.bottom-bar{font-size:8px}.setting-row{gap:6px;padding:10px 0}.setting-copy{gap:2px}.setting-copy strong{font-size:14px}.setting-copy small{font-size:11px;line-height:1.25}.start-button{min-height:48px;margin-top:16px;font-size:15px}.game-dialog{padding:26px 22px}.game-over-actions{grid-template-columns:1fr}.connection-setting{flex-direction:column;align-items:flex-start}.connection-options{width:100%}.bonus-density-row,.max-word-row{flex-direction:column;align-items:flex-start}.connection-options.max-word-options{flex:none;width:100%}.number-control input{width:62px}.grid-size-control{flex-basis:auto;width:100%}.grid-size-control input{width:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}