@font-face{font-family:Caveat;font-weight:700;font-display:swap;src:url(/sprouts/assets/caveat-700-CXpGlwxz.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:400;font-display:swap;src:url(/sprouts/assets/alegreya-sans-400-CUl-7pZ6.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:500;font-display:swap;src:url(/sprouts/assets/alegreya-sans-500-DqiCFOjO.woff2) format("woff2")}@font-face{font-family:Alegreya Sans;font-weight:700;font-display:swap;src:url(/sprouts/assets/alegreya-sans-700-wtMREkJN.woff2) format("woff2")}:root{--paper: #e9ebe2;--sheet: #f2f3ec;--grid: #a9bcd0;--margin: #c4746b;--ink: #2a3c72;--red: #a8362c;--good: #2d6a45;--secondary: #8f9bb5;--crossed: #8b93a3;--pencil: rgba(88, 92, 102, .72);--hand: "Caveat", cursive;--sans: "Alegreya Sans", system-ui, sans-serif}:root[data-ink=black]{--ink: #2e3036}:root[data-ink=green]{--ink: #2d5c45}:root[data-ink=pencil]{--ink: #575c66}:root[data-paper=cream]{--paper: #e4dcc4;--sheet: #f3ecd7;--grid: #cdbd92;--margin: #b65c50;--secondary: #a1946f;--crossed: #a99c7e}:root[data-paper=night]{--paper: #17191d;--sheet: #23262d;--grid: #3a414f;--margin: #8a4a44;--red: #c65a4e;--good: #67a985;--secondary: #6e7787;--crossed: #5d6572;--pencil: rgba(196, 202, 214, .6);--ink: #aebfe4}:root[data-paper=night][data-ink=black]{--ink: #ced2db}:root[data-paper=night][data-ink=green]{--ink: #8fc9a8}:root[data-paper=night][data-ink=pencil]{--ink: #99a0ac}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background-color:var(--paper);background-image:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.5),transparent 60%),radial-gradient(120% 120% at 50% 110%,rgba(42,60,114,.07),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed;font-family:var(--sans);transition:background-color .3s ease,color .3s ease;color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.app{height:100dvh;display:flex;flex-direction:column}:root[data-paper=night] body{background-image:radial-gradient(130% 90% at 50% 0%,rgba(255,255,255,.03),transparent 60%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.board-wrap{position:relative;flex:1;overflow:hidden;touch-action:none}.board-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.board-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.desk{fill:var(--paper)}.sheet-face{fill:var(--sheet)}.margin-line{stroke:var(--margin);stroke-width:2;opacity:.55}.curve{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;opacity:.92}.curve.grow{stroke-dasharray:100;stroke-dashoffset:100;animation:grow-in .38s ease-out forwards}@keyframes grow-in{to{stroke-dashoffset:0}}.stroke-live{fill:none;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.stroke-live.good{stroke:var(--good);opacity:.85}.stroke-live.bad{stroke:var(--red);opacity:.8}.stroke-fade{fill:none;stroke:var(--pencil);stroke-width:3.2;stroke-linecap:round;animation:stroke-evaporate .38s ease-out forwards}.stroke-fade.bad{stroke:var(--red)}@keyframes stroke-evaporate{to{opacity:0}}.spot{fill:var(--ink);stroke:none}.spot.dead{fill:var(--crossed);opacity:.6}.spot.born{transform-box:fill-box;transform-origin:center;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1) .34s backwards}@keyframes pop-in{0%{transform:scale(0)}}.target-ring{fill:none;stroke:var(--pencil);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100;animation:ring-draw .22s ease-out both}@keyframes ring-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.page-head{position:absolute;top:calc(.4rem + env(safe-area-inset-top));left:1rem;right:.8rem;display:flex;align-items:baseline;gap:.9rem;pointer-events:none}.page-title{position:relative;margin:0;font-family:var(--hand);font-weight:700;font-size:2rem;line-height:1.1;color:var(--ink);transform:rotate(-1.1deg)}.title-underline{position:absolute;left:-2%;bottom:-.14em;width:104%;height:.16em;overflow:visible}.title-underline path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:grow-in .5s ease-out .15s forwards}.turn-tag{flex:1;font-family:var(--hand);font-weight:700;font-size:1.25rem;color:var(--secondary);transform:rotate(-.6deg);transition:color .2s ease}.turn-tag.over{color:var(--red)}.rules-btn{pointer-events:auto;width:2rem;height:2rem;padding:0;font-family:var(--hand);font-weight:700;font-size:1.25rem;line-height:1;color:var(--secondary);background:transparent;border:1.7px solid currentColor;border-radius:52% 48% 50% 50%/48% 52%;cursor:pointer;transition:transform 80ms ease}.rules-btn:active{transform:scale(.92)}.zoom-ctl{position:absolute;right:.7rem;bottom:.8rem;display:flex;flex-direction:column;gap:.4rem}.zoom-ctl button{width:2.1rem;height:2.1rem;padding:0;font-family:var(--hand);font-weight:700;font-size:1.3rem;line-height:1;color:var(--ink);background:var(--sheet);border:1.7px solid currentColor;border-radius:52% 48% 50% 50%/48% 52%;box-shadow:2px 2px #2a3c7224;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.zoom-ctl button:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #2a3c7200}.zoom-ctl button:disabled{color:var(--secondary);opacity:.5;box-shadow:none;cursor:default}.menu-screen{flex:1;display:grid;place-items:center;padding:1.5rem;background-color:var(--sheet);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:34px 34px}.menu-inner{text-align:center;transform:translateY(-4%)}.menu-title{position:relative;display:inline-block;margin:0;font-family:var(--hand);font-weight:700;font-size:clamp(3rem,14vw,4.6rem);line-height:1;color:var(--ink);transform:rotate(-1.5deg)}.menu-title .title-underline{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.16em;overflow:visible}.menu-sub{margin:1rem 0 2.2rem;font-family:var(--sans);font-size:1rem;letter-spacing:.04em;color:var(--secondary)}.menu-actions{display:flex;flex-direction:column;align-items:center;gap:.9rem}.menu-btn-big{font-size:1.55rem;min-width:12rem;padding:.55rem 1.4rem}.toolbar{display:flex;justify-content:center;gap:.8rem;padding:.65rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid rgba(169,188,208,.45)}.tool-btn{font-family:var(--hand);font-weight:700;font-size:1.4rem;line-height:1;color:var(--ink);background:var(--sheet);padding:.45rem 1.2rem;border:1.8px solid currentColor;border-radius:14px 255px 16px/255px 16px;box-shadow:2px 2px #2a3c7224;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.tool-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #2a3c7200}.tool-btn:disabled{color:var(--secondary);opacity:.55;box-shadow:none;cursor:default}.tool-btn.primary{color:var(--red)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:#e9ebe2bf;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .2s ease-out;z-index:10}:root[data-paper=night] .overlay{background:#17191dbf}@keyframes fade-in{0%{opacity:0}}.card{max-width:400px;padding:1.5rem 1.7rem 1.7rem;background-color:var(--sheet);background-image:linear-gradient(to right,rgba(169,188,208,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(169,188,208,.28) 1px,transparent 1px);background-size:26px 26px;border:1px solid rgba(169,188,208,.6);border-radius:3px;box-shadow:0 2px #fff9 inset,0 12px 32px #2a3c7229;transform:rotate(-.4deg);text-align:center}.card-title{margin:0 0 .6rem;font-family:var(--hand);font-weight:700;font-size:2.1rem;color:var(--ink)}.rules-diagram{width:200px;margin-bottom:.4rem}.rules-diagram .rd-curve{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;opacity:.9}.rules-diagram .rd-loop{stroke:var(--red);opacity:.85}.rules-diagram .rd-dot{fill:var(--ink)}.rules-diagram .rd-new{fill:var(--red)}.rules-list{margin:0 0 1rem;padding-left:1.15rem;text-align:left;font-size:1rem;line-height:1.45;color:#4a5878}:root[data-paper=night] .rules-list{color:#9aa4bb}.rules-list li{margin-bottom:.45rem}.rules-list strong{color:var(--ink)}.mode-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.1rem;flex-wrap:wrap}.mode-label{font-family:var(--sans);font-size:.9rem;color:var(--secondary)}.mode-btn{font-family:var(--hand);font-weight:700;font-size:1.05rem;line-height:1;color:var(--secondary);background:transparent;padding:.28rem .7rem;border:1.6px solid currentColor;border-radius:10px 160px 12px/160px 12px;cursor:pointer}.mode-btn.active{color:var(--ink);border-color:var(--red);box-shadow:1px 1px #a8362c59}.card-actions{display:flex;justify-content:center;gap:.8rem}.settings-card .mode-row{justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;margin-bottom:.55rem}.settings-card .mode-label{flex:0 0 4.6rem;text-align:right}.mode-opts{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.settings-note{margin:.7rem 0 1rem;font-size:.85rem;color:var(--secondary)}.win-card .card-title{margin-bottom:.1rem}.underline{width:200px;color:var(--red);stroke-dasharray:230;stroke-dashoffset:230;animation:draw .42s ease-out .18s forwards}@keyframes draw{to{stroke-dashoffset:0}}.win-stats{margin:.7rem 0 1.3rem;font-family:var(--sans);color:var(--secondary);font-size:1.05rem}.win-stats strong{color:var(--ink)}.toast{position:fixed;left:50%;bottom:calc(4.9rem + env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1.6deg);padding:.2rem .6rem;font-family:var(--hand);font-weight:700;font-size:1.35rem;line-height:1.1;color:var(--red);text-shadow:0 0 8px var(--paper),0 0 4px var(--paper),0 0 2px var(--paper);animation:toast-cycle 1.9s ease-in-out forwards;pointer-events:none;z-index:20;white-space:nowrap}@keyframes toast-cycle{0%{opacity:0;transform:translate(-50%) rotate(-1.6deg) translateY(8px)}12%,80%{opacity:1;transform:translate(-50%) rotate(-1.6deg) translateY(0)}to{opacity:0}}