*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}img,picture,.bg{pointer-events:none}html,body{height:100%;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:#3d4a3a;-webkit-user-select:none;user-select:none;touch-action:none;--acc:#5f9a6b}body[data-theme=montagne]{--acc:#6d86a3}body[data-theme=ocean]{--acc:#3f9aab}body[data-theme=desert]{--acc:#c08a55}body[data-theme=prairie]{--acc:#7fae58}body[data-theme=jungle]{--acc:#3f8a5c}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#e8efe0}.bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#ffffff2e,#fff0 70%)}body.in-menu .bg img{filter:saturate(1.05)}body.in-menu .veil{background:linear-gradient(#ffffff0d,#ffffff40 50%,#ffffff0d)}.title{background:#ffffff59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:28px;padding:14px 28px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 30px #3c503c1f}#app{height:100%;height:100dvh}button{font:inherit;cursor:pointer;border:0;border-radius:14px;padding:.6em 1.1em;background:var(--acc);color:#fff;box-shadow:0 3px #00000026}button:active{transform:translateY(2px);box-shadow:none}.ic{background:#ffffffbf;color:#3d4a3a;width:44px;height:44px;padding:0;font-size:22px;border-radius:50%}.menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh;padding:16px;text-align:center;position:relative}.mtop{position:absolute;top:12px;right:12px}h1{font-size:clamp(30px,6vw,58px);color:#fff;text-shadow:0 3px 0 rgba(60,90,60,.35),0 0 24px rgba(60,90,60,.25);letter-spacing:.02em}.sub{background:#fff9;padding:.4em 1em;border-radius:20px}.daily{font-size:20px;background:linear-gradient(#f2c36b,#e0a94b);display:flex;flex-direction:column;align-items:center}.daily small{font-size:13px;opacity:.9}.worlds{display:grid;grid-template-columns:repeat(3,minmax(0,170px));gap:12px}.world{background:#ffffffc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#3d4a3a;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px}.world .wi{width:100%;aspect-ratio:13/9;object-fit:cover;border-radius:10px;box-shadow:0 2px 6px #00000026}.lvl{font-size:13px;font-weight:700;color:#6a5a3a}.bar{width:80%;height:6px;border-radius:3px;background:#d5dccd;overflow:hidden}.bar i{display:block;height:100%;background:#e3a33f;border-radius:3px}.leaves{font-weight:700;background:#fff9;padding:.3em .9em;border-radius:20px}@media(orientation:portrait){.worlds{grid-template-columns:repeat(2,minmax(0,160px))}}@media(max-height:500px){.menu{gap:8px}.world{padding:6px;flex-direction:row}.world .wi{width:56px;aspect-ratio:13/9}h1{font-size:30px}}.play{height:100%;display:flex;flex-direction:column;position:relative}header{display:flex;align-items:center;gap:8px;padding:8px 10px}header h2{flex:1;font-size:18px;background:#ffffffa6;padding:.35em .9em;border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time,.lv{background:#ffffffbf;padding:.35em .7em;border-radius:20px;font-weight:700}.time:empty{display:none}main{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 10px 10px;gap:8px}@media(orientation:landscape){main{flex-direction:row}.side{width:min(46%,420px)}}.gridwrap{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;container-type:size}.grid{--c:min(calc((100cqw - 16px) / var(--w)),calc((100cqh - 16px) / var(--h)),58px);display:grid;grid-template-columns:repeat(var(--w),var(--c));grid-template-rows:repeat(var(--h),var(--c));gap:0;padding:8px;border-radius:18px;background:#ffffff47;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 6px 24px #0000001a}.cell{margin:2px;border-radius:18%;background:#ffffffb8;box-shadow:inset 0 2px 4px #0000001f;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(var(--c) * .55);color:#5b3b20}.cell.on{background:linear-gradient(160deg,#f3d9a8,#d9b07a 60%,#c4945c);box-shadow:inset 0 -3px #5a371959,0 2px 3px #0003}.cell.pop{animation:pop .5s ease}@keyframes pop{40%{transform:scale(1.18)}}.side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0}.preview{height:40px;min-width:60px;font-size:26px;font-weight:700;letter-spacing:.12em;color:#fff;background:var(--acc);border-radius:20px;padding:2px 16px;opacity:.95}.preview:empty{opacity:0}.shake{animation:sh .4s;background:#c46b5b!important}@keyframes sh{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.wheelwrap{position:relative;--s:min(42vh,78vw,300px)}@media(orientation:landscape){.wheelwrap{--s:min(56vh,40vw,320px)}}.wheel{width:var(--s);height:var(--s);border-radius:50%;position:relative;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle,#ffffffbf,#ffffff73);box-shadow:0 6px 20px #0000001f,inset 0 0 0 6px #ffffff80;touch-action:none}.lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lines polyline{fill:none;stroke:var(--acc);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.let{position:absolute;width:calc(var(--s) * .22);height:calc(var(--s) * .22);transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(var(--s) * .12);color:#4a4a44;background:radial-gradient(circle at 35% 30%,#fbfaf5,#d8d6cc 70%,#b9b6aa);box-shadow:0 3px #9d9a8e,0 4px 8px #0003}.let.sel{background:radial-gradient(circle at 35% 30%,#fff,var(--acc));color:#fff}.small{position:absolute;width:40px;height:40px;font-size:20px}#btn-shuffle{left:-6px;bottom:-4px}#btn-ok{right:-6px;bottom:-4px;background:#7fae58;color:#fff}#btn-clear{right:-6px;top:-4px;background:#c46b5b;color:#fff}.hidden{display:none}.hints{display:flex;gap:8px;align-items:center}.hints button{font-size:14px;padding:.45em .8em}.bonus{background:#ffffffb3;padding:.3em .7em;border-radius:14px;font-size:14px}.toast{position:absolute;left:50%;top:64px;transform:translate(-50%);background:#3c4a3ad9;color:#fff;padding:.5em 1em;border-radius:20px;opacity:0;pointer-events:none}.toast.show{animation:t 1.8s}@keyframes t{10%,80%{opacity:1}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:5}.card{background:#fffdf6;border-radius:24px;padding:24px 32px;text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px #0003}.card .big{font-size:48px}.row{display:flex;gap:10px;justify-content:center}.alt{background:#9aa596}body.paused .play:after{content:"Pause";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;align-items:center;justify-content:center;font-size:32px;z-index:9}@media(max-height:500px){header{padding:4px 8px}.ic{width:36px;height:36px;font-size:18px}header h2{font-size:15px}.preview{height:32px;font-size:20px}.hints button{padding:.3em .6em}}