:root{--bg-deep: #050606;--bg-mid: #12161a;--gunmetal: #1b2026;--panel: rgba(180, 190, 200, .045);--panel-hover: rgba(180, 190, 200, .08);--amber: #f5a623;--amber-bright: #ffc864;--amber-dim: rgba(245, 166, 35, .34);--cylon: #ff2b2b;--cylon-dim: rgba(255, 43, 43, .35);--steel: #8a97a8;--blue: #6f8aa3;--text: #cdd2d8;--text-dim: rgba(205, 210, 216, .68);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", system-ui, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-body);scroll-behavior:smooth}body{margin:0;padding:12px 0 0;color:var(--text);min-height:100vh;font-size:1.08rem;line-height:1.6;background:radial-gradient(ellipse at 50% -10%,rgba(245,166,35,.1) 0%,transparent 55%),radial-gradient(ellipse at 100% 110%,rgba(255,43,43,.07) 0%,transparent 50%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-deep) 65%);background-attachment:fixed}.crt{position:fixed;inset:0;z-index:120;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0px 2px,#00000029 3px,#0000 4px);mix-blend-mode:multiply;opacity:.55}.crt:after{content:"";position:absolute;inset:0;background:linear-gradient(#f5a62300,#f5a6230a 48%,#f5a62300 52%);background-size:100% 8px;animation:crt-roll 7s linear infinite}@keyframes crt-roll{0%{background-position:0 0}to{background-position:0 100vh}}body:before,body:after{content:"";position:fixed;inset:-50% 0 0;height:200%;pointer-events:none;z-index:-1}body:before{background-image:radial-gradient(1.5px 1.5px at 15% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 45%,#fff,transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 88% 85%,rgba(255,255,255,.85),transparent),radial-gradient(2px 2px at 55% 12%,#fff,transparent),radial-gradient(1px 1px at 25% 90%,rgba(180,210,255,.9),transparent);background-size:380px 380px;animation:drift 140s linear infinite,twinkle 6s ease-in-out infinite alternate;opacity:.7}body:after{background-image:radial-gradient(1px 1px at 60% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 10% 55%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 90% 15%,rgba(200,220,255,.8),transparent),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.6),transparent);background-size:600px 600px;animation:drift 240s linear infinite reverse;opacity:.5}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-380px)}}@keyframes twinkle{0%{opacity:.45}to{opacity:.8}}.cylon-scan{position:fixed;top:0;left:0;right:0;height:12px;z-index:200;overflow:hidden;background:linear-gradient(180deg,#160303,#050000);box-shadow:inset 0 0 10px #000000e6}.cylon-scan:before{content:"";position:absolute;top:50%;left:-150px;width:230px;height:7px;transform:translateY(-50%);border-radius:4px;background:radial-gradient(ellipse 115px 4px at center,#ffe3e3 0%,#ff4a4a 22%,rgba(255,43,43,.6) 50%,rgba(255,43,43,.18) 72%,transparent 85%);box-shadow:0 0 22px 6px var(--cylon),0 0 48px 12px #ff2b2b8c;animation:scan 2.6s cubic-bezier(.37,0,.63,1) infinite}@keyframes scan{0%{left:-150px}50%{left:calc(100% - 80px)}to{left:-150px}}nav{position:sticky;top:12px;z-index:150;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.75rem;background:#030406f0;border-bottom:1px solid var(--amber-dim);backdrop-filter:blur(12px);box-shadow:0 2px 30px #0009}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-weight:900;letter-spacing:.18em;font-size:.95rem;color:var(--amber);text-transform:uppercase;text-decoration:none;white-space:nowrap}.brand .eye{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ff8a8a 0%,var(--cylon) 45%,#5a0000 100%);box-shadow:0 0 8px 2px var(--cylon);animation:pulse-eye 2.4s ease-in-out infinite;flex:none}@keyframes pulse-eye{0%,to{box-shadow:0 0 6px 1px var(--cylon);opacity:.85}50%{box-shadow:0 0 16px 4px var(--cylon);opacity:1}}.brand .sub{color:var(--text-dim);font-weight:500;letter-spacing:.3em;font-size:.7rem}nav ul{list-style:none;display:flex;gap:.4rem;margin:0;padding:0;flex-wrap:wrap}nav a{position:relative;display:block;color:var(--text-dim);text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .9rem;border:1px solid transparent;border-radius:4px;transition:color .25s,border-color .25s,background .25s}nav a:hover{color:var(--amber-bright);border-color:var(--amber-dim);background:#ffb6270f}nav a.active{color:var(--amber);border-color:var(--amber-dim);background:#ffb62714;box-shadow:inset 0 0 12px #ffb6271f}main{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem}h1{font-family:var(--font-display);font-weight:900;color:var(--amber);text-align:center;font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.5rem;text-shadow:0 0 18px rgba(255,182,39,.45),0 2px 4px rgba(0,0,0,.6)}h2,h3{font-family:var(--font-display);letter-spacing:.04em}.hero{text-align:center;margin-bottom:3.5rem;padding-top:1rem;position:relative}.hero:after{content:"";display:block;width:160px;height:2px;margin:1.75rem auto 0;background:linear-gradient(90deg,transparent,var(--amber),transparent)}.hero p{font-size:1.25rem;color:var(--text-dim);max-width:760px;margin-left:auto;margin-right:auto}.card,.character-card,.ship-card{position:relative;background:var(--panel)!important;border:1px solid var(--amber-dim)!important;overflow:visible}.card:before,.character-card:before,.ship-card:before,.card:after,.character-card:after,.ship-card:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--amber);opacity:.6;transition:opacity .3s;pointer-events:none}.card:before,.character-card:before,.ship-card:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.card:after,.character-card:after,.ship-card:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.card:hover:before,.character-card:hover:before,.ship-card:hover:before,.card:hover:after,.character-card:hover:after,.ship-card:hover:after{opacity:1}.site-footer{margin-top:4rem;padding:2.5rem 1.5rem;text-align:center;border-top:1px solid var(--amber-dim);background:#04070e80}.site-footer .motto{font-family:var(--font-display);font-weight:700;letter-spacing:.35em;color:var(--amber);font-size:1.1rem;text-shadow:0 0 14px rgba(255,182,39,.4)}.site-footer .fine{margin-top:.75rem;color:var(--text-dim);font-size:.85rem;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){body:before,body:after,.cylon-scan:before,.crt:after,.brand .eye{animation:none}}