:root{color-scheme:dark;font-family:"Inter Variable",sans-serif;color:#e1f5fa;background:#020817;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}canvas{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none;outline:none}.hud{position:fixed;z-index:2;pointer-events:none}.hud button,.hud input,.hud select{pointer-events:auto}button,select{font:inherit;color:inherit}button{min-height:44px;cursor:pointer;border:1px solid #88bdc440;border-radius:40px;background:#061824d9;padding:0 20px;backdrop-filter:blur(18px);font-size:12px;letter-spacing:.02em}button:hover{background:#143647}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #91f5ff;outline-offset:5px}button[aria-pressed=true]{color:#9eeaff}.mast{left:38px;right:38px;top:31px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:"Space Grotesk Variable",sans-serif;letter-spacing:.18em;font-size:14px;font-weight:600}.slash{color:#63d9eb;padding:0 7px}.edition{font-family:"JetBrains Mono Variable",monospace;font-size:11px;letter-spacing:.13em;color:#a9bfce}.scene-label{left:40px;bottom:121px;text-shadow:0 2px 10px #000}.eyebrow{font-family:"JetBrains Mono Variable",monospace;font-size:10px;letter-spacing:.15em;color:#a7c6d4}h1{font-family:"Instrument Serif",serif;font-size:clamp(38px,4.2vw,64px);line-height:1;letter-spacing:-.015em;font-weight:400;margin:12px 0 11px}p{margin:0;font-size:12px;color:#b9d0da}.marker{right:40px;top:101px;display:flex;align-items:center;gap:12px;font:10px "JetBrains Mono Variable",monospace;letter-spacing:.1em;color:#c2d9e8}.live-dot{width:5px;height:5px;background:#7de4ef;border-radius:50%;box-shadow:0 0 9px #57def0}.controls{left:40px;bottom:49px;display:flex;gap:8px}.controls button:nth-child(2){background:#b8eced;color:#09202c;border-color:#b8eced}.controls button span{margin-left:18px;font-size:17px}.note{right:40px;bottom:62px;font-size:10px;letter-spacing:.03em;color:#99b6c5}.settings{right:40px;bottom:104px;width:292px;padding:22px;border:1px solid #8ac7de30;border-radius:18px;background:#071725eb;backdrop-filter:blur(20px)}.settings[hidden]{display:none}.settings label{display:block;font-size:12px;color:#d6e9ee;margin-bottom:19px}.settings label:last-child{margin:0}.settings output{float:right;color:#8de7ec;font-variant-numeric:tabular-nums}.settings select{display:block;width:100%;height:44px;margin-top:9px;padding:0 10px;border:1px solid #aac5d33d;background:#0b2537;border-radius:8px}.settings input{width:100%;height:25px;display:block;accent-color:#9eeaff}.fallback{display:none;position:fixed;inset:25%;align-items:center;text-align:center;line-height:1.6}.no-webgl .fallback{display:flex}.no-webgl canvas{display:none}.capture *{transition:none!important}.capture .note{opacity:.85}@media(max-width:600px){.mast{left:22px;right:22px;top:max(25px,env(safe-area-inset-top))}.wordmark{font-size:11px;letter-spacing:.12em}.slash{padding:0 3px}.edition{display:none}.marker{top:58px;right:22px;font-size:9px;gap:8px}.scene-label{left:23px;bottom:137px}.eyebrow{font-size:8px;letter-spacing:.1em}h1{font-size:40px;margin:9px 0}.scene-label p{font-size:11px}.controls{left:20px;right:20px;bottom:max(67px,calc(env(safe-area-inset-bottom) + 45px));gap:6px}.controls button{padding:0 13px;font-size:11px;flex:1;white-space:nowrap}.controls button:nth-child(2){flex:1.7}.controls button span{margin-left:4px}.note{left:23px;right:auto;bottom:29px;font-size:8px}.settings{left:20px;right:20px;width:auto;bottom:123px;padding:16px 18px}.settings label{margin-bottom:9px;font-size:11px}.settings input{height:22px}.settings select{height:40px;margin-top:5px}.settings:not([hidden])~.controls{z-index:3}body:has(.settings:not([hidden])) .scene-label{visibility:hidden}}

.controls .arrow{display:inline-block;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);vertical-align:1px}

.scene-label::before{content:"";position:absolute;inset:-18px -40px -18px -20px;z-index:-1;background:radial-gradient(ellipse at 28% 60%,#020817cf 15%,#0208178a 50%,transparent 75%)}