@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.reaction-bar{z-index:40;width:100%;padding:9px max(12px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--paper-edge);background-image:repeating-linear-gradient(98deg,#fff8e706 0 3px,#71523505 3px 5px);border-top:1px solid #f2d9ad;flex:none;position:relative;box-shadow:0 -5px 14px #120e0c26}.reaction-bar:before{content:"";background:var(--paper-edge);clip-path:polygon(0 50%,5% 10%,14% 40%,23% 0,32% 65%,42% 15%,51% 45%,62% 0,73% 50%,84% 20%,94% 50%,100% 0,100% 100%,0 100%);width:100%;height:4px;position:absolute;top:-4px;left:0}.reaction-buttons{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(0px,2vw,18px);width:100%;max-width:560px;margin:0 auto;display:grid}.reaction-button{-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;place-items:center;width:100%;min-width:44px;min-height:54px;padding:3px 5px;display:grid}.reaction-icon{pointer-events:none;filter:drop-shadow(1px 2px #75573d40);width:46px;height:46px;transition:transform .1s;display:block}.reaction-button:focus-visible{outline-offset:-1px;border-radius:12px;outline:2px solid #684628}.reaction-button:not(:disabled):active .reaction-icon{transform:translateY(2px)scale(.9)}.reaction-button:disabled{opacity:.4}.reaction-canvas{z-index:35;pointer-events:none;contain:strict;position:fixed;top:0;left:0}@media (hover:hover){.reaction-button:not(:disabled):hover .reaction-icon{transform:translateY(-3px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.reaction-icon{transition:none}.reaction-button:not(:disabled):hover .reaction-icon,.reaction-button:not(:disabled):active .reaction-icon{transform:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#f7edda;--paper:#f0dfbd;--paper-raised:#fff6e5;--paper-edge:#ead5ae;--ink:#4a3524;--muted:#725c44;--line:#bda682;--accent:#a23f32;--theater-height:min(90vw, 48dvh);--hand:"Patrick Hand", "Comic Sans MS", cursive;font-family:Barlow,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}html,body,#root{width:100%;height:100%}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}h1,h2,p{margin:0}h1,h2{font-weight:400}button svg{flex-shrink:0}body{background:var(--page)}.app{flex-direction:column;width:100%;height:100dvh;padding:0;display:flex;overflow:hidden}.house-lights{inset:var(--theater-height) 0 0;z-index:45;opacity:var(--house-dim,0);pointer-events:none;background:#281d18;position:fixed}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:24px;min-height:60px;padding:0 20px;display:flex}.studio-title{color:var(--muted);font-size:15px}.sound-control{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:10px;display:flex}.sound-control:hover{background:#6849280c}.party .sound-control{color:var(--ink)}.party .sound-control:hover{background:#6849280c}.party .sound-control:focus-visible{outline-color:var(--ink)}.app>main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ac8357 #d7b889;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:auto}.stage-page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.theater-region{flex:none;width:100%;position:relative}.app>main:has(.stage-page){overflow:hidden}.theater-player{flex-direction:column;width:100%;display:flex}.theater-viewport{width:100%;height:var(--theater-height);flex:none;justify-content:center;display:flex;position:relative}.theater-viewport>.notice{background:var(--paper-raised);margin:auto;position:absolute;inset:20%}.theater-viewport>svg{width:100%;height:100%;display:block;overflow:hidden}.stage-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) var(--paper);background:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.caption-outlet{flex-direction:column;flex:1;display:flex}.caption-outlet[hidden]{display:none}.caption-outlet .theater-caption{flex:1}.waiting-sheet{background:var(--paper);width:100%;color:var(--ink);padding:16px max(24px, env(safe-area-inset-right)) 20px max(24px, env(safe-area-inset-left));background-image:repeating-linear-gradient(97deg,#ffffff03 0 3px,#79532604 3px 5px);flex:1 0 auto;margin:0;position:relative}.waiting-sheet:before{content:"";background:var(--paper);clip-path:polygon(0 80%,2% 20%,8% 40%,10% 10%,17% 40%,23% 20%,30% 60%,36% 0,43% 40%,49% 20%,55% 50%,61% 10%,68% 30%,74% 0,81% 50%,88% 25%,95% 60%,100% 10%,100% 100%,0 100%);height:8px;position:absolute;top:-6px;left:0;right:0}.waiting-actions{border-bottom:1px solid #68492830;justify-content:center;align-items:center;padding-bottom:16px;display:flex}.waiting-actions:empty{display:none}.waiting-message{color:#715437;text-align:center;font-size:15px;line-height:1.45}.start-controls{flex-flow:row-reverse wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px 28px;display:flex}.rules-toggle{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:15px;display:flex;position:relative}.rules-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.checkbox-art{pointer-events:none;background:#f4deb9;border:1.5px solid #755535;place-items:center;width:20px;height:20px;display:grid;transform:rotate(-3deg)}.rules-toggle:has(input:focus-visible){outline-offset:4px;outline:2px solid #604120}.start-button{--paper-edge:polygon(1% 5%, 10% 3%, 20% 5%, 31% 1%, 43% 4%, 55% 2%, 67% 4%, 78% 1%, 89% 3%, 99% 1%, 98.5% 23%, 100% 46%, 99% 70%, 99.5% 96%, 88% 98%, 76% 96%, 65% 99%, 52% 97%, 40% 100%, 28% 97%, 15% 99%, 1% 96%, 1.5% 73%, 0 51%, 1% 28%);isolation:isolate;color:#fff0d7;min-width:250px;min-height:56px;font:26px/1 var(--hand);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:12px 26px;transition:transform .12s;display:flex;position:relative;transform:rotate(-.7deg)}.start-button:before,.start-button:after{content:"";clip-path:var(--paper-edge);pointer-events:none;position:absolute;inset:0}.start-button:before{z-index:-1;background:repeating-linear-gradient(97deg,#ffffff06 0 2px,#66261908 2px 4px),#b34134;box-shadow:inset 0 2px #e9957440,inset 0 -2px #712d2940}.start-button:after{z-index:-2;background:#713b2d;transform:translate(2px,4px)}.start-button:focus-visible{outline-color:var(--ink)}.start-button:not(:disabled):hover{transform:translateY(-2px)rotate(-.3deg)}.start-button:not(:disabled):active{transform:translate(1px,2px)rotate(-.7deg)}.start-controls .start-hint{text-align:center;flex-basis:100%;font-size:13px}.party{padding-top:13px}.party-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.party-label{align-items:center;gap:12px;display:flex}.party-heading h2{font:23px/1 var(--hand)}.party-label>span{color:#775b40;border-left:1px solid #71543840;padding-left:12px;font-size:13px}.players{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:16px 8px;margin:0;padding:0;list-style:none;display:grid}.player{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.player-avatar{background-color:var(--player-color);clip-path:polygon(6% 1%,88% 4%,100% 34%,97% 87%,66% 100%,14% 94%,0 61%);color:#fffaf0;background-image:repeating-linear-gradient(97deg,#ffffff08 0 2px,#00000004 2px 4px);place-items:center;width:39px;height:40px;display:grid;transform:rotate(-3deg)}.player:nth-child(2n) .player-avatar{transform:rotate(3deg)}.player-avatar svg{width:60%;height:60%}.player-name{overflow-wrap:anywhere;max-width:100%;margin-top:7px;font-size:15px}.you{color:#795c3e;font-size:12px}.player-detail{color:#775b40;margin-top:2px;font-size:11px}.player-joining,.player-disconnected{opacity:.58}.theater-caption{background:var(--paper);width:100%;min-height:100px;color:var(--ink);text-align:center;flex-shrink:0;padding:16px 25px 19px}.caption-speaker{color:#89523a;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.caption-text{font-family:var(--hand);text-wrap:pretty;max-width:800px;margin:0 auto;font-size:27px;line-height:1.25}.story-controls{background:var(--paper);width:100%;min-height:44px;color:var(--ink);flex-shrink:0;align-items:center;padding:0 18px;font-size:14px;display:flex}.story-controls .sound-control{color:var(--ink)}.theater-caption,.waiting-actions,.party,.gameplay-heading,.quiet-button,.connection-notice,.notice,.story-controls{z-index:36;position:relative}.connection-notice{text-align:center;max-width:700px;color:var(--ink);background:var(--paper-raised);flex-shrink:0;margin:20px auto;padding:15px;line-height:1.5}.connection-notice a{text-underline-offset:4px;margin-top:8px;display:inline-block}.notice{text-align:center;max-width:580px;margin:40px auto;padding:40px 20px;line-height:1.6}.notice h1{font:36px var(--hand)}.notice button{border:1px solid var(--line);background:var(--paper-raised);border-radius:4px;margin-top:20px;padding:12px 24px}.gameplay{flex-direction:column;flex:1;min-height:320px;padding:40px 24px 24px;display:flex}.gameplay-heading{text-align:center;padding:0 44px;position:relative}.gameplay-heading .sound-control{position:absolute;top:0;right:0}.gameplay h1{font:42px/1.1 var(--hand);color:var(--ink)}.gameplay-space{flex:1;min-height:190px}.quiet-button{background:var(--paper-raised);border:1px solid var(--line);min-height:44px;color:var(--ink);border-radius:3px;align-self:center;align-items:center;gap:9px;padding:12px 20px;display:flex}.preview-tools{width:100%;color:var(--muted);background:var(--paper-edge);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:2px 18px;font-size:12px;display:flex}.preview-tools>div{gap:12px;display:flex}.preview-tools button{border:0;border-bottom:1px solid var(--line);min-height:32px;color:var(--ink);background:0 0;align-items:center;gap:5px;padding:3px 0;display:flex}@media (width<=600px){.studio-header{gap:13px;min-height:60px}.studio-title{max-width:160px;font-size:13px}.waiting-sheet{padding:10px max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left))}.waiting-message{max-width:280px;margin:auto;font-size:14px}.start-controls{flex-direction:column-reverse;gap:6px;width:100%}.start-button{width:100%;min-width:0;max-width:330px}.players{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}.party-heading{gap:8px}.party-label{flex-wrap:wrap;gap:8px}.party-label>span{padding-left:8px}.player-name{font-size:14px}.player-avatar{width:36px;height:37px}.theater-caption{min-height:110px;padding:14px 19px}.caption-text{font-size:23px}.preview-tools{align-items:flex-start;gap:8px;font-size:11px}.preview-tools>div{gap:12px}.gameplay{padding-top:45px}.gameplay h1{font-size:35px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.studio-back{color:var(--ink);align-items:center;gap:8px;min-height:44px;font-size:14px;text-decoration:none;display:flex}.studio-picker{flex-wrap:wrap;align-items:center;gap:12px;max-width:760px;margin:24px auto 8px;font-size:14px;display:flex}.studio-picker select{font:inherit;background:var(--paper-raised);border:1px solid var(--line);color:var(--ink);border-radius:4px;min-height:44px;padding:10px}.studio-picker>span{color:var(--muted);margin-left:auto;font-size:12px}.studio-controls{background:var(--paper);border:1px solid var(--line);border-radius:4px;max-width:650px;margin:20px auto 30px;padding:18px}.studio-controls>label{color:var(--ink);justify-content:space-between;font-size:14px;display:flex}.studio-controls label span{color:var(--muted);font-size:12px}.studio-controls input{width:100%;accent-color:var(--accent);min-height:32px;margin:15px 0}.studio-controls>div{gap:12px;display:flex}.studio-controls button{background:var(--paper-raised);border:1px solid var(--line);border-radius:3px;align-items:center;gap:6px;min-height:44px;padding:10px 16px;display:flex}.preview-tools a{text-underline-offset:5px;align-items:center;min-height:32px;display:flex}@media (width<=600px){.preview-tools{justify-content:center;align-items:center;padding:2px 10px}.preview-tools>span{display:none}.preview-tools>div{gap:18px}.studio-picker{gap:8px}.studio-picker>span{width:100%;margin:0}.studio-controls label{gap:12px}}