*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f4eb;background:#0b1110}canvas{display:block}.hud{position:fixed;top:16px;left:16px;z-index:5;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.panel{background:#0c1210c7;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 16px 40px #00000047;backdrop-filter:blur(16px);padding:12px}.title{margin:0 0 6px;font-size:14px;line-height:1.25;font-weight:700}.copy{margin:0;font-size:12px;line-height:1.45;color:#f7f4ebd1}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.key{min-height:28px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#f7f4ebe6;font-size:11px;font-weight:650}.actions{position:fixed;right:16px;top:16px;z-index:5;display:flex;gap:8px}button{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#f7f4ebf0;color:#13201b;padding:9px 12px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 10px 30px #00000047}button.secondary{background:#0c1210b8;color:#f7f4eb}.readout{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pill{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 8px;font-size:11px;line-height:1.2;color:#f7f4ebd1;background:#ffffff0f}.crosshair{position:fixed;left:50%;top:50%;z-index:3;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffb8}.crosshair:before{left:8px;top:3px;width:2px;height:12px}.crosshair:after{left:3px;top:8px;width:12px;height:2px}.label{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:5;width:min(620px,calc(100vw - 32px));border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0c1210c2;padding:10px 12px;font-size:12px;line-height:1.4;text-align:center;color:#f7f4ebd6;backdrop-filter:blur(16px)}.hidden{display:none}@media(max-width:760px){.actions{inset:auto 10px 12px}.actions button{flex:1}.label{bottom:66px}}.hud-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 16px;background:#0f1412a8;color:#eef;font:13px/1 system-ui,sans-serif;border-radius:10px;z-index:10;white-space:nowrap}.hud-bar .hud-hint{opacity:.6}.exit-btn{position:fixed;top:8px;left:8px;z-index:13;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:#0f1412bd;color:#f7f4eb;font-size:16px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}.exit-btn:hover{background:#b43c2ed9;border-color:#e8442ee6}.speed-ctl{position:fixed;top:8px;left:50px;z-index:12;display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#0f1412bd;backdrop-filter:blur(10px);font:600 13px system-ui,sans-serif;color:#f7f4eb}.speed-ctl .speed-lbl{opacity:.65;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.speed-ctl .speed-row{display:inline-flex;align-items:center;gap:8px}.speed-ctl button{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:#fff;font-size:18px;line-height:1;cursor:pointer}.speed-ctl button:hover{background:#ffffff42}.speed-ctl button:active{background:#2f7d4f;border-color:#2f7d4f}.speed-ctl b{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}#minimap{position:fixed;right:14px;bottom:14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);z-index:10}.crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fffc;z-index:11}.crosshair.hidden{display:none}.enter-btn{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 26px;font:16px system-ui,sans-serif;border:0;border-radius:10px;background:#2f7d4f;color:#fff;cursor:pointer;z-index:12}.view-btn{position:fixed;right:14px;top:14px;z-index:12;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#0f1412bd;color:#f7f4eb;font:600 13px system-ui,sans-serif;cursor:pointer;backdrop-filter:blur(10px)}.view-btn.on{background:#2f7d4f;border-color:#2f7d4f}.look-zone,.touch-btns{display:none}body.playing .look-zone{display:block;position:fixed;inset:0;z-index:1;touch-action:none}body.playing .touch-btns{display:flex;position:fixed;right:14px;bottom:14px;z-index:12;flex-direction:column;gap:10px;align-items:flex-end}.joy-base{display:none;position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.28);z-index:4;pointer-events:none}.joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffff80}.tbtn{width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#0f1412bd;color:#f7f4eb;font:700 15px system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}.tbtn.on{background:#2f7d4f;border-color:#2f7d4f}.rotate-note{display:none}.rotate-icon{font-size:48px;animation:rothint 1.6s ease-in-out infinite}@keyframes rothint{0%,to{transform:rotate(-15deg)}50%{transform:rotate(75deg)}}@media(orientation:portrait)and (pointer:coarse){.rotate-note{display:flex;position:fixed;inset:0;z-index:50;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0b1110;color:#f7f4eb;text-align:center;padding:24px;font:600 18px system-ui,sans-serif}}@media(max-width:950px){.hud-bar{top:6px;gap:8px;padding:4px 12px;font-size:11px;flex-wrap:nowrap}.hud-bar .hud-hint{display:none}.exit-btn{top:6px;left:6px;width:32px;height:32px;font-size:15px}.speed-ctl{top:6px;left:46px;padding:3px 8px 5px}.speed-ctl button{width:30px;height:30px;font-size:18px}.speed-ctl b{min-width:34px;font-size:12px}.view-btn{right:8px;top:6px;padding:7px 10px;font-size:12px}#minimap{width:130px;height:130px;right:8px;bottom:8px}}