:root{font-family:Arial,Helvetica,sans-serif;color:#edf0e6;background:#181d27;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}button{border:1px solid #62687a;background:transparent;color:inherit;border-radius:5px;padding:10px 13px;cursor:pointer}button:hover{background:#333b4d}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #eec382}a{color:inherit}.app{max-width:1680px;margin:auto;padding:0 4vw}header{height:95px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #3d4350;font-size:12px;letter-spacing:2px}header>button{margin-left:auto;letter-spacing:0}header small{display:block;color:#9da5b6;letter-spacing:0;margin-top:6px}.brand{font-size:39px;font-weight:700;text-decoration:none;letter-spacing:-5px}.brand span{color:#edb275}.intro{display:flex;justify-content:space-between;align-items:center;padding:50px 0 44px;gap:30px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#eebc80;font-weight:700}h1{font:normal clamp(42px,5vw,74px)/1.05 Georgia,serif;letter-spacing:-2px;margin:19px 0}h1 em{color:#b4c4d3;font-weight:400}.intro p:not(.eyebrow){color:#aeb6c5;line-height:1.6}.parcel{width:180px;height:160px;transform:rotate(7deg);background:#be9f76;box-shadow:14px 14px #10141c;color:#392f25;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;border:2px solid #93754e;margin-right:80px}.parcel:before{content:"";position:absolute;width:20px;background:#8a7153;opacity:.45;height:100%;left:30px}.parcel span,.parcel small{font-size:10px;letter-spacing:2px;z-index:1}.parcel b{font:55px Georgia;margin:10px}main{display:grid;grid-template-columns:minmax(0,1fr) 290px;border-top:1px solid #3d4350}.performance{min-width:0;padding:26px 30px 35px 0}h2{font:24px Georgia;margin:12px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-head>span{font-size:10px;color:#a7afc1;letter-spacing:1px}.width-control{display:flex;align-items:center;gap:25px;margin:12px 0 20px}.width-control>label:first-child{flex:1}.numeric{max-width:105px}label{display:block;font-size:12px;color:#bcc5d7;margin:14px 0}label strong{float:right;font-size:11px;color:#d6b78f;font-weight:400}input:not([type=range]),textarea{width:100%;color:#eee;background:#202734;border:1px solid #4e586b;padding:9px;border-radius:4px;margin-top:8px;min-width:0}textarea{resize:vertical;min-height:90px;line-height:1.5}input[type=range]{width:100%;accent-color:#eac38b;margin:15px 0 0}.stage-shell{background:#ece9dd;background-image:linear-gradient(#ded9ca 1px,transparent 1px);background-size:100% 20px;padding:18px 12px 10px;border-radius:8px;color:#222b36;min-height:225px;overflow:hidden}.stage{display:flex;flex-wrap:wrap;gap:12px;max-width:100%;direction:ltr;align-items:flex-start}.actor{height:122px;flex-shrink:0;max-width:100%;border:1px solid #9d9c91;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#ddd1b9;overflow:hidden;padding:7px}.actor-b{background:#bfd1d4}.actor-c{background:#d8b3a4}.actor-d{background:#c5c4d9}.actor-e{background:#c4ceb4}.actor-f{background:#ddd298}.actor b{font:17px Georgia;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actor small{position:absolute;top:8px;left:8px;font:10px monospace;color:#526064}.portrait{font-size:48px;line-height:1.3}.drag{display:block;margin:15px 0 0 auto;color:#3a4451;border-color:#9a9c97;touch-action:none;font-size:12px}.drag:hover{background:#dbd6c6}.hint{font-size:12px;line-height:1.6;color:#a9b1c0}.row-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.row-list span{font:10px monospace;background:#262f3c;padding:7px;border-radius:3px}.actions{display:flex;gap:8px;margin:20px 0}.primary{background:#e5c39a;color:#242a32;border-color:#e5c39a}.primary:hover{background:#f0d3af}.dialogue{border-top:1px solid #465061;margin-top:30px;padding:20px 0}.dialogue article{display:grid;grid-template-columns:125px 1fr;border-top:1px solid #303847;padding:15px 0;gap:10px}.dialogue article small{font-size:11px;color:#e6be87;line-height:1.8}.dialogue article p{margin:0;font:18px/1.5 Georgia;color:#d4d8e0}.captures{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}.captures button{text-align:left;display:flex;flex-direction:column;gap:9px}.captures small{font-size:9px;color:#e8b879;letter-spacing:2px}.captures span{font-size:10px}.captures p{color:#9fa9ba;font-size:13px}aside{border-left:1px solid #3d4350;padding:26px 0 30px 25px}.cast-list{list-style:none;padding:0;margin:20px 0}.cast-list li{display:flex;gap:4px;margin:6px 0}.cast-list li>button:first-child{flex:1;text-align:left}.cast-list button{padding:7px 10px;font-size:12px;border-color:#3c475b}.cast-list .selected{background:#3b4657;color:#f2cd96}details{border-top:1px solid #455063;padding:15px 0;margin-top:15px;font-size:12px;line-height:1.6}summary{cursor:pointer;color:#e5c39a}.exchange{border-bottom:1px solid #455063;margin-top:20px}.file-actions{display:grid;gap:8px;margin-top:20px;font-size:12px}.import{border:1px dashed #606c82;padding:10px;margin:0;border-radius:4px;cursor:pointer}.import input{font-size:10px}.replay{font-size:13px;color:#e8c48c;border-left:2px solid;padding-left:10px}footer{border-top:1px solid #3d4350;padding:20px 0 30px;font-size:12px;color:#aab4c6}footer details{max-width:750px}footer button{margin:5px}footer>small{display:block;margin-top:20px;font-size:9px;letter-spacing:2px}@media(max-width:850px){main{grid-template-columns:1fr}.performance{padding-right:0}aside{border-left:0;border-top:1px solid #3d4350;padding-left:0}.parcel{margin-right:15px;width:135px;height:145px}.intro{padding:30px 0}.intro h1{font-size:46px}}@media(max-width:480px){.app{padding:0 18px}.parcel{display:none}header{gap:12px}header>button{font-size:11px;padding:8px}header{letter-spacing:1px}.intro h1{font-size:43px}.section-head{align-items:flex-start;flex-direction:column;gap:0}.dialogue article{grid-template-columns:1fr;gap:3px}.width-control{gap:10px}.desktop{display:none}.stage-shell{padding:12px 8px}.stage{gap:10px}label strong{float:none;display:block;margin-top:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}