:root{--bg-dark: #121210;--bg-card: #1B1A18;--bg-card-hover: #242320;--bg-parchment: #FAF6F0;--border-muted: #2E2C28;--border-light: #3D3B35;--text-main: #F3EFEA;--text-muted: #A39D93;--text-dark: #1A1917;--accent-amber: #E05A2B;--accent-amber-glow: rgba(224, 90, 43, .25);--accent-kodak: #F4B41A;--accent-fuji: #3DAE70;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Plus Jakarta Sans", -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--transition-fast: all .2s cubic-bezier(.16, 1, .3, 1);--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:9999}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#2d2b27;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-amber)}.hud-badge{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;display:inline-flex;align-items:center;gap:5px}.hud-badge-amber{background-color:#e05a2b26;color:var(--accent-amber);border:1px solid rgba(224,90,43,.35)}.hud-badge-gold{background-color:#f4b41a26;color:var(--accent-kodak);border:1px solid rgba(244,180,26,.35)}.hud-badge-green{background-color:#3dae7026;color:var(--accent-fuji);border:1px solid rgba(61,174,112,.35)}.hud-badge-dark{background-color:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-muted)}.sprocket-border{position:relative}.sprocket-border:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;background-image:repeating-linear-gradient(90deg,#2A2824 0,#2A2824 10px,transparent 10px,transparent 20px)}.container{max-width:1380px;margin:0 auto;padding:0 1.5rem}body.modal-open{overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s ease forwards}@media (max-width: 768px){.container{padding:0 1rem}}