body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#001219;--bg-darker:#000b0f;--accent:#94d2bd;--accent-rgb:148,210,189;--accent-glow:rgba(var(--accent-rgb),0.3);--dock-bg:#00080cfa;--text-muted:#a9b7b7;--font-main:"Inter Variable",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono Variable",monospace;--transition:all 0.4s cubic-bezier(0.16,1,0.3,1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--viewport-height:100dvh;--header-h:72px}@media (color-gamut:p3){:root{--accent:color(display-p3 0.58 0.82 0.74)}}html{-webkit-tap-highlight-color:transparent;background:#000b0f;background:var(--bg-darker);height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#001219;background:var(--bg-dark);color:#fff;font-family:Inter Variable,system-ui,-apple-system,sans-serif;font-family:var(--font-main);min-height:100vh;min-height:100dvh;min-height:var(--viewport-height);overflow-x:hidden;overscroll-behavior-y:none;text-rendering:optimizeLegibility;touch-action:pan-x pan-y}@supports (height:100dvh){body{min-height:100dvh}}.container{margin:0 auto;max-width:1440px;padding-left:clamp(20px,5vw,calc(40px + env(safe-area-inset-left, 0px)));padding-left:clamp(20px,5vw,calc(40px + var(--safe-left)));padding-right:clamp(20px,5vw,calc(40px + env(safe-area-inset-right, 0px)));padding-right:clamp(20px,5vw,calc(40px + var(--safe-right)))}main{display:flow-root;min-height:100dvh;min-height:var(--viewport-height);padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(120px + var(--safe-bottom));padding-top:calc(72px + env(safe-area-inset-top, 0px));padding-top:calc(var(--header-h) + var(--safe-top));position:relative}main.hero-mode{padding-top:0}.tactical-hud{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#000b0fd9;border-bottom:1px solid #94d2bd26;border-bottom:1px solid rgba(var(--accent-rgb),.15);display:flex;flex-direction:column;height:auto;left:0;padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-top);position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);transition:var(--transition);z-index:2000}.hud-content{align-items:center;display:flex;height:50px;justify-content:space-between;padding:0 12px;width:100%}.tactical-hud.compact .hud-content{height:42px}.hud-branding{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;text-decoration:none}.unit-id{color:#fff;font-size:.85rem;font-weight:900;letter-spacing:1.5px;line-height:1}.unit-tag{color:#94d2bd;color:var(--accent);font-size:.45rem;font-weight:900;letter-spacing:2px;margin-top:2px;text-transform:uppercase}.hud-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.share-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;justify-content:center;padding:0;transition:.2s ease;width:28px}.profile-trigger,.share-btn{align-items:center;cursor:pointer;display:flex;height:28px}.profile-trigger{background:#94d2bd14;background:rgba(var(--accent-rgb),.08);border:1px solid #94d2bd26;border:1px solid rgba(var(--accent-rgb),.15);border-radius:20px;gap:6px;max-width:100px;padding:2px 8px 2px 2px}.avatar-hex{align-items:center;background:#94d2bd;background:var(--accent);border-radius:50%;color:#000;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.user-callsign{color:#fff;font-size:8px;font-weight:800;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.global-dock-wrapper{bottom:calc(12px + env(safe-area-inset-bottom, 0px));bottom:calc(12px + var(--safe-bottom));display:flex;justify-content:center;left:0;padding:0 12px;pointer-events:none;position:fixed;right:0;z-index:2000}.dock-container{-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);background:#00080cfa;background:var(--dock-bg);border:1px solid #94d2bd33;border:1px solid rgba(var(--accent-rgb),.2);border-radius:24px;box-shadow:0 20px 50px #000c;max-width:480px;overflow:hidden;pointer-events:auto;width:100%}.dock-scroll-area{gap:4px;justify-content:space-around;overflow-x:auto;padding:6px 8px}.dock-btn,.dock-scroll-area{align-items:center;display:flex}.dock-btn{background:#0000;border:none;border-radius:14px;color:#ffffff59;flex:1 1;flex-direction:column;height:46px;justify-content:center;min-width:50px;position:relative;text-decoration:none;transition:.3s ease}.dock-btn.active{background:#94d2bd14;background:rgba(var(--accent-rgb),.08);color:#94d2bd;color:var(--accent)}.dock-btn small{font-size:7px;font-weight:800;margin-top:3px;text-transform:uppercase}.active-dot{background:#94d2bd;background:var(--accent);border-radius:50%;bottom:4px;height:3px;opacity:0;position:absolute;transition:opacity .3s ease;width:3px}.dock-btn.active .active-dot{opacity:1}.side-nav-portal{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:3000}.side-nav-portal.open{opacity:1;visibility:visible}.side-panel{background:#000b0f;background:var(--bg-darker);border-radius:24px 24px 0 0;border-top:1px solid #94d2bd40;border-top:1px solid rgba(var(--accent-rgb),.25);display:flex;flex-direction:column;max-height:85vh;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);width:100%}.side-nav-portal.open .side-panel{transform:translateY(0)}.side-panel-scrollable{flex:1 1;overflow-y:auto;padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(30px + var(--safe-bottom))}.drag-handle{background:#fff3;border-radius:10px;flex-shrink:0;height:4px;margin:12px auto 8px;width:36px}.panel-top{align-items:center;display:flex;justify-content:space-between;padding:12px 20px}.panel-info h2{color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:1px;margin:0}.panel-close{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:.2s;width:32px}.panel-close:hover{background:#ffffff1a}.panel-links{padding:8px 12px}.panel-link{align-items:center;border-radius:12px;color:#ffffffa6;display:flex;font-size:14px;font-weight:700;gap:14px;margin-bottom:4px;padding:14px 18px;text-decoration:none;transition:.2s ease}.panel-link.active,.panel-link:hover{background:#94d2bd1a;background:rgba(var(--accent-rgb),.1);color:#94d2bd;color:var(--accent)}@media (min-width:768px){.side-nav-portal{align-items:center;justify-content:center;padding:24px}.side-panel{border-radius:24px;max-width:360px;transform:translateY(20px) scale(.95)}.side-nav-portal.open .side-panel{transform:translateY(0) scale(1)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.gemini-disclaimer{color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px;margin:5px 0 25px}