@font-face{font-family:Shantell Sans;src:url(./ShantellSans-800-I-WFDfi4.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(./Nunito-900-BTq8mKwO.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Nunito;src:url(./Nunito-700-DXFZd3b8.woff2) format("woff2");font-weight:700 800;font-display:swap}:root{--ink:#231D2B;--cream:#FBF3E4;--plate:#2B2433;--spoken:#FFC94A;--orange:#E2733A;--gold:#E9B33C;--red:#D8213E;--marker:"Shantell Sans","Nunito",cursive;--round:"Nunito",system-ui,sans-serif;--press:cubic-bezier(.3,.7,.4,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;overflow:hidden;background:#2b2433;overscroll-behavior:none}body{font-family:var(--round);color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px dashed var(--orange);outline-offset:3px}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab}.stage.hot{cursor:pointer}.stage.grabbing{cursor:grabbing}.world{position:absolute;left:0;top:0;width:720px;height:1280px;transform-origin:0 0;will-change:transform}.grain{position:fixed;top:-128px;right:-128px;bottom:-128px;left:-128px;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-repeat:repeat;animation:grain 1s steps(1) infinite;will-change:transform;z-index:1}@keyframes grain{0%{transform:translate(0)}17%{transform:translate(-37px,21px)}33%{transform:translate(24px,-48px)}50%{transform:translate(-61px,-12px)}67%{transform:translate(40px,30px)}83%{transform:translate(-14px,52px)}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 85% 70% at 50% 45%,#0000 55%,#28121e61)}.slip{position:relative;background:var(--cream);border:3.5px solid var(--ink);border-radius:10px;box-shadow:5px 6px 0 var(--ink)}.tape{position:absolute;left:50%;top:-12px;width:64px;height:20px;transform:translate(-50%) rotate(-4deg);background:#f6eed0d1;border-left:2px dashed rgba(35,29,43,.18);border-right:2px dashed rgba(35,29,43,.18);box-shadow:0 1px #231d2b26;pointer-events:none}.pill{display:inline-flex;align-items:center;gap:5px;border:2.5px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);background:var(--cream);padding:2px 10px;font-weight:900;font-size:13px;line-height:1.2;white-space:nowrap}.plate{background:var(--plate);color:var(--cream);font-weight:900;padding:8px 18px 9px;clip-path:polygon(3.5% 0,100% 0,100% 62%,96.5% 100%,0 100%,0 38%)}.marker{font-family:var(--marker);font-weight:800;line-height:1;white-space:nowrap}.marker>span{display:inline-block;-webkit-text-stroke:.13em var(--ink);paint-order:stroke fill}.hand{font-family:var(--marker);font-weight:800}.top{position:fixed;left:0;right:0;top:0;z-index:3;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;display:flex;align-items:flex-start;gap:10px;pointer-events:none}.logo{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;gap:5px;transform:rotate(-3deg);filter:drop-shadow(2px 3px 0 rgba(35,29,43,.55))}.logo .pill{font-size:12px;transform:rotate(2deg)}.find{pointer-events:auto;flex:1;display:flex;min-width:0;margin-top:2px;transform:rotate(.8deg)}.find input{flex:1;min-width:0;border:0;background:transparent;padding:9px 10px;font:800 16px var(--marker);color:var(--ink);outline:none;border-radius:8px 0 0 8px}.find input::placeholder{color:#231d2b73}.find>button{flex:0 0 44px;display:grid;place-items:center;background:var(--spoken);border-left:3px solid var(--ink);border-radius:0 7px 7px 0}.find>button:active{background:#f2b52e}.sugs{position:absolute;left:-3.5px;right:-3.5px;top:calc(100% + 10px);overflow:hidden;z-index:5;transform:rotate(-.8deg)}.sugs button{display:flex;width:100%;justify-content:space-between;align-items:baseline;gap:10px;border-top:2px dashed rgba(35,29,43,.22);padding:10px 12px;font:800 15px var(--round);text-align:left}.sugs button:first-child{border-top:0}.sugs button:active,.sugs button:hover{background:#f3d98b}.sugs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sugs i{font-style:normal;font-family:var(--marker);font-size:12px;color:#231d2b99;white-space:nowrap}.hint{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 92px);transform:translate(-50%) rotate(-1.5deg);z-index:2;font-size:14px;pointer-events:none;width:max-content;max-width:calc(100vw - 36px);text-align:center;transition:opacity .4s}.say{position:absolute;transform:translateY(-100%) scale(var(--iz,1));transform-origin:0 100%;pointer-events:none;filter:drop-shadow(3px 4px 0 rgba(35,29,43,.45))}.say span{display:block;background:var(--plate);color:var(--cream);font:900 19px var(--round);padding:9px 18px 10px;width:max-content;transform:rotate(-2deg);clip-path:polygon(3.5% 0,100% 0,100% 62%,96.5% 100%,0 100%,0 38%);animation:sayin .2s var(--press)}@keyframes sayin{0%{transform:rotate(-2deg) scale(.7);opacity:0}}.card{position:fixed;left:50%;z-index:4;bottom:calc(env(safe-area-inset-bottom) + 92px);transform:translate(-50%) rotate(-.6deg);width:min(92vw,420px);padding:16px 14px 12px;font-weight:800;font-size:15px;line-height:1.3;animation:pop .22s cubic-bezier(.2,.9,.3,1.3);max-height:min(58vh,520px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.card .tape{position:sticky;display:block;margin:-26px auto 6px;top:-14px;left:auto;transform:rotate(-4deg)}.card .x{position:absolute;right:8px;top:4px;font:900 26px var(--round);color:#231d2b99;width:36px;height:36px}.card .nick{font-size:24px;white-space:normal;word-break:break-all;color:var(--ink);padding-right:30px}.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.card .tags .pill{background:#f3d98b}.card .sub{color:#231d2b9e;font-size:13px;margin-top:4px}.cms{margin-top:10px;border-top:2px dashed rgba(35,29,43,.22);padding-top:6px}.cmh{font-size:15px;color:#231d2bb3;margin:2px 0 4px}.cm{display:flex;gap:8px;justify-content:space-between;align-items:baseline;text-decoration:none;color:var(--ink);background:#fff9ea;border:2.5px solid var(--ink);border-radius:8px;box-shadow:2px 3px #231d2bd9;padding:7px 10px;margin:8px 0;font-weight:700;font-size:14px;word-break:break-word;transform:rotate(var(--r,0deg))}.cm:active{transform:translate(2px,2px);box-shadow:0 1px 0 var(--ink)}.cm i{font-style:normal;font-family:var(--marker);font-size:12px;color:#231d2b99;white-space:nowrap}.more{display:block;margin:10px auto 2px;padding:7px 16px;background:var(--spoken);font:900 15px var(--marker);box-shadow:3px 4px 0 var(--ink);transform:rotate(-1.5deg)}.more:active{transform:translate(2px,3px) rotate(-1.5deg);box-shadow:1px 1px 0 var(--ink)}.card .q{font-family:var(--round);font-size:15px;line-height:1.35;margin:8px 0 4px;padding:10px 16px 11px;white-space:normal}@keyframes pop{0%{transform:translate(-50%) rotate(-.6deg) scale(.85);opacity:0}}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);background:var(--cream);border-top:3px solid var(--ink);box-shadow:0 -3px #231d2b2e;padding-bottom:env(safe-area-inset-bottom)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:64px;border-left:2px dashed rgba(35,29,43,.22);min-width:0}.tab:first-child{border-left:0}.tab .ico{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.tab .marker{font-size:clamp(9.5px,3.15vw,12.5px);color:#231d2bb8;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tab.on{background:#f3d98b}.tab.on .ico{transform:translateY(-2px) rotate(-6deg) scale(1.08)}.tab.on .marker{color:var(--ink)}.tab:active .ico{transform:scale(.9)}.bpress{animation:bpress .42s var(--press)}@keyframes bpress{0%{transform:scale(1)}25%{transform:scale(.9) translateY(2px)}60%{transform:scale(1.08)}to{transform:scale(1)}}.bflash{opacity:0;animation:bflash .5s ease-out}@keyframes bflash{0%{opacity:.85}to{opacity:0}}.ring{animation:ring 1s ease-in-out infinite}@keyframes ring{50%{stroke:#fff;stroke-width:8}}.wide .top{padding:16px 22px}.wide .find{flex:0 1 440px;margin-left:auto}.wide .tabs{left:50%;right:auto;bottom:16px;transform:translate(-50%);width:min(720px,70vw);border:3.5px solid var(--ink);border-radius:12px;box-shadow:5px 6px 0 var(--ink);padding:0;overflow:hidden}.wide .tab .marker{font-size:15px}.wide .card{left:auto;right:22px;top:120px;bottom:22px;transform:rotate(.5deg);width:390px;max-height:none;animation:slide .22s ease-out}.wide .hint{top:110px}@keyframes slide{0%{transform:translate(30px) rotate(.5deg);opacity:0}}.bricks{position:absolute;left:0;top:0;pointer-events:none}.burst{animation:burst .8s cubic-bezier(.2,.8,.3,1) forwards}@keyframes burst{0%{transform:translate(0) scale(.3);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1) rotate(160deg);opacity:0}}.pill.bump{animation:bump .5s cubic-bezier(.2,.9,.3,1.6)}@keyframes bump{0%{transform:rotate(2deg) scale(1)}40%{transform:rotate(-6deg) scale(1.35);background:#ffc94a}to{transform:rotate(2deg) scale(1)}}.beer{pointer-events:auto;order:2;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 7px 5px;margin-top:-2px;transform:rotate(3deg);color:var(--ink);cursor:pointer;animation:beerjolt .32s cubic-bezier(.2,.9,.3,1.3);touch-action:manipulation}.beer .marker{font-size:13px}.beer:active{transform:rotate(3deg) translate(2px,3px);box-shadow:2px 3px 0 var(--ink)}.beer.zz{background:#d9d2bc}.beer.zz svg{opacity:.55}@keyframes beerjolt{0%{transform:rotate(3deg) scale(1)}35%{transform:rotate(-5deg) scale(.9)}to{transform:rotate(3deg) scale(1)}}.wide .beer{margin-left:4px}.wide .beer .marker{font-size:15px}.zzz{position:absolute;pointer-events:none;transform:scale(var(--iz,1));transform-origin:0 100%;font:900 34px var(--marker);color:var(--cream);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.zzz i{position:absolute;left:0;bottom:0;font-style:normal;opacity:0;animation:zz 3.6s ease-out infinite}.zzz i:nth-child(2){animation-delay:1.2s;font-size:42px}.zzz i:nth-child(3){animation-delay:2.4s;font-size:52px}@keyframes zz{0%{transform:translate(0) rotate(-8deg);opacity:0}15%{opacity:1}to{transform:translate(46px,-120px) rotate(12deg);opacity:0}}@media (prefers-reduced-motion:reduce){.zzz i{animation-duration:7s}}.lite .grain{animation:none}@media (prefers-reduced-motion:reduce){.grain{animation:none}}@media (min-width:1800px) and (min-height:1000px){.wide .top,.wide .tabs,.wide .card,.wide .hint{zoom:1.3}}@media (max-width:379px){.beer{padding:4px 5px}.beer .marker{display:none}.logo .marker{font-size:21px!important}.top{gap:7px;padding-left:9px;padding-right:9px}}@media (max-width:300px){.logo .marker{font-size:17px!important}}@media (max-height:520px) and (orientation:landscape){.hint{top:auto;bottom:calc(env(safe-area-inset-bottom) + 62px)}.tab{min-height:48px}.tab .ico{height:26px}}.stk{transform:rotate(var(--r))}.stk.slap{animation:stkSlap .55s cubic-bezier(.3,.7,.4,1)}@keyframes stkSlap{0%{transform:rotate(var(--r)) scale(1)}30%{transform:translateY(-14px) rotate(calc(var(--r) * -2)) scale(1.18)}62%{transform:rotate(var(--r)) scale(.94,1.04)}80%{transform:rotate(var(--r)) scale(1.03,.97)}to{transform:rotate(var(--r)) scale(1)}}@media (prefers-reduced-motion:reduce){.stk.slap{animation:none}}.fly{animation:flyLoop 5.2s ease-in-out infinite}.fly1{animation-duration:6.4s;animation-delay:-1.8s}.fly2{animation-duration:4.6s;animation-delay:-3.1s}.fly3{animation-duration:7s;animation-delay:-.7s}@keyframes flyLoop{0%{transform:translate(0)}25%{transform:translate(14px,-9px)}50%{transform:translate(4px,-16px)}75%{transform:translate(-12px,-6px)}to{transform:translate(0)}}.fly .wing{animation:wing .12s linear infinite alternate;transform-box:fill-box;transform-origin:50% 100%}@keyframes wing{0%{transform:scaleY(1)}to{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){.fly,.fly .wing{animation:none}}.lite .fly .wing{animation:none}