:root{--bg:#fff6ec;--ink:#5a3e30;--line:#8a6450;--accent:#f08a4b;--accent-ink:#fff;--soft:#f6e3d0}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,PingFang SC,Noto Sans,sans-serif}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:8px 12px 16px;display:flex}button{font:inherit;color:var(--ink);background:var(--soft);border:2px solid var(--line);cursor:pointer;border-radius:14px;padding:10px 14px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#c96a32;font-weight:700}button.big{flex-direction:column;align-items:center;width:100%;padding:16px;font-size:24px;display:flex}button.big small{font-size:14px;font-weight:400}button.small{padding:4px 10px;font-size:14px}button.link{background:0 0;border:none;padding:4px;text-decoration:underline}.resources{justify-content:space-between;gap:6px;padding:6px 4px 10px;font-weight:600;display:flex}.resources span{align-items:center;gap:4px;display:flex}img.star{width:1.3em;height:1.3em}img.star.off{filter:grayscale();opacity:.35}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.home h1{margin:0;font-size:40px}.home .stars img.star{width:56px;height:56px}.home details{max-width:34em;font-size:14px}.bonus{gap:10px;display:flex}.play{flex-direction:column;flex:1;gap:10px;display:flex}.hud{justify-content:space-between;align-items:center;font-weight:600;display:flex}.hearts{color:#d9534f;letter-spacing:2px;font-size:22px}.board-wrap{justify-content:center;display:flex}.turf{touch-action:none;cursor:pointer;border-radius:12px;display:block}.tools{justify-content:center;gap:10px;display:flex}footer{opacity:.7;justify-content:space-between;align-items:center;gap:8px;padding-right:56px;font-size:12px;display:flex}.shade{z-index:10;background:#3c281e73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--bg);border:3px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;gap:10px;width:min(100%,400px);padding:18px;display:flex}.dialog h2,.dialog p{margin:0}.dialog.ad{padding:40px 18px;font-size:20px}.dialog.ad small{opacity:.6;font-size:12px}.table{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.table .cell{border:2px solid var(--soft);border-radius:10px;flex-direction:column;gap:2px;padding:6px 2px;font-size:12px;display:flex}.table .cell.today{border-color:var(--accent);background:#ffe2cc}.table .cell.done{opacity:.45}.table .cell:last-child{grid-column:span 2}.toast{background:var(--ink);color:#fff;z-index:20;border-radius:20px;padding:10px 18px;font-weight:600;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.feedback-fab{z-index:5;border-radius:50%;width:48px;height:48px;padding:0;font-size:22px;position:fixed;bottom:14px;right:14px;box-shadow:0 2px 6px #3c281e40}.dialog.feedback textarea{width:100%;font:inherit;border:2px solid var(--soft);resize:vertical;border-radius:10px;padding:8px}.dialog.feedback small,.dialog.feedback label{font-size:13px}.dialog .status{min-height:1.2em;font-size:14px}.chips{justify-content:center;gap:8px;display:flex}.chip{width:48px;padding:8px 0}.chip.chosen{background:var(--accent);color:var(--accent-ink);border-color:#c96a32}.chip-ends{opacity:.7;justify-content:space-between;margin:-4px 22px 0;font-size:12px;display:flex}body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23f0dcc6' opacity='0.55'%3E%3Cellipse cx='30' cy='38' rx='9' ry='7'/%3E%3Ccircle cx='20' cy='27' r='3.5'/%3E%3Ccircle cx='27' cy='22' r='3.5'/%3E%3Ccircle cx='34' cy='22' r='3.5'/%3E%3Ccircle cx='41' cy='27' r='3.5'/%3E%3Cellipse cx='88' cy='96' rx='9' ry='7' transform='rotate(-20 88 96)'/%3E%3Ccircle cx='77' cy='87' r='3.5'/%3E%3Ccircle cx='83' cy='81' r='3.5'/%3E%3Ccircle cx='91' cy='80' r='3.5'/%3E%3Ccircle cx='98' cy='84' r='3.5'/%3E%3C/g%3E%3C/svg%3E");animation:60s linear infinite drift}@keyframes drift{0%{background-position:0 0}to{background-position:120px -240px}}@media (prefers-reduced-motion:reduce){body,.mascot,.big.primary{animation:none!important}}button{transition:transform 80ms,box-shadow 80ms,filter .15s;box-shadow:0 3px #8a645059}button:hover:not(:disabled){filter:brightness(1.04)}button:active:not(:disabled){transform:translateY(2px)scale(.97);box-shadow:0 1px #8a645059}button.primary{box-shadow:0 4px #c96a32}button.primary:active:not(:disabled){box-shadow:0 1px #c96a32}button.link,.feedback-fab{box-shadow:none}.big.primary{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.025)}}.mascot{filter:drop-shadow(0 6px 4px #5a3e302e);width:112px;height:112px;margin-bottom:-18px;animation:2.6s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-3deg)}}.home h1.title{text-shadow:0 3px #f08a4b40;animation:.5s cubic-bezier(.34,1.56,.64,1) both pop-in}.turf{box-shadow:0 8px 20px #5a3e3029}.shade{animation:.15s both fade-in}.dialog{animation:.28s cubic-bezier(.34,1.56,.64,1) both pop-in;box-shadow:0 12px 30px #3c281e40}.toast{animation:.35s cubic-bezier(.34,1.56,.64,1) both toast-in}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)scale(.9)}}img.star.pop{animation:.45s cubic-bezier(.34,1.8,.64,1) both star-in}@keyframes star-in{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.resources .bump{animation:.45s cubic-bezier(.34,1.8,.64,1) bump}@keyframes bump{40%{color:var(--accent);transform:scale(1.35)}}.hearts{display:inline-block}.switches{gap:8px;display:flex}.chip-toggle{opacity:.55;border-radius:999px;padding:6px 12px;font-size:13px}.chip-toggle.on{opacity:1;background:#ffe2cc}