@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(./permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(./permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff")}:root{--paper:#f7f2e4;--sheet:#fffdf6;--ink:#2447c8;--graphite:#38363d;--pencil:#6b6873;--red:#d63a2f;--gold:#e9a908;--hand:"Patrick Hand", "Comic Sans MS", cursive;--marker:"Permanent Marker", "Comic Sans MS", cursive;--sticker:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cpath d='M0-11 3.2-3.6 11-3.4 4.9 1.6 7 9.2 0 4.9-7 9.2-4.9 1.6-11-3.4-3.2-3.6Z' fill='%23fff' stroke='%23fff' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M0-9 2.6-3 9-2.8 4 1.3 5.7 7.5 0 4-5.7 7.5-4 1.3-9-2.8-2.6-3Z' fill='%23f2b705' stroke='%23c98a00' stroke-width='.7'/%3E%3C/svg%3E");font-size:clamp(13px,1.6vmin + .3vmax,22px)}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--graphite);font-family:var(--hand);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#view{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}h1,h2,h3,p{margin:0;font-weight:400}.sticker-ic{background:var(--sticker) center / contain no-repeat;filter:drop-shadow(0 1px 1px #00000040);vertical-align:-.25em;width:1.35em;height:1.35em;display:inline-block}.stars{font-family:var(--marker);color:#a87400;align-items:center;gap:.3em;display:inline-flex}.circ{pointer-events:none;width:132%;height:168%;position:absolute;top:-34%;left:-16%;overflow:visible}.circ path{fill:none;stroke:var(--red);stroke-width:2.4px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .38s cubic-bezier(.3,.7,.3,1)}.uline{width:100%;height:.3em;margin-top:-.1em;display:block;overflow:visible}.uline path{fill:none;stroke:var(--red);stroke-width:2.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.frame{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.ink-btn{min-height:2.4em;font-family:var(--hand);color:var(--ink);border:2px solid;border-radius:255px 15px 225px/15px 225px 15px 255px;justify-content:center;align-items:center;gap:.4em;padding:.3em 1.1em;font-size:1.3em;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .15s;display:inline-flex}.ink-btn:hover:not([disabled]){background:#2447c812;transform:rotate(-1.5deg)scale(1.04)}.ink-btn:active:not([disabled]){transform:scale(.96)}.ink-btn[disabled]{opacity:.4;cursor:default}.ink-btn.primary{background:var(--ink);border-color:var(--ink);color:var(--sheet)}.ink-btn.primary:hover:not([disabled]){background:#1b39a8}.ink-btn.red{color:var(--red)}.ink-btn.buy .stars{font-size:.9em}#screens{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#screens:empty{display:none}#screens.screen,#screens.modal{pointer-events:auto}.corner{top:max(1em, env(safe-area-inset-top));right:max(1.4em, env(safe-area-inset-right));font-size:1.5em;position:absolute}#screens.menu{pointer-events:none}.menu .corner,.menu .menu-page,.menu .grades{pointer-events:auto}.menu-page{left:max(7%, env(safe-area-inset-left));width:min(30em,46vw);position:absolute;top:50%;transform:translateY(-52%)}.logo{font-family:var(--marker);color:var(--ink);white-space:nowrap;font-size:5.2em;line-height:1;display:inline-block;position:relative;transform:rotate(-4deg)}.loop-word{display:inline-block;position:relative}.loop-word .circ path{stroke-width:3px;animation:.9s cubic-bezier(.4,.6,.3,1) .35s forwards draw}.tagline{margin:.8em 0 1.4em;font-size:1.4em;line-height:1.25;transform:rotate(-1.2deg)}.todo{flex-direction:column;gap:.3em;margin:0;padding:0;list-style:none;display:flex}.todo-item{color:var(--graphite);align-items:center;gap:.6em;font-size:1.75em;display:inline-flex}.todo-item span{padding:0 .15em;position:relative}.todo-item.big{font-family:var(--marker);color:var(--ink);font-size:2.9em}.box{border:2px solid var(--graphite);border-radius:3px 1px 4px 2px;flex:none;width:.62em;height:.62em;position:relative;transform:rotate(-4deg)}.big .box{border-width:3px}.todo-item:hover .circ path{stroke-dashoffset:0}.todo-item:focus-visible .circ path{stroke-dashoffset:0}.todo-item.done .box:after{content:"✓";font-family:var(--marker);color:var(--red);font-size:1.4em;animation:.2s ease-out pop;position:absolute;top:-.65em;left:-.05em}.grades{right:max(2em, env(safe-area-inset-right));bottom:max(1.4em, env(safe-area-inset-bottom));color:var(--red);text-align:right;font-size:1.25em;line-height:1.25;position:absolute;transform:rotate(-3deg)}.grades b{font-family:var(--marker);font-weight:400}#screens.sheet.map{background:#f7f2e4f2}#screens.sheet{padding:max(1em, env(safe-area-inset-top)) max(1.4em, env(safe-area-inset-right)) max(1.6em, env(safe-area-inset-bottom)) max(1.4em, env(safe-area-inset-left));background:#f7f2e4db;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.sheet-head{grid-template-columns:auto 1fr auto;align-items:center;gap:1em;width:100%;max-width:56em;font-size:1.2em;display:grid}.sheet-head h2{font-family:var(--marker);color:var(--ink);justify-self:start;font-size:2.2em}.back{font-family:var(--marker);color:var(--graphite);width:1.4em;font-size:2em;transition:transform .2s}.back:hover{transform:translate(-.15em)}.sub{color:var(--pencil);text-align:center;max-width:30em;margin:.3em 0 1.2em;font-size:1.25em}.pens{grid-template-columns:repeat(3,1fr);gap:1.6em 1.2em;width:100%;max-width:56em;display:grid}.pen-card{text-align:center;flex-direction:column;align-items:center;gap:.2em;padding:.6em;display:flex;position:relative}.pen-card .circ{width:104%;height:108%;top:-4%;left:-2%}.pen-card .circ path{stroke-dashoffset:0;animation:.7s ease-out draw}.pen-art{width:8em;height:6.5em}.pen-card.locked .pen-art{opacity:.45;filter:grayscale(.8)}.pen-card h3{font-family:var(--marker);color:var(--ink);font-size:1.4em}.pen-card p{min-height:2.5em;margin-bottom:.4em;font-size:1.15em;line-height:1.15}.chosen{font-family:var(--marker);color:var(--red);font-size:1.2em;transform:rotate(-4deg)}.case{width:100%;max-width:44em;margin:0;padding:0;list-style:none}.case-row{border-bottom:1.5px solid #6e96d273;grid-template-columns:3em 1fr auto 7.5em;align-items:center;gap:.9em;padding:.55em .2em;display:grid}.case-row h3{font-family:var(--marker);color:var(--ink);font-size:1.15em}.case-row p{color:var(--pencil);font-size:1.1em}.case-row .ink-btn{min-height:2.1em;padding:.2em .6em;font-size:1.05em}.case-row .chosen{text-align:center}.ico{width:2.8em;height:2.8em}.tally{font-family:var(--marker);letter-spacing:.05em;color:var(--red);font-size:1.3em}.tally i{color:#38363d33;font-style:normal}.narrow .settings{width:100%;max-width:26em}.settings{flex-direction:column;gap:.9em;font-size:1.3em;display:flex}.settings .row{justify-content:space-between;align-items:center;gap:1em;display:flex}.ink-range{--knob:1.3em;flex:none;width:9em;height:1.6em;display:block;position:relative}.ink-range:before{content:"";background:repeating-linear-gradient(90deg,#38363d73 0 6px,#0000 6px 10px);height:2px;margin-top:-1px;position:absolute;top:50%;left:.3em;right:.3em}.ink-range:after{content:"";clip-path:inset(0 calc(100% - var(--knob) / 2 - (100% - var(--knob)) * var(--v) / 100) 0 0);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' preserveAspectRatio='none'%3E%3Cpath d='M0 14 C 3 5, 6 4, 9 7 S 14 17, 20 14' fill='none' stroke='%232447c8' stroke-width='2.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0/.95em 100% repeat-x;position:absolute;top:12%;bottom:12%;left:0;right:0}.ink-range input{-webkit-appearance:none;appearance:none;z-index:1;cursor:pointer;background:0 0;outline:none;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.ink-range input::-webkit-slider-runnable-track{background:0 0;height:100%}.ink-range input::-moz-range-track{background:0 0;height:100%}.ink-range input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--knob);height:var(--knob);margin-top:calc((1.6em - var(--knob)) / 2);background:var(--ink);box-shadow:0 0 0 2px var(--sheet);border-radius:46% 54% 42% 58%/55% 45% 57% 43%;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.ink-range input::-moz-range-thumb{width:var(--knob);height:var(--knob);background:var(--ink);box-shadow:0 0 0 2px var(--sheet);border:none;border-radius:46% 54% 42% 58%/55% 45% 57% 43%}.ink-range input:active::-webkit-slider-thumb{transform:scale(1.2)rotate(20deg)}.ink-range.held input::-webkit-slider-thumb{transform:scale(1.2)rotate(20deg)}@media (pointer:coarse){.ink-range{touch-action:none}.ink-range input{pointer-events:none}}.vol-name{transition:color .25s;position:relative}.vol-name.off{color:var(--pencil);-webkit-text-decoration:line-through var(--red) 2px;text-decoration:line-through var(--red) 2px}.check{border:2px solid var(--graphite);border-radius:3px 1px 4px 2px;width:1.1em;height:1.1em;position:relative}.check.on i:after{content:"✓";font-family:var(--marker);color:var(--red);font-size:1.3em;position:absolute;top:-.55em;left:0}.segs{gap:.6em;display:flex}.seg{color:var(--pencil);position:relative}.seg.on{color:var(--ink);-webkit-text-decoration:underline wavy var(--red) 1.5px;text-decoration:underline wavy var(--red) 1.5px;text-underline-offset:.25em}.credits{max-width:28em;color:var(--pencil);text-align:center;margin-top:2em;font-size:1em}#screens.modal{padding:max(1em, env(safe-area-inset-top)) max(1em, env(safe-area-inset-right)) max(1em, env(safe-area-inset-bottom)) max(1em, env(safe-area-inset-left));background:#f7f2e4c7;flex-direction:column;justify-content:center;align-items:center;gap:1em;animation:.18s ease-out fade;display:flex;overflow-y:auto}.scrawl{font-family:var(--marker);color:var(--ink);text-align:center;font-size:3em;animation:.35s cubic-bezier(.3,1.5,.5,1) slap;transform:rotate(-3deg)}.scrawl.red{color:var(--red)}.scrawl.gold{color:#c98a00}.modal-foot{flex-wrap:wrap;justify-content:center;gap:1em;display:flex}.modal-foot.pair .ink-btn{min-width:10em}.stickies{justify-content:center;gap:1.4em;padding:.6em 0 .4em;display:flex}.sticky{text-align:center;background:var(--bg);width:13em;min-height:14.5em;color:var(--graphite);transform:rotate(var(--r));opacity:0;animation:.38s cubic-bezier(.3,1.4,.5,1) forwards stick;animation-delay:var(--d);flex-direction:column;align-items:center;padding:1.7em 1em 1.1em;transition:transform .22s cubic-bezier(.3,1.6,.5,1);display:flex;position:relative;box-shadow:0 .15em .2em #00000014,0 .8em 1.2em -.4em #00000038}.sticky:hover{transform:rotate(0)translateY(-.4em)scale(1.04)}.sticky:focus-visible{transform:rotate(0)translateY(-.4em)scale(1.04)}.tape{background:#fff9;border-left:1px dashed #0000000f;border-right:1px dashed #0000000f;width:5.5em;height:1.5em;margin-left:-2.75em;position:absolute;top:-.75em;left:50%;transform:rotate(-3deg)}.sticky .ico{width:3.6em;height:3.6em;margin-bottom:.5em}.sticky h3{font-family:var(--marker);color:var(--ink);margin-bottom:.25em;font-size:1.3em}.sticky p{font-size:1.2em;line-height:1.15}.sticky .key{color:var(--pencil);font-size:1.1em;position:absolute;top:.4em;left:.6em}.sticky .tag{font-family:var(--marker);color:var(--red);position:absolute;top:.35em;right:.6em;transform:rotate(8deg)}.peels{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1em 1.8em;width:min(36em,100%);margin:.4em 0;display:flex}.peel{width:8em;transform:rotate(var(--r));opacity:0;animation:.4s cubic-bezier(.3,1.4,.5,1) forwards stick;animation-delay:var(--d);flex-direction:column;align-items:center;gap:.35em;display:flex;position:relative}.peel:before{content:"";opacity:0;pointer-events:none;width:9.5em;height:9.5em;animation:.5s ease-out forwards slapmarks;animation-delay:calc(var(--d) + .22s);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg stroke='%2338363d' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M0 -40 L0 -48'/%3E%3Cpath d='M30 -28 L36 -34'/%3E%3Cpath d='M40 4 L48 6'/%3E%3Cpath d='M-31 -27 L-37 -33'/%3E%3Cpath d='M-41 6 L-48 9'/%3E%3Cpath d='M26 33 L31 39'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;margin:-4.75em 0 0 -4.75em;position:absolute;top:3em;left:50%}.big-sticker{background:var(--sticker) center / contain no-repeat;filter:drop-shadow(0 .25em .35em #00000040);place-items:center;width:6em;height:6em;display:grid}.big-sticker b{font-family:var(--marker);color:#7a4f00;text-shadow:0 0 .1em #fff4c8,0 0 .1em #fff4c8;font-size:1.6em;font-weight:400;transform:rotate(-6deg)translateY(.2em)}.big-swatch{border:.3em solid #fff;border-radius:6px 10px 8px 12px;width:5.4em;height:5.4em;box-shadow:0 0 0 1.5px #38363d80,0 .3em .5em #00000040}.peel p{text-align:center;font-size:1.25em;line-height:1.1}.peel small{color:var(--pencil);font-size:.75em;display:block}@keyframes slapmarks{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.15)}}.pause-body{flex-wrap:wrap;justify-content:center;gap:1.4em;display:flex}.paper-card{background:var(--sheet);width:19em;padding:1.2em 1.3em;position:relative}.paper-card h3{font-family:var(--marker);color:var(--ink);margin-bottom:.5em;font-size:1.3em}.owned{gap:.3em;margin:0;padding:0;font-size:1.2em;list-style:none;display:grid}.owned li{align-items:center;gap:.5em;display:flex}.owned .ico{width:1.7em;height:1.7em}.owned span{flex:1}.owned b{font-family:var(--marker);color:var(--red);letter-spacing:.05em;font-weight:400}.revive .sub,.victory .sub,.confirm .sub{color:var(--graphite);font-size:1.35em}.test{background:linear-gradient(90deg, transparent 2.2em, #d63a2f73 2.2em, #d63a2f73 calc(2.2em + 1.5px), transparent calc(2.2em + 1.5px)), repeating-linear-gradient(180deg, transparent 0 calc(1.55em - 1px), #6e96d266 calc(1.55em - 1px) 1.55em), var(--sheet);width:min(30em,94vw);padding:1.2em 1.6em 1.2em 3em;animation:.45s cubic-bezier(.3,1.3,.5,1) stick;position:relative;transform:rotate(-1.2deg);box-shadow:0 .15em .3em #00000014,0 1em 2em -.6em #00000040}.test-head{color:var(--pencil);justify-content:space-between;gap:1em;margin-bottom:.6em;font-size:1.05em;display:flex}.test-head u{color:var(--ink);-webkit-text-decoration-color:var(--pencil);text-decoration-color:var(--pencil)}.grade{font-family:var(--marker);color:var(--red);font-size:3.8em;line-height:1;position:absolute;top:1em;right:1.4em;transform:rotate(8deg)}.grade .circ path{stroke-width:2.6px;animation:.6s ease-out .45s forwards draw}.comment{color:var(--red);margin:.6em 5em .5em 0;font-size:1.45em;line-height:1.15;transform:rotate(-2deg)}.best{font-family:var(--marker);color:var(--red);border:2px solid var(--red);border-radius:255px 15px 225px/15px 225px 15px 255px;margin-bottom:.3em;padding:0 .5em;display:inline-block;transform:rotate(-6deg)}.answers{margin:.4em 0 .6em;padding-left:1.3em;font-size:1.3em;line-height:1.2}.answers b{font-family:var(--marker);color:var(--ink);margin-left:.3em;font-weight:400}.earned{align-items:center;gap:.5em;margin-bottom:.4em;font-size:1.3em;display:flex}.spinner{border:3px solid #38363d26;border-top-color:var(--ink);border-radius:50%;width:2.6em;height:2.6em;animation:.8s linear infinite spin}#hud{z-index:2;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud.on{display:block}.hud-xp{align-items:center;gap:.6em;padding:.5em 1em 0;display:flex}.hud-lv{font-family:var(--marker);color:var(--ink);white-space:nowrap;font-size:1.15em}.hud-xp svg{flex:1;height:.8em;overflow:visible}.xp-track,.xp-ink{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.xp-track{stroke:#38363d2e;stroke-width:3px}.xp-ink{stroke:var(--ink);stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .15s linear}.hud-row{justify-content:space-between;align-items:flex-start;padding:.3em 1em;display:flex;position:relative}.hud-hearts{gap:.15em;display:flex}.heart{width:2em;height:2em}.hud-clock{text-align:center;position:absolute;top:.1em;left:50%;transform:translate(-50%)}.hud-time{font-family:var(--marker);color:var(--graphite);text-shadow:0 0 .15em var(--paper), 0 0 .15em var(--paper);font-size:1.9em}.hud-next{color:var(--red);font-size:1.15em}.hud-right{align-items:center;gap:1em;display:flex}.hud-stars{font-family:var(--marker);color:#a87400;text-shadow:0 0 .15em var(--paper);align-items:center;gap:.3em;font-size:1.3em;display:inline-flex}.hud-pause{pointer-events:auto;width:2.5em;height:2.5em;font-family:var(--marker);background:#fffdf6b3;font-size:1em;position:relative}.hud-pause span{position:relative}.hud-boss{text-align:center;width:min(28em,64vw);position:absolute;top:4.8em;left:50%;transform:translate(-50%)}.hud-boss-name{font-family:var(--marker);color:var(--red);text-shadow:0 0 .2em var(--paper);margin-bottom:.2em;font-size:1.25em}.hud-boss-name small{font-family:var(--hand);margin-left:.6em;font-size:.85em}.hud-boss-bar{background:#fffdf699;height:.9em;position:relative}.hud-boss-fill{transform-origin:0;background:repeating-linear-gradient(-55deg, var(--red) 0 2px, transparent 2px 6px);transition:transform .15s;position:absolute;top:2px;bottom:2px;left:2px;right:2px}.toasts{flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;top:22%;left:0;right:0}.toast{font-family:var(--marker);color:var(--c);transform:rotate(var(--r));text-shadow:0 0 .12em var(--paper), 0 0 .12em var(--paper), 0 0 .12em var(--paper);text-align:center;font-size:1.8em;animation:2.2s ease-out forwards toast}.toast.big{flex-direction:column;align-items:center;font-size:2.8em;line-height:1.05;animation-duration:3.2s;display:flex}.toast small{font-family:var(--hand);color:var(--graphite);font-size:.42em}.bump{animation:.35s cubic-bezier(.3,1.8,.5,1) bump}.shake{animation:.35s shake}#hint{text-align:center;pointer-events:none;opacity:0;z-index:2;text-shadow:0 0 .15em var(--paper), 0 0 .15em var(--paper);font-size:1.55em;line-height:1.25;transition:opacity .5s,transform .5s;position:absolute;bottom:12%;left:50%;transform:translate(-50%,1em)rotate(-1.5deg)}#hint.on{opacity:1;transform:translate(-50%)rotate(-1.5deg)}#hint b{font-family:var(--marker);color:var(--ink);font-weight:400}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}}@keyframes slap{0%{opacity:0;transform:rotate(-8deg)scale(1.5)}}@keyframes stick{0%{opacity:0;transform:rotate(calc(var(--r,0deg) + 9deg)) scale(1.25) translateY(-.6em)}to{opacity:1;transform:rotate(var(--r,0deg))}}@keyframes pop{0%{opacity:0;transform:scale(1.8)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bump{40%{transform:scale(1.25)rotate(-4deg)}}@keyframes shake{20%{transform:translate(-.2em)}40%{transform:translate(.2em)}60%{transform:translate(-.15em)}80%{transform:translate(.1em)}}@keyframes toast{0%{opacity:0;transform:rotate(var(--r)) scale(1.6)}8%{opacity:1;transform:rotate(var(--r)) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(var(--r)) translateY(-.5em)}}@media (prefers-reduced-motion:reduce){.sticky,.peel,.test{animation-duration:10ms}}@media (max-height:560px){.logo{font-size:4.2em}.tagline{margin:.5em 0 .8em}.sticky{min-height:12.5em;padding-top:1.4em}.sticky .ico{width:3em;height:3em;margin-bottom:.3em}.scrawl{font-size:2.5em}}@media (max-aspect-ratio:4/5){.menu-page{text-align:center;width:86vw;top:8%;left:50%;transform:translate(-50%)}.todo{align-items:center}.logo{font-size:4em}.stickies{flex-direction:column;align-items:center;width:100%}.sticky{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:.9em;width:min(24em,90vw);min-height:0;display:grid}.sticky .ico{grid-row:1/3;margin:0}.pens{grid-template-columns:repeat(2,1fr)}.case-row{grid-template-columns:2.6em 1fr 6.5em}.case-row .tally{display:none}}.todo-item .aside{font-family:var(--hand);color:var(--pencil);white-space:nowrap;font-size:.5em;font-style:normal;transform:rotate(-3deg)}.todo-item.big .aside{font-size:.32em}.todo-item .aside.red{color:var(--red);font-family:var(--marker)}.todo-item.locked{opacity:.45;cursor:default}.star-mark{background:var(--sticker) center / contain no-repeat;vertical-align:-.2em;filter:grayscale()opacity(.28);width:1.1em;height:1.1em;display:inline-block}.star-mark.on{filter:drop-shadow(0 1px 1px #00000040)}.homework{top:max(4.2em, calc(env(safe-area-inset-top) + 3.4em));right:max(1.6em, env(safe-area-inset-right));pointer-events:auto;background:#fff3a3;width:17em;padding:1.1em 1em .8em;position:absolute;transform:rotate(2deg);box-shadow:0 .15em .2em #00000014,0 .8em 1.2em -.4em #00000038}.homework:before{content:"";background:#fff9;width:5em;height:1.4em;margin-left:-2.5em;position:absolute;top:-.7em;left:50%;transform:rotate(-4deg)}.homework h2{font-family:var(--marker);color:var(--red);margin-bottom:.3em;font-size:1.2em}.homework ul{gap:.3em;margin:0;padding:0;font-size:1.05em;line-height:1.1;list-style:none;display:grid}.homework li{grid-template-columns:auto 1fr auto;align-items:center;gap:.45em;display:grid}.homework .box{border-width:1.5px;width:.75em;height:.75em}.homework b{font-weight:400;font-family:var(--marker);color:var(--pencil);white-space:nowrap;font-size:.9em}.homework li.done span{-webkit-text-decoration:line-through 1.5px var(--red);text-decoration:line-through 1.5px var(--red);color:var(--pencil)}.homework li.done .box:after{content:"✓";font-family:var(--marker);color:var(--red);font-size:1.3em;position:absolute;top:-.6em;left:-.05em}.homework li.done b{font-size:.8em}.map .sheet-head h2{flex-direction:column;line-height:1;display:flex}.map .sheet-head h2 small{font-family:var(--hand);color:var(--pencil);margin-bottom:.15em;font-size:.45em}.board{aspect-ratio:16/7;flex:none;width:min(60em,100%);max-height:62vh;margin:.4em auto .6em;position:relative}.board.closed>:not(.padlock){opacity:.35;pointer-events:none}.trail{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.trail path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.trail-todo{stroke:var(--pencil);stroke-width:2.5px;stroke-dasharray:1 9}.trail-done{stroke:var(--ink);stroke-width:3px}.node{left:var(--x);top:var(--y);background:var(--sheet);border:2.5px solid var(--graphite);border-radius:48% 52% 45% 55%/55% 45% 52% 48%;place-items:center;width:3.4em;height:3.4em;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-3deg)}.node:hover:not([disabled]){transform:translate(-50%,-50%)rotate(3deg)scale(1.1)}.node .num{font-family:var(--marker);color:var(--graphite);font-size:1.6em}.node.cleared{border-color:var(--ink);background:#dfe7fb}.node.cleared .num{color:var(--ink)}.node.locked{cursor:default;border-style:dashed}.node.locked .num{color:var(--pencil)}.node.boss{border-color:var(--red);border-width:3px;width:5.6em;height:5.6em}.node-art{width:85%;height:85%}.node.locked .node-art{opacity:.4;filter:grayscale()}.node .circ{width:160%;height:160%;top:-30%;left:-30%}.node.here .circ path{stroke-width:3px;animation:.7s ease-out .2s forwards draw}.node-stars{white-space:nowrap;gap:.05em;font-size:.95em;display:flex;position:absolute;top:calc(100% + .15em);left:50%;transform:translate(-50%)}.node-name{font-family:var(--marker);color:var(--red);white-space:nowrap;font-size:1em;position:absolute;bottom:calc(100% + .2em);left:50%;transform:translate(-50%)rotate(-3deg)}.map-deco{left:var(--x);top:var(--y);width:4.4em;height:4.4em;transform:translate(-50%, -50%) rotate(var(--r));opacity:.75;pointer-events:none;position:absolute}.padlock{fill:none;width:4.5em;height:5em;stroke:var(--graphite);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.chapters{align-items:center;gap:1em;font-size:1.2em;display:flex}.flip{font-family:var(--marker);color:var(--ink);width:1.4em;font-size:2em;line-height:1}.flip[disabled]{opacity:.25;cursor:default}.dots{gap:.6em;display:flex}.dot{border:2px solid var(--ink);border-radius:48% 52% 45% 55%;width:.75em;height:.75em}.dot.on{background:var(--ink)}.dot.locked{border-color:var(--pencil);opacity:.5}.chapter-stars{font-family:var(--marker);color:#a87400}.page-card{background:var(--bg);width:min(25em,92vw);padding:1.6em 1.6em 1.2em;animation:.38s cubic-bezier(.3,1.4,.5,1) stick;position:relative;transform:rotate(-1.5deg);box-shadow:0 .15em .2em #00000014,0 1em 1.6em -.5em #00000047}.page-no{color:var(--pencil);font-size:1.1em}.page-card h3{font-family:var(--marker);color:var(--ink);margin:.1em 0 .3em;font-size:2em;line-height:1.05}.twist{color:var(--red);margin-bottom:.4em;font-size:1.2em;transform:rotate(-1deg)}.checks{gap:.25em;margin:0 0 1em;padding:0;font-size:1.25em;list-style:none;display:grid}.checks .star-mark{margin-right:.3em}.page-card .modal-foot{justify-content:flex-end}.verdict{font-family:var(--marker);color:var(--ink);margin:.1em 0;font-size:2.4em;line-height:1.05;transform:rotate(-2deg)}.verdict.red{color:var(--red);font-size:1.9em}.big-stars{gap:.2em;margin:.2em 0 .1em;display:flex}.big-stars .star-mark{opacity:0;width:2.6em;height:2.6em;animation:.35s cubic-bezier(.3,1.5,.5,1) forwards starslap;animation-delay:var(--d)}.big-stars .star-mark:not(.on){animation-name:fadein}.checks-list{margin:.5em 0 .6em;padding:0;font-size:1.25em;line-height:1.3;list-style:none}.checks-list li:before{width:1.2em;font-family:var(--marker);display:inline-block}.checks-list li.ok:before{content:"✓";color:#3f9a4a}.checks-list li.no:before{content:"✗";color:var(--red)}.checks-list li.no{color:var(--pencil)}.checks-list small{color:var(--pencil);font-size:.85em}.hw-done{color:#3f9a4a;margin-bottom:.3em;font-size:1.15em}.week{flex-wrap:wrap;justify-content:center;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.week li{text-align:center;border:2px solid var(--graphite);background:var(--sheet);border-radius:255px 15px 225px/15px 225px 15px 255px;width:4.2em;padding:.4em .2em;font-size:1.05em;position:relative}.week li em{color:var(--red);font-size:.85em;font-style:normal;display:block}.week li.got:after{content:"";background:var(--sticker) center / contain no-repeat;filter:drop-shadow(0 1px 1px #0000004d);width:1.9em;height:1.9em;position:absolute;top:-.7em;right:-.55em;transform:rotate(14deg)}.week li:not(:-webkit-any(.got,.today)){color:var(--pencil);background:0 0;border-style:dashed;border-color:#38363d73}.week li:not(:is(.got,.today)){color:var(--pencil);background:0 0;border-style:dashed;border-color:#38363d73}.week .circ{width:128%;height:144%;top:-22%;left:-14%}.week .circ path{animation:.6s ease-out .2s forwards draw}.daily-pack{flex-direction:column;align-items:center;gap:.6em;margin:.6em 0;display:flex}.pack-face{border:2.5px solid var(--graphite);background:linear-gradient(160deg,#0000 49%,#38363d80 49.5%,#0000 51%) top/100% 45% no-repeat,linear-gradient(20deg,#0000 49%,#38363d80 49.5%,#0000 51%) top/100% 45% no-repeat,#fffdf2;border-radius:4px 10px 6px 12px;place-content:center;justify-items:center;gap:.2em;width:10em;height:7em;animation:1.6s ease-in-out infinite wiggle;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 .6em 1em -.3em #0000004d}.pack-face .star-mark{width:3em;height:3em}.pack-face b{font-family:var(--marker);color:var(--ink);font-size:1.2em;font-weight:400}.daily-pack:hover .pack-face{animation-duration:.5s}.pack-hint{color:var(--pencil);font-size:1.3em}.tabs{gap:.8em;display:flex}.tab{font-family:var(--marker);color:var(--pencil);opacity:.6;position:relative}.tab.on{color:var(--ink);opacity:1}.paper-card-item .swatch{border:2px solid var(--graphite);border-radius:3px 6px 4px 8px;width:9em;height:6em;margin-bottom:.3em}.paper-card-item.locked .swatch{opacity:.55}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(2deg)translateY(-.2em)}}@keyframes starslap{0%{opacity:0;transform:rotate(-20deg)scale(1.8)}to{opacity:1;transform:rotate(-4deg)}}@keyframes fadein{to{opacity:1}}@media (max-height:560px){.homework{width:15em;font-size:.9em}.board{max-height:46vh;margin:0 auto .2em}.map .sub{margin-bottom:.4em}.page-results .test{padding-top:.8em;padding-bottom:.8em;font-size:.86em}.big-stars .star-mark{width:2em;height:2em}}@media (max-aspect-ratio:4/5){.homework{display:none}.board{aspect-ratio:9/8}}#hud.dark .hud-time,#hud.dark .hud-xp .hud-lv{color:#f1efe6;text-shadow:0 0 .2em #0009}#hud.dark .hud-stars{color:#ffd75e;text-shadow:0 0 .2em #0009}#hud.dark .hud-next,#hud.dark .hud-boss-name{color:#ff8a7a;text-shadow:0 0 .2em #0009}#hud.dark .xp-track{stroke:#ffffff40}#hud.dark .toast{text-shadow:0 0 .15em #000000b3,0 0 .15em #000000b3}#hud.dark .toast small{color:#f1efe6}@media (pointer:coarse){.kbd,.sticky .key{display:none}.hud-pause{width:max(2.5em,44px);height:max(2.5em,44px)}}@media (max-aspect-ratio:4/5) and (pointer:coarse){:root{font-size:clamp(14px,4vw,20px)}.board{aspect-ratio:auto;flex:auto;width:min(100%,26em);min-height:22em;max-height:none}.node,.map-deco{left:var(--y);top:var(--x)}.trail g{transform:matrix(0,1,1,0,0,0)}.sheet-head{grid-template-columns:auto 1fr auto;grid-template-areas:"back.stars""title title title";row-gap:0}.sheet-head>:first-child{grid-area:back}.sheet-head>:nth-child(2){grid-area:title}.sheet-head>:last-child{grid-area:stars}.map .sheet-head h2{justify-content:center;min-height:2.6em;font-size:1.8em}.chapter-stars{white-space:nowrap}.menu-page{top:calc(max(1em, env(safe-area-inset-top)) + 3.6em)}#hud{font-size:13px}.map .sub{place-items:center;min-height:2.6em;margin:.2em 0 0;display:grid}.chapters{padding-bottom:.4em}.flip{width:2em;height:2em}.dot{width:1em;height:1em}}@media (max-height:420px){.pause .settings{gap:.5em;font-size:1.15em}.logo{font-size:3.4em}.tagline{margin:.3em 0 .6em;font-size:1.15em}.todo{gap:.2em}.todo-item{font-size:1.55em}.todo-item.big{font-size:2.5em}}#stick{left:max(1.6em, calc(env(safe-area-inset-left) + .6em));bottom:max(1.6em, calc(env(safe-area-inset-bottom) + .6em));aspect-ratio:1;pointer-events:none;z-index:1;opacity:0;visibility:hidden;background:#fffdf659;border:2px dashed #38363d80;border-radius:48% 52% 50% 50%/50% 48% 52% 50%;width:clamp(88px,8em,132px);transition:opacity .2s,visibility .2s;position:absolute;box-shadow:0 0 0 2px #fffdf64d}#stick.on{opacity:1;visibility:visible}#stick i{background:var(--ink);opacity:.75;border-radius:48% 52% 45% 55%;width:42%;height:42%;position:absolute;top:29%;left:29%;box-shadow:0 0 0 2px #fffdf699}.tv{flex:none;width:1.5em;height:1.3em;overflow:visible}.tv path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.tv .tv-play{fill:var(--red);stroke:var(--red)}.tv-ant{transform-origin:50% 30%;animation:3.2s ease-in-out infinite antenna}.ink-btn:hover .tv-ant{animation-duration:.6s}@keyframes antenna{0%,78%,to{transform:rotate(0)}85%{transform:rotate(-14deg)}92%{transform:rotate(10deg)}}.touch-preview{align-items:center;gap:1em;font-size:.85em;display:flex}.touch-preview p{color:var(--pencil);flex:1;line-height:1.2}.mini{height:6.5em;aspect-ratio:var(--ar);border:2px solid var(--graphite);background:repeating-linear-gradient(180deg, transparent 0 .9em, #6e96d259 .9em calc(.9em + 1px)), var(--sheet);border-radius:.6em .8em .5em .7em;flex:none;max-width:13em;position:relative;overflow:hidden}.swirl{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.swirl-ink{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;animation:2.4s linear infinite swirl-draw}.swirl-finger{fill:#38363d40;stroke:#38363d8c;stroke-width:1.2px}.swirl-pen{fill:var(--ink)}@keyframes swirl-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.spot{aspect-ratio:1;width:min(2.6em,27%);position:absolute;bottom:8%}.spot.left{left:5%}.spot.center{left:50%;translate:-50%}.spot.right{right:5%}@media (max-aspect-ratio:4/5){.mini{height:10em}}.spot i{border:1.5px dashed #38363d59;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.spot.on i{border-color:var(--graphite)}.spot.on i:after{content:"";background:var(--ink);border-radius:48% 52% 45% 55%;animation:.25s ease-out pop;position:absolute;top:30%;bottom:30%;left:30%;right:30%}#stick[data-side=right]{left:auto;right:max(1.6em, calc(env(safe-area-inset-right) + .6em))}#stick[data-side=center]{left:50%;translate:-50%}#stick.on~#hint{bottom:calc(max(1.6em, env(safe-area-inset-bottom) + .6em) + clamp(88px, 8em, 132px) + 1em)}.menu-side{top:max(4.2em, calc(env(safe-area-inset-top) + 3.4em));right:max(1.6em, env(safe-area-inset-right));bottom:max(1.4em, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:.8em;display:flex;position:absolute}.menu-side>*{pointer-events:auto}.menu-side .homework{position:relative;top:auto;right:auto}.menu-side .grades{position:static}.wheel-dock{cursor:pointer;align-items:center;gap:.5em;margin-right:1.5em;display:flex;position:relative}.dock-slot{--w:min(8.5em, 24vh);width:var(--w);height:var(--w);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.wheel-dock:hover .dock-slot{transform:rotate(-8deg)scale(1.06)}.wheel-dock.ready .dock-slot{animation:2.6s ease-in-out infinite itch}@keyframes itch{0%,70%,to{transform:none}76%{transform:rotate(-12deg)}84%{transform:rotate(9deg)}92%{transform:rotate(-4deg)}}.dock-label{white-space:nowrap;font-size:1.15em;transform:rotate(-8deg)}.dock-label:empty{display:none}.wheel-wrap{width:var(--w);height:var(--w);flex:none;position:relative;container-type:size}.wheel{will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.wheel-face{filter:drop-shadow(0 .3em .4em #0000002e);width:100%;height:100%;overflow:visible}.wheel-face .spokes path{fill:none;stroke:var(--graphite);stroke-width:1.3px;stroke-linecap:round}.wheel-face .rim{fill:none;stroke:var(--graphite);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.slot{transform:translate(-50%, -50%) rotate(var(--a)) translateY(calc(100cqw * -.31));text-align:center;white-space:nowrap;flex-direction:column;align-items:center;gap:.1em;font-size:5.5cqw;display:flex;position:absolute;top:50%;left:50%}.slot .stars{font-size:1.35em}.slot b{font-family:var(--marker);color:var(--graphite);font-size:.66em;font-weight:400}.slot-ic{width:2.4em;height:2.4em}.slot-pen{width:3.6em;height:3.6em}.slot.won{animation:.6s cubic-bezier(.3,1.6,.5,1) wonpop}@keyframes wonpop{40%{transform:translate(-50%, -50%) rotate(var(--a)) translateY(calc(100cqw * -.31)) scale(1.35)}}.wheel-pin{transform-origin:50% 10%;z-index:1;filter:drop-shadow(0 .15em .15em #00000040);width:10cqw;margin-left:-5cqw;position:absolute;top:-7cqw;left:50%}.wheel-pin path{stroke:var(--graphite);stroke-width:1.6px;stroke-linejoin:round}.pin-wood{fill:#f5c542}.pin-lead{fill:var(--graphite)}.pin-eraser{fill:#f19ab1}.wheel-pin.flick{animation:.16s ease-out flick}@keyframes flick{30%{transform:rotate(-16deg)}}.wheel-hub{border:calc(100cqw * .008 + 1px) solid var(--sheet);background:var(--ink);width:24%;height:24%;color:var(--sheet);font-family:var(--marker);border-radius:46% 54% 42% 58%/55% 45% 57% 43%;place-items:center;margin:-12% 0 0 -12%;font-size:7cqw;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:50%;left:50%;box-shadow:0 .12em .3em #0000004d}.dock-slot .wheel-hub{font-size:9cqw}.wheel-hub .tv{width:62%;height:auto;stroke:var(--sheet);margin:0}.wheel-hub[data-act]{cursor:pointer;animation:1.6s ease-in-out infinite hub}.wheel-hub[data-act]:hover{transform:scale(1.1)rotate(-6deg)}.wheel-hub.off{background:var(--pencil);font-size:5cqw}@keyframes hub{50%{box-shadow:0 .12em .3em #0000004d,0 0 0 .35em #2447c840}}.wheel-stage{z-index:5;padding:max(1em, env(safe-area-inset-top)) max(1em, env(safe-area-inset-right)) max(1em, env(safe-area-inset-bottom)) max(1em, env(safe-area-inset-left));pointer-events:auto;background:#1a1824d1;flex-direction:column;justify-content:safe center;align-items:center;gap:1em;transition:background .4s;animation:.25s ease-out fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.wheel-stage .scrawl.gold{color:#ffcf4a;transition:opacity .25s}.stage-row{justify-content:center;align-items:center;gap:2.4em;display:flex}.stage-spot .wheel-wrap{--w:min(22em, 64vh, 84vw)}.stage-card{background:var(--sheet);border-radius:4px 7px 5px 8px;flex-direction:column;justify-content:center;align-items:center;gap:.8em;width:18.5em;min-height:9em;padding:1.2em 1.3em;transition:opacity .25s;display:flex;transform:rotate(-1.5deg);box-shadow:0 .8em 1.6em -.4em #00000073}.stage-card .ink-btn{width:100%}.stage-card .peels{margin:0}.stage-card .peel{width:12em}.stage-foot{justify-content:space-between;align-items:center;gap:.8em;width:100%;display:flex}.stage-foot .ink-btn{flex:1;width:auto}.link-btn{color:var(--ink);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.2em .3em;font-size:1.15em;-webkit-text-decoration:underline wavy #2447c873;text-decoration:underline wavy #2447c873}.wheel-stage.spinning .stage-card{opacity:0;pointer-events:none}.wheel-stage.closing{pointer-events:none;background:0 0}.wheel-stage.closing .scrawl,.wheel-stage.closing .stage-card{opacity:0}.pocket{color:var(--pencil);text-align:center;font-size:1.1em}.pocket-ic{vertical-align:middle;width:1.5em;height:1.5em}.big-ic{width:6em;height:6em}.odds-title{font-family:var(--marker);color:var(--ink);margin:0;font-size:1.5em;font-weight:400}.odds{width:100%;margin:0;padding:0;list-style:none}.odds li{border-bottom:1px dashed #38363d33;align-items:center;gap:.5em;padding:.15em 0;font-size:1.05em;line-height:1.1;display:flex}.odds li span{flex:1}.odds b{font-family:var(--marker);color:var(--red);font-weight:400}.odds-ic,.odds .sticker-ic{flex:none;width:1.6em;height:1.6em}.odds-note{color:var(--pencil);text-align:center;margin:0;font-size:.95em}.big-foil,.pen-card.foil{background:linear-gradient(115deg,#0000 30%,#ffffffbf 45%,#0000 60%) -150% 0/250% 100% no-repeat,linear-gradient(135deg,#fff2b0,#f2c84b 45%,#fff6cf 55%,#e0a92a);animation:3.2s ease-in-out infinite shine}@keyframes shine{60%,to{background-position:250% 0,0 0}}.big-foil{border-radius:8px 12px 9px 14px;width:6em;height:6em;padding:.3em;box-shadow:0 0 0 1.5px #c98a00,0 .3em .5em #00000040}.big-foil canvas{width:100%;height:100%}.pen-card.foil{border-radius:8px 12px 9px 14px;box-shadow:0 0 0 1.5px #c98a00}.chosen.wheel-only{color:#8a5a00;font-size:1em}@media (max-aspect-ratio:4/5){.menu-side{top:auto;left:max(1.4em, env(safe-area-inset-left));flex-direction:row;align-items:flex-end}.wheel-dock{margin:0}.stage-row{flex-direction:column;gap:1em}.stage-spot .wheel-wrap{--w:min(20em, 44vh, 80vw)}}@media (max-height:420px){.wheel-stage{gap:.3em}.wheel-stage .scrawl{font-size:2em}.stage-spot .wheel-wrap{--w:min(20em, 68vh, 84vw)}.dock-slot{--w:min(8.5em, 22vh)}}@media (prefers-reduced-motion:reduce){.wheel-hub,.wheel-dock.ready .dock-slot,.big-foil,.pen-card.foil{animation:none}}