:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff9f4;--bg-alt:#fdf3ef;--surface:#fffcfae0;--surface-strong:#fffdfa;--surface-soft:#f9f1ea;--surface-tint:#fff3ee;--border:#baa4984d;--border-strong:#baa49873;--text:#463936;--text-soft:#6f625c;--text-muted:#9b8f89;--primary:#efb8c8;--primary-strong:#e89db3;--secondary:#d8cbf7;--secondary-strong:#bca9ef;--mint:#caeadb;--mint-strong:#9fd2b7;--blue:#d8e9fb;--warning:#f4cf96;--danger:#e5a4a4;--shadow-lg:0 24px 60px #906f5d1f;--shadow-md:0 14px 34px #906f5d1a;--shadow-sm:0 6px 18px #906f5d14;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}*,:before,:after{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #efb8c875, transparent 30%), radial-gradient(circle at top right, #d8cbf761, transparent 28%), radial-gradient(circle at bottom left, #caeadb57, transparent 24%), linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);min-height:100%;color:var(--text);margin:0;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}body[data-game-mode=garden]{--bg:#f7fbf1;--bg-alt:#edf5e4;--surface:#f9fcf3e0;--surface-strong:#fbfdf7;--surface-soft:#f1f7ea;--surface-tint:#f6f9ef;--border:#839d7047;--border-strong:#839d706b;--text:#465542;--text-soft:#66755f;--text-muted:#84927c;--primary:#f2c7d5;--primary-strong:#e6adc0;--secondary:#d8e9c7;--secondary-strong:#accf92;--mint:#dff0d4;--mint-strong:#a8cb8e;--blue:#edf5df;--shadow-lg:0 28px 68px #6c845b24;--shadow-md:0 16px 38px #6c845b1f;--shadow-sm:0 8px 20px #6c845b1a;background:radial-gradient(circle at top left, #d7e9c470, transparent 28%), radial-gradient(circle at top right, #f2c7d557, transparent 28%), radial-gradient(circle at bottom left, #cae3b647, transparent 24%), linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%)}button,canvas,select{-webkit-tap-highlight-color:transparent}.start-modal{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#735a4d2e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-modal[hidden]{display:none!important}.settings-modal{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#735a4d33;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-modal[hidden]{display:none!important}.start-modal__card{width:min(470px,100%);box-shadow:var(--shadow-lg);text-align:center;background:radial-gradient(circle at 100% 0,#d8cbf773,#0000 34%),linear-gradient(#fffcfaf7,#f9f1eafa);border:1px solid #ffffffb3;border-radius:32px;padding:34px;position:relative}.start-modal__card:before,.start-modal__card:after{color:#bb8ea1cc;pointer-events:none;font-size:1rem;position:absolute}.start-modal__card:before{content:"✦";top:18px;right:20px}.start-modal__card:after{content:"☁";color:#b2bde8b3;bottom:18px;left:22px}.start-modal__eyebrow,.info-card__eyebrow,.success-card__eyebrow,.brand-mark__eyebrow,.label{color:var(--text-muted);letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.start-modal__title,.success-card__title,.brand-mark__title,.info-card__title{letter-spacing:-.02em;margin:0;font-family:Nunito,ui-rounded,Trebuchet MS,Segoe UI,sans-serif}.start-modal__title{margin-top:10px;font-size:clamp(2.1rem,4vw,3rem);line-height:1.08}.start-modal__rules{color:var(--text-soft);margin:14px 0 24px;font-size:1rem;line-height:1.65}.start-modal__status{color:var(--text-soft);background:#ffffff94;border-radius:18px;margin:-8px 0 20px;padding:12px 14px;font-size:.94rem;line-height:1.5}.start-modal__status[hidden]{display:none!important}.start-modal__field{text-align:left;gap:8px;margin:0 0 24px;display:grid}.start-modal__field-label{color:var(--text-soft);font-size:.92rem;font-weight:700}.start-modal__field-hint{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.5}.start-modal__select{appearance:none;border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#ffffffb3;border-radius:18px;padding:14px 16px;font-weight:600;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #ffffffa6}.start-modal__select:focus{border-color:#bca9eff2;outline:none;box-shadow:0 0 0 4px #d8cbf773,inset 0 1px #ffffffa6}body[data-game-mode=garden] .start-modal__card,body[data-game-mode=garden] .settings-modal__card{background:radial-gradient(circle at 100% 0,#dcecc97a,#0000 34%),radial-gradient(circle at 0 100%,#f3d8e052,#0000 28%),linear-gradient(#fbfdf6fa,#f0f7e9fa)}body[data-game-mode=garden] .start-modal__card:before{content:"❀";color:#b78fa3d1}body[data-game-mode=garden] .start-modal__card:after{content:"❦";color:#8aa877c2}body[data-game-mode=garden] .start-modal__select{background:#fcfff9c7;border-color:#9bb4854d}body[data-game-mode=garden] .start-modal__select:focus{border-color:#a4c787f5;box-shadow:0 0 0 4px #d2e8be73,inset 0 1px #ffffffb3}.start-modal__actions{gap:12px;display:grid}.start-modal__actions-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.settings-modal__card{width:min(520px,100%);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 100% 0,#d8cbf766,#0000 34%),linear-gradient(#fffcfaf7,#f9f1eafa);border:1px solid #ffffffc2;border-radius:30px;padding:28px}.settings-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.settings-modal__eyebrow{color:var(--text-muted);letter-spacing:.04em;margin:0 0 6px;font-size:.78rem;font-weight:700}.settings-modal__title{margin:0;font-family:Nunito,ui-rounded,Trebuchet MS,Segoe UI,sans-serif;font-size:1.7rem;line-height:1.08}.settings-modal__close{min-height:40px;padding-inline:16px}.settings-group{background:#ffffff8a;border:1px solid #fff9;border-radius:22px;padding:18px}.settings-group+.settings-group{margin-top:14px}.settings-group__row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.settings-group__title{margin:0 0 6px;font-family:Nunito,ui-rounded,Trebuchet MS,Segoe UI,sans-serif;font-size:1.1rem}.settings-group__copy{color:var(--text-soft);margin:0;font-size:.94rem;line-height:1.55}.settings-switch{color:var(--text);white-space:nowrap;background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:inline-flex}.settings-switch input{accent-color:#bca9ef}.settings-slider{gap:10px;display:grid}.settings-slider__label{color:var(--text-soft);font-size:.94rem;font-weight:700}.settings-slider input[type=range]{accent-color:#e89db3;width:100%}.app-shell{width:min(1180px,100%);margin:0 auto;padding:28px;position:relative}.page-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.page-decor__bubble{filter:blur(6px);opacity:.75;border-radius:999px;position:absolute}.page-decor__bubble--pink{background:radial-gradient(circle,#f7c9d499,#0000 70%);width:180px;height:180px;top:50px;right:28px}.page-decor__bubble--lavender{background:radial-gradient(circle,#dccff873,#0000 72%);width:220px;height:220px;bottom:100px;left:-18px}.page-decor__sparkle{color:#be9db0b3;font-size:1rem;animation:3.6s ease-in-out infinite floaty;position:absolute}.page-decor__sparkle--one{top:110px;left:32px}.page-decor__sparkle--two{animation-delay:1.2s;top:240px;right:320px}body[data-game-mode=garden] .page-decor__bubble--pink{background:radial-gradient(circle,#f1d0db8a,#0000 70%)}body[data-game-mode=garden] .page-decor__bubble--lavender{background:radial-gradient(circle,#d6eac480,#0000 72%)}body[data-game-mode=garden] .page-decor__sparkle{color:#829e6fad;text-shadow:0 0 14px #ffffff57}.top-bar{--top-bar-control-height:72px;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md);background:linear-gradient(#fffdfaeb,#f9f1eae6);border:1px solid #ffffffad;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:18px 20px;display:flex;position:relative}.brand-mark{align-items:center;gap:14px;margin-right:auto;display:flex}.brand-mark__icon{width:48px;height:48px;box-shadow:var(--shadow-sm);background:#ffffffc7;border-radius:18px;place-items:center;display:inline-grid;overflow:hidden}.brand-mark__icon-image{object-fit:cover;width:100%;height:100%;display:block}.brand-mark__copy{gap:4px;display:grid}.brand-mark__eyebrow{color:var(--text-muted)}.brand-mark__title{font-size:1.6rem;line-height:1}.top-bar__group{min-width:82px;min-height:var(--top-bar-control-height);background:#ffffff8a;border:1px solid #ffffff6b;border-radius:18px;flex-direction:column;justify-content:center;gap:6px;padding:12px 14px;display:flex}.top-bar__group strong{font-size:1.05rem}.top-bar__actions{min-height:var(--top-bar-control-height);background:#ffffff75;border:1px solid #ffffff61;border-radius:20px;align-items:stretch;gap:8px;padding:8px;display:inline-flex}.top-bar__button{min-height:100%;box-shadow:none;color:var(--text-soft);background:0 0;padding:10px 14px;font-size:.94rem}.top-bar__button:hover{box-shadow:none;background:#ffffff8f}.top-bar__button:focus-visible{box-shadow:0 0 0 4px #d8cbf770}.label{color:var(--text-muted)}.game-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.board-panel,.info-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);border:1px solid #ffffffb8}.board-panel{aspect-ratio:1;border-radius:34px;place-items:center;padding:18px;display:grid;position:relative;overflow:hidden}.board-panel:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff29,#0000 70%);border-radius:999px;width:132px;height:132px;transition:opacity .22s,transform .26s;position:absolute;top:10px;right:10px;transform:scale(.92)}.board-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#caeadb66,#0000 68%);border-radius:999px;width:82px;height:82px;position:absolute;inset:auto auto 14px 14px}body[data-game-mode=garden] .board-panel{background:linear-gradient(#f9fcf3f5,#f0f7e8f0);border-color:#ebf5e1e6}body[data-game-mode=garden] .board-panel:before{background:radial-gradient(circle,#b7d99a57,#0000 68%);width:124px;height:124px;inset:auto auto 10px 10px}body[data-game-mode=garden] .board-panel:after{opacity:.9;background:radial-gradient(circle at 35% 35%,#ffffffa8,#0000 24%),radial-gradient(circle,#f3d8df70,#0000 68%)}body[data-game-mode=garden] .board-panel[data-game-status=solved]{box-shadow:0 0 0 1px #d5e8c294,0 22px 48px #76985c2e}body[data-game-mode=garden] .board-panel[data-game-status=solved]:before,body[data-game-mode=garden] .board-panel[data-game-status=solved]:after{opacity:1;animation:1.5s ease-out bloomPulse;transform:scale(1.05)}.game-canvas{aspect-ratio:1;touch-action:none;cursor:pointer;width:100%;height:auto;display:block}.board-onboarding{z-index:6;pointer-events:none;position:absolute;inset:0}.board-onboarding[hidden]{display:none!important}.board-onboarding.is-active{pointer-events:none}.board-onboarding:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff14,#0000 50%);transition:opacity .24s;position:absolute;inset:0}.board-onboarding.is-active:before{opacity:1}.board-onboarding.is-finishing:before{opacity:0}.board-onboarding__label,.board-onboarding__hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#fffcf9d6;border:1px solid #ffffffbd;border-radius:999px;padding:8px 14px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #906f5d14}.board-onboarding__label{color:#5f504a;letter-spacing:.01em;font-size:.84rem;font-weight:700;top:18px}.board-onboarding__hint{color:var(--text-muted);pointer-events:auto;cursor:pointer;font-size:.73rem;font-weight:700;bottom:18px}.board-onboarding__hint[hidden]{display:none!important}.board-onboarding__board{pointer-events:none;position:absolute;overflow:visible}.board-onboarding__svg{width:100%;height:100%;display:block;overflow:visible}.board-onboarding__path,.board-onboarding__finger,.board-onboarding__endpoint{opacity:0;transition:opacity .22s,transform .22s}.board-onboarding__path.is-visible,.board-onboarding__finger.is-visible,.board-onboarding__endpoint{opacity:1}.board-onboarding__path{opacity:0;stroke-opacity:.34}.board-onboarding__finger{filter:drop-shadow(0 10px 16px #906f5d1f)}.board-onboarding__finger.is-resting{opacity:.42}.board-onboarding__finger-shadow{fill:#826d641f}.board-onboarding__finger-body{fill:#fff6f1f5;stroke:#d5beb6b3;stroke-width:1.5px}.board-onboarding__finger-tip{fill:#ffefe8fa;stroke:#d5beb6bd;stroke-width:1.5px}.board-onboarding__finger-highlight{fill:#ffffff9e}.board-onboarding__endpoint{opacity:.9}.info-panel{gap:16px;display:grid}.info-card{border-radius:var(--radius-lg);padding:20px;position:relative}.info-card__eyebrow{margin-bottom:8px}.info-card__title{margin-bottom:10px;font-size:1.24rem;line-height:1.15}.info-card p{color:var(--text-soft);margin:0;line-height:1.62}.info-card--hint{background:radial-gradient(circle at 100% 0,#d8cbf757,#0000 38%),linear-gradient(#fffcfaeb,#fff3eef5)}body[data-game-mode=garden] .info-card--hint{background:radial-gradient(circle at 100% 0,#dbecc961,#0000 38%),linear-gradient(#fafdf7f0,#f2f8ecf5)}.stat-row{color:var(--text-soft);border-bottom:1px solid #beaaa02e;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.stat-row strong{color:var(--text);background:#ffffffb8;border-radius:999px;padding:7px 12px;font-size:.95rem}.stat-row:last-child{border-bottom:0;padding-bottom:0}.button{appearance:none;min-height:46px;font:inherit;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:999px;padding:12px 20px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,opacity .18s}.button:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 10px 18px #906f5d1f}.button:active{transform:scale(.98)}.button:focus-visible{box-shadow:0 0 0 4px #d8cbf785, var(--shadow-sm);outline:none}.button--ghost{color:var(--text);background:#ffffffa3}.button--primary{background:linear-gradient(135deg, var(--primary), #f4d7c5);color:#5e4844}.button--secondary{background:linear-gradient(135deg, var(--secondary), var(--blue));color:#574a63}body[data-game-mode=garden] .button--primary{color:#5a664e;background:linear-gradient(135deg,#f2cad8,#f5e6b5)}body[data-game-mode=garden] .button--secondary{color:#506249;background:linear-gradient(135deg,#dfeecf,#eff6e5)}body[data-game-mode=garden] .button--ghost{color:#5f7058;background:#f8fcf2c7}.feedback{color:#6d5b57;text-align:center;min-height:44px;box-shadow:var(--shadow-sm);pointer-events:none;opacity:0;background:#ffffffc7;border:1px solid #ffffffbd;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-size:.94rem;font-weight:600;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:20px;left:20px;right:20px;transform:translateY(6px)}.feedback:not(:empty){opacity:1;transform:translateY(0)}.feedback.is-error{color:#9f6060;background:#fff4f4eb}body[data-game-mode=garden] .feedback{color:#607057;background:#fafdf6db;border-color:#e2eed4eb}.success-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#785f5329;place-items:center;padding:20px;display:grid;position:absolute;inset:0}body[data-game-mode=garden] .success-overlay{background:#6f885c29}.success-overlay[hidden]{display:none!important}.success-card{width:min(430px,100%);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 100% 0,#d8cbf759,#0000 34%),linear-gradient(#fffcfaf5,#f9f1eafa);border:1px solid #fffc;border-radius:28px;padding:30px}body[data-game-mode=garden] .success-card{background:radial-gradient(circle at 100% 0,#dcecc97a,#0000 34%),radial-gradient(circle at 0 100%,#f3d8e057,#0000 30%),linear-gradient(#fcfef8f7,#f1f8eafa)}.success-card__eyebrow{margin-bottom:8px}.success-card__title{margin-bottom:10px;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.08}.success-card__summary{color:var(--text-soft);white-space:pre-line;margin:0 0 22px;line-height:1.65}.success-card__actions{flex-wrap:wrap;gap:12px;display:flex}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bloomPulse{0%{opacity:.44;transform:scale(.96)}65%{opacity:1;transform:scale(1.06)}to{opacity:.94;transform:scale(1.02)}}@media (width<=980px){.app-shell{padding:18px}.game-layout{grid-template-columns:1fr}.top-bar{flex-wrap:wrap;justify-content:flex-start}.brand-mark{width:100%;margin-right:0}.top-bar__actions{margin-left:auto}.board-panel,.game-canvas{aspect-ratio:1}}@media (width<=647px){.app-shell{padding:14px}.start-modal__card,.success-card{padding:24px}.top-bar{border-radius:26px;padding:16px}.top-bar__group{min-width:calc(50% - 8px)}.top-bar__actions{justify-content:center;width:100%;margin-left:0}.board-panel{border-radius:26px;padding:12px}.game-canvas{aspect-ratio:1}.feedback{bottom:12px;left:12px;right:12px}.board-onboarding__label{text-align:center;max-width:calc(100% - 24px);top:12px}.board-onboarding__hint{bottom:12px}}@media (prefers-reduced-motion:reduce){.page-decor__sparkle,.board-panel:before,.board-panel:after{transition-duration:.16s;animation:none!important}.board-onboarding:before,.board-onboarding__path,.board-onboarding__finger,.board-onboarding__endpoint{transition-duration:.16s}}