@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#2b3029;font-synthesis:none;background:#faf9f6;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #8fa43c}button{color:inherit}a{color:inherit;text-decoration:none}.app{--surface:#fff;--ink:#2b3029;--muted:#8b8e85;--line:#e9e9e1;--tile:#fafaf7;--key:#eeeee9;min-height:100vh;color:var(--ink);background:#faf9f6;transition:background .2s}.app.dark{--surface:#282d27;--ink:#f0f0e7;--muted:#a7ad9e;--line:#3b4136;--tile:#242a23;--key:#3d4438;background:#1c201c}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:94px;margin:0 5.5%;display:flex}.brand{letter-spacing:-1.5px;align-items:center;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;display:flex}.brand-icon{color:#344224;background:#d7ee91;border-radius:10px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid}.brand-dot{color:#86a54e}.header-note{letter-spacing:2.1px;color:var(--muted);margin-left:30px;font-size:9px;font-weight:600}nav{align-items:center;gap:13px;display:flex}.icon-button{color:var(--ink);background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.icon-button:hover{background:var(--key)}.nav-divider{background:var(--line);width:1px;height:18px;margin:0 3px}.intro{text-align:center;padding:50px 20px 39px}.eyebrow{letter-spacing:2px;justify-content:center;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.eyebrow>span{background:#9eb964;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-2.7px;margin:17px 0 13px;font-family:Manrope,sans-serif;font-size:49px;font-weight:750;line-height:1.2}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}h1 .serif{letter-spacing:-2px}.intro>p{color:var(--muted);margin:0;font-size:14px}.game-layout{grid-template-columns:230px minmax(380px,464px) 230px;justify-content:center;align-items:start;gap:40px;max-width:1100px;margin:auto;padding:0 24px;display:grid}.section-label{letter-spacing:1.7px;color:var(--muted);font-size:9px;font-weight:700}h2{letter-spacing:-.6px;margin:13px 0 9px;font-family:Manrope,sans-serif;font-size:19px;font-weight:750}.muted{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.modes{flex-direction:column;gap:9px;margin:26px 0;display:flex}.mode{border:1px solid var(--line);text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;height:53px;padding:0 15px;font-size:12px;font-weight:600;display:flex}.mode.selected{color:#39492a;background:#eef2e4;border-color:#adbd89}.dark .mode.selected{color:#e4f2ce;background:#3a482e}.mode:not(:disabled):hover{border-color:#9daf77}.mode:disabled:not(.selected){opacity:.5}.mode-symbol{place-items:center;width:21px;font-size:20px;display:grid}.mode-time{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.radio{border:1px solid #c9ccbf;border-radius:50%;place-items:center;width:13px;height:13px;display:grid}.selected .radio{border-color:#758a4c}.radio>span{background:#758a4c;border-radius:50%;width:7px;height:7px}.rule-note{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:1px 5px 28px;display:flex}.rule-note>span{color:#8b9674;font-size:31px}.rule-note p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.rule-note strong{color:var(--ink);font-weight:400}.personal{padding-top:24px}.personal>div{margin-top:11px;font-size:29px}.personal>div>span{color:var(--muted);margin-top:7px;font-size:10px;display:block}.play-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 23px 18px;box-shadow:0 5px 12px #222c1510,0 22px 50px #222c1503}.game-top{justify-content:space-between;align-items:center;display:flex}.live-label{letter-spacing:1.15px;color:var(--muted);align-items:center;gap:6px;font-size:8px;font-weight:700;display:flex}.live-label>span{background:#b4b9a9;border-radius:50%;width:5px;height:5px}.live-label>span.live{background:#86a34f;box-shadow:0 0 0 3px #86a34f22}.round-label{color:var(--muted);font-size:9px}.timer{justify-content:center;align-items:center;gap:11px;padding:21px 0 17px;display:flex}.timer>svg{color:#a3ab94}.timer>span{letter-spacing:1px;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:47px;font-weight:650;line-height:1}.colon{color:#aeb49f;margin:0 3px}.urgent,.urgent .colon,.urgent>svg{color:#bf654c}.time-track{background:var(--key);border-radius:4px;height:4px;margin-bottom:25px;overflow:hidden}.time-track>div{background:#c8de95;height:100%;transition:width .1s linear}.board-area{min-height:305px;position:relative}.board{flex-direction:column;align-items:center;gap:7px;padding:0 3px 1px;display:flex}.tile-row{grid-template-columns:repeat(5,54px);gap:7px;display:grid}.tile{border:1px solid var(--line);background:var(--tile);border-radius:5px;place-items:center;height:54px;font-size:24px;font-weight:700;transition:background .2s;display:grid}.tile.filled{background:var(--surface);border-color:#a3b487}.correct{color:#fff!important;background:#88a769!important;border-color:#88a769!important}.present{color:#fff!important;background:#d7b966!important;border-color:#d7b966!important}.absent{color:#fff!important;background:#9b9f98!important;border-color:#9b9f98!important}.start-overlay{background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-icon{color:#738451;background:#f0f4e8;border:1px solid #e5eadb;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid;transform:rotate(-7deg)}.start-overlay h3{letter-spacing:-.7px;margin:0 0 10px;font-family:Manrope,sans-serif;font-size:21px}.start-overlay p{color:var(--muted);text-align:center;margin:0 0 20px;font-size:12px;line-height:1.8}.primary{color:#344526;background:#d6ed99;border:1px solid #bedc6b;border-radius:8px;justify-content:center;align-items:center;gap:32px;min-height:44px;padding:0 24px;font-size:12px;font-weight:700;display:flex;box-shadow:0 3px #a9be7826}.primary:hover{background:#cbe784;transform:translateY(-1px)}.start-hint{color:var(--muted);margin-top:13px;font-size:9px}.board-caption{text-align:center;color:var(--muted);justify-content:center;align-items:center;height:42px;font-size:10px;display:flex}.keyboard{flex-direction:column;gap:6px;display:flex}.key-row{justify-content:center;gap:5px;display:flex}.key{background:var(--key);border:0;border-bottom:2px solid #00000009;border-radius:4px;place-items:center;width:32px;height:40px;padding:0;font-size:11px;font-weight:600;display:grid}.key:hover:not(:disabled){filter:brightness(.94)}.key.wide{width:48px;font-size:9px}.keyboard-hint{text-align:center;color:var(--muted);margin-top:15px;font-size:8px}.right-panel>.muted{max-width:218px}.example{margin-top:25px}.mini-tiles{gap:5px;display:flex}.mini-tiles>span{border:1px solid var(--line);background:var(--surface);border-radius:4px;place-items:center;width:34px;height:36px;font-size:16px;font-weight:700;display:grid}.legend{flex-direction:column;gap:16px;margin-top:23px;display:flex}.legend p{color:var(--muted);gap:10px;margin:0;font-size:10px;line-height:1.75;display:flex}.legend i{border-radius:2px;flex-shrink:0;width:8px;height:8px;margin-top:4px;display:block}.legend strong{color:var(--ink);font-size:11px;font-weight:500}.tip{background:#f0f1e9;border:1px solid #e8eadd;border-radius:8px;gap:10px;margin-top:29px;padding:16px 12px;display:flex}.dark .tip{border-color:var(--line);background:#303729}.tip>span{color:#7c8b62;font-size:21px}.tip strong{font-size:10px;font-weight:500}.tip p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.7}.text-button{background:0 0;border:0;border-bottom:1px solid #bfc6b4;margin-top:22px;padding:0 0 4px;font-size:10px}.text-button>span{margin-left:16px}.bottom-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;padding:30px 16px 40px;font-size:10px;display:flex}.bottom-note>span:first-child{font-size:18px}.dot{color:#c0c4b7;margin:0 3px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin:0 5.5%;padding:22px 0 27px;font-size:10px;display:flex}footer b{color:#b9bfae;margin:0 9px;font-weight:400}.result-emoji{color:#8aa557;margin-bottom:10px;font-size:36px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#17221160;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:480px;padding:40px;position:relative;box-shadow:0 20px 80px #0002}.modal-close{position:absolute;top:12px;right:12px}.modal .eyebrow{justify-content:flex-start;font-size:8px}.modal h2{margin:18px 0;font-size:26px}.modal p{color:var(--muted);font-size:13px;line-height:1.8}.modal .primary{width:100%;margin-top:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;display:grid}.stats-grid>div{text-align:center;background:var(--tile);border-radius:8px;padding:18px}.stats-grid strong{font-size:28px;display:block}.stats-grid span{color:var(--muted);font-size:11px}@media (width>=1400px){header{max-width:1240px;margin:0 auto}.intro{padding-top:64px;padding-bottom:48px}.game-layout{grid-template-columns:230px 464px 230px;gap:55px;max-width:1200px}footer{max-width:1240px;margin:auto}.play-card{padding:25px 30px 20px}.key{width:34px}.bottom-note{padding-bottom:48px}}@media (width<=1050px){.game-layout{grid-template-columns:190px minmax(350px,420px);gap:30px}.right-panel{display:none}.header-note{letter-spacing:1px;font-size:8px}.left-panel{padding-top:28px}}@media (width<=650px){header{height:74px;margin:0 20px}.brand{font-size:25px}.brand-icon{width:32px;height:32px}.header-note{display:none}nav{gap:6px}.intro{padding:32px 15px 26px}h1{letter-spacing:-1.8px;margin-top:15px;font-size:36px}.intro>p{font-size:12px}.eyebrow{letter-spacing:1.4px;font-size:8px}.game-layout{flex-direction:column;gap:18px;max-width:450px;padding:0 16px;display:flex}.left-panel{width:100%;padding:0}.left-panel>.section-label,.left-panel>h2,.left-panel>.muted,.rule-note,.personal{display:none}.modes{flex-direction:row;gap:7px;margin:0}.mode{justify-content:center;gap:6px;height:43px;padding:0 10px;font-size:11px}.mode-symbol{display:none}.mode-time{margin-left:0;font-size:10px}.radio{width:10px;height:10px;margin-left:2px}.radio>span{width:5px;height:5px}.play-card{width:100%;padding:20px 16px 17px}.game-top{padding:0 3px}.timer{padding-top:18px}.timer>span{font-size:43px}.time-track{margin-bottom:20px}.key{flex:1;max-width:34px;height:43px}.key.wide{flex:1.5;max-width:48px}.key-row{gap:4px}.bottom-note{gap:5px;padding:23px 12px 28px;font-size:9px}.bottom-note .dot,.bottom-note .dot~*{display:none}footer{justify-content:center;gap:15px;margin:0 20px;font-size:9px}footer>span:last-child{display:none}.modal{padding:35px 25px}.modal h2{font-size:23px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.blank-placeholder{color:var(--muted);font-weight:400}.key.space-key{flex:none;width:170px;max-width:170px;height:28px;font-size:9px}.dark .start-icon{color:#c8de95;background:#36422b;border-color:#485738}.round-actions{align-items:center;gap:10px;display:flex}.restart-button{border:1px solid var(--line);background:var(--tile);border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex}.restart-button:hover{background:var(--key)}.restart-button span{font-size:14px;line-height:1}.profile-modal{width:760px;max-width:760px;max-height:90dvh;overflow-y:auto}.profile-name{letter-spacing:1.5px;color:var(--muted);flex-direction:column;gap:9px;font-size:9px;display:flex}.profile-name input{font:inherit;letter-spacing:0;color:var(--ink);background:var(--tile);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:20px}.profile-name input:focus{outline:2px solid #9eb964}.profile-content .local-note,.profile-content .metric-note{font-size:11px}.local-note strong{color:#ba7852;display:block}.profile-lifetime{color:var(--muted);flex-wrap:wrap;gap:18px;padding:12px 0 20px;font-size:11px;display:flex}.profile-lifetime strong{color:var(--ink);margin-right:3px;font-size:16px}.profile-filters{flex-wrap:wrap;gap:7px;display:flex}.profile-filters button{border:1px solid var(--line);background:var(--tile);border-radius:6px;padding:8px 13px;font-size:11px}.profile-filters button[aria-pressed=true]{color:#344526;background:#d6ed99;border-color:#adbd89}.profile-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.profile-stats>div{padding:16px 5px}.profile-stats strong{font-size:23px}.profile-stats span{font-size:10px}.profile-content h3{justify-content:space-between;align-items:center;margin:28px 0 14px;font-size:17px;display:flex}.history-empty{border:1px dashed var(--line);border-radius:8px;padding:24px}.history-round{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;overflow:hidden}.history-round summary{cursor:pointer;background:var(--tile);align-items:center;gap:12px;padding:14px;font-size:12px;display:flex}.history-round summary:focus-visible{outline-offset:-3px;outline:2px solid #9eb964}.history-round small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.round-metrics{text-align:right;margin-left:auto;font-size:10px}.outcome{min-width:55px;color:var(--muted);font-size:9px}.outcome.won{color:#7c9c5b}.outcome.lost{color:#bc795c}.history-guesses{gap:7px;padding:14px;display:grid}.history-guess{color:var(--muted);justify-content:center;align-items:center;gap:15px;font-size:10px;display:flex}.history-guess>div{gap:4px;display:flex}.history-guess>div>span{border-radius:3px;place-items:center;width:29px;height:31px;font-size:14px;font-weight:700;display:grid}.modal:not(.profile-modal){max-height:90dvh;overflow-y:auto}@media (width<=650px){.profile-stats{grid-template-columns:repeat(2,1fr)}.history-round summary{flex-wrap:wrap;gap:8px;padding:10px}.round-metrics{font-size:9px}.profile-modal{padding:32px 18px}.profile-lifetime{gap:10px}}.profile-chart{border:1px solid var(--line);background:var(--tile);border-radius:10px;margin:12px 0;padding:18px}.profile-chart h4{margin:0;font-size:14px}.profile-chart>p{margin:6px 0 12px;font-size:10px}.trend-chart{width:100%;display:block;overflow:visible}.trend-chart text{fill:var(--muted);font-family:inherit;font-size:10px}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-line{stroke:#8caa66;stroke-width:2px;fill:none;stroke-linejoin:round}.chart-dot{fill:#8caa66;stroke:var(--surface);stroke-width:2px}.chart-point{cursor:pointer;outline:none}.chart-point:focus-visible .chart-dot{stroke:var(--ink);stroke-width:3px}.chart-detail{flex-wrap:wrap;justify-content:space-between;gap:8px;min-height:28px;font-size:10px;display:flex}.chart-detail span{color:var(--muted)}.chart-empty{text-align:center;height:130px;color:var(--muted);place-items:center;font-size:12px;display:grid}.chart-data{color:var(--muted);margin-top:8px;font-size:10px}.chart-data summary{cursor:pointer}.chart-data table{border-collapse:collapse;text-align:left;width:100%;margin-top:12px}.chart-data td,.chart-data th{border-bottom:1px solid var(--line);padding:7px}.chart-legend{color:var(--muted);gap:18px;margin:15px 0;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:2px;width:8px;height:8px}.win-swatch,.bar-win{background:#88a769}.loss-swatch,.bar-loss{background:#bc795c}.mode-chart-row{margin-top:18px}.mode-chart-row>div:first-child{justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.mode-chart-row strong{font-weight:500}.mode-chart-row span{color:var(--muted)}.result-bar{background:var(--key);border-radius:4px;height:13px;display:flex;overflow:hidden}.result-bar>span{height:100%}.chart-dot.timeout-dot{fill:#d46767}.timeout-swatch{background:#d46767}.left-panel,.right-panel{transition:opacity .3s,visibility .3s}.is-playing .left-panel,.is-playing .right-panel{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.left-panel,.right-panel{transition:none}}@media (width<=650px){.modes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.letter-status{margin:0 0 14px}.status-toggle{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);background:0 0;justify-content:space-between;align-items:center;padding:10px 2px;font-size:10px;display:flex}#known-letters{border:1px solid var(--line);background:var(--tile);border-radius:8px;padding:15px}.known-positions{justify-content:center;gap:7px;margin:12px 0;display:flex}.known-positions>span{border:1px solid var(--line);border-radius:4px;place-items:center;width:36px;height:38px;font-size:18px;font-weight:700;display:grid}.unplaced-letters{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.unplaced-letters>span.present{border-radius:3px;padding:5px 7px;font-weight:700}.letter-status-setting{cursor:pointer;justify-content:space-between;align-items:center;margin:18px 0 24px;font-size:12px;display:flex;position:relative}.letter-status-setting input{opacity:0;cursor:pointer;width:36px;height:22px;margin:0;position:absolute;right:0}.setting-switch{background:var(--key);border:1px solid var(--line);pointer-events:none;border-radius:12px;width:36px;height:22px;transition:background .2s}.setting-switch:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;margin:2px;transition:transform .2s;display:block}.letter-status-setting input:checked+.setting-switch{background:#d6ed99;border-color:#adbd89}.letter-status-setting input:checked+.setting-switch:after{background:#526d37;transform:translate(14px)}.letter-status-setting input:focus-visible+.setting-switch{outline-offset:3px;outline:3px solid #8fa43c}.known-positions{margin-top:0}.known-positions:last-child{margin-bottom:0}@media (width<=650px){.letter-status-setting{margin:15px 3px 0}}.wipe-section{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.wipe-button{color:#c46161;background:0 0;border:1px solid #c77979;border-radius:7px;padding:10px 14px;font-size:12px}.wipe-button:hover{background:#c4616115}.wipe-section p{font-size:11px}.wipe-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;width:calc(100% - 32px);max-width:440px;max-height:85dvh;padding:26px;overflow:auto;box-shadow:0 20px 80px #0004}.wipe-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17221190}.wipe-dialog h2{font-size:22px}.wipe-dialog p{font-size:12px;line-height:1.8}.wipe-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.cancel-wipe{border:1px solid var(--line);background:var(--key);border-radius:7px;padding:10px 14px;font-size:12px}header{height:74px}.game-layout{margin:40px auto;padding-bottom:40px}.left-panel,.right-panel{padding-top:8px}.left-panel h2,.right-panel h2{letter-spacing:0;margin:0 0 16px;font-size:13px;font-weight:600}.modes{margin:0 0 20px}.personal{border-top:1px solid var(--line);padding-top:20px}.personal>div{font-size:24px}.play-card{box-shadow:none;border-radius:12px}.primary{box-shadow:none}.legend{gap:14px;margin-top:0}.legend p{font-size:11px}.start-overlay h3{font-size:20px}.brand-dot{display:none}@media (width>=1400px){header{height:74px}.game-layout{margin-top:40px}}@media (width<=650px){.game-layout{margin-top:24px;padding-bottom:24px}.modes{margin:0}.left-panel{padding-top:0}}.letter-filter{align-items:center;margin-top:12px}.letter-filter>span{color:var(--muted);margin-right:4px;font-size:11px}.marker-legend{flex-wrap:wrap;gap:8px 16px}.dark .key{color:#fff;background:#818384}.dark .absent,.tile.absent{color:#fff!important;background:#3a3a3c!important;border-color:#3a3a3c!important}.game-timer-header{z-index:2;background:var(--surface);margin-top:-12px;padding-top:12px;padding-bottom:1px;position:sticky;top:0;box-shadow:0 8px 12px -12px #0005}.timer-anchor{pointer-events:none;height:1px;margin-bottom:-1px}.game-timer-header{height:148px;transition:height .25s}.game-timer-header .game-top{height:24px;position:absolute;top:12px;left:0;right:0}.game-timer-header .timer{padding:0;transition:top .25s,left .25s,transform .25s,gap .25s;position:absolute;top:42px;left:50%;transform:translate(-50%)}.game-timer-header .timer>span{transition:font-size .25s}.game-timer-header .timer>svg{width:29px;height:29px;transition:width .25s,height .25s}.game-timer-header .live-label,.game-timer-header .round-label{opacity:1;transition:opacity .18s}.game-timer-header .time-track{margin:0;transition:bottom .25s,height .25s;position:absolute;bottom:25px;left:0;right:0}.game-timer-header.compact{height:48px}.game-timer-header.compact .live-label,.game-timer-header.compact .round-label{opacity:0;pointer-events:none}.game-timer-header.compact .timer{gap:7px;top:12px;left:0;transform:translate(0)}.game-timer-header.compact .timer>span{font-size:25px}.game-timer-header.compact .timer>svg{width:19px;height:19px}.game-timer-header.compact .time-track{height:3px;bottom:0}@media (prefers-reduced-motion:reduce){.game-timer-header,.game-timer-header *{transition:none!important}}