:root{color:#f6f3e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;touch-action:none;background:#16201c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#sim{width:100%;height:100%;display:block;position:fixed;inset:0}.hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;align-items:stretch;gap:10px;display:flex;position:fixed}.readout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1715b8;border:1px solid #fff3;border-radius:8px;min-width:98px;padding:10px 12px;box-shadow:0 10px 35px #00000038}.readout.compact{min-width:78px}.label{color:#bac8bd;letter-spacing:0;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.readout strong{color:#fff9e7;min-width:28px;font-size:26px;line-height:1;display:inline-block}#speed.over{color:#ff6464}.notice{top:max(86px, calc(env(safe-area-inset-top) + 74px));opacity:0;color:#fffbe8;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191d1bd1;border:1px solid #ffffff38;border-radius:8px;max-width:min(520px,100vw - 32px);padding:12px 16px;font-size:14px;line-height:1.35;transition:opacity .18s,transform .18s;position:fixed;left:50%;transform:translate(-50%)translateY(-12px)}.notice.show{opacity:1;transform:translate(-50%)translateY(0)}.desktop-help{right:max(14px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top));color:#e8efdf;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f17159e;border-radius:8px;padding:9px 11px;font-size:13px;position:fixed}.asset-credit{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:#fffbe8d1;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f171585;border-radius:6px;max-width:min(390px,100vw - 28px);padding:7px 9px;font-size:11px;line-height:1.25;position:fixed}.revocation-panel{opacity:0;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060a097a;place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.revocation-panel.show{opacity:1;pointer-events:auto}.revocation-card{color:#fffbe8;background:#131816e6;border:1px solid #ffffff38;border-radius:8px;width:min(440px,100vw - 32px);padding:22px;box-shadow:0 24px 80px #0000005c}.revocation-card h1{letter-spacing:0;margin:4px 0 10px;font-size:26px;line-height:1.12}.revocation-card p{color:#d9e0d4;margin:0 0 18px;font-size:14px;line-height:1.45}.revocation-card button{color:#14201b;letter-spacing:0;cursor:pointer;background:#e7c34a;border:0;border-radius:6px;width:100%;min-height:44px;font-size:13px;font-weight:850}.revocation-card button:active{transform:translateY(1px)}.camera-bar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1715b8;border:1px solid #ffffff2e;border-radius:8px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.camera-bar button,.mobile-controls button{color:#fff9e7;letter-spacing:0;cursor:pointer;background:#eeeedc1f;border:0;border-radius:6px;min-width:72px;min-height:42px;font-size:12px;font-weight:800;transition:background .15s,transform .15s}.camera-bar button.active,.mobile-controls button.pressed{color:#14201b;background:#e7c34a}.camera-bar button:active,.mobile-controls button:active{transform:translateY(1px)}.mobile-controls{right:max(12px, env(safe-area-inset-right));bottom:max(74px, calc(env(safe-area-inset-bottom) + 68px));-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,58px);grid-auto-rows:52px;gap:8px;display:none;position:fixed}.mobile-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1715ad;border:1px solid #ffffff29;min-width:58px;min-height:52px;font-size:20px}.mobile-controls .wide{grid-column:span 3;width:100%}@media (width<=820px),(pointer:coarse){.desktop-help{display:none}.hud{transform-origin:0 0;gap:6px;transform:scale(.9)}.readout{min-width:84px;padding:9px 10px}.readout strong{font-size:22px}.camera-bar{left:max(12px, env(safe-area-inset-left));right:auto;bottom:max(42px, calc(env(safe-area-inset-bottom) + 26px));max-width:calc(100vw - 24px);overflow-x:auto;transform:none}.camera-bar button{min-width:64px}.mobile-controls{display:grid}.asset-credit{left:max(12px, env(safe-area-inset-left));right:auto;bottom:max(8px, env(safe-area-inset-bottom))}}@media (width<=520px){.hud{transform:scale(.78)}.readout.compact{display:none}.mobile-controls{grid-template-columns:repeat(3,52px);grid-auto-rows:48px}.mobile-controls button{min-width:52px;min-height:48px}}