:root{font-family:Arial,Helvetica,sans-serif;color:#22312b;background:#efece2;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,.file-button{border:1px solid #a9b4a9;background:transparent;color:inherit;padding:11px 17px;border-radius:4px;cursor:pointer;min-height:44px}button:hover:not(:disabled),.file-button:hover{background:#dedfce}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b54c29;outline-offset:4px}main{max-width:1600px;margin:auto;padding:30px 5vw}header{display:flex;justify-content:space-between;border-bottom:1px solid #bfc5b9;padding-bottom:24px;gap:20px}.brand{font-size:18px;line-height:1.15;text-decoration:none;color:inherit;letter-spacing:.12em}.brand span{display:block;letter-spacing:.02em;font:10px monospace;margin-top:10px}.header-right{display:flex;align-items:center;gap:14px;font:10px monospace;letter-spacing:.09em}.status-dot{background:#a9bd5a;border-radius:50%;width:8px;height:8px}.intro{display:flex;align-items:end;justify-content:space-between;padding:40px 0 35px;gap:30px}.eyebrow{font:11px monospace;letter-spacing:.13em;text-transform:uppercase}h1{font:clamp(40px,5vw,75px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:16px 0 0}h1 em{font-weight:400;color:#65734b}.intro p{font-size:16px;line-height:1.85;margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.stage{background:#24352f;color:#eeeee3;border-radius:9px;padding:28px 34px;position:relative;overflow:hidden}.stage-top{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.14em;color:#bdc9ab}.stage h2{font:18px Georgia,serif;font-weight:400;margin:25px 0}.beat-number{font:100px/.9 Georgia,serif;opacity:.17;position:absolute;right:30px;top:75px}.beat-text{font:clamp(27px,3vw,42px)/1.24 Georgia,serif;max-width:620px;min-height:150px;padding:20px 0 24px;position:relative}.arrival{border:1px solid #667366;border-radius:4px;padding:18px;margin:20px 0;color:#c5cebb;min-height:110px}.arrival p{font-size:14px;margin-bottom:0}.arrival.arrived{background:#dce7ae;color:#29362c;border-color:#dce7ae}.arrival strong{display:block;font:34px Georgia,serif}.arrival small{display:block}.actor-hint{font:11px/1.7 monospace;color:#b5c0aa}.note-label{display:block;font-size:12px}.note-label span{opacity:.65;margin-left:10px}textarea,input,select{width:100%;border:1px solid #a9b4a9;border-radius:4px;padding:12px;color:inherit;background:transparent}textarea{resize:vertical;min-height:80px;margin-top:7px}.stage textarea{background:#1e2e28;border-color:#667366}.spectator,.conductor{border:1px solid #bdc4b8;border-radius:8px;padding:25px}.spectator h2{font:30px/1.15 Georgia,serif;margin:17px 0}.spectator p,.conductor p{font-size:14px;color:#697365}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.cards button{text-align:left;min-height:90px}.cards button span{display:block;font:28px Georgia,serif}.cards button.chosen{background:#dbe5b2;border:2px solid #596c30;padding:10px 16px}.undo{border:0;font-size:12px;padding-left:0}.conductor{margin-top:20px;background:#e5e5d7}.next{width:100%;display:flex;justify-content:space-between;background:#b64b2d;color:#fff;border:0;margin-bottom:12px}.next:hover:not(:disabled){background:#994025}.conductor>button:last-child{width:100%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:15px}.section-title>span{font:11px monospace}.strip{padding:40px 0}.strip h2,.workshop h2{font:28px Georgia,serif;margin:10px 0 20px}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));border:1px solid #bfc5b9}.tick{padding:16px 10px;border-right:1px solid #bfc5b9;min-width:0}.tick.active{background:#dce7ae;box-shadow:inset 0 3px #5e7039}.tick b,.tick small{display:block;font:10px monospace}.tick span{display:block;font:17px Georgia,serif;padding:12px 0}.tick small{color:#65734b}.ledger{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.ledger li{border:1px solid #bfc5b9;padding:8px 12px;font-size:12px}.ledger b{margin-right:10px}.ledger span{margin-left:12px;color:#65734b}details{font-size:12px;max-width:900px}summary{cursor:pointer;padding:12px 0}.workshop{border-top:1px solid #bdc4b8;padding:30px 0}.workshop p{max-width:750px;font-size:14px}.settings,.beat-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.workshop label{display:block;font-size:12px}select,input{margin-top:6px}footer{border-top:1px solid #bfc5b9;padding-top:24px}footer p{font-size:12px;max-width:900px;color:#5e6a5c}.actions{display:flex;gap:10px;flex-wrap:wrap}.file-button{font-size:14px}.file-button input{display:block;max-width:210px;font-size:11px;border:0;padding:0}footer small{display:block;margin-top:20px;font:10px monospace}@media(max-width:800px){main{padding:20px}.header-right{font-size:0;gap:5px}.header-right button{font-size:12px}.intro{display:block;padding:28px 0}.intro p{margin-top:24px}.workspace{grid-template-columns:1fr}.stage{padding:22px}.beat-text{min-height:130px}.section-title{display:block}.section-title>span{display:block;margin-bottom:15px}.settings,.beat-editor{grid-template-columns:1fr}.brand span{max-width:160px}h1{font-size:47px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}