@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")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff) format("woff")}:root{--ink:#111;--paper:#fff;--grey:#ececec;--green:#33B23F;--mono:"Space Mono","Courier New",monospace;--hand:"Patrick Hand","Segoe Print","Bradley Hand",cursive}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--hand);font-size:20px;line-height:1.2;overflow-x:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px dashed var(--green);outline-offset:4px}.top{display:flex;align-items:flex-end;gap:18px;padding:16px 22px 10px clamp(16px,6vw,110px);max-width:calc(1160px + clamp(16px,6vw,110px))}.logo{margin:0;font-weight:400;font-size:clamp(46px,7vw,84px);line-height:.9;position:relative;transform:rotate(-1.5deg);letter-spacing:.01em}.logo .under{position:absolute;left:0;bottom:-10px;width:100%;height:14px;overflow:visible}.logo .under path{fill:none;stroke:var(--green);stroke-width:6;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1;animation:ink .9s .3s ease-out forwards}.tkr{font-family:var(--mono);font-weight:700;font-size:14px;border:3px solid var(--ink);padding:1px 8px;border-radius:3px 8px 4px 9px;transform:rotate(1.5deg);margin-bottom:6px}.xlink{margin-left:auto;display:block;width:60px;height:60px;flex:none}.xlink svg{width:100%;height:100%;overflow:visible;display:block}.xlink:hover svg{animation:twitch .35s ease}.xlink .ink{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.strip{display:grid;grid-template-columns:repeat(12,1fr);gap:22px 20px;max-width:1120px;margin:14px 0 80px clamp(16px,6vw,110px);padding-right:22px}.panel{position:relative;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.panel:before{content:"";position:absolute;inset:0;border:4px solid var(--ink);border-radius:6px 13px 5px 15px/13px 5px 15px 6px;pointer-events:none;animation:wipe 1s var(--pd,0s) ease-out both}.p1{grid-column:1/8;transform:rotate(-.35deg)}.p2{grid-column:8/13;transform:rotate(.5deg)}.p3{grid-column:3/12;transform:rotate(-.25deg)}.px.e0{grid-column:1/9}.px.e1{grid-column:5/13}.px.e2{grid-column:2/12}.px{animation:pin .5s ease-out both}.cap{display:flex;gap:8px;align-items:flex-start;position:relative;z-index:2}.cap p{margin:0;background:var(--paper);border:3px solid var(--ink);border-radius:3px 8px 4px 9px;padding:5px 10px 6px;font-size:clamp(19px,1.9vw,24px)}.num{flex:none;width:30px;height:30px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:20px;border-radius:2px 6px 3px 7px;transform:rotate(-4deg)}.cap small{display:block;font-size:14px;opacity:.75}.count{font-size:1.3em;color:var(--green);font-weight:400;display:inline-block;min-width:1ch}.tallyrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:2}.tally{width:calc(var(--w,60) * 1.1px);height:calc(var(--h,40) * 1.1px);max-width:100%;display:block;flex:0 1 auto;overflow:visible}.brow{font-size:16px;border:2px solid var(--ink);padding:0 8px;border-radius:3px 7px 3px 8px;transform:rotate(1deg);white-space:nowrap}.brow b{font-weight:400;color:var(--green)}.art{position:relative;flex:1;display:flex;align-items:center}.scene{display:block;width:100%;height:auto;overflow:visible;animation:boil .5s steps(1) infinite}.fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.page[x-data] .fallback,html[data-boot] .fallback{display:none}.p2 .art{min-height:0}.ink{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.draw{stroke-dasharray:1 2;stroke-dashoffset:1;animation:ink 1s var(--d,0s) ease-out forwards}.redraw{stroke-dasharray:1 2;stroke-dashoffset:1;animation:ink .38s var(--d,0s) ease-out forwards}.fillin{opacity:0;animation:appear .3s calc(var(--d,0s) + .5s) forwards}.ink-text{fill:var(--ink);font-family:var(--hand);stroke:none}.fade{opacity:0;animation:appear .4s calc(var(--d,0s) + .9s) forwards}.fade2,.bub .ink-text{opacity:0;animation:appear .25s calc(var(--d,0s) + .32s) forwards}.dot{fill:var(--ink)}.green{fill:var(--green)}path.tick{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:1;animation:ink .5s calc(var(--d,0s) + .8s) ease-out forwards}.big{font-weight:700}.phone-hit{position:absolute;left:34%;top:66%;width:32%;height:31%;background:transparent;border:0;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}.art:has(.phone-hit:hover) .phone{animation:buzz .4s ease}.art:has(.phone-hit:active) .phone{transform:translateY(4px)}.card{opacity:0;transform-origin:320px 300px;pointer-events:none}.cardbox{fill:#fff;stroke:var(--ink);stroke-width:5;stroke-linejoin:round}.tick2{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.card.pop{animation:popcard 2.3s ease forwards}.chkwrap.pulse .chkdot{animation:pulse .55s ease}.narr{align-items:flex-start}.narr>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.narr p{display:inline-block}.cawrap{position:relative;max-width:100%}.ca{font-family:var(--mono);font-weight:700;font-size:clamp(16px,2vw,22px);letter-spacing:0;background:var(--grey);border:3px solid var(--ink);border-radius:3px 8px 4px 9px;padding:5px 12px 6px;cursor:pointer;text-align:left;max-width:100%;overflow-wrap:anywhere;user-select:all}.ca:hover{background:#fff}.ca.hit{animation:thud .28s ease}.cahint{font-size:15px;opacity:.8;padding-left:2px}.stamp{position:absolute;left:calc(100% + 14px);top:-10px;color:var(--green);border:4px double var(--green);border-radius:6px;padding:0 10px;font-size:28px;line-height:1.15;letter-spacing:.06em;white-space:nowrap;opacity:0;transform:rotate(-9deg) scale(1.6);pointer-events:none;background:#ffffffd9}.stamp.on{opacity:1;transform:rotate(-9deg) scale(1);transition:opacity .2s}.stamp.thunk{animation:thunk .45s cubic-bezier(.2,1.4,.4,1)}.buy-hit{position:absolute;left:74%;top:4%;width:21.5%;height:90%;z-index:3;border-radius:10px;cursor:pointer}.art:has(.buy-hit:hover) .buyphone,.art:has(.buy-hit:focus-visible) .buyphone{animation:buzz .45s ease infinite}.rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:10px;z-index:20}.rail button{width:32px;height:32px;background:#fff;border:3px solid var(--ink);border-radius:3px 8px 4px 9px;font-size:18px;cursor:pointer;padding:0;line-height:1}.rail button:nth-child(2n){transform:rotate(3deg)}.rail button:nth-child(odd){transform:rotate(-2deg)}.rail button:hover{background:var(--green);color:#fff}@media (min-width:1180px){.rail{display:flex}}@media (max-width:820px){body{font-size:18px}.top{padding:12px 14px 6px 16px;gap:12px}.xlink{width:48px;height:48px}.strip{grid-template-columns:1fr;gap:14px;margin:8px 0 60px;padding:0 14px}.p1,.p2,.p3,.px.e0,.px.e1,.px.e2{grid-column:1/-1}.panel{padding:10px}.cap p{font-size:18px}.p2 .scene{aspect-ratio:400/125;overflow:hidden}.tally{width:calc(var(--w,60) * .8px);height:calc(var(--h,40) * .8px)}.tallyrow{gap:8px}.stamp{inset:auto 4px -22px auto;font-size:22px}}@keyframes ink{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@keyframes wipe{0%{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(-2px -2px -2px -2px)}}@keyframes pin{0%{opacity:0;transform:scale(.96)}}@keyframes boil{0%{filter:url(#b0)}33%{filter:url(#b1)}66%{filter:url(#b2)}}@keyframes popcard{0%{opacity:0;transform:translateY(96px) scale(.2)}12%{opacity:1;transform:translateY(-6px) scale(1.1)}20%{transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}@keyframes pulse{0%{transform:scale(1)}35%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes buzz{0%,to{transform:rotate(0)}25%{transform:rotate(-2.5deg) translate(-2px)}75%{transform:rotate(2.5deg) translate(2px)}}@keyframes thunk{0%{opacity:0;transform:rotate(-9deg) scale(2.4)}55%{opacity:1;transform:rotate(-9deg) scale(.92)}to{opacity:1;transform:rotate(-9deg) scale(1)}}@keyframes thud{0%,to{transform:translate(0)}30%{transform:translate(2px,3px)}60%{transform:translate(-1px,1px)}}@keyframes twitch{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}70%{transform:rotate(5deg)}}@media (prefers-reduced-motion: reduce){.scene{animation:none;filter:none}.draw,.redraw,.logo .under path,path.tick{animation:none;stroke-dashoffset:0}.fillin,.fade,.fade2,.bub .ink-text{animation:none;opacity:1}.panel:before{animation:none}.px{animation:none}.card.pop{animation:cardfade 2.3s linear forwards}.chkwrap.pulse .chkdot,.art:has(.phone-hit:hover) .phone,.art:has(.buy-hit:hover) .buyphone,.xlink:hover svg,.ca.hit{animation:none}.stamp.thunk{animation:none}.stamp{transition:none}}@keyframes cardfade{0%{opacity:0}10%,80%{opacity:1;transform:none}to{opacity:0}}
