:root{--ink:#080914;--paper:#edece5;--acid:#d9ff36;--cyan:#4feaff;--pink:#ff3e9d;--line:rgba(237,236,229,.2)}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 48% 20%,#132e4c 0,transparent 31%),var(--ink);color:var(--paper);font-family:Arial,sans-serif}.skip{position:fixed;z-index:10;top:-60px;left:10px;background:var(--acid);color:var(--ink);padding:10px}.skip:focus{top:10px}.bar,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}.bar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:11px "Courier New",monospace;letter-spacing:.1em}.bar p{color:#a9adb9}.bar a{color:var(--paper);text-decoration:none;text-transform:uppercase}.logo{font-weight:700!important;font-size:25px!important;letter-spacing:-2px!important}.logo span{color:var(--cyan)}.intro{padding:clamp(52px,10vw,112px) 0 42px}.eyebrow,.controls p,.notes span{margin:0;color:var(--acid);font:11px "Courier New",monospace;letter-spacing:.1em}.intro h1{margin:18px 0 27px;font-size:clamp(72px,14vw,164px);letter-spacing:-.11em;line-height:.7}.intro h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 32px #ff3e9d80}.intro>p:last-child{max-width:590px;margin:0;color:#bec1ca;font-size:clamp(17px,2vw,23px);line-height:1.45}.experience{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#0b0d19;box-shadow:0 0 110px -45px #4feaff}.stage{position:relative;min-height:590px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#142d53,transparent 35%),#05060d}.webgl{position:absolute;inset:0;touch-action:none;cursor:grab}.webgl:active{cursor:grabbing}.hud{position:absolute;z-index:2;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:15px 18px;pointer-events:none;font:10px "Courier New",monospace;letter-spacing:.08em}.hud-top{top:0;color:var(--acid)}.hud-bottom{bottom:0;color:#b8bac1;background:linear-gradient(transparent,#05060dbd)}.fallback{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-align:center;padding:30px;background:#080914}.fallback img{max-height:75%;max-width:70%;object-fit:contain;filter:saturate(.85)}.fallback p{max-width:320px;color:#b8bac1;font:13px/1.4 "Courier New",monospace}.controls{padding:22px;border-left:1px solid var(--line);background:#090a13}.control-title{padding-bottom:20px;border-bottom:1px solid var(--line)}.control-title p{margin-bottom:13px}.upload{display:block;cursor:pointer;border:1px solid var(--cyan);padding:13px 12px;color:var(--cyan);font:11px "Courier New",monospace;letter-spacing:.04em;text-align:center}.upload:hover{background:var(--cyan);color:var(--ink)}.upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}button{cursor:pointer;font:11px "Courier New",monospace;letter-spacing:.04em;text-transform:uppercase}.control-title button{width:100%;margin-top:8px;padding:11px;background:transparent;border:1px solid var(--line);color:var(--paper)}.control-title small{display:block;margin-top:12px;color:#9da0aa;font:10px/1.45 "Courier New",monospace}.control-group{padding:18px 0 2px}.control-group label{display:flex;justify-content:space-between;color:#d5d6da;font:11px "Courier New",monospace}.control-group output{color:var(--acid)}input[type=range]{width:100%;accent-color:var(--pink);margin:14px 0 0}.buttons{display:grid;gap:8px;margin-top:23px}.buttons button{padding:14px;border:1px solid var(--line);background:transparent;color:var(--paper)}.buttons .accent{border-color:var(--acid);background:var(--acid);color:var(--ink)}.buttons .accent:hover{background:var(--pink);border-color:var(--pink)}.privacy{margin:25px 0 0!important;border-top:1px solid var(--line);padding-top:18px;line-height:1.6}.privacy span{color:#9da0aa}.notes{display:grid;grid-template-columns:repeat(3,1fr);margin:52px 0 75px;border-top:1px solid var(--line)}.notes div{padding:24px;border-right:1px solid var(--line)}.notes div:last-child{border-right:0}.notes span{display:block;margin-bottom:17px}.notes strong{font-size:18px;letter-spacing:-.04em}footer{border-top:1px solid var(--line);padding:25px 0 40px;color:#858792;font:11px "Courier New",monospace}@media(max-width:780px){.bar,main,footer{width:min(100% - 28px,1180px)}.bar{height:70px}.bar p{display:none}.intro{padding:65px 0 35px}.experience{grid-template-columns:1fr;border-radius:18px}.stage{min-height:520px}.controls{border-left:0;border-top:1px solid var(--line)}.notes{grid-template-columns:1fr;margin:42px 0 52px}.notes div{border-right:0;border-bottom:1px solid var(--line)}.notes div:last-child{border-bottom:0}.hud-bottom{font-size:8px;padding:13px}.fallback img{max-width:92%}}@media(prefers-reduced-motion:reduce){.webgl{display:none}.fallback{display:grid!important}}
