:root{--bg:#0e1310;--panel:#161d18;--panel-2:#1d2620;--border:#2d3a31;--text:#dfe7e0;--muted:#8a9a8e;--accent:#5fbf7f;--accent-dim:#2f6b45;--danger:#d9534f;--warn:#e6a23c;--gold:#d4af37;color:var(--text);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}h1,h2,h3,h4{letter-spacing:.04em;margin:.4em 0;font-family:Courier New,ui-monospace,monospace}h1{font-size:1.6rem}h2{color:var(--accent);font-size:1.25rem}h3{font-size:1.05rem}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#0a0f0c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:.1em;font-family:Courier New,monospace;font-weight:700;text-decoration:none}.brand .delta{color:var(--accent);font-size:1.3em}.topbar nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a.active,.topbar nav a:hover{color:var(--accent)}main{max-width:1200px;margin:0 auto;padding:1.25rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-bottom:1rem;padding:1rem}.panel>h2:first-child,.panel>h3:first-child{margin-top:0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.warn{color:var(--warn)}.ok{color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.5rem 1rem;display:grid}.layout-side{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}@media (width<=900px){.layout-side{grid-template-columns:1fr}}.sticky{position:sticky;top:4.5rem}input,select,textarea,button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:.4rem .55rem}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}textarea{resize:vertical;width:100%;min-height:5rem}input[type=checkbox]{width:auto;accent-color:var(--accent)}input.num{text-align:center;width:4.5rem}label{display:block}label>span{color:var(--muted);margin-bottom:.15rem;font-size:.8rem;display:block}.field{margin-bottom:.6rem}.field input,.field select{width:100%}button{cursor:pointer;background:var(--accent-dim);border-color:var(--accent-dim)}button:hover:not(:disabled){filter:brightness(1.2)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--panel-2);border-color:var(--border)}button.danger{background:#5a1f1d;border-color:#7a2a27}button.link{color:var(--muted);background:0 0;border:none;padding:0}button.link:hover{color:var(--accent)}button.share-name{font:inherit;color:inherit;text-align:left;-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:3px;background:0 0;border:none;padding:0}button.share-name:hover:not(:disabled){color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);filter:none}button.tiny{padding:.1rem .4rem;font-size:.8rem}button.discord{background:#5865f2;border-color:#5865f2}.steps{flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.steps button{background:var(--panel);border-color:var(--border);color:var(--muted)}.steps button.current{border-color:var(--accent);color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}.card{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.75rem}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card h4{margin:0 0 .3rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.3rem .4rem}th{color:var(--muted);font-size:.85rem;font-weight:400}.skill{border-bottom:1px dotted var(--border);align-items:center;gap:.35rem;padding:.15rem 0;display:flex}.skill .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.skill .value{text-align:right;min-width:2.5rem;font-family:monospace}.skill.high .value{color:var(--accent)}.tracks{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.track{background:var(--panel-2);border:1px solid var(--border);text-align:center;border-radius:6px;padding:.5rem}.track .big{font-family:monospace;font-size:1.6rem}.track .label{color:var(--muted);letter-spacing:.08em;font-size:.75rem}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.05rem .45rem;font-size:.75rem;display:inline-block}.badge.green{border-color:var(--accent-dim);color:var(--accent)}.result{border-left:4px solid var(--border);background:var(--panel-2);border-radius:0 4px 4px 0;margin-bottom:.45rem;padding:.45rem .6rem}.result.success{border-color:var(--accent)}.result.crit{border-color:var(--gold)}.result.failure{border-color:var(--danger)}.result.fumble{background:#2a1414;border-color:#7a0000}.result .title{font-weight:700}.result .meta{color:var(--muted);font-size:.8rem}ul.plain{margin:0;padding:0;list-style:none}ul.messages{margin:.25rem 0;padding-left:1.2rem}.hero{text-align:center;padding:2rem 1rem}.hero h1{font-size:2.2rem}.hero .row{justify-content:center}.play{flex-direction:column;height:100vh;display:flex}.play-header{border-bottom:1px solid var(--border);background:var(--panel);padding:.5rem 1rem}.audio-bar{margin-top:.4rem}.audio-now{text-overflow:ellipsis;white-space:nowrap;max-width:22rem;overflow:hidden}.audio-volume{width:6rem}.audio-playlist{border:1px solid var(--border);background:var(--panel-2);border-radius:4px;margin-top:.4rem;padding:.5rem}.audio-tracks{max-height:14rem;margin:.4rem 0 0;padding:0;list-style:none;overflow-y:auto}.audio-tracks li{align-items:center;gap:.4rem;padding:.1rem 0;display:flex}.audio-tracks li.playing .audio-title{color:var(--accent);font-weight:600}.audio-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.play-agents{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.play-agent{align-items:baseline;gap:.5rem;padding:.2rem .6rem;display:flex}.play-log{flex-direction:column;flex:1;gap:.35rem;padding:.75rem 1rem;display:flex;overflow-y:auto}.play-log>*{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.play-earlier{text-align:center}.play-empty{text-align:center;padding:2rem 1rem}.play-item{align-items:flex-start;gap:.6rem;display:flex}.play-item-body{flex:1;min-width:0}.play-item.secret .play-item-body>*{outline:1px dashed var(--warn);outline-offset:-1px}.play-avatar{border:2px solid var(--accent-dim);background:var(--panel-2);border-radius:50%;flex:0 0 2.6rem;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;margin-top:.2rem;display:flex;overflow:hidden}a:has(>.play-avatar){flex:none}.play-avatar.initials{color:var(--muted);font-family:Courier New,monospace;font-size:.85rem;font-weight:700}.kind-speech .play-avatar{border-color:var(--accent)}.kind-sanity .play-avatar{border-color:#8e5cc4}.kind-tracking .play-avatar,.kind-roll .play-avatar{border-color:var(--warn)}.play-entry{border-left:3px solid #0000;padding:.3rem .6rem}.play-entry p{white-space:pre-wrap;margin:0}.play-entry.centered{text-align:center}.play-entry.narration{border-left:3px solid var(--gold);background:linear-gradient(90deg, #d4af3714, var(--panel) 40%);border-radius:0 4px 4px 0;padding:.6rem .9rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.6}.play-entry.narration p:first-letter{color:var(--gold);font-size:1.5em}.play-entry.action{color:#c5d1c7;font-style:italic}.play-entry.action p strong{color:var(--accent);font-style:normal}.play-entry.action p:before{content:"» ";color:var(--accent-dim);font-style:normal}.play-speaker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.15rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.play-entry.speech{padding:.2rem 0}.play-quote{background:var(--panel-2);border:1px solid var(--border);border-radius:0 14px 14px;max-width:100%;font-size:1.08rem;line-height:1.5;display:inline-block;position:relative;padding:.55rem 2.4rem!important}.play-quote:before,.play-quote:after{color:var(--accent);opacity:.85;pointer-events:none;font-family:Georgia,serif;font-size:3.2rem;line-height:1;position:absolute}.play-quote:before{content:"“";top:.05rem;left:.35rem}.play-quote:after{content:"”";bottom:-1.05rem;right:.4rem}.play-entry.ooc{color:var(--muted);border:1px dashed var(--border);opacity:.85;border-radius:4px;font-family:ui-monospace,Courier New,monospace;font-size:.82rem}.play-ooc-tag{border:1px solid var(--muted);letter-spacing:.08em;border-radius:3px;padding:0 .25rem;font-size:.65rem}.play-entry.audio{text-align:center;color:var(--muted);font-size:.85rem;font-style:italic}.play-entry.audio p:before{content:"♪ ";color:var(--accent);font-style:normal}.play-entry.result{margin-bottom:0}.play-entry.mech{background:var(--panel-2);border-left-color:var(--warn);border-radius:0 4px 4px 0;font-size:.92rem}.play-entry.mech.sanity{border-left-color:#8e5cc4}.play-entry.minor{color:var(--muted);font-size:.85rem}.play-meta{color:var(--muted);font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-style:normal;display:block}.play-quote+.play-meta,.play-quote~.play-meta{margin-top:.2rem}.play-scene{flex-direction:column;align-items:center;margin:1.1rem auto .5rem;display:flex}.play-slug{letter-spacing:.12em;text-transform:uppercase;width:100%;color:var(--accent);text-align:center;white-space:pre-wrap;align-items:center;gap:.75rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;display:flex}.play-slug:before,.play-slug:after{content:"";border-top:2px solid var(--accent-dim);flex:1}.play-agent-portrait{border-radius:50%;flex:none;align-self:center;width:1.4rem;height:1.4rem}.portrait-frame{aspect-ratio:1;background:var(--panel-2);display:block;position:relative;overflow:hidden}.portrait-frame>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.portrait-current{flex-direction:column;align-items:center;gap:.3rem;display:flex}.portrait-edit{cursor:pointer;background:0 0;border:none;width:min(100%,240px);padding:0;position:relative}.portrait-large{border:1px solid var(--border);border-radius:6px;width:100%}.portrait-edit-hint{color:var(--text);opacity:0;background:#000000b3;border-radius:3px;padding:.1rem .4rem;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:.4rem;right:.4rem}.portrait-edit:hover .portrait-edit-hint,.portrait-edit:focus-visible .portrait-edit-hint{opacity:1}.lightbox{z-index:100;background:#000000e6;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-bar{justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.lightbox-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 3.5rem .75rem;display:flex}.lightbox-stage img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:100%;box-shadow:0 6px 30px #000c}.lightbox-stage.actual{text-align:center;display:block;overflow:auto}.lightbox-stage.actual img{cursor:zoom-out;max-width:none;max-height:none}.lightbox-caption{text-align:center;letter-spacing:.05em;color:var(--text);padding:0 1rem .9rem;font-family:Courier New,monospace}.lightbox-nav{opacity:.8;padding:.3rem .7rem;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{opacity:1}.lightbox-nav.prev{left:.5rem}.lightbox-nav.next{right:.5rem}.modal-backdrop{z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{width:min(100%,460px);max-height:100%;overflow:auto;box-shadow:0 10px 40px #0009}.cropper{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.cropper-frame{aspect-ratio:1;cursor:grab;touch-action:none;border:1px solid var(--border);outline-offset:2px;background:#000;width:min(300px,100%);position:relative;overflow:hidden}.cropper-frame:active{cursor:grabbing}.cropper-image{width:100%;height:100%}.cropper-mask{pointer-events:none;border-radius:50%;outline:1px dashed #ffffff80;position:absolute;inset:0;box-shadow:0 0 0 999px #00000073}.cropper-previews{flex-direction:column;align-items:center;gap:.3rem;display:flex}.cropper-zoom{align-items:center;gap:.6rem;margin:.6rem 0}.cropper-zoom input{flex:1}.char-gallery{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;margin-top:.6rem;display:grid}.char-gallery figure{border:1px solid var(--border);background:var(--panel-2);border-radius:4px;margin:0;padding:.25rem}.char-gallery figure.portrait{border-color:var(--accent)}.char-gallery img{aspect-ratio:1;object-fit:cover;border-radius:3px;width:100%;display:block}.char-gallery figcaption{justify-content:space-between;margin-top:.25rem}.card-title{flex-wrap:nowrap;gap:.5rem;min-width:0}.card-portrait{border:1px solid var(--accent-dim);border-radius:50%;flex:none;width:2rem;height:2rem}.badge.secret{border-color:var(--warn);color:var(--warn);margin-left:.4rem;font-size:.7rem}.play-compose{border-top:1px solid var(--border);background:var(--panel);padding:.5rem 1rem .75rem}.play-compose>.row{max-width:900px;margin:0 auto}.play-input{flex-wrap:nowrap!important;align-items:stretch!important;margin-top:.4rem!important}.play-input textarea{flex:1;min-height:2.6rem}.play-body{flex:1;min-height:0;display:flex;position:relative}.play-main{flex-direction:column;flex:1;min-width:0;display:flex}.play-stage{border-left:1px solid var(--border);background:#000;flex-direction:column;flex:2 1 0;order:1;justify-content:center;align-items:center;gap:.5rem;min-width:0;min-height:0;padding:.75rem;display:flex}.play-stage a{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.play-stage>a img{object-fit:contain;max-width:100%;max-height:100%}.play-stage-caption{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-align:center;font-family:Courier New,monospace}.play-image{flex-direction:column;align-items:flex-start;gap:.25rem;margin-top:.3rem;display:flex}.play-scene .play-image{align-items:center}.play-image img{border:1px solid var(--border);border-radius:4px;max-width:min(100%,360px);max-height:240px}.play-file{margin-top:.3rem;display:inline-block}.play-pending{gap:.5rem;margin-top:.3rem!important}.play-ops{z-index:5;border:1px solid var(--border);background:var(--panel);border-radius:6px;flex-direction:column;gap:.45rem;width:300px;max-width:calc(100% - 1rem);padding:.6rem .75rem;display:flex;position:absolute;top:.5rem;bottom:.5rem;right:.5rem;overflow-y:auto;box-shadow:0 6px 24px #0009}.play-notebook{z-index:5;border:1px solid var(--border);border-left:3px solid var(--gold);background:var(--nb-cover);width:340px;max-width:calc(100% - 1rem);color:var(--text);border-radius:6px;flex-direction:column;gap:.45rem;padding:.6rem .75rem;display:flex;position:absolute;top:.5rem;bottom:.5rem;left:.5rem;box-shadow:0 6px 24px #0009}.play-notebook .nb-page{resize:none;min-height:8rem;font-family:var(--nb-font);font-size:.9rem;line-height:var(--nb-line);padding-top:var(--nb-pad);padding-left:var(--nb-indent);background:var(--nb-paper);flex:1}.nb-style-field,.nb-style-spiral,.nb-style-composition,.nb-style-manila,.nb-style-legal{--nb-line:1.35rem;--nb-pad:.4rem;--nb-indent:.55rem;--nb-font:ui-monospace, "Courier New", monospace;--nb-rule:#ffffff0a;--nb-margin:#dc46468c;--nb-rules:linear-gradient(transparent calc(var(--nb-line) - 1px), var(--nb-rule) 0) 0 var(--nb-pad) / 100% var(--nb-line) local;--nb-cover:var(--panel);--nb-paper:var(--nb-rules), var(--panel-2)}.nb-light,.nb-swatch.nb-style-spiral,.nb-swatch.nb-style-composition,.nb-swatch.nb-style-manila,.nb-swatch.nb-style-legal{--text:#26231f;--muted:#6f685d;--border:#3c321e40;--accent:#2d7a47;--accent-dim:#a9d3b5;--gold:#a07a14;--warn:#a8641a;--danger:#b3261e;--panel:#fffdf6;--panel-2:#0000000d;--nb-rule:#4678c859;--nb-font:Georgia, "Times New Roman", serif;--nb-indent:2.5rem}.nb-style-spiral{--nb-cover:#fdfdfb;--nb-paper:linear-gradient(90deg, transparent 2rem, var(--nb-margin) 2rem calc(2rem + 1px), transparent 0) local, var(--nb-rules), #fdfdfb}.nb-style-composition{--nb-line:1.6rem;--nb-cover:#fbf7ea;--nb-paper:linear-gradient(90deg, transparent 2rem, #e16e8c8c 2rem calc(2rem + 1px), transparent 0) local, var(--nb-rules), #fbf7ea;--nb-marble:radial-gradient(ellipse 3px 2px at 30% 40%, #eee 85%, transparent) 0 0 / 13px 11px, radial-gradient(circle 2px at 70% 20%, #d6d6d6 85%, transparent) 4px 3px / 17px 14px, radial-gradient(ellipse 5px 1.5px at 50% 60%, #aaa 85%, transparent) 2px 7px / 23px 19px, radial-gradient(circle 1px at 20% 80%, #fff 85%, transparent) 0 0 / 7px 9px, #111}.nb-style-manila{--nb-cover:#dcc48e;--nb-paper:#f6f0df;--nb-indent:.8rem;--nb-pad:.6rem;--nb-font:"Courier New", Courier, monospace;--text:#33281a;--muted:#6e5b3d;--border:#503c144d;--panel:#efe3c2;--panel-2:#503c1414}.nb-style-legal{--nb-cover:#fcf1a0;--nb-paper:linear-gradient(90deg, transparent 2rem, var(--nb-margin) 2rem calc(2rem + 1px), transparent calc(2rem + 1px) calc(2rem + 3px), var(--nb-margin) calc(2rem + 3px) calc(2rem + 4px), transparent 0) local, var(--nb-rules), #fcf1a0}.nb-light .nb-page{border:none;border-radius:0}.nb-light .nb-page:focus{outline:none}.nb-light .play-entry.action{color:var(--text)}.nb-light .nb-clip-list{gap:.9rem;padding-top:.5rem}.nb-light .nb-clip{background:#fff;position:relative;box-shadow:0 1px 3px #0000002e}.nb-light .nb-clip:before{content:"";pointer-events:none;background:#faf8e1bf;border:1px solid #00000014;width:3.5rem;height:.9rem;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)rotate(-2deg)}.play-notebook.nb-style-spiral{border:1px solid #d9d9d4;padding-left:1.5rem}.play-notebook.nb-style-spiral:before{content:"";pointer-events:none;background:radial-gradient(circle at 1.1rem,#2a2a2a 0 .2rem,#0000 .24rem) 0 0/1.5rem 1.1rem repeat-y,linear-gradient(172deg,#0000 40%,#e3e5e8 40% 50%,#8d9196 50% 60%,#0000 60%) 0 0/1.15rem 1.1rem repeat-y;width:1.5rem;position:absolute;top:.6rem;bottom:.6rem;left:-.45rem}.play-notebook.nb-style-composition{background:linear-gradient(var(--nb-cover), var(--nb-cover)) padding-box, var(--nb-marble) border-box;border:.5rem solid #0000;border-left-width:1.4rem}.play-notebook.nb-style-composition:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#1b1b1b 0 2px,#0c0c0c 2px 4px);border-radius:6px 0 0 6px;width:.9rem;position:absolute;top:-.5rem;bottom:-.5rem;left:-1.4rem}.play-notebook.nb-style-manila{box-shadow:none;filter:drop-shadow(0 6px 16px #0000008c);border:none;border-radius:0 8px 8px;top:1.9rem}.play-notebook.nb-style-manila:before{content:"EYES ONLY";background:var(--nb-cover);letter-spacing:.15em;width:9rem;color:var(--muted);border-radius:8px 8px 0 0;padding:.35rem .75rem .15rem;font:700 .7rem/1 Courier New,monospace;position:absolute;bottom:100%;left:0}.play-notebook.nb-style-manila .nb-page{border-radius:1px;box-shadow:0 1px 3px #00000040}.play-notebook.nb-style-legal{border:none;border-top:1.1rem solid #6e2a20;border-radius:3px}.play-settings-wrap{position:relative}.play-settings{z-index:20;text-align:left;border:1px solid var(--border);background:var(--panel);border-radius:6px;flex-direction:column;gap:.5rem;width:300px;padding:.6rem .75rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 6px 24px #0009}.nb-style-picker{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}button.nb-style-option{flex-direction:column;align-items:stretch;gap:.25rem;padding:.3rem;font-size:.75rem;display:flex}button.nb-style-option[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.nb-swatch{background:var(--nb-cover);border:1px solid var(--border);border-radius:3px;height:3rem;display:block;position:relative;overflow:hidden}.nb-swatch:after{content:"";background:var(--nb-paper);position:absolute;inset:.45rem .35rem 0 .6rem}.nb-swatch.nb-style-composition{background:var(--nb-marble)}.nb-swatch.nb-style-legal{border-top:.4rem solid #6e2a20}.nb-swatch.nb-style-legal:after,.nb-swatch.nb-style-spiral:after{inset:0}.nb-swatch.nb-style-spiral:before{content:"";z-index:1;background:radial-gradient(circle,#2a2a2a 0 .12rem,#0000 .15rem) 0 0/.6rem .55rem repeat-y;width:.6rem;position:absolute;top:0;bottom:0;left:0}.nb-swatch.nb-style-manila:after{inset:.6rem .35rem 0;box-shadow:0 1px 2px #0000004d}.nb-settings-note,.play-notebook .error{margin:0}.notebook-status.error{color:var(--danger)}.play-body.has-stage .play-notebook{left:auto;right:.5rem}.play-body.has-stage.qm-open .play-notebook{right:calc(300px + 1rem)}@media (width<=900px){.play-body.has-stage .play-notebook,.play-body.has-stage.qm-open .play-notebook{left:.5rem;right:auto}}.nb-tabs{gap:.35rem;display:flex}.nb-clips{flex-direction:column;flex:1;gap:.4rem;min-height:0;display:flex}.nb-clip-list{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding-right:.15rem;display:flex;overflow-y:auto}.nb-clip{border:1px solid var(--border);background:var(--panel-2);border-radius:5px;flex-direction:column;gap:.35rem;padding:.4rem .5rem;display:flex}.nb-clip.fresh{animation:1.6s ease-out nb-fresh}@keyframes nb-fresh{0%{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3766}}.nb-entry{font-size:.88rem}.nb-entry .play-image img{max-height:160px}.nb-excerpt{border-left:3px solid var(--gold);white-space:pre-wrap;margin:0;padding:.3rem .6rem;font-family:Georgia,serif;font-style:italic}.nb-note{resize:vertical;background:var(--panel);width:100%;font-size:.85rem}.nb-clip .error{margin:0}.play-item{position:relative}.play-clip{opacity:0;padding:.05rem .4rem;transition:opacity .12s;position:absolute;top:.15rem;right:.15rem}.play-item:hover .play-clip,.play-clip:focus-visible{opacity:1}.play-clip.clipped{opacity:.6}@media (hover:none){.play-clip{opacity:.6}}.notebook-status.saved{color:var(--accent)}.qm-section summary{cursor:pointer;color:var(--accent);margin:.2rem 0;font-family:Courier New,monospace;font-weight:700}.qm-notes p,.qm-note p{white-space:pre-wrap;margin:.2rem 0 0}.qm-note{border-left:3px solid var(--warn);background:var(--panel-2);border-radius:0 4px 4px 0;margin:.25rem 0;padding:.25rem .5rem}button.qm-cue{text-align:left;flex-direction:column;align-items:stretch;width:100%;margin:.25rem 0;padding:.3rem .5rem;display:flex}button.qm-cue.used{opacity:.55}.qm-cue-head{align-items:center;gap:.35rem;display:flex}.qm-cue-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.qm-cue-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.play-body.has-stage{flex-direction:column}.play-stage{border-left:none;border-bottom:1px solid var(--border);flex:none;order:-1;max-height:35vh}.play-body{flex-direction:column}.play-widgets:not(.on-stage){border-left:none;border-bottom:1px solid var(--border);flex:none;order:-1;max-height:35vh}.play-body.qm-open:not(.has-stage) .play-widgets{margin-right:0}.play-widgets.on-stage{width:220px}}.play-stage{position:relative}.play-widgets{border-left:1px solid var(--border);flex-direction:column;flex:0 0 290px;order:2;gap:.5rem;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.play-body.qm-open:not(.has-stage) .play-widgets{margin-right:calc(300px + 1rem)}.play-widgets.on-stage{z-index:3;border:none;width:270px;max-width:calc(100% - 1.5rem);max-height:calc(100% - 1.5rem);padding:0;position:absolute;top:.75rem;left:.75rem}.play-widgets.on-stage .widget{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1310d6}.widget{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--panel);border-radius:6px;flex-shrink:0}.widget.is-hidden{border-style:dashed dashed dashed solid;border-left-color:var(--warn);opacity:.85}.widget-head{border-bottom:1px solid var(--border);align-items:center;gap:.3rem;padding:.3rem .45rem;display:flex}.widget-head .badge.secret{margin-left:0}.widget-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;min-width:0;color:var(--accent);flex:1;font-family:Courier New,monospace;font-size:.82rem;overflow:hidden}.widget-title-input{flex:1;min-width:0;font-size:.82rem;padding:.1rem .3rem!important}.widget-collapse{color:var(--muted);padding:0 .15rem;text-decoration:none}.widget-tools{flex-shrink:0;gap:.15rem;display:flex}.widget-tools button.tiny{padding:.05rem .3rem;font-size:.72rem}.widget-body{flex-direction:column;gap:.4rem;padding:.45rem .55rem;display:flex}.widget-empty{margin:0}.widget-error{border:1px solid var(--danger);background:var(--panel);border-radius:5px;margin:0;padding:.3rem .5rem}.widget-form{flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}.widget-form label{color:var(--muted);flex-direction:column;gap:.1rem;display:flex}.widget-add{flex-wrap:wrap;gap:.3rem;display:flex}.add-widget{width:260px}.add-widget-row{gap:.3rem;display:flex}.add-widget-row button:first-child{text-align:left;flex:1}.play-entry.widget-moment{color:var(--gold);letter-spacing:.03em;font-family:Courier New,monospace}.play-entry.widget-moment p{margin:0}.dt{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.dt-time{letter-spacing:.08em;color:var(--text);font-family:Courier New,monospace;font-size:2rem;font-weight:700;line-height:1.1}.dt-date{font-size:.85rem}.dt-meta{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-family:Courier New,monospace;font-size:.78rem}.dt-steps{gap:.25rem;margin-top:.3rem;display:flex}.dt .widget-form{text-align:left;align-self:stretch;margin-top:.3rem}.clocks{flex-direction:column;gap:.45rem;display:flex}.clock{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clock-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.clock-label{overflow-wrap:anywhere;font-size:.85rem;font-weight:700}.clock-btns{gap:.2rem;display:flex}.clock-edit{flex-basis:100%;align-items:center;gap:.25rem;display:flex}.clock-edit input:not([aria-label=Duration]){flex:1;min-width:0}.clock-edit input,.clock-edit select{padding:.1rem .3rem;font-size:.8rem}.clock-edit input.invalid{border-color:var(--danger)}.pie{flex-shrink:0;width:3.4rem;height:3.4rem}.pie path{stroke:var(--text);stroke-width:2px;stroke-linejoin:round}.pie path.off{fill:var(--panel-2)}.pie path.on{fill:var(--danger)}.pie.full path.on{fill:#8b1e1a}.pie path[class]{transition:fill .15s}.widget:has(.widget-tools) .pie path{cursor:pointer}.widget:has(.widget-tools) .pie path:hover{opacity:.8}.timer-face{flex-direction:column;gap:.15rem;display:flex}.timer-left{font-variant-numeric:tabular-nums;font-family:Courier New,monospace;font-size:1.35rem;font-weight:700}.timer-bar{background:var(--panel-2);border-radius:2px;height:4px;display:block;overflow:hidden}.timer-bar>span{background:var(--accent);height:100%;transition:width .25s linear;display:block}.timer-face:not(.running) .timer-left{color:var(--muted)}.timer-face.done .timer-left{color:var(--danger);animation:1s steps(2,start) infinite timer-flash}@keyframes timer-flash{to{visibility:hidden}}.board{flex-direction:column;gap:.35rem;display:flex}.board-hint{margin:0}.board-locs{flex-direction:column;gap:.35rem;display:flex}.board-loc,.board-off{border:1px solid var(--border);background:var(--panel-2);border-radius:5px;flex-direction:column;gap:.25rem;min-height:2.6rem;padding:.3rem .4rem;transition:border-color .1s,background .1s;display:flex}.board-off{background:0 0;border-style:dashed}.board.placing .board-loc,.board.placing .board-off{cursor:pointer}.board.placing .board-loc:hover,.board.placing .board-off:hover,.board-loc.over,.board-off.over{border-color:var(--accent);background:#5fbf7f1a}.loc-name{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:flex}.loc-edit{gap:.25rem;display:flex}.loc-edit input,.board-filter{text-transform:none;letter-spacing:normal;flex:1;min-width:0;padding:.1rem .3rem;font-size:.8rem;font-weight:400}.tokens{flex-wrap:wrap;gap:.3rem;display:flex}button.token{width:2.9rem;color:var(--text);cursor:default;background:0 0;border:none;flex-direction:column;align-items:center;gap:.1rem;padding:0;display:flex}button.token.movable{cursor:grab}.token-img{border:2px solid var(--accent);border-radius:50%;width:2.4rem;height:2.4rem}.token-npc .token-img{border-color:var(--warn)}.token-initials{background:var(--panel-2);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}button.token.selected .token-img{box-shadow:0 0 0 2px var(--gold);border-color:var(--gold)}.token-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.66rem;overflow:hidden}.npc-roster{flex-direction:column;gap:.5rem;display:flex}.npc-roster header{justify-content:space-between}.npc-roster h3{margin:0}.npc-roster form input{flex:1}.npc-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.npc-row{align-items:center;gap:.35rem;display:flex}.npc-row input:not([type=file]){flex:1;min-width:0}.npc-thumb{border:2px solid var(--warn);border-radius:50%;flex-shrink:0;width:2.2rem;height:2.2rem}.ops-page{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=900px){.ops-page{grid-template-columns:1fr}}.ops-list{position:sticky;top:4.5rem}button.ops-pick{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-bottom:.2rem;display:flex}button.ops-pick.selected{border-color:var(--accent)}button.ops-pick .badge{margin-left:.35rem}.ops-new{flex-wrap:wrap;margin-top:.6rem}.ops-new input{flex:100%;min-width:0}.ops-new button{flex:1}input.ops-name{flex:1;min-width:12rem;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}input.ops-section-title{min-width:10rem;color:var(--accent);flex:1;font-family:Courier New,monospace;font-weight:700}.ops-cue{border:1px solid var(--border);border-left:3px solid var(--accent-dim);background:var(--panel-2);border-radius:4px;margin:.5rem 0;padding:.45rem}.ops-cue.scene{border-left-color:var(--accent)}.ops-cue.narration,.ops-cue.handout{border-left-color:var(--gold)}.ops-cue.sound{border-left-color:#5b8fd9}.ops-cue.note{border-left-color:var(--warn)}.ops-cue.used{opacity:.7}.ops-cue-head{gap:.4rem;margin-bottom:.35rem}input.ops-cue-title{flex:1;min-width:10rem}.ops-cue textarea{min-height:2.4rem}.ops-cue-file{gap:.5rem;margin-top:.35rem}.ops-cue-file img{border:1px solid var(--border);border-radius:4px;max-width:160px;max-height:80px}.ops-cue-file audio{height:2rem}.ops-add{gap:.35rem;margin-top:.4rem}.mini{max-width:520px;margin:0 auto;padding:.6rem}.mini h3,.mini h4{margin:.2em 0}.mini h4{color:var(--accent);font-size:.9rem}.mini-head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.mini-tracks{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.mini-track{background:var(--panel-2);border:1px solid var(--border);text-align:center;border-radius:6px;padding:.3rem}.mini-track.danger{border-color:var(--danger)}.mini-track .label{color:var(--muted);letter-spacing:.08em;font-size:.7rem}.mini-track .row{justify-content:center;gap:.25rem}button.mini-value{color:var(--text);background:0 0;border:none;padding:0;font-family:monospace;font-size:1.3rem}.mini-opts{gap:.5rem;margin:.5rem 0}.mini-section{border-top:1px solid var(--border);padding:.45rem 0}.mini-stats{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.mini-stats button{padding:.25rem .3rem;font-size:.85rem}.mini-skills{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 .6rem;margin-top:.35rem;display:grid}button.mini-skill{border:none;border-bottom:1px dotted var(--border);text-align:left;color:var(--text);background:0 0;border-radius:0;justify-content:space-between;gap:.4rem;padding:.15rem .1rem;font-size:.88rem;display:flex}button.mini-skill:hover:not(:disabled){color:var(--accent);filter:none}.mini-skill .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-skill .value{font-family:monospace}.mini-skill.high .value{color:var(--accent)}.mini-row{align-items:center;gap:.35rem;padding:.12rem 0;display:flex}.mini-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mini-row .value{font-family:monospace}.mini .result{margin:.3rem 0}.stamp{border:3px double var(--danger);color:var(--danger);letter-spacing:.2em;text-transform:uppercase;opacity:.85;border-radius:4px;margin:0 0 .75rem;padding:.15rem .7rem;font-family:Courier New,ui-monospace,monospace;font-size:1.4rem;font-weight:700;display:inline-block;transform:rotate(-4deg)}.dice-tray{flex-wrap:wrap;gap:.35rem;display:flex}.dice-tray .die{border:1px solid var(--accent-dim);background:0 0;flex-direction:column;align-items:center;gap:0;padding:.2rem .3rem;display:flex}.dice-tray .die:hover:not(:disabled){border-color:var(--accent)}.dice-tray .die svg{width:2rem;height:2rem}.dice-tray .die polygon{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round}.dice-tray .die text{fill:var(--text);font-size:8px;font-weight:700}.dice-tray .die span{font-size:.7rem}.archive-view{white-space:pre-wrap;background:var(--bg,#111);border-radius:6px;max-height:28rem;padding:.75rem;font-size:.85rem;overflow:auto}.asset-group h4{color:var(--accent);text-transform:uppercase;margin:.8rem 0 .2rem;font-family:Courier New,monospace;font-size:.85rem}.asset-row{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.2rem 0;display:flex}.asset-row label{align-items:center;gap:.4rem;margin:0;display:flex}.asset-row.done strong{opacity:.6;text-decoration:line-through}.asset-hint{flex:1;min-width:12rem}.asset-add{margin-top:.8rem}.asset-add input{flex:1;min-width:8rem}button.linklike{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}