:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#202020;color:#f4f7f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{position:relative;background:radial-gradient(circle at 58% 12%,rgba(255,255,255,.08),transparent 33rem),linear-gradient(135deg,#181818,#2f2f2f 48%,#141414)}#app:after{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 58% 24%,transparent 0 24rem,rgba(0,0,0,.18) 48rem),linear-gradient(230deg,transparent 0 42%,rgba(0,0,0,.58) 100%)}#scene{display:block;width:100%;height:100%;cursor:grab;filter:contrast(1.08) brightness(.98);touch-action:none}#scene:active{cursor:grabbing}.hud,.readout{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.12);background:#111417b8;box-shadow:0 18px 60px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud{top:18px;left:18px;width:min(332px,calc(100vw - 36px));padding:16px;border-radius:8px}.hud.is-collapsed{width:auto;max-width:calc(100vw - 36px);padding:9px 10px}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-link{display:block;min-width:0;overflow:hidden;color:#c4cecd;font-size:.78rem;line-height:1.25;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.home-link:hover,.home-link:focus-visible{color:#fff}.home-link:focus-visible{outline:1px solid rgba(255,255,255,.48);outline-offset:3px}.settings-toggle{flex:0 0 auto;min-height:28px;padding:0 8px;gap:6px;color:#f0f4f4;font-size:.78rem}.settings-toggle__chevron{display:inline-block;width:.7em;color:#b7c0bf;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1;transform:translateY(-1px)}.hud.is-collapsed .settings-toggle__chevron{transform:rotate(-90deg) translate(1px)}.settings-panel{margin-top:12px}.settings-panel[hidden]{display:none}.brand{margin-bottom:14px}h1{margin:0;font-size:clamp(1.25rem,1rem + .8vw,1.7rem);line-height:1.05;letter-spacing:0}h2{margin:0 0 12px;font-size:1.08rem;line-height:1.15;letter-spacing:0}p{margin:6px 0 0;color:#aeb8b7;font-size:.88rem}.controls{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-bottom:14px}button,select,input{font:inherit}button,select{min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:7px;color:#f5f7f8;background:#ffffff12}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;cursor:pointer}button:hover,select:hover{background:#ffffff1f}button.primary{border-color:#d6dbd87a;background:#979e9a3d}.icon{display:grid;place-items:center;width:16px;min-width:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1}label{display:grid;grid-template-columns:76px 1fr 48px;align-items:center;gap:10px;min-height:34px;color:#c4cecd;font-size:.84rem}label+label{margin-top:8px}label:has(select){grid-template-columns:76px 1fr}.check-label{grid-template-columns:76px auto 1fr}.check-label input{justify-self:start}select{width:100%;padding:0 9px;color:#f4f7f8}input[type=range]{width:100%;accent-color:#d0d5d3}input[type=checkbox]{width:16px;height:16px;accent-color:#d0d5d3}output{justify-self:end;color:#fff;font-variant-numeric:tabular-nums}.readout{right:18px;bottom:18px;display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:1px;overflow:hidden;border-radius:8px}.readout div{min-width:0;padding:12px 14px;background:#ffffff0b}.readout span{display:block;margin-bottom:4px;color:#aab3b2;font-size:.72rem}.readout strong{display:block;overflow:hidden;color:#fff;font-size:1.05rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.explanation{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px;background:#00000047}.explanation[hidden]{display:none}.explanation__panel{position:relative;width:min(430px,calc(100vw - 40px));max-height:calc(100svh - 40px);overflow-y:auto;padding:20px 22px 22px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#f4f7f8;background:#121416e6;box-shadow:0 22px 80px #00000075;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.explanation__panel p{margin-top:10px;color:#c2cbca;line-height:1.42}.explanation__close{position:absolute;top:10px;right:10px;width:30px;min-width:30px;min-height:30px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1}@media(max-width:720px){.hud{top:10px;left:10px;width:calc(100vw - 20px);padding:12px}.hud.is-collapsed{max-width:calc(100vw - 20px);padding:8px}.home-link{max-width:calc(100vw - 124px);font-size:.72rem}.settings-toggle{min-height:26px;padding:0 7px;font-size:.72rem}.controls{grid-template-columns:repeat(3,minmax(0,1fr))}button{padding:0 6px}label{grid-template-columns:70px 1fr 44px}label:has(select){grid-template-columns:70px 1fr}.check-label{grid-template-columns:70px auto 1fr}.readout{right:10px;bottom:10px;left:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.readout div{padding:9px 10px}.explanation{align-items:end;padding:10px}.explanation__panel{width:100%;max-height:calc(100svh - 20px);padding:18px 18px 20px}}