:root{font-family:Arial,Helvetica,sans-serif;color:#e2e3de;background:#101620;font-synthesis:none;font-size:14px;--line:#34404a;--muted:#a4afa9;--green:#b5c990}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);color:inherit;background:#1b2531;border-radius:5px;padding:11px 13px;cursor:pointer}button:hover{background:#303c47;border-color:#74836c}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,svg g:focus-visible{outline:2px solid #e6bd86;outline-offset:4px}button.accent{background:var(--green);color:#18221c;border-color:var(--green)}a{color:inherit;text-decoration:none}header{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 32px;gap:20px}.brand{font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.brandmark{font-size:34px;color:var(--green)}.brand small{border-left:1px solid var(--line);padding-left:12px;font-size:9px;line-height:1.7;max-width:90px}.header-right{display:flex;align-items:center;gap:10px}.local{font-size:9px;color:var(--muted);letter-spacing:1.5px;margin-right:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 355px;max-width:1680px;margin:auto}.theatre{padding:34px 36px;border-right:1px solid var(--line)}.headline{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--green);line-height:1.7;margin:0 0 14px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,62px);line-height:.99;margin:0}h1 em{color:#b4c790;font-weight:400}.thesis{color:var(--muted);line-height:1.6;font-family:Georgia,serif;font-size:16px}.stage-wrap{border:1px solid #35414d;border-radius:8px;overflow:hidden;background:#151c29}.stage-label,.stage-bottom{display:flex;justify-content:space-between;gap:15px;padding:16px 20px;color:var(--muted);font-size:9px;letter-spacing:1.2px}.stage-label{border-bottom:1px solid #283543}.stage-label span:first-child{color:#e1d8bb}.stage-bottom{border-top:1px solid #283543}#stage{display:block;width:100%;aspect-ratio:800/540;touch-action:none;-webkit-user-select:none;user-select:none}.hit{fill:transparent;stroke:transparent;cursor:grab}.hit:hover{stroke:#8d9b7380}g:focus-visible .hit{stroke:#e6bd86;stroke-dasharray:5 5}.roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.role{border:1px solid var(--line);padding:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:6px}.role>div{display:flex;align-items:center;gap:15px}.role b{font:32px Georgia,serif}.role span{font-size:10px;letter-spacing:1px}.role small{display:block;color:var(--muted);font-size:10px;margin-top:6px;letter-spacing:0}.role.a b{color:#e6bd86}.role.b b{color:#adbbdc}.controls{display:flex;gap:7px;align-items:center;margin-top:14px}.controls label{display:flex;gap:8px;align-items:center;margin-right:auto}.controls select{width:auto;margin:0}.transport{display:flex;align-items:center;gap:10px;margin:27px 0 16px}.transport>div{margin-right:auto}.transport .eyebrow{margin-bottom:4px}.transport strong{font:30px Georgia,serif}.transport small{font:16px Georgia;color:#87928e}.timeline{display:flex;gap:7px;overflow:auto;padding:3px 0 10px}.timeline button{flex-shrink:0;font-size:10px;color:var(--muted)}.timeline .current{background:#b5c990;color:#17211c}.hint{font-size:11px;line-height:1.7;color:var(--muted)}aside{padding:24px 25px;background:#151d27}.tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:30px}.tabs button{background:none;border:0;border-radius:0;padding:12px 0;color:var(--muted);font-size:12px}.tabs [aria-pressed=true]{color:var(--green);border-bottom:2px solid var(--green)}h2{font:30px/1.1 Georgia,serif;font-weight:400;margin:0 0 24px}.script{font-family:Georgia,serif;color:#c5cac3;font-size:15px;line-height:1.8}.script p{white-space:pre-wrap;tab-size:4;overflow-wrap:anywhere;margin:0 0 22px}.script p:nth-child(2n){color:#a6b0a8;font-family:Arial,sans-serif;font-size:12px;line-height:1.8;border-left:2px solid #617459;padding-left:14px}.scene-buttons{display:grid;gap:8px;margin:25px 0}.scene-buttons button{text-align:left;font-size:11px}.exports{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.exports>div{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.exports button{font-size:10px}.exports p:not(.eyebrow),form>p{font-size:11px;line-height:1.8;color:var(--muted)}form label{display:block;color:var(--muted);font-size:11px;margin:15px 0 8px}input,textarea,select{display:block;width:100%;background:#111923;border:1px solid #405044;color:#e2e3de;padding:10px;border-radius:4px;margin-top:7px}textarea{height:260px;resize:vertical;line-height:1.6}fieldset{display:flex;gap:10px;border:1px solid var(--line);margin:17px 0;padding:0 12px 12px}fieldset label{width:50%}legend{font-size:10px;color:var(--green)}form>button{margin:6px 0;width:100%}footer{border-top:1px solid var(--line);padding:14px 32px;display:flex;align-items:start;gap:25px;justify-content:space-between;font-size:11px;color:var(--muted)}footer>p{max-width:65%;line-height:1.5}details{max-width:420px;line-height:1.7}summary{cursor:pointer}details button{font-size:10px;margin:5px 5px 0 0}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 300px}.theatre{padding:24px 20px}.thesis,.local{display:none}.role{padding:11px;flex-wrap:wrap}.role button{font-size:11px}aside{padding:24px 18px}}@media(max-width:760px){header{padding:15px;flex-wrap:wrap}.header-right{margin-left:auto}.brand small{display:none}main{display:block}.theatre{border:0;padding:26px 15px}h1{font-size:45px}aside{border-top:1px solid var(--line);padding:25px 20px}.roles{gap:8px}.controls{flex-wrap:wrap}.controls label{width:100%}.stage-label,.stage-bottom{font-size:8px;padding:12px}.stage-label span:last-child{max-width:115px;text-align:right}.transport button{padding:12px 8px;font-size:12px}footer{display:block;padding:20px}footer>p{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}h1,h2,.eyebrow{overflow-wrap:anywhere}
