:root{color-scheme:light;--ink:#163328;--green:#15803d;--panel:#fffffff2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,system-ui,sans-serif;color:var(--ink);background:#dcfce7}body{padding:max(10px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom))}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0}.topbar,.shell{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:820px;margin:auto}.topbar a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:#14532d;text-decoration:none;font-size:26px;box-shadow:0 8px 25px #14532d22}.topbar select{width:auto}.shell{display:grid;place-items:center;min-height:calc(100vh - 70px);padding:14px 0}.panel{width:min(780px,100%);padding:clamp(18px,4vw,34px);border:1px solid #ffffffaa;border-radius:28px;background:var(--panel);box-shadow:0 24px 80px #14532d24;text-align:center}.menu{max-width:670px}.hidden{display:none!important}.hero{font-size:56px}.eyebrow{color:#15803d;font-size:12px;font-weight:900;letter-spacing:.14em}h1{font-size:clamp(36px,8vw,64px);line-height:1;margin:10px 0}h2{font-size:clamp(25px,5vw,38px)}select,button{min-height:48px;border:1px solid #86b79a;border-radius:14px;background:#fff;color:#163328;font:inherit;font-weight:750;padding:10px 14px}button{cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#16a34a,#0d9488);color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;text-align:left}.settings span{display:block;margin-bottom:6px;font-size:13px;font-weight:800}.settings select{width:100%}.menu>.primary{width:100%;margin-bottom:14px}.hud{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hud span{min-width:115px;padding:9px 16px;border-radius:16px;background:#ecfdf5}.hud small{display:block}.hud b{font-size:23px}.hint,.safety{color:#476458}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px auto;max-width:650px}.tile{position:relative;min-height:130px;padding:12px 8px;border:2px solid #bbf7d0;background:#f0fdf4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.tile .emoji{font-size:34px}.tile .label{font-size:14px}.tile.done{background:#15803d;color:#fff;border-color:#166534}.tile.line{box-shadow:0 0 0 4px #fde047 inset}.tile.done:after{content:'✓';position:absolute;right:8px;top:5px;font-size:20px}.tools,.actions{display:flex;gap:12px;justify-content:center;margin-top:18px}.overlay{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);max-width:520px}.timer{position:relative;width:160px;height:160px;margin:18px auto}.timer svg{width:100%;transform:rotate(-90deg)}.timer circle{fill:none;stroke:#dcfce7;stroke-width:10}.timer .ring{stroke:#22c55e;stroke-linecap:round;stroke-dasharray:327;transition:stroke-dashoffset .25s linear}.timer b{position:absolute;inset:46px 0 auto;font-size:45px}.timer span{position:absolute;inset:98px 0 auto;font-size:12px}.final-score{display:block;font-size:48px;color:#15803d}@media(max-width:600px){body{padding-left:10px;padding-right:10px}.panel{padding:18px 12px;border-radius:22px}.settings{grid-template-columns:1fr}.board{gap:6px}.tile{min-height:104px;padding:7px 4px}.tile .emoji{font-size:27px}.tile .label{font-size:12px;line-height:1.2}.overlay{width:calc(100% - 24px);max-height:calc(100vh - 30px);overflow:auto}.tools button,.actions button{flex:1}.topbar strong{font-size:14px}}