*{box-sizing:border-box}body{margin:0;background:#101b25;color:#f1f5ee;font:16px system-ui}canvas{width:100vw;height:100vh;display:block;outline:none}#app{position:absolute;inset:0;pointer-events:none}header{padding:28px 36px;display:flex;justify-content:space-between;letter-spacing:2px}header small{color:#c6dbb3}.panel{pointer-events:auto;position:absolute;left:5vw;top:22vh;width:min(440px,90vw);padding:30px;background:#12232bea;border:1px solid #ffffff25;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{font-size:52px;line-height:1.04;margin:12px 0 20px}p{color:#c0cfc9;line-height:1.6}button,input,select{font:inherit;padding:13px;border-radius:9px;border:1px solid #80968a;background:#233c40;color:#fff;margin:5px 0;width:100%}button{cursor:pointer}button:hover{background:#37575a}.primary{background:#dcf783;color:#15251e;font-weight:700}.row{display:flex;gap:10px}.row>*{flex:1}#hud{position:absolute;bottom:30px;right:36px;text-align:right;max-width:70vw}#speed{font-size:58px}#status{font-size:14px;color:#dbedbd;white-space:pre-wrap}#back{pointer-events:auto;position:absolute;bottom:30px;left:36px;width:auto}label{display:block;margin-top:12px}.room{font-size:14px}#error{color:#ffbca8}@media(max-width:600px){header{padding:18px}h1{font-size:38px}.panel{top:14vh;padding:20px}#hud{bottom:20px;right:18px}#speed{font-size:38px}}