@font-face{font-family:Gaegu;src:url(../fonts/gaegu-400.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Gaegu;src:url(../fonts/gaegu-700.woff2) format("woff2");font-weight:700;font-display:block}@font-face{font-family:Special Elite;src:url(../fonts/special-elite.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Titan One;src:url(../fonts/titan-one.woff2) format("woff2");font-weight:400;font-display:block}:root{--kraft: #CDA882;--photo: #FFFFFF;--ink: #1E1B18;--pen: #2848C8;--stamp: #D93A2B;--gold: #F4BE1A;--ticket: #FFC93C;--shade: rgba(30, 27, 24, .34);--lift: 5px 6px 0 var(--shade);--card: #B5773F;--ceil-c: #5C3A20;--side-c: #774C2B;--floor-c: #93613A;--wood: #EDCB8E;--hand: "Gaegu", "Comic Sans MS", cursive;--type: "Special Elite", "Courier New", serif;--sticker: "Titan One", "Arial Black", sans-serif;--gutter: clamp(16px, 4vw, 56px);--ease: cubic-bezier(.2, .8, .2, 1);--who: var(--ticket);--p1: #F47FA6;--p2: #4F7BF0;--p3: #FFC93C;--p4: #3FBF8F;--reveal-card: #FFFEFA;--reveal-ink: #1E1B18;--reveal-soft: #6B5A48;--reveal-accent: #D93A2B;--reveal-font: "Gaegu", "Comic Sans MS", cursive;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .12 0 0 0 .5 -.2'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.06 .5' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .97 0 0 0 0 .9 0 0 0 0 .78 0 0 0 .5 -.25'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23a)'/%3E%3Crect width='320' height='320' filter='url(%23b)'/%3E%3C/svg%3E");--flute: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Crect width='10' height='7' fill='%23E4C595'/%3E%3Cpath d='M0 3.5 Q2.5 .6 5 3.5 T10 3.5' fill='none' stroke='%239C6B3C' stroke-width='1.2'/%3E%3Cpath d='M0 .5H10M0 6.5H10' stroke='%239C6B3C' stroke-width='1'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{background:var(--kraft);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);font:400 18px/1.4 var(--type);background:var(--kraft) var(--grain)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px dashed var(--pen);outline-offset:6px}[hidden]{display:none!important}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body:not(.dev) .dev-only{display:none}.media{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.defs{position:absolute;width:0;height:0;overflow:hidden}#game{min-height:100vh;min-height:100dvh;overflow-x:clip}.screen{min-height:100vh;min-height:100dvh;padding:clamp(24px,4vh,48px) var(--gutter);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}body.solo #game{display:none}body:not(.solo) #solo{display:none}.washi{position:absolute;z-index:4;width:110px;height:30px;pointer-events:none;opacity:.9;clip-path:polygon(2% 0,98% 0,100% 14%,97% 30%,100% 47%,97% 64%,100% 82%,98% 100%,2% 100%,0 86%,3% 70%,0 52%,3% 35%,0 18%)}.w-pink{background:repeating-linear-gradient(-45deg,#f47fa6 0,#f47fa6 6px,#fcd5e2 6px,#fcd5e2 13px)}.w-mint{background-color:#bfe6d3;background-image:linear-gradient(rgba(36,120,88,.38) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(36,120,88,.38) 1.5px,transparent 1.5px);background-size:9px 9px}.w-dots{background:#ffe69a radial-gradient(circle,#E9A800 2.4px,transparent 2.9px) 0 0 / 11px 11px}.note-wrap{filter:drop-shadow(4px 5px 0 var(--shade));max-width:min(560px,100%)}.note{--lh: 38px;margin:0;position:relative;text-align:left;font:700 30px/var(--lh) var(--hand);letter-spacing:-.045em;color:var(--pen);text-wrap:balance;padding:calc(var(--lh) * .6) 26px calc(var(--lh) * .45) 58px;background-color:#fffefa;background-image:linear-gradient(90deg,transparent 40px,#EE9C9C 40px 42px,transparent 42px),repeating-linear-gradient(to bottom,transparent 0 calc(var(--lh) - 2px),#C3D2F1 calc(var(--lh) - 2px) var(--lh));background-position:0 0,0 calc(var(--lh) * .6 + 6px);clip-path:polygon(0 7px,5% 1px,10% 6px,16% 0,23% 5px,29% 1px,36% 7px,42% 2px,49% 5px,56% 0,62% 6px,69% 2px,75% 6px,82% 0,88% 5px,94% 1px,100% 6px,100% 100%,0 100%);rotate:-1deg}.masking{position:relative;display:inline-block;filter:drop-shadow(3px 4px 0 var(--shade));rotate:-1.5deg}.tape{margin:0;display:inline-block;padding:8px 30px 10px 26px;font:700 clamp(34px,4vw,52px)/1 var(--hand);letter-spacing:-.045em;color:var(--ink);background:#eaddb9 repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 3px,transparent 3px 10px);clip-path:polygon(1% 4%,99% 0,100% 20%,98% 40%,100% 62%,98% 82%,99% 100%,1% 96%,0 76%,2% 56%,0 34%,2% 16%)}.typed{margin:0;font:400 18px/1.4 var(--type);max-width:52ch}.aside{margin:0;font-size:15px}.problem{margin:0;padding:10px 16px;background:var(--photo);color:var(--stamp);box-shadow:var(--lift);max-width:46ch;rotate:-.6deg}.letters{display:inline-flex;flex-wrap:wrap;justify-content:center;filter:url(#die-cut)}.letters span{display:inline-block;color:var(--c);rotate:var(--r);translate:0 var(--y);margin-right:-.02em;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.letters .word{display:inline-flex;color:inherit;rotate:none;translate:none;margin-right:0}.wordmark{margin:0;font:400 clamp(72px,10vw,128px)/1 var(--sticker);padding:6px 14px 16px}.wordmark .letters{filter:url(#die-cut-round)}.wordmark .letters>span:first-child{position:relative}.wordmark-hat{position:absolute;left:var(--hat-x, -.36em);top:var(--hat-y, -.56em);width:var(--hat-w, 1.1em);height:calc(var(--hat-w, 1.1em) * .71);overflow:visible;rotate:var(--hat-r, -14deg)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:0;background:none;padding:0;transition:transform .18s var(--ease),filter .18s var(--ease)}.btn-main{filter:drop-shadow(5px 6px 0 var(--shade));rotate:-1.5deg}.btn-main .ticket{position:relative;display:flex;align-items:center;min-height:84px;padding:12px 74px 12px 34px;background:var(--ticket);box-shadow:inset 0 0 0 5px var(--ticket),inset 0 0 0 7px var(--ink);font:400 clamp(26px,2.6vw,34px)/1.05 var(--type);letter-spacing:-.01em;text-align:left;-webkit-mask:radial-gradient(circle 13px at 0 50%,transparent 12.5px,#000 13px) left / 51% 100% no-repeat,radial-gradient(circle 13px at 100% 50%,transparent 12.5px,#000 13px) right / 51% 100% no-repeat;mask:radial-gradient(circle 13px at 0 50%,transparent 12.5px,#000 13px) left / 51% 100% no-repeat,radial-gradient(circle 13px at 100% 50%,transparent 12.5px,#000 13px) right / 51% 100% no-repeat}.btn-main .ticket:after{content:"";position:absolute;top:9px;bottom:9px;right:16px;width:42px;border-left:4px dotted var(--kraft);background:center / 30px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -2 92 64'%3E%3Cg fill='%23D93A2B' stroke='%23FFC93C' stroke-width='4' stroke-linejoin='round'%3E%3Cpath d='M40 36 C33 8 13 -4 4 18 C12 20 19 31 23 49 Z'/%3E%3Cpath d='M40 36 C47 8 67 -4 76 18 C68 20 61 31 57 49 Z'/%3E%3Cpath d='M20 47 Q40 40 60 47 L60 57 Q40 50 20 57 Z'/%3E%3Ccircle cx='4.5' cy='21' r='6'/%3E%3Ccircle cx='75.5' cy='21' r='6'/%3E%3C/g%3E%3C/svg%3E")}.btn-main:hover{transform:translateY(-3px) rotate(1deg);filter:drop-shadow(8px 10px 0 var(--shade))}.btn-main:active{transform:translateY(2px) scale(.97);filter:drop-shadow(2px 2px 0 var(--shade))}.btn-quiet{min-height:52px;padding:10px 22px 10px 42px;background:var(--photo);border-radius:3px;box-shadow:var(--lift);font:400 18px/1.15 var(--type)}.btn-quiet:before{content:"";position:absolute;left:15px;top:50%;width:12px;height:12px;translate:0 -50%;border-radius:50%;background:var(--kraft);box-shadow:inset 0 0 0 2.5px #b48c61}.btn-quiet:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:7px 9px 0 var(--shade)}.btn-quiet:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--shade)}.btn:disabled{opacity:.4;cursor:default;transform:none}.link{background:none;border:0;padding:6px 4px;cursor:pointer;font:400 15px var(--type);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.upload{overflow:hidden}.upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload:focus-within{outline:3px dashed var(--pen);outline-offset:6px}.row-actions{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center}.chip{min-height:44px;padding:7px 16px;cursor:pointer;border:0;border-radius:3px;background:var(--photo);box-shadow:3px 4px 0 var(--shade);font:400 16px var(--type);transition:transform .15s var(--ease)}.chip:hover{transform:rotate(-2deg) translateY(-1px)}.chip[aria-pressed=true]{background:var(--who);box-shadow:3px 4px 0 var(--shade),inset 0 0 0 2px var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#screen-start{position:relative;gap:18px}#screen-start .wordmark{font-size:clamp(60px,7.5vw,104px);padding-bottom:12px}.masthead{display:grid;gap:10px;justify-items:center}.masthead .note-wrap{max-width:min(700px,100%)}.side-nav{position:fixed;z-index:20;top:14px;right:14px;display:flex;gap:10px;align-items:center}.side-nav .btn-quiet{min-height:44px;padding:8px 16px 8px 36px;font-size:16px}.side-nav .btn-quiet:before{left:13px;width:10px;height:10px}.side-nav #howtoLink{rotate:2deg}.side-nav #soundToggle{rotate:-1.5deg}#soundToggle[aria-pressed=false]{color:#6b5a48}.clips{display:flex;flex-wrap:wrap;gap:34px;justify-content:center}.clip{position:relative;width:min(260px,80vw);padding:12px 12px 14px;cursor:pointer;text-align:left;display:grid;gap:4px;background:var(--photo);border:0;box-shadow:var(--lift);rotate:-1.5deg;transition:box-shadow .18s var(--ease),translate .18s var(--ease)}.clip:nth-child(2n){rotate:1.4deg}.clip .washi{top:-14px;left:34%;width:86px;height:26px;rotate:-3deg}.clip-pic{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;background:#2e4593 repeating-linear-gradient(-35deg,transparent 0 9px,rgba(255,255,255,.07) 9px 11px)}.clip-q{font:400 64px/1 var(--sticker);color:var(--ticket);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;filter:url(#die-cut);rotate:6deg}.clip-name{margin-top:6px;font:700 30px/1 var(--hand);letter-spacing:-.045em}.clip-hint{font-size:14px;line-height:1.3}.clip-star{display:none;position:absolute;z-index:5;top:-24px;right:-22px;width:70px;height:70px;rotate:12deg;filter:drop-shadow(3px 4px 0 var(--shade))}.clip:hover{translate:0 -3px;box-shadow:8px 10px 0 var(--shade)}.clip[aria-pressed=true]{translate:-2px -4px;box-shadow:9px 11px 0 var(--shade)}.clip[aria-pressed=true] .clip-star{display:block}.start-actions{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center}.modes-pick{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.mode{width:min(300px,100%);min-height:44px;padding:14px 18px 16px;cursor:pointer;text-align:left;display:grid;gap:4px;border:0;background:var(--photo);box-shadow:var(--lift);rotate:-1deg;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.mode:nth-child(2n){rotate:1deg}.mode b{font:700 30px/1 var(--hand);letter-spacing:-.045em}.mode span{font-size:15px;line-height:1.35}.mode:hover{transform:translateY(-2px);box-shadow:7px 9px 0 var(--shade)}.mode[aria-checked=true]{background:var(--ticket);box-shadow:7px 9px 0 var(--shade),inset 0 0 0 2px var(--ink)}.mode:focus-visible{outline:3px solid var(--pen);outline-offset:2px}#screen-start .modes-pick{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:var(--photo);box-shadow:var(--lift);rotate:-1deg}#screen-start .mode{width:auto;min-width:150px;min-height:52px;padding:8px 22px 10px;place-items:center;text-align:center;background:none;box-shadow:none;rotate:0deg;transition:background-color .18s var(--ease)}#screen-start .mode b{font-size:28px}#screen-start .mode span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#screen-start .mode:hover{transform:none;background:#f4ebdd}#screen-start .mode[aria-checked=true]{background:var(--ticket);box-shadow:inset 0 0 0 2px var(--ink)}.mode-says{margin-top:-6px;font-size:16px;min-height:1.4em}.clip-pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}body[data-mode=blind] .clip-pic img{display:none}body[data-mode=normal] .clip-pic:has(img) .clip-q{display:none}.clip-credit{font-size:13px;color:#6b5a48;min-height:1em}.clip.surprise .clip-pic{background:var(--stamp) repeating-linear-gradient(-35deg,transparent 0 9px,rgba(255,255,255,.1) 9px 11px)}.bank-note{max-width:46ch}#screen-start .masthead{grid-area:mast}#startMode{grid-area:mode}#surpriseCard{grid-area:surp}#startOr{grid-area:or}#libraryHead{grid-area:head}#bank{grid-area:bank}#libraryNone{grid-area:bank;align-self:start;justify-self:center;margin-top:40px}#startFoot{grid-area:foot;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 30px}#startProblem{grid-area:prob;justify-self:center}#screen-start>.dev-only{grid-area:dev}#startMode{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:start;gap:10px 44px}#countRow{grid-area:1 / 1}#modeRow{grid-area:1 / 2}#howPick{grid-area:2 / 1 / 3 / 3;justify-self:center}.start-q{display:grid;grid-template-columns:auto auto;column-gap:14px;row-gap:4px;align-items:center;text-align:left}.start-ask{justify-self:end;font:700 24px/1 var(--hand);letter-spacing:-.045em;white-space:nowrap}.start-pick{display:flex;flex-wrap:wrap;gap:6px 8px}.start-pick .chip{min-width:44px;padding:7px 14px;font-size:16px}#countRow .chip{font-size:18px}.start-pick .chip[aria-checked=true]{background:var(--ticket);box-shadow:3px 4px 0 var(--shade),inset 0 0 0 2px var(--ink)}#screen-start .start-q .modes-pick{justify-self:start}.start-says{grid-column:2;margin:0;max-width:none;font-size:15px;min-height:0}#howSays{justify-self:center;text-align:center}.start-or{margin:0;align-self:center;justify-self:center;font:700 30px/1 var(--hand);letter-spacing:-.04em;color:var(--pen)}#libraryHead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;text-align:left}.library-title{margin:0;font:700 30px/1 var(--hand);letter-spacing:-.045em}.library-count{font-size:15px;color:#6b5a48}#libraryHead .library-find{display:flex;align-items:center;gap:12px;flex:1 1 300px;justify-content:flex-end;margin:0 0 0 auto}#libraryHead .library-find>span{font-size:15px;white-space:nowrap}#libraryHead .library-find input{width:min(260px,100%);min-height:44px;padding:6px 12px;border:0;border-radius:0;background:var(--photo);box-shadow:var(--lift);font:700 22px var(--hand);color:var(--pen)}.library-none{font-size:16px}.library-more{min-height:44px;font-size:15px}#screen-start[data-how=online] :is(#surpriseCard,#startOr,#libraryHead,#bank,#libraryNone,#playOnline){display:none}@media(min-width:761px){#screen-start[data-how=online]{grid-template-rows:auto auto auto auto auto auto auto;row-gap:28px}}.cast-thing{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.cast-thing .chip[aria-checked=true]{background:var(--ticket);box-shadow:3px 4px 0 var(--shade),inset 0 0 0 2px var(--ink)}#bank .clip-pic{background:radial-gradient(ellipse 58% 75% at 50% 100%,rgba(255,255,255,.5),transparent 70%),repeating-linear-gradient(-35deg,transparent 0 9px,rgba(255,255,255,.1) 9px 11px),var(--pic, #2E4593)}.clip-cast{position:absolute;left:6%;right:6%;bottom:5%;height:80%;width:88%;color:var(--ink);filter:url(#die-cut)}body[data-mode=normal] .clip-pic:has(img) .clip-cast{display:none}.clip-cast.is-3d{filter:none;left:9%;right:9%;width:82%;height:74%;bottom:7%}#bank{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));grid-auto-rows:max-content;gap:30px 24px;align-content:start;min-height:0;overflow:hidden auto;overscroll-behavior:contain;padding:20px 26px 12px 14px;margin:-12px -26px -6px -14px;scroll-snap-type:y mandatory;scroll-padding-top:20px;scrollbar-width:thin;scrollbar-color:#B48C61 transparent}#bank .clip{width:auto;padding:8px 8px 10px;scroll-snap-align:start;gap:2px}#bank .clip .washi{top:-12px;width:64px;height:22px}#bank .clip-name{margin-top:4px;font-size:22px;overflow-wrap:anywhere;min-height:2em}#bank .clip-hint{font-size:13px}#bank .clip-credit:empty{display:none}#bank .clip-q{font-size:44px;-webkit-text-stroke-width:3px}#bank .clip-star{top:-18px;right:-16px;width:52px;height:52px}#surpriseCard{width:100%;rotate:-1.2deg;padding:10px 10px 12px}#surpriseCard .clip-name{font-size:34px}#surpriseCard .clip-hint{font-size:15px}#surpriseCard .clip-q{font-size:84px}.send-card{position:relative;display:grid;gap:2px;align-content:center;min-height:84px;padding:12px 22px 14px 52px;border:0;cursor:pointer;text-align:left;background:var(--photo);box-shadow:var(--lift);rotate:.6deg;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.send-card:before{content:"";position:absolute;left:20px;top:50%;width:14px;height:14px;translate:0 -50%;border-radius:50%;background:var(--kraft);box-shadow:inset 0 0 0 2.5px #b48c61}.send-card .washi{top:-12px;left:30px;width:84px;height:24px;rotate:-4deg}.send-card-name{font:700 32px/1 var(--hand);letter-spacing:-.045em}.send-card-text{font:700 20px/1.2 var(--hand);letter-spacing:-.03em;color:var(--pen)}.send-card:hover{transform:translateY(-2px) rotate(-.6deg);box-shadow:7px 9px 0 var(--shade)}.start-door{grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding-left:18px;align-self:stretch}.start-door:before{display:none}.start-door .start-door-ico{grid-row:1 / 3;width:46px;height:46px}.start-door .send-card-name,.start-door .send-card-text{grid-column:2}#playOnline{rotate:-.5deg}.start-door .washi{top:-9px}.send-card:active{transform:translateY(2px);box-shadow:1px 1px 0 var(--shade)}#startActions{justify-content:flex-start;gap:18px}@media(min-width:761px){#screen-start{display:grid;height:100vh;height:100dvh;min-height:620px;padding-top:16px;padding-bottom:18px;grid-template-columns:minmax(190px,236px) 40px minmax(0,960px);justify-content:center;grid-template-rows:auto auto auto minmax(auto,1fr) auto auto auto;grid-template-areas:"mast mast mast" "mode mode mode" "surp or head" "surp or bank" "foot foot foot" "prob prob prob" "dev dev dev";gap:10px 22px;align-items:start;align-content:center}#screen-start[data-library=fitted]{grid-template-rows:auto auto auto auto auto auto auto}#screen-start .masthead{gap:4px}#screen-start .wordmark{font-size:clamp(56px,min(7.5vw,9vh),96px);padding-bottom:4px}#screen-start .masthead .note{--lh: 32px;font-size:26px;padding:14px 22px 8px 54px}#screen-start .mode{min-width:104px;padding:8px 14px 10px}#screen-start .mode b{font-size:26px}#screen-start .masthead{padding-top:14px}#bank{align-self:stretch}#surpriseCard{align-self:center}#startFoot{flex-wrap:nowrap;margin-top:10px}#startActions{flex-wrap:nowrap}.send-card{flex:1 1 0;min-width:0;max-width:450px}#startActions{flex:0 0 auto}#play .ticket-text{max-width:14em;text-wrap:balance}}@media(min-width:761px)and (max-height:820px){#screen-start{padding-top:6px;padding-bottom:10px;row-gap:6px}#screen-start .masthead{padding-top:14px;gap:2px}#screen-start .wordmark{font-size:clamp(52px,min(7.5vw,8vh),96px);padding-bottom:2px}#screen-start .masthead .note{--lh: 28px;font-size:22px;padding:12px 20px 6px 50px}.start-says{font-size:14px;line-height:1.3}#startMode{row-gap:4px}#screen-start .mode{min-height:46px;padding:6px 14px 8px}.start-pick .chip{min-height:40px;padding-top:5px;padding-bottom:5px}#startFoot{margin-top:20px}#bank .clip-name{min-height:0;font-size:20px}.btn-main .ticket{min-height:74px}}@media(min-width:761px)and (max-width:1180px){#libraryHead{row-gap:6px}#libraryHead .library-find{flex-basis:100%;justify-content:flex-start;margin:0}.send-card{padding:10px 14px 12px}.send-card-name{font-size:26px}.send-card-text{font-size:16px}.start-door{column-gap:10px}.start-door .start-door-ico{width:38px;height:38px}}#screen-submit{justify-content:flex-start;gap:18px}#screen-submit .send-form{width:min(100%,1040px);padding:22px 26px 24px;background:var(--photo);box-shadow:var(--lift);rotate:-.3deg;text-align:left}#submitForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 44px;align-items:start}#submitForm .send-fields,#submitForm .send-go{display:grid;gap:12px}#submitForm .send-dont h3{margin:0 0 6px;font:700 28px/1 var(--hand);letter-spacing:-.045em}#submitForm .send-dont h3{display:flex;align-items:center;gap:.22em}#submitForm .send-dont h3 .ico{width:1.05em;height:1.05em}#submitForm .send-dont .how{padding-left:0;list-style:none}#submitForm .send-dont .how li{display:grid;grid-template-columns:auto 1fr;gap:.45em;align-items:start}#submitForm .send-dont .how .ico{width:1.05em;height:1.05em;margin-top:.2em}#submitCredit::placeholder{color:#6b5a48;opacity:1;font-weight:400}#sendSteps{width:min(100%,1040px);gap:22px;margin-top:8px}#sendSteps .step{padding:12px 12px 16px}#sendSteps .step b{font-size:25px}#sendSteps .step-pic{position:relative;aspect-ratio:2 / 1;overflow:hidden;container-type:inline-size;background:var(--kraft) var(--grain)}#sendSteps .send-step-scene{position:absolute;top:0;right:0;bottom:0;left:0;font-size:calc(100cqw / 24)}#sendSteps .send-step-card{position:absolute;left:18%;top:15%;width:11em;padding:.45em .45em 1.3em;background:var(--photo);box-shadow:.3em .35em 0 var(--shade);rotate:-3deg}#sendSteps .send-step-photo{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;background:#2e4593 repeating-linear-gradient(-35deg,transparent 0 .6em,rgba(255,255,255,.07) .6em .75em)}#sendSteps .clip-q{font-size:3.4em;-webkit-text-stroke-width:.07em;filter:url(#sticker)}#sendSteps .send-step-star{position:absolute;top:-1.5em;right:-1.5em;width:4em;height:4em;rotate:12deg}#sendSteps .send-step-player{width:auto;height:92%;color:var(--ticket)}#sendSteps .send-step-back{left:8%;top:22%;rotate:-10deg}#sendSteps .send-step-back+.send-step-card{left:40%;top:11%;rotate:4deg}#sendSteps .send-step-tag{position:absolute;left:54%;top:56%;padding:.15em .7em .25em 1.75em;background:var(--photo);border-radius:.2em;box-shadow:.12em .15em 0 var(--shade);rotate:8deg;font:700 2.4em/1 var(--hand);letter-spacing:-.04em;color:var(--pen)}#sendSteps .send-step-tag:before{content:"";position:absolute;left:.55em;top:50%;width:.5em;height:.5em;translate:0 -50%;border-radius:50%;background:var(--kraft);box-shadow:inset 0 0 0 .1em #b48c61}#sendSteps .send-step-ringed:after{content:"";position:absolute;top:-.3em;right:-.35em;bottom:-.25em;left:-.3em;border:.09em solid var(--pen);border-radius:50%;rotate:-5deg}#sendSteps li:last-child .send-step-card{left:7%;top:13%}#sendSteps .send-step-stamp{position:absolute;left:50%;bottom:.15em;translate:-50% 0;rotate:-9deg;padding:.12em .35em .05em;white-space:nowrap;border:.12em solid var(--stamp);border-radius:.15em;background:var(--photo);font:400 2.1em/1 var(--type);color:var(--stamp)}#sendSteps .send-step-jester{position:absolute;left:58%;top:9%;width:9.6em;height:9.6em;background:url(../jester/classic-win.webp) calc(9 / 23 * 100%) 0 / 2400% 100% no-repeat;filter:url(#sticker)}@media(min-width:761px)and (max-width:900px){#sendSteps{grid-template-columns:repeat(2,minmax(0,1fr))}}#screen-submit .send-form:has(>#submitThanks:not([hidden])){width:auto;padding:6px 0 0;background:none;box-shadow:none;rotate:0deg}#submitThanks{display:grid;gap:18px;justify-items:center}.send-privacy{display:block;font-size:13px;line-height:1.45;color:#6b5a48;text-align:left}.how{margin:0;padding-left:20px;font-size:16px;line-height:1.5}.field{display:grid;gap:4px;font-size:15px}.field input[type=text]{min-height:44px;padding:6px 10px;border:0;background:#fffefa;box-shadow:inset 0 0 0 2px #c9b497;font:700 22px var(--hand);color:var(--pen)}.field small{font-size:13px;color:#6b5a48}.field input[type=file]{font:400 14px var(--type)}.field input[type=file]::file-selector-button{min-height:44px;margin-right:12px;padding:8px 16px;border:0;border-radius:3px;background:var(--ticket);box-shadow:3px 4px 0 var(--shade);font:400 16px var(--type);color:var(--ink);cursor:pointer}.consent{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:15px;cursor:pointer}.consent input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--pen)}#submitSend{justify-self:start;margin-top:4px}.aside{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center}.aside .upload{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:44px}.room-box{display:grid;justify-items:center;gap:20px;width:100%}#roomBack{min-height:44px}#roomJoin{display:grid;justify-items:center;gap:22px;width:min(100%,460px)}.room-name{width:100%;text-align:left}#roomName{min-height:52px;font-size:28px}.room-have-code{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px 16px;width:100%;padding:16px 20px 18px;background:var(--photo);box-shadow:var(--lift);rotate:.6deg}.room-have-code .field{flex:1 1 200px;min-width:0;text-align:left}#roomCode{width:100%;min-width:0;font:400 30px var(--sticker);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}#roomCode::placeholder{color:#c9b497}.room-invite{display:grid;justify-items:center;gap:4px}#roomJoin[data-invite] #roomHaveCode{width:auto;padding:0;background:none;box-shadow:none;rotate:0deg}#roomJoin[data-invite] #roomHaveCode .field{display:none}#roomJoin[data-invite] #roomCreateRow{order:1}#roomJoin:has(#roomBoothCol:not([hidden])){grid-template-columns:auto minmax(0,460px);column-gap:52px;width:min(100%,860px);align-items:center}#roomJoin:has(#roomBoothCol:not([hidden]))>:not(#roomBoothCol){grid-column:2}#roomBoothCol{grid-column:1;grid-row:1 / span 3;display:grid;justify-items:center;gap:12px}#roomJoin[data-invite] #roomBoothCol{grid-row:1 / span 4}.room-booth{margin:0;width:250px;padding:10px 10px 4px;rotate:-2deg}.room-booth .washi{top:-13px;left:50%;translate:-50% 0;width:84px;height:24px;rotate:3deg}.room-booth-pic{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#16161d}#roomBoothView{display:block;width:100%;height:100%}.room-booth-ring{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;border:3px dashed var(--photo);box-shadow:0 0 0 400px var(--shade);pointer-events:none}.room-booth-count{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font:400 120px/1 var(--sticker);color:var(--ticket);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;filter:url(#die-cut)}.room-booth-count:empty{display:none}.room-booth-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--photo);opacity:0;pointer-events:none}.room-booth figcaption{font:700 24px/1.2 var(--hand);letter-spacing:-.03em;text-align:center}.room-booth-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px}#roomBoothGo{min-height:44px;padding:8px 18px 8px 36px;font-size:16px}#roomBoothGo:before{left:13px;width:10px;height:10px}#roomNoPhoto,#roomPhotoOff{min-height:44px}#roomPhotoOff{justify-self:start}#roomBoothCol:not([data-state=live]) .room-booth-ring{display:none}#roomBoothCol[data-state=off] #roomNoPhoto{display:none}#roomBoothCol .room-booth-note{display:block;max-width:32ch;font-size:13px;line-height:1.45;color:#6b5a48;text-align:center}@media(prefers-reduced-motion:no-preference){.room-booth-count.tick{animation:room-count .65s var(--ease) both}@keyframes room-count{0%{opacity:0;transform:scale(1.6) rotate(-10deg)}30%{opacity:1;transform:scale(1) rotate(-3deg)}}.room-booth-flash.go{animation:room-flash .45s ease-out both}@keyframes room-flash{0%{opacity:.95}to{opacity:0}}}@media(max-width:760px){#roomJoin:has(#roomBoothCol:not([hidden])){grid-template-columns:minmax(0,1fr)}#roomJoin:has(#roomBoothCol:not([hidden]))>:not(#roomBoothCol){grid-column:auto}#roomBoothCol,#roomJoin[data-invite] #roomBoothCol{grid-column:auto;grid-row:auto}#roomJoin[data-invite] #roomInvite{order:-1}.room-booth{width:190px}.room-booth figcaption{font-size:20px}.room-booth-count{font-size:88px}}.room-code-label{margin:0;font-size:16px}.room-code-tape .tape{font-size:30px;padding:5px 20px 7px 16px}.room-code{margin:0;padding:2px 6px 10px;font:400 clamp(80px,8.2vw,120px)/1 var(--sticker)}.room-code .letters{flex-wrap:nowrap}.room-code .letters span{margin-right:.05em}#screen-room:has(#roomLobby:not([hidden])){justify-content:flex-start;padding-top:96px}#roomLobby{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px 52px;width:min(100%,1240px);align-items:start;text-align:left}.room-side{display:grid;gap:26px;align-content:start;min-width:0}.room-door{display:flex;align-items:center;gap:34px}.room-code-card{flex:1 1 auto;display:grid;justify-items:start;gap:4px;min-width:0}.room-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.room-link{margin:0;font-size:15px;overflow-wrap:anywhere}#roomCopy{min-height:44px;padding:8px 18px 8px 36px;font-size:16px}#roomCopy:before{left:13px;width:10px;height:10px}.room-qr{flex:none;width:clamp(132px,10.5vw,156px);margin:0;padding:10px 10px 4px;rotate:2.5deg}.room-qr .washi{top:-13px;left:50%;translate:-50% 0;width:84px;height:24px;rotate:-4deg}.room-qr-code{display:block;aspect-ratio:1}.room-qr-code svg{display:block;width:100%;height:auto}.room-qr-code rect{fill:var(--photo)}.room-qr-code path{fill:var(--ink)}.room-qr figcaption{font:700 22px/1.2 var(--hand);letter-spacing:-.03em;text-align:center;white-space:nowrap}.room-cast-wrap{display:grid;gap:14px}.room-cast{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:flex-end}.room-seat{display:grid;justify-items:center;width:136px}.room-seat .face-jester{width:136px;height:136px;margin-bottom:-16px;filter:url(#sticker)}.room-seat-name{position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;padding:3px 14px 5px 12px;rotate:-2deg;background-color:color-mix(in srgb,var(--who) 50%,#EADDB9)}.room-seat:nth-child(2n) .room-seat-name{rotate:2deg}.room-seat-says{margin-top:4px;font-size:13px}.room-seat[data-ready=false] .room-seat-says{color:#6b5a48}.room-table .room-privacy{max-width:62ch;margin-top:4px;font-size:13px;line-height:1.45;color:#6b5a48}.room-table{display:grid;gap:18px}#roomHostRow,#roomGuestRow{display:grid;gap:16px;justify-items:start}.room-table .aside{display:block;text-align:left}.room-pick{width:100%;gap:10px}.room-step{font:700 30px/1 var(--hand);letter-spacing:-.045em}#roomModes{display:flex;gap:22px;align-items:flex-start;overflow:auto hidden;overscroll-behavior-x:contain;padding:26px 18px 20px;margin:-14px -18px -6px;scroll-snap-type:x proximity;scroll-padding-inline:18px;scrollbar-width:thin;scrollbar-color:#B48C61 transparent}#roomModes .clip{flex:0 0 auto;width:172px;padding:9px 9px 11px;scroll-snap-align:start}#roomModes .clip:nth-child(2n){rotate:1.4deg}#roomModes .clip .washi{top:-12px;width:60px;height:20px}#roomModes .clip-name{margin-top:2px;font-size:21px;overflow-wrap:anywhere;min-height:2em}#roomModes .clip-hint{font-size:13px}#roomModes .clip-q{font-size:46px}#roomModes .clip-star{top:-18px;right:-14px;width:52px;height:52px}#roomModes .clip[aria-checked=true]{translate:-2px -4px;box-shadow:9px 11px 0 var(--shade)}#roomModes .clip[aria-checked=true] .clip-star{display:block}.room-upload-card .clip-pic{background:var(--card) repeating-linear-gradient(-35deg,transparent 0 9px,rgba(255,255,255,.1) 9px 11px)}#roomModes[data-play=blind] .clip-pic img{display:none}#roomModes[data-play=blind] .clip-pic .clip-q{display:inline}#roomModes[data-play=normal] .clip-pic img{display:block}#roomModes[data-play=normal] .clip-pic:has(img) .clip-q{display:none}.room-switch{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}#roomPlayMode{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:var(--photo);box-shadow:var(--lift);rotate:-1deg}#roomPlayMode .mode{width:auto;min-width:120px;min-height:48px;padding:6px 20px 8px;place-items:center;text-align:center;background:none;box-shadow:none;rotate:0deg;transition:background-color .18s var(--ease)}#roomPlayMode .mode b{font-size:26px}#roomPlayMode .mode span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#roomPlayMode .mode:hover{transform:none;background:#f4ebdd}#roomPlayMode .mode[aria-checked=true]{background:var(--ticket);box-shadow:inset 0 0 0 2px var(--ink)}.room-play-says{margin:0;flex:1 1 180px;font-size:15px}#roomDeal{margin-top:4px}#roomGuestRow .note-wrap{max-width:min(520px,100%)}#roomReady{margin-top:6px}.room-stamp{position:absolute;z-index:2;top:50%;right:-40px;translate:0 -50%;padding:2px 10px 5px;pointer-events:none;font:400 24px/1 var(--sticker);color:var(--stamp);background:var(--photo);border:3px solid var(--stamp);border-radius:5px;box-shadow:3px 4px 0 var(--shade);rotate:-14deg;opacity:0;scale:1.5}#roomReady[aria-pressed=true] .room-stamp{opacity:1;scale:1}.room-chat{filter:drop-shadow(4px 5px 0 var(--shade));min-width:0}.room-chat-page{--lh: 32px;display:grid;padding:22px 20px 16px 54px;rotate:.5deg;background-color:#fffefa;background-image:linear-gradient(90deg,transparent 38px,#EE9C9C 38px 40px,transparent 40px),repeating-linear-gradient(to bottom,transparent 0 calc(var(--lh) - 2px),#C3D2F1 calc(var(--lh) - 2px) var(--lh));background-position:0 0,0 22px;clip-path:polygon(0 7px,5% 1px,10% 6px,16% 0,23% 5px,29% 1px,36% 7px,42% 2px,49% 5px,56% 0,62% 6px,69% 2px,75% 6px,82% 0,88% 5px,94% 1px,100% 6px,100% 100%,0 100%)}.room-chat-head{margin:0;font:700 30px/var(--lh) var(--hand);letter-spacing:-.045em;color:var(--ink)}.room-chat-lines{height:calc(var(--lh) * 3);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C3D2F1 transparent}.room-chat-log{list-style:none;margin:0;padding:0}.room-chat-log li,.room-chat-empty{margin:0;font:700 22px/var(--lh) var(--hand);letter-spacing:-.02em;color:var(--pen);overflow-wrap:anywhere}.room-chat-log b{color:var(--ink)}.room-chat-empty{color:#6b5a48}.room-chat-form{display:flex;gap:10px;align-items:center;min-width:0;padding-top:6px}#roomChatText{flex:1 1 auto;min-width:0;min-height:44px;padding:4px 2px;border:0;border-bottom:2px dashed #C9B497;background:transparent;font:700 22px var(--hand);letter-spacing:-.02em;color:var(--pen)}#roomChatText::placeholder{color:#9a8b7a}#roomChatSend{min-height:44px;padding:8px 18px 8px 36px;font-size:16px}#roomChatSend:before{left:13px;width:10px;height:10px}@media(prefers-reduced-motion:no-preference){#roomLobby:not([hidden]) .room-code .letters span,#roomInvite:not([hidden]) .room-code .letters span{animation:slap .42s var(--ease) both;animation-delay:var(--d, 0s)}.room-qr-code svg{animation:room-qr-in .3s var(--ease) both}@keyframes room-qr-in{0%{opacity:0}}.room-seat{animation:room-seat-in .45s var(--ease) both}@keyframes room-seat-in{0%{opacity:0;transform:translateY(16px) scale(.92)}}.room-stamp{transition:opacity .1s linear,scale .2s cubic-bezier(.3,1.4,.5,1)}.room-chat-log li:last-child{animation:room-line-in .25s var(--ease) both}@keyframes room-line-in{0%{opacity:0;transform:translateY(6px)}}}@media(max-width:900px){#roomLobby{grid-template-columns:minmax(0,1fr)}.room-side{display:contents}.room-door{order:1;justify-content:center}.room-cast-wrap{order:2}.room-table{order:3}.room-chat{order:4}}@media(max-width:760px){.room-door{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tape tape" "code code" "qr link";gap:6px 18px;align-items:center;justify-items:center}.room-code-card{display:contents}.room-door .room-code-tape{grid-area:tape}.room-door .room-code{grid-area:code}.room-code{font-size:clamp(64px,20vw,100px)}.room-qr{grid-area:qr;width:132px;margin-top:8px}.room-qr figcaption{font-size:20px}.room-link-row{grid-area:link;flex-direction:column;align-items:flex-start;justify-self:start}.room-cast{justify-content:center;gap:6px 14px}.room-seat{width:100px}.room-seat .face-jester{width:100px;height:100px;margin-bottom:-10px}.room-seat-name{font-size:21px}#roomModes{gap:16px}#roomModes .clip{width:150px}#roomHostRow,#roomGuestRow{justify-items:stretch}.room-chat-lines{height:calc(var(--lh) * 4)}.room-stamp{right:6px}.room-chat-page{padding:20px 14px 14px 48px;background-image:linear-gradient(90deg,transparent 34px,#EE9C9C 34px 36px,transparent 36px),repeating-linear-gradient(to bottom,transparent 0 calc(var(--lh) - 2px),#C3D2F1 calc(var(--lh) - 2px) var(--lh));background-position:0 0,0 20px}}.cast{display:grid;gap:14px;width:min(480px,100%)}.who{display:grid;grid-template-columns:30px auto minmax(0,1fr);align-items:center;gap:12px;text-align:left}.who-dot{width:30px;height:30px;border-radius:50%;background:var(--who);filter:url(#sticker)}.who{grid-template-columns:44px auto minmax(0,1fr)}button.who-dot{width:44px;height:44px;border:0;padding:0;cursor:pointer;transition:transform .15s var(--ease)}button.who-dot:hover{transform:rotate(-10deg) scale(1.08)}button.who-dot:focus-visible{outline:3px solid var(--pen);outline-offset:3px}.who-label{font-size:15px;white-space:nowrap}.who input{min-width:0;width:100%;min-height:52px;padding:8px 14px;background:var(--photo);border:0;box-shadow:3px 4px 0 var(--shade);font:700 26px var(--hand);letter-spacing:-.03em;color:var(--pen)}.who input::placeholder{color:#9a8b7a}.cast-count{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.speed{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.speed-label{margin-right:4px}#screen-handover{gap:18px}.pass{margin:0;font:400 clamp(20px,2.2vw,26px) var(--type)}.name{margin:0;font:400 clamp(72px,12vw,160px)/1 var(--sticker)}.stage-wrap{width:min(100%,1060px,calc((100vh - 360px) * 16 / 9 + 140px));width:min(100%,1060px,calc((100dvh - 360px) * 16 / 9 + 140px))}.box{--rim: 20px;--band: 7px;--edge: calc(var(--rim) + var(--band));--ceil: 26px;--side: 34px;--floor: 46px;position:relative;padding:var(--edge)}.board-wrap{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(7px 9px 0 var(--shade));pointer-events:none}.board{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card) var(--grain);clip-path:polygon(0 .6%,22% 0,51% .5%,78% 0,100% .4%,99.6% 30%,100% 62%,99.5% 100%,70% 99.4%,38% 100%,.4% 99.5%,0 64%,.5% 31%)}.board:after{content:"";position:absolute;inset:var(--rim);background:var(--flute) top left / 10px var(--band) repeat-x,var(--flute) bottom left / 10px var(--band) repeat-x,repeating-linear-gradient(90deg,#9c6b3c 0,#9c6b3c 1px,#e4c595 1px,#e4c595 3.5px)}.inside{position:relative;padding:var(--ceil) var(--side) var(--floor)}.walls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-style:solid;border-width:var(--ceil) var(--side) var(--floor);border-color:var(--ceil-c) var(--side-c) var(--floor-c)}.stage{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#16161d;box-shadow:0 0 0 2px #1e1b1866}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.valance{--val: 42px;position:absolute;z-index:3;top:calc(var(--ceil) - var(--val));left:0;right:0;height:var(--val);filter:drop-shadow(0 5px 0 var(--shade));pointer-events:none}.valance i{display:block;height:100%;background:#4f7bf0 radial-gradient(circle,#FFFFFF 3.2px,transparent 3.8px) 0 0 / 17px 17px;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 15px) no-repeat,radial-gradient(circle at 50% 0,#000 14.5px,transparent 15px) bottom left / 30px 15px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 15px) no-repeat,radial-gradient(circle at 50% 0,#000 14.5px,transparent 15px) bottom left / 30px 15px repeat-x}.curtain{position:absolute;z-index:2;top:0;bottom:calc(var(--floor) * .4);width:calc(var(--side) + 46px);filter:drop-shadow(4px 5px 0 var(--shade));pointer-events:none}.curtain i{display:block;height:100%;background-color:#fff4e8;background-image:linear-gradient(90deg,rgba(217,58,43,.5) 50%,transparent 50%),linear-gradient(rgba(217,58,43,.5) 50%,transparent 50%);background-size:20px 20px}.curtain.l{left:0}.curtain.r{right:0}.curtain.l i{clip-path:polygon(0 0,100% 0,96% 8%,86% 18%,70% 30%,54% 42%,42% 52%,38% 57%,42% 63%,52% 74%,63% 86%,72% 100%,0 100%)}.curtain.r i{clip-path:polygon(100% 0,0 0,4% 8%,14% 18%,30% 30%,46% 42%,58% 52%,62% 57%,58% 63%,48% 74%,37% 86%,28% 100%,100% 100%)}.drapes{--curtain-ms: .9s;position:absolute;z-index:2;inset:0 0 calc(var(--floor) * .4);overflow:hidden;pointer-events:none}.drape{position:absolute;top:0;bottom:0;width:calc(50% + 2px);transition:translate var(--curtain-ms) cubic-bezier(.3,.7,.2,1)}.drape.l{left:0;translate:-101% 0;filter:drop-shadow(5px 0 0 var(--shade))}.drape.r{right:0;translate:101% 0;filter:drop-shadow(-5px 0 0 var(--shade))}.drape i{display:block;height:100%;background-color:#fff4e8;background-image:repeating-linear-gradient(90deg,rgba(30,27,24,.07) 0 3px,transparent 3px 46px),linear-gradient(90deg,rgba(217,58,43,.5) 50%,transparent 50%),linear-gradient(rgba(217,58,43,.5) 50%,transparent 50%);background-size:auto,20px 20px,20px 20px}.box.closed .drape{translate:0 0}#revealStage{transition:opacity .9s cubic-bezier(.3,.7,.2,1)}.box.closed #revealStage{opacity:0}.screen.leaving{opacity:0;transition:opacity .22s ease-out}.screen.arriving{animation:arrive .22s ease-out both}@keyframes arrive{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.drape,#revealStage{transition:none}.screen.arriving{animation:none}}.curtain .washi{top:calc(57% - 13px);width:62%;height:24px}.curtain.l .washi{left:-6px;rotate:-10deg}.curtain.r .washi{right:-6px;rotate:9deg}#screen-turn{justify-content:flex-start;gap:16px}.turn-head{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:center}.turn-head .tape{background-color:color-mix(in srgb,var(--who) 55%,#EADDB9)}.turn-head .note{--lh: 32px;font-size:24px;padding:18px 20px 12px 52px}#youCanvas{opacity:0;transition:opacity .4s var(--ease);object-fit:cover}#screen-turn[data-state=play] #youCanvas{opacity:1}#screen-turn[data-state=play] #guideCanvas{top:0;right:50%;bottom:0;left:0;width:50%}#screen-turn[data-state=play] #youCanvas{top:0;right:0;bottom:0;left:50%;width:50%}#screen-turn[data-state=play] .stage:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:#ffffff40}#screen-turn[data-state=part] .stage-wrap{width:min(100%,760px,calc((100vh - 500px) * 16 / 9 + 140px));width:min(100%,760px,calc((100dvh - 500px) * 16 / 9 + 140px))}.count{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;pointer-events:none;font:400 clamp(110px,18vw,240px)/1 var(--sticker);color:var(--stamp);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;filter:url(#die-cut)}.part-panel{display:grid;gap:10px;justify-items:center}.part-ask{margin:0}#screen-turn[data-state=play] .part-panel,#screen-turn[data-state=play] .turn-secret,.play-hint{display:none}#screen-turn[data-state=play] .play-hint{display:block}.play-hint .note{--lh: 32px;font-size:24px;padding:16px 20px 10px 52px}.drum{position:relative;width:170px;height:150px}.drum i{position:absolute;left:20px;right:20px;bottom:0;height:96px;background:repeating-linear-gradient(90deg,var(--stamp) 0 14px,var(--photo) 14px 28px);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);filter:drop-shadow(4px 5px 0 var(--shade))}.drum i:before{content:"";position:absolute;left:0;right:0;top:-1px;height:22px;background:#fffefa;border-radius:50%;box-shadow:inset 0 0 0 3px var(--ink)}.drum b{position:absolute;top:0;width:10px;height:92px;background:#f2c14e;border:2px solid var(--ink);border-radius:5px 5px 2px 2px;transform-origin:50% 100%}.drum b:nth-of-type(1){left:42px;rotate:-30deg}.drum b:nth-of-type(2){right:42px;rotate:30deg}#screen-reveal{gap:18px}.reveal-wrap{width:min(100%,1240px,calc((100vh - 460px) * 16 / 9 + 140px));width:min(100%,1240px,calc((100dvh - 460px) * 16 / 9 + 140px))}#revealStage{object-fit:contain}progress{width:min(100%,420px);height:12px;accent-color:var(--pen)}.results-head{display:flex;align-items:center;gap:18px;justify-content:center}.wins{margin:0;font:400 clamp(56px,8vw,104px)/1 var(--sticker)}.results-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:40px;align-items:center;width:min(100%,1240px)}.print{position:relative;background:var(--photo);box-shadow:var(--lift);padding:12px 12px 34px;rotate:-1deg}.film .washi{top:-14px;left:40%;width:96px;height:26px;rotate:2deg}#resultsVideo{width:100%;aspect-ratio:16 / 9;height:auto;display:block;background:#16161d}.podium{list-style:none;margin:0;padding:0;display:grid;gap:22px;text-align:left;width:min(100%,460px);justify-self:center}.place{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:14px}.place-who{display:grid;justify-items:start;gap:4px}.place-rank{font-size:15px}.place-who .tape{font-size:30px;padding:4px 18px 6px 14px;background-color:color-mix(in srgb,var(--who) 45%,#EADDB9)}.place-part{font-size:15px}.place-score{font:400 52px/1 var(--sticker);color:var(--who);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;filter:url(#die-cut)}.place.won .place-score{font-size:64px}.badge{width:110px;height:110px;display:grid;place-items:center}.badge .face-jester{width:130px;height:130px;filter:url(#sticker)}.place.won .badge .face-jester{width:150px;height:150px}#resultsSave{color:var(--ink)}.puppet{position:relative;width:150px;height:190px}.puppet.small{width:120px;height:150px}.jester{position:absolute;left:0;top:0;width:150px;height:150px;background:0 0 / 3600px 150px no-repeat;filter:url(#sticker)}.puppet.small .jester{width:120px;height:120px;background-size:2880px 120px}.jester-dance{background-image:url(../jester/classic-dance.webp)}.jester-win{background-image:url(../jester/classic-win.webp)}.stick{position:absolute;left:calc(50% - 9px);top:62%;bottom:0;width:18px;background-color:var(--wood);background-image:linear-gradient(90deg,transparent 28%,rgba(150,98,40,.35) 28% 34%,transparent 34% 62%,rgba(150,98,40,.3) 62% 67%,transparent 67%);border:2.5px solid var(--ink);border-radius:9px;box-shadow:3px 4px 0 var(--shade)}#screen-crown{gap:14px}.crown-head{display:flex;align-items:center;justify-content:center;gap:18px;min-height:120px}.crown-head .drum{width:120px;height:110px}.crown-head .drum i,.crown-head .drum b{height:70px}.crown-wrap{width:min(100%,1180px,max(320px,calc((100vh - 460px) * 16 / 9 + 140px)));width:min(100%,1180px,max(320px,calc((100dvh - 460px) * 16 / 9 + 140px)))}.crown-stage{background:#2e4593 linear-gradient(transparent 82%,#93613a 82%)}.cast-row{position:absolute;top:2%;right:6%;bottom:3%;left:6%;display:flex;align-items:flex-end;justify-content:space-evenly;gap:2%}.cast-slot{margin:0;flex:1 1 0;min-width:110px;max-width:min(40%,72vh);display:grid;justify-items:center;gap:2px;transition:transform .5s var(--ease),opacity .5s var(--ease)}.crown-stage .cast-slot .face-jester{position:static;inset:auto;width:100%;height:auto;aspect-ratio:1;filter:url(#sticker)}.cast-slot .tape{font-size:clamp(18px,2.2vw,28px);padding:4px 16px 6px 12px;background-color:color-mix(in srgb,var(--who) 50%,#EADDB9)}.spot{position:absolute;top:0;right:0;bottom:0;left:50%;width:0;pointer-events:none}.spot:before{content:"";position:absolute;top:-10%;bottom:-10%;left:-1200px;width:2400px;background:radial-gradient(ellipse 210px 62% at 50% 62%,#fff4c838 0,#fff4c838 60%,#0a0c1e9e)}#screen-crown[data-phase=won] .spot:before{background:radial-gradient(ellipse 260px 70% at 50% 60%,#fff4c84d 0,#fff4c84d 62%,#0a0c1e73)}.cast-slot.won{transform:scale(1.12) translateY(-4%);z-index:2}.cast-slot.lost{opacity:.85}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;border:2.5px dashed var(--ink);border-radius:10px;background:var(--photo);box-shadow:3px 4px 0 var(--shade);overflow:hidden}progress::-webkit-progress-bar{background:var(--photo)}progress::-webkit-progress-value{background:repeating-linear-gradient(-45deg,var(--ticket) 0 8px,var(--stamp) 8px 16px)}progress::-moz-progress-bar{background:repeating-linear-gradient(-45deg,var(--ticket) 0 8px,var(--stamp) 8px 16px)}.jbar{--p: 0;--run: 64px;position:relative;container-type:inline-size;width:min(100%,440px);height:calc(var(--run) + 4px)}.jbar-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.jbar-track{position:absolute;left:calc(var(--run) / 2);right:calc(var(--run) / 2);bottom:0;height:18px;background:var(--photo);border:2.5px dashed var(--ink);border-radius:10px;box-shadow:3px 4px 0 var(--shade);overflow:hidden}.jbar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,var(--ticket) 0 8px,var(--stamp) 8px 16px);clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);transition:clip-path .3s linear}.jbar-runner{position:absolute;left:0;bottom:13px;width:var(--run);height:var(--run);background:url(../jester/classic-run.webp) 0 0 / calc(16 * var(--run)) var(--run) no-repeat;transform:translate(calc(var(--p) * (100cqw - var(--run))));transition:transform .3s linear;filter:drop-shadow(2px 3px 0 var(--shade))}#solo .jbar,#submitForm .jbar{width:100%}@media(prefers-reduced-motion:reduce){.jbar-fill,.jbar-runner{transition:none}}.game-nav{position:fixed;z-index:20;top:14px;left:14px}.tab-btn{display:grid;justify-items:center;gap:0;min-height:44px;padding:0 6px 2px;border:0;cursor:pointer;background:none;font:400 15px var(--type);color:var(--ink);rotate:-3deg;filter:drop-shadow(3px 4px 0 var(--shade));transition:transform .15s var(--ease)}.tab-btn .tent{width:76px;height:auto;display:block}.tent-label{margin-top:-2px;padding:0 8px;background:var(--photo);box-shadow:0 1px 0 var(--shade)}.tab-btn:focus-visible{outline:3px solid var(--pen);outline-offset:3px}.tab-btn:hover{transform:translateY(-2px) rotate(2deg) scale(1.06)}.leave{border:0;padding:0;background:none;overflow:visible}.leave::backdrop{background:#1e1b1873}.leave[open]{display:grid;gap:18px;justify-items:center}#screen-turn .stage-wrap{position:relative}.restart{position:absolute;z-index:8;right:0;top:0;translate:14px -42%;display:grid;gap:6px;justify-items:end}.restart .btn-quiet{min-height:60px;font-size:22px;padding:12px 26px 12px 46px;box-shadow:6px 7px 0 var(--shade);rotate:-1.5deg}.restart-bar{width:240px;height:8px;background:#fffefa99;box-shadow:2px 3px 0 var(--shade);overflow:hidden}.restart-bar i{display:block;height:100%;background:var(--stamp);transform-origin:left}.restart.running .restart-bar i{animation:drain var(--window, 5s) linear forwards}@keyframes drain{to{transform:scaleX(0)}}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;width:min(100%,1160px);counter-reset:step}.step{position:relative;display:grid;gap:8px;align-content:start;padding:14px 14px 18px;background:var(--photo);box-shadow:var(--lift);text-align:left;rotate:-1.2deg;counter-increment:step}.step:nth-child(2n){rotate:1.2deg}.step:before{content:counter(step);position:absolute;top:-18px;left:-14px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--ticket);font:400 26px var(--sticker);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;color:var(--ticket);filter:url(#sticker)}.step-pic{display:grid;place-items:center;aspect-ratio:16 / 10;background:#2e4593;color:var(--ticket)}.step-pic svg{width:62%;height:80%}.step b{font:700 28px/1 var(--hand);letter-spacing:-.045em}.step>span:last-child{font-size:15px;line-height:1.4}@media(prefers-reduced-motion:no-preference){.screen:not([hidden])>*{animation:land .45s var(--ease) both}.screen:not([hidden])>*:nth-child(2){animation-delay:.06s}.screen:not([hidden])>*:nth-child(3){animation-delay:.12s}.screen:not([hidden])>*:nth-child(4){animation-delay:.18s}@keyframes land{0%{opacity:0;transform:translateY(14px) rotate(-1deg)}}.count.tick{animation:tick 1s var(--ease) both}@keyframes tick{0%{transform:scale(1.6) rotate(-10deg);opacity:0}18%{transform:scale(1) rotate(-3deg);opacity:1}85%{opacity:1}to{opacity:0;transform:scale(.9) rotate(-3deg)}}.drum:not([hidden]) b:nth-of-type(1){animation:tapL .12s linear infinite alternate}.drum:not([hidden]) b:nth-of-type(2){animation:tapR .12s linear infinite alternate .06s}@keyframes tapL{to{rotate:-14deg}}@keyframes tapR{to{rotate:14deg}}.place{animation:land .5s var(--ease) both;animation-delay:calc(var(--i) * .2s + .3s)}.wins .letters span{animation:slap .4s var(--ease) both;animation-delay:calc(var(--n) * .05s)}@keyframes slap{0%{opacity:0;transform:scale(1.8) rotate(12deg)}}.jbar-fill{animation:march .6s linear infinite}@keyframes march{to{background-position:22.63px 0}}.jbar-runner{animation:run-cycle .66s steps(16) infinite}@keyframes run-cycle{to{background-position-x:calc(-16 * var(--run))}}.jester{animation:strip 1s steps(24) infinite}.jester-win{animation-iteration-count:3;animation-fill-mode:forwards}@keyframes strip{to{background-position-x:-3600px}}.puppet.small .jester{animation-name:strip-small}@keyframes strip-small{to{background-position-x:-2880px}}}.ride{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:8px;background:#cda882eb var(--grain);opacity:0;transition:opacity .2s ease-out;cursor:pointer}#screen-cast.ride-arrive>*{animation:none}.ride.ride-open{opacity:1}.ride-stage{--card-w: 150px;position:relative;width:min(800px,94vw);height:540px;perspective:1300px;perspective-origin:50% 30%}.ride-canopy{position:absolute;z-index:3;left:50%;top:0;width:80%;translate:-50% 0;filter:drop-shadow(5px 6px 0 var(--shade))}.ride-floor{position:absolute;left:50%;bottom:6px;width:84%;height:92px;translate:-50% 0;border-radius:50%;background:var(--wood);box-shadow:inset 0 0 0 5px var(--ink),5px 6px 0 var(--shade)}.ride-ring{position:absolute;left:50%;top:292px;width:0;height:0;transform-style:preserve-3d}.ride-mast{position:absolute;left:-8px;top:-190px;height:330px;width:16px;background:var(--gold);box-shadow:inset 0 0 0 3px var(--ink)}.ride-slot{position:absolute;left:calc(var(--card-w) / -2);top:-40px;width:var(--card-w);transform-style:preserve-3d}.ride-pole{position:absolute;left:50%;top:-84px;height:296px;width:7px;margin-left:-3.5px;background:var(--gold);box-shadow:inset 0 0 0 2px var(--ink);transform:translateZ(-3px)}.ride-card{position:relative;transform-style:preserve-3d}.ride-face,.ride-back{display:grid;gap:2px;padding:6px 6px 8px;background:var(--photo);box-shadow:4px 5px 0 var(--shade);backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:left}.ride-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);background:#fffefa}.ride-face .clip-q{font-size:48px;-webkit-text-stroke-width:3px}.ride-name{min-height:1.1em;font:700 20px/1.1 var(--hand);letter-spacing:-.04em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ride-star{position:absolute;z-index:2;top:-20px;right:-18px;width:52px;height:52px;rotate:12deg;filter:drop-shadow(3px 4px 0 var(--shade));transform:scale(0)}.ride-note-wrap{opacity:0;max-width:min(520px,92vw)}@media(prefers-reduced-motion:reduce){.ride{transition:none}}@media(max-width:760px){.ride-stage{--card-w: 80px;height:330px;perspective:900px}.ride-ring{top:172px}.ride-mast{top:-100px;height:196px}.ride-mast{left:-7px;width:14px}.ride-pole{top:-60px;height:212px}.ride-floor{height:60px}.ride-face .clip-q{font-size:30px}.ride-name{font-size:15px}}@media(max-width:760px){body{font-size:16px}.screen{gap:18px;justify-content:flex-start;padding-top:28px}.note{--lh: 32px;font-size:24px;padding:18px 18px 12px 50px}.results-grid{grid-template-columns:minmax(0,1fr)}.box{--rim: 12px;--band: 5px;--ceil: 16px;--side: 18px;--floor: 26px}.curtain{width:calc(var(--side) + 22px)}.valance{--val: 26px}.stage{aspect-ratio:3 / 4}.stage-wrap,.reveal-wrap{width:100%}#screen-turn[data-state=part] .stage-wrap{width:min(100%,calc(24vh + 70px))}.reveal-wrap .stage{aspect-ratio:16 / 9}.btn-main{width:100%}.btn-main .ticket{width:100%;justify-content:center}#bank{display:flex;gap:22px;overflow:auto hidden;scroll-snap-type:x proximity;scroll-padding-inline:14px;margin:-14px -16px -10px;padding:24px 16px 18px;width:calc(100% + 32px)}#bank .clip{flex:0 0 auto;width:56vw}#bank .clip-name{min-height:0}#surpriseCard{grid-template-columns:42% 1fr;grid-template-rows:1fr auto;column-gap:12px;align-items:center}#surpriseCard .clip-pic{grid-row:1 / 3}#surpriseCard .clip-name{align-self:end;margin:0;font-size:28px}#surpriseCard .clip-hint{align-self:start;font-size:14px}#surpriseCard .clip-q{font-size:56px}#startFoot{flex-direction:column;align-items:stretch}.send-card{flex:0 0 auto}#screen-start>*{width:100%}#screen-start .masthead{width:auto}#surpriseCard .clip-star{right:0}#startMode{grid-template-columns:minmax(0,1fr)}#countRow,#modeRow,#howPick{grid-area:auto;justify-self:stretch}#startMode{row-gap:10px}.start-q{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:6px;text-align:center}.start-ask{justify-self:center;font-size:19px}.start-pick{justify-content:center;gap:6px}.start-pick .chip{padding:6px 10px;font-size:15px}.start-says{grid-column:1;font-size:14px}#screen-start .start-q .modes-pick{justify-self:stretch}#startActions{justify-content:center}#screen-submit .send-form{padding:20px 18px 22px}#submitForm{grid-template-columns:minmax(0,1fr)}#sendSteps{gap:16px}#sendSteps .step{grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;row-gap:2px;padding:8px 10px 10px 8px}#sendSteps .step-pic{grid-row:1 / 3;align-self:center}#sendSteps .step b{font-size:22px;align-self:end}#sendSteps .step>span:last-child{font-size:14px}.side-nav{top:8px;right:8px;gap:8px}.side-nav .btn-quiet{min-height:40px;padding:6px 12px 6px 30px;font-size:14px}.side-nav .btn-quiet:before{left:11px}body[data-screen=start] .screen{padding-top:68px}.modes-pick{gap:12px}.mode b{font-size:26px}#screen-start .modes-pick{width:100%}#screen-start .mode{min-width:0;padding:8px 10px 10px}#screen-start .mode b{font-size:24px}.restart{right:50%;top:auto;bottom:0;translate:50% 60%;justify-items:center}.place{grid-template-columns:84px 1fr auto}.place-score,.place.won .place-score{font-size:40px}.place.won .place-score{font-size:48px}.badge{width:84px;height:84px}.badge .face-jester{width:92px;height:92px}.place.won .badge .face-jester{width:104px;height:104px}.crown-head{min-height:90px}.steps{grid-template-columns:minmax(0,1fr);gap:22px}.step-pic{aspect-ratio:16 / 7}.game-nav{top:8px;left:8px}body:not([data-screen=start]):not([data-screen=howto]) .screen{padding-top:100px}.crown-wrap .stage{aspect-ratio:4 / 5}.cast-row{flex-wrap:wrap;align-content:flex-end}.cast-slot{flex:1 1 40%;max-width:48%}}#solo{max-width:1040px;margin:0 auto;padding:16px}#solo .panel{background:var(--photo);box-shadow:var(--lift);padding:16px;margin-bottom:16px}#solo .row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:10px}#solo button{background:var(--ticket);border:2px solid var(--ink);border-radius:4px;padding:8px 16px;cursor:pointer}#solo button:disabled{opacity:.4;cursor:default}#solo progress{width:100%}#solo .modes{display:flex;gap:8px;margin:0 0 12px}#solo .tab:not(.on){background:var(--photo)}#solo #blind h3{margin:18px 0 8px}#solo #blindNames input,#solo #onlineName,#solo #onlineCode{margin-right:6px;padding:6px 8px;border:2px solid var(--ink);border-radius:4px;background:var(--photo)}.solo-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px}#solo figure{margin:0;background:#000;overflow:hidden;position:relative}#solo figure canvas{width:100%;display:block}#solo figcaption{position:absolute;top:8px;left:10px;font-size:.9rem;background:#fff;padding:2px 8px}.countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:8rem;background:#0006;color:#fff;pointer-events:none}.hidden{display:none!important}#solo table{border-collapse:collapse;margin:8px 0 16px}#solo td{padding:2px 12px 2px 0}.bar{display:inline-block;height:8px;background:var(--ink);border-radius:4px}#revealCanvas,#revealVideo{width:100%;max-width:640px;display:block;background:#000}#blindCanvas,#blindVideo{width:100%;max-width:960px;background:#000}#blindBoard td{padding:4px 12px 4px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.reveal-pace{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px}.reveal-pace .btn-quiet{white-space:nowrap}.framing-hint{position:absolute;z-index:6;left:50%;bottom:6%;translate:-50% 0;max-width:86%;pointer-events:none;padding:10px 18px 12px;background:var(--photo);box-shadow:var(--lift);rotate:-1deg;font:400 clamp(17px,1.8vw,24px)/1.3 var(--type);color:var(--ink);text-align:center}.framing-hint.late{pointer-events:auto;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.fit-frame{position:absolute;z-index:3;pointer-events:none;border:3px dashed rgba(255,254,250,.9);box-shadow:0 0 0 1px #1e1b1873,inset 0 0 0 1px #1e1b1873;transition:left .25s linear,top .25s linear,width .25s linear,height .25s linear,opacity .4s var(--ease),border-color .3s var(--ease)}.fit-frame:before,.fit-frame:after{content:"";position:absolute;width:42px;height:14px;background:#eaddb9 repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 3px,transparent 3px 10px);box-shadow:1px 2px 0 var(--shade)}.fit-frame:before{top:-9px;left:-16px;rotate:-38deg}.fit-frame:after{bottom:-9px;right:-16px;rotate:-38deg}.fit-frame[data-fit=good]{border-style:solid;border-color:var(--who)}#fitFrame[data-phase=turn]{opacity:.45}#fitFrame[data-phase=framing]{border-width:4px;box-shadow:0 0 0 2px #1e1b1899,inset 0 0 0 2px #1e1b1899}#screen-turn[data-state=play] .framing-hint{left:50%;max-width:min(92%,620px);font-size:clamp(15px,1.6vw,21px)}@media(prefers-reduced-motion:reduce){.fit-frame{transition:none}}#lostNotice{position:absolute;z-index:5;left:50%;bottom:6%;translate:-50% 0;max-width:80%;pointer-events:none}.place-who .aside{text-align:left}#clipReady{position:fixed;z-index:30;left:14px;bottom:14px;width:min(420px,calc(100vw - 28px));display:grid;gap:10px;justify-items:start}#clipReady .note{--lh: 30px;font-size:22px;padding:16px 18px 10px 50px}#clipReady .row-actions{justify-content:flex-start;gap:12px;padding-left:8px}#clipReady .link{background:var(--photo);box-shadow:var(--lift);padding:8px 14px}body[data-screen=turn] #clipReady{display:none}@media(max-width:760px){#clipReady{left:8px;right:8px;top:62px;bottom:auto;width:auto}}.ico{width:1.45em;height:1.45em;flex:none;overflow:visible}.btn-quiet:has(>.ico){gap:.45em;padding-left:.85em}.btn-quiet:has(>.ico):before{display:none}.link>.ico,.aside a>.ico,.library-find>span>.ico{margin-right:.35em;vertical-align:-.42em}#soundToggle[aria-pressed=true] .ico-off,#soundToggle[aria-pressed=false] .ico-on{display:none}.btn-main>.ico{display:none}#roomCopy:has(>.ico),#roomChatSend:has(>.ico){padding-left:.85em}.restart .btn-quiet{white-space:nowrap}@media(max-width:760px){.restart .btn-quiet{font-size:20px}}#screen-start{position:relative;isolation:isolate}.home-drift{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.drift-prop{position:absolute;width:var(--s);height:var(--s);overflow:visible;rotate:var(--r);filter:url(#die-cut-prop)}@media(prefers-reduced-motion:no-preference){body:not(.calm) .drift-prop{animation:home-drift var(--d) ease-in-out var(--t) infinite alternate}}@keyframes home-drift{0%{translate:-4px -10px;transform:rotate(-4deg)}to{translate:5px 10px;transform:rotate(5deg)}}@media(max-width:1100px){.home-drift{display:none!important}}#screen-settings{justify-content:flex-start;gap:24px}.set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px 26px;width:min(100%,1080px);text-align:left}.set-card{position:relative;display:grid;gap:12px;align-content:start;padding:26px 22px 18px;background:var(--photo);box-shadow:var(--lift);rotate:-.6deg}.set-card:nth-child(2n){rotate:.5deg}.set-card .washi{top:-13px;left:26px;width:86px;height:24px;rotate:-3deg}.set-card h3{margin:0;display:flex;align-items:center;gap:10px;font:700 26px/1 var(--hand);letter-spacing:-.045em}.set-card h3 .ico{width:30px;height:30px;flex:none}.set-card .aside{justify-content:flex-start;text-align:left;color:#6b5a48}.set-card .how{font-size:15px}.set-saved{grid-column:1 / -1}.set-rules .ico{width:18px;height:18px;vertical-align:-3px;margin-right:6px}.set-rules{list-style:none;padding-left:0}.set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font:400 16px var(--type);cursor:pointer}.set-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:58px;height:32px;margin:0;border:3px solid var(--ink);background:var(--photo);box-shadow:2px 3px 0 var(--shade);cursor:pointer}.set-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--ink);transition:translate .18s var(--ease)}.set-switch:checked{background:var(--ticket)}.set-switch:checked:after{translate:26px 0}.set-range{width:55%;accent-color:var(--pen)}.set-select{min-height:44px;padding:6px 10px;border:0;background:#fffefa;box-shadow:inset 0 0 0 2px #c9b497;font:400 16px var(--type);color:var(--ink)}:is(.set-switch,.set-range,.set-select):focus-visible{outline:3px solid var(--pen);outline-offset:3px}html[data-motion=calm] .drift-prop{animation:none!important}html[data-motion=full] .drift-prop{animation:home-drift var(--d) ease-in-out var(--t) infinite alternate}@media(prefers-reduced-motion:reduce){.set-switch:after{transition:none}}@media(min-width:761px){#screen-start{row-gap:32px;column-gap:28px;padding-top:22px;align-content:safe center}#screen-start .masthead{gap:8px}#startMode{row-gap:16px;column-gap:56px}.start-q{column-gap:16px;row-gap:8px}.start-pick{gap:8px 10px}#libraryHead{gap:12px 24px;margin-bottom:8px}#libraryHead .library-find{gap:16px}#bank{gap:36px 28px;padding-top:28px;margin-top:-16px}#surpriseCard{align-self:start;margin-top:4px}#startFoot{margin-top:0;gap:24px 32px}}@media(min-width:761px)and (max-height:820px){#screen-start{row-gap:20px;padding-top:14px}#startMode{row-gap:12px}#libraryHead{row-gap:10px;margin-bottom:4px}#bank{gap:32px 24px}#startFoot{margin-top:0}}@media(max-width:760px){#screen-start{gap:24px}#startMode{gap:16px}#libraryHead{gap:12px 16px;margin-bottom:4px}#bank{margin-top:-8px}}@media(max-width:1180px){.side-nav .side-say{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.side-nav .btn-quiet:has(>.ico){min-width:44px;padding-right:.85em}}
