@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-cyrillic-ext-400-normal-3iEGd-c5.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-400-normal-Cg0RnRQ5.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-cyrillic-400-normal-9cDH9rLW.woff2)format("woff2"),url(/assets/caveat-cyrillic-400-normal-CebvvJET.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-ext-400-normal-D7hBUiug.woff2)format("woff2"),url(/assets/caveat-latin-ext-400-normal-DtiRFvw0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-400-normal-D6LQsQ_v.woff2)format("woff2"),url(/assets/caveat-latin-400-normal-BzhAQZkN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2)format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2)format("woff2"),url(/assets/caveat-latin-ext-700-normal-DjJQd59I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-ext-400-normal-ChcxYnmu.woff2)format("woff2"),url(/assets/special-elite-latin-ext-400-normal-CaJZjSVf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Special Elite;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/special-elite-latin-400-normal-YjDd9tmf.woff2)format("woff2"),url(/assets/special-elite-latin-400-normal-BtSRmyJ6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f3efe4;--blue:#1b3899;--red:#c01e2a;--pencil:#3f3c39;--fine:#77726c;--grid:#5480a847;--lines:repeating-linear-gradient(90deg, var(--grid) 0 1px, transparent 1px 17px), repeating-linear-gradient(var(--grid) 0 1px, transparent 1px 17px);--card-margin:#c8404073;--tape:#e6d6ad;--kraft:#9a6f45;--label:#fbf8f0;--label-ink:#3a5fa8;--title-0:var(--blue);--title-1:var(--red);--desk-rgb:243, 236, 220;--desk-shadow:#000c;--live-blend:multiply;--hand:"Caveat", "Patrick Hand", cursive;--print:"Patrick Hand", "Caveat", sans-serif;--type:"Special Elite", "Courier New", monospace;--lamp:0;--dawn:0;--lit:calc(.32 + .68 * var(--lamp))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;font-family:var(--print);color:var(--pencil);background:#0b0706;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}#world,#world>*{pointer-events:none}#desk,#page-host>canvas,#boil-host>canvas{transform-origin:0 0;will-change:transform;display:block;position:fixed;top:0;left:0}#boil-host>canvas{mix-blend-mode:var(--live-blend)}#live,#talk{mix-blend-mode:var(--live-blend);will-change:transform;display:block;position:fixed}#light,#haze{width:100vw;height:100dvh;display:block;position:fixed;inset:0}#light{mix-blend-mode:multiply}#over{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#top,#bottom{transition:opacity .5s}body:not(.playing) #top,body:not(.playing) #bottom{opacity:0;pointer-events:none}#top{z-index:2;padding:calc(env(safe-area-inset-top) + 8px) max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));pointer-events:none;align-items:center;gap:6px;display:flex;position:fixed;top:0;left:0;right:0}#top>*{pointer-events:auto}.tag{background:repeating-linear-gradient(90deg, #ffffff12 0 2px, transparent 2px 5px), linear-gradient(180deg, #ffffff40, #785a2814), var(--tape);clip-path:polygon(0 8%,3% 0,97% 4%,100% 0,98% 50%,100% 100%,96% 94%,3% 100%,0 92%,2% 50%);min-width:0;filter:brightness(calc(.55 + .45 * var(--lamp)));opacity:.5;flex-direction:column;flex:1;padding:6px 12px 7px;line-height:1;transition:opacity .35s,transform .35s;display:flex;position:relative}.tag[data-p="0"]{color:var(--blue);transform:rotate(-1.6deg)}.tag[data-p="1"]{color:var(--red);text-align:right;transform:rotate(1.3deg)}.tag.on,.tag.won{opacity:1}.tag.on[data-p="0"],.tag.won[data-p="0"]{transform:rotate(-1.6deg)translateY(2px)scale(1.04)}.tag.on[data-p="1"],.tag.won[data-p="1"]{transform:rotate(1.3deg)translateY(2px)scale(1.04)}.tag .name{font-family:var(--hand);white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:clamp(18px,5.6vw,25px);font-weight:700;overflow:hidden}.tag .count{font-family:var(--hand);color:var(--pencil);opacity:.85;white-space:nowrap;margin-top:1px;font-size:17px}.tag:after{content:"";height:2px;width:calc((100% - 24px) * var(--ink-left,1));opacity:.5;background:currentColor;border-radius:2px;position:absolute;bottom:4px}.tag[data-p="0"]:after{left:12px}.tag[data-p="1"]:after{right:12px}.tab{width:46px;height:46px;font-family:var(--hand);color:rgba(var(--desk-rgb), .82);background:var(--tab-bg,radial-gradient(circle at 40% 35%, #fff0d71f, #00000040));box-shadow:inset 0 0 0 1.5px rgba(var(--desk-rgb), .22);border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:700;display:grid}#menu-btn span{font-size:28px;line-height:1;transform:translateY(-2px)}#lesson-btn{z-index:2;top:calc(env(safe-area-inset-top) + 60px);left:max(8px, env(safe-area-inset-left));white-space:nowrap;border-radius:16px;width:auto;height:32px;padding:0 12px 2px;font-size:17px;position:fixed}#lesson-btn[hidden]{display:none}.tab:active{transform:scale(.94)}#bottom{z-index:2;padding:0 max(10px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 10px) max(10px, env(safe-area-inset-left));pointer-events:none;position:fixed;bottom:0;left:0;right:0}#bottom>*{pointer-events:auto}#status{width:fit-content;max-width:100%;min-height:1.15em;font-family:var(--hand);color:rgba(var(--desk-rgb), calc(.35 + .6 * var(--lamp)));text-align:center;pointer-events:none;text-shadow:0 1px 3px var(--desk-shadow);margin:0 auto 8px;font-size:clamp(18px,5.4vw,23px);line-height:1.15}#kind{grid-template-columns:1fr 1fr;gap:10px;transition:opacity .25s;display:grid}#kind button{text-align:left;background:linear-gradient(transparent 13px, var(--grid) 13px 14.5px, transparent 14.5px), radial-gradient(ellipse at 30% 20%, var(--card-glow,#fffaf099), transparent 70%), var(--paper);height:66px;filter:brightness(calc(.5 + .5 * var(--lamp)));opacity:.62;border-radius:2px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:7px 12px 8px 14px;transition:transform .22s cubic-bezier(.2,.9,.3,1.3),opacity .2s;display:flex;position:relative;transform:translateY(7px)rotate(-.8deg);box-shadow:0 1px #00000040,0 6px 14px #00000073}#kind button:nth-child(2){transform:translateY(7px)rotate(.9deg)}#kind button b{font-family:var(--hand);color:var(--fine);padding:0 4px;font-size:32px;font-weight:700;line-height:.95;transition:color .2s;position:relative}#kind button i{font-family:var(--hand);color:var(--fine);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:15px;font-style:normal;overflow:hidden}#kind button.on{opacity:1;transform:translateY(-3px)rotate(-1.4deg)}#kind button.on:nth-child(2){transform:translateY(-3px)rotate(1.2deg)}#kind button.on b{color:var(--ink,var(--blue))}#kind button.on b:after{content:"";border:2.4px solid var(--ink,var(--blue));opacity:.85;border-radius:50% 46% 52% 44%/55% 50% 48% 52%;position:absolute;inset:-4px -9px -3px -7px;transform:rotate(-4deg)}#kind.off{opacity:.3;pointer-events:none}#kind.shapes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}#kind.shapes button{opacity:.9;touch-action:none;grid-template-rows:30px 18px 1fr;grid-template-columns:1fr;place-items:center start;min-width:0;height:78px;padding:5px 2px 5px 5px;transition:transform 90ms ease-out,opacity .15s,box-shadow 90ms;display:grid;transform:translateY(2px)rotate(-.8deg)}#kind.shapes button:nth-child(2){transform:translateY(2px)rotate(.9deg)}#kind.shapes button:nth-child(3){transform:translateY(2px)rotate(-.5deg)}#kind.shapes button:nth-child(4){transform:translateY(2px)rotate(.7deg)}#kind.shapes button:nth-child(5){transform:translateY(2px)rotate(-.8deg)}#kind.shapes button canvas{width:30px;height:30px;transition:opacity .15s}#kind.shapes button b{color:var(--pencil,var(--fine));max-width:100%;padding:0;font-size:17px;line-height:1}#kind.shapes button i{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;align-self:start;font-size:13px;line-height:1.05;overflow:visible}#kind.shapes.carrying button{opacity:.35}#kind.shapes button.held{opacity:1;transform:translateY(10px)scale(.97);box-shadow:0 2px 5px #0006}#kind.shapes button.held canvas{opacity:.22}#kind button.barred{opacity:.25}#kind button.barred b{text-decoration:line-through;text-decoration-thickness:2px}#acts{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;min-height:0;margin:-2px auto 8px;display:flex}#acts:empty{display:none}#acts button,#acts span{font-family:var(--hand);color:rgba(var(--desk-rgb), calc(.45 + .5 * var(--lamp)));text-shadow:0 1px 3px var(--desk-shadow);padding:2px 6px;font-size:23px;line-height:1.1}#acts button{text-decoration:underline;-webkit-text-decoration-color:rgba(var(--desk-rgb), .35);text-decoration-color:rgba(var(--desk-rgb), .35);text-underline-offset:4px}#acts button small{opacity:.7;font-size:16px}#acts button.go{color:rgb(var(--desk-rgb));border:2px solid rgba(var(--desk-rgb), .55);border-radius:48% 52% 46% 54%/56% 48% 52% 44%;padding:3px 14px;text-decoration:none}#acts button[data-n]{border:2px solid rgba(var(--desk-rgb), .45);border-radius:50%;min-width:38px;text-decoration:none}#acts button.x{opacity:.7}#acts button:active{transform:translateY(1px)scale(.97)}.tag.stand .count{color:var(--red);font-weight:700}.tag[data-p="0"].stand .count{color:var(--blue)}#bottom.view #kind button{opacity:1}#bottom.view #kind button b{color:var(--pencil)}#cover{z-index:5;perspective:1400px;place-items:center;padding:10px 28px 10px 10px;display:grid;position:fixed;inset:0}#cover[hidden]{display:none}.book{transform-origin:0;background:radial-gradient(ellipse at 30% 20%, #ffe6be29, transparent 60%), repeating-linear-gradient(92deg, #3c230f0d 0 1px, transparent 1px 4px), repeating-linear-gradient(-3deg, #fff0d20a 0 2px, transparent 2px 7px), var(--kraft);border-radius:3px 8px 8px 3px;width:min(370px,100%);min-width:0;max-height:calc(100dvh - 20px);animation:.7s cubic-bezier(.2,.8,.2,1) both bookIn;position:relative;transform:rotate(-2.2deg);box-shadow:inset 10px 0 12px -8px #00000073,0 18px 40px #0009,0 2px #0006}.leaf{max-height:calc((100dvh - 20px) / var(--fit,1));border-radius:inherit;zoom:var(--fit,1);padding:22px 20px 14px 30px;overflow:hidden}.tabs{z-index:2;pointer-events:none;flex-direction:column;gap:5px;width:30px;display:flex;position:absolute;top:22px;right:-20px}.mark{pointer-events:auto;writing-mode:vertical-rl;box-sizing:border-box;width:30px;min-height:48px;font-family:var(--hand);color:#3a3530;white-space:nowrap;background:linear-gradient(90deg, var(--tab-c) 0, color-mix(in srgb, var(--tab-c) 92%, #fff) 100%);border-radius:0 6px 6px 0;flex:none;justify-content:center;align-items:center;padding:10px 2px 10px 0;font-size:18px;font-weight:700;line-height:1.05;text-decoration:none;transition:transform .12s;display:flex;box-shadow:1px 0 2px #00000047,inset -1px 0 #ffffff59}.mark.m1{--tab-c:#e8c9a0;transform:rotate(-1deg)}.mark.m2{--tab-c:#cfdcb8;width:27px;transform:rotate(.8deg)}.mark.m3{--tab-c:#e5b4ac;transform:rotate(-.6deg)}.mark.m4{--tab-c:#b9cfe0;width:27px;transform:rotate(1deg)}.mark:active{transform:translate(-3px)}.mark sup{color:#6b3b2a;margin-left:2px;font-size:13px}.mark sup:empty{display:none}.book:before{content:"";border-left:2px dashed #28160a59;position:absolute;top:10px;bottom:10px;left:12px}.book:after{content:"";pointer-events:none;border-radius:inherit;opacity:calc(1.25 - var(--lamp));background:radial-gradient(at 22% 0,#0000 20%,#0a050280 95%);position:absolute;inset:0}#cover.open .book{animation:.7s cubic-bezier(.5,0,.6,1) both bookOpen}.label{background:var(--label);box-shadow:inset 0 0 0 3px var(--label), inset 0 0 0 4.5px var(--label-ink), inset 0 0 0 7px var(--label), inset 0 0 0 8px var(--label-ink), 0 2px 3px #00000040;border-radius:10px;padding:13px 16px 9px;position:relative;transform:rotate(1deg)}.label .school{font-family:var(--type);letter-spacing:.12em;color:var(--label-ink);text-align:center;margin:0;font-size:11px}.label h1{font-family:var(--hand);color:var(--title-0);text-align:center;margin:2px 0 5px;font-size:44px;font-weight:700;line-height:.95;transform:rotate(-2deg)}.label h1 em{color:var(--title-1);font-style:normal}.label .field{border-bottom:1.5px solid color-mix(in srgb, var(--label-ink) 50%, transparent);font-family:var(--type);color:var(--label-ink);align-items:baseline;gap:8px;margin:0;padding:2px 0 0;font-size:13px;display:flex}.label .field span{flex:none}.label .pair{gap:12px;display:flex}.label .pair .field{flex:auto;min-width:0}.label .pair .field.subject{flex:none}.label .field b{font-family:var(--hand);font-size:25px;font-weight:700;line-height:1.05}.label .hand.blue{color:var(--title-0)}.menu{background:linear-gradient(90deg, transparent 22px, var(--card-margin) 22px 23.5px, transparent 23.5px), var(--lines), var(--paper);clip-path:polygon(0 1%,8% 0,16% 1.2%,25% 0,33% .8%,42% 0,51% 1%,60% 0,69% 1.1%,78% 0,87% .9%,100% 0,100% 100%,0 100%);margin:13px -4px 2px 8px;padding:10px 14px 9px 16px;position:relative;transform:rotate(1.6deg);box-shadow:0 6px 14px #00000059,0 1px #0003}.menu button{text-align:left;display:block}.menu .ink{font-family:var(--hand);padding:3px 0 3px 18px;font-size:31px;font-weight:700;line-height:1.05}.menu .ink small{color:var(--pencil);margin-top:-1px;font-size:17px;font-weight:400;display:block}.menu .ink.blue{color:var(--blue)}.menu .ink.red{color:var(--red)}.menu .ink:active{transform:translate(3px)}.menu .game .go small{display:none}.menu .game .go b{font-size:24px}.menu .game.yours .go span{padding:1px 7px 2px;font-size:20px}.menu .bot{align-items:center;gap:2px;margin:2px 0 0;display:flex}.menu .bot .ink{flex:none;padding-left:14px;font-size:29px}.menu .duo{gap:6px;margin:2px 0 0;display:flex}.menu .duo .ink{white-space:nowrap;flex:1 1 0;min-width:0;padding-left:14px;font-size:25px}.menu .duo .ink+.ink{padding-left:0}:root{--sticky:#ffe36e;--sticky-edge:#f2cf3c;--sticky-ink:#34302a;--sticky-pen:#c01e2a}:root[data-theme=legal]{--sticky:#ffbccb;--sticky-edge:#f39bb0}:root[data-theme=blueprint]{--sticky:#fff1a6;--sticky-edge:#f0d96a}:root[data-theme=graph]{--sticky:#ffd88a;--sticky-edge:#f2bd55}:root[data-theme=copy]{--sticky:#c9f0a8;--sticky-edge:#a6dc7c}.menu .learn{margin:6px 0 2px;padding-left:12px}.menu .sticky{text-align:left;width:min(232px,86%);font-family:var(--hand);color:var(--sticky-ink);background:linear-gradient(180deg, var(--sticky-edge) 0 9px, var(--sticky) 9px 70%, color-mix(in srgb, var(--sticky) 88%, #fff) 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);transform-origin:20% 0;padding:7px 12px 9px 14px;line-height:1.02;display:block;position:relative;transform:rotate(-2.4deg);box-shadow:0 1px 1px #0000002e,2px 7px 9px -3px #00000052}.menu .sticky:after{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--sticky) 70%, #fff) 0 50%, transparent 50%);filter:drop-shadow(-1px -1px 1px #0000002e);width:15px;height:15px;position:absolute;bottom:0;right:0}.menu .sticky i{color:var(--sticky-pen);font-size:18px;font-style:normal;display:block;transform:rotate(-1.5deg)}.menu .sticky b{font-size:29px;font-weight:700;display:block}.menu .sticky small{opacity:.78;white-space:nowrap;margin-top:1px;font-size:15.5px;display:block}.menu .sticky:active{transform:rotate(-2.4deg)translateY(1px)scale(.98)}.menu .sticky.worn{background:linear-gradient(180deg, color-mix(in srgb, var(--sticky-edge) 45%, var(--paper)) 0 8px, color-mix(in srgb, var(--sticky) 42%, var(--paper)) 8px);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);opacity:.92;width:min(210px,80%);padding-top:6px;transform:rotate(1.6deg);box-shadow:0 1px 1px #0000001f,1px 4px 6px -3px #00000040}.menu .sticky.worn:after{background:linear-gradient(135deg, color-mix(in srgb, var(--sticky) 30%, #fff) 0 50%, transparent 50%);width:22px;height:22px}.menu .sticky.worn i{color:color-mix(in srgb, var(--sticky-ink) 70%, transparent);font-size:16px}.menu .sticky.worn b{font-size:25px}.menu .sticky.worn small{opacity:.65;font-size:14.5px}.menu .sticky.worn:active{transform:rotate(1.6deg)translateY(1px)scale(.98)}.menu .head{font-family:var(--hand);color:var(--pencil);letter-spacing:.02em;margin:2px 0 0 18px;font-size:19px}.menu .sect{font-family:var(--hand);color:var(--pencil);border-bottom:2px solid var(--pencil);box-shadow:0 4px 0 -1px color-mix(in srgb, var(--pencil) 45%, transparent);justify-content:space-between;align-items:baseline;gap:8px;margin:7px 4px 3px 14px;padding-bottom:0;font-size:27px;font-weight:700;line-height:1.05;display:flex;transform:rotate(-.6deg)}.menu .sect .pencil{flex:none;padding:0 4px;font-size:21px;font-weight:400}.menu .sect .pencil.yours{color:var(--red);box-shadow:inset 0 0 0 2px var(--red);border-radius:48% 52% 46% 54%/56% 48% 52% 44%;padding:0 8px 1px;font-weight:700;text-decoration:none}.menu .carry{align-items:flex-start;margin:0 0 2px;display:flex;position:relative}:is(.menu,.card) .game{position:relative}.menu .carry .ink{flex:1;min-width:0;font-size:28px}:is(.menu,.card) .x{width:40px;height:40px;font-family:var(--hand);color:var(--pencil);opacity:.7;text-align:center;flex:none;place-items:center;margin:0 -4px 0 0;font-size:30px;line-height:1;display:grid}:is(.menu,.card) .x:active{color:var(--red);opacity:1}:is(.menu,.card) .games{margin:0 0 2px;padding:0;list-style:none}:is(.menu,.card) .game{border-bottom:1px dashed color-mix(in srgb, var(--pencil) 35%, transparent);align-items:center;margin:0 0 0 14px;display:flex}:is(.menu,.card) .game .go{min-width:0;min-height:40px;font-family:var(--hand);flex:1;align-items:center;gap:8px;padding:4px 0 4px 4px;display:flex}:is(.menu,.card) .game .go b{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:26px;font-weight:700;line-height:1;overflow:hidden}:is(.menu,.card) .game .go span{white-space:nowrap;flex:none;font-size:22px;line-height:1}:is(.menu,.card) .game .go small{white-space:nowrap;color:var(--pencil);flex:none;margin-left:auto;padding-right:2px;font-size:16px}:is(.menu,.card) .game.yours .go b{color:var(--blue)}:is(.menu,.card) .game.yours .go span{color:var(--red);box-shadow:inset 0 0 0 2px var(--red);border-radius:48% 52% 46% 54%/56% 48% 52% 44%;padding:1px 9px 2px;font-weight:700}:is(.menu,.card) .game.yours{background:linear-gradient(90deg, color-mix(in srgb, var(--red) 9%, transparent), transparent 80%)}:is(.menu,.card) .game.theirs .go b{color:var(--fine);font-weight:400}:is(.menu,.card) .game.theirs .go span{color:var(--fine)}:is(.menu,.card) .game.done .go b{color:var(--fine);opacity:.8;font-size:22px;font-weight:400}:is(.menu,.card) .game.done .go span{color:var(--fine);opacity:.8;font-size:19px}:is(.menu,.card) .game.done .x{opacity:.5}:is(.menu,.card) .tearing{z-index:1;align-items:center;gap:4px;padding-left:8px;display:flex;position:absolute;inset:0}:is(.menu,.card) .tearing .ask{min-width:0;font-family:var(--hand);color:var(--red);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:700;line-height:.98;position:relative;overflow:hidden;transform:rotate(-2deg)}.menu .carry .tearing .ask{font-size:22px}:is(.menu,.card) :has(>.tearing)>:not(.tearing){opacity:.22}:is(.menu,.card) :has(>.tearing)>.x{visibility:hidden}:is(.menu,.card) .tearing .acts{flex:none;gap:0;display:flex}:is(.menu,.card) .ico{width:42px;height:44px;color:var(--pencil);place-items:center;display:grid}:is(.menu,.card) .ico .hand-icon{width:28px;height:28px}:is(.menu,.card) .ico.rip{color:var(--red)}:is(.menu,.card) .ico:active{transform:scale(.9)}:is(.menu,.card) .paper-icon{filter:drop-shadow(0 1px 1px #00000040);flex:none;align-self:center;width:24px;height:28px}.menu .carry-icon{flex:none;padding:9px 0 0 14px}.menu .carry-icon+.ink{padding-left:8px}:is(.menu,.card) .game .go .paper-icon{margin-right:-2px}:is(.menu,.card) .game.done .paper-icon,:is(.menu,.card) .game.theirs .paper-icon{opacity:.75}.menu .sizes{gap:2px;margin:0 0 4px 12px;display:flex}.menu .sizes button{font-family:var(--hand);text-align:center;color:var(--fine);border-radius:50%;padding:2px 8px 3px}.menu .sizes button b{font-size:23px;font-weight:700;line-height:1;display:block}.menu .sizes button small{font-size:15px;line-height:1;display:block}.menu .sizes button.on{color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);border-radius:48% 52% 46% 54%/56% 48% 52% 44%}.menu .sizes.two{justify-content:space-around;gap:8px;margin:2px 4px 6px 14px}.menu .sizes.two button{flex:1 1 0;padding:6px 10px 7px}.menu .sizes.two button b{font-size:30px}.menu .sizes.two button small{white-space:nowrap;margin-top:2px;font-size:16px}.menu .row{flex-wrap:wrap;gap:2px 14px;margin:8px 0 0 18px;display:flex}.menu .pencil{font-family:var(--hand);color:var(--pencil);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--pencil) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--pencil) 35%, transparent);text-underline-offset:3px;font-size:22px}.card a.act{text-decoration:none}.label .field input.pencil-in{min-width:0;font-family:var(--hand);color:#4a4744;text-shadow:0 0 .6px #3c3a3880;caret-color:#4a4744;background:0 0;border:0;outline:none;flex:1;margin:0;padding:0;font-size:27px;font-weight:400;line-height:1.05}.label .field input.pencil-in::placeholder{color:#4a474461}.menu .note{font-family:var(--hand);color:#4a4744;margin:0 0 6px 18px;font-size:22px;line-height:1.1}.menu .note b{color:var(--blue)}.menu button:disabled{opacity:.45}#status.tap{pointer-events:auto;cursor:pointer;text-underline-offset:4px;-webkit-text-decoration:underline #f3ecdc59;text-decoration:underline #f3ecdc59}.card .link{font-family:var(--hand);color:#4a4744;word-break:break-all;-webkit-user-select:all;user-select:all;margin:2px 0 10px;font-size:25px}#sheet{z-index:6;background:radial-gradient(at 50% 40%,#0a060459,#0a0604bf);place-items:center;padding:18px;animation:.25s ease-out fade;display:grid;position:fixed;inset:0}#sheet[hidden]{display:none}.card{background:linear-gradient(90deg, transparent 30px, var(--card-margin) 30px 31.5px, transparent 31.5px), var(--lines), var(--paper);scrollbar-width:none;width:min(380px,100%);max-height:100%;padding:22px 20px 20px 44px;animation:.35s cubic-bezier(.2,.9,.3,1.2) drop;position:relative;overflow:auto;transform:rotate(-.8deg);box-shadow:0 14px 36px #0009}.card h2{font-family:var(--hand);color:var(--blue);margin:0 0 8px;font-size:40px;font-weight:700;line-height:1}.card p,.card li{margin:0;font-size:17px;line-height:1.45}.card ol{margin:0 0 10px;padding-left:18px}.card li{margin-bottom:6px}.card .sub{font-family:var(--hand);color:var(--pencil);margin-bottom:6px;font-size:23px}.card .stats{font-family:var(--hand);margin-bottom:12px;font-size:20px}.card .fine{color:var(--fine);margin-top:10px;font-size:14px}.card .act{font-family:var(--hand);color:var(--blue);text-align:left;padding:2px 0;font-size:29px;font-weight:700;line-height:1.25;display:block}.card .act:before{content:"→ ";opacity:.6;font-weight:400}.card .act.red{color:var(--red)}.card .act:active{transform:translate(3px)}.card .toggle{text-align:left;width:100%;padding:8px 0 8px 34px;display:block;position:relative}.card .toggle b{font-family:var(--hand);color:var(--pencil);font-size:27px;line-height:1;display:block}.card .toggle i{color:var(--fine);font-size:14px;font-style:normal}.card .toggle:before{content:"";border:2px solid var(--pencil);border-radius:3px 5px 3px 4px;width:20px;height:20px;position:absolute;top:11px;left:2px}.card .toggle.on b{color:var(--blue)}.card .toggle.on:after{content:"✓";font-family:var(--hand);color:var(--blue);font-size:34px;font-weight:700;position:absolute;top:0;left:3px}.card h3{font-family:var(--hand);color:var(--pencil);margin:14px 0 0;font-size:30px;font-weight:700;line-height:1}.card .papers{grid-template-columns:repeat(4,1fr);gap:12px 8px;margin:4px 0 8px;display:grid}.card .paper{flex-direction:column;align-items:center;gap:4px;display:flex}.card .paper canvas{width:100%;max-width:66px;height:auto;transition:transform .2s;display:block;transform:rotate(-2deg);box-shadow:0 2px 5px #00000059}.card .paper:nth-child(2n) canvas{transform:rotate(1.6deg)}.card .paper span{font-family:var(--hand);text-align:center;color:var(--fine);font-size:16px;line-height:1}.card .paper.here span{color:var(--pencil)}.card .paper.on canvas{outline:2.4px solid var(--blue);outline-offset:3px;border-radius:1px;transform:rotate(-1deg)translateY(-3px)scale(1.06)}.card .paper.on span{color:var(--blue);font-weight:700}.card .fine.motion{margin:2px 0}.card .sens{gap:4px;margin:-4px 0 4px 30px;display:flex}.card .sens button{font-family:var(--hand);color:var(--fine);border-radius:50%;padding:1px 8px;font-size:19px}.card .sens button.on{color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);border-radius:48% 52% 46% 54%/56% 48% 52% 44%}.card .toggle.more:before{border-style:dashed}.card.handoff{text-align:center;padding:34px 20px 34px 44px}.card.over h2{font-size:44px}.card.drawer .pages{grid-template-columns:1fr 1fr;gap:14px 12px;margin:10px 0 12px;display:grid}.card.drawer .page{text-align:left}.card.drawer .page canvas{width:100%;height:auto;display:block;transform:rotate(-1deg);box-shadow:0 3px 8px #00000059}.card.drawer .page:nth-child(2n) canvas{transform:rotate(1.2deg)}.card.drawer .friends h3{margin-bottom:2px}.card.drawer .friends:not(:empty){margin:0 0 12px -14px}.card.drawer .friends h3{margin-left:14px}.card .games button{text-align:left;display:block}.card.drawer .page span{font-family:var(--hand);color:var(--pencil);margin-top:5px;font-size:16px;line-height:1.1;display:block}@media (width>=700px){#top,#bottom{max-width:640px;margin:0 auto}}@media (width<=340px){.label .pair{flex-direction:column;gap:0}.label .pair .field{flex:none}.menu .ink{font-size:24px}.menu .sect{white-space:nowrap;font-size:24px}.menu .bot .ink{font-size:23px}.menu .duo .ink{font-size:21px}.menu .ink small{font-size:15px}.menu .sizes.two button b{font-size:26px}.menu .sizes.two button small{font-size:14px}}@media (orientation:landscape) and (height<=500px){#top{justify-content:center}.tag{flex:0 240px}.tag .name{font-size:20px}.tag .count{display:none}.tab{width:38px;height:38px}#status{margin-bottom:4px;font-size:17px}#status:not(:empty):after{content:" · best played upright";opacity:.6}#kind{width:min(420px,100%);margin:0 auto}#kind button{height:44px}#kind button b{font-size:24px}#kind button i{display:none}.book{width:min(680px,100%)}.leaf{grid-template-columns:1fr 1fr;align-items:start;gap:16px;padding:18px 16px 16px 28px;display:grid}.label h1{font-size:36px}.menu{margin:0}.menu .ink{font-size:26px}}@keyframes fade{0%{opacity:0}}@keyframes drop{0%{opacity:0;transform:translateY(-16px)rotate(-3deg)}}@keyframes bookIn{0%{opacity:0;transform:translateY(24px)rotate(-5deg)}}@keyframes bookOpen{to{opacity:0;transform:rotateY(-150deg)rotate(-2.2deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.handoff-tap{all:unset;cursor:pointer;width:100%;display:block}#field-host canvas,#lesson-host canvas,#streak-host canvas,#rays-host canvas{transform-origin:0 0;mix-blend-mode:var(--live-blend);will-change:transform;display:block;position:fixed}#cancel-ring{z-index:3;pointer-events:none;box-sizing:border-box;border:3px dashed var(--ink);box-shadow:0 0 0 2px rgba(var(--desk-rgb), .55), inset 0 0 0 2px rgba(var(--desk-rgb), .55);filter:drop-shadow(0 0 2px #0009);border-radius:48% 52% 46% 54%/54% 46% 52% 48%;transition:border-color .12s,background-color .12s;position:fixed;top:0;left:0}#cancel-ring i{background:var(--ink);width:8px;height:8px;box-shadow:0 0 0 1.5px rgba(var(--desk-rgb), .85);border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}#cancel-ring.in{background:color-mix(in srgb, var(--ink) 28%, transparent);border-style:solid}#cancel-ring .back{background:var(--ink);opacity:.5;border-radius:1px;width:2px;margin-left:-1px;display:none;position:absolute;top:calc(100% + 4px);left:50%}#cancel-ring .back.on{display:block}#cancel-ring.in .back,#cancel-ring[hidden]{display:none}