:root{--navy-bg:#0b1018;--navy-surface:#111820;--navy-surface-2:#151d27;--navy-border:#1c2630;--navy-border-2:#253545;--navy-text:#e6edf3;--navy-text-2:#c9d1d9;--navy-text-3:#8b949e;--navy-text-muted:#3d4752;--navy-gold:#e5a93e;--navy-blue:#6eb4ff;--navy-green:#56d364;--navy-red:#f85149;--navy-amber:#e5a93e;--navy-gray:#8b949e;--ship-dromond:#e5a93e;--ship-galley:#6eb4ff;--ship-longship:#8b949e;--ship-tradecog:#56d364;--status-idle:#56d364;--status-idle-bg:#122117;--status-moving:#e5a93e;--status-moving-bg:#1f1a10;--status-battle:#f85149;--status-battle-bg:#170f0f;--alert-red-bg:#1a1015;--alert-red-border:#3d1520;--alert-red-text:#f85149;--alert-red-muted:#5c2a2a}.navy-shell{background:var(--navy-bg);color:var(--navy-text-2);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,system-ui,Segoe UI,sans-serif}.navy-label{letter-spacing:.08em;text-transform:uppercase;color:var(--navy-text-muted);font-size:10px;font-weight:600}.navy-stat{background:var(--navy-surface);text-align:center;border-radius:8px;padding:10px 0}.navy-stat-val{color:var(--navy-text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.navy-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--navy-text-muted);margin-top:2px;font-size:9px;font-weight:600}.navy-card{background:var(--navy-surface);border:1px solid var(--navy-border);border-radius:10px;padding:14px}.navy-badge{border-radius:6px;padding:3px 10px;font-size:10px;font-weight:600}.navy-badge--idle{background:var(--status-idle-bg);color:var(--status-idle)}.navy-badge--moving{background:var(--status-moving-bg);color:var(--status-moving)}.navy-badge--battle{background:var(--status-battle-bg);color:var(--status-battle)}.navy-comp-bar{background:var(--navy-bg);border-radius:3px;gap:4px;height:6px;display:flex;overflow:hidden}.navy-comp-bar>div{border-radius:0}.navy-comp-bar>div:first-child{border-radius:3px 0 0 3px}.navy-comp-bar>div:last-child{border-radius:0 3px 3px 0}.navy-comp-bar>div:only-child{border-radius:3px}.navy-comp-legend{gap:12px;margin-top:8px;display:flex}.navy-comp-legend-item{color:var(--navy-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.navy-comp-dot{border-radius:1px;flex-shrink:0;width:5px;height:5px;display:inline-block}.navy-stockpile-chip{background:var(--navy-surface);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.navy-stockpile-dot{border-radius:2px;flex-shrink:0;width:6px;height:6px}.navy-stockpile-val{color:var(--navy-text-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.navy-stockpile-type{text-transform:uppercase;letter-spacing:.06em;color:var(--navy-text-muted);font-size:8px;font-weight:600}.navy-divider{background:var(--navy-surface-2);height:1px;margin:0 16px}.navy-alert{background:var(--alert-red-bg);border:1px solid var(--alert-red-border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.navy-alert-icon{background:#2d1520;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.navy-alert-title{color:var(--alert-red-text);font-size:13px;font-weight:600}.navy-alert-sub{color:var(--alert-red-muted);margin-top:2px;font-size:11px}.navy-bottom-nav{z-index:100;background:var(--navy-bg);border-top:1px solid var(--navy-border);padding:8px 0 calc(env(safe-area-inset-bottom,8px) + 8px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.navy-bottom-nav{display:none}}.navy-bottom-nav a{color:var(--navy-text-muted);flex-direction:column;align-items:center;gap:3px;padding:6px 4px;text-decoration:none;transition:color .15s;display:flex}.navy-bottom-nav a:hover,.navy-bottom-nav a[data-active=true]{color:var(--navy-blue)}.navy-bottom-nav-label{font-size:10px;font-weight:600}.navy-header{border-bottom:1px solid var(--navy-surface-2);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}@media (min-width:768px){.navy-header{padding:14px 24px}}.navy-header-left{align-items:center;gap:12px;display:flex}.navy-header-right{align-items:center;gap:8px;display:flex}.navy-header-sigil{width:36px;height:36px;color:var(--navy-blue);border:1px solid var(--navy-border-2);background:#1a2332;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.navy-header-name{color:var(--navy-text);font-size:15px;font-weight:600}.navy-header-region{color:var(--navy-text-muted);font-size:11px}.navy-header-tabs{border-left:1px solid var(--navy-border);align-items:center;gap:2px;margin-left:16px;padding-left:16px;display:none}@media (min-width:768px){.navy-header-tabs{display:flex}}.navy-header-tab{color:var(--navy-text-muted);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .12s}.navy-header-tab:hover{color:var(--navy-text-3)}.navy-header-tab[data-active=true]{background:var(--navy-surface);color:var(--navy-blue);border:1px solid var(--navy-border-2)}.navy-gold-display{background:var(--navy-surface);border:1px solid var(--navy-border);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}.navy-gold-amount{color:var(--navy-gold);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.navy-bell{background:var(--navy-surface);border:1px solid var(--navy-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .12s;display:flex;position:relative}.navy-bell:hover{border-color:var(--navy-border-2)}.navy-bell-badge{background:var(--navy-red);color:#fff;border:2px solid var(--navy-bg);border-radius:8px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.navy-page{padding:16px 16px 100px}@media (min-width:768px){.navy-page{max-width:1100px;margin:0 auto;padding:16px 24px 24px}}.navy-grid-2{gap:0;display:grid}@media (min-width:768px){.navy-grid-2{grid-template-columns:1fr 1fr}.navy-grid-2>:first-child{border-right:1px solid var(--navy-surface-2);padding-right:24px}.navy-grid-2>:last-child{padding-left:24px}}.navy-footer{text-align:center;letter-spacing:.06em;color:var(--navy-text-muted);padding:24px 16px 16px;font-size:10px}.navy-footer a{color:var(--navy-text-muted);text-decoration:none}.navy-footer a:hover{color:var(--navy-text-3)}