:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-gradient: linear-gradient(135deg, #0a0e17 0%, #111827 50%, #0d1321 100%);--glass-bg: rgba(17, 24, 39, .75);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 16px;--text-primary: #f0f4f8;--text-secondary: #94a3b8;--text-accent: #60a5fa;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .3);--accent-orange: #f59e0b;--hull-color: #2d3748;--superstructure-color: #4a5568;--crane-color: #d97706;--deck-color: #1a202c;--font-display: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", Consolas, monospace;--tooltip-padding: 16px 20px;--tooltip-radius: 12px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-gradient)}