:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#111}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;touch-action:none}body{height:100dvh}#game{display:block;width:100%;height:100%;background:#b5c4c9}#loading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 60% 30%,#6f8790,#263738 70%);transition:.6s opacity}.loader{width:min(520px,82vw);text-align:center}.loader h1{font-size:clamp(24px,5vw,48px);margin:0 0 10px}.loader p{opacity:.78}.track{height:5px;background:#ffffff22;border-radius:99px;overflow:hidden;margin:28px 0}.track>div{height:100%;width:0;background:#e9e0b9;transition:.25s}.done{opacity:0;pointer-events:none}.error{background:#402b2b}.top{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;justify-content:space-between;gap:12px;pointer-events:none}.panel{background:#111b;backdrop-filter:blur(12px);padding:9px 12px;border:1px solid #ffffff22;border-radius:13px;font-size:12px;line-height:1.35;box-shadow:0 8px 30px #0003}.panel b{font-size:13px}.controls{pointer-events:auto;display:flex;gap:6px;align-items:center}.controls button,.controls select{border:1px solid #ffffff2c;background:#1c2827dd;color:#fff;border-radius:10px;padding:8px 10px}.mobile{display:none}.photo #hud{display:none!important}@media(max-width:800px),(pointer:coarse){.mobile{display:block}.desktopHint{display:none}.top{top:max(8px,env(safe-area-inset-top))}.panel{font-size:10px;padding:7px 9px}.controls select{max-width:82px;padding:7px 4px}.mobileControls{position:fixed;inset:0;pointer-events:none}.joy{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:118px;height:118px;border-radius:50%;border:1px solid #ffffff44;background:#ffffff12;pointer-events:auto}.knob{position:absolute;left:36px;top:36px;width:46px;height:46px;border-radius:50%;background:#ffffff44;border:1px solid #ffffff55}.actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,60px);gap:10px;pointer-events:auto}.actions button{height:60px;border-radius:50%;border:1px solid #ffffff44;background:#172524cc;color:#fff;font-weight:700}.actions #sprint{grid-column:1/3;border-radius:22px;height:44px}}