@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#edf3eb;background:#152127;font-synthesis:none;--accent:#b7ee81;--accent-light:#253c2d;--board-size:min(460px, calc(100dvh - 330px) , calc(100vw - 48px) )}*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:radial-gradient(ellipse at 50% 68%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 65%),#152127;transition:background .5s}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(transparent,#000)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-decoration:none;color:inherit}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}#app{height:100dvh;display:flex;flex-direction:column;position:relative;padding:0 32px}.header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b;width:100%;max-width:1320px;margin:0 auto}.brand{display:flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1.4px;gap:10px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--accent);color:#152127;border-radius:9px;transform:rotate(-8deg)}.brand-mark .icon{width:24px;height:24px}.brand-dot{font-size:9px;color:var(--accent);margin-top:-16px;margin-left:-5px;letter-spacing:0}.header-right{display:flex;gap:10px;align-items:center}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff13;background:transparent;border-radius:10px;color:#97aaa9}.icon-button:hover{background:#ffffff08;color:var(--accent)}.icon-button .icon{width:17px;height:17px}.locations-button{display:flex;align-items:center;gap:10px;background:#ffffff06;border:1px solid #ffffff14;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:700;margin-right:6px}.locations-button>.icon{color:var(--accent);width:17px;height:17px}.location-count{font-size:9px;color:#718584;border-left:1px solid #ffffff15;padding-left:10px}main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:16px 0 10px;gap:8px}.play-panel{display:flex;flex-direction:column;align-items:center;width:min(480px,100%);flex:1;min-height:0;justify-content:center}.play-heading{width:var(--board-size);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 10px}.eyebrow{font-size:8px;letter-spacing:1.9px;color:#6d8585;font-weight:700}h1{font-size:25px;letter-spacing:-1.2px;font-weight:500;margin:4px 0 0}h1 span{font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.word-progress{text-align:right;min-width:85px}#word-counter{display:block}#word-counter strong{display:block;font-size:20px;color:var(--accent);font-weight:700;line-height:1.1}#word-counter strong span{font-size:13px;color:#718887;font-weight:500}#word-counter small{display:block;font-size:8px;color:#718887;margin-top:4px}.mini-progress{display:flex;gap:4px;margin-top:8px;justify-content:flex-end}.mini-progress span{width:12px;height:3px;background:#34484a;border-radius:2px}.mini-progress span.done{background:var(--accent)}#selection{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#607c7b}#selection.selecting{color:var(--accent);font-size:16px;font-weight:800;letter-spacing:4px}#board{width:var(--board-size);height:var(--board-size);flex-shrink:0;touch-action:none;user-select:none;filter:drop-shadow(0 16px 24px #00000018)}#board canvas{display:block!important;max-width:100%;touch-action:none}.board-tools{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:13px;flex-shrink:0}.board-tools button{height:40px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff10;background:#ffffff04;border-radius:10px;padding:0 16px;font-size:10px;font-weight:600;color:#9fb1aa}.board-tools button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.board-tools .icon{width:16px;height:16px;color:var(--accent)}.ad-label{color:var(--accent);background:var(--accent-light);font-size:9px;min-width:18px;padding:2px 5px;border-radius:5px}.board-note{font-size:8px;letter-spacing:.2px;color:#526c6d;margin:12px 0 0;flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:#081315c9;backdrop-filter:blur(12px);z-index:10;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#1b2b31;border:1px solid #ffffff14;border-radius:22px;padding:34px;text-align:center;box-shadow:0 30px 100px #0005}.modal-close{position:absolute;top:12px;right:12px;border:0}.modal h2{font-size:25px;letter-spacing:-1px;margin:14px 0 20px}.modal p{font-size:11px;line-height:1.8;color:#91a7a1}.modal-symbol{height:55px;width:55px;background:var(--accent-light);color:var(--accent);display:grid;place-items:center;border-radius:17px;margin:0 auto 20px}.modal-symbol .icon{width:29px;height:29px}.example-letters{display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0}.example-letters span{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:#152127;border-radius:8px;font-size:20px;font-weight:800}.example-letters i{color:var(--accent);font-style:normal}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--accent);color:#152127;border:0;border-radius:10px;padding:14px 18px;font-size:12px;font-weight:800;margin-top:20px}.location-list{display:grid;gap:9px}.location-card{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #ffffff0e;background:#ffffff03;border-radius:12px;padding:13px;width:100%;--lc:var(--accent)}.location-card.active{border-color:color-mix(in srgb,var(--lc) 40%,transparent);background:color-mix(in srgb,var(--lc) 5%,transparent)}.location-symbol{width:37px;height:37px;background:color-mix(in srgb,var(--lc) 10%,transparent);color:var(--lc);display:grid;place-items:center;border-radius:10px}.location-card>span:nth-child(2){flex:1}.location-card strong{font-size:12px;display:block}.location-card small{font-size:9px;color:#7e9793;display:block;margin-top:5px}.location-card>.icon{width:15px;color:#7e9793}.location-tabs{display:flex;gap:8px;justify-content:center;margin:18px 0}.location-tabs button{background:#ffffff05;border:1px solid transparent;border-radius:10px;padding:10px;color:#829b96}.location-tabs button.selected{background:var(--accent-light);color:var(--accent)}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-grid button{height:44px;border:1px solid #ffffff10;border-radius:8px;background:#ffffff04;color:#8ca79c;font-size:12px;font-weight:700}.level-grid button:disabled{color:#486064;cursor:default}.level-grid button.current{background:var(--accent);color:#152127}.level-grid button.completed{border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent)}.level-grid button.current.completed{color:#152127}.small-note{font-size:9px!important;margin:16px 0 0}.completion-words{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:20px 0}.completion-words span{font-size:11px;padding:7px 10px;border-radius:8px;background:var(--accent-light);color:var(--accent)}.completion-words .icon{width:13px;height:13px;margin-right:5px}#toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--accent);color:#152127;font-size:11px;font-weight:700;padding:13px 20px;border-radius:11px;transition:opacity .2s,transform .2s;z-index:20;text-align:center;width:max-content;max-width:90vw;box-shadow:0 8px 30px #0003}#toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:600px){:root{--board-size:min(460px, calc(100dvh - 310px) , calc(100vw - 28px) )}#app{padding:0 16px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.header{height:64px}.brand{font-size:21px;gap:8px}.brand-mark{width:28px;height:28px;border-radius:8px}.brand-mark .icon{width:20px;height:20px}.header-right{gap:6px}.icon-button{width:32px;height:34px}.locations-button{padding:8px 10px;gap:7px;margin:0;font-size:10px}.location-count{display:none}.locations-button .icon{width:15px;height:15px}main{padding-top:14px;padding-bottom:10px;gap:7px}.play-heading{padding:0 9px}h1{font-size:24px}.eyebrow{font-size:7px;letter-spacing:1.5px}#selection{height:34px}.board-tools{margin-top:11px;gap:8px}.board-tools button{height:38px;font-size:10px;padding:0 13px}.board-note{font-size:7px;margin-top:12px}.modal{padding:32px 22px 24px}.modal h2{font-size:23px}.location-card{padding:10px}.location-symbol{height:32px;width:32px}}@media(max-height:650px){:root{--board-size:min(390px, calc(100dvh - 274px) , calc(100vw - 28px) )}.header{height:54px}main{padding:9px 0 6px;gap:5px}.play-heading .eyebrow{display:none}h1{font-size:22px}#selection{height:27px}.board-tools{margin-top:6px}.board-tools button{height:33px}.board-note{margin-top:8px}.modal-symbol{display:none}.modal h2{margin:10px 0 12px}.modal p{font-size:10px;line-height:1.6}}@media(max-height:450px)and (min-width:600px){:root{--board-size:min(300px, calc(100dvh - 70px) )}.header{height:48px}main{flex-direction:row;justify-content:center;align-items:center;gap:35px;padding:8px 0}.play-panel{flex:0 0 auto;width:auto;display:grid;grid-template-columns:var(--board-size) 150px;gap:10px 14px;align-content:center}.play-heading{width:150px;grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;gap:15px}.word-progress{text-align:left}.mini-progress{justify-content:flex-start}#selection{grid-column:2;grid-row:2;height:30px;font-size:9px;max-width:150px}#board{grid-column:1;grid-row:1/5}.board-tools{grid-column:2;grid-row:3;flex-direction:column;align-items:stretch;gap:6px;margin:0}.board-note{grid-column:2;grid-row:4;width:150px;line-height:1.6;font-size:7px;margin:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}button:disabled{cursor:default}.primary:disabled{opacity:.6}#reward-status{min-height:36px;color:var(--accent);font-size:10px}[hidden]{display:none!important}.home-screen{flex:1;min-height:0;width:min(880px,100%);display:grid;grid-template-columns:1fr 360px;align-content:center;align-items:center;gap:70px;padding:24px 0}.home-intro{text-align:left}.home-intro>.eyebrow{color:#8ca59b;font-size:9px;letter-spacing:2px}.home-intro h1{font-size:64px;line-height:1.1;font-weight:800;letter-spacing:-4px;margin:16px 0}.home-intro h1 span{color:var(--accent)}.home-intro>p{font-size:16px;line-height:1.7;color:#8ca59b;margin:0}.home-tiles{display:grid;grid-template-columns:repeat(3,66px);gap:8px;width:max-content;transform:rotate(-7deg);margin:32px 0 26px 12px;filter:drop-shadow(0 20px 24px #0003)}.home-tiles span{display:grid;place-items:center;height:62px;border-radius:13px;font-weight:800;font-size:31px;color:#152127;box-shadow:0 5px #0003,inset 0 2px #fff2}.tile-color-0{background:var(--accent)}.tile-color-1{background:#80d6d1}.tile-color-2{background:#f2c97d}.home-caption{font-size:11px;color:#879e95}.home-caption span{color:#465e59;padding:0 10px}.home-actions{padding:26px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(150deg,#21343bdb,#1a292ee8);box-shadow:0 24px 70px #0002}.home-progress>.eyebrow{font-size:8px;color:#8ca59b}.home-progress-title{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.home-progress-title strong{font-size:26px;font-weight:700;color:var(--accent);letter-spacing:-.7px}.home-progress-title strong span{font-size:12px;letter-spacing:0;font-weight:500;color:#c1cfc4}.home-progress-title>span{font-size:11px;color:#78928c}.home-track{height:4px;border-radius:4px;background:#ffffff0b;margin:14px 0}.home-track>span{height:100%;display:block;background:var(--accent);border-radius:4px}.home-progress p{display:flex;align-items:center;gap:7px;font-size:9px;color:#91aaa0;margin:0;white-space:nowrap}.home-progress p .icon{width:13px;height:13px;color:var(--accent)}.home-progress p>span{color:#526a63}.home-play{justify-content:space-between;padding:17px 18px;text-align:left;margin:25px 0 12px}.home-play>span{font-size:16px;letter-spacing:-.3px}.home-play small{display:block;font-weight:500;font-size:9px;letter-spacing:0;opacity:.7;margin-top:5px}.menu-action{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #ffffff10;border-radius:11px;padding:15px;background:#ffffff03;margin-top:9px;font-size:12px;font-weight:600}.menu-action:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:#ffffff06}.menu-action>.icon:first-child{color:var(--accent);width:18px;height:18px}.menu-action>.icon:last-child{margin-left:auto;width:15px;height:15px;color:#779389}.home-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px}.home-bottom>button{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#94a99e;font-size:9px}.home-bottom .icon{width:14px;height:14px}.home-bottom>span{font-size:7px;color:#637d74}.result-menu{margin-top:15px;padding:8px 16px;border:0;background:transparent;font-size:11px;color:#9ab0a3}@media(max-width:800px){.home-screen{grid-template-columns:1fr 330px;gap:28px}.home-intro h1{font-size:49px;letter-spacing:-3px}.home-intro>p{font-size:13px}.home-tiles{grid-template-columns:repeat(3,55px);gap:7px}.home-tiles span{height:52px;font-size:27px}.home-actions{padding:22px}.home-intro>.eyebrow{font-size:7px;letter-spacing:1.5px}}@media(max-width:600px){#menu{width:30px}.header-right{gap:5px}.home-screen{display:flex;flex-direction:column;justify-content:center;gap:19px;padding:10px 0;width:min(360px,100%);flex:none;margin:auto 0}.home-intro{text-align:center;position:relative}.home-intro h1{font-size:44px;letter-spacing:-2.5px;margin:9px 0 6px}.home-intro>p{font-size:11px;line-height:1.5}.home-intro>p br{display:none}.home-tiles{grid-template-columns:repeat(3,35px);gap:5px;margin:16px auto 14px;transform:rotate(-7deg)}.home-tiles span{height:33px;border-radius:8px;font-size:19px;box-shadow:0 3px #0003}.home-caption{font-size:9px}.home-actions{width:100%;padding:20px;border-radius:18px}.home-progress-title{margin-top:9px}.home-progress-title strong{font-size:23px}.home-track{margin:11px 0}.home-play{margin-top:18px;padding:13px 15px}.home-play>span{font-size:15px}.menu-action{padding:12px 13px;font-size:11px;margin-top:8px}.home-bottom{margin-top:16px}.home-progress p{font-size:8px}.home-intro>.eyebrow{font-size:7px}.home-progress>.eyebrow{font-size:7px}}@media(max-height:700px)and (max-width:600px){.home-screen{gap:14px}.home-tiles{display:none}.home-intro h1{font-size:37px;margin:8px 0}.home-caption{margin-top:10px}.home-actions{padding:16px}.home-play{margin-top:15px}.home-bottom{margin-top:13px}}@media(max-height:450px)and (min-width:600px){.home-screen{grid-template-columns:minmax(190px,1fr) 320px;gap:35px;max-width:720px;padding:3px 0}.home-intro h1{font-size:42px}.home-intro>p{font-size:12px}.home-tiles{grid-template-columns:repeat(3,30px);gap:4px;margin:17px 0}.home-tiles span{height:28px;border-radius:6px;font-size:16px}.home-actions{padding:16px}.home-progress>.eyebrow{font-size:7px}.home-progress-title{margin-top:5px}.home-progress-title strong{font-size:22px}.home-track{margin:8px 0}.home-play{margin:13px 0 8px;padding:11px 13px}.home-play>span{font-size:13px}.home-play small{font-size:8px}.menu-action{padding:10px 12px;margin-top:6px;font-size:10px}.home-bottom{margin-top:11px}}@media(max-width:420px){.header .locations-button{width:32px;height:34px;padding:0;justify-content:center;margin:0}.header .locations-button span{display:none}.header .brand{font-size:20px}}