@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";*{box-sizing:border-box}body{color:#e1eef1;background:#060d16;margin:0;font-family:DM Sans,sans-serif;font-size:16px}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:#d7e7ed;background:#101d29;border:1px solid #283a46;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:14px;display:inline-flex}button:hover{background:#192e39;border-color:#69dac6}button:disabled{opacity:.4;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-offset:4px;outline:2px solid #76edcf}header{background:#08111a;border-bottom:1px solid #20303b;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex}.brand{color:#e6f2f4;letter-spacing:-1px;align-items:center;font-family:Space Grotesk;font-size:23px;text-decoration:none;display:flex}.brand>span:last-child{color:#78949f}.mark{color:#77e0c5;border:1px solid #77e0c5;border-radius:8px;place-items:center;width:33px;height:33px;margin-right:12px;font-size:23px;display:grid}.project{letter-spacing:1.6px;color:#7e9aa7;align-items:center;gap:10px;font-size:12px;display:flex}.dot{background:#5bddbd;border-radius:50%;width:6px;height:6px;display:inline-block}.stage{height:calc(100dvh - 156px);min-height:530px;position:relative;overflow:hidden}.world{touch-action:none;outline:none;width:100%;height:100%;display:block}.intro{pointer-events:none;position:absolute;top:34px;left:34px}.eyebrow{letter-spacing:1.8px;color:#6b9b9e;text-transform:uppercase;font-size:11px;font-weight:600}h1{letter-spacing:-1.3px;margin:9px 0;font-family:Space Grotesk;font-size:35px;font-weight:400}p{color:#95aeb9;margin:7px 0;line-height:1.6}.intro p{font-size:14px}.status{letter-spacing:1.6px;color:#9ebfc6;background:#0a1821a8;border:1px solid #29434a;border-radius:30px;align-items:center;gap:9px;padding:9px 12px;font-size:10px;display:flex;position:absolute;top:37px;right:32px}.live{box-shadow:0 0 10px #5bddbd}aside{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1421d9;border:1px solid #21343e;border-radius:12px;width:232px;padding:20px 14px;position:absolute;top:110px;right:28px}aside>.eyebrow{padding:0 9px 15px}.chapter{text-align:left;color:#849da9;background:0 0;border:0;border-radius:6px;justify-content:flex-start;width:100%;padding:13px 9px;font-size:13px;line-height:1.4}.chapter .number{color:#50707b;font-family:Space Grotesk;font-size:11px}.chapter>span:nth-child(2){flex:1}.chapter svg{opacity:0}.chapter.active{color:#bff3e1;background:#183331}.chapter.active svg{opacity:1}.legend{color:#859ca9;border-top:1px solid #23333e;gap:12px;margin-top:15px;padding:18px 8px 10px;font-size:12px;display:grid}.legend span{align-items:center;gap:10px;display:flex}.legend i{background:#60e7ce;width:15px;height:3px}.legend .gold{background:#e2b876}.identity{background:0 0;border:0;padding:10px 8px;font-size:12px}.identity.selected{color:#e3bd81}.caption{pointer-events:none;background:linear-gradient(90deg,#0d1b28f2,#0d1b2880);border-left:2px solid #73e2c7;max-width:640px;padding:19px 24px;position:absolute;bottom:44px;left:34px}.caption p{color:#c5d7df;margin-top:10px;font-size:17px;line-height:1.55}.caption .eyebrow{color:#6fe2c5;font-size:10px}.orbit-hint{letter-spacing:.5px;color:#77909c;font-size:11px;position:absolute;bottom:15px;left:36px}footer{background:#09141e;border-top:1px solid #223541;align-items:center;gap:20px;height:78px;padding:0 32px;display:flex}.play{color:#092c2b;background:#baf2dd;border-color:#baf2dd;min-width:140px;font-weight:600}.play:hover{color:#092c2b;background:#e0ffef}.time{color:#92a9b3;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}input[type=range]{accent-color:#8fe7cb;cursor:pointer;flex:1;height:3px}.footer-note{letter-spacing:1.8px;color:#71929b;white-space:nowrap;align-items:center;gap:10px;font-size:10px;display:flex}.scrim{z-index:5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.editor{background:#101d28;border-left:1px solid #3b555c;flex-direction:column;gap:16px;width:620px;max-width:100%;padding:30px;display:flex}.editor-head{justify-content:space-between;align-items:center;display:flex}h2{margin:6px 0;font-size:30px;font-weight:400}.editor p{font-size:14px}.editor nav{gap:8px;display:flex}.selected{color:#b5ead9;border-color:#83cdb7}.editor textarea{resize:none;color:#bee2d8;background:#08121b;border:1px solid #314550;border-radius:8px;flex:1;min-height:200px;padding:16px;font:13px/1.7 monospace}.editor small{color:#8da7b3;font-size:12px;line-height:1.5}.editor-actions{justify-content:space-between;display:flex}.error{color:#ffbdbe;background:#41232a;border-radius:8px;padding:12px;position:relative}.stage>.error,.loading{background:#101d28;padding:20px;position:absolute;top:45%;left:35%}.notice{z-index:8;background:#204139;position:fixed;top:85px;left:50%;transform:translate(-50%)}@media (max-width:900px){.project{display:none}aside{width:195px;padding:12px 7px;right:15px}.intro{left:20px}h1{font-size:27px}.intro p{max-width:250px}.caption{max-width:calc(100% - 245px);padding:12px;left:20px}.caption p{font-size:14px}.footer-note{display:none}footer{gap:10px;padding:0 16px}}@media (max-width:600px){header{height:65px;padding:0 15px}.brand{font-size:19px}.stage{height:calc(100dvh - 145px);min-height:340px}aside{display:none}.status{top:140px;left:20px;right:auto}.caption{max-width:calc(100% - 40px)}.time{display:none}.play{min-width:115px;font-size:12px}footer{height:80px}.editor{padding:18px}}