@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";:root{color:#f2eddf;font-synthesis:none;background:#dbe6da;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button{color:#f2eddf;background:#233e37;border:1px solid #64766c;border-radius:6px;padding:10px 13px}button:hover{background:#35564b}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f2ad6e}::selection{color:#172c2b;background:#e9b986}canvas{touch-action:none;width:100vw;height:100dvh;display:block}header{pointer-events:none;justify-content:space-between;align-items:start;display:flex;position:absolute;top:26px;left:32px;right:32px}h1{letter-spacing:-1px;color:#203e33;margin:0;font-family:Space Grotesk,sans-serif;font-size:29px;font-weight:600}h1 span{letter-spacing:0;margin-top:5px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:block}header .actions{pointer-events:auto;gap:8px;display:flex}kbd{opacity:.8;border:1px solid;border-radius:3px;margin-left:5px;padding:2px 5px;font-family:inherit;font-size:10px}aside{scrollbar-color:#6c8477 #172c2b;scrollbar-width:thin;background:#172c2bf5;border:1px solid #3d554d;border-radius:12px;width:288px;max-height:calc(100dvh - 210px);padding:22px;position:absolute;top:88px;right:32px;overflow:auto;box-shadow:0 12px 35px #24392b22}aside[hidden]{display:none}.panel-title{justify-content:space-between;align-items:center;display:flex}h2{letter-spacing:-.5px;margin:0;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:500}#close{color:#c3cec2;background:0 0;border:0;padding:0 0 0 12px;font-size:24px}aside p{color:#bfcdbf;margin:8px 0 24px;font-size:12px}.preset{border-block:1px solid #3d554d;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 0;font-size:12px;display:flex}select{color:#f4ead9;background:#2d4940;border:0;border-radius:4px;max-width:140px;padding:6px}.slider{margin-bottom:19px;font-size:12px;display:block}.slider>span{justify-content:space-between;align-items:center;display:flex}output{font-variant-numeric:tabular-nums;color:#f3bd82}output small{color:#bfcdbf;font-size:10px}input[type=range]{accent-color:#efb477;cursor:pointer;width:100%;height:5px;margin:11px 0 0;display:block}.panel-actions{border-top:1px solid #3d554d;gap:8px;padding-top:18px;display:flex}.panel-actions button{flex:1;padding:9px 5px;font-size:10px}aside p.hint{overflow-wrap:anywhere;margin:12px 0 0;font-size:10px}footer{pointer-events:none;justify-content:space-between;align-items:end;gap:20px;display:flex;position:absolute;bottom:26px;left:32px;right:32px}.telemetry{color:#203e33;align-items:center;gap:22px;display:flex}.telemetry strong{font-variant-numeric:tabular-nums;min-width:83px;font-family:Space Grotesk,sans-serif;font-size:54px;font-weight:500;line-height:1}.telemetry strong span{margin-left:5px;font:11px DM Sans,sans-serif}.telemetry b{letter-spacing:1.4px;font-size:10px}.telemetry small{margin-top:6px;font-size:11px;display:block}.controls{background:#172c2bef;border-radius:7px;gap:16px;padding:13px 18px;font-size:11px;display:flex}.controls span{white-space:nowrap}.controls kbd{margin:0 5px 0 0}#status{color:#f2eddf;background:#172c2b;border-radius:8px;padding:16px 22px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}#status:empty,#mobile{display:none}@media (width<=900px){header{top:18px;left:18px;right:18px}aside{width:260px;top:80px;right:18px}footer{flex-wrap:wrap;bottom:18px;left:18px;right:18px}.controls{gap:8px;font-size:10px}.telemetry strong{font-size:40px}}@media (width<=600px){h1{font-size:23px}header button{padding:8px;font-size:10px}header kbd{display:none}aside{width:240px;max-height:calc(100dvh - 230px)}.controls{display:none}#mobile{color:#203e33;font-size:10px;display:block;position:absolute;bottom:8px;left:18px}footer{bottom:34px}}#camera-hint{color:#f2eddf;pointer-events:none;text-align:center;background:#172c2b;border-radius:6px;padding:9px 14px;font-size:12px;position:absolute;top:24px;left:50%;transform:translate(-50%)}@media (width<=1000px){#camera-hint{max-width:230px;font-size:11px;top:76px;left:18px;transform:none}}#gamepad-hint{text-align:right;color:#203e33;pointer-events:none;font-size:10px;position:absolute;bottom:6px;left:32px;right:32px}@media (width<=900px){#gamepad-hint{display:none}}#warehouse-start{width:100%;margin:14px 0;font-size:12px}#warehouse-credit a{color:#efb477;text-underline-offset:3px}
