:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--moetado-purple:#9a5cff;--moetado-blue:#3d7bff}*{box-sizing:border-box}body{color:#f3eee6;background:#14121a;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.placeholder{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}.placeholder h1{margin:0 0 10px;font-size:clamp(22px,5vw,38px);font-weight:600}.placeholder p{opacity:.7;margin:0 0 6px}.placeholder code{color:var(--moetado-purple);background:#9a5cff2e;border-radius:4px;padding:2px 6px}.dashboard{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:32px 24px;display:flex}.dashboard h1{margin:0;font-size:clamp(22px,4vw,32px)}.dashboard-layouts{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.layout-button{border:2px solid var(--moetado-purple);color:#f3eee6;cursor:pointer;background:0 0;border-radius:10px;padding:16px 28px;font-size:18px;font-weight:600}.layout-button.active{background:var(--moetado-purple);color:#14121a}.dashboard-hint{opacity:.7;text-align:center;margin:0}.dashboard-login{justify-content:center}.dashboard-login form{text-align:left;flex-direction:column;gap:12px;width:min(320px,100%);display:flex}.dashboard-login label{opacity:.8;font-size:14px}.dashboard-login input{color:#f3eee6;background:#1d1a26;border:1px solid #3a3645;border-radius:8px;padding:10px 12px;font-size:16px}.dashboard-login button{background:var(--moetado-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600}.dashboard-login button:disabled{opacity:.5;cursor:default}.dashboard-error{color:#ff6b6b;margin:0;font-size:14px}.dashboard-ddb-debug{background:#1a1722;border:1px solid #3a3645;border-radius:10px;width:min(420px,100%);padding:16px}.dashboard-ddb-debug h2{opacity:.8;margin:0 0 10px;font-size:16px}.dashboard-ddb-debug-row{gap:8px;display:flex}.dashboard-ddb-debug input{color:#f3eee6;background:#1d1a26;border:1px solid #3a3645;border-radius:8px;flex:1;padding:10px 12px;font-size:15px}.dashboard-ddb-debug button{background:var(--moetado-purple);color:#14121a;cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.dashboard-ddb-debug button:disabled{opacity:.5;cursor:default}.dashboard-ddb-result{grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;font-size:14px;display:grid}.dashboard-ddb-result dt{opacity:.6}.dashboard-ddb-result dd{margin:0}.dashboard-rolls{width:min(420px,100%)}.dashboard-roll-pending{background:#ffb3471f;border:1px solid #ffb347;border-radius:10px;padding:14px}.dashboard-roll-pending p{margin:0 0 8px}.dashboard-roll-pending button{color:#14121a;cursor:pointer;background:#ffb347;border:none;border-radius:8px;padding:8px 14px;font-weight:600}.dashboard-cameras{width:min(960px,100%)}.dashboard-cameras h2{opacity:.8;margin:0 0 10px;font-size:16px}.dashboard-cameras-toggle{border:1px solid var(--moetado-purple);color:#f3eee6;cursor:pointer;background:0 0;border-radius:8px;margin-bottom:12px;padding:8px 14px}.camera-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;display:grid}.camera-card{text-align:left;flex-direction:column;gap:6px;display:flex}.camera-card-own .camera-frame{border:2px dashed var(--moetado-purple)}.camera-name{opacity:.8;margin:0;font-size:13px}.camera-frame{aspect-ratio:16/9;background:#0d0b12;border:1px solid #3a3645;border-radius:8px;max-width:100%;overflow:hidden}.camera-frame iframe{border:0;width:100%;height:100%;display:block}.camera-frame-empty{text-align:center;opacity:.6;place-items:center;height:100%;padding:8px;font-size:13px;display:grid}.camera-push{gap:6px;display:flex}.camera-push input{color:#f3eee6;background:#1d1a26;border:1px solid #3a3645;border-radius:6px;flex:1;min-width:0;padding:6px 8px;font-size:12px}.camera-push button{background:var(--moetado-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 10px}.placeholder .camera-grid{width:min(1100px,92vw);margin-top:20px}.scene-backdrop{z-index:0;background:#14121a;position:fixed;inset:0;overflow:hidden}.scene-backdrop-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;inset:0}.scene-backdrop-image.active{opacity:1}.scene-backdrop-fallback{filter:sepia(.18)saturate(1.2)brightness(.9)}.scene-backdrop:after{content:"";pointer-events:none;background:radial-gradient(at 50% 125%,#ff6e144d,#ff6e1400 58%),radial-gradient(#0e040000 45%,#0e04008c 100%);position:absolute;inset:0}.stream-content{z-index:1;text-shadow:0 2px 8px #000c;position:relative}.status-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.status-pill{background:#1a1722;border:1px solid #3a3645;border-radius:999px;padding:6px 14px;font-size:14px}.status-pill.ok{color:#3ecf8e;border-color:#3ecf8e}.status-pill.bad{color:#ff6b6b;border-color:#ff6b6b}.dashboard-main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:20px;width:min(1800px,100%);display:grid}@media (width<=1100px){.dashboard-main{grid-template-columns:minmax(0,1fr)}}.scene-panel,.preview-panel{background:#1a1722;border:1px solid #3a3645;border-radius:10px;padding:16px}.scene-panel h2,.preview-panel h2{opacity:.8;margin:0;font-size:16px}.preview-panel h2{margin-bottom:10px}.scene-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.scene-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.scene-previous{border:1px solid var(--moetado-purple);color:#f3eee6;cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:15px}.scene-previous:disabled{opacity:.4;cursor:default}.scene-panel-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}@media (width<=700px){.scene-panel-body{grid-template-columns:minmax(0,1fr)}}.scene-list{gap:8px;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.scene-button{color:#f3eee6;text-align:left;cursor:pointer;background:#1d1a26;border:2px solid #3a3645;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px;font-size:18px;display:flex}.scene-button:hover{border-color:var(--moetado-blue)}.scene-button.active{border-color:var(--moetado-purple);background:#9a5cff2e}.scene-button img{aspect-ratio:16/9;object-fit:cover;background:#0d0b12;border-radius:6px;flex:none;width:128px}.scene-button-text{flex-direction:column;gap:2px;display:flex}.scene-button-chapter{opacity:.65;font-size:13px}.scene-notes{background:#14121a;border-radius:8px;min-height:120px;padding:12px}.scene-notes h3{opacity:.7;margin:0 0 8px;font-size:14px}.scene-notes p{white-space:pre-wrap;margin:0;line-height:1.45}.preview-box{background:#0d0b12;border:1px solid #3a3645;border-radius:8px;width:100%;position:relative;overflow:hidden}.preview-box iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:0;left:0}.stage-viewport{z-index:2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stage{transform-origin:0 0;color:#f1ebdd;width:1920px;height:1080px;font-family:Inter,system-ui,sans-serif;position:absolute}.stream-roll{background:#101114d9;border-radius:999px;margin:0;padding:8px 20px;font:600 28px Inter,system-ui,sans-serif;position:absolute;top:40px;left:50%;transform:translate(-50%)}.stage-camera,.stage-camera-own{border-radius:3px;position:absolute;box-shadow:0 0 0 4px #2e1c0e,0 0 0 6px #8a6a37,0 0 26px 6px #ff781438,0 8px 18px #000000b3}.stage-camera{background:#100804;overflow:hidden}.stage-camera iframe{border:0;width:100%;height:100%;display:block}.stage-camera-dm{box-shadow:0 0 0 4px #2e1c0e,0 0 0 6px #ffb347,0 0 30px 8px #ff821461,0 8px 18px #000000b3}.stage-camera-setup{border:3px dashed #ffcf7acc;border-radius:6px;place-items:center;display:grid;position:absolute}.stage-camera-setup span{opacity:.85;font:600 24px Inter,system-ui,sans-serif}.stage-chat-area{border:2px dashed #ffcf7acc;border-radius:10px;position:absolute}.stage-chat-area span{opacity:.85;font:600 20px Inter,system-ui,sans-serif;position:absolute;top:10px;left:14px}.pc{color:#f5e3bd;background:repeating-linear-gradient(90deg,#0000 0 5px,#00000038 5px 6px,#ffc8780d 6px 11px),repeating-linear-gradient(0deg,#0000 0 55px,#0000008c 55px 58px),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.6%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200.5%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22240%22%20height%3D%22240%22%20filter%3D%22url\(%23n\)%22%2F%3E%3C%2Fsvg%3E),linear-gradient(#54391f 0%,#2e1d10 100%);border:4px solid #170d07;border-radius:7px;grid-template-rows:auto auto 40px 1fr;gap:2px;padding:8px 16px;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #7d5830,inset 0 0 30px #000000a6,0 8px 18px #000c,0 0 26px #ff781424}.pc:before{content:"";pointer-events:none;-webkit-mask-composite:xor;opacity:.9;background:repeating-linear-gradient(55deg,#d3b27a 0 5px,#8a6a37 5px 10px);border-radius:4px;padding:4px;position:absolute;inset:6px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pc:after{content:"";pointer-events:none;background:radial-gradient(6px at 12px 12px,#c4ccd6 0 25%,#6c7682 40%,#14171c 62%,#0000 66%),radial-gradient(6px at calc(100% - 12px) 12px,#c4ccd6 0 25%,#6c7682 40%,#14171c 62%,#0000 66%),radial-gradient(6px at 12px calc(100% - 12px),#c4ccd6 0 25%,#6c7682 40%,#14171c 62%,#0000 66%),radial-gradient(6px at calc(100% - 12px) calc(100% - 12px),#c4ccd6 0 25%,#6c7682 40%,#14171c 62%,#0000 66%);position:absolute;inset:0}.pc-name{color:#fbe8c2;text-shadow:0 0 14px #ff8c2866,0 2px 2px #000;white-space:nowrap;text-overflow:ellipsis;font:700 38px/1.08 Almendra,Georgia,serif;overflow:hidden}.pc-class{font-variant-numeric:lining-nums;color:#f0dcb2;text-shadow:0 1px 3px #000;white-space:nowrap;text-overflow:ellipsis;font:600 28px/1.15 Alegreya Sans,system-ui,sans-serif;overflow:hidden}.pc-dm .pc-name{color:#ffb347}.pc-own{outline-offset:1px;outline:3px solid #ffd35a}.pc-dm-plate{grid-template-rows:auto auto;align-content:center;gap:0;padding:0 18px}.pc-dm-plate:before{padding:3px;inset:3px}.pc-dm-plate .pc-name{font-size:25px;line-height:1.15}.pc-dm-plate .pc-class{font-size:20px;line-height:1.1}.pc-badges{align-items:center;gap:6px;display:flex;overflow:hidden}.pc-chip{text-overflow:ellipsis;font-variant-numeric:lining-nums;color:#ffb347;white-space:nowrap;background:#1b0f08;border:2px solid #b0803a;border-radius:3px;flex:0 auto;min-width:0;padding:5px 12px;font:700 23px/1 Alegreya Sans,system-ui,sans-serif;overflow:hidden}.pc-chip-more{flex:none}.pc-hp{background:#130a05;border-radius:3px;align-self:end;height:38px;margin:0 6px 4px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #170d07,0 0 0 5px #8a6a37}.pc-hp-fill{position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -6px 8px #00000040,inset 0 3px 4px #ffffff29}.pc-hp-good .pc-hp-fill{background:linear-gradient(#4fb286,#2c7a58)}.pc-hp-warn .pc-hp-fill{background:linear-gradient(#f0a445,#b8701a)}.pc-hp-low .pc-hp-fill{background:linear-gradient(#e8704f,#a63a1f)}.pc-hp-temp{background:#4aa3e0;position:absolute;top:0;bottom:0}.pc-hp-num{font-variant-numeric:lining-nums;color:#fff;text-shadow:0 1px 4px #000,0 0 2px #000;letter-spacing:.02em;place-items:center;font:800 30px Alegreya Sans,system-ui,sans-serif;display:grid;position:absolute;inset:0}.pc-dead{filter:grayscale()brightness(.8)}.pc-dead .pc-hp-num{visibility:hidden}.pc-dead-band{color:#fff;letter-spacing:.06em;background:#000;place-items:center;font:700 27px Almendra,Georgia,serif;display:grid;position:absolute;inset:0}.test-party-toggle{color:#f3eee6;cursor:pointer;background:#1a1722;border:1px solid #3a3645;border-radius:8px;padding:8px 16px;font-size:14px}.layout-fx{opacity:0;pointer-events:none;will-change:opacity;transition:opacity .8s ease-in-out;position:absolute;inset:0}.layout-fx.active{opacity:1}.layout-fx-table{background:linear-gradient(#00000059 0%,#0009 100%)}.layout-fx-story{background:linear-gradient(#0000 55%,#0000008c 100%)}.layout-fx-combat{background:radial-gradient(#780a0a00 55%,#780a0a73 100%),linear-gradient(#0000 55%,#0000008c 100%)}.stage-initiative-strip{opacity:0;background:repeating-linear-gradient(90deg,#0000 0 5px,#00000038 5px 6px),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22240%22%20height%3D%22240%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.6%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200.5%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22240%22%20height%3D%22240%22%20filter%3D%22url\(%23n\)%22%2F%3E%3C%2Fsvg%3E),linear-gradient(#50361d,#2b1b0e);border:4px solid #170d07;border-radius:7px;transition:opacity .8s ease-in-out;position:absolute;box-shadow:inset 0 0 0 2px #7d5830,inset 0 0 28px #0009,0 6px 14px #000000b3}.stage-initiative-strip.on{opacity:1}.chapter-title{text-align:center;opacity:0;text-shadow:0 2px 14px #000000f2;pointer-events:none;transition:opacity .8s ease-in-out,transform .8s ease-in-out;position:absolute;transform:translateY(-8px)}.chapter-title.visible{opacity:1;animation:.8s ease-in-out chapter-title-in;transform:translateY(0)}@keyframes chapter-title-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chapter-title-label{letter-spacing:.2em;text-transform:lowercase;color:#ffb347;font:700 28px Almendra SC,Georgia,serif}.chapter-title-name{color:#ffe7bd;text-shadow:0 0 24px #ff821e99,0 3px 3px #000;white-space:nowrap;text-overflow:ellipsis;font:700 64px/1.1 Almendra SC,Georgia,serif;overflow:hidden}.chapter-title-line{background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffb347%22%20d%3D%22M12%202.6a1.6%201.6%200%200%201%201.6%201.6v.35C16.5%205.3%2018.2%207.8%2018.2%2010.8v3.6l2.1%203.1V19H3.7v-1.5l2.1-3.1v-3.6c0-3%201.7-5.5%204.6-6.25V4.2A1.6%201.6%200%200%201%2012%202.6zM9.9%2020.2h4.2a2.1%202.1%200%200%201-4.2%200z%22%2F%3E%3C%2Fsvg%3E) 50%/30px 30px no-repeat,repeating-linear-gradient(55deg,#d3b27a 0 4px,#8a6a37 4px 8px) 0/40% 6px no-repeat,repeating-linear-gradient(55deg,#d3b27a 0 4px,#8a6a37 4px 8px) 100%/40% 6px no-repeat;width:380px;height:34px;margin:4px auto 0}.party-panel{background:#1a1722;border:1px solid #3a3645;border-radius:10px;width:min(1800px,100%);padding:16px}.party-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.party-panel h2{opacity:.8;margin:0;font-size:16px}.party-panel button{color:#f3eee6;cursor:pointer;background:#14121a;border:1px solid #3a3645;border-radius:8px;padding:8px 12px;font-size:14px}.party-panel button:hover:not(:disabled){border-color:var(--moetado-purple)}.party-panel button:disabled{opacity:.4;cursor:default}.party-rows{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px;display:grid}.party-row{background:#14121a;border:1px solid #3a3645;border-radius:10px;gap:10px;padding:12px;display:grid}.party-row-error{border-color:#ff6b6b}.party-who{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:18px;display:flex}.party-class{opacity:.75;font-size:15px}.party-player{opacity:.5;font-size:13px}.party-hp{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.party-hp-text{min-width:110px;font-size:28px;font-weight:800}.party-hp-buttons{gap:6px;display:flex}.party-hp-buttons button{min-width:48px;font-size:18px;font-weight:700}.party-hp-form{gap:4px;display:flex}.party-hp-form input{color:#f3eee6;background:#1d1a26;border:1px solid #3a3645;border-radius:8px;width:72px;padding:8px;font-size:15px}.party-manual{color:#ffb347;letter-spacing:.04em;border:1px solid #ffb347;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.party-ddb{opacity:.6;font-size:12px}.party-conditions-head{opacity:.85;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.party-checks{flex-wrap:wrap;gap:6px 14px;display:flex}.party-check{cursor:pointer;align-items:center;gap:6px;font-size:15px;display:flex}.party-check input{width:18px;height:18px}.party-more{margin:6px 0}.party-more summary{cursor:pointer;opacity:.8;margin-bottom:4px;font-size:13px}.party-exhaustion{align-items:center;gap:8px;margin-top:4px;font-size:14px;display:flex}.party-exhaustion select{color:#f3eee6;background:#1d1a26;border:1px solid #3a3645;border-radius:8px;padding:6px}.party-sync{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.party-sync-text{opacity:.7}.party-error{color:#ff6b6b;font-weight:600}.party-sync-buttons{gap:6px;margin-left:auto;display:flex}.scene-chapter-heading{letter-spacing:.08em;text-transform:lowercase;color:#d9a93a;opacity:.9;margin:10px 0 6px;font-size:13px}.scene-list-item:first-child .scene-chapter-heading{margin-top:0}.scene-button-title{font-size:18px}.scene-badge{opacity:.8;border:1px solid #55585f;border-radius:999px;align-self:flex-start;padding:1px 10px;font-size:12px}.scene-special-bar{background:#ffb34712;border:2px dashed #8a6a1f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.scene-special-label{letter-spacing:.08em;color:#ffb347;margin-right:6px;font-size:13px}.scene-special-button{color:#ffd9a0;cursor:pointer;background:#ffb3471f;border:2px solid #8a6a1f;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600}.scene-special-button:hover{border-color:#ffb347}.scene-special-button.active{color:#fff;background:#ffb34759;border-color:#ffb347}.scene-notes{max-height:60vh;overflow-y:auto}.adventure-check{width:min(1800px,100%);font-size:14px}.adventure-check summary{cursor:pointer;opacity:.85;padding:8px 4px}.adventure-check-problems{color:#ffb3b3;background:#ff6b6b14;border:1px solid #ff6b6b;border-radius:8px;margin-bottom:8px;padding:10px 14px}.adventure-check-problems ul{margin:6px 0 0;padding-left:20px}.adventure-check-group h4{opacity:.7;margin:10px 0 4px;font-size:13px}.adventure-check-group ul{columns:3 280px;margin:0;padding-left:18px}.adventure-check-group code{color:#cbc4b4;font-size:13px}.adventure-check-label{opacity:.55;font-size:12px}.adventure-check-reload{color:#f3eee6;cursor:pointer;background:#1a1722;border:1px solid #3a3645;border-radius:8px;margin-top:10px;padding:6px 12px}