*{box-sizing:border-box}html,body{background:#d3dde8;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}#app canvas{display:block}#loading{color:#29405e;z-index:10;background:#dfe7f0;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:18px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}.spinner{border:4px solid #b9c9dc;border-top-color:#29405e;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#panel{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#0f1c30b8;border-radius:10px;max-width:min(440px,100vw - 24px);padding:10px 12px;font-size:14px;position:fixed;top:12px;left:12px}.title{margin-bottom:8px;font-weight:700}.title span{opacity:.7;margin-left:6px;font-size:12px;font-weight:400}#views,.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row{margin-top:8px}button{color:#fff;font:inherit;cursor:pointer;background:#ffffff24;border:1px solid #ffffff40;border-radius:6px;padding:5px 10px}button:hover{background:#ffffff42}label{cursor:pointer;align-items:center;gap:4px;margin-left:4px;display:inline-flex}#help{opacity:.9;margin-top:8px;font-size:12.5px;line-height:1.5;display:none}#help.open{display:block}#fly-hint{color:#fff;white-space:nowrap;background:#0f1c30b3;border-radius:8px;padding:6px 12px;font-size:13px;display:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}body.flying #fly-hint{display:block}body.flying #panel{opacity:.35}#fps{color:#29405e;opacity:.7;font-size:12px;position:fixed;top:8px;right:10px}#credits{color:#29405e;opacity:.7;font-size:11px;position:fixed;bottom:6px;right:10px}#vr{bottom:34px!important}#trail-legend{flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12.5px;display:none}#trail-legend.open{display:flex}#trail-legend span{align-items:center;gap:5px;display:inline-flex}#trail-legend i{border-radius:2px;width:18px;height:4px;display:inline-block}.shoot-btn{background:#c62828;border-color:#e57373;font-weight:600}.shoot-btn:hover{background:#d84343}body.shooting #panel,body.shooting #fly-hint{display:none}#shoot-hud{color:#fff;z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#0c1628c7;border-radius:12px;width:min(520px,100vw - 24px);padding:10px 14px;font-size:14px;display:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}body.shooting #shoot-hud{display:block}.sh-head{opacity:.9}.sh-targets{justify-content:center;gap:10px;margin:8px 0 6px;display:flex}.sh-targets i{background:#0c0c0c;border:2px solid #8fa3bf;border-radius:50%;width:26px;height:26px;transition:background .15s}.sh-targets i.hit{background:#f2f4f6}.sh-info{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:16px;display:flex}.sh-breath{background:#ffffff26;border-radius:2px;height:4px;margin:6px 0;overflow:hidden}.sh-breath div{background:#64b5f6;width:100%;height:100%;transition:width .1s}.sh-breath div.over{background:#e57373}.sh-msg{color:#ffcc80;min-height:20px;font-weight:600}.sh-btns,.sh-touch{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.sh-touch{display:none}.sh-touch button{flex:1;padding:10px;font-size:16px}.sh-help{opacity:.7;margin-top:6px;font-size:11.5px}@media (pointer:coarse){.sh-touch{display:flex}.sh-help{display:none}}#debug-monitor{z-index:9;pointer-events:none;border-radius:10px;width:min(340px,45vw);height:auto;display:none;position:fixed;top:12px;right:12px}body.shooting.debug-on #debug-monitor{display:block}#sight{pointer-events:none;opacity:0;z-index:4;background:radial-gradient(circle,#0000 0 34vmin,#080a0c99 38vmin,#050608f7 44vmin);position:fixed;inset:0}#sight .ring{--ring:60px;width:var(--ring);height:var(--ring);box-shadow:0 0 0 calc(var(--ring) * .09) #0f0f0feb, 0 0 0 calc(var(--ring) * .11) #0f0f0f66;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sh-resume{z-index:7;color:#fff;cursor:pointer;text-align:center;background:#0a142359;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:none;position:fixed;inset:0}#sh-resume small{opacity:.85;margin-top:8px;font-size:13px;font-weight:400;display:block}@media (width<=600px){#panel{padding:8px;font-size:13px}#fly,#fly-hint{display:none!important}}