@font-face{font-family:Neo;src:url('assets/neodgm.woff') format('woff');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0b0d0c;color:#c7c8b9;font:14px/1.65 Neo,monospace}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #343c33;background:#151b16;padding:9px 13px;border-radius:2px}button:hover{border-color:#a29469;background:#22291e}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c4b17b;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button[hidden],[hidden]{display:none!important}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #283026;background:#101511;gap:20px}.brand{display:flex;align-items:center;gap:14px;color:#dedccb;text-decoration:none;font-size:17px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#7f8a72;margin-top:4px}.crest{font-size:32px;color:#b7a576}.header-actions{display:flex;gap:8px}.header-actions button{font-size:12px;background:transparent}#cast-toggle{display:none}.app{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1600px;margin:auto}aside{border-right:1px solid #283026;min-height:calc(100vh - 82px);padding:25px 16px;background:#0e130f}.side-title{padding:0 8px;color:#b5a67b;font-size:12px;letter-spacing:2px}.side-title small{display:block;margin-top:5px;color:#77816f;font-size:11px;letter-spacing:0}.search{display:flex;gap:8px;align-items:center;padding:5px 10px;border:1px solid #30392e;margin:19px 0 15px}.search input{width:100%;border:0;outline:0;background:transparent;color:#d6d7c6;font:12px Neo;padding:7px 0}#cast-list{display:grid;gap:3px}.cast{display:flex;align-items:center;gap:11px;text-align:left;border-color:transparent;background:transparent;padding:8px;width:100%}.cast.active{background:#222c20;border-color:#485740}.cast-photo{width:33px;height:39px;flex-shrink:0;background:#171c16;object-fit:cover;object-position:50% 20%;filter:saturate(.65)}.cast span{font-size:12px;line-height:1.3}.cast small{display:block;font-size:9px;color:#7b8971;margin-top:5px}.side-note{margin:28px 8px;color:#63705e;font-size:11px}main{min-width:0;padding:30px clamp(18px,3vw,46px)}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.overline{color:#817956;font:9px/1.5 Neo;letter-spacing:2.5px}h1{font-size:25px;font-weight:400;margin:6px 0 20px;color:#dad9c6}.public-badge{font-size:10px;color:#9fa68d;border:1px solid #35412e;padding:5px 9px;white-space:nowrap;margin-bottom:15px}#modes{display:flex;gap:22px;border-bottom:1px solid #34392e;margin:0 0 20px;overflow-x:auto;scrollbar-width:none}#modes button{border:0;border-bottom:2px solid transparent;background:transparent;white-space:nowrap;border-radius:0;padding:10px 0 12px;font-size:12px;color:#7d8973}#modes button.active{color:#d8cfab;border-bottom-color:#b5a473}#stage{height:clamp(440px,49vw,600px);position:relative;border:1px solid #5b6047;box-shadow:0 12px 40px #0008;isolation:isolate;overflow:hidden;background:#181c16}#room-art{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 45% 46%,transparent 15%,#080c0a66 70%,#030605b8 100%);pointer-events:none}.scene-marker{position:absolute;left:20px;top:17px;display:flex;align-items:center;gap:8px;color:#b4b69f;font-size:10px}.lamp-dot{width:5px;height:5px;background:#c8b47b;box-shadow:0 0 12px #dcbe85}.take{position:absolute;right:20px;top:15px;text-align:right;color:#6f7b62;font-size:9px;letter-spacing:2px}.take small{display:block;font-size:10px;letter-spacing:0;margin-top:4px;color:#a3a98e}.portrait{position:absolute;height:84%;width:66%;object-fit:contain;object-position:left bottom;left:-6%;bottom:100px;filter:drop-shadow(4px 4px 0 #0008);pointer-events:none;transition:opacity .14s}.portrait.enter{animation:actor-in .25s steps(4)}@keyframes actor-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}#speaker{position:absolute;left:24px;bottom:164px;padding:7px 15px;background:#0a130df5;border:1px solid #8d8b67;color:#d9d3b1;z-index:3;font-size:15px;min-width:90px}.dialogue{position:absolute;left:16px;right:16px;bottom:15px;min-height:142px;padding:19px 24px 12px;background:#0b140ff5;border:1px solid #8d8b67;box-shadow:inset 0 0 0 3px #1b2418,3px 3px #0007;z-index:2;cursor:pointer}#line{margin:0;white-space:pre-wrap;min-height:62px;font-size:17px;line-height:1.75;word-break:keep-all;color:#e0dcc7}.dialogue-foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#6e7c65;font-size:10px}#next{border:0;background:transparent;padding:3px 0 3px 20px;color:#c3b98f;font-size:12px;min-height:32px}.choices{position:absolute;right:22px;bottom:185px;max-width:70%;min-width:210px;z-index:4;background:#0c160ff7;border:1px solid #8d8b67;padding:6px;box-shadow:4px 4px #0007}.choices button{display:block;width:100%;border:0;text-align:left;background:transparent;font-size:13px;padding:10px 14px}.choices button:before{content:'›';margin-right:12px;color:#a6a075}.choices button:hover{background:#2b3424}.controls{padding-top:25px}.controls-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.controls-heading small{font-size:8px;letter-spacing:2px;color:#777952}h2{font-size:16px;font-weight:400;color:#c3c5b0;margin:3px 0}#replay{font-size:11px;border-color:transparent;background:transparent;color:#9b9e82}#actions{display:flex;flex-wrap:wrap;gap:8px}#actions button{padding:10px 14px;font-size:12px;background:#131b14}#actions button.active{color:#e1d3a8;border-color:#8f855b}.transcript{margin-top:26px;border-top:1px solid #2d3629;padding:14px 0;font-size:12px;color:#8a977d}.transcript summary{cursor:pointer;list-style:none}summary:before{content:'＋ ';color:#aa9d70}.transcript[open] summary:before{content:'− '}summary span{margin-left:8px;color:#626f59}#transcript{max-height:330px;overflow:auto;margin:15px 0}.log{padding:12px;border-left:2px solid #4b5b3e;background:#111a12;margin:7px 0}.log b{color:#c0b98e;font-size:11px}.log p{margin:3px 0;color:#bdc5b1;white-space:pre-wrap}#copy{font-size:11px}#copy-status{padding-left:10px}footer{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:30px;font-size:8px;letter-spacing:1px;color:#56624e}#finish{position:absolute;top:52%;left:20px;right:20px;text-align:center;font-size:11px;color:#b4b99e;background:#0a100bad;padding:10px;z-index:1}@media(min-width:1500px){main{padding:38px 50px}#stage{height:610px}}@media(max-width:850px){header{height:69px;padding:0 17px}.brand{font-size:13px;gap:8px}.crest{font-size:25px}.brand small{font-size:7px;letter-spacing:1.5px}#cast-toggle{display:block}.app{display:block}aside{display:none;position:fixed;top:69px;bottom:0;left:0;width:260px;z-index:20;overflow:auto;box-shadow:20px 0 80px #000c}aside.open{display:block}main{padding:22px 17px}h1{font-size:22px}.overline{font-size:8px}.public-badge{font-size:9px}#modes{gap:22px}#stage{height:530px}.portrait{height:80%;width:82%;left:-12%;bottom:110px}.header-actions{gap:5px}.header-actions button{font-size:10px;padding:6px 8px}#line{font-size:16px;min-height:74px}.dialogue{padding:16px 18px 9px;min-height:151px}#speaker{bottom:173px;left:22px}.choices{bottom:204px;max-width:85%}.scene-marker{left:13px;font-size:9px}.take{right:13px;font-size:8px}}@media(max-width:440px){header{padding:0 12px}.brand{font-size:11px}.brand small{font-size:6px}.crest{display:none}.header-actions button{font-size:9px;padding:7px}main{padding:17px 12px}#stage{height:510px}#line{font-size:15px}.portrait{width:100%;left:-18%;height:76%}.take{max-width:130px}.choices{min-width:190px}.dialogue{left:10px;right:10px}.public-badge{display:none}#actions button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.theatre-switch{align-self:center;padding:8px 11px;border:1px solid #4a4e36;color:#b3ae88;text-decoration:none;font-size:11px;white-space:nowrap}@media(max-width:440px){.theatre-switch{font-size:9px;padding:7px}.header-actions{gap:3px}}