body{-webkit-font-smoothing:antialiased;-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:100svh;--header-h:44px;--dock-height:58px}@media (color-gamut:p3){:root{--accent:color(display-p3 0.58 0.82 0.74)}}body,html{-webkit-tap-highlight-color:transparent;margin:0;overscroll-behavior:none;padding:0;touch-action:manipulation}.app-shell,body,html{background:#000b0f;background:var(--bg-darker);height:100svh;height:var(--viewport-height);overflow:hidden}.app-shell{display:flex;flex-direction:column;position:relative}.container{margin:0 auto;max-width:1440px;padding-left:clamp(16px,4vw,calc(32px + env(safe-area-inset-left, 0px)));padding-left:clamp(16px,4vw,calc(32px + var(--safe-left)));padding-right:clamp(16px,4vw,calc(32px + env(safe-area-inset-right, 0px)));padding-right:clamp(16px,4vw,calc(32px + var(--safe-right)))}main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(66px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--dock-height) + var(--safe-bottom) + 8px);padding-top:44px;padding-top:var(--header-h);position:relative}main.hero-mode{padding-top:0}.tactical-hud{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#000b0fd9;border-bottom:1px solid #94d2bd26;border-bottom:1px solid rgba(var(--accent-rgb),.15);height:44px;height:var(--header-h);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,.tactical-hud{align-items:center;display:flex}.hud-content{height:100%;justify-content:space-between;padding:0 12px;width:100%}.tactical-hud.compact{--header-h:38px}.hud-branding{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.unit-id{color:#94d2bd;color:var(--accent);font-size:1rem;font-weight:900;letter-spacing:1.2px;line-height:1}.hud-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.share-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;justify-content:center;padding:0;transition:.2s ease;width:24px}.profile-trigger,.share-btn{align-items:center;cursor:pointer;display:flex;height:24px}.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:20px;justify-content:center;width:20px}.user-callsign{color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.global-dock-wrapper{bottom:calc(env(safe-area-inset-bottom, 0px) + 4px);bottom:calc(var(--safe-bottom) + 4px);display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;z-index:2000}.dock-container{backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);background:#00080cfa;background:var(--dock-bg);border:1px solid #94d2bd26;border:1px solid rgba(var(--accent-rgb),.15);border-radius:32px;box-shadow:0 8px 32px #0006;height:58px;height:var(--dock-height);overflow:hidden;pointer-events:auto;transition:width .3s ease;width:min(92%,380px)}@media (min-width:768px){.dock-container{width:min(60%,600px)}}.dock-scroll-area{gap:2px;justify-content:space-around;padding:4px 8px}.dock-btn,.dock-scroll-area{align-items:center;display:flex;height:100%}.dock-btn{background:#0000;border:none;border-radius:24px;color:#fff6;flex:1 1;flex-direction:column;justify-content:center;min-width:48px;position:relative;text-decoration:none;transition:.2s ease}.dock-btn.active{background:#94d2bd1f;background:rgba(var(--accent-rgb),.12);color:#94d2bd;color:var(--accent)}.dock-btn small{font-size:.625rem;font-weight:700;margin-top:2px;opacity:.9;text-transform:uppercase}.active-dot{background:#94d2bd;background:var(--accent);border-radius:50%;bottom:6px;height:4px;opacity:0;position:absolute;transition:opacity .3s ease;width:4px}.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:calc(85vh - env(safe-area-inset-bottom, 0px));max-height:calc(85vh - var(--safe-bottom));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(24px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(24px + 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-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:flex-end;padding:24px}.side-panel{border-radius:24px;height:auto;max-height:90vh;max-width:400px;transform:translateX(100%)}.side-nav-portal.open .side-panel{transform:translateX(0)}main{padding-left:64px;padding-right:64px}.global-dock-wrapper{bottom:16px}}.lockout-active .content-area{filter:blur(12px) brightness(.22);pointer-events:none}.offline-mode .content-area{filter:grayscale(.92) brightness(.7) contrast(.88);transition:filter 1.2s ease}.offline-blocker,.terminal-lockout{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00080ff0;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.lockout-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061216a6;border:1px solid #ff4d4d38;border-radius:14px;box-shadow:0 20px 70px #000000bf;max-width:520px;overflow:hidden;padding:3rem 1.8rem 3.5rem;position:relative;text-align:center;width:100%}.scanner-line{animation:scan-horizontal 6s linear infinite;background:linear-gradient(90deg,#0000 10%,#ff4d4d 50%,#0000 90%);box-shadow:0 0 30px #ff4d4d70;height:4px;left:-10%;pointer-events:none;position:absolute;right:-10%;top:0}.glitch-wrapper{margin:0 auto 1.8rem;max-width:100%;overflow:hidden;position:relative}.glitch-text{animation:glitch-text 4s infinite;color:#ff4d4d;font-family:JetBrains Mono,monospace;font-size:clamp(1.5rem,6.1vw,2.8rem);font-weight:900;letter-spacing:.22em;line-height:1.1;text-shadow:0 0 12px #ff4d4d50;text-transform:uppercase}.glitch-text:after,.glitch-text:before{color:#ff4d4d;content:attr(data-text);inset:0;opacity:.75;position:absolute}.glitch-text:before{animation:glitch-shift 2.5s infinite alternate-reverse;left:2px}.glitch-text:after,.glitch-text:before{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.glitch-text:after{animation:glitch-shift 3s infinite alternate-reverse;left:-2px}.lockout-info{margin:1.5rem 0 2.5rem}.sub-notice{color:#5a8282;font-family:JetBrains Mono,monospace;font-size:.95rem}.status-denied{color:#ff4d4d;font-weight:900}.logout-trigger{background:#0000;border:2px solid #ff4d4d70;border-radius:8px;color:#ff4d4d;cursor:pointer;font-family:JetBrains Mono,monospace;padding:1rem 2.5rem;transition:all .28s ease}.logout-trigger:hover{background:#ff4d4d;box-shadow:0 0 35px #ff4d4db0;color:#000c10}@keyframes scan-horizontal{0%{top:0}to{top:100%}}@keyframes glitch-text{0%,to{transform:translate(0)}20%{transform:translate(-1.5px,1.5px)}40%{transform:translate(1.5px,-1.5px)}}@keyframes glitch-shift{0%{-webkit-clip-path:inset(10% 0 30% 0);clip-path:inset(10% 0 30% 0)}to{-webkit-clip-path:inset(40% 0 10% 0);clip-path:inset(40% 0 10% 0)}}.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;margin:5px 0 25px}