@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}:root{--gm-w:348px;--house:#110e12;--house-2:#19151b;--house-3:#231e26;--house-4:#2e2832;--line:#322b37;--line-2:#4a4151;--paper:#f1ebe0;--dim:#aaa198;--faint:#766e77;--curtain:#c8402f;--curtain-2:#dc5643;--curtain-dark:#7e2419;--limelight:#f4c95d;--ok:#8fcf9a;--danger:#ff9580;--serif:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--sans:"Inter Variable", system-ui, sans-serif;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--house)}body{background:var(--house);min-height:100vh;color:var(--paper);font:14px/1.45 var(--sans), sans-serif;-webkit-font-smoothing:antialiased;margin:0}[hidden]{display:none!important}h1,h2,h3{font-family:var(--serif);font-variation-settings:"SOFT" 50;margin:0;font-weight:560;line-height:1.15}h2{font-size:21px}h3{margin:18px 0 8px;font-size:15.5px}p{margin:0}a{color:var(--limelight);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button,a.button{background:var(--house-3);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;min-height:30px;color:var(--paper);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:4px 11px;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}button:hover,a.button:hover{background:var(--house-4);border-color:var(--line-2)}button:active{translate:0 1px}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--limelight);outline-offset:2px}button.primary{background:var(--curtain);border-color:var(--curtain);color:#fff;font-weight:600}button.primary:hover{background:var(--curtain-2);border-color:var(--curtain-2)}button.danger{color:var(--danger)}button.primary.danger{color:#fff}button.on{border-color:var(--limelight);color:var(--limelight)}button.big{border-radius:10px;min-height:44px;padding:8px 20px;font-size:15.5px}button.bare{min-height:0;color:var(--dim);background:0 0;border:0;padding:2px}button.tool{color:var(--dim);background:0 0;border-color:#0000;padding:4px 8px}button.tool:hover{background:var(--house-3);color:var(--paper)}button.tool.on{color:var(--limelight);background:var(--house-3);border-color:#0000}.icon{flex:none;display:inline-flex}.icon svg{stroke-width:1.8px;width:17px;height:17px}input,select,textarea{background:var(--house);border:1px solid var(--line);border-radius:var(--radius);min-height:32px;padding:6px 9px}input:hover,select:hover,textarea:hover{border-color:var(--line-2)}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=checkbox],input[type=radio],input[type=range],input[type=file]{min-height:0;accent-color:var(--curtain);padding:0}input[type=file]{background:0 0;border:0;max-width:100%}textarea{resize:vertical}kbd{border:1px solid var(--line-2);background:var(--house-2);min-width:20px;color:var(--dim);font:600 11px/1.6 var(--sans), sans-serif;text-align:center;border-bottom-width:2px;border-radius:5px;padding:0 5px;display:inline-block}.hint{color:var(--dim);font-size:12.5px}.eyebrow{color:var(--dim);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600}.error{color:var(--danger);font-size:12.5px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row.end{justify-content:flex-end;margin:14px 0 0}.wordmark{font-family:var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--paper);font-size:24px;font-style:italic;font-weight:600;line-height:1;text-decoration:none}.wordmark:after{content:"";background:var(--curtain);border-radius:2px;height:2px;margin-top:3px;display:block}.page{flex-direction:column;gap:16px;width:min(1040px,100% - 40px);margin:0 auto;padding:28px 0 56px;display:flex}.page.prose,.page.notice,.page.join{width:min(600px,100% - 40px)}.page>.wordmark{align-self:flex-start;margin-bottom:4vh}.page h1{font-size:clamp(30px,4.4vw,42px)}.page.prose p{color:#ddd5c9;line-height:1.6}.page.notice{padding-top:28px}.page.notice p{color:var(--dim);font-size:15.5px}.page.join{min-height:100vh}.card{background:var(--house-2);border:1px solid var(--line);border-radius:14px}.join .card{flex-direction:column;gap:12px;margin-top:6vh;padding:28px;display:flex;box-shadow:0 30px 80px #00000080}.join .card h1{margin-bottom:2px}.join .card input{min-height:44px;margin-top:8px;font-size:16px}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.signed-in{color:var(--dim);align-items:center;gap:12px;display:flex}.signed-in strong{color:var(--paper)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,4vw,56px);padding:4vh 0 2vh;display:grid}.hero .words{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.hero h1{font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.01em;text-wrap:balance;font-size:clamp(38px,5.4vw,62px);font-style:italic;font-weight:500}.hero .pitch{color:var(--paper);font-size:19px}.hero p{color:#cfc7bb;max-width:46ch;font-size:15.5px;line-height:1.6}.hero .hint{font-size:13px}.theatre svg{border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 30px 80px #0000008c}.page.front h2{margin-top:14px}.points{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:28px;padding-top:28px;display:grid}.points h3{margin:0 0 6px;font-size:17px}.points p{color:var(--dim);line-height:1.55}.page footer{margin-top:20px;font-size:12.5px}.page footer a{color:var(--dim)}.my-tables{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.my-tables:empty{display:none}.my-tables li{background:var(--house-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:4px;padding:6px 8px 6px 16px;transition:border-color .12s;display:flex}.my-tables li:hover{border-color:var(--line-2)}.my-tables a.open{min-width:0;color:var(--paper);flex-direction:column;flex:1;gap:1px;padding:8px 0;text-decoration:none;display:flex}.my-tables a.open strong{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:560;overflow:hidden}.my-tables a.open:hover strong{color:var(--limelight)}.my-tables .role{color:var(--dim);font-size:12px}.archived summary{cursor:pointer;color:var(--dim);margin-bottom:10px}.account{flex-direction:column;gap:10px;display:flex}.account.login{background:var(--house-2);border:1px solid var(--line);border-radius:14px;width:min(460px,100%);padding:22px}.account.login .row{margin:0}.account .row input{flex:1;min-width:0;min-height:38px}.account .divider{color:var(--faint);align-items:center;gap:10px;font-size:12.5px;display:flex}.account .divider:before,.account .divider:after{content:"";border-top:1px solid var(--line);flex:1}.account .google-button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;align-self:flex-start;min-height:40px}.admin .my-tables{grid-template-columns:1fr}.admin .who{color:var(--dim);flex:1;padding:8px 0}.admin .who strong{color:var(--paper)}.admin form.row input{flex:1;min-width:0}#app.table{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}#app.table.with-gm:not(.panel-closed){grid-template-columns:minmax(0, 1fr) var(--gm-w)}#app.table.panel-closed .gm{display:none}main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{background:var(--house-2);border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:16px;min-height:48px;padding:6px 12px 6px 16px;display:flex}.topbar .wordmark{font-size:21px}.playing{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex}.playing .game{font-family:var(--serif);text-overflow:ellipsis;font-size:16.5px;overflow:hidden}.playing .scene{color:var(--dim);text-overflow:ellipsis;overflow:hidden}.playing .scene:before{content:"·";color:var(--faint);margin-right:8px}.lost{color:var(--danger);white-space:nowrap;background:#4a1d16;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:flex}.people{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding:3px;display:flex;overflow:hidden}.person{border:1px solid var(--line);background:var(--house-3);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:26px;min-height:26px;padding:0 10px;font-size:12.5px;line-height:1;transition:box-shadow .1s,border-color .1s;display:inline-flex}.person .icon svg{width:13px;height:13px}.person.master{color:var(--limelight)}.person.you{border-style:dashed;border-color:var(--line-2)}.person.speaking{border-color:var(--limelight);box-shadow:0 0 0 2px #f4c95d59}.tools{align-items:center;gap:2px;display:flex}.tools .invite{border-radius:999px;margin:0 6px}.stage-wrap{background:radial-gradient(ellipse 70% 60% at 50% 45%, #241c26, var(--house) 75%);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.proscenium{width:min(100cqw - 28px,177.778cqh - 49.7778px);position:relative}.proscenium:before,.proscenium:after{content:"";background:repeating-linear-gradient(90deg,#6d2017 0 14px,#5a1a13 14px 22px,#4a1510 22px 30px,#7a251a 30px 44px,#5f1c14 44px 56px);width:100vw;position:absolute;top:-100vh;bottom:-100vh;box-shadow:inset 0 0 60px #0000008c}.proscenium:before{right:calc(100% + 14px)}.proscenium:after{left:calc(100% + 14px)}.stage{isolation:isolate;aspect-ratio:16/9;background:#17131a;border-radius:3px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 3px #2c2530,0 0 0 4px #f4c95d59,0 24px 70px #000000b3}.stage:after{content:"";pointer-events:none;z-index:200000;background:radial-gradient(at 50% 120%,#ffc87824,#0000 60%),radial-gradient(#0000 58%,#0006);position:absolute;inset:0}.bare-stage{background:radial-gradient(34% 16% at 50% 84%,#ffe2aa33,#0000 70%),radial-gradient(50% 70% at 50% 30%,#ffe2aa12,#0000 70%),linear-gradient(#221c29 0 66%,#33261f 66%,#1f1713);position:absolute;inset:0}.backdrop{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.playboard{z-index:150000;pointer-events:none;background:linear-gradient(#5d4330,#3a2a1e);border-top:2px solid #7c5b40;height:3.5%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 14px #00000073}.lost-banner{border:1px solid var(--curtain);color:#ffd9d0;background:#4a1d16;border-radius:999px;padding:6px 16px;font-weight:600;display:none;position:absolute;top:14px;left:50%;translate:-50%;box-shadow:0 8px 30px #00000080}body.offline .lost-banner{display:block}body.offline .stage{filter:saturate(.5)brightness(.8)}.piece{touch-action:none;-webkit-user-select:none;user-select:none;filter:var(--shadow,drop-shadow(0 10px 8px #00000061));position:absolute;transform:translate(-50%,-100%)}.piece.walking .body{animation:.26s ease-in-out infinite walk}@keyframes walk{50%{translate:0 -2.5%}}.piece.controllable{cursor:grab}.piece.offstage{opacity:.5;filter:grayscale()drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000)}.piece.offstage:not(.controllable){visibility:hidden}.piece.controllable:active{cursor:grabbing}.piece.selected{filter:drop-shadow(0 0 2px var(--limelight)) drop-shadow(0 0 2px var(--limelight)) var(--shadow,drop-shadow(0 10px 8px #00000061))}.piece .act,.piece .body{transform-origin:50% 100%;width:100%;height:100%;position:relative}.piece .picture{position:absolute}.piece img{pointer-events:none;width:100%;height:100%;display:block}.piece .mouth-frame{opacity:0;position:absolute}.piece .mouth{background:#2a0d0b;border-radius:0 0 50% 50%/0 0 80% 80%;position:absolute}.piece .jaw{filter:drop-shadow(0 1px .5px #00000073);position:absolute;inset:0}.piece.speaking .body{animation:.46s ease-in-out infinite alternate sway}@keyframes sway{0%{translate:0;rotate:-1.2deg}to{translate:0 -1%;rotate:1.2deg}}.piece .label{color:var(--paper);white-space:nowrap;pointer-events:none;background:#110e12b8;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-3px)}.piece.speaking .label{background:var(--limelight);color:#1b1408}.act.move-hop{animation:.6s ease-out hop}.act.move-bow{animation:.9s ease-in-out bow}.act.move-nod{animation:.6s ease-in-out nod}.act.move-shake{animation:.5s linear shake}.act.move-tremble{animation:1.2s linear tremble}.act.move-spin{animation:.8s ease-in-out spin}@keyframes hop{30%{transform:translateY(-16%)}60%{transform:translateY(0)}75%{transform:translateY(-4%)}}@keyframes bow{40%,60%{transform:rotate(16deg)translateY(2%)}}@keyframes nod{25%,75%{transform:rotate(3deg)translateY(1%)}50%{transform:none}}@keyframes shake{20%,60%{transform:translate(-5%)rotate(-2deg)}40%,80%{transform:translate(5%)rotate(2deg)}}@keyframes tremble{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translate(-1.2%)}20%,40%,60%,80%{transform:translate(1.2%)}}@keyframes spin{to{transform:rotateY(360deg)}}.rolls-live{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:8px;right:8px}.roll{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.roll .by{font-weight:600}.roll .what{color:var(--dim)}.roll .landed{flex-wrap:wrap;align-items:center;gap:3px;display:inline-flex}.roll .die,.roll .flat{font-variant-numeric:tabular-nums;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:12px;font-weight:600;display:inline-grid}.roll .die{background:var(--paper);color:#1b161d;border-radius:5px}.roll .die.best{background:var(--limelight)}.roll .die.worst{background:#e9a69a}.roll .op{color:var(--faint);font-size:12px}.roll .total{font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--limelight);margin-left:auto;font-size:19px}.roll.secret .what{font-style:italic}.rolls-live .roll{background:#110e12eb;border:1px solid #f4c95d80;border-radius:22px;max-width:100%;padding:9px 18px 9px 16px;font-size:15px;transition:opacity .4s,translate .4s;animation:.35s cubic-bezier(.2,1.4,.4,1) land;box-shadow:0 10px 34px #0000008c}.rolls-live .roll .total{margin-left:6px;font-size:26px;line-height:1}.rolls-live .roll.leaving{opacity:0;translate:0 -8px}@keyframes land{0%{opacity:0;translate:0 -14px;scale:.94}}.dock{background:var(--house-2);border-top:1px solid var(--line);flex:none;align-items:center;gap:16px;min-height:150px;padding:10px 16px;display:flex}.cast{border-right:1px solid var(--line);scrollbar-width:thin;gap:6px;max-width:26%;padding:2px 16px 2px 2px;display:flex;overflow-x:auto}.cast-icon,.look{background:var(--house);border:1px solid var(--line);border-radius:10px;flex:none;width:50px;height:50px;min-height:0;padding:3px;position:relative}.cast-icon{cursor:grab}.cast-icon img,.look img{max-width:100%;max-height:100%}.cast-icon.on,.look.on{border-color:var(--limelight);box-shadow:0 0 0 1px var(--limelight)}.cast-icon.hidden-piece{opacity:.45;border-style:dashed}.board{flex-wrap:wrap;flex:1;align-items:center;gap:8px 18px;min-width:0;display:flex}.board .empty{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.board .hint.empty{font-size:13.5px}.who{flex-direction:column;gap:1px;max-width:180px;display:flex}.who strong{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:560;overflow:hidden}.looks{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.look kbd{min-width:15px;padding:0 3px;font-size:9.5px;line-height:1.4;position:absolute;bottom:-4px;right:-4px}.look.pending{color:var(--dim);border-style:dashed;place-items:center;animation:1s ease-in-out infinite alternate pulse;display:grid}@keyframes pulse{to{opacity:.4}}.new-look{border:1px dashed var(--line-2);height:50px;color:var(--dim);border-radius:10px;align-items:center;gap:4px;padding:0 4px 0 10px;display:flex}.new-look:focus-within{border-color:var(--limelight);border-style:solid}.new-look input{background:0 0;border:0;outline:none;width:190px;padding-left:2px}.moves,.tweak{flex-wrap:wrap;gap:4px;display:flex}.moves button{border-radius:999px;padding:4px 12px}.tweak{gap:0}.talking{flex-direction:column;flex:none;align-items:center;gap:5px;display:flex}.talk{border-color:var(--line-2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px;min-height:48px;padding:8px 22px;font-size:15px;font-weight:600}.talk.on{background:var(--curtain);border-color:var(--curtain-2);color:#fff;box-shadow:0 0 0 4px #c8402f4d}.talk-key{background:0 0;border:0;min-height:0;padding:0}.talk-key.on kbd{border-color:var(--limelight);color:var(--limelight)}.requests{flex-direction:column;gap:4px;max-width:340px;display:flex}.request{border:1px solid var(--limelight);background:#2c2413;border-radius:10px;align-items:center;gap:6px;padding:5px 6px 5px 12px;font-size:12.5px;display:flex}.request span{flex:1}.request button{min-height:26px;padding:2px 10px}.gm{background:var(--house-2);border-left:1px solid var(--line);scrollbar-width:thin;min-height:0;padding:0 16px 28px;overflow-y:auto}.gm section{padding-top:4px}.game-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:14px 0 12px;display:grid}.game-bar label{color:var(--dim);font-size:12.5px;display:contents}.game-bar select{color:var(--paper);min-width:0}.game-bar select[data-testid=game]{font-family:var(--serif);font-size:16px}.game-bar label:nth-of-type(2) select{grid-column:2/-1}.game-bar>.tool{grid-area:1/3}.tabs{z-index:2;background:var(--house-2);border-bottom:1px solid var(--line);gap:2px;margin:0 -16px;padding:0 16px;display:flex;position:sticky;top:0}.tabs button{min-height:38px;color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;font-weight:600}.tabs button:hover{color:var(--paper)}.tabs button.on{color:var(--paper);border-bottom-color:var(--curtain)}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:10px;display:grid}.grid .card,button.card{background:var(--house-3);border:1px solid var(--line);white-space:normal;border-radius:10px;flex-direction:column;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.grid .card:hover{border-color:var(--line-2)}.grid .card.on{border-color:var(--limelight);box-shadow:0 0 0 1px var(--limelight)}.grid .card.ref{border-color:#7fb7ff}.card .pick,button.card{border-radius:0;flex-direction:column;align-items:center;gap:2px;width:100%;padding:6px 4px 5px;display:flex}.card .pick{background:0 0;border:0;flex:1}.grid .card img{object-fit:contain;width:100%;height:76px}.backdrops .card img,.scene-cards .card img{object-fit:cover;border-radius:6px}.backdrops,.scene-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.scene-cards .no-backdrop{background:linear-gradient(#221c29 0 66%,#33261f 66%,#1f1713);border-radius:6px;width:100%;height:76px}.card span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.card small{color:var(--dim);font-size:10.5px}.card.none{min-height:60px;color:var(--dim);justify-content:center}.card-menu{opacity:0;background:#110e12d9;border-radius:6px;min-height:0;padding:2px 4px;position:absolute;top:3px;right:3px}.card:hover .card-menu,.card-menu:focus-visible,.card-menu[data-anchor]{opacity:1}@media (hover:none){.card-menu{opacity:1}}.card .badge{color:#0c1830;background:#7fb7ff;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700;position:absolute;top:4px;left:4px}.selected{background:#f4c95d0d;border:1px solid #f4c95d73;border-radius:12px;margin:12px 0 4px;padding:12px}.selected h3{margin-top:0}.selected label{color:var(--dim);align-items:center;gap:8px;margin:6px 0;display:flex}.selected select,.selected input[type=range]{min-width:0;color:var(--paper);flex:1}.selected .row{margin-bottom:0}.make,.upload{flex-direction:column;gap:10px;display:flex}.make{padding-top:14px}.make label{color:var(--dim);align-items:center;gap:8px;display:flex}.make label select{color:var(--paper);flex:1}.make .with{color:var(--dim);margin:0}.make .with span{color:var(--limelight);flex:1}.upload{margin-top:8px}.upload summary{cursor:pointer;color:var(--dim);align-items:center;gap:6px;display:flex}.jobs{margin:0;padding:0;font-size:12.5px;list-style:none}.jobs li{border-bottom:1px solid var(--line);color:var(--dim);padding:6px 0}.jobs li strong{color:var(--paper)}.jobs li.running{color:var(--limelight)}.jobs li.failed{color:var(--danger)}.jobs button{min-height:0;margin-left:6px;padding:0 8px;font-size:11.5px}.styles{flex-direction:column;gap:16px;margin:12px 0;display:flex}.style{flex-direction:column;gap:6px;display:flex}.style input{font-family:var(--serif);font-size:15.5px}.style button{align-self:flex-end}dialog.dialog{background:var(--house-2);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--paper);border:1px solid var(--line-2);border-radius:14px;padding:22px;box-shadow:0 30px 90px #000000b3}dialog.dialog::backdrop{background:#080609a8}dialog.dialog h2{margin-bottom:10px}dialog.dialog p{color:#d5cdc1;margin:8px 0}dialog.dialog p.hint{color:var(--dim)}dialog.ask input{width:100%;min-height:40px;margin-top:6px;font-size:15px}dialog.help table{border-collapse:collapse;width:100%;margin:10px 0}dialog.help th{text-align:left;border-bottom:1px solid var(--line);padding:6px 0;font-weight:400}dialog.help td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 0}dialog.picker{width:min(620px,100% - 32px)}dialog.picker .grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin-top:12px}dialog.picker .card img{height:120px}dialog.picker .card span{font-size:13.5px;font-family:var(--serif)}dialog.generators{width:min(620px,100% - 32px)}.generators h4{margin:18px 0 4px;font-size:14px}.generators .ok{color:var(--ok)}.generators .steps{color:#d5cdc1;flex-direction:column;gap:6px;margin:4px 0;padding-left:20px;display:flex}.generators pre{white-space:pre-wrap;word-break:break-all;background:var(--house);border:1px solid var(--line);border-radius:var(--radius);margin:6px 0;padding:8px;font-size:12px}.generators input[type=password]{flex:1}.generators .choices{flex-direction:column;gap:6px;display:flex}.generators .choices .unusable{color:var(--faint)}dialog.jaw-editor{width:fit-content;max-width:min(92vw,720px)}.jaw-frame{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(#2c2530 0% 25%,#231e26 0% 50%) 0 0/20px 20px;width:fit-content;margin:10px auto;position:relative}.jaw-frame img{pointer-events:none;width:auto;height:58vh;display:block}.jaw-box{border:2px dashed var(--limelight);pointer-events:none;background:#f4c95d2e;position:absolute}.jaw-frame .jaw-test{clip-path:var(--jaw-clip);visibility:hidden;position:absolute;inset:0}.jaw-frame.testing .jaw-box{visibility:hidden}.jaw-frame.testing .jaw-test{visibility:visible;animation:.14s ease-in-out infinite alternate jaw-test}@keyframes jaw-test{to{transform:translateY(var(--jaw-drop))}}.menu,.tray{z-index:50;background:var(--house-3);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 16px 50px #0009}.menu{flex-direction:column;min-width:190px;max-width:300px;padding:5px;display:flex}.menu button{white-space:normal;text-align:left;background:0 0;border:0;justify-content:flex-start;gap:9px;min-height:34px}.menu button:hover{background:var(--house-4)}.menu button .icon{color:var(--dim)}.menu button.danger .icon{color:inherit}.tray{width:316px;padding:14px}.tray .quick{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tray .quick button{font-variant-numeric:tabular-nums;min-height:38px;font-weight:600}.tray .row input{flex:1;min-width:0}.tray .check{color:var(--dim);align-items:center;gap:6px;font-size:12.5px;display:flex}.roll-log{border-top:1px solid var(--line);scrollbar-width:thin;flex-direction:column;max-height:240px;margin-top:10px;display:flex;overflow-y:auto}.roll-log .roll{border-bottom:1px solid var(--line);padding:7px 0;font-size:12.5px}.roll-log .roll:last-child{border-bottom:0}.roll-log .hint{padding-top:10px}.roll-log .die,.roll-log .flat{min-width:18px;height:18px;font-size:11px}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);display:flex;position:fixed;bottom:112px;left:50%;translate:-50%}dialog[open]~.toasts{z-index:2147483647}.toasts:popover-open{z-index:2147483647}.toast{background:var(--paper);color:#1b161d;pointer-events:auto;border-radius:12px;align-items:center;gap:12px;max-width:min(560px,100%);padding:8px 8px 8px 16px;font-weight:500;animation:.25s ease-out land;display:flex;box-shadow:0 14px 44px #0009}.toast.error{color:#4a120a;background:#ffd9d0}.toast button{min-height:28px;color:var(--paper);background:#1b161d;border-color:#1b161d;font-weight:600}.toast button.bare{color:inherit;opacity:.6;background:0 0}@media (width<=900px){#app.table.with-gm:not(.panel-closed){grid-template-columns:minmax(0,1fr)}.gm{z-index:20;width:min(var(--gm-w), 100%);position:fixed;top:49px;bottom:0;right:0;box-shadow:-20px 0 60px #0009}.hero{grid-template-columns:1fr}.hero .theatre{order:-1}.tools .invite{gap:0;padding:4px 9px;font-size:0}.playing .scene{display:none}}@media (width<=640px){.dock{flex-wrap:wrap;gap:10px;min-height:92px;padding:8px 10px}.cast{border-right:0;max-width:100%;padding-right:2px}.board{flex-basis:100%;order:3}.talking{flex-direction:row;margin-left:auto}.tweak .tool span:not(.icon),.people .person:not(.speaking,.you){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.piece.speaking .body{animation:none}}