@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/comic-neue-400.woff2?v=2)format("woff2")}@font-face{font-family:Comic Neue;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/comic-neue-400-italic.woff2?v=2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}.icon-sprite{width:0;height:0;position:absolute}.app{height:var(--app-height,100dvh);color:#000;background:silver;flex-direction:column;margin:0;font:.8125rem/1.4 Tahoma,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.raised,.composer button,.dialog-buttons button{background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.titlebar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);align-items:center;gap:.5rem;min-width:0;padding:.25rem .5rem;display:flex}.titlebar-title{font:inherit;margin:0}.titlebar-text{color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;padding:0;font-weight:700}.app.joined .titlebar-text{cursor:pointer}.app.joined .titlebar-text:hover{text-decoration:underline}.titlebar-room{opacity:.85;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;overflow:hidden}.titlebar-actions{gap:.2rem;margin-left:auto;display:flex}.titlebar-button{color:#000;font:inherit;cursor:pointer;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;align-items:center;padding:2px 8px;text-decoration:none;display:flex;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.titlebar-icon{width:auto;height:18px}.titlebar-button:active{border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.workspace{flex:1;gap:.25rem;min-height:0;padding:.25rem;display:flex}.strip{scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none;background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex:1;min-width:0;overflow-y:auto;box-shadow:inset 1px 1px #000;container:strip/inline-size}.strip-page{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:1.2%;padding:1.2%;display:grid}.panel{min-width:0;margin:0}.panel-nametags{height:.6rem;position:relative}.panel-nametag{color:#000;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#fff;border:1px solid #000;border-radius:0 0 3px 3px;max-width:96%;padding:0 .3rem;font-size:.6rem;font-weight:400;line-height:1rem;position:absolute;top:0;overflow:hidden;transform:translate(-50%)}.panel canvas{aspect-ratio:1;background:#fff;width:100%;height:auto;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar{width:var(--sidebar-width,15rem);scrollbar-gutter:stable;flex-direction:column;flex-shrink:0;max-width:60vw;min-height:0;display:flex;overflow-y:auto}.sidebar-resizer{cursor:col-resize;touch-action:none;flex:0 0 .3rem}.sidebar-resizer:hover,.sidebar-resizer:active{background:gray}.sidebar-members{flex-direction:column;flex:1;display:flex}.sidebar-self{gap:.35rem;margin-top:.35rem;display:grid}.sidebar-controls{gap:.35rem;display:none}.sidebar-more-open .sidebar-controls{display:grid}.sidebar-heading{margin:0 0 .25rem;font-size:.8125rem;font-weight:700}.roster{background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex:1;margin:0;padding:.25rem;list-style:none;overflow-y:auto;box-shadow:inset 1px 1px #000}.roster li{align-items:center;gap:.3rem;padding:.15rem .25rem;display:flex}.roster-icon{flex:none;width:20px;height:20px}.roster li span{color:#555;font-size:.75rem}.bodycam{background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;margin:0;box-shadow:inset 1px 1px #000}.bodycam canvas{outline-offset:-2px;touch-action:none;width:100%;display:block}.bodycam-edit{color:#000;width:100%;font:inherit;cursor:pointer;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;padding:.2rem .25rem;font-size:.7rem;display:block;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.bodycam-actions{display:flex}.bodycam-actions .bodycam-edit{flex:1;justify-content:center;align-items:center;width:auto;display:flex}.bodycam-actions svg{color:#222;width:1rem;height:1rem}#bodycam-lock svg{fill:currentColor}#bodycam-lock .lock-closed,#bodycam-lock.bodycam-lock-active .lock-open{display:none}#bodycam-lock.bodycam-lock-active .lock-closed{display:block}.bodycam-edit:active,.bodycam-lock-active{border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.bodycam-menu{z-index:10;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;margin:0;padding:2px;list-style:none;position:fixed;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,.2rem .2rem #00000059}.bodycam-menu li{cursor:default;white-space:pre;padding:.25rem 1.25rem .25rem .5rem}.bodycam-menu li:hover,.bodycam-menu li.active{color:#fff;background:navy}.completion-menu{min-width:8rem;max-height:12rem;overflow-y:auto}.tweaks-toggle{align-items:center;gap:.35rem;margin-top:.35rem;font-weight:700;display:flex}.tweaks-hint{color:#555;margin:.2rem 0 0;font-size:.7rem}.tweaks-toggle--nested{margin-left:.9rem}.dock{position:relative}.mobile-toolbar,.mobile-sheet{display:none}.composer{gap:.25rem;padding:.25rem;display:flex}.composer input,.composer select,.dialog-body input,.dialog-body select{font:inherit;background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;padding:.3rem .4rem;box-shadow:inset 1px 1px #000}.composer input{flex:1;min-width:0}.composer button,.dialog-buttons button{font:inherit;cursor:pointer;padding:.3rem 1.1rem}.composer button:active,.dialog-buttons button:active{border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.composer input:disabled,.composer select:disabled{color:gray;background:silver}.composer input:disabled::placeholder{color:#606060;opacity:1}.composer button:disabled{color:gray;cursor:default}.join-overlay{z-index:1;padding:2.25rem 1rem calc(var(--footer-height,2.5rem) + .75rem);pointer-events:none;place-content:safe center;justify-items:center;display:grid;position:fixed;inset:0;overflow:auto}.dialog{pointer-events:auto;width:min(20rem,90vw);max-height:calc(var(--app-height,100dvh) - var(--footer-height,2.5rem) - 3.5rem);background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;scroll-padding-bottom:2.75rem;overflow-y:auto;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,.25rem .25rem #00000059}.dialog-titlebar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);margin:2px;padding:.2rem .5rem;font-weight:700}.join-tagline{pointer-events:auto;color:#555;text-align:center;text-wrap:balance;width:min(20rem,90vw);margin:.6rem 0 0;font-size:.7rem;line-height:1.4}@media (width<=30rem),(height<=34rem){.join-tagline{margin-top:.4rem;font-size:.62rem;line-height:1.3}}.dialog-body{gap:.5rem;padding:.6rem .75rem;display:grid}.dialog-body label{gap:.2rem;font-weight:700;display:grid}.transcript{margin:0;padding:.5rem .75rem;list-style:none}.transcript li{overflow-wrap:anywhere;padding:.1rem 0}.transcript-whisper,.transcript-action{font-style:italic}.transcript-system{color:#555;font-size:.75rem}.transcript li.transcript-mention{background:#e4e4e4;margin:0 -.75rem;padding:.1rem .75rem;box-shadow:inset 3px 0 #000}.app:not(.text-view) .transcript,.app.text-view .strip-page{display:none}.strip-actions{flex-wrap:wrap;gap:.4rem;display:flex}.strip-button{font:inherit;cursor:pointer;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;flex:1;padding:.25rem .6rem;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.strip-button:active{border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.strip-button--leave{color:#7f1010}.strip-actions .strip-button{flex:7ch}#sidebar-more{flex:none;margin-top:.35rem;padding:.1rem .5rem;font-size:.7rem}#sidebar-more[aria-expanded=true]{border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}.background-picker{gap:.2rem;margin-top:.35rem;font-weight:700;display:grid}.dialog-body label.remember-toggle{align-items:center;gap:.35rem;display:flex}.profile-picker{gap:.35rem;display:grid}.profile-picker-grid{display:none}.profile-picker-grid.open{display:block}.profile-picker-grid legend{display:none}.profile-name-row{gap:.25rem;display:flex}.profile-name-row input{min-width:0;font:inherit;background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex:1;padding:.3rem .4rem;font-weight:400;box-shadow:inset 1px 1px #000}.profile-name-row .strip-button{flex:none}.background-picker select{font:inherit;background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;padding:.2rem;font-weight:400;box-shadow:inset 1px 1px #000}body.modern-tweaks .background-picker-classic,body:not(.modern-tweaks) .background-picker-grid{display:none}.background-thumb{object-fit:cover;width:100%;height:1.2rem;image-rendering:pixelated;background:#000;display:block}.background-thumb--none{background:repeating-conic-gradient(gray 0% 25%,silver 0% 50%) 50%/.6rem .6rem}.character-picker{border:0;min-width:0;margin:0;padding:0}.character-picker legend{margin-bottom:.2rem;padding:0;font-weight:700}.character-options{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));gap:.25rem;max-height:min(12rem,32vh);padding:4px;display:grid;overflow-y:auto}.field-error{color:#a80000;margin:.35rem 0 0;font-size:.75rem;font-weight:700}.field-error[hidden]{display:none}.filter-notice{color:#ff6b6b;text-align:center;background:#2a0000;border:1px solid #a80000;margin:0 0 .25rem;padding:.3rem .5rem;font-size:.8rem;font-weight:700}.filter-notice[hidden]{display:none}.character-option-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;line-height:1.15;overflow:hidden}.dialog-body .character-option{cursor:pointer;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;min-width:0;padding:2px;font-size:.7rem;font-weight:400;display:block;position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.character-option-content{color:#000;background:#fff;place-items:center;gap:.1rem;width:100%;height:100%;padding:.15rem;display:grid}.character-option-chip{color:#fff;letter-spacing:.02em;pointer-events:none;border-radius:2px;padding:0 .14rem;font-size:.38rem;line-height:1.5;position:absolute;top:2px;right:2px}.character-option-chip--v2{background:#2f6fa8}.character-option-chip--art1{background:#7a4f9c}.character-option-chip--rem{color:#eee;background:#222}.character-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.character-option canvas{width:2.5rem;height:2.5rem;image-rendering:pixelated;display:block}.character-option:has(input:checked){color:#fff;background:#1084d0;border-color:#0a5cbf;box-shadow:0 0 0 3px #1084d0}.character-option:has(input:focus-visible){outline-offset:2px;outline:2px solid #000}.character-option:active{transform:translateY(1px)}.room-picker{border:0;min-width:0;margin:0;padding:0}.room-picker legend{margin-bottom:.2rem;padding:0;font-weight:700}.room-options{background:#fff;border:1px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;padding:1px;display:grid;box-shadow:inset 1px 1px #000}.dialog-body .room-option,.profile-picker .room-option{cursor:pointer;grid-template-columns:1fr auto;align-items:baseline;gap:.5rem;min-width:0;padding:.2rem .45rem;font-weight:400;display:grid;position:relative}.room-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.room-option-name{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.room-option-detail{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-style:italic;overflow:hidden}.room-option:has(input:checked){color:#fff;background:#1084d0}.room-option:has(input:checked) .room-option-detail{color:#d6e9f8}.room-option:has(input:focus-visible){outline-offset:-2px;outline:1px dotted #000}.background-picker-grid .character-options{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr))}.profile-picker-grid .character-options,.background-picker-grid .character-options{max-height:none;overflow-y:visible}.background-picker-grid .character-option,.profile-picker-grid .character-option{cursor:pointer;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;min-width:0;padding:2px;font-size:.7rem;display:block;position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.join-consent{color:#333;flex:1 0 100%;margin:0;font-size:.7rem;line-height:1.4}.join-consent a{color:navy}.dialog-buttons{z-index:1;background:silver;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .6rem;margin:.1rem -.75rem -.6rem;padding:.45rem .75rem .6rem;display:flex;position:sticky;bottom:0;box-shadow:0 -1px #fff,0 -2px gray}.legal-footer{white-space:nowrap;color:#333;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.2em .65em;padding:.2rem .5rem .3rem;font-size:clamp(.5rem,2.3vw,.75rem);display:flex}.legal-footer a{color:navy}.status{overflow-wrap:anywhere;background:silver;border:3px solid silver;margin:0;padding:.25rem .6rem;font-size:.75rem;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.status[data-ready=true],.app:not(.joined) .workspace,.app:not(.joined) .composer,.app:not(.joined) .mobile-toolbar,.app.joined .join-overlay{display:none}.app:not(.joined) .legal-footer{z-index:0;position:fixed;bottom:0;left:0;right:0}@container strip (width<=44rem){.strip-page{grid-template-columns:repeat(3,minmax(0,1fr))}}@container strip (width<=32rem){.strip-page{grid-template-columns:repeat(2,minmax(0,1fr))}}@container strip (width<=18rem){.strip-page{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.composer input,.composer select,.dialog-body input,.dialog-body select,.background-picker select,.profile-name-row input{font-size:16px}}@media (width<=760px){.workspace{flex-direction:column}.app.joined .legal-footer{display:none}.mobile-toolbar{gap:.25rem;padding:0 .25rem .25rem;display:flex}.toolbar-button{--gap:silver;color:#000;min-width:0;font:inherit;cursor:pointer;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;flex-direction:column;flex:1;align-items:center;gap:.05rem;padding:.2rem;font-size:.9rem;line-height:1;display:flex;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.toolbar-icon{fill:currentColor;width:1.35rem;height:1.35rem}.toolbar-icon .gap{fill:var(--gap)}.toolbar-icon .gap-s{stroke:var(--gap)}.toolbar-button .members-alone,body.room-alone .toolbar-button .members-many{display:none}body.room-alone .toolbar-button .members-alone{display:block}.mobile-toolbar .toolbar-button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6rem;font-weight:700;overflow:hidden}.toolbar-button[aria-expanded=true]{--gap:#1084d0;color:#fff;background:#1084d0;border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}body.pose-locked .toolbar-button[data-panel=pose]{outline-offset:-2px;outline:2px solid #1084d0}.mobile-sheet{overscroll-behavior:contain;background:silver;border:1px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;max-height:55dvh;padding:.4rem;display:block;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,0 -.25rem .6rem #00000040}.mobile-sheet[hidden]{display:none}.mobile-sheet .sidebar{width:auto;max-width:none;max-height:none;display:block;overflow:visible}.sidebar-resizer{display:none}.sidebar-members{min-height:6rem}.mobile-sheet .sidebar-members,.mobile-sheet .sidebar-self,.mobile-sheet .sidebar-controls,.mobile-sheet .background-picker,.mobile-sheet #sidebar-more{display:none}.mobile-sheet[data-panel=members] .sidebar-members{display:flex}.mobile-sheet[data-panel=pose] .sidebar-self{display:grid}.mobile-sheet[data-panel=pose] .sidebar-self>:not(.bodycam),.mobile-sheet[data-panel=pose] .bodycam-edit{display:none}.mobile-sheet[data-panel=pose] .bodycam-actions .bodycam-edit{display:flex}.mobile-sheet[data-panel=bg] .background-picker,.mobile-sheet[data-panel=more] .sidebar-self{display:grid}.mobile-sheet[data-panel=more] .bodycam{box-shadow:none;background:0 0;border:0}.mobile-sheet[data-panel=more] .bodycam canvas,.mobile-sheet[data-panel=more] .bodycam-actions{display:none}.mobile-sheet[data-panel=more] .sidebar-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-sheet[data-panel=more] .strip-actions,.mobile-sheet[data-panel=more] .profile-picker,.mobile-sheet[data-panel=more] .tweaks-hint{grid-column:1/-1}.mobile-sheet[data-panel=more] .tweaks-toggle--nested{margin-left:0}}