@font-face{font-family:Mansalva;font-style:normal;font-display:swap;font-weight:400;src:url(/deftivo/assets/mansalva-latin-ext-400-normal-C57FhPRe.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Mansalva;font-style:normal;font-display:swap;font-weight:400;src:url(/deftivo/assets/mansalva-latin-400-normal-tJT8m0AK.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shantell Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(/deftivo/assets/shantell-sans-latin-ext-full-normal-db8N66z1.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Shantell Sans;font-style:normal;font-display:swap;font-weight:300 800;src:url(/deftivo/assets/shantell-sans-latin-full-normal-BMB_BRHG.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wood-1: #d2a774;--wood-2: #b98a5a;--wood-3: #8c5f37;--wood-edge: #6e4627;--paper: #fdf9ef;--paper-2: #f5eedd;--paper-edge: #e3d6bb;--rule: #b7d0ea;--margin: #ee9b97;--dot: #d5d0c3;--ink: #26399a;--ink-2: #4b5fc4;--graphite: #33343b;--soft: #6f6a63;--kraft: #c9a26e;--kraft-2: #b98f5c;--kraft-3: #a57b4a;--hl: #ffe14d;--hl-2: #ffd21f;--pink: #f7b2c4;--mint: #9fd8cf;--butter: #ffd66b;--lilac: #c4b4f4;--red: #e5383b;--green: #35a853;--me: #2f7de1;--app-h: 100dvh;--app-top: 0px;--top-h: 56px;--marker: "Mansalva", "Marker Felt", "Comic Sans MS", cursive;--ui: "Shantell Sans", "Comic Sans MS", "Chalkboard SE", system-ui, sans-serif;--hand-axes: "INFM" 100, "BNCE" 40;--ui-axes: "INFM" 35, "BNCE" 0;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--wood-2);color:var(--graphite);font-family:var(--ui);font-variation-settings:var(--ui-axes);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit;font-variation-settings:inherit}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}#app{position:fixed;left:0;right:0;top:var(--app-top);height:var(--app-h);display:flex;flex-direction:column}main{flex:1;min-height:0;display:grid;grid-template-columns:1fr 304px}.topbar{height:var(--top-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 14px 4px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));position:relative;z-index:15;color:#3b2a18;background:linear-gradient(180deg,#ffffff2e,#0000000a),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%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 .22 0 0 0 0 .1 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),var(--kraft);box-shadow:0 3px 8px #3c230a47;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 5px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 10px 5px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 5px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 10px 5px repeat-x}.brand{display:flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font:31px/1 var(--marker);flex:none;position:relative;padding:2px 4px}.brand span{position:relative;z-index:1}.brand:after{content:"";position:absolute;left:44px;right:-2px;bottom:5px;height:13px;background:var(--hl);border-radius:3px 8px 4px 9px;transform:rotate(-1.5deg);opacity:.9}.brand svg{width:38px;height:34px;overflow:visible;position:relative;z-index:1}.b-page{fill:var(--paper);stroke:var(--graphite);stroke-width:1.6}.b-rule{stroke:#8fb3de;stroke-width:1.3;fill:none}.b-ink{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}.b-ring{fill:none;stroke:var(--graphite);stroke-width:1.7}.b-pencil{fill:#ffcf33;stroke:var(--graphite);stroke-width:1.3}.b-eraser{fill:#f58fbd;stroke:var(--graphite);stroke-width:1.3}.b-wood{fill:#f2c79a;stroke:var(--graphite);stroke-width:1.3;stroke-linejoin:round}.b-lead{fill:var(--graphite)}.progress{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:15px;white-space:nowrap}.progress b{background:#ffffffb8;padding:5px 11px 4px;border-radius:4px 10px;transform:rotate(-1deg);box-shadow:0 1px 2px #00000026;overflow:hidden;text-overflow:ellipsis}.progress .count{color:#2d6a3a;font-size:14px}.identity{margin-left:auto;display:flex;align-items:center;gap:6px;position:relative;min-width:0}.identity-dot{width:30px;height:30px;border-radius:50%;border:2.5px solid #fff;background:var(--me);padding:0;flex:none;box-shadow:0 1px 3px #00000059}.identity-dot i{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55) 0 18%,transparent 22%)}#playerName{width:130px;min-width:0;background:#ffffffbf;border:0;border-bottom:2px solid rgba(60,40,20,.35);border-radius:6px 6px 2px 2px;color:var(--ink);padding:6px 9px 5px;font-weight:600;font-variation-settings:var(--hand-axes)}#playerName:focus{outline:none;border-bottom-color:var(--ink);background:#fff}.color-picker{position:absolute;top:44px;left:0;background:var(--paper);border-radius:12px;padding:12px;box-shadow:0 14px 30px #3c230a66;z-index:30}.color-grid{display:grid;grid-template-columns:repeat(5,34px);gap:8px}.color-grid button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 1px 3px #0000004d}.color-grid button.selected{outline:3px solid var(--ink);outline-offset:1px}.color-grid button:disabled{opacity:.2;cursor:not-allowed}.toolbar{display:flex;gap:6px;flex:none}.icon-button{width:36px;height:36px;border-radius:11px;border:0;background:#ffffff9e;color:#3b2a18;display:grid;place-items:center;padding:0;font:800 18px/1 var(--ui);box-shadow:0 1px 2px #3c230a40;transition:transform .12s,background .12s}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{background:#fff;transform:translateY(-1px) rotate(-2deg)}.lang-button{font-size:13px;letter-spacing:.5px}#menuButton{display:none}.desk{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr;justify-items:center;padding:14px 22px 26px;gap:22px;background:radial-gradient(120% 90% at 50% 38%,rgba(255,236,200,.28),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .09' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .2 0 0 0 0 .07 0 0 0 1.1 -.42'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--wood-1),var(--wood-2));box-shadow:inset 0 0 120px #46280f59}.props{position:absolute;inset:0;pointer-events:none;z-index:0}.prop{position:absolute;filter:drop-shadow(3px 6px 4px rgba(60,35,10,.35));display:none}.prop-pencil{width:300px;left:-40px;bottom:34px;transform:rotate(-12deg)}.prop-eraser{width:92px;right:26px;bottom:30px;transform:rotate(16deg)}.prop-note{width:104px;right:24px;top:70px;transform:rotate(6deg)}@media(min-width:1380px)and (min-height:760px){.prop{display:block}}#fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:20}.strip{grid-row:1;position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(1060px,100%);min-height:0}.tag{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;background:#fff;border-radius:20px 14px 18px 12px;box-shadow:0 2px #0000000f,0 4px 10px #3c230a38;transform:rotate(var(--r));font-size:14px;font-weight:650;transition:transform .2s}.tag .nm{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .st{min-width:16px;text-align:center;font-weight:800;color:var(--soft)}.tag.busy .st{color:var(--ink);animation:wiggle .5s ease-in-out infinite alternate}.tag.done .st{color:var(--green)}.tag.done{background:#f2fbef}.tag.me{box-shadow:0 0 0 2.5px var(--c),0 4px 10px #3c230a38}.tag.away{opacity:.5;font-style:italic}.tag.bump{animation:bump .4s cubic-bezier(.3,1.6,.5,1)}@keyframes bump{40%{transform:rotate(var(--r)) scale(1.14)}}@keyframes wiggle{0%{transform:rotate(-14deg) translateY(1px)}to{transform:rotate(10deg) translateY(-1px)}}.avatar{width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;display:inline-grid;place-items:center;flex:none;font:15px/1 var(--marker);position:relative;box-shadow:inset 0 -3px #00000024,0 0 0 2px #fff;text-shadow:0 1px 0 rgba(0,0,0,.25)}.avatar i{font-style:normal;transform:translateY(1px)}.avatar.bot:after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:3px;background:var(--graphite);box-shadow:0 0 0 1.5px #fff}.avatar.ghost{background:var(--paper-2);color:var(--soft);box-shadow:inset 0 0 0 2px var(--dot);text-shadow:none}.book{grid-row:2;position:relative;z-index:2;width:min(1080px,100%);height:100%;min-height:0;border-radius:5px 5px 9px 9px;background:var(--paper);box-shadow:0 1px #efe5d0,0 3px #fbf6ea,0 4px #dfd2b6,0 6px #f8f1e2,0 7px #d6c7a8,0 9px #f3eadb,0 10px #cdbd9c,0 22px 34px #3c230a61,0 6px 10px #3c230a38}.book:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(140% 120% at 50% 30%,transparent 55%,rgba(170,140,90,.13)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .42 0 0 0 0 .3 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.spiral{position:absolute;z-index:6;top:-15px;left:22px;right:22px;height:36px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='36'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%236b6e78'/%3E%3Cstop offset='.35' stop-color='%23f4f5f8'/%3E%3Cstop offset='.7' stop-color='%23aeb2bc'/%3E%3Cstop offset='1' stop-color='%23565962'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='15' cy='27' rx='5.2' ry='4.4' fill='%23574a3a' opacity='.85'/%3E%3Cpath d='M11 27 C10 13 12 5 15.5 5 S21 12 19.5 26' fill='none' stroke='%23464953' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M11 27 C10 13 12 5 15.5 5 S21 12 19.5 26' fill='none' stroke='url(%23g)' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 30px 36px space no-repeat;background-repeat:space no-repeat}.pages{position:absolute;inset:0;perspective:1700px;perspective-origin:50% 0;z-index:1}.view{position:absolute;inset:0;border-radius:5px 5px 9px 9px;overflow:hidden;background:var(--paper);transition:opacity .32s ease,transform .32s ease;transform-origin:50% 0}.view.entering{opacity:0;transform:translateY(6px)}.view.leaving{opacity:0;pointer-events:none}.view.turning{z-index:4;pointer-events:none;backface-visibility:hidden;animation:turn .82s cubic-bezier(.45,.05,.6,.95) forwards;box-shadow:0 10px 30px #00000040}.view.turning:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3c281400,#3c281459);animation:shade .82s forwards}@keyframes turn{0%{transform:rotateX(0)}70%{opacity:1}to{transform:rotateX(-118deg);opacity:0}}@keyframes shade{0%{opacity:0}to{opacity:1}}.sheet{position:absolute;inset:0;padding:30px 30px 18px;display:flex;flex-direction:column;gap:12px;min-height:0}.sheet.center{display:grid;place-items:center}.ruled{background:linear-gradient(90deg,transparent 58px,var(--margin) 58px 60px,transparent 60px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px) 0 74px / 100% calc(100% - 74px) no-repeat}.sheet-head{display:flex;align-items:center;gap:12px;min-height:40px;flex:none;position:relative;z-index:2}.sheet-head h2{margin:0;font:34px/1.05 var(--marker);color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-tag{flex:none;font-size:13px;font-weight:750;letter-spacing:.3px;padding:5px 12px 4px;color:#4a3a21;background:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 6px,transparent 6px 12px),var(--butter);transform:rotate(-2deg);clip-path:polygon(0 8%,4% 0,9% 10%,15% 0,22% 9%,30% 0,38% 8%,47% 0,55% 9%,63% 0,71% 9%,79% 0,87% 8%,94% 0,100% 9%,100% 92%,95% 100%,88% 91%,81% 100%,73% 91%,65% 100%,57% 91%,49% 100%,41% 92%,33% 100%,25% 91%,17% 100%,9% 92%,3% 100%,0 91%)}.timer-slot{margin-left:auto;flex:none}.hint{margin:0;color:var(--soft);font-size:15px}.hint.strong{color:var(--ink);font-weight:700}.hand{font-variation-settings:var(--hand-axes);color:var(--ink)}.hand-title{font:34px/1.1 var(--marker);color:var(--ink);margin:0;text-align:center}.dots{display:inline-flex;gap:5px;vertical-align:middle}.dots i{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.3;animation:dot 1.1s infinite}.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}@keyframes dot{40%{opacity:1;transform:translateY(-3px)}}.grawlix{color:var(--red);letter-spacing:.5px;font-family:var(--ui);font-weight:800}.tape{position:absolute;width:110px;height:28px;opacity:.88;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 7px,transparent 7px 14px),var(--pink);clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,2% 96%,0 50%);box-shadow:0 1px 2px #0000001a}.btn{border:0;border-radius:13px 10px 14px 9px;padding:10px 18px 9px;background:#fff;color:var(--graphite);font-weight:750;font-size:16px;letter-spacing:.1px;box-shadow:0 1px #0000000f,0 4px 12px #50321433,inset 0 0 0 1.5px #33343b29;transition:transform .14s cubic-bezier(.3,1.5,.5,1),box-shadow .14s;position:relative}.btn:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:0 1px #0000000f,0 8px 18px #5032143d,inset 0 0 0 1.5px #33343b33}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.55}.btn.primary{background:linear-gradient(175deg,#fff07a,var(--hl) 40%,var(--hl-2));color:#2b2310;box-shadow:0 1px #00000014,0 5px 14px #966e0052,inset 0 0 0 1.5px #785a0040}.btn.big{font-size:19px;padding:13px 26px 12px}.btn.small{padding:6px 12px 5px;font-size:14px}.btn.stamp:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px dashed rgba(120,90,0,.35);pointer-events:none}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}.btn.dice svg circle{fill:currentColor;stroke:none}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-6px) rotate(-1deg)}40%,80%{transform:translate(6px) rotate(1deg)}}.book[data-view=welcome],.book[data-view=welcome] .view{background:var(--kraft)}.cover{position:absolute;inset:0;padding:46px 40px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:auto;background:radial-gradient(130% 100% at 50% 20%,rgba(255,255,255,.14),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .25 0 0 0 0 .1 0 0 0 .28 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E"),linear-gradient(160deg,var(--kraft),var(--kraft-2))}.cover .t1{top:30px;left:-16px;transform:rotate(-24deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 6px,transparent 6px 12px),var(--mint)}.cover .t2{bottom:26px;right:-18px;transform:rotate(-30deg);background:radial-gradient(circle,rgba(255,255,255,.7) 0 2.4px,transparent 3px) 0 0 / 12px 12px,var(--lilac)}.label{position:relative;background:#fff;border-radius:16px;padding:16px 30px 14px;min-width:min(520px,100%);box-shadow:0 3px #00000012,0 10px 22px #3c230a47;border:3px solid #fff;outline:2px solid #8fb6e8;outline-offset:-9px;transform:rotate(-1.2deg)}.label-row{display:flex;align-items:baseline;gap:10px;border-bottom:2px dotted #9ab8de;padding:2px 4px 6px}.label-row+.label-row{margin-top:8px}.label-row span{color:#6a86b2;font-weight:700;font-size:15px;flex:none}.label-row.small b{font-variation-settings:var(--hand-axes);color:var(--ink);margin-right:18px;font-size:18px}.logo{margin:0;font:74px/.95 var(--marker);color:var(--ink);letter-spacing:1px;position:relative;transform:rotate(-2deg)}.logo:after{content:"";position:absolute;left:-6px;right:-10px;bottom:6px;height:22px;background:var(--hl);opacity:.75;z-index:-1;border-radius:4px 12px 5px 14px;transform:rotate(1deg)}.tagline{margin:0;font:27px/1.1 var(--marker);color:#3b2a18;text-align:center;transform:rotate(-1deg)}.steps{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.steps li{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--paper);padding:10px 14px 8px;border-radius:6px;box-shadow:0 4px 10px #3c230a38;min-width:88px}.steps li:nth-child(1){transform:rotate(-3deg)}.steps li:nth-child(2){transform:rotate(2deg)}.steps li:nth-child(3){transform:rotate(-1.5deg)}.steps li:nth-child(4){transform:rotate(3deg)}.steps li b{font-size:15px;color:var(--ink)}.doodle{width:46px;height:40px;background:center / contain no-repeat}.d-write{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 40'%3E%3Cpath d='M4 30c6-8 10 4 16-3s9 3 14-2' fill='none' stroke='%2326399a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cg transform='rotate(40 32 14)'%3E%3Crect x='29' y='0' width='7' height='22' fill='%23ffcf33' stroke='%2333343b' stroke-width='1.6'/%3E%3Cpath d='M29 22l3.5 7 3.5-7z' fill='%23f2c79a' stroke='%2333343b' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}.d-draw{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 40'%3E%3Ccircle cx='17' cy='21' r='12' fill='%23ffcf33' stroke='%2333343b' stroke-width='2'/%3E%3Cpath d='M17 3v3M17 36v3M0 21h3M31 21h3M5 9l2 2M27 31l2 2M5 33l2-2M27 11l2-2' stroke='%23f4842c' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='13' cy='19' r='1.6' fill='%2333343b'/%3E%3Ccircle cx='21' cy='19' r='1.6' fill='%2333343b'/%3E%3Cpath d='M12 24c3 3 7 3 10 0' fill='none' stroke='%2333343b' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M38 6l6 6-12 12h-6v-6z' fill='%23f58fbd' stroke='%2333343b' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}.d-say{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 40'%3E%3Cpath d='M6 6h34a3 3 0 0 1 3 3v17a3 3 0 0 1-3 3H20l-9 8 1-8H6a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3z' fill='%23fff' stroke='%2333343b' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M10 14h24M10 20h16' stroke='%2326399a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.d-album{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 40'%3E%3Cpath d='M23 9c-5-4-13-5-19-3v28c6-2 14-1 19 3 5-4 13-5 19-3V6c-6-2-14-1-19 3z' fill='%23fdf9ef' stroke='%2333343b' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M23 9v28' stroke='%2333343b' stroke-width='1.6'/%3E%3Cpath d='M31 13l1.6 3.4 3.7.4-2.8 2.5.8 3.7-3.3-1.9-3.3 1.9.8-3.7-2.8-2.5 3.7-.4z' fill='%23ffcf33' stroke='%2333343b' stroke-width='1.2'/%3E%3Cpath d='M8 16c3-1 7-1 10 1M8 22c3-1 7-1 10 1' stroke='%2326399a' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.lede{margin:0;max-width:560px;text-align:center;color:#2f2212;font-size:17px;line-height:1.45;background:#fdf9efe0;padding:10px 16px;border-radius:8px;box-shadow:0 3px 8px #3c230a2e;transform:rotate(.6deg)}.aferin{position:absolute;top:46px;right:50px;width:104px;height:104px;display:grid;place-items:center;font:21px/1 var(--marker);color:#6b3d00;transform:rotate(14deg);background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd23f 45%,#f2a900);clip-path:polygon(50% 0,60% 12%,75% 4%,79% 20%,95% 21%,90% 36%,100% 50%,90% 64%,95% 79%,79% 80%,75% 96%,60% 88%,50% 100%,40% 88%,25% 96%,21% 80%,5% 79%,10% 64%,0 50%,10% 36%,5% 21%,21% 20%,25% 4%,40% 12%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.25));animation:aferin 4s ease-in-out infinite}@keyframes aferin{50%{transform:rotate(8deg) scale(1.05)}}.scribble{position:absolute;width:150px;height:112px;fill:none;stroke:#26399a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.55;pointer-events:none}.scribble path,.scribble circle{stroke-dasharray:400;stroke-dashoffset:400;animation:scrib 2.4s ease-out forwards}.scribble.s2 path,.scribble.s2 circle{animation-delay:.6s}.scribble.s3 path,.scribble.s3 circle{animation-delay:1.2s}@keyframes scrib{to{stroke-dashoffset:0}}.scribble.s1{left:36px;bottom:30px;transform:rotate(-8deg)}.scribble.s2{right:230px;bottom:34px}.scribble.s3{left:40px;top:90px;transform:rotate(6deg)}@media(max-width:1100px),(max-height:760px){.scribble.s2,.scribble.s3{display:none}.aferin{width:78px;height:78px;font-size:15px;top:34px;right:16px}}@media(max-width:899px)and (orientation:portrait){.scribble{display:none}.aferin{top:40px;right:14px;width:74px;height:74px;font-size:14px}}@media(max-height:520px)and (orientation:landscape){.scribble{display:none}.aferin{top:auto;bottom:18px;right:22px;width:70px;height:70px;font-size:13px}}.cover-doodle{position:absolute;right:26px;bottom:22px;width:190px;aspect-ratio:4/3;height:auto;pointer-events:none;background:var(--paper);border-radius:4px;box-shadow:0 6px 14px #3c230a4d;transform:rotate(5deg)}@media(max-width:1100px),(max-height:760px){.cover-doodle{display:none}}.lobby{align-items:center;padding-top:34px;overflow:auto}.name-tags{list-style:none;margin:4px 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 14px;width:min(760px,100%)}.name-tags li{display:flex;align-items:center;gap:8px;background:#fff;padding:9px 12px;border-radius:10px;box-shadow:0 3px 10px #5032142e;transform:rotate(var(--r));font-weight:700;min-width:0}.name-tags li span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-tags li small{margin-left:auto;color:var(--soft);font-size:12px}.name-tags li.me{box-shadow:0 0 0 2.5px var(--me),0 3px 10px #5032142e}.name-tags li.empty{background:transparent;box-shadow:inset 0 0 0 2px var(--dot);color:var(--soft);font-weight:500}.intro,.pass{align-items:center;justify-content:center;text-align:center}.deal{position:relative;width:min(520px,90%);height:150px}.mini-book{position:absolute;left:50%;top:50%;width:54px;height:70px;margin:-35px 0 0 -27px;border-radius:3px 6px 6px 3px;background:var(--c);box-shadow:inset 6px 0 #0000002e,0 6px 12px #3c230a4d;animation:deal .9s cubic-bezier(.3,1.3,.5,1) both;animation-delay:calc(var(--i) * 90ms)}.mini-book i{position:absolute;left:13px;right:6px;top:12px;height:14px;background:#fff;border-radius:2px}@keyframes deal{0%{transform:translate(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 62px)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg))}}.hand-off{display:flex;align-items:center;gap:18px;height:120px}.hand-off .mini-book{position:relative;left:auto;top:auto;margin:0;animation:none}.hand-off .mini-book.a{animation:slide 1.4s ease-in-out infinite}.hand-off .mini-book.b{--c: var(--kraft-3);opacity:.4}.hand-off .arrow{width:120px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:160;animation:drawline 1.4s ease-in-out infinite}@keyframes slide{50%{transform:translate(26px) rotate(6deg)}}@keyframes drawline{0%{stroke-dashoffset:160}60%,to{stroke-dashoffset:0}}.sheet.text{padding-left:76px}.line-form{display:flex;flex-direction:column;gap:10px;flex:none}.lines{position:relative}.hand-input{width:100%;resize:none;border:0;background:transparent;padding:0 6px;font-size:27px;line-height:34px;height:68px;color:var(--ink);font-variation-settings:var(--hand-axes);font-weight:520;outline:none;caret-color:var(--red)}.hand-input::placeholder{color:#a7b3cf}.write .lines{margin-top:14px}.form-foot{display:flex;align-items:center;gap:10px;justify-content:flex-end}.form-foot .count{margin-right:auto;color:var(--soft);font-size:13px;font-variant-numeric:tabular-nums}.form-foot .count.near{color:var(--red);font-weight:700}.write-doodle{flex:1;min-height:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cg fill='none' stroke='%2326399a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' opacity='.35'%3E%3Cpath d='M20 90c10-20 25-20 30 0s20 20 30 0 25-20 30 0'/%3E%3Cpath d='M150 30l5 10 11 2-8 8 2 11-10-5-10 5 2-11-8-8 11-2z'/%3E%3Cpath d='M40 30c0-8 12-8 12 0 0-8 12-8 12 0 0 8-12 14-12 14S40 38 40 30z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;opacity:.8}.look{flex:1;min-height:0;display:grid;place-items:center;container-type:size}.look .paper{width:min(100cqw,133.33cqh);height:auto;aspect-ratio:4 / 3}.paper{position:relative;background:#fffdf6;border-radius:3px;box-shadow:0 1px 2px #0000001f,0 6px 16px #50321429;container-type:size;overflow:hidden}.paper.grid{background:radial-gradient(circle,var(--dot) 1px,transparent 1.4px) 0 0 / 20px 20px,#fffdf6}.paper canvas{position:absolute;inset:0;width:100%;height:100%}.paper canvas.pad{touch-action:none;cursor:crosshair}.paper[data-tool=fill] canvas.pad{cursor:cell}.tip-pencil{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s;z-index:2}.tip-pencil:before{content:"";position:absolute;left:-2px;bottom:0;width:64px;height:12px;transform-origin:0 100%;transform:rotate(-52deg);background:linear-gradient(90deg,var(--lead, #33343b) 0 6px,#f2c79a 6px 16px,#ffcf33 16px 54px,#c9ccd3 54px 58px,#f58fbd 58px);clip-path:polygon(0 50%,16px 0,100% 0,100% 100%,16px 100%);filter:drop-shadow(2px 3px 2px rgba(0,0,0,.25))}.sheet.draw{display:grid;grid-template-columns:136px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head head" "slip slip" "tools canvas" "foot foot";gap:10px 16px;padding:28px 24px 14px}.sheet.draw .sheet-head{grid-area:head}.work{display:contents}.slip{grid-area:slip;position:relative;justify-self:center;max-width:100%;background:#fff;padding:10px 26px 9px;border-radius:2px;box-shadow:0 3px 10px #5032142e;transform:rotate(-.8deg)}.slip p{margin:0;font-size:25px;line-height:1.2;font-variation-settings:var(--hand-axes);color:var(--ink);font-weight:560;text-align:center;overflow-wrap:anywhere}.slip.quiet p{font-size:17px;color:var(--soft)}.slip .tape{width:64px;height:20px;top:-10px;left:calc(50% - 32px);transform:rotate(-3deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 5px,transparent 5px 10px),var(--mint)}.tools{grid-area:tools;display:flex;flex-direction:column;gap:10px;min-height:0;align-self:center;background:#ffffff8c;border-radius:14px;padding:10px 8px;box-shadow:inset 0 0 0 1.5px #0000000d}.tool-group{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.tool{width:34px;height:34px;border-radius:10px;border:0;padding:0;display:grid;place-items:center;background:#fff;color:var(--graphite);box-shadow:0 1px 3px #00000024;transition:transform .12s,background .12s}.tool svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tool svg .fillc{fill:var(--pen);stroke:none}.tool.on{background:var(--ink);color:#fff;transform:translateY(-1px) rotate(-4deg);box-shadow:0 3px 8px #26399a66}.tool:disabled{opacity:.35}.tool[data-act=clear].confirm{background:var(--red);color:#fff;animation:shake .4s}.size{width:19px;height:30px;border:0;padding:0;background:none;display:grid;place-items:center;border-radius:8px}.size i{width:min(17px,var(--d));height:min(17px,var(--d));border-radius:50%;background:var(--graphite)}.size.on{background:#26399a24}.size.on i{background:var(--ink)}.swatches{display:grid;grid-template-columns:repeat(3,30px);gap:5px}.swatch{width:30px;height:30px;border-radius:50%;border:0;padding:0;background:var(--c);box-shadow:inset 0 -3px #00000026,0 0 0 1.5px #0000001f;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.swatch[style*="#ffffff"]{box-shadow:inset 0 -3px #00000014,0 0 0 1.5px #00000040}.swatch:hover{transform:scale(1.12)}.swatch.on{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}.canvas-box{grid-area:canvas;min-width:0;min-height:0;display:grid;place-items:center}.sheet-foot{grid-area:foot;display:flex;align-items:center;gap:12px;justify-content:flex-end}.sheet-foot .hint{margin-right:auto;font-size:13px}.wait{align-items:center;text-align:center;overflow:auto}.wait .sheet-head{align-self:stretch}.stamp-mark{font:40px/1 var(--marker);color:var(--green);border:4px solid var(--green);border-radius:10px;padding:8px 20px 4px;transform:rotate(-8deg);opacity:.85;animation:stampin .45s cubic-bezier(.2,1.6,.4,1) both;letter-spacing:1px}@keyframes stampin{0%{transform:rotate(-8deg) scale(2.2);opacity:0}}.own{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:420px;width:100%}.own .cap{font-size:13px;color:var(--soft)}.own .paper.small{width:min(320px,70%);aspect-ratio:4 / 3}.own .hand{font-size:24px;margin:0}.progress-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pip{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--soft);font-weight:800;box-shadow:inset 0 0 0 2.5px var(--c)}.pip.done{background:var(--c);color:#fff}.pip.busy{animation:wiggle .5s ease-in-out infinite alternate;color:var(--ink)}.timer{display:flex;align-items:center;gap:8px}.timer svg{width:168px;height:28px;overflow:visible}.timer b{font:26px/1 var(--marker);color:var(--graphite);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.t-body{fill:#ffcf33}.t-shine{fill:#ffe27a}.t-shade{fill:#e9a915}.t-ferrule{fill:#c9ccd3}.t-ferrule-line{stroke:#8a9099;stroke-width:1.4}.t-eraser{fill:#f58fbd}.t-wood{fill:#f2c79a}.t-lead{fill:#33343b}.timer.warn .t-body{fill:#f4842c}.timer.warn .t-shine{fill:#f9a560}.timer.warn .t-shade{fill:#d4661a}.timer.low .t-body{fill:var(--red)}.timer.low .t-shine{fill:#f06b6d}.timer.low .t-shade{fill:#b92528}.timer.low{animation:jitter .18s linear infinite}.timer.low b{color:var(--red)}@keyframes jitter{25%{transform:translate(-1px) rotate(-.6deg)}75%{transform:translate(1px) rotate(.6deg)}}.sheet.album{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;padding:28px 22px 12px}.sheet.album .next{margin-left:auto;flex:none}.feed{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:20px;padding:12px 10px 30px;scrollbar-width:thin;scroll-behavior:smooth}.book-cover{position:absolute;z-index:5;left:50%;top:50%;height:min(78%,460px);aspect-ratio:3 / 4;translate:-50% -46%;border-radius:4px 12px 12px 4px;display:grid;place-items:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23k)'/%3E%3C/svg%3E"),var(--c);box-shadow:inset 14px 0 #0000002e,inset 16px 0 #ffffff26,0 18px 34px #3c230a66;animation:coverin .75s cubic-bezier(.3,1.4,.5,1) both;transform-origin:0 50%}.book-cover.closed{animation:coverout .7s cubic-bezier(.5,0,.7,.4) forwards;pointer-events:none}@keyframes coverin{0%{transform:perspective(1100px) rotateY(-80deg) scale(.7);opacity:0}}@keyframes coverout{to{transform:perspective(1100px) rotateY(-110deg) scale(1.05);opacity:0}}.book-cover .t1{top:16px;right:-20px;transform:rotate(28deg)}.cover-label{background:#fff;border-radius:12px;padding:16px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 14px #00000040;outline:2px solid #8fb6e8;outline-offset:-7px;transform:rotate(-2deg);max-width:80%}.cover-label b{font:32px/1 var(--marker);color:var(--ink);overflow-wrap:anywhere;text-align:center}.cover-label small{color:var(--soft);font-weight:700}.cover-label .avatar{width:44px;height:44px;font-size:24px}.item{position:relative;flex:none;width:min(560px,100%);background:#fff;border-radius:4px;padding:12px 16px 14px;box-shadow:0 2px #0000000d,0 8px 20px #5032142e;transform:rotate(var(--r)) translateY(26px) scale(.96);opacity:0;transition:transform .55s cubic-bezier(.25,1.4,.45,1),opacity .35s}.item.in{transform:rotate(var(--r));opacity:1}.item.written{background:linear-gradient(90deg,transparent 34px,var(--margin) 34px 35.5px,transparent 35.5px),repeating-linear-gradient(180deg,#fff 0 31px,var(--rule) 31px 32px) 0 6px,#fff;padding-left:46px}.item .who{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--soft);font-weight:650;margin-bottom:6px}.item .who .avatar{width:22px;height:22px;font-size:13px}.item .mark{margin-left:auto;font-style:normal;font-size:11px;background:var(--paper-2);padding:2px 8px;border-radius:9px}.item .hand{margin:0;font-size:29px;line-height:32px;font-weight:560;overflow-wrap:anywhere}.item .ch{display:inline;animation:ink .28s both;animation-delay:var(--d);white-space:pre-wrap}@keyframes ink{0%{opacity:0;filter:blur(1.5px)}}.item .paper{width:100%;aspect-ratio:4 / 3;height:auto;box-shadow:none}.item.filled{opacity:.92}.item.thumb{width:min(160px,40%);padding:6px 8px 8px}.item.thumb .who{display:none}.stickers{position:absolute;inset:0;pointer-events:none}.sticker{position:absolute;font-size:34px;line-height:1;transform:translate(-50%,-50%) rotate(var(--r));filter:drop-shadow(0 0 0 #fff) drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 3px 3px rgba(0,0,0,.3))}.sticker.pop{animation:pop .5s cubic-bezier(.2,1.8,.4,1) both}@keyframes pop{0%{transform:translate(-50%,-50%) rotate(calc(var(--r) - 40deg)) scale(2.4);opacity:0}60%{opacity:1}}.book-end,.flipbook{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px}.book-end span{font:34px/1 var(--marker);color:var(--red);border:3px solid var(--red);border-radius:50%;padding:22px 26px 16px;transform:rotate(-10deg);animation:stampin .45s cubic-bezier(.2,1.6,.4,1) both}.flipbook{width:min(560px,100%)}.flipbook .paper{width:100%;aspect-ratio:4 / 3;height:auto;animation:rise .6s cubic-bezier(.3,1.4,.5,1) both}.feed.flipping .item{display:none}.flipbook .cap{font-size:14px;color:var(--soft)}.dots-row{display:flex;justify-content:center;gap:6px}.dots-row i{width:9px;height:9px;border-radius:50%;background:var(--dot);transition:transform .2s,background .2s}.dots-row i.seen{background:var(--ink-2);opacity:.5}.dots-row i.now{background:var(--ink);transform:scale(1.4)}.react-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sticker-btn{width:52px;height:52px;border-radius:50%;border:0;background:#fff;font-size:28px;display:grid;place-items:center;padding:0;box-shadow:0 3px 10px #50321438,inset 0 0 0 2px #0000000d;transition:transform .14s cubic-bezier(.3,1.7,.5,1)}.sticker-btn span{transform:translateY(1px)}.sticker-btn:hover{transform:translateY(-3px) rotate(-8deg) scale(1.08)}.sticker-btn:active{transform:scale(.9)}.sticker-btn.bump{animation:bump2 .35s cubic-bezier(.3,1.8,.5,1)}@keyframes bump2{40%{transform:scale(1.3) rotate(10deg)}}.vote{overflow:auto}.finalists{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;padding:6px 4px 20px}.finalist{position:relative;border:0;background:#fff;border-radius:4px;padding:10px 10px 8px;display:flex;flex-direction:column;gap:8px;text-align:left;box-shadow:0 6px 16px #5032142e;transform:rotate(var(--r));transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .18s}.finalist:hover:not(:disabled){transform:rotate(0) translateY(-4px) scale(1.03);box-shadow:0 12px 24px #50321442}.finalist.own{opacity:.55}.finalist.chosen{box-shadow:0 0 0 4px var(--hl-2),0 12px 24px #50321442}.finalist .paper{width:100%;aspect-ratio:4 / 3;height:auto;box-shadow:none}.finalist .hand{margin:0;font-size:20px;line-height:1.25;min-height:96px;display:grid;align-items:center}.finalist .who{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--soft);font-weight:650}.finalist .who .avatar{width:20px;height:20px;font-size:12px}.finalist .tally{position:absolute;top:6px;right:6px;background:var(--hl);border-radius:10px;padding:2px 8px;font-weight:800}.star-sticker{position:absolute;top:-14px;right:-12px;width:48px;height:48px;display:grid;place-items:center;font-size:30px;color:#fff;background:var(--hl-2);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:pop .5s cubic-bezier(.2,1.8,.4,1) both;--r: 12deg;transform:rotate(12deg)}.podium{align-items:center;overflow:auto;gap:14px}.podium .sheet-head{align-self:stretch;justify-content:center}.podium-grid{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.podium-side{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(520px,100%)}.award{display:flex;flex-direction:column;align-items:center;gap:10px}.award-page{position:relative;width:min(420px,80vw);background:#fff;padding:12px;border-radius:4px;box-shadow:0 10px 26px #50321440;transform:rotate(-2deg);animation:rise .7s cubic-bezier(.3,1.4,.5,1) both}.award-page .paper{width:100%;aspect-ratio:4 / 3;height:auto;box-shadow:none}.award-page .hand.big{font-size:30px;line-height:1.2;margin:18px 10px;text-align:center}@keyframes rise{0%{transform:rotate(-12deg) translateY(40px) scale(.8);opacity:0}}.rosette{position:absolute;top:-26px;right:-24px;width:72px;height:72px;display:grid;place-items:center;font-size:40px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.2);background:conic-gradient(from 0deg,#ffcf33,#ffe27a,#f4a91a,#ffcf33,#ffe27a,#f4a91a,#ffcf33);border-radius:50%;box-shadow:0 0 0 5px #fff,0 6px 14px #0000004d;animation:spinin 1s cubic-bezier(.3,1.5,.5,1) .3s both}@keyframes spinin{0%{transform:rotate(-200deg) scale(0)}}.headline{margin:0;font:34px/1.1 var(--marker);color:var(--ink);text-align:center}.ranking{list-style:none;margin:0;padding:0;width:min(520px,100%);display:flex;flex-direction:column;gap:6px}.ranking li{display:flex;align-items:center;gap:10px;padding:7px 12px;background:#ffffffbf;border-radius:8px;font-weight:650}.ranking li.top{background:#fff6c8;box-shadow:0 0 0 2px var(--hl-2)}.ranking li.me .nm{text-decoration:underline wavy var(--me);text-underline-offset:4px}.ranking .nm{margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .sc{font-variant-numeric:tabular-nums;white-space:nowrap}.ranking small{color:var(--soft);font-weight:500}.browse{position:fixed;inset:0;z-index:60;background:#3c230a8c;display:grid;place-items:center;padding:20px}.browse-sheet{position:relative;inset:auto;width:min(760px,100%);height:min(92vh,900px);background:var(--paper);border-radius:8px;box-shadow:0 20px 50px #0006;padding:18px}.browse-sheet .sheet-head h2{font-size:26px;flex:1;text-align:center}.panel{background:var(--paper);border-left:0;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;z-index:10;box-shadow:-6px 0 18px #3c230a40;position:relative;background-image:repeating-linear-gradient(180deg,transparent 0 29px,var(--rule) 29px 30px);background-position:0 58px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font:28px/1 var(--marker);color:var(--ink)}#closePanel{display:none}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--paper-2);padding:4px;border-radius:12px}.mode-switch button{border:0;border-radius:9px;padding:9px 6px 8px;background:transparent;font-weight:750;color:var(--soft)}.mode-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px #0000001f}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;font-weight:650;font-size:15px}.bot-settings,.room-settings{display:flex;flex-direction:column;gap:8px}.room-settings.locked{opacity:.6}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:30px;height:30px;border-radius:9px;border:0;background:#fff;font-weight:800;box-shadow:0 1px 3px #00000026}.stepper output{min-width:22px;text-align:center;font-weight:800;font-size:18px;color:var(--ink)}.segmented{display:flex;background:var(--paper-2);padding:3px;border-radius:10px;gap:2px}.segmented button{border:0;background:transparent;border-radius:8px;padding:6px 9px 5px;font-weight:700;font-size:13px;color:var(--soft);flex:1;white-space:nowrap}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #00000024}.segmented.small button{padding:5px 8px 4px;font-size:12.5px}.toggle{width:46px;height:26px;border-radius:13px;border:0;background:#d8d1c2;position:relative;padding:0;transition:background .2s;flex:none}.toggle i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.toggle[aria-checked=true]{background:var(--green)}.toggle[aria-checked=true] i{transform:translate(20px)}.panel .primary{border:0;border-radius:12px;padding:11px 14px 10px;font-weight:800;font-size:16px;background:linear-gradient(175deg,#fff07a,var(--hl) 40%,var(--hl-2));color:#2b2310;box-shadow:0 4px 12px #966e0047}.panel .primary:hover{transform:translateY(-1px)}.invite-row{display:flex;gap:6px}.invite-row input{flex:1;min-width:0;border:0;border-radius:9px;padding:7px 9px;background:#fff;font-size:13px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--dot)}.text-button{border:0;background:none;color:var(--ink);font-weight:750;padding:6px 8px;border-radius:8px}.text-button:hover{background:#26399a14}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.player-list li{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;font-weight:650;min-width:0}.player-list li.me{background:#ffffffbf}.player-list .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list small{margin-left:auto;color:var(--soft);font-size:12px;white-space:nowrap}.player-list .text-button{padding:2px 8px;font-size:18px}.add-bot{align-self:flex-start}.note{margin:0;color:var(--soft);font-size:14px;line-height:1.4}.panel-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.connection{color:var(--soft)}.connection.online{color:var(--green)}.connection.trouble{color:var(--red)}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1deg);z-index:70;background:var(--butter);color:#3b2a18;padding:10px 18px 9px;border-radius:4px;font-weight:700;box-shadow:0 8px 20px #3c230a59;max-width:calc(100vw - 32px);animation:toastin .3s cubic-bezier(.3,1.6,.5,1)}@keyframes toastin{0%{transform:translate(-50%) translateY(20px) rotate(-6deg);opacity:0}}.pause-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:25;background:#fff;padding:16px 22px;border-radius:6px;box-shadow:0 10px 30px #0000004d;font-weight:750;font-size:17px;color:var(--ink);max-width:80%;text-align:center}dialog{border:0;border-radius:10px;padding:20px 22px;max-width:min(560px,calc(100vw - 32px));background:var(--paper);color:var(--graphite);box-shadow:0 24px 60px #00000073}dialog::backdrop{background:#3c230a80}.help-body ol{padding-left:22px;line-height:1.5}.help-body li{margin-bottom:6px}.help-body p{line-height:1.5}.keys-help{color:var(--soft);font-size:13px;line-height:1.45}dialog .primary{border:0;border-radius:12px;padding:10px 22px;font-weight:800;background:var(--hl)}@media(max-width:899px){main{grid-template-columns:1fr}#menuButton,#closePanel{display:grid}.panel{position:fixed;right:0;top:calc(var(--app-top) + var(--top-h));bottom:0;width:min(330px,92vw);transform:translate(105%);transition:transform .28s cubic-bezier(.3,1.1,.5,1);z-index:40}.panel.open{transform:none}.desk{padding:10px 10px 16px}#playerName{width:96px}.brand{font-size:26px}.brand svg{width:32px}}@media(max-width:899px)and (orientation:portrait){.topbar{gap:8px;padding:0 8px 4px}.brand span{display:none}.brand:after{display:none}#fullscreenButton{display:none}.icon-button{width:33px;height:33px}.progress{display:none}.desk{padding-top:12px;gap:20px}.strip{gap:5px}.tag{padding:2px 5px 2px 3px;font-size:12px;gap:3px}.tag .nm{display:none}.tag .avatar{width:22px;height:22px;font-size:12px}.desk[data-view=lobby] .tag .nm,.desk[data-view=podium] .tag .nm{display:inline;max-width:62px}.sheet-head{flex-wrap:wrap;row-gap:4px}.sheet-head h2{order:3;flex-basis:100%}.sheet.album .sheet-head h2{order:0;flex-basis:auto;flex:1;font-size:22px}.sheet{padding:26px 14px 12px;gap:10px}.sheet-head h2{font-size:27px}.page-tag{font-size:12px;padding:4px 9px 3px}.timer svg{width:104px;height:22px}.timer b{font-size:21px;min-width:26px}.sheet.text{padding-left:50px}.ruled{background:linear-gradient(90deg,transparent 36px,var(--margin) 36px 38px,transparent 38px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px) 0 70px / 100% calc(100% - 70px) no-repeat}.hand-input{font-size:23px}.sheet.draw{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"head" "slip" "canvas" "tools" "foot";padding:24px 10px 10px;gap:8px}.slip{padding:7px 16px 6px}.slip p{font-size:19px}.tools{flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:stretch;gap:6px 8px;padding:7px 6px}.tools-main,.history{order:0}.sizes{order:1}.swatches{order:3;grid-template-columns:repeat(9,1fr);width:100%;gap:4px}.swatch{width:100%;height:auto;aspect-ratio:1;max-width:34px;justify-self:center}.size{width:32px;height:34px}.tool{width:38px;height:38px}.sheet-foot .hint{display:none}.sheet-foot .btn{flex:1}.cover{padding:34px 16px 18px;gap:14px;justify-content:safe center}.label{padding:12px 16px 10px;min-width:0;width:100%}.logo{font-size:50px}.label-row.small b{font-size:15px;margin-right:8px}.label-row span{font-size:13px}.tagline{font-size:22px}.steps{gap:8px}.steps li{min-width:64px;padding:7px 8px 6px}.doodle{width:36px;height:30px}.lede{font-size:15px}.cover .actions{width:100%}.cover .actions .btn{flex:1}.item .hand{font-size:24px;line-height:30px}.react-bar{gap:6px}.sticker-btn{width:46px;height:46px;font-size:24px}.finalists{grid-template-columns:repeat(2,1fr);gap:12px}.headline{font-size:28px}}@media(max-height:520px)and (orientation:landscape){:root{--top-h: 44px}.topbar{gap:8px}.brand{font-size:23px}.brand svg{width:28px;height:26px}.icon-button{width:32px;height:32px}.desk{padding:8px 12px 10px;gap:18px;grid-template-rows:auto 1fr}.strip{display:none}.desk[data-view=lobby] .strip,.desk[data-view=wait] .strip{display:flex}.spiral{top:-12px;height:30px;background-size:25px 30px}.sheet{padding:22px 16px 10px;gap:8px}.sheet-head{min-height:32px}.sheet-head h2{font-size:26px}.timer svg{width:110px;height:22px}.timer b{font-size:21px}.sheet.draw{grid-template-columns:auto minmax(0,1fr) minmax(150px,210px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"tools canvas head" "tools canvas slip" "tools canvas foot";padding:20px 12px 10px;gap:6px 12px}.sheet.draw .sheet-head{flex-direction:column;align-items:flex-start;gap:6px}.sheet.draw .sheet-head h2{font-size:22px}.sheet.draw .timer-slot{margin-left:0}.slip{align-self:start;padding:8px 12px 7px}.slip p{font-size:17px;text-align:left}.tools{width:196px;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-between;padding:7px;gap:7px 4px;align-self:stretch}.tools-main{order:0;gap:4px}.history{order:1;gap:4px}.sizes{order:2;width:100%;justify-content:space-between}.swatches{order:3;width:100%;grid-template-columns:repeat(6,1fr);gap:4px}.swatch{width:27px;height:27px;justify-self:center}.tool{width:28px;height:28px}.tool svg{width:18px;height:18px}.size{width:30px;height:28px}.sheet-foot{flex-direction:column;align-items:stretch}.sheet-foot .hint{display:none}.sheet-foot .btn{width:100%}.sheet.text.describe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px 16px;padding-left:20px}.sheet.text.describe .sheet-head{grid-column:1 / -1}.sheet.text.describe .line-form{align-self:center}.sheet.text.write{padding-left:70px}.write-doodle{display:none}.ruled{background:linear-gradient(90deg,transparent 50px,var(--margin) 50px 52px,transparent 52px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px) 0 62px / 100% calc(100% - 62px) no-repeat}.sheet.album{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;padding:20px 12px 8px}.sheet.album .sheet-head,.sheet.album .dots-row{grid-column:1 / -1}.sheet.album .feed{grid-column:1;grid-row:2;padding-top:6px}.sheet.album .react-bar{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,42px);align-self:center;align-content:center;gap:6px}.sticker-btn{width:42px;height:42px;font-size:22px}.sheet.album .dots-row{grid-row:3}.item{width:min(440px,100%)}.item .hand{font-size:22px;line-height:28px}.cover{flex-direction:row;flex-wrap:wrap;align-content:center;padding:26px 20px 12px;gap:10px 16px}.label{min-width:0;width:min(380px,48%);padding:10px 16px 8px}.logo{font-size:46px}.label-row.small b{font-size:14px;margin-right:6px}.label-row span{font-size:12px}.tagline{font-size:20px;width:44%}.steps{width:100%;gap:8px}.steps li{flex-direction:row;padding:5px 10px}.doodle{width:30px;height:26px}.lede{display:none}.finalists{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.award-page{width:min(300px,40vw)}.podium{justify-content:center}.podium .sheet-head{display:none}.podium-grid{flex-direction:row;align-items:center;justify-content:center;gap:28px}.podium-side{width:min(380px,50%);gap:10px}.ranking li{padding:4px 10px}.headline{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}