@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";.controller-wrap{background:#ffffff0a;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:10px;margin-bottom:38px;margin-top:10px}.touch-control{display:flex;flex-direction:column;gap:10px;align-items:center}.tc-row{display:flex;gap:12px}.tc-btn{width:56px;height:56px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:20px;font-weight:700}.tc-btn:active{transform:scale(.94)}.floating-controller{position:fixed;bottom:28px;left:20px;z-index:9999;display:none;flex-direction:column;gap:10px;touch-action:none;-webkit-user-select:none;user-select:none}.fc-row{display:flex;gap:10px}.fc-btn{width:64px;height:64px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:26px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.fc-btn:active{background:#ffffff40;transform:scale(.9)}.joystick{position:fixed;left:20px;bottom:28px;width:160px;height:160px;border-radius:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:none;align-items:center;justify-content:center;z-index:9999}@media(max-width:600px){.touch-control{display:none}.floating-controller{display:flex}.controller-wrap{position:fixed;top:8px;left:50%;transform:translate(-50%);width:90%;z-index:9999;margin:0;padding:10px 14px;background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}:root{--bg-1: #04101a;--bg-2: #071022;--panel: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .07);--muted: rgba(255,255,255,.7);--white: #ffffff;--accent1: #7c3aed;--accent2: #4f46e5}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));font-family:Inter,sans-serif;color:var(--white)}.app-shell{height:100vh;width:100%;display:grid;grid-template-columns:1fr 320px;gap:18px;padding:18px;overflow:hidden}.sidebar{background:var(--panel);border:1px solid var(--glass-border);border-radius:14px;padding:16px;height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden}.canvas-card{background:var(--panel);border:1px solid var(--glass-border);border-radius:16px;padding:14px;display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden}.canvas-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.logo{width:46px;height:46px;background:linear-gradient(135deg,var(--accent1),var(--accent2));border-radius:12px;display:flex;justify-content:center;align-items:center;font-weight:800}.btn{padding:8px 12px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0f;font-weight:600;color:var(--white);cursor:pointer}.btn.primary{background:linear-gradient(90deg,var(--accent1),var(--accent2));border:none}.mount{flex:1;min-height:0;border-radius:12px;overflow:hidden}.mount>canvas{width:100%!important;height:100%!important}.minimap{position:absolute;right:16px;bottom:15px;width:120px;height:120px;background:var(--panel);border-radius:12px;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.hud-panel{position:absolute;top:12px;left:34%;right:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:10px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){html,body,#root{overflow:auto!important;height:auto}.app-shell{height:auto;padding:12px;display:flex;flex-direction:column;gap:12px;overflow:visible!important}.canvas-card{height:auto!important;padding-bottom:150px}.mount{height:340px!important;min-height:340px!important;flex:none!important}.sidebar{width:100%!important;max-width:100%!important;height:auto;margin-top:12px}.minimap{display:none}.hud-panel{left:10px;right:10px}body{padding-bottom:160px}}.overlay-screen{position:fixed;inset:0;background:#000000d1;display:flex;justify-content:center;align-items:center}.overlay-card{background:var(--panel);border:1px solid var(--glass-border);padding:24px;border-radius:12px;text-align:center}.start-modal{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.start-card{background:var(--panel);border:1px solid var(--glass-border);padding:24px;border-radius:14px;width:420px;max-width:92%;box-shadow:0 20px 60px #0009}.start-actions{display:flex;gap:10px;margin-top:12px}