:root{color-scheme:dark;--ink:#e3e6e3;--mute:#9ba9b4;--gold:#d2b47e;--edge:rgba(221,217,190,.13);--panel:#09141bbb}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#050b11;color:var(--ink)}body{font-family:Manrope,'Segoe UI',sans-serif;font-size:13px}#app{min-height:100vh;display:flex;flex-direction:column}.mast{height:84px;background:#071119f2;border-bottom:1px solid var(--edge);display:flex;align-items:center;padding:0 34px;gap:34px;z-index:5}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brandmark{font-size:40px;color:#d7bd82}.brand .kicker{font-size:9px;letter-spacing:2px;color:#82949b;display:block}.brand strong{font-size:17px;letter-spacing:2.8px}.brand strong span{color:var(--gold)}.version{font-size:9px;border:1px solid #736349;border-radius:20px;padding:5px 8px;color:#e6c88f}.mast nav{display:flex;gap:25px;margin-left:auto}.mast a{color:#acb8b9;text-decoration:none;font-size:11px}.mast a:hover{color:#e8c486}.netstatus{margin-left:12px;color:#98bdaf;font-size:10px;white-space:nowrap}.netstatus i,.pulse{background:#77c9aa;width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #77c9aa}.layout{min-height:720px;flex:1;display:grid;grid-template-columns:314px minmax(420px,1fr) 248px;min-width:0}.sidebar,.rail{background:linear-gradient(160deg,#101d22,#071017);padding:34px 27px;border-right:1px solid var(--edge);overflow:auto}.rail{border-left:1px solid var(--edge);border-right:0;padding:35px 20px}.eyebrow{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:2.1px}.sidebar h1{font:400 42px/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:.3px;margin:16px 0 18px}.sidebar h1 em{font-style:italic;color:#c4e0e1}.intro{font-size:11.5px;line-height:1.75;color:#9eacb4;margin:0 0 31px}.sidebar>label{display:block;font-size:10px;color:#c1c9c8;font-weight:600;margin:16px 0 8px}.sidebar select{width:100%;height:43px;background:#142129;color:#edf5f0;border:1px solid #304046;border-radius:6px;padding:0 11px;font-size:12px}.sidebar select:focus{outline:1px solid #bdba9b}.time{margin-top:30px;border-top:1px solid var(--edge);padding-top:18px}.timeRow{display:flex;justify-content:space-between;align-items:center;color:#cbd5d0;font-size:10px}.time output{color:var(--gold)}input[type=range]{accent-color:#c8a971;width:100%;margin:17px 0 5px}.time small{display:block;color:#8699a3;font-size:10px;line-height:1.55}.switches{margin:18px 0;border-top:1px solid var(--edge);padding-top:14px;display:grid;gap:12px}.switches label{display:flex;align-items:center;gap:9px;font-size:11px;color:#aebfc1;cursor:pointer}.switches input{accent-color:#c8a971}.cta{display:flex;gap:8px;margin:19px 0 28px}button{border:0;border-radius:6px;background:#d3b681;color:#151a1e;font-size:11px;font-weight:700;padding:12px 15px;cursor:pointer}button:hover{filter:brightness(1.1)}button.outline{background:transparent;color:#dcd5bd;border:1px solid #887c65}.provenance{border:1px solid #30434b;background:#101e25;padding:17px;border-radius:6px}.provenance strong{font-size:10px;color:#e3be8c;letter-spacing:1px}.provenance p{color:#9db0b2;font-size:10px;line-height:1.75;margin-bottom:0}.provenance b{color:#d1c6ae}.stage{position:relative;isolation:isolate;overflow:hidden;min-height:720px;background:radial-gradient(ellipse at 61% 36%,#0b263d,#040b13 64%)}.stage-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,18,25,.1),transparent 60%,#030b13af);pointer-events:none;z-index:1}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage>img#fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.68);z-index:0}.stage-head{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:3}.stage-status{color:#bfd5d9;text-transform:uppercase;letter-spacing:1.4px;font-size:9px}.chip{font-size:10px;color:#e8c68e;background:#0a171ccb;border:1px solid #5e5c49aa;padding:7px 10px;border-radius:100px}.stage-info{position:absolute;top:25%;left:33px;max-width:275px;z-index:3;pointer-events:none;text-shadow:0 2px 10px #02070b}.stage-info h2{font:400 42px/1.1 'Cormorant Garamond',Georgia,serif;margin:9px 0}.stage-info p{font-size:12px;color:#c3d3d4;line-height:1.5}.stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.stats span{font-size:9px;color:#b7d1d2;border:1px solid #56717b80;background:#03131bad;border-radius:4px;padding:7px}.coordline{position:absolute;bottom:91px;left:29px;right:29px;display:flex;justify-content:space-between;z-index:3;font-size:10px;letter-spacing:1px;color:#b0c3cb}.actions{position:absolute;bottom:27px;left:25px;right:25px;display:flex;gap:10px;z-index:3;justify-content:flex-end}.actions a{font-size:10px;padding:11px 14px;border:1px solid #d0c29d90;background:#061923e3;color:#efe8d5;border-radius:6px;text-decoration:none}.actions a:first-child{background:#cfb886;color:#111b21;font-weight:700}.actions a:hover{transform:translateY(-1px)}.error{position:absolute;bottom:142px;left:25px;right:25px;z-index:5;background:#1a333bcf;padding:12px;border-radius:6px;color:white}.rail-head h3{font:400 30px 'Cormorant Garamond',Georgia,serif;margin:9px 0 14px}.rail-divider{height:1px;background:var(--edge);margin:21px 0}.mode{display:flex;gap:12px;padding:11px 0}.step{border:1px solid #7a765e;border-radius:50%;width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;color:#e4bd83;font-size:10px}.mode b{color:#e4e9e5;font-size:12px}.mode p{color:#849ba6;line-height:1.6;font-size:10px;margin:5px 0 0}.mode.unavailable{opacity:.6}.preview{overflow:hidden;border:1px solid #334855;border-radius:6px;background:#061824}.preview img{width:100%;height:139px;object-fit:cover;display:block}.preview span{display:block;font-size:8px;letter-spacing:.4px;color:#d3bc96;padding:7px}.notices{font-size:10px;line-height:1.7;color:#859ba1}footer{display:flex;justify-content:space-between;padding:12px 30px;background:#071019;border-top:1px solid var(--edge);color:#778891;font-size:9px;letter-spacing:1.15px}@media(max-width:1190px){.layout{grid-template-columns:280px 1fr}.rail{display:none}.mast nav{gap:11px}}@media(max-width:750px){.mast{height:auto;min-height:68px;padding:12px 15px;flex-wrap:wrap;gap:12px}.mast nav{width:100%;order:3;overflow:auto;white-space:nowrap;padding-bottom:2px}.netstatus{margin-left:auto}.layout{display:flex;flex-direction:column}.sidebar{padding:19px;border-bottom:1px solid var(--edge)}.sidebar h1{font-size:32px;margin:12px 0}.intro{margin-bottom:16px}.sidebar>label{margin:9px 0 5px}.sidebar select{height:37px}.sidebar .switches{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.sidebar .time{margin-top:14px;padding-top:12px}.sidebar .provenance{display:none}.sidebar .cta{margin:10px 0 4px}.stage{height:min(70vh,630px);min-height:460px}.stage-info{left:16px;top:19%}.stage-info h2{font-size:31px}.stage-head{left:15px;right:15px;top:15px}.stage-info .eyebrow{font-size:8px}.actions{left:10px;right:10px;bottom:16px;gap:5px}.actions a{font-size:9px;padding:10px}.coordline{bottom:78px;left:13px;right:13px;font-size:8px}.stage-info p{max-width:180px;font-size:10px}.stats span{font-size:8px}footer{font-size:8px;gap:10px;padding:10px 14px;flex-wrap:wrap}}
