:root{font-family:Arial,Helvetica,sans-serif;color:#d2d9d2;background:#10191b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}#scene{width:100vw;height:100dvh;display:block;outline:none;touch-action:none}main{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#071013b3,transparent 35%,transparent 75%,#071013df)}header{position:absolute;top:48px;left:52px}.eyebrow{font-size:10px;letter-spacing:3px;color:#8caaa5}h1{font-size:48px;letter-spacing:12px;font-weight:400;margin:14px 0 10px}h1 span{color:#bc775a}header p{font-size:12px;letter-spacing:1px;color:#96a5a2}nav{position:absolute;top:55px;right:45px;display:flex;gap:5px}button,input{pointer-events:auto}button{background:#101c20c9;border:1px solid #455551;color:#bdcbc5;padding:13px 18px;font-size:10px;letter-spacing:1.5px;cursor:pointer}button:hover,button.active{background:#d0d8ca;color:#152025;border-color:#d0d8ca}button:focus-visible,input:focus-visible{outline:2px solid #d4a67b;outline-offset:4px}aside{pointer-events:auto;position:absolute;right:45px;top:130px;width:245px;background:#101b20e8;border:1px solid #43514c;padding:23px}aside h2{letter-spacing:4px;font-size:15px}aside p,small{font-size:11px;line-height:1.7;color:#99aaa4}label{display:block;font-size:11px;margin:19px 0}input{display:block;width:100%;margin-top:12px;accent-color:#bac7b6}aside button{width:100%;margin-bottom:10px}small{display:block}footer{position:absolute;left:52px;right:45px;bottom:32px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;color:#93a49d}footer div{display:flex;gap:10px;align-items:center}.indicator{width:5px;height:5px;background:#aac7ab;border-radius:50%;box-shadow:0 0 10px #aac7ab}footer b{margin:0 12px}#touch{position:absolute;bottom:85px;left:35px;display:flex;gap:12px}#touch button{width:62px;height:56px;font-size:25px;touch-action:none;-webkit-user-select:none;user-select:none}.hidden,[hidden]{display:none!important}@media(pointer:fine){#touch{opacity:.5}}@media(max-width:700px){header{top:25px;left:24px}h1{font-size:30px;letter-spacing:8px}.eyebrow{font-size:8px;letter-spacing:1.5px}nav{top:155px;left:24px;right:auto}nav button{font-size:8px;padding:12px}aside{right:16px;top:210px;width:205px;padding:15px}label{margin:12px 0}footer{left:24px;right:24px;bottom:22px}footer p,footer>span{display:none}}