@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/Baloo2-variable.woff2)format("woff2")}:root{--ink:#4a4452;--ink-deep:#2f2b38;--paper:#edeaf4;--paper-edge:#d3cde0;--wood:#b07a46;--wood-dark:#8a5b31;--wood-deep:#5e3c1f;--good:#4e8f63;--bad:#c0395e;--pink:#f0a9b8;--peach:#f2c9a0;--mint:#bfe3c8;--lilac:#c9b8e8}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;justify-content:center;min-height:100dvh;padding:12px;font-family:"Baloo 2",Trebuchet MS,system-ui,sans-serif;display:flex}.app,.screen{flex-direction:column;gap:12px;width:100%;max-width:520px;display:flex}.bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.chip{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:16px;padding:5px 14px;font-size:20px;font-weight:600;line-height:1.2}.chip small{opacity:.6;letter-spacing:.02em;font-size:11px;font-weight:400;display:block}.hearts{gap:5px;display:flex}.heart{width:21px;height:21px}.heart.lost{opacity:.2}.chip--ghost{border:2.5px solid var(--ink);box-shadow:none;color:var(--ink);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:14px}.chip--ghost:active{transform:translateY(1px)}.context{text-align:center;opacity:.7;font-size:13px}.sign{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);text-align:center;background:#fff;border-radius:20px;padding:11px 16px}.sign .kicker{opacity:.6;margin-bottom:1px;font-size:12px}.sign .word{word-break:break-word;font-size:26px;font-weight:600;line-height:1.15}.timer{background:var(--ink);border-radius:99px;height:8px;overflow:hidden}.timer i{background:linear-gradient(90deg, var(--lilac), var(--pink), var(--peach));border-radius:99px;width:100%;height:100%;display:block}.meadow{border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:repeating-linear-gradient(90deg, transparent 0 62px, #5e3c1f73 62px 64px), linear-gradient(180deg, #c08c56 0%, var(--wood) 40%, var(--wood-dark) 100%);border-radius:20px;grid-template-columns:repeat(2,1fr);gap:6px 8px;padding:12px 10px;display:grid;position:relative;overflow:hidden}.cell{aspect-ratio:1/1.3;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:relative;overflow:hidden}.cell:focus-visible{outline-offset:-2px;outline:3px solid #fff}.pop{flex-direction:column;align-items:center;gap:9px;transition:transform .26s cubic-bezier(.34,1.5,.6,1);display:flex;position:absolute;bottom:6%;left:0;right:0;transform:translateY(122%)}.pop.up{transform:translateY(0)}.pop svg{width:58px;height:auto;display:block}.bubble{border:3px solid var(--ink);background:linear-gradient(115deg, var(--pink) 0%, var(--peach) 42%, var(--mint) 78%, var(--lilac) 100%);--bubble-font:22px;width:98%;max-width:none;font-size:var(--bubble-font);text-align:center;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:var(--ink-deep);border-radius:34% 34% 32% 32%/42% 42% 30% 30%;padding:5px 8px 6px;font-weight:600;line-height:1.18;position:relative}.bubble[data-size=s]{font-size:calc(var(--bubble-font) * .92);line-height:1.14}.bubble[data-size=xs]{font-size:calc(var(--bubble-font) * .82);letter-spacing:-.01em;line-height:1.1}.bubble:empty{display:none}.bubble:after{content:"";background:var(--mint);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-9px;left:50%;transform:rotate(45deg)skew(8deg,8deg)}.rim{background:radial-gradient(ellipse at 50% 30%, #241a12 0%, #241a12 62%, var(--wood-deep) 64%, #7a5029 100%);border:3px solid var(--ink);pointer-events:none;border-radius:50%;height:26%;position:absolute;bottom:2%;left:6%;right:6%}.cell.hit .rim{border-color:var(--good);box-shadow:0 0 0 4px #4e8f6380}.cell.miss .rim{border-color:var(--bad);box-shadow:0 0 0 4px #c0395e80}@keyframes shake{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(0)rotate(-8deg)}70%{transform:translateY(0)rotate(8deg)}}.pop.shake{animation:.34s shake}.hole-key{color:#fff;text-shadow:0 1px 2px var(--ink-deep);opacity:0;pointer-events:none;font-size:11px;font-weight:600;transition:opacity .15s;position:absolute;top:4px;left:6px}.cell[aria-hidden=false] .hole-key{opacity:.8}.note{text-align:center;min-height:24px;font-size:15px;font-weight:500}.note.good{color:var(--good)}.note.bad{color:var(--bad)}button.action{font:inherit;color:#fff;background:var(--ink);box-shadow:0 4px 0 var(--ink-deep);cursor:pointer;border:0;border-radius:14px;width:100%;padding:12px;font-size:17px;font-weight:600}button.action:active{box-shadow:0 2px 0 var(--ink-deep);transform:translateY(2px)}button.action--ghost{color:var(--ink);border:2.5px solid var(--ink);box-shadow:none;background:0 0}button.action--ghost:active{box-shadow:none}.summary{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:16px;padding:10px 14px}.summary__title{opacity:.7;margin-bottom:4px;font-size:13px;font-weight:600}.summary__list{flex-direction:column;gap:3px;font-size:14px;list-style:none;display:flex}.summary__leaderboard-status{opacity:.75;margin-top:6px;font-size:13px}.rank{flex-direction:column;gap:4px;display:flex}.rank__label{opacity:.7;font-size:12px;font-weight:600}.rank__track{border:2.5px solid var(--ink);background:#fff;border-radius:999px;height:10px;overflow:hidden}.rank__fill{background:var(--good);height:100%;transition:width .32s ease-out}@media (prefers-reduced-motion:reduce){.rank__fill{transition:none}}.player-list{flex-direction:column;gap:12px;display:flex}.player-card{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.player-card__top{align-items:center;gap:10px;display:flex}.player-card__avatar{border:2.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;padding:4px 8px;font-size:26px;line-height:1}.player-card__class{flex-shrink:0;padding:8px 10px;font-size:16px}.player-card__picker{padding-top:2px}.player-card__meta{align-items:center;gap:10px;display:flex}.player-card__known{opacity:.7;font-size:13px}.grade-pill{font:inherit;color:var(--ink);background:var(--mint);border:2.5px solid var(--ink);cursor:pointer;border-radius:99px;flex-shrink:0;padding:3px 12px;font-size:13px;font-weight:600}.grade-pill.is-unset{background:var(--peach)}.player-card__xp{flex-shrink:0;font-size:13px;font-weight:700}.text-input,.name-input{font:inherit;color:var(--ink);border:0;border-bottom:2px dashed var(--paper-edge);background:0 0;width:100%;padding:8px 2px;font-size:18px;font-weight:600}.name-input{flex:1;min-width:0;padding:4px 2px}.text-input:focus,.name-input:focus{border-bottom-color:var(--good);outline:none}.badge-pill{font:inherit;color:var(--ink);border:2.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:99px;flex-shrink:0;padding:3px 10px;font-size:13px;font-weight:600}.badge-list{flex-direction:column;gap:8px;display:flex}.badge-row{border:2.5px solid var(--ink);opacity:.55;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.badge-row.is-earned{opacity:1;background:var(--mint);box-shadow:0 3px 0 var(--ink)}.badge-row__icon{flex-shrink:0;font-size:26px}.badge-row__text{flex-direction:column;min-width:0;display:flex}.badge-row__title{font-size:16px;font-weight:600}.badge-row__hint{opacity:.75;font-size:12px}.toast{z-index:20;background:linear-gradient(115deg, var(--pink) 0%, var(--peach) 45%, var(--mint) 100%);border:3px solid var(--ink);width:calc(100% - 32px);max-width:420px;box-shadow:0 5px 0 var(--ink);color:var(--ink-deep);cursor:pointer;opacity:0;border-radius:18px;padding:10px 14px;transition:opacity .26s ease-out,transform .26s cubic-bezier(.34,1.5,.6,1);position:fixed;top:14px;left:50%;transform:translate(-50%)translateY(-14px)}.toast.is-in{opacity:1;transform:translate(-50%)translateY(0)}.toast__heading{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:2px;font-size:11px;font-weight:600}.toast__row{align-items:center;gap:10px;display:flex}.toast__icon{font-size:24px}.toast__title{font-size:16px;font-weight:600}.story-card{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.story-card__cast{justify-content:center;gap:18px;display:flex}.story-card__pet{flex-direction:column;align-items:center;gap:2px;width:88px;display:flex}.story-card__pet svg{width:100%;height:auto;display:block}.story-card__name{font-size:14px;font-weight:600}.story-card__lines{flex-direction:column;gap:8px;display:flex}.story-card__line{font-size:15px;line-height:1.35}.empty-state{border:3px dashed var(--paper-edge);text-align:center;background:#fff;border-radius:16px;padding:20px 16px}.empty-state__text{opacity:.8;font-size:15px;line-height:1.4}button.add-player{background:var(--good);box-shadow:0 4px #3a6b4a}button.sign-in{font-size:15px}button.add-player:active{box-shadow:0 2px #3a6b4a}.form-block{flex-direction:column;gap:6px;display:flex}.form-label{opacity:.7;font-size:13px;font-weight:600}.form-hint{opacity:.6;font-size:12px;font-weight:500;line-height:1.35}.form-hint--lead{opacity:.85;border:2.5px dashed var(--paper-edge);background:#fff;border-radius:12px;padding:9px 12px;font-size:13px}.pin-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pin-boxes{gap:10px;display:flex}.pin-box{width:52px;height:58px;font:inherit;text-align:center;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--paper-edge);background:#fff;border-radius:14px;padding:0;font-size:28px;font-weight:700}.pin-box:focus{border-color:var(--good);box-shadow:0 3px 0 var(--good);outline:none}.pin-box.is-filled{background:var(--mint)}.step{background:var(--ink);color:#fff;vertical-align:-2px;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-size:12px;font-weight:700;display:inline-grid}.form-todo{text-align:center;color:var(--ink);opacity:.75;margin-top:-4px;font-size:13px;font-weight:600}.player-card__pin{flex-direction:column;align-items:flex-start;gap:8px}button.action:disabled{opacity:.45;box-shadow:0 4px 0 var(--ink-deep);cursor:not-allowed}button.action:disabled:active{transform:none}.player-card__remove{font:inherit;color:var(--ink);opacity:.55;cursor:pointer;background:0 0;border:0;align-self:center;padding:4px 8px;font-size:13px;font-weight:600}.player-card__remove.is-confirming{opacity:1;color:var(--bad)}.grade-list{flex-direction:column;gap:12px;display:flex}.grade-option{font:inherit;text-align:left;border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:18px;padding:20px 18px}.grade-option.is-active{background:var(--mint)}.grade-option:active{box-shadow:0 3px 0 var(--ink);transform:translateY(2px)}.grade-option__label{font-size:22px;font-weight:600}.unit-list{flex-direction:column;gap:10px;display:flex}.unit-row{text-align:left;font:inherit;color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.unit-row.is-suggested{background:var(--mint)}.unit-row__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.unit-row__number{border:2.5px solid var(--ink);text-align:center;background:#fff;border-radius:9px;flex:none;min-width:26px;padding:1px 6px;font-size:14px;font-weight:700}.unit-row__title{flex:1;min-width:0;font-size:18px;font-weight:600}.unit-row__pips{flex-shrink:0;gap:4px;display:flex}.unit-row__pip{border:2.5px solid var(--ink);background:0 0;border-radius:50%;width:11px;height:11px}.unit-row__pip.is-filled{background:var(--good)}.unit-row__meta{opacity:.75;align-items:center;gap:8px;font-size:13px;display:flex}.unit-row__due{color:var(--bad);opacity:1;font-weight:600}.unit-row__fresh{opacity:1;font-weight:600}.unit-row__nudge{text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:#fff;border-radius:99px;align-self:flex-start;padding:2px 10px;font-size:11px;font-weight:600}.summary__xp{color:var(--good);margin-top:6px;font-size:14px;font-weight:700}.summary__rank,.summary__goal{opacity:.8;margin-top:4px;font-size:13px;font-weight:600}.direction-toggle{gap:8px;display:flex}.direction-toggle__option{font:inherit;border:2.5px solid var(--ink);color:var(--ink);opacity:.55;cursor:pointer;background:#fff;border-radius:12px;flex:1;padding:10px;font-size:14px;font-weight:600}.direction-toggle__option.is-active{opacity:1;background:var(--mint)}.lesson-list{flex-direction:column;gap:10px;display:flex}.lesson-btn{text-align:left}hr{border:none;border-top:2px dashed var(--paper-edge);margin:2px 0}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.avatar-grid__option{border:2.5px solid var(--ink);cursor:pointer;opacity:.55;background:#fff;border-radius:12px;padding:8px 0;font-size:26px}.avatar-grid__option.is-active{opacity:1;background:var(--mint)}.leaderboard-list__ol{flex-direction:column;gap:6px;list-style:none;display:flex}.leaderboard-row{border:2.5px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.leaderboard-row.is-me{border-color:var(--good);box-shadow:0 0 0 3px #4e8f6359}.leaderboard-row__rank{opacity:.6;text-align:right;width:1.5em;font-weight:600}.leaderboard-row__avatar{font-size:20px}.leaderboard-row__nickname{flex:1;min-width:0;font-weight:600}.leaderboard-row__level{opacity:.6;font-size:11px;font-weight:600;display:block}.leaderboard-row__score{font-weight:700}@media (width>=700px){.app,.screen{max-width:640px}.sign .word{font-size:32px}.meadow{gap:10px 14px;padding:18px}.cell{aspect-ratio:1}.bubble{--bubble-font:28px;padding:8px 12px 9px}.pop svg{width:82px}.hole-key{font-size:13px}}@media (width<=699px){.context{display:none}}@media (width>=820px) and (orientation:landscape){.app,.screen{max-width:900px}.meadow{grid-template-columns:repeat(4,1fr)}.cell{aspect-ratio:1/1.15}.bubble{--bubble-font:24px}.pop svg{width:66px}}@media (height<=760px){.pin-box{width:46px;height:50px;font-size:24px}.cell{aspect-ratio:1/1.12}.bubble{--bubble-font:19px;padding:3px 7px 4px}.pop svg{width:52px}.pop{bottom:3%}.sign{padding:8px 14px}.sign .word{font-size:23px}.context{display:none}}@media (prefers-reduced-motion:reduce){.pop{transition-duration:.01ms}.pop.shake{animation:none}.timer i{transition:none!important}.toast{transition-duration:.01ms}}