:root{--ink:#07080b;--panel:#101217;--ash:#b9bcc1;--yellow:#f4c542;--line:#2a2e35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f4f0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}nav{height:78px;padding:0 6vw;display:flex;align-items:center;gap:35px;background:#090a0ded;border-bottom:1px solid #252831;position:sticky;top:0;z-index:9;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:9px;letter-spacing:.19em;line-height:1.25}.brand b{font-size:15px;letter-spacing:.06em}.bat{font:42px Georgia,serif;color:var(--yellow);transform:rotate(180deg);line-height:.5}.navlinks{display:flex;gap:25px;margin-left:auto}.navlinks a{font-size:10px;letter-spacing:.13em;color:#afb2b8;text-decoration:none}.navlinks a:hover{color:var(--yellow)}button{font:700 10px Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.mode{background:transparent;border:1px solid #41454b;color:var(--yellow);padding:11px 12px}.hero{min-height:720px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#222837 0,#111622 25%,#07080b 73%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07080b 5%,#07080baa 43%,transparent 80%);z-index:1}.hero-copy{position:relative;z-index:3;padding:130px 9vw;max-width:780px}.kicker,.section-title p{color:var(--yellow);font-size:10px;font-weight:bold;letter-spacing:.2em}.hero h1,.section-title h2,.signal h2{font:900 clamp(54px,8vw,112px)/.83 Impact,Arial Black,sans-serif;letter-spacing:-.035em;margin:25px 0}.hero h1 em,.section-title em,.signal em{font-style:normal;color:transparent;-webkit-text-stroke:1.2px var(--yellow)}.intro{max-width:460px;line-height:1.6;color:#c0c3c9;font-size:16px}.actions{display:flex;gap:13px;margin-top:35px}.actions a,.actions button,#beam{border:1px solid var(--yellow);padding:15px 18px;background:var(--yellow);color:#101010;text-decoration:none}.actions a span{font-size:17px;margin-left:20px}.actions button{background:transparent;color:#f4f4f0;border-color:#484b52}.case{position:absolute;z-index:4;bottom:28px;left:9vw;border-left:3px solid var(--yellow);padding:12px 18px;background:#07080bd9;color:#c4c5c6;font:12px Georgia,serif;max-width:390px}.moon{position:absolute;right:10%;top:11%;width:230px;height:230px;border-radius:50%;background:#dad7bd;box-shadow:0 0 80px #fff9c555;z-index:0}.moon span{display:block;margin:43px auto;color:#0b0d12;font:150px Georgia,serif;transform:rotate(180deg);line-height:.7}.skyline{position:absolute;bottom:0;right:0;width:62%;height:48%;z-index:2;display:flex;align-items:flex-end;gap:7px}.skyline i{display:block;background:linear-gradient(90deg,#0a0d14,#1a2030 60%,#070a10);width:12%;height:random}.skyline i:nth-child(1){height:35%}.skyline i:nth-child(2){height:66%}.skyline i:nth-child(3){height:49%}.skyline i:nth-child(4){height:87%}.skyline i:nth-child(5){height:58%}.skyline i:nth-child(6){height:75%}.skyline i:nth-child(7){height:42%}.rain{position:absolute;inset:-40%;z-index:1;opacity:.4;background:repeating-linear-gradient(112deg,transparent 0 21px,#d4e3f016 22px 23px,transparent 24px 47px);animation:rain 1.7s linear infinite}@keyframes rain{to{transform:translate(9%,16%)}}.notice{text-align:center;padding:17px 7vw;background:#1a1b1b;color:#aaa;font-size:11px;line-height:1.5;border-block:1px solid #32312c}.section{padding:110px 9vw}.archive{background:#0c0e13}.section-title h2{font-size:clamp(46px,6vw,82px);margin-top:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:35px 27px;background:linear-gradient(145deg,#191d25,#0e1015);border:1px solid #292e37;transition:.25s}.cards article:hover{transform:translateY(-8px);border-color:var(--yellow)}.icon{color:var(--yellow);font:44px Georgia,serif}.cards small,.rogue-grid span{color:var(--yellow);font-size:10px;letter-spacing:.17em}.cards h3,.rogue-grid h3,.line h3{font-size:24px;margin:22px 0 10px}.cards p,.rogue-grid p,.line p,.signal p{color:#aeb1b7;line-height:1.65;font-size:14px}.rogues{background:#090a0c}.rogue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rogue-grid article{height:310px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #30333a;overflow:hidden;position:relative}.rogue-grid article:before{content:"";position:absolute;inset:0;opacity:.55;transition:.3s}.rogue-grid article:hover:before{opacity:.85}.rogue-grid h3,.rogue-grid p,.rogue-grid span{position:relative;z-index:1}.jester:before{background:repeating-conic-gradient(#7b153d 0 8%,#e1bc39 0 16%)}.cat:before{background:radial-gradient(circle at 68% 24%,#c6b6e2 0 2%,transparent 3%),linear-gradient(135deg,#1d1935,#5d416a)}.question:before{background:radial-gradient(circle,#74a73f 0 3px,transparent 4px),linear-gradient(135deg,#315021,#0e2115)}.ice:before{background:linear-gradient(135deg,#c7f6ff,#347498 48%,#12213d)}.timeline{background:#111319}.line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3d4148}.line article{padding:24px;border-right:1px solid #3d4148}.line b{color:var(--yellow);font:900 37px Impact,Arial Black,sans-serif}.signal{min-height:520px;padding:100px 10vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:radial-gradient(circle at 25% 52%,#283951,#0b0c10 55%)}.signal h2{font-size:clamp(45px,6vw,78px)}.signal-art{height:330px;position:relative;background:linear-gradient(120deg,transparent 10%,#f8e68233 45%,transparent 72%);overflow:hidden}.beam{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e1d46f;box-shadow:0 -100px 75px 26px #d8c76433;transform:rotate(-22deg);transform-origin:left}.batmark{position:absolute;top:80px;left:45%;font:190px Georgia,serif;line-height:.4;transform:rotate(180deg);color:#f3e568;text-shadow:0 0 35px #eee68a;animation:pulse 2.5s infinite}@keyframes pulse{50%{opacity:.5;transform:rotate(180deg) scale(.91)}}#beam{margin-top:20px}footer{display:flex;justify-content:space-between;padding:25px 6vw;background:#050609;color:#7b7e83;font-size:9px;letter-spacing:.15em;border-top:1px solid #252831}.lights{--ink:#e6e9ed;--panel:#fff;--ash:#222}.lights body{background:#e6e9ed;color:#111}.lights nav,.lights .archive{background:#eef0f2}.lights .hero{background:radial-gradient(circle at 70% 20%,#8295b4,#cbd5e1 31%,#778399 73%)}.lights .hero:after{background:linear-gradient(90deg,#e6e9ed 5%,#e6e9edaa 43%,transparent 80%)}.lights .hero h1,.lights .intro,.lights .actions button{color:#14161a}.lights .cards article{background:#fff}.lights .rogues,.lights footer{background:#d8dce2}.lights .timeline{background:#e5e8ed}.lights .signal{background:radial-gradient(circle at 25% 52%,#97b2d6,#d6dce4 55%)}@media(max-width:760px){nav{padding:0 5vw}.navlinks{display:none}.hero{min-height:650px}.hero-copy{padding:110px 7vw}.moon{right:-50px;top:12%;width:180px;height:180px}.skyline{width:100%;opacity:.8}.cards,.rogue-grid,.line,.signal{grid-template-columns:1fr}.section{padding:75px 7vw}.rogue-grid article{height:190px}.line article{border-bottom:1px solid #3d4148}.signal{padding:75px 7vw}.signal-art{height:220px;grid-row:2}footer{gap:10px;flex-direction:column}.case{left:7vw;right:7vw}.actions{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}