@import url('./fonts/fonts.css');
:root{font-family:'DM Sans',sans-serif;color:#fffdf2;background:#163e36;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e7bc68;outline-offset:4px}button{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5vw;position:relative;z-index:1}.brand{color:inherit;text-decoration:none;font-size:27px;letter-spacing:-1px;font-weight:600;display:flex;align-items:center;gap:10px}.brandmark{font-size:38px;color:#e7c68c}.edition{font-size:9px;letter-spacing:2px;margin-left:22px;opacity:.5}.round{border:1px solid #ffffff38;border-radius:50%;background:#ffffff0a;width:40px;height:40px;font-size:20px}.landscape{position:fixed;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 70% 5%,#66827055,transparent 55%),linear-gradient(#254d43,#14392f)}.sun{position:absolute;border-radius:50%;height:260px;width:260px;background:#e2c98b0a;right:-80px;top:80px;border:1px solid #f5dfb00a}.hill{position:absolute;width:160%;height:60%;border-radius:50% 50% 0 0;transform:rotate(-15deg);bottom:-25%;left:-30%;background:#0d302a}.far{bottom:-6%;left:20%;background:#37574a77;transform:rotate(-26deg)}.mid{background:#244d3e;bottom:-22%;left:-40%;transform:rotate(14deg)}.near{bottom:-37%;background:#0c2e27}main{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 410px .7fr;align-items:center;gap:50px;padding:10px 45px 28px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:#e8cb91}.intro h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:76px;font-weight:400;line-height:1.04;margin:27px 0}.intro i{color:#e7c68c}.intro p{font-size:14px;line-height:1.9;color:#c0cec2}.chapter{margin-top:64px;max-width:250px}.chapter>span{font-size:10px;letter-spacing:2px}.chapterline{height:1px;background:#ffffff28;margin:18px 0}.chapter small{font-size:11px;color:#a8bbae}.game{border:1px solid #ffffff27;border-radius:28px;padding:22px 28px 16px;background:linear-gradient(150deg,#ffffff10,#ffffff04);box-shadow:0 20px 70px #001c222b;backdrop-filter:blur(15px)}.game-top{display:flex;justify-content:space-between;align-items:center}.textbutton{border:0;background:none;font-size:12px;padding:8px;color:#dbe4d7}.coins{font-size:13px;color:#ebcc8b;background:#ffffff0a;border-radius:20px;padding:8px 14px}.coins b{margin-left:5px}.levelhead{text-align:center;margin:20px 0 10px}.levelhead .eyebrow{font-size:9px}.levelhead h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:30px;margin:8px 0 12px}.progress{width:90px;height:3px;border-radius:3px;background:#ffffff24;margin:0 auto 9px;overflow:hidden}.progress span{display:block;height:100%;background:#e8c98b;transition:width .3s}.levelhead small{font-size:10px;color:#bdccbf}.board{display:grid;gap:4px;margin:14px auto;justify-content:center;min-height:180px;align-content:center}.cell{background:#f5f1dd;border-radius:5px;color:#245044;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;box-shadow:0 3px 0 #bec9ac;transition:background .25s}.cell.found{background:#e7c98d;box-shadow:0 3px 0 #b69c69;animation:pop .25s}.cell.hinted{color:#688574}.wordline{text-align:center;color:#e8d7ac;font-size:12px;height:30px;padding:6px}.wordline.selected{font-weight:700;font-size:19px;letter-spacing:4px;padding:0}.wheel{position:relative;width:260px;height:260px;margin:4px auto 0;background:#f3efdf;border-radius:50%;box-shadow:inset 0 0 0 10px #ffffff38,0 12px 35px #072b2433;touch-action:none;user-select:none}.wheel svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wheel polyline{stroke:#cfab69;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;fill:none}.letter{position:absolute;width:56px;height:56px;border:0;border-radius:50%;font-size:32px;font-weight:500;background:transparent;color:#254b3d;transform:translate(-50%,-50%);padding:0;z-index:1}.letter.active{background:#d5b172;color:#fff}.shuffle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;background:none;color:#91a08a;font-size:35px;z-index:2;width:48px;height:48px}.entry{display:flex;justify-content:center;gap:28px;margin:5px 0 10px}.entry button{color:#b6c7b8;font-size:11px}.actions{display:flex;gap:10px}.actions button{flex:1;border:1px solid #ffffff2d;background:#ffffff05;border-radius:12px;padding:12px 5px;font-size:11px;white-space:nowrap}.actions span{font-size:18px;vertical-align:middle;margin-right:5px;color:#e7c68c}.actions b{margin-left:7px}.actions small{font-size:9px;margin-left:5px;color:#e7c68c}.game-foot{font-size:8px;letter-spacing:2px;text-align:center;color:#93ad9b;margin-top:18px}.rightnote{align-self:end;margin-bottom:65px;color:#acbfae;font-size:12px;line-height:1.8}.rightnote>span:first-child{color:#c8b77e;font-size:45px}.vertical{display:block;font-size:8px;letter-spacing:2px;margin-top:90px}footer{padding:12px 5vw 24px;font-size:10px;color:#96ad9c;display:flex;justify-content:space-between}footer span{font-size:8px;letter-spacing:2px}dialog{background:#f4f0df;color:#244737;border:0;border-radius:24px;padding:35px;width:min(90vw,410px);box-shadow:0 20px 100px #001f25aa}dialog::backdrop{background:#092c28b8;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:12px;top:12px;color:#35604c;border-color:#254d4322}dialog h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:36px;font-weight:400;margin:16px 0}dialog p{font-size:14px;line-height:1.7}dialog .primary{background:#2b5945;color:white;border:0;padding:14px 24px;border-radius:12px;width:100%;margin-top:16px}.levelgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.levelgrid button{border:1px solid #a4b399;background:none;border-radius:10px;padding:15px 5px;color:#254b3d}.levelgrid button.current{background:#d6b475}.levelgrid button:disabled{opacity:.35;cursor:default}@keyframes pop{50%{transform:scale(1.1)}}@media(min-width:1500px){main{padding-top:40px}}@media(max-width:1100px){main{grid-template-columns:1fr 380px;gap:35px;max-width:1000px}.rightnote{display:none}.intro h1{font-size:65px}}@media(max-width:720px){header{padding:14px 22px}.brand{font-size:23px}.brandmark{font-size:29px}.edition,.intro,.rightnote,footer{display:none}main{display:block;padding:0 12px 14px;max-width:430px}.game{padding:12px 22px 15px;border-radius:22px}.levelhead{margin-top:10px}.levelhead h2{font-size:27px;margin:6px 0 10px}.board{min-height:160px;margin:12px auto}.wheel{width:240px;height:240px}.letter{font-size:30px;width:52px;height:52px}.game-foot{margin-top:14px}.actions button{padding:10px 5px}}@media(max-height:760px) and (max-width:720px){header{padding:8px 22px}.levelhead{margin-top:3px}.levelhead h2{font-size:24px}.board{min-height:135px;margin:8px auto}.wheel{width:210px;height:210px}.letter{width:47px;height:47px;font-size:27px}.game-foot{display:none}.entry{margin:0 0 5px}.game{padding-top:8px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}