:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--panel:#0d1218d1;--panel-solid:#0d1218;--text:#f4f0e8;--muted:#a9b1ba;--line:#f4f0e829;--amber:#f6b34c;--cyan:#55d2e7;--magenta:#ef5da8;--green:#8fd16f;--danger:#f07d66;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% 12%, #f6b34c21, transparent 28rem), radial-gradient(circle at 84% 12%, #55d2e71f, transparent 26rem), var(--bg);min-height:100vh;color:var(--text);margin:0}.project-nav{justify-content:space-between;gap:12px;padding:14px clamp(14px,2vw,26px) 0;display:flex}.project-nav a{min-height:42px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1218b8;border:1px solid #f4f0e829;border-radius:8px;align-items:center;padding:0 14px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.project-nav a:hover,.project-nav a:focus-visible{border-color:#55d2e7b3;outline:none}button,input{font:inherit}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:100vh;padding:clamp(14px,2vw,26px);display:grid}.intro{grid-template-columns:minmax(18rem,.7fr) minmax(18rem,.55fr);align-items:end;gap:18px;display:grid}.eyebrow{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:13ch;font-size:clamp(2rem,5vw,5.7rem);line-height:.95}h2{font-size:clamp(1.45rem,2vw,2.15rem);line-height:1}.summary{max-width:44rem;color:var(--muted);font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.55}.explorer{grid-template-rows:minmax(30rem,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);gap:12px;min-height:0;display:grid}.viewport-wrap{border:1px solid var(--line);background-color:#080b10;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:30rem;position:relative;overflow:hidden}#space{width:100%;height:100%;display:block}.hud,.body-label{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080b10ad;border:1px solid #f4f0e81f;border-radius:8px;position:absolute;box-shadow:0 18px 60px #00000052}.hud{color:var(--muted);align-items:center;gap:8px;padding:8px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px}.status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 16px var(--green);border-radius:50%}.label-layer{pointer-events:none;position:absolute;inset:0}.body-label{min-width:84px;color:var(--text);white-space:nowrap;padding:7px 9px;font-size:.78rem;font-weight:800;transform:translate(-50%,-130%)}.body-label span{color:var(--muted);margin-top:2px;font-size:.68rem;font-weight:650;display:block}.impact-label{text-align:center;min-width:15rem;padding:10px 12px;font-size:.9rem;transform:translate(-50%,-50%);box-shadow:0 0 34px #f6b34c38,0 18px 70px #00000080}.impact-label span:last-child{color:var(--text);font-size:.78rem}.inspect-panel,.controls,.lab-panel,.source-note{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px}.inspect-panel{flex-direction:column;justify-content:space-between;gap:20px;min-height:0;padding:18px;display:flex}.metrics{gap:10px;margin:0;display:grid}.metrics div{border-bottom:1px solid #f4f0e81a;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}dt{color:var(--muted);font-size:.83rem}dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.legend{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.78rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:50%;width:10px;height:10px}.amber{background:var(--amber)}.cyan{background:var(--cyan)}.magenta{background:var(--magenta)}.green{background:var(--green)}.controls{grid-column:1/-1;align-items:center;gap:10px;padding:10px;display:flex}.lab-panel{grid-column:1/-1;grid-template-columns:minmax(15rem,.7fr) minmax(16rem,.85fr) minmax(25rem,1.4fr);gap:14px;padding:14px;display:grid}.lab-copy{align-content:start;gap:8px;display:grid}.lab-copy h2{max-width:18rem;font-size:1.25rem;line-height:1.1}.lab-copy p:last-child{color:var(--muted);font-size:.83rem;line-height:1.45}.system-sliders,.body-controls{gap:10px;display:grid}.body-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-control,.body-editor{background:#f4f0e80b;border:1px solid #f4f0e81a;border-radius:8px}.lab-control{color:var(--muted);gap:8px;padding:12px;font-size:.83rem;font-weight:750;display:grid}.lab-control span,.body-editor label span{justify-content:space-between;gap:10px;display:flex}output{color:var(--text);font-variant-numeric:tabular-nums}.body-editor{border-top-color:var(--accent);gap:10px;padding:12px;display:grid}.body-editor h3{color:var(--accent);margin:0;font-size:.92rem}.body-editor label{color:var(--muted);gap:7px;font-size:.78rem;font-weight:750;display:grid}.body-editor input[type=range]{accent-color:var(--accent)}button{min-height:42px;color:var(--text);cursor:pointer;background:#f4f0e814;border:1px solid #f4f0e82e;border-radius:8px;font-weight:800}button:hover,button:focus-visible{border-color:#55d2e7b3;outline:none}.controls button{min-width:68px;padding:0 14px}.range-control,.toggle-control,.survival-scale{min-height:42px;color:var(--muted);align-items:center;gap:10px;font-size:.84rem;font-weight:750;display:inline-flex}.range-control{flex:1;min-width:13rem}.survival-scale{flex:18rem;min-width:16rem}.scale-track{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#f4f0e838 calc(25% - 1px) 25%),#f4f0e81a;border:1px solid #f4f0e82e;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.scale-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--cyan), var(--amber));width:0%;height:100%;display:block;box-shadow:0 0 18px #55d2e773}input[type=range]{width:100%;accent-color:var(--cyan)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}.source-note{color:var(--muted);padding:10px 12px;font-size:.78rem;line-height:1.35}@media (width<=860px){.app-shell{gap:10px;padding:10px}.intro{grid-template-columns:1fr;gap:8px}h1{max-width:15ch;font-size:clamp(2rem,12vw,3.8rem)}.summary{font-size:.93rem}.explorer{grid-template-rows:minmax(24rem,56vh) auto auto auto;grid-template-columns:1fr}.viewport-wrap{min-height:24rem}.inspect-panel{order:2;padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics div{display:block}dd{margin-top:4px}.controls{z-index:5;flex-wrap:wrap;order:1;position:sticky;bottom:8px;box-shadow:0 18px 70px #00000073}.controls button{flex:74px}.range-control{flex-basis:100%;min-width:0}.toggle-control{flex:46%}.survival-scale{flex-basis:100%;min-width:0}.lab-panel{order:3;grid-template-columns:1fr;padding:12px}.lab-copy h2{max-width:none}.body-controls{grid-template-columns:1fr}.top-right{display:none}.body-label{min-width:70px;padding:6px 7px;font-size:.7rem}}@media (height<=520px) and (orientation:landscape){.app-shell{grid-template-rows:auto minmax(0,1fr)}.intro{grid-template-columns:1fr auto}h1{max-width:none;font-size:1.6rem}.summary,.source-note{display:none}.explorer{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) 17rem}.viewport-wrap{min-height:0}.inspect-panel{order:0;padding:12px}.controls{order:0;grid-column:1/-1;position:static}.lab-panel{grid-column:1/-1;grid-template-columns:minmax(11rem,.7fr) minmax(14rem,1fr) minmax(18rem,1.2fr)}.lab-copy p:last-child{display:none}.body-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}