:root{--paper:#f7f1e6;--paper-2:#efe5d3;--sheet:#fffdf8;--ink:#1b1424;--muted:#7d7189;--pink:#ff48b0;--blue:#0078bf;--yellow:#ffd400;--orange:#ff6c2f;--green:#00a95c;--violet:#7a4bff;--radius:22px;--display:"ZCOOL KuaiLe", "Fredoka", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font:"Fredoka", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--ease-out:cubic-bezier(.2, .9, .25, 1);--spring:cubic-bezier(.3, 1.6, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;min-height:100dvh;transition:background-color .6s var(--ease-out), color .6s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .28  0 0 0 0 .2  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(1200px 600px at 10% -10%,#fff7ea 0%,#0000 60%);font-size:16px;line-height:1.45}#app{flex-direction:column;min-height:100dvh;display:flex}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}.hidden{display:none!important}.muted{color:var(--muted)}.hide-sm{display:inline}::selection{background:var(--yellow)}.riso{font-family:var(--display);color:var(--blue);letter-spacing:.01em;font-weight:400;display:inline-block;position:relative}.riso:after{content:attr(data-text);color:var(--pink);mix-blend-mode:multiply;pointer-events:none;animation:3.2s step-end infinite misregister;position:absolute;inset:0;transform:translate(.045em,.035em)}@keyframes misregister{0%,to{transform:translate(.045em,.035em)}33%{transform:translate(.05em,.028em)}66%{transform:translate(.038em,.04em)}}.sheet{background:var(--sheet);border-radius:var(--radius);box-shadow:7px 8px 0 -1px color-mix(in srgb, var(--blue) 85%, transparent);transform:rotate(var(--r,0deg));padding:22px;position:relative}.sheet:before{content:"";border:2.6px solid var(--ink);border-radius:inherit;filter:url(#boil);pointer-events:none;position:absolute;inset:0}.tape{background:color-mix(in srgb, var(--yellow) 70%, transparent);mix-blend-mode:multiply;clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,2% 96%,0 45%);width:110px;height:28px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-3deg)}.btn{border:2.6px solid var(--ink);background:var(--sheet);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;transition:transform .14s var(--spring), box-shadow .14s var(--spring), background .2s;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover:not(:disabled){box-shadow:6px 7px 0 var(--ink);transform:translate(-1px,-2px)rotate(-.6deg)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transition-duration:50ms;transform:translate(3px,3px)}.btn:disabled{opacity:.45;box-shadow:2px 2px 0 var(--ink)}.btn.primary{background:var(--pink);color:var(--ink)}.btn.on{background:var(--yellow)}.btn.big{border-radius:18px;width:100%;padding:15px 24px;font-size:1.2rem}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);box-shadow:none;transform:none}.btn .arrow{transition:transform .25s var(--spring);display:inline-block}.btn:hover .arrow{transform:translate(5px)}.btn.start.ready{animation:2.4s ease-in-out infinite nudge}@keyframes nudge{0%,86%,to{rotate:0deg}90%{rotate:-2deg}94%{rotate:2deg}}.chip{border:2.2px solid var(--ink);background:var(--sheet);min-width:38px;height:38px;transition:transform .15s var(--spring), background .2s;border-radius:99px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:.9rem;font-weight:600;display:inline-flex}.chip:hover{transform:rotate(-4deg)scale(1.06)}.chip.icon{width:38px;padding:0}.chip.off{background:var(--paper-2);color:var(--muted)}.chip.light{color:#fff;background:0 0;border-color:#fff8}.input{border:2.6px solid var(--ink);width:100%;min-width:0;transition:box-shadow .2s, transform .2s var(--spring);background:#fff;border-radius:16px;outline:none;padding:13px 16px;font-size:1.05rem}.input:focus{box-shadow:4px 4px 0 var(--yellow);transform:translate(-1px,-1px)}.input::placeholder{color:#b3a9be}.input.shake{animation:.4s shake}@keyframes shake{20%,60%{translate:-6px}40%,80%{translate:6px}}.tag{background:var(--yellow);border:2px solid var(--ink);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:600}.tag.soft{background:var(--paper-2);border-color:#0000}.big-emoji{font-size:3.2rem;line-height:1}.bob{animation:2.2s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(-6px)rotate(4deg)}}.center{flex:1;place-items:center;padding:24px 16px;display:grid}.narrow{text-align:center;gap:16px;width:100%;max-width:420px;display:grid}.narrow h2{font-family:var(--display);margin:0;font-size:1.6rem;font-weight:400}.loader .logo svg{width:64px;height:64px;animation:spin-wobble 1s var(--spring) infinite}@keyframes spin-wobble{0%{transform:rotate(0)scale(1)}50%{transform:rotate(14deg)scale(1.12)}to{transform:rotate(0)scale(1)}}.toast{background:var(--ink);color:#fff;z-index:80;box-shadow:4px 4px 0 var(--pink);animation:drop .35s var(--spring);border-radius:99px;padding:10px 20px;font-weight:600;transition:opacity .4s,transform .4s;position:fixed;top:18px;left:50%;transform:translate(-50%)rotate(-1deg)}.toast.out{opacity:0;transform:translate(-50%,-12px)}@keyframes drop{0%{opacity:0;transform:translate(-50%,-30px)rotate(-6deg)}}.offline-banner{display:none}body.offline .offline-banner{z-index:90;background:var(--ink);color:#fff;text-align:center;padding:10px;font-weight:600;display:block;position:fixed;bottom:0;left:0;right:0}.top{z-index:5;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:14px 22px;display:flex;position:relative}.brand{align-items:center;gap:8px;text-decoration:none;display:flex}.brand-name{font-family:var(--display);font-size:1.35rem}.logo{transition:transform .3s var(--spring);display:inline-flex}.brand:hover .logo{transform:rotate(-10deg)scale(1.08)}.top-tools{align-items:center;gap:8px;display:flex}.room-code{font-family:var(--font);letter-spacing:.14em;background:var(--sheet);border:2.4px solid var(--ink);box-shadow:3px 3px 0 var(--yellow);border-radius:12px;padding:3px 14px 2px;font-size:1.1rem;font-weight:700;transform:rotate(-1.5deg)}.round-pill{background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:99px;padding:6px 12px;font-size:.9rem;font-weight:600}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:48px;width:100%;max-width:1160px;margin:0 auto;padding:36px 22px 24px;display:grid;position:relative}.ink-trail{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero>section{z-index:1;position:relative}.kicker{letter-spacing:.04em;background:var(--ink);color:var(--paper);border-radius:99px;margin-bottom:14px;padding:5px 12px;font-size:.85rem;font-weight:600;display:inline-block;transform:rotate(-2deg)}.hero h1{margin:0 0 20px;font-size:clamp(3.4rem,10vw,7rem);line-height:.95}.lead{max-width:30ch;margin:0 0 22px;font-size:1.2rem}.feats{gap:9px;margin:0;padding:0;list-style:none;display:grid}.feats li{animation:rise .6s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms + .2s);align-items:center;gap:10px;display:flex}.feats li:before{content:"";background:var(--pink);width:14px;height:14px;box-shadow:2px 2px 0 var(--blue);border-radius:4px;flex:none;transform:rotate(12deg)}.feats li:nth-child(2n):before{background:var(--yellow)}.feats li:nth-child(3n):before{background:var(--green)}.start-card{--r:1.2deg;gap:16px;padding:30px 26px 26px;display:grid}.or{color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.or:before,.or:after{content:"";border-top:2px dashed #d9cdbd;flex:1;height:0}.join-row{gap:10px;display:flex}.input.code{text-transform:uppercase;letter-spacing:.2em;font-weight:600}.demo{grid-template-columns:1fr 64px 1.35fr 64px 1fr;align-items:center;width:100%;max-width:1160px;margin:30px auto 10px;padding:0 22px;display:grid}.demo-card{gap:8px;padding:16px;display:grid}.demo-card small{color:var(--muted);font-weight:600}.demo-card.text p{font-family:var(--display);min-height:1.2em;margin:0;font-size:1.45rem;line-height:1.2}.demo-card.hot{background:var(--yellow);opacity:.25;transition:opacity .5s, transform .5s var(--spring);transform:rotate(var(--r)) scale(.95)}.demo-card.hot.show{opacity:1;transform:rotate(var(--r)) scale(1)}.wire svg{width:100%;height:40px;overflow:visible}.wire path{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-dasharray:6 7;stroke-linecap:round;animation:1s linear infinite march}@keyframes march{to{stroke-dashoffset:-26px}}.how{width:100%;max-width:1160px;margin:40px auto 20px;padding:0 22px}.how h2{font-family:var(--display);margin:0 0 22px;font-size:2rem;font-weight:400}.how ol{grid-template-columns:repeat(4,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.how li{gap:6px;padding:20px 18px;display:grid}.how-n{background:var(--pink);border:2.4px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid;position:absolute;top:-14px;left:-10px}.how li:nth-child(2) .how-n{background:var(--yellow)}.how li:nth-child(3) .how-n{background:var(--green);color:#fff}.how li:nth-child(4) .how-n{background:var(--blue);color:#fff}.how-i{font-size:2.2rem}.how p{margin:0;font-weight:500}.site-foot{width:100%;max-width:1160px;color:var(--muted);justify-content:space-between;margin:30px auto 0;padding:20px 22px 34px;font-size:.9rem;display:flex}.profile{gap:10px;display:grid}.profile-row{align-items:center;gap:10px;display:flex}.avatar{background:var(--paper-2);width:38px;height:38px;transition:transform .18s var(--spring);border:0;border-radius:12px;flex:none;place-items:center;padding:0;font-size:1.45rem;line-height:1;display:inline-grid}.avatar.big{border:2.6px solid var(--ink);background:var(--yellow);width:54px;height:54px;box-shadow:3px 3px 0 var(--ink);border-radius:16px;font-size:2rem}.avatar.big:hover{transform:rotate(-8deg)scale(1.06)}.avatar.wiggle{animation:wiggle .5s var(--spring)}@keyframes wiggle{30%{transform:rotate(-14deg)scale(1.15)}60%{transform:rotate(10deg)}}.avatar-grid{background:var(--paper-2);animation:rise .25s var(--ease-out);border-radius:16px;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;padding:10px;display:grid}.avatar-grid .avatar{background:#fff;width:100%;height:42px}.avatar-grid .avatar:hover{transform:scale(1.2)rotate(-6deg)}.gate-code{font-family:var(--font);letter-spacing:.16em;color:var(--blue);font-size:2.6rem;font-weight:700}.lobby{grid-template-columns:1.6fr 1fr;align-items:start;gap:30px;width:100%;max-width:1160px;margin:0 auto;padding:14px 22px 36px;display:grid}.invite{--r:-.6deg;padding-top:28px}.invite-grid{grid-template-columns:1fr auto;align-items:center;gap:22px;display:grid}.eyebrow{color:var(--muted);margin:0;font-weight:600}.big-code{letter-spacing:.12em;margin:4px 0 12px;font-size:clamp(2.8rem,7vw,4.4rem);font-weight:700;line-height:1.1;font-family:var(--font)!important}.link-row{gap:10px;display:flex}.input.link{background:var(--paper);font-size:.9rem}.qr{justify-items:center;gap:6px;margin:0;display:grid}.qr-box{border:2.4px solid var(--ink);width:148px;box-shadow:4px 4px 0 var(--pink);background:#fff;border-radius:14px;padding:10px;transform:rotate(2deg)}.qr-box svg{width:100%;height:auto;display:block}.qr figcaption{color:var(--muted);font-size:.8rem;font-weight:500}.invite h3{font-family:var(--display);margin:22px 0 12px;font-size:1.3rem;font-weight:400}.count{color:var(--muted);font-family:var(--font);font-size:.95rem}.seats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.seat{border:2.4px solid var(--ink);transform:rotate(var(--r));background:#fff;border-radius:16px;align-items:center;gap:8px;min-height:58px;padding:9px 10px;display:flex;position:relative}.seat.new{animation:seat-in .55s var(--spring) both}@keyframes seat-in{0%{transform:translateY(18px) rotate(calc(var(--r) * 4)) scale(.6);opacity:0}}.seat.me{background:color-mix(in srgb, var(--yellow) 35%, #fff)}.seat.empty{color:var(--muted);background:0 0;border-style:dashed;border-color:#cbbfae}.seat.empty .seat-avatar{color:#cbbfae;background:0 0;border:2px dashed #cbbfae;font-size:1rem;font-weight:700}.seat-avatar{background:var(--paper-2);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:1.4rem;display:grid}.pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:500;overflow:hidden}.seat.empty .pname{white-space:normal;font-size:.82rem}.kick{border:2px solid var(--ink);background:var(--sheet);opacity:0;border-radius:50%;width:24px;height:24px;padding:0;font-weight:700;line-height:1;transition:opacity .2s;position:absolute;top:-9px;right:-9px}.seat:hover .kick,.kick:focus-visible{opacity:1}.side{--r:.8deg;gap:14px;display:grid}.settings{gap:8px;display:grid}.settings label{margin-top:6px;font-size:.9rem;font-weight:600}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:2.2px solid var(--ink);transition:transform .15s var(--spring), background .2s;background:#fff;border-radius:12px;padding:7px 12px;font-weight:500}.seg button:hover:not(:disabled){transform:translateY(-2px)rotate(-2deg)}.seg button.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.seg button:disabled{cursor:default}.seg button:disabled:not(.on){opacity:.4}.hint{text-align:center;color:var(--muted);min-height:1.4em;margin:0}.timer-wrap{align-items:center;gap:14px;width:calc(100% - 44px);max-width:1160px;margin:0 auto;display:flex}.timer{background:repeating-linear-gradient(90deg,#d8cbb8 0 8px,#0000 8px 14px);border-radius:99px;flex:1;height:10px;position:relative}.fuse{background:var(--ink);transform-origin:0;border-radius:99px;transition:transform .2s linear;position:absolute;inset:0}.spark{background:radial-gradient(circle, #fff 0 18%, var(--yellow) 30%, var(--orange) 55%, transparent 70%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:left .2s linear;animation:.12s steps(2,end) infinite flicker;position:absolute;top:50%}@keyframes flicker{50%{transform:scale(1.35)rotate(45deg)}}.timer-wrap.urgent .fuse{background:var(--pink)}.timer-wrap.urgent .spark{width:30px;height:30px;margin:-15px 0 0 -15px}.timer-label{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;min-width:2.2ch;font-size:1.5rem}.timer-wrap.urgent .timer-label{color:var(--pink)}.timer-label.bump{animation:bump .35s var(--spring)}@keyframes bump{40%{transform:scale(1.5)rotate(-8deg)}}.stage{flex-direction:column;flex:1;align-items:center;gap:18px;width:100%;max-width:1160px;margin:0 auto;padding:18px 22px;display:flex;position:relative}.prompt-card{text-align:center;width:100%;max-width:780px;animation:card-in .55s var(--spring) both;padding:16px 22px}@keyframes card-in{0%{opacity:0;transform:translateY(-14px)rotate(-4deg)scale(.96)}}.prompt-label{color:var(--muted);letter-spacing:.03em;font-size:.85rem;font-weight:600}.prompt-text{font-family:var(--display);margin-top:4px;font-size:clamp(1.5rem,3.6vw,2.2rem);line-height:1.2}.marker{background:linear-gradient(transparent 58%, color-mix(in srgb, var(--yellow) 85%, transparent) 58% 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}.typing:after{content:"▍";color:var(--pink);margin-left:1px;animation:.6s step-end infinite blink}@keyframes blink{50%{opacity:0}}.prompt-card .drawing-wrap{margin-top:10px}.answer-row{width:100%;max-width:780px;animation:rise .5s .1s var(--ease-out) both;gap:10px;display:flex}.answer-row .input{font-size:1.15rem}.dice .die{display:inline-block}.dice.roll .die{animation:roll .6s var(--spring)}@keyframes roll{to{transform:rotate(720deg)scale(1.2)}}.actions{justify-content:center;display:flex}.done-btn{min-width:140px}.editor{width:100%;animation:rise .5s 50ms var(--ease-out) both;justify-content:center;align-items:flex-start;gap:16px;display:flex}.board-wrap{flex:none;width:min(100%,133.333dvh - 440px);min-width:280px;position:relative}.board{aspect-ratio:4/3;border:2.6px solid var(--ink);border-radius:var(--radius);width:100%;height:auto;box-shadow:7px 8px 0 -1px var(--blue);touch-action:none;cursor:none;background:#fff;display:block}.editor[data-tool=fill] .board{cursor:crosshair}.brush-cursor{pointer-events:none;opacity:0;border:2px solid #1b1424;border-radius:50%;transition:opacity .15s,width .12s,height .12s;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #fff}.editor.locked .board{cursor:default;filter:saturate(.5)brightness(.97)}.editor.splash .board{animation:splash .35s var(--spring)}@keyframes splash{40%{transform:scale(.985)rotate(-.3deg)}}.tools{background:var(--sheet);border:2.4px solid var(--ink);width:176px;box-shadow:4px 4px 0 var(--ink);border-radius:18px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.tool-group{flex-wrap:wrap;gap:6px;display:flex}.tool,.size{border:2.2px solid var(--ink);width:40px;height:40px;transition:transform .15s var(--spring), background .15s;background:#fff;border-radius:12px;place-items:center;padding:0;display:grid}.tool:hover,.size:hover{transform:translateY(-2px)rotate(-4deg)}.tool.on,.size.on{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.size i{background:#1b1424;border-radius:50%;display:block}.palette{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;background:var(--c);transition:transform .15s var(--spring);border:2px solid #1b142433;border-radius:10px;padding:0;position:relative}.swatch:hover{z-index:1;transform:scale(1.15)rotate(-6deg)}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 2px #fff, 0 0 0 4.5px var(--ink);transform:scale(1.08)}.swatch.custom{cursor:pointer;background:conic-gradient(#ff3b4e,#ffd400,#8fd14f,#29c5e6,#7a4bff,#ff48b0,#ff3b4e);overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.wait{z-index:6;background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--pink);animation:drop-in .45s var(--spring);border-radius:22px;align-items:center;gap:14px;padding:12px 14px 12px 22px;display:flex;position:sticky;bottom:14px}@keyframes drop-in{0%{opacity:0;transform:translateY(30px)scale(.9)rotate(3deg)}}.wait-main{gap:4px;display:grid}.wait-text{font-weight:600}.wait-who{color:#fffb;flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;display:flex}.bounce{animation:1s ease-in-out infinite hop;animation-delay:calc(var(--i) * 90ms);font-size:1.2rem;display:inline-block}@keyframes hop{30%{transform:translateY(-6px)}60%{transform:translateY(0)}}.foot{padding:12px 22px calc(12px + env(safe-area-inset-bottom))}.progress{flex-wrap:wrap;justify-content:center;gap:7px;max-width:1160px;margin:0 auto;padding:0;list-style:none;display:flex}.progress li{width:38px;height:38px;transition:transform .3s var(--spring), border-color .2s;background:#fff;border:2.2px solid #d8cbb8;border-radius:50%;place-items:center;font-size:1.25rem;display:grid;position:relative}.progress li.done{border-color:var(--ink);background:color-mix(in srgb, var(--green) 18%, #fff);transform:translateY(-3px)}.progress li.done:after{content:"✓";background:var(--green);color:#fff;border:2px solid var(--ink);width:18px;height:18px;animation:pop .35s var(--spring);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid;position:absolute;bottom:-5px;right:-5px}.progress li.away{opacity:.3;filter:grayscale()}.bubble{border:2.6px solid var(--ink);font-family:var(--display);word-break:break-word;box-shadow:4px 5px 0 var(--yellow);color:var(--ink);background:#fff;border-radius:20px;padding:14px 20px;font-size:1.45rem;line-height:1.25;position:relative}.bubble.missed,.missed-label{color:var(--muted);font-family:var(--font);font-size:1rem}.bubble.missed{background:var(--paper-2);box-shadow:none;border-style:dashed}.drawing-wrap{width:100%;position:relative}.drawing{aspect-ratio:4/3;border:2.6px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:#fff;width:100%;height:auto;display:block}.drawing.missed{cursor:default;border-style:dashed}.missed-label{place-items:center;display:grid;position:absolute;inset:0}.prompt-card .drawing{width:auto;max-width:100%;max-height:calc(100dvh - 340px);margin:0 auto}.pencil{pointer-events:none;opacity:0;filter:drop-shadow(2px 3px #1b142433);z-index:2;width:34px;height:34px;transition:opacity .3s;position:absolute;top:0;left:0;transform:translate(-27px,-28px)}.pencil.on{opacity:1}.pencil svg{display:block}body.theater{color:var(--paper);background-color:#17111f;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),radial-gradient(60% 70% at 50% 18%,#3a2a4f 0%,#17111f 70%);background-attachment:fixed}body.theater .top{color:var(--paper)}body.theater .room-code{color:var(--ink)}body.theater .round-pill{background:var(--yellow);color:var(--ink)}body.theater .chip{color:var(--paper);background:0 0;border-color:#fff6}.reveal,.end{flex:1;width:100%;max-width:760px;margin:0 auto;padding:8px 22px 28px}.chain-title{text-align:center;justify-items:center;gap:4px;margin:6px 0 8px;display:grid}.chain-title.pop{animation:title-in .7s var(--spring)}@keyframes title-in{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.owner-avatar{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;place-items:center;width:76px;height:76px;font-size:2.8rem;display:grid;box-shadow:0 0 0 6px #ffd40033,0 0 60px #ffd40055}.chain-title h2{font-family:var(--display);margin:6px 0 0;font-size:2rem;font-weight:400}.chain-dots{justify-content:center;gap:6px;margin-bottom:22px;display:flex}.chain-dots i{width:8px;height:8px;transition:all .3s var(--spring);background:#fff3;border-radius:50%}.chain-dots i.past{background:#fff8}.chain-dots i.now{background:var(--yellow);border-radius:99px;width:26px}.feed{flex-direction:column;gap:26px;display:flex;position:relative}.reveal .feed:before{content:"";border-left:2.5px dashed #ffffff26;position:absolute;top:10px;bottom:10px;left:50%}.entry{transform:rotate(var(--r,0deg));gap:8px;scroll-margin-bottom:170px;display:grid;position:relative}.entry.pop{animation:deal .7s var(--spring) both}@keyframes deal{0%{opacity:0;transform:translate(-40px,60px)rotate(-14deg)scale(.85)}}.entry-head{align-items:center;gap:8px;display:flex}.who{font-weight:600}.verb{opacity:.6}.like-slot{margin-left:auto}.like{transition:transform .2s var(--spring);background:0 0;border:2.2px solid;border-radius:99px;padding:3px 12px;font-weight:600}.like:hover:not(:disabled){transform:scale(1.12)rotate(-4deg)}.like.on{background:var(--pink);border-color:var(--pink);color:var(--ink)}.like:disabled{opacity:.3}.reveal .feed .drawing-wrap,.album .drawing-wrap{max-width:min(100%,133.333dvh - 373.333px)}.reveal .is-drawing .drawing{box-shadow:0 30px 80px -20px #000a, 7px 8px 0 -1px var(--pink)}.payoff{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:8px 9px 0 var(--pink);animation:slam .8s var(--spring) both;border-radius:26px;padding:22px;scroll-margin-bottom:170px;position:relative}@keyframes slam{0%{opacity:0;transform:scale(1.6)rotate(8deg)}60%{opacity:1;transform:scale(.96)rotate(-1deg)}}.payoff h3{font-family:var(--display);text-align:center;margin:0 0 14px;font-size:1.5rem;font-weight:400}.payoff-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.payoff-side{gap:6px;display:grid}.payoff-side.b{transform:rotate(2deg)}.payoff-side.a{transform:rotate(-2deg)}.payoff-label{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.payoff-arrow{font-family:var(--display);color:var(--pink);-webkit-text-stroke:1.5px var(--ink);font-size:2.4rem}.payoff .bubble{font-size:1.15rem}.reveal-foot{z-index:10;background:linear-gradient(transparent, var(--paper) 40%);justify-items:center;gap:10px;display:grid;position:sticky;bottom:0}body.theater .reveal-foot{background:linear-gradient(#17111f00,#17111f 45%)}.reactions{background:var(--sheet);border:2.6px solid var(--ink);box-shadow:4px 4px 0 var(--pink);border-radius:99px;gap:2px;padding:5px 8px;display:flex}.reactions button{transition:transform .2s var(--spring);background:0 0;border:0;border-radius:12px;padding:3px 6px;font-size:1.5rem}.reactions button:hover{transform:translateY(-4px)scale(1.2)rotate(-8deg)}.reactions button.hit{animation:hit .35s var(--spring)}@keyframes hit{40%{transform:scale(1.6)rotate(10deg)}}.host-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:48px;display:flex}.btn.ghosty{color:inherit;background:0 0;border-color:currentColor;box-shadow:3px 3px #ffffff40}.btn.ghosty.on{background:var(--yellow);color:var(--ink)}.host-note{opacity:.6;font-size:.9rem}.float-emoji{z-index:70;pointer-events:none;animation:floatUp 2.8s var(--ease-out) forwards;justify-items:center;font-size:2.6rem;display:grid;position:fixed;bottom:100px}.float-emoji small{background:var(--ink);color:#fff;border-radius:99px;padding:1px 6px;font-size:.7rem;font-weight:600}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)scale(.3)rotate(0)}12%{opacity:1;transform:translate(0, -20px) scale(1.25) rotate(var(--spin))}to{transform:translate(var(--drift), -60vh) scale(1) rotate(calc(var(--spin) * -1));opacity:0}}.end-title{width:fit-content;margin:10px auto 30px;font-size:clamp(2.6rem,8vw,4.2rem);display:block}.awards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;margin-bottom:34px;display:grid}.awards>.muted{text-align:center;grid-column:1/-1}.award{animation:card-in .7s var(--spring) both;gap:10px;padding:26px 18px 18px;display:grid}.award:nth-child(2){animation-delay:.15s}.rosette{background:var(--ink);color:#fff;width:52px;height:52px;animation:spin-in .9s var(--spring) both .3s;border:2.6px solid #1b1424;border-radius:50%;place-items:center;font-size:1.5rem;display:grid;position:absolute;top:-22px;right:18px;box-shadow:0 0 0 5px #fffdf8,0 0 0 7.5px #1b1424}@keyframes spin-in{0%{transform:rotate(-180deg)scale(0)}}.award-label{font-family:var(--display);font-size:1.3rem}.award-who{justify-content:space-between;font-weight:600;display:flex}.award-likes{color:var(--pink)}.chain-tabs{scrollbar-width:thin;gap:8px;margin-bottom:8px;padding:6px 4px 12px;display:flex;overflow-x:auto}.chain-tabs button{border:2.2px solid var(--ink);white-space:nowrap;transition:transform .15s var(--spring);background:#fff;border-radius:99px;flex:none;padding:7px 15px;font-weight:500}.chain-tabs button:hover{transform:rotate(-3deg)}.chain-tabs button.on{background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:700}.album h2{font-family:var(--display);margin:0;font-size:1.5rem;font-weight:400}.album .entry{animation:rise .4s var(--ease-out) both}.end-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:34px 0 10px;display:flex}.stamp-overlay{z-index:100;pointer-events:none;background:color-mix(in srgb, var(--paper) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;transition:opacity .4s;animation:.15s both fade-in;display:grid;position:fixed;inset:0}body.theater .stamp-overlay{background:#17111f99}.stamp-overlay.out{opacity:0}.stamp{border:7px solid var(--ink);color:var(--ink);box-shadow:10px 10px 0 var(--ink);animation:stamp-in .5s var(--spring) both;background:#fffdf8;border-radius:26px;justify-items:center;gap:2px;padding:18px 44px 22px;display:grid;transform:rotate(-7deg)}.stamp small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:1rem;font-weight:700}.stamp strong{font-family:var(--display);filter:url(#boil-strong);font-size:clamp(4rem,16vw,8rem);font-weight:400;line-height:1}@keyframes stamp-in{0%{opacity:0;transform:rotate(-20deg)scale(2.6)}55%{opacity:1;transform:rotate(-5deg)scale(.92)}to{transform:rotate(-7deg)scale(1)}}@keyframes fade-in{0%{opacity:0}}.confetti{pointer-events:none;z-index:95;width:100vw;height:100vh;position:fixed;inset:0}.burst{z-index:96;pointer-events:none;width:8px;height:8px;animation:burst .65s var(--ease-out) forwards;border-radius:2px;position:fixed}@keyframes burst{to{transform:translate(var(--dx), var(--dy)) rotate(200deg) scale(.3);opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:28px;padding-top:14px}.lobby{grid-template-columns:1fr}.demo{grid-template-columns:1fr;gap:4px;max-width:440px}.wire{justify-self:center;width:34px;height:34px;transform:rotate(90deg)}.how ol{grid-template-columns:repeat(2,1fr)}.editor{flex-direction:column;align-items:center}.board-wrap{width:min(100%,133.333dvh - 506.667px)}.tools{flex-flow:wrap;justify-content:center;gap:8px;width:100%;max-width:560px;padding:10px}.palette{grid-template-columns:repeat(9,28px);gap:5px}.tool,.size{width:38px;height:38px}}@media (width<=560px){.top{padding:10px 16px}.hide-sm{display:none}.stage,.reveal,.end,.lobby,.hero,.demo,.how{padding-left:16px;padding-right:16px}.sheet{padding:18px}.answer-row{flex-wrap:wrap}.answer-row .input{flex:100%}.answer-row .btn{flex:1}.link-row{flex-direction:column}.invite-grid{grid-template-columns:1fr}.qr{display:none}.board-wrap{width:100%;min-width:0}.palette{grid-template-columns:repeat(9,1fr);width:100%}.reactions button{padding:2px 3px;font-size:1.3rem}.how ol{grid-template-columns:repeat(2,1fr);gap:16px}.how li{gap:2px;padding:14px 12px}.how-i{font-size:1.6rem}.how p{font-size:.9rem}.payoff-grid{grid-template-columns:1fr}.payoff-arrow{justify-self:center;transform:rotate(90deg)}.room-code{padding:2px 10px;font-size:1rem}.seats{grid-template-columns:repeat(2,1fr)}}@media (pointer:coarse){.kick{opacity:1}.board{cursor:default}}.room>main{animation:page-in .6s var(--ease-out) both}@keyframes page-in{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.985)}}.veil{z-index:40;pointer-events:none;animation:veil-out 1.1s var(--ease-out) forwards;position:fixed;inset:0}.veil.from-paper{background:var(--paper);animation-duration:1.4s}.veil.from-dark{background:#17111f}@keyframes veil-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.embed .top{padding-top:8px;padding-bottom:8px}.embed .hero{padding-top:8px}.wall-sheet{--r:-.3deg;grid-column:1/-1;gap:10px;display:grid}.wall-sheet h3{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.wall-sheet h3 small{font-family:var(--font);color:var(--muted);font-size:.85rem;font-weight:500}.wall{position:relative}.wall-canvas{aspect-ratio:1000/360;border:2.4px dashed color-mix(in srgb, var(--ink) 30%, transparent);background-color:#fffdf8;background-image:radial-gradient(color-mix(in srgb, var(--ink) 14%, transparent) 1.2px, transparent 1.4px);touch-action:none;cursor:crosshair;background-size:22px 22px;border-radius:16px;width:100%;display:block}.wall-hint{pointer-events:none;font-family:var(--display);color:color-mix(in srgb, var(--ink) 28%, transparent);transition:opacity .5s var(--ease-out);place-items:center;margin:0;font-size:clamp(1.1rem,3vw,1.7rem);display:grid;position:absolute;inset:0}.wall.inked .wall-hint{opacity:0}