:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#eee8fc;background:#14121d}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:25px 4%;border-bottom:1px solid #ffffff10}a{color:#c8b5f1;text-decoration:none}header span,.eyebrow{font-size:10px;letter-spacing:2.5px;color:#a99bbb}main{max-width:1600px;margin:auto;padding:40px 4%}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3vw,48px);line-height:1.1;margin:12px 0 0}.actions{display:flex;gap:10px}button,select{font:inherit;color:inherit;border:1px solid #76638766;background:#2a2537;border-radius:10px;padding:11px 14px;cursor:pointer}button:hover{background:#403451}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bfa1ff;outline-offset:4px}.primary{background:#bba1ee;color:#211b2d}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:28px}#screen{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #65577266;border-radius:16px;background:#191625}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.clock{position:absolute;top:7%;width:100%;text-align:center;text-shadow:0 2px 24px #0006}.clock div{font-size:clamp(12px,1.5vw,20px)}.clock strong{font-size:clamp(44px,6.5vw,100px);font-weight:600;letter-spacing:-4px}.signin{position:absolute;bottom:7%;width:100%;display:grid;justify-items:center;gap:7px}.avatar{background:#bda1ea33;border:1px solid #d7c3ff55;border-radius:50%;padding:12px 16px}.signin b{font-size:13px}.signin small{font-size:10px;color:#aba0b9}#caption{position:absolute;bottom:2%;left:3%;color:#b5a7c7;font-size:10px;letter-spacing:1px}#exit{display:none;position:absolute;right:18px;top:18px;font-size:12px;background:#211a32cc}.immersive #screen{position:fixed;inset:0;width:100vw;height:100vh;border:0;border-radius:0;z-index:5;aspect-ratio:auto}.immersive canvas{object-fit:cover}.immersive #exit{display:block}.transport{display:flex;align-items:center;gap:12px;margin:15px 0 24px}.transport output{white-space:nowrap;font:11px monospace;color:#b9accb}.transport input{flex:1;min-width:30px}input{accent-color:#bba1ee}.transport select{font-size:11px;padding:10px}#chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#chapters button{text-align:left;padding:12px;font-size:11px;background:transparent}#chapters button.active{border-color:#bba1ee;background:#bba1ee18}#chapters span{display:block;font:10px monospace;color:#9c8cac;margin-bottom:6px}aside{background:#211d2b;border:1px solid #ffffff0d;border-radius:16px;padding:22px}aside h2{font:26px Georgia;margin:14px 0}aside p{font-size:13px;line-height:1.7;color:#b5a9c3}aside label{display:grid;gap:10px;font-size:12px;margin:24px 0}aside select{width:100%;font-size:12px}.check{display:flex;align-items:center!important;flex-direction:row}.log{border-top:1px solid #ffffff15;margin-top:26px;padding-top:22px}.log span,.log small{font:10px monospace;color:#bba1ee}.log h3{font-size:17px}.note{font-size:11px!important;color:#93879f!important}@media(max-width:900px){.workspace{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}header span{display:none}aside{display:block}#chapters{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

body.immersive{overflow:hidden}.actions{flex-wrap:wrap}.promo-link{font-size:11px!important}

.signin{bottom:auto;top:31%;gap:5px;color:#b6a6c7}.signin span{font-size:22px}.signin small{font-size:11px}#caption{bottom:4%;max-width:60%;font-size:9px}.scene-shortcuts{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.scene-shortcuts button{font-size:12px}.embedded{background:transparent}.embedded .sc-nav,.embedded .sc-footer,.embedded .heading,.embedded aside,.embedded #chapters{display:none}.embedded main{padding:0;max-width:none}.embedded .workspace{display:block}.embedded .transport{padding:0 12px;margin:16px 0}/* The overlay keeps just the scene and its timeline, sized to fit the frame so nothing is cut off. */.embedded .scene-shortcuts{display:none}.embedded:not(.homepage){height:100vh;overflow:hidden}.embedded:not(.homepage) #screen{width:min(100%,calc((100vh - 84px) * 1.6));margin:0 auto}.embedded:not(.homepage) main{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.embedded #screen{border-radius:16px}.embedded .clock strong{font-size:70px}.embedded .clock div{font-size:16px}.embedded #caption{display:none}.immersive canvas{object-fit:contain;background:#171321}@media(max-width:500px){.transport{flex-wrap:wrap}.embedded .clock strong{font-size:34px;letter-spacing:-1px}.embedded .clock div{font-size:9px}.signin{display:none}}

/* An ambient view of the same expedition, without lock-screen chrome. */
.homepage{background:#17131f;overflow:hidden;}
.homepage .transport,.homepage .scene-shortcuts,.homepage #guides,.homepage #caption,.homepage #exit,.homepage .sc-skip{display:none!important;}
.homepage #screen{background:#17131f;height:100vh;aspect-ratio:auto;border:0;border-radius:0;}
.homepage canvas{position:absolute;left:50%;top:50%;width:max(100%,1000px);height:auto;transform:translate(-37.5%,-50%);}
/* The canvas is narrower than the homepage window on wide screens: fade its sides so planets never meet a hard edge. */
.homepage canvas{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}

@media(max-width:650px){.homepage canvas{width:800px;}}
.power-preview{border-top:1px solid #54445f;margin-top:20px;padding-top:16px}.power-preview summary{cursor:pointer;color:#d9c8ef}.power-preview p,.power-preview small{font-size:12px;line-height:1.5;color:#bbaacb}

#edit-cadet{position:absolute;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;}
#edit-cadet:hover{background:#c7afea10;box-shadow:0 0 20px #c7afea14;}
#edit-cadet:focus-visible{outline:2px solid #c7afea;outline-offset:3px;background:#c7afea10;}