:root{--ink: #3a1f2b;--paper: #fff1dc;--paper2: #ffe2bf;--coral: #ff6b5a;--tang: #ff8f3d;--sun: #ffc23d;--teal: #2fb3a6;--leaf: #6fc05a;--rose: #e2468e;--plum: #6b3550;--line: 2.5px solid var(--ink);--drop: 4px 5px 0 var(--ink);--r: 20px 24px 18px 26px / 24px 18px 26px 20px;--round: "Fredoka", "Mochiy Pop One", system-ui, sans-serif;--jp: "Mochiy Pop One", "Fredoka", sans-serif;--mono: "DM Mono", ui-monospace, monospace;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .18 0 0 0 0 .1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#a8505a;font-family:var(--round);color:var(--ink)}#view{position:fixed;inset:0;width:100%;height:100%;display:block}.tags{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}.ui{position:fixed;inset:0;pointer-events:none}.ui>*{pointer-events:auto}.card{background:var(--grain),var(--paper);border:var(--line);border-radius:var(--r);box-shadow:var(--drop)}.brand{position:absolute;left:26px;top:16px}.word{display:flex;align-items:flex-end;gap:1px}.word span{font:700 62px/.9 var(--round);letter-spacing:-.01em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;filter:drop-shadow(3px 4px 0 var(--ink));display:inline-block}.word span:nth-child(1){color:var(--coral);transform:rotate(-6deg)}.word span:nth-child(2){color:var(--sun);transform:translateY(-4px) rotate(4deg)}.word span:nth-child(3){color:var(--tang);transform:rotate(-3deg)}.word span:nth-child(4){color:var(--teal);transform:translateY(-6px) rotate(7deg)}.word span:nth-child(5){color:var(--rose);transform:rotate(-5deg)}.word span:nth-child(6){color:var(--paper);transform:translateY(-2px) rotate(5deg)}.brand:hover .word span{animation:hop .5s ease both}.brand:hover .word span:nth-child(2){animation-delay:.04s}.brand:hover .word span:nth-child(3){animation-delay:.08s}.brand:hover .word span:nth-child(4){animation-delay:.12s}.brand:hover .word span:nth-child(5){animation-delay:.16s}.brand:hover .word span:nth-child(6){animation-delay:.2s}@keyframes hop{40%{translate:0 -8px}}.line{margin:12px 0 0 2px;padding:7px 14px 8px;font:600 15px/1.3 var(--round);color:var(--ink);background:var(--grain),var(--paper2);border:var(--line);border-radius:14px 18px 12px 16px;box-shadow:3px 4px 0 var(--ink);display:inline-block;transform:rotate(-1.2deg)}.line b{color:#b8322a}.timer{position:absolute;left:26px;top:196px;min-width:214px;padding:9px 20px 11px;text-align:center;transform:rotate(.8deg)}.timer small{display:block;font:700 12px var(--round);letter-spacing:.18em;color:var(--plum)}.timer b{display:block;font:700 40px/1.05 var(--round);font-variant-numeric:tabular-nums}.timer .bar{display:block;height:10px;margin-top:6px;background:#f4d3b0;border:2px solid var(--ink);border-radius:99px;overflow:hidden}.timer .bar s{display:block;height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--tang),var(--tang) 7px,var(--sun) 7px,var(--sun) 14px);transition:width .3s linear}.timer .live{position:absolute;right:-10px;top:-12px;display:flex;align-items:center;gap:5px;font:700 10px var(--round);letter-spacing:.14em;color:var(--paper);background:var(--coral);border:2px solid var(--ink);border-radius:99px;padding:3px 8px 2px;box-shadow:2px 2px 0 var(--ink);transform:rotate(6deg)}.timer .live i{width:7px;height:7px;border-radius:50%;background:var(--paper);animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.timer.hot{background:var(--grain),#ffe08a;animation:wobble .5s ease-in-out infinite alternate}@keyframes wobble{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.feed{position:absolute;left:26px;top:324px;width:316px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.feed p{margin:0;display:flex;align-items:flex-start;gap:8px;padding:6px 11px 7px;font:500 12.5px/1.35 var(--round);background:var(--grain),#fff1dcf0;border:2px solid var(--ink);border-radius:10px 14px 9px 12px;box-shadow:2px 3px 0 var(--ink);animation:slip .45s cubic-bezier(.2,1.5,.4,1) both}.feed p:nth-child(2){opacity:.85}.feed p:nth-child(3){opacity:.68}.feed p:nth-child(4){opacity:.5}.feed p:nth-child(5){opacity:.32}.feed p:nth-child(2n){transform:rotate(-.6deg)}.feed p:nth-child(odd){transform:rotate(.5deg)}.feed p i{flex:none;width:9px;height:9px;margin-top:4px;border:2px solid var(--ink);border-radius:50%;background:var(--teal)}.feed p.f-drop i{background:var(--tang)}.feed p.f-miss i{background:var(--coral)}.feed p.f-pop i{background:var(--sun);border-radius:2px;transform:rotate(45deg)}.feed p b{font-family:var(--mono);font-weight:500}.feed p.f-pop{background:var(--grain),#ffe08a}@keyframes slip{0%{transform:translate(-30px) rotate(-4deg);opacity:0}}.pot{position:absolute;right:26px;top:16px;display:flex;align-items:center;gap:14px;padding:12px 22px 12px 14px;background:var(--grain),linear-gradient(180deg,#ffe7a8,#ffc768);transform:rotate(-.8deg)}.pot.bump{animation:bump .6s cubic-bezier(.2,1.6,.4,1)}@keyframes bump{30%{transform:rotate(-3deg) scale(1.06)}}.jar{position:relative;width:52px;height:58px}.jar:before{content:"";position:absolute;inset:10px 6px 0;border:var(--line);border-radius:14px 14px 18px 18px;background:radial-gradient(circle at 35% 30%,#fff1c4,#ffbe2e 55%,#e88a00);box-shadow:2px 3px 0 var(--ink)}.jar:after{content:"";position:absolute;left:12px;right:12px;top:2px;height:12px;border:var(--line);border-radius:6px;background:var(--coral)}.jar i{position:absolute;left:18px;top:26px;width:16px;height:16px;background:var(--paper);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:twinkle 1.6s ease-in-out infinite}@keyframes twinkle{50%{transform:scale(.7) rotate(20deg)}}.pv small{display:block;font:700 12px var(--round);letter-spacing:.2em;color:#8a4a00}.pv b{display:block;font:700 44px/1 var(--round);font-variant-numeric:tabular-nums}.pv b u{text-decoration:none;font-size:20px}.pv .sub{display:block;margin-top:3px;font:600 12px var(--round);color:#7a4a1a}.pv .sub em{font-style:normal;padding:0 6px;border:2px solid var(--ink);border-radius:99px;background:var(--paper)}.chips{position:absolute;right:26px;top:136px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:520px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;font:700 13px var(--round);background:var(--grain),var(--paper);border:var(--line);border-radius:99px;box-shadow:2px 3px 0 var(--ink);text-decoration:none;color:var(--ink)}.chip:nth-child(odd){transform:rotate(.8deg)}.chip:nth-child(2n){transform:rotate(-.8deg)}button.chip:hover,a.chip:hover{translate:0 -1px}button.chip:active,a.chip:active{translate:1px 2px;box-shadow:0 0 0 var(--ink)}.chip em{font-style:normal;background:var(--teal);color:var(--paper);border-radius:6px;padding:0 5px}.chip.mc em{background:var(--rose)}.chip.min em{background:var(--tang)}.chip.ca b{font:500 12px var(--mono)}.chip.ca.copied{background:var(--grain),#c8f0d0}.chip.ca.copied b:after{content:" copied";font-family:var(--round);font-weight:700}.chip.snd .w1,.chip.snd .w2{display:none}.chip.snd.on .w1,.chip.snd.on .w2{display:inline}.chip.snd.on .mute{display:none}.chip.snd.on{background:var(--grain),#c8f0d0}.chip.x{padding:6px 10px}.drop,.pops{position:absolute;bottom:22px;padding:11px 14px 12px}.drop{left:26px;width:346px;transform:rotate(.6deg)}.pops{right:26px;width:300px;transform:rotate(-.6deg)}.drop h4,.pops h4{margin:0 0 8px;font:700 12px var(--round);letter-spacing:.16em;display:flex;justify-content:space-between;color:var(--plum)}.pops h4.h2{margin-top:12px}.drop h4 em{font-style:normal;color:var(--ink);letter-spacing:.04em;font-variant-numeric:tabular-nums}.faces{display:flex;flex-wrap:wrap;gap:2px}.faces img{width:19px;height:19px;opacity:.32;filter:saturate(.4);transition:opacity .25s,transform .25s,filter .25s}.faces img.in{opacity:1;filter:none;transform:translateY(-1px)}.faces img.win{transform:scale(1.5);position:relative;z-index:1}.strip{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.strip i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:#f4d3b0}.strip i.w{background:var(--sun);border-radius:3px;transform:rotate(45deg) scale(1.15)}.strip span{margin-left:6px;font:600 11px var(--round);color:var(--plum)}ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}ol li{display:flex;align-items:center;gap:8px;font:500 13px var(--mono);padding:3px 6px;border-radius:12px}ol li img{width:28px;height:28px;flex:none}ol li b{font:700 14px var(--round);margin-right:6px}ol li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pops li em{font:700 14px var(--round);font-style:normal}.pops li i{font:700 10px var(--round);font-style:normal;padding:1px 7px;border-radius:99px;background:#ffe08a;border:2px solid var(--ink)}.pops li a.paid{font:700 10px var(--round);letter-spacing:.06em;padding:1px 8px;border-radius:99px;background:#4cd27a;color:#0f3a1f;border:2px solid var(--ink);text-decoration:none}.pops li a.paid:hover{background:#6fe397}li.empty{font:600 12.5px var(--round);color:var(--plum);padding:2px 0}.banner{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%) scale(.2);opacity:0;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.banner.show{animation:popin 6s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes popin{0%{transform:translate(-50%,-50%) scale(.2) rotate(-12deg);opacity:0}8%{transform:translate(-50%,-50%) scale(1.08) rotate(3deg);opacity:1}14%{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}86%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(-50%,-62%) scale(.9) rotate(-2deg)}}.burst{width:280px;height:206px;display:grid;place-items:center;background:var(--sun);border:4px solid var(--ink);clip-path:polygon(50% 0%,61% 18%,80% 6%,78% 28%,100% 30%,86% 48%,100% 66%,78% 70%,82% 94%,61% 82%,50% 100%,39% 82%,18% 94%,22% 70%,0% 66%,14% 48%,0% 30%,22% 28%,20% 6%,39% 18%);filter:drop-shadow(4px 6px 0 var(--ink))}.burst b{font:700 84px var(--round);color:var(--coral);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;transform:rotate(-6deg)}.who{display:flex;align-items:center;gap:12px;background:var(--grain),var(--paper);border:var(--line);border-radius:var(--r);padding:8px 18px 8px 8px;box-shadow:var(--drop)}.who img{width:64px;height:64px}.who strong{display:block;font:700 24px var(--round)}.who span{font:500 14px var(--mono);color:var(--plum)}.won{font:700 26px var(--round);background:var(--grain),#c8f0d0;border:var(--line);border-radius:99px;padding:6px 20px;box-shadow:3px 4px 0 var(--ink)}.close-call{position:absolute;left:50%;top:21%;transform:translate(-50%,-50%);opacity:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.close-call.show{animation:aww 4s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes aww{0%{opacity:0;transform:translate(-50%,-30%) rotate(4deg)}10%{opacity:1;transform:translate(-50%,-50%) rotate(-3deg)}85%{opacity:1;transform:translate(-50%,-50%) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-40%) rotate(-3deg)}}.close-call>b{font:700 64px/1 var(--round);color:var(--paper);-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill;filter:drop-shadow(3px 5px 0 var(--ink))}.close-call span{text-align:center;font:600 15px/1.4 var(--round);background:var(--grain),var(--paper);border:var(--line);border-radius:14px 18px 12px 16px;padding:7px 16px;box-shadow:3px 4px 0 var(--ink)}.sheet{position:absolute;inset:0;display:none;place-items:center;background:#3a1f2b66;backdrop-filter:blur(3px)}.ui.open-sheet .sheet{display:grid}.sheet .card{position:relative;width:min(640px,92vw);max-height:92vh;overflow:auto;padding:26px 30px 22px;transform:rotate(-.5deg)}.sheet h2{margin:0 0 4px;font:700 34px var(--round)}.sheet .lede{margin:0 0 18px;font:600 17px var(--round);color:#b8322a}.steps{gap:14px}.steps li{align-items:flex-start;gap:14px;font:inherit;padding:0}.steps li>b{flex:none;width:40px;height:40px;display:grid;place-items:center;font:700 22px var(--round);background:var(--tang);color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;border:var(--line);border-radius:50%;box-shadow:2px 3px 0 var(--ink);margin:0}.steps li:nth-child(2)>b{background:var(--teal)}.steps li:nth-child(3)>b{background:var(--coral)}.steps h5{margin:2px 0;font:700 19px var(--round)}.steps p{margin:0;font:500 15px/1.45 var(--round);color:#5a3040}.fine{margin:16px 0 0;font:500 13px/1.5 var(--round);color:var(--plum)}.close{position:absolute;right:14px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:var(--line);border-radius:50%;background:var(--paper);box-shadow:2px 3px 0 var(--ink)}.simtag{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font:700 11px var(--round);letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:#3a1f2b8c;border-radius:99px;padding:4px 12px}@media(max-width:1280px){.feed{display:none}.drop{width:290px}.pops{width:260px}}@media(max-width:900px){.brand{left:12px;top:10px}.word span{font-size:36px;-webkit-text-stroke:2.5px var(--ink)}.line{position:fixed;left:50%;top:74px;transform:translate(-50%) rotate(-1deg);white-space:nowrap;font-size:12px;padding:5px 11px;margin:0}.line br{display:none}.line b{margin-left:4px}.timer{left:50%;top:auto;bottom:18px;transform:translate(-50%);min-width:170px;padding:6px 14px 8px}.timer b{font-size:26px}@keyframes wobble{0%{transform:translate(-50%) rotate(-1.5deg)}to{transform:translate(-50%) rotate(1.5deg)}}.pot{top:10px;right:10px;padding:6px 12px 6px 4px;gap:6px}.pv b{font-size:24px}.pv b u{font-size:13px}.pv small{font-size:10px}.pv .sub{display:none}.jar{transform:scale(.65);margin:-6px -8px}.chips{top:auto;bottom:100px;right:50%;transform:translate(50%);max-width:94vw;justify-content:center}.chip{padding:5px 10px;font-size:12px}.drop,.pops,.simtag,.feed{display:none}.burst{width:200px;height:150px}.burst b{font-size:58px}.who strong{font-size:19px}.close-call>b{font-size:44px}}.hint{position:absolute;left:50%;bottom:44px;transform:translate(-50%) rotate(-1deg);font:600 13px var(--round);background:var(--grain),var(--paper);border:var(--line);border-radius:14px 18px 12px 16px;padding:6px 14px;box-shadow:3px 4px 0 var(--ink);pointer-events:none;animation:nudge 2.4s ease-in-out infinite}.ui.heard .hint{opacity:0;transition:opacity .6s;animation:none}@keyframes nudge{50%{translate:0 -4px}}@media(max-width:900px){.hint{bottom:auto;top:112px;font-size:11.5px}}.brand .head{display:flex;align-items:center;gap:10px}.brand .mark{width:74px;height:auto;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 var(--ink));transform:rotate(-4deg);animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:rotate(-1deg) translateY(-3px)}}@media(max-width:900px){.brand .mark{width:44px}.brand .head{gap:6px}}.xlink{position:absolute;right:26px;top:22px;width:58px;height:58px;display:grid;place-items:center;color:var(--paper);background:var(--ink);border:var(--line);border-radius:18px 22px 16px 20px;box-shadow:3px 4px #1e0f16;transform:rotate(3deg);text-decoration:none}.xlink:hover{translate:0 -2px;background:#5a2a46}.xlink:active{translate:1px 2px;box-shadow:0 0 #1e0f16}.pot{right:100px}.chip.ca em{background:var(--ink)}@media(max-width:900px){.xlink{top:10px;right:10px;width:42px;height:42px}.xlink svg{width:17px;height:17px}.pot{right:60px}}.bannermode .ui,.bannermode .hint{display:none!important}.bannercard{position:fixed;left:5.6vw;top:3.3vw;z-index:5;pointer-events:none}.bannercard .bc-head{display:flex;align-items:center;gap:1.1vw}.bannercard img{width:8vw;image-rendering:pixelated;filter:drop-shadow(.35vw .45vw 0 var(--ink));transform:rotate(-5deg)}.bannercard .bc-word{display:flex;align-items:flex-end;gap:.1vw}.bannercard .bc-word span{font:700 8vw/.9 var(--round);-webkit-text-stroke:.42vw var(--ink);paint-order:stroke fill;filter:drop-shadow(.35vw .45vw 0 var(--ink));display:inline-block}.bannercard .bc-word span:nth-child(1){color:var(--coral);transform:rotate(-6deg)}.bannercard .bc-word span:nth-child(2){color:var(--sun);transform:translateY(-.5vw) rotate(4deg)}.bannercard .bc-word span:nth-child(3){color:var(--tang);transform:rotate(-3deg)}.bannercard .bc-word span:nth-child(4){color:var(--teal);transform:translateY(-.8vw) rotate(7deg)}.bannercard .bc-word span:nth-child(5){color:var(--rose);transform:rotate(-5deg)}.bannercard .bc-word span:nth-child(6){color:var(--paper);transform:translateY(-.3vw) rotate(5deg)}.bannercard .bc-line{margin:1.3vw 0 0 .6vw;display:inline-block;padding:.7vw 1.4vw .85vw;font:600 1.9vw/1.3 var(--round);color:var(--ink);background:var(--grain),var(--paper2);border:.26vw solid var(--ink);border-radius:1.4vw 1.8vw 1.2vw 1.6vw;box-shadow:.35vw .45vw 0 var(--ink);transform:rotate(-1.4deg)}.bannercard .bc-line b{color:#b8322a}