:root{--game-width:728px;--header-height:72px;--link-color:#0645ad;--primary-color:#48c78e;--easing:cubic-bezier(0.19,1,0.22,1);--vowel-background-color:rgba(72,199,142,0.1);--title-font:"Nunito",sans-serif;--title-font-weight:900;--font-size:20px;--color-tone-1:#1a1a1b;--color-tone-2:#454747;--color-tone-3:#a9abad;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#fff;--safe-area-inset-top:0;--vertical-spacing:0.7rem}@media screen and (max-width:380px){:root{--font-size:16px;--header-height:60px}}:root[data-theme=dark]{--color-tone-7:#1a1a1b;--color-tone-6:#292b2b;--color-tone-5:#323434;--color-tone-4:#323434;--color-tone-3:#666;--color-tone-2:#f6f7f8;--color-tone-1:#f6f7f8}:root[data-contrast=high]{--primary-color:#f5793a;--vowel-background-color:rgba(245,121,58,0.1)}:root[data-theme=dark][data-contrast=high]{--primary-color:#f5793a;--vowel-background-color:rgba(245,121,58,0.2)}*,:after,:before{box-sizing:border-box}body,html{overscroll-behavior:none;overflow-x:clip;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{font-family:var(--title-font);color:var(--color-tone-1);background-color:var(--color-tone-7);height:100%;color-scheme:light dark}body,html{font-size:var(--font-size);overflow:hidden}body{color:var(--color-tone-1);margin:0;height:100vh;height:100svh}@supports(height:100dvh){body{height:100dvh}}main{background-color:var(--color-tone-5)}.title h1{letter-spacing:2px}h1,h2,h3,h4{font-family:var(--title-font);font-weight:var(--title-font-weight);text-align:center}h2,h3{letter-spacing:1px;font-size:1rem}header{display:flex;justify-content:space-between;align-items:center;padding:5px 1vh;flex-shrink:0;background-color:var(--color-tone-7);height:var(--header-height)}@media(max-width:420px){header{padding:5px 10px;height:calc(var(--header-height) - 12px)}}label{text-transform:uppercase;letter-spacing:1px}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.title{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin:0;display:flex;font-size:14px}@media(max-width:420px){.main{padding:10px}.word{padding-inline:8px}.title{font-size:10px}}.subtitle{letter-spacing:2px;font-size:16px;line-height:24px;font-weight:500;color:var(--color-tone-3)}.container{background-color:var(--color-tone-7);max-width:min(var(--game-width),100vw);margin:0 auto;display:flex;flex-direction:column;position:relative;height:100vh;height:100svh}@supports(height:100dvh){.container{height:100dvh}}footer{display:flex;justify-content:center;align-items:center;font-size:15px;padding:7px;border-top:1px solid var(--color-tone-4);flex-shrink:0}a{text-decoration:none;color:var(--link-color);background:none}button{cursor:pointer;color:var(--color-tone-1);border-radius:4px;border:none;font-size:120%;display:flex;align-items:center;justify-content:center;font:inherit;border-radius:1.5rem;padding:10px 15px;font-weight:600}button.icon{background:none;border:none;cursor:pointer}.menu-left{display:flex}:focus{outline:none}@media(max-width:420px){.keyboard-button{height:52px;font-size:1.1em}}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;min-height:0;overflow-y:auto;overflow-x:clip;gap:10px;overscroll-behavior:contain;padding:20px 20px 72px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100vw;touch-action:pan-y;-webkit-overflow-scrolling:touch}.main-home{background-color:#48c78e;color:#000}@media(max-width:420px){.main{padding:10px}}.words-container{display:flex;flex-direction:column;gap:10px;width:min(100%,100vw);align-items:center;flex-shrink:0}.word{padding-inline:12px;max-width:100%;overflow-x:clip}.letter,.word{display:flex;justify-content:center}.letter{border:1px solid var(--color-tone-4);border-radius:6px;align-items:center;font-weight:500;background:var(--color-tone-7);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1 1;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:clamp(45px,9vw,40px);height:clamp(45px,9vw,40px);aspect-ratio:1;font-size:clamp(26px,5.2vw,25px)}.letter.vowel{border:1px solid var(--primary-color);background-color:var(--vowel-background-color)}.letter.vowel:after{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:-8px}.slot{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:width .18s cubic-bezier(.4,0,.2,1),min-width .18s cubic-bezier(.4,0,.2,1);background:rgba(0,0,0,0);border:none;margin:0;height:clamp(45px,9vw,40px);min-width:clamp(.28ch,.8vw,.5ch);width:clamp(.28ch,.8vw,.5ch);pointer-events:auto;vertical-align:baseline}.slot.slot-hot{min-width:clamp(30px,6.5vw,30px);width:clamp(30px,6.5vw,30px)}.slot.slot-hot+.letter{transform:translateX(4px)}.letter+.slot.slot-hot{padding-left:6px}.letter{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background-color .18s cubic-bezier(.4,0,.2,1)}.word{transition:gap .18s cubic-bezier(.4,0,.2,1);align-items:center}.slot.slot-hot:after{content:"";width:2px;height:80%;border-radius:2px;background:rgba(0,0,0,.18)}.completed{background-color:var(--primary-color);opacity:.9;color:#000}.letter-box.space{border-style:dashed;color:#9ca3af}.letter-box.clickable{cursor:pointer}.word-row.completed .letter-box{background-color:#48c78e;color:#fff;border-color:#48c78e}@keyframes letter-pop{0%{transform:scale(.94)}60%{transform:scale(1.06)}to{transform:scale(1)}}.letter.letter-pulse{animation:letter-pop .18s ease-out}@keyframes letter-snap{0%{transform:translateY(-3px)}to{transform:translateY(0)}}.letter.letter-snap{animation:letter-snap .18s ease-out}.icon-button{background-color:var(--color-tone-4);cursor:pointer;border:none;border-radius:8px;width:2.4rem;height:2.4rem;margin:0 .5rem;transition:background-color .2s ease;color:var(--color-tone-1);padding:.6rem}@media screen and (max-width:420px){.icon-button{width:2.4rem;height:2.4rem;margin:0 .25rem;padding:.6rem}}.icon-button:hover{background-color:var(--color-tone-3)}.share-button{background-color:var(--primary-color);color:var(--color-tone-7);fill:var(--color-tone-7)}.close-button{background-color:rgba(0,0,0,0)}.icon-button svg{width:100%;height:100%;display:block}.icon-button path,.icon-button svg{fill:currentColor}.theme{width:min(315px,100vw - 32px);height:-moz-fit-content;height:fit-content;border-radius:8px;border:1px solid #dfdfdf;display:flex;flex-direction:column;position:relative;flex-shrink:0;overflow-wrap:normal}.theme-title{font-feature-settings:"clig" off,"liga" off;font-size:12px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:.96px;text-transform:uppercase;text-align:center;align-self:flex-start;z-index:10;position:absolute;top:-2px;left:-1px;width:100.5%;height:16px;border-radius:7px 7px 0 0;background:var(--primary-color)}.today-theme{font-weight:700;font-size:20px;margin-top:20px;margin-bottom:7px;text-align:center}.letter,.main,.slot,.word,.words-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.is-dragging .letter{pointer-events:none!important}.is-dragging .slot{pointer-events:auto!important}.letter,.letter *,.slot{-webkit-user-drag:none;user-drag:none}.letter-pulse{animation:pulse .18s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.letter-snap{animation:snapShake .2s ease}@keyframes snapShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.word.celebrate{animation:pop .45s ease}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.03)}to{transform:scale(1)}}.moves-bump{animation:bump .2s ease;display:inline-block}@keyframes bump{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.modal{z-index:-99999999;pointer-events:none;opacity:0;transition:opacity .3s var(--easing);background:rgba(0,0,0,.5);width:100%;min-height:100%;max-height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden;padding:5px}.modal.modal-show{pointer-events:all;opacity:1;z-index:99999999}.modal-header{border-bottom:none;z-index:1;background:var(--color-tone-7);margin:-.5rem -1rem 1rem;padding:0 1vh;position:-webkit-sticky;position:sticky;top:-.5rem;height:var(--header-height);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.modal-content{margin:auto;transition:transform .1s var(--easing),opacity .1s var(--easing);background-color:var(--color-tone-7);max-width:100%;height:auto;max-height:90vh;position:relative;overflow-x:hidden;overflow-y:auto;width:var(--game-width);border-radius:4px;padding:5px;opacity:0;transform:translateY(-20px) scale(.98)}.modal-content>:not(header){margin:var(--vertical-spacing)}.modal-content h1{flex-grow:1;font-size:1.4rem}.modal.modal-show .modal-content{transform:translateY(0) scale(1);opacity:1}.modal-body{padding:5px;overflow-y:auto;overflow-x:hidden}.modal-body>:not(header){margin:var(--vertical-spacing)}.help{font-size:16px;line-height:1.6}.help h3{margin:16px 0 8px;font-size:1.05rem}.help .help-intro p{margin-top:0}.help .help-footer{margin-top:16px;opacity:.85}.diagram{margin:14px 0;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(0,0,0,.03)}.diagram .label{font-weight:700;font-size:.9rem;margin-bottom:6px;opacity:.75}.diagram .caption{margin-top:8px;opacity:.9}.word-diagram{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:22px;letter-spacing:.06em}.word-diagram.faint{opacity:.6}.word-stack{display:grid;grid-gap:8px;gap:8px}.caption-inline{font-size:12px;font-weight:600;margin-left:8px;opacity:.8}.vowel-inline{display:inline-block;padding:2px 6px;border-radius:8px;background:var(--vowel-background-color);border:1px solid var(--primary-color)}.menu{background-color:var(--color-tone-6);z-index:100;left:0;top:0;padding-top:0;bottom:0;padding-bottom:0;flex-direction:column;justify-content:flex-start;width:350px;max-width:100%;display:flex;position:absolute;overflow:auto;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 500px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s .1s var(--easing),transform .5s var(--easing);transform:translate(-100%)}.menu.menu-open{opacity:1;pointer-events:auto;transition:opacity .3s var(--easing),transform .5s var(--easing);transform:translate(0)}.menu h2{text-align:left;flex-grow:1;height:4rem;margin:0 0 0 1rem;font-size:1.3rem;line-height:4rem;text-transform:uppercase;letter-spacing:1px}.row{flex-direction:row;justify-content:center;align-items:center;display:flex}.menu>div:first-child{background-color:var(--color-tone-6);z-index:101;padding-top:var(--safe-area-inset-top);margin-top:calc(var(--safe-area-inset-top)*-1);transform:translateY(calc(var(--safe-area-inset-top) * -1));position:-webkit-sticky;position:sticky;top:0}.menu-item{cursor:pointer;justify-content:flex-start;align-items:center;width:100%;height:3.2rem;min-height:2.8rem;padding:5px;display:flex}.menu-item:hover{background-color:var(--color-tone-7)}.menu-item-label{font-family:var(--title-font);font-weight:var(--title-font-weight);letter-spacing:.1rem;text-transform:uppercase;font-size:.9rem;margin-left:1rem}.stats-grid{width:100%}.stats-grid .stat-row:first-child{border-top:1px solid var(--color-tone-4)}.stat-row{border-bottom:1px solid var(--color-tone-4);letter-spacing:1px;text-transform:uppercase;flex-shrink:0;width:100%;height:2rem;margin:0;font-size:.9rem;line-height:2rem;display:flex}.stat-row-label{background-color:var(--color-tone-6);text-align:right;justify-content:flex-end;align-items:center;width:50%;padding-right:.5rem;display:flex}.stat-row-value{width:50%;padding-left:.5rem;font-weight:700}.stars-chart{display:grid;grid-template-columns:28px 1fr 40px 44px;align-items:center;grid-gap:8px;gap:8px;padding:6px 0}.background-bar{height:22px;border-radius:6px;background:var(--color-tone-7);position:relative;overflow:hidden}.star-bar{height:100%;position:absolute;inset:0;width:0;background:var(--primary-color);border-radius:6px;transition:width .4s ease}.switch{width:60px;height:34px;display:inline-block;position:relative}.slider{cursor:pointer;background-color:var(--color-tone-4);border-radius:6px;top:0;bottom:0;left:0;right:0}.slider,.slider:before{transition:all .4s;position:absolute}.slider:before{content:"";background-color:#fff;border-radius:5px;width:26px;height:26px;bottom:4px;left:4px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}.end-star-distribution{width:70%}@media(max-width:420px){.end-star-distribution{width:100%}}.highlight-section{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;background-color:var(--color-tone-6);padding:20px;margin-top:10px;margin-bottom:10px}.donate-button{background-color:var(--primary-color);color:#000;text-transform:uppercase;padding:15px;width:275px}