@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#253e34;background:#f8f9f5;font-synthesis:none;font-weight:400;--green:#224c3c;--muted:#727b73;--line:#e2e6dc;--lime:#dfeab9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b1843c;outline-offset:4px}::selection{background:#dce8b9}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,DM Sans,sans-serif}h1{letter-spacing:-2.2px;line-height:1.16;font-weight:750}h2{font-weight:750;letter-spacing:-.6px}.app-shell{max-width:1280px;padding:0 56px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:26px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brand-period{color:#8ca65b}.brand-mark{width:37px;height:37px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--green);padding:8px;border-radius:10px}.brand-mark i{background:var(--lime);border-radius:1.5px}.brand-mark i:last-child{opacity:.4}.header-caption{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#899184}.header-pill{font-size:11px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:20px;color:#65705f}.header-pill>span,.live-dot{height:6px;width:6px;background:#789458;border-radius:50%;display:inline-block;flex-shrink:0}.welcome{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:70px 0 60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center;color:#69795c}.little-line{width:25px;height:2px;background:#789458}.welcome h1{font-size:clamp(40px,4.5vw,58px);margin:23px 0}.highlight-word{position:relative;z-index:0}.highlight-word:after{content:"";position:absolute;bottom:5px;height:13px;background:#dfeab9;left:-4px;right:-4px;z-index:-1;transform:rotate(-2deg)}.word-dot{color:#8ca65b}.lead{font-size:19px;line-height:1.7;color:#506052}.welcome-description{max-width:355px;margin:17px 0 25px;color:var(--muted);font-size:14px;line-height:1.8}.challenge-tags{display:flex;gap:17px;flex-wrap:wrap}.challenge-tags span{display:flex;align-items:center;gap:6px;font-size:11px;color:#5e6c58}.word-decoration{display:flex;align-items:center;gap:6px;margin-top:38px;position:relative;width:max-content}.word-decoration>span{width:38px;height:40px;display:grid;place-items:center;border:1px solid #ccd8b5;border-radius:7px;background:#e9efd9;color:#48613d;font-size:17px;font-weight:700;box-shadow:0 3px #e0e6d4;transform:rotate(-5deg)}.word-decoration>span:nth-child(2){transform:rotate(3deg)}.word-decoration>span:nth-child(3){transform:rotate(-3deg)}.word-decoration>span:nth-child(4){transform:rotate(5deg)}.word-decoration i{font-size:12px;color:#929a85;margin-left:16px}.word-decoration svg{position:absolute;right:20px;bottom:27px;width:48px;height:30px;stroke:#9ca78a;stroke-width:1.2;fill:none;transform:rotate(14deg)}.identification-card{background:#fff;border:1px solid #e4e8de;padding:32px 34px 0;border-radius:19px;box-shadow:0 10px 45px #263e2b06;position:relative}.identification-card:before{content:"";position:absolute;right:25px;top:-6px;width:55px;height:12px;background:#dfeab9;transform:rotate(5deg);border-radius:1px}.card-topline{display:flex;align-items:center;gap:13px;margin-bottom:22px}.icon-box{height:42px;width:42px;border-radius:11px;background:#edf2e6;color:#587147;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.step-label{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#89917e}.identification-card h2{font-size:24px;margin-bottom:9px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.identification-card>.muted{max-width:280px}.identification-card form{margin-top:25px}.identification-card label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.identification-card label>span{color:#84976e;padding-left:2px}input{width:100%;border:1px solid #dfe3d9;background:#fcfcfa;border-radius:8px;padding:13px 14px;font-size:13px;color:#253e34;transition:border-color .15s}input::placeholder{color:#a0a69b}input:focus{border-color:#799465;background:#fff}input[aria-invalid=true]{border-color:#b54534}.identification-card label:not(:first-child){margin-top:21px}.button{border:0;border-radius:8px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:13px;font-weight:550;min-height:48px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#163c2d}.start-button{width:100%;margin-top:26px;justify-content:space-between}.form-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#868d7f;font-size:10px;margin:15px 0 24px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8d9487;font-size:10px;border-top:1px solid #ecefe7;margin:0 -34px;padding:17px}.field-error{font-size:11px;color:#a83728;margin-top:7px}.how-to{border-top:1px solid var(--line);padding:29px 0 35px}.how-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:28px}.how-heading .eyebrow{font-size:9px;color:#96a08c}.how-heading h2{font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{display:flex;gap:15px}.step-number{font-family:Manrope,sans-serif;color:#809269;font-size:11px;font-weight:700;background:#eaf0de;border:1px solid #dce5cd;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.steps h3{font-size:13px;font-weight:700;margin:3px 0 8px}.steps p{font-size:11px;line-height:1.8;color:#838c7c;max-width:235px}.site-footer{margin-top:auto;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#92998b}.site-footer>span:last-child{display:flex;align-items:center;gap:7px}.warning{border:1px solid #e6c98c;background:#fff7e6;color:#765219;padding:12px 18px;border-radius:8px;margin-top:20px;font-size:13px;line-height:1.6}.game-page{padding:34px 0 40px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.game-heading h1{font-size:30px;letter-spacing:-1.2px;margin:10px 0}.game-heading h1 span{font-weight:500}.timer{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:13px 22px;border-radius:12px;min-width:178px}.timer-icon{color:#718357}.timer-label{font-size:8px;letter-spacing:1.5px;color:#808a75;display:block;margin-bottom:3px}.timer strong{font-family:Manrope,sans-serif;font-size:30px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:1px}.timer-urgent{background:#fff4eb;border-color:#e4bea6;color:#a74125}.timer-urgent .timer-icon,.timer-urgent .timer-label{color:#a74125}.game-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(230px,1fr);gap:27px;align-items:start}.board-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0}.words-heading{display:flex;align-items:center;justify-content:space-between}.words-heading h2{font-size:15px;letter-spacing:-.3px}.words-heading>span{font-size:11px;background:#edf2e6;padding:5px 9px;border-radius:5px;color:#61744e}.word-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:16px 0 22px}.word-list li{border:1px solid #dfe5d7;background:#fafbf7;display:flex;gap:7px;align-items:center;padding:7px 10px;border-radius:6px;font-size:10px;letter-spacing:1px;font-weight:600}.word-circle{width:10px;height:10px;border:1px solid #a8b49b;border-radius:50%}.word-list .word-done{border-color:transparent;background:#e1ebc7}.word-done>span:not(.sr-only){text-decoration:line-through}.word-list .word-color-1{background:#d8e8ed}.word-list .word-color-2{background:#f4e4c5}.word-list .word-color-3{background:#e8ddf1}.letter-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));width:100%;aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;background:#f7f9f3;border:1px solid #e3e9da;border-radius:10px;padding:0;overflow:hidden}.letter{font-family:Manrope,sans-serif;font-size:clamp(13px,1.65vw,21px);font-weight:650;background:transparent;color:#3d503c;border:0;border-radius:6px;min-width:0;padding:0;line-height:1;display:grid;place-items:center;transition:background .1s;cursor:crosshair}.letter:hover{background:#eaf0df}.letter:focus-visible{outline-offset:-3px;z-index:1}.letter.found{background:#dfeab9;color:#344d20}.letter.found-1{background:#d8e8ed;color:#285260}.letter.found-2{background:#f4e4c5;color:#775515}.letter.found-3{background:#e8ddf1;color:#65427d}.letter.selected{background:#224c3c;color:#fff}.is-disabled{pointer-events:none}.selection-feedback{min-height:20px;text-align:center;margin-top:15px;color:#657754;font-size:11px}.game-aside{display:flex;flex-direction:column;gap:18px}.player-card,.tip-card{border:1px solid var(--line);border-radius:13px;padding:23px;background:#fff}.player-card .eyebrow{font-size:9px;letter-spacing:1.7px}.player-info{display:flex;align-items:center;gap:10px;margin:20px 0 25px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#eaf0de;font-size:17px;flex-shrink:0}.player-info>div{flex:1;min-width:0}.player-info h2{font-size:14px;letter-spacing:0;overflow-wrap:anywhere}.player-info p{font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.player-info>svg{color:#98a18d;flex-shrink:0}.progress-heading{font-size:11px;display:flex;justify-content:space-between;margin-bottom:9px}.progress-heading strong{font-weight:500}progress{appearance:none;height:6px;width:100%;border:0;border-radius:6px;overflow:hidden;background:#edf1e5}progress::-webkit-progress-bar{background:#edf1e5}progress::-webkit-progress-value{background:#88a563;border-radius:6px}progress::-moz-progress-bar{background:#88a563}.player-card>.muted{font-size:10px;margin-top:9px}.tip-card{background:#edf2e6;border-color:#e2e8d9}.tip-card .icon-box{background:#dfe8cf}.tip-card h2{font-size:17px;margin:15px 0 10px}.tip-card p{font-size:12px;color:#718064;line-height:1.9}.direction-examples{display:flex;gap:10px;margin:20px 0}.direction-examples span{display:grid;place-items:center;width:37px;height:37px;background:#fff8;border:1px solid #dce4cf;border-radius:8px;font-size:23px;color:#71875a}details{margin-top:18px;border-top:1px solid #d8e1cb;padding-top:12px;font-size:11px;color:#5b714b}summary{cursor:pointer}details p{margin-top:8px}.autosave{font-size:10px;color:#7c8971;line-height:1.9;padding:0 8px}.autosave>svg{vertical-align:middle;margin-right:4px}.autosave>span{margin-left:23px;font-size:9px}.time-track{height:3px;background:#e4e9da;border-radius:3px;margin-top:26px;overflow:hidden}.time-track>span{display:block;height:100%;background:#8da66a;transition:width .3s linear}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.results-page{text-align:center;padding:45px 0 40px}.results-page>.eyebrow{justify-content:center}.results-page h1{font-size:34px;letter-spacing:-1.2px;margin:17px 0 10px}.results-page h1:focus{outline:none}.results-page>.lead{font-size:15px}.results-card{max-width:800px;margin:30px auto 25px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden}.score-side{padding:35px 25px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#f2f5eb;border-right:1px solid var(--line)}.score-ring{height:164px;width:164px;border-radius:50%;background:conic-gradient(#78994d var(--score),#e0e8d4 0);padding:9px;transform:rotate(-0deg)}.score-ring>div{background:#f2f5eb;border-radius:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring strong{font-family:Manrope,sans-serif;font-size:44px;letter-spacing:-2px;font-weight:750}.score-ring small{font-size:22px;letter-spacing:0}.score-ring div>span{font-size:8px;letter-spacing:1.7px;margin-top:4px;color:#7c8c6c}.result-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#e2ebd3;font-size:10px;padding:7px 11px;margin-top:20px;color:#54713b}.result-details{padding:32px}.result-player{display:flex;gap:13px;align-items:center;overflow-wrap:anywhere}.result-player h2{font-size:19px}.result-player p{font-size:11px;margin-top:4px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.result-stats>div{display:flex;flex-direction:column;gap:8px}.result-stats strong{font-family:Manrope,sans-serif;font-size:29px;font-weight:650}.result-stats span{font-size:10px;color:#7b8571}.green-text{color:#72924d}.result-duration{border-top:1px solid var(--line);padding-top:18px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.result-duration>span{display:flex;align-items:center;gap:7px;color:#79856f}.result-duration strong{font-size:12px;font-variant-numeric:tabular-nums}.result-duration strong span{font-size:10px;font-weight:400;color:#7b8571}.result-words{grid-column:1/-1;padding:24px 30px;border-top:1px solid var(--line)}.result-words h3{font-size:12px}.result-words ul{list-style:none;padding:0;margin:14px 0 0;display:flex;gap:10px;flex-wrap:wrap}.result-words li{display:flex;align-items:center;gap:6px;background:#f4f5f0;border:1px solid #e8ebe1;border-radius:6px;padding:9px 10px;font-size:10px;color:#818778}.result-words li.completed{background:#edf3df;color:#54713b;border-color:#dfe8cd}.result-words small{font-size:8px;padding-left:4px}.restart-button{min-width:235px}.new-grid-note{font-size:11px;margin-top:13px}@media(min-width:1400px){.welcome{padding-top:85px;padding-bottom:75px}.welcome h1{font-size:62px}.identification-card{padding-top:38px}.how-to{padding-top:34px;padding-bottom:45px}}@media(max-width:1000px){.app-shell{padding:0 32px}.welcome{gap:35px;padding-top:48px}.welcome h1{font-size:45px}.identification-card{padding:27px 25px 0}.privacy-note{margin:0 -25px}.challenge-tags{gap:11px}.challenge-tags span{font-size:10px}.word-decoration i{display:none}.word-decoration svg{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.board-card{padding:18px}.game-heading h1{font-size:25px}.timer{padding:12px 17px;min-width:155px}.player-card,.tip-card{padding:18px}.letter{font-size:17px}.header-caption{display:none}.word-list li{font-size:9px;padding:6px 8px}.game-heading>.muted{font-size:11px}}@media(max-width:760px){.app-shell{padding:0 22px}.site-header{height:80px}.brand{font-size:23px}.brand-mark{width:33px;height:33px}.header-pill{font-size:9px;padding:7px 9px}.welcome{grid-template-columns:1fr;gap:30px;padding:38px 0}.welcome h1{font-size:47px;margin:18px 0}.welcome h1 br{display:none}.welcome-description{max-width:400px;font-size:13px;margin-bottom:19px}.lead{font-size:17px}.challenge-tags{gap:19px}.word-decoration{display:none}.identification-card{max-width:480px;width:100%;justify-self:center;padding:25px 26px 0}.privacy-note{margin:0 -26px}.identification-card>.muted{max-width:none}.card-topline{margin-bottom:16px}.identification-card form{margin-top:22px}.steps{grid-template-columns:1fr;gap:23px}.steps p{max-width:none}.how-heading{display:block}.how-heading h2{margin-top:9px}.how-to{padding:27px 0}.site-footer{font-size:9px;line-height:1.7;padding:20px 0}.site-footer>span{max-width:46%}.site-footer>span:last-child{align-items:flex-start}.site-footer svg{flex-shrink:0;margin-top:2px}.game-heading{gap:12px;align-items:flex-start}.game-heading h1{font-size:25px;line-height:1.3}.game-heading h1 span{display:block}.game-heading .muted{display:none}.timer{min-width:auto;gap:7px;padding:10px 12px;margin-top:5px}.timer strong{font-size:27px}.timer-label{font-size:7px;letter-spacing:1px}.timer-icon svg{width:19px}.game-layout{grid-template-columns:1fr;gap:18px}.game-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tip-card{grid-row:span 2}.tip-card .icon-box{display:none}.tip-card h2{margin-top:0}.direction-examples{gap:6px;margin:12px 0}.direction-examples span{width:30px;height:30px;font-size:21px}.tip-card p{font-size:10px}.player-card{padding:18px}.player-info{margin:15px 0}.player-info>svg{display:none}.autosave{font-size:9px;padding:0}.autosave>span{margin-left:0;display:block}.letter{font-size:clamp(15px,3.7vw,23px)}.word-list li{font-size:10px}.board-card{padding:20px}.game-page{padding-top:26px}.time-track{margin-top:18px}.results-card{grid-template-columns:200px minmax(0,1fr)}.result-details{padding:24px}.score-side{padding:25px 15px}.score-ring{width:145px;height:145px}.results-page h1{font-size:29px}.result-stats{gap:6px}.result-stats span{font-size:9px}.result-duration{flex-wrap:wrap}.result-player h2{font-size:17px}.result-player>.icon-box{display:none}}@media(max-width:480px){.app-shell{padding:0 18px}.header-pill{border:0;padding:0;max-width:110px;line-height:1.5}.welcome h1{font-size:40px;letter-spacing:-1.8px}.eyebrow{font-size:9px}.challenge-tags{gap:12px}.challenge-tags span{font-size:9px;gap:4px}.welcome-copy>.lead{font-size:16px}.identification-card h2,.game-heading h1{font-size:22px}.timer{padding:9px 10px}.timer-icon{display:none}.timer strong{font-size:25px}.game-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.board-card{padding:14px}.word-list{gap:6px;margin:12px 0 16px}.word-list li{font-size:8px;padding:6px;gap:4px;letter-spacing:.5px}.word-list li svg{width:12px}.words-heading h2{font-size:13px}.word-circle{width:8px;height:8px}.letter{font-size:15px}.selection-feedback{font-size:10px;margin-top:12px}.game-aside{grid-template-columns:1fr}.tip-card{grid-row:auto}.tip-card p{font-size:12px}.tip-card h2{font-size:16px}.direction-examples{float:right;margin:-6px 0 0 15px}.direction-examples span{width:26px;height:28px}.autosave{text-align:center}.player-card .player-info{margin-top:12px;margin-bottom:16px}.player-info h2{font-size:14px}.player-info p{font-size:11px}.result-details{padding:22px}.results-card{grid-template-columns:1fr;margin-top:23px}.score-side{border-right:0;border-bottom:1px solid var(--line);padding:24px}.score-ring{width:140px;height:140px}.result-badge{margin-top:13px}.result-player>.icon-box{display:flex}.result-stats span{font-size:10px}.result-words{padding:22px}.result-words ul{display:grid;grid-template-columns:1fr 1fr;gap:7px}.result-words li{flex-wrap:wrap;font-size:9px;padding:8px}.result-words small{font-size:8px}.results-page{padding-top:30px}.results-page h1{font-size:27px}.results-page>.lead{font-size:13px}.site-footer{gap:10px}.site-footer>span:last-child{max-width:48%}}.result-solution{grid-column:1/-1;border-top:1px solid var(--line);padding:28px 30px 30px;text-align:center;min-width:0}.result-solution h2{font-size:21px;margin-bottom:8px}.result-solution>.muted{margin-bottom:22px}.result-solution .letter-grid{max-width:600px;margin:auto}.result-solution .letter{cursor:default}.solution-word-dot{width:12px;height:12px;border-radius:3px;border:1px solid #0002;flex-shrink:0}@media(max-width:480px){.result-solution{padding:22px 14px}.result-solution h2{font-size:19px}.result-solution>.muted{font-size:11px}.result-words li{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
