@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800&display=swap');
:root{--bg:#08080b;--panel:#111116;--panel2:#17171e;--text:#f4f1f2;--muted:#9b969e;--red:#ed303d;--red2:#8f1824;--line:rgba(255,255,255,.12);--glow:0 0 35px rgba(237,48,61,.18);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 78% 20%,rgba(132,18,32,.16),transparent 34%),radial-gradient(ellipse at 12% 78%,rgba(72,18,31,.12),transparent 30%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.topline{height:3px;background:linear-gradient(90deg,transparent,var(--red),#ff7880,transparent)}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,8,11,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:.16em}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--red);color:var(--red);transform:rotate(45deg);box-shadow:var(--glow)}.brand-mark span{transform:rotate(-45deg);font-size:15px}.brand small{display:block;color:var(--muted);font:600 8px Manrope,sans-serif;letter-spacing:.3em;margin-top:3px}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{font-size:11px;letter-spacing:.14em;color:#bdb8bf;text-transform:uppercase;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";display:block;height:2px;background:var(--red);margin-top:8px;box-shadow:0 0 10px var(--red)}.nav-actions{display:flex;align-items:center;gap:10px}.lang-btn,.menu-btn{border:1px solid var(--line);background:transparent;color:#fff;padding:9px 12px;font-size:10px;letter-spacing:.12em;cursor:pointer}.lang-btn:hover,.menu-btn:hover{border-color:var(--red)}.menu-btn{display:none}.eyebrow{font:600 10px Orbitron,sans-serif;letter-spacing:.28em;color:var(--red);text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--red);box-shadow:0 0 9px var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:Orbitron,Manrope,sans-serif;text-transform:uppercase}h1{font-size:clamp(42px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:20px 0}h1 .accent{color:var(--red);text-shadow:0 0 28px rgba(237,48,61,.35)}h2{font-size:clamp(26px,4vw,42px);letter-spacing:-.04em;margin-bottom:16px}h3{font-size:16px}.lead{font-size:15px;line-height:1.8;color:#c0bac2;max-width:560px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 20px;border:1px solid var(--red);background:var(--red);color:#fff;font:700 10px Orbitron,sans-serif;letter-spacing:.13em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:.2s}.btn:hover{background:#ff4854;box-shadow:0 0 28px rgba(237,48,61,.32);transform:translateY(-2px)}.btn.secondary{background:transparent;border-color:rgba(255,255,255,.24)}.btn.secondary:hover{border-color:var(--red);background:rgba(237,48,61,.08)}.hero{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;position:relative;padding:52px 0 30px}.hero-copy{position:relative;z-index:2;padding:40px 0}.hero-copy .lead{margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{height:630px;position:relative;display:flex;align-items:flex-end;justify-content:center}.hero-art:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(237,48,61,.25);border-radius:50%;top:80px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 35px rgba(237,48,61,.025),0 0 0 70px rgba(237,48,61,.018)}.hero-art:after{content:"MAKI // UNIT 04";position:absolute;right:-20px;top:155px;writing-mode:vertical-rl;font:600 9px Orbitron,sans-serif;letter-spacing:.35em;color:rgba(237,48,61,.7)}.hero-art img{height:100%;max-width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 45px rgba(0,0,0,.7));animation:float 6s ease-in-out infinite}.scanline{position:absolute;left:5%;right:5%;top:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,65,78,.65),transparent);box-shadow:0 0 15px var(--red);z-index:2;animation:scan 7s linear infinite}.hero-index{position:absolute;bottom:22px;left:0;color:#59545c;font:10px Orbitron,sans-serif;letter-spacing:.2em}.hero-index b{color:var(--red);font-weight:500}.status{display:inline-flex;align-items:center;gap:9px;color:#c6c1c8;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:9px 12px;margin-top:28px}.dot{width:7px;height:7px;border-radius:50%;background:#777;box-shadow:0 0 8px currentColor}.dot.live{background:#ff3544;color:#ff3544;animation:pulse 1.5s infinite}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.018)}.ticker-track{display:flex;gap:40px;white-space:nowrap;padding:17px 0;color:#8e8790;font:600 10px Orbitron,sans-serif;letter-spacing:.22em}.ticker-track span:after{content:"✦";color:var(--red);margin-left:40px}.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head p{max-width:400px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card,.panel,.info-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);padding:25px;position:relative;overflow:hidden}.feature-card:before,.panel:before{content:"";position:absolute;top:0;left:0;width:45px;height:2px;background:var(--red);box-shadow:0 0 12px var(--red)}.feature-no{font:11px Orbitron,sans-serif;color:var(--red);letter-spacing:.2em}.feature-card h3{margin:24px 0 10px;font-family:Orbitron,sans-serif;font-size:14px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-art{height:500px;background:radial-gradient(ellipse,rgba(147,20,37,.18),transparent 65%);display:flex;justify-content:center}.split-art img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.6))}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.stat{border-left:2px solid var(--red);padding:8px 13px}.stat strong{display:block;font:700 22px Orbitron,sans-serif}.stat span{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.page-hero{padding:90px 0 55px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:attr(data-code);position:absolute;right:0;top:10px;font:800 clamp(90px,18vw,220px) Orbitron,sans-serif;color:rgba(255,255,255,.025);pointer-events:none}.page-hero h1{font-size:clamp(38px,6vw,68px)}.content{padding:65px 0 100px}.tag{display:inline-block;border:1px solid rgba(237,48,61,.45);color:#ff737d;padding:7px 10px;font:600 9px Orbitron,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:4px}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.character-card{min-height:500px;display:flex;align-items:end;justify-content:center;background:radial-gradient(ellipse at 50% 45%,rgba(151,22,40,.2),transparent 62%),#101015;border:1px solid var(--line);position:relative;overflow:hidden}.character-card img{height:470px;max-width:90%;object-fit:contain;position:relative;z-index:1}.character-card .card-label{position:absolute;z-index:2;top:20px;left:20px;font:600 10px Orbitron,sans-serif;letter-spacing:.18em;color:#e7dfe4}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-tile{border:1px solid var(--line);background:#111116;min-height:380px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.gallery-tile img{height:370px;max-width:100%;object-fit:contain;transition:.4s}.gallery-tile:hover img{transform:scale(1.045)}.gallery-tile span{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(transparent,rgba(0,0,0,.9));font:600 10px Orbitron,sans-serif;letter-spacing:.15em}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.social-link{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:var(--panel);border:1px solid var(--line);transition:.2s}.social-link:hover{border-color:var(--red);transform:translateX(4px);box-shadow:var(--glow)}.social-link strong{font:700 13px Orbitron,sans-serif;letter-spacing:.1em}.social-link small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.arrow{color:var(--red);font-size:20px}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:10px;letter-spacing:.08em}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-brand{font:700 11px Orbitron,sans-serif;color:#eee;letter-spacing:.18em}.footer-note{max-width:500px;text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.glitch{position:relative}.glitch:after{content:attr(data-text);position:absolute;left:2px;top:0;color:rgba(255,40,60,.45);clip-path:inset(0 0 55% 0);animation:glitch 5s infinite}.mobile-nav{display:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes scan{0%{top:18%;opacity:0}20%{opacity:1}80%{opacity:.8}100%{top:85%;opacity:0}}@keyframes pulse{50%{opacity:.35}}@keyframes glitch{0%,94%,100%{transform:translate(0)}95%{transform:translate(3px,-1px)}97%{transform:translate(-2px,1px)}}
@media(max-width:850px){.nav-links{gap:14px}.nav-links a{font-size:9px}.hero{grid-template-columns:1fr .8fr;min-height:590px}.hero-art{height:530px}.hero-art:before{width:300px;height:300px}.grid-3{grid-template-columns:1fr 1fr}.split{gap:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 30px,var(--max))}.nav-wrap{height:66px}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:rgba(8,8,11,.98);padding:18px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.nav-links a.active:after{display:none}.menu-btn{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:48px;min-height:0}.hero-copy{padding:15px 0 0}.hero-art{height:470px;margin-top:-5px}.hero-art:before{top:60px;width:300px;height:300px}.hero-art:after{right:0;top:100px}.hero-index{bottom:10px}.section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:14px}.grid-3,.split,.character-grid{grid-template-columns:1fr}.split-art{height:390px;order:-1}.stat-row{margin-top:20px}.page-hero{padding:65px 0 35px}.content{padding:45px 0 70px}.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}.gallery-tile{min-height:270px}.gallery-tile img{height:260px}.gallery-tile span{font-size:8px;padding:10px}.links-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.footer-note{text-align:left}.character-card{min-height:430px}.character-card img{height:410px}}

/* Link directory */
.link-directory{display:grid;gap:54px}.link-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}.link-category-head p{margin:0;color:var(--muted);font-size:12px}.link-category .links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-link{min-width:0;gap:15px;min-height:88px}.link-monogram{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(237,48,61,.45);background:rgba(237,48,61,.07);color:#ff6671;font:700 11px Orbitron,sans-serif;letter-spacing:.04em}.link-copy{flex:1;min-width:0}.link-copy strong{display:block}.link-copy small{line-height:1.5}.featured-link{border-color:rgba(237,48,61,.6);background:linear-gradient(110deg,rgba(237,48,61,.13),var(--panel) 65%);box-shadow:inset 3px 0 var(--red)}.featured-link .link-monogram,.donation-link .link-monogram{background:rgba(237,48,61,.16);border-color:var(--red)}.link-category .social-link:hover .link-monogram{background:var(--red);color:white}.support-category{padding:28px;border:1px solid rgba(237,48,61,.22);background:linear-gradient(135deg,rgba(237,48,61,.055),transparent 55%)}.support-category .link-category-head{border-color:rgba(237,48,61,.22)}
@media(max-width:650px){.link-directory{gap:38px}.link-category-head{display:block}.link-category-head p{margin-top:10px}.link-category .links-grid{grid-template-columns:1fr}.support-category{padding:18px 12px}.social-link{padding:17px 15px}}

/* MAKI lore / character introduction */
.lore-section{padding-top:84px;padding-bottom:110px}
.lore-panel{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:24px;min-height:490px;padding:54px 56px;position:relative;overflow:hidden;border:1px solid rgba(237,48,61,.28);background:linear-gradient(118deg,rgba(237,48,61,.075),rgba(17,17,22,.94) 46%,rgba(8,8,11,.92));box-shadow:inset 0 0 70px rgba(237,48,61,.035)}
.lore-panel:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.045);pointer-events:none}
.lore-copy{position:relative;z-index:2;max-width:630px}
.lore-copy h2{font-size:clamp(28px,4vw,48px);line-height:1.18;margin:24px 0 22px}
.lore-text{max-width:590px;color:#d1cbd2;font-size:clamp(15px,1.35vw,18px);line-height:2;margin:0}
.lore-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}
.lore-status{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font:600 9px Orbitron,sans-serif;letter-spacing:.1em}
.lore-status .dot{width:6px;height:6px;background:var(--red);color:var(--red)}
.lore-art{height:420px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 52% 48%,rgba(160,20,39,.21),transparent 65%)}
.lore-art img{height:100%;max-width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 18px 35px rgba(0,0,0,.7))}
.lore-art-label{position:absolute;right:0;top:12px;z-index:2;color:rgba(255,255,255,.45);font:600 8px Orbitron,sans-serif;letter-spacing:.18em;writing-mode:vertical-rl}
.lore-crosshair{position:absolute;width:32px;height:32px;border:1px solid rgba(237,48,61,.55);transform:rotate(45deg)}
.lore-crosshair-one{left:6%;top:18%}.lore-crosshair-two{right:8%;bottom:12%;width:18px;height:18px}
.lore-corner{position:absolute;right:24px;bottom:20px;color:rgba(237,48,61,.7);font:600 8px Orbitron,sans-serif;letter-spacing:.2em}
@media(max-width:850px){.lore-panel{padding:38px 32px;grid-template-columns:1fr .8fr}.lore-art{height:360px}}
@media(max-width:650px){.lore-section{padding-top:56px;padding-bottom:72px}.lore-panel{grid-template-columns:1fr;padding:34px 22px 25px;gap:5px}.lore-copy h2{font-size:clamp(25px,8vw,36px)}.lore-text{font-size:14px;line-height:1.9}.lore-actions{gap:16px;margin-top:24px}.lore-status{font-size:8px}.lore-art{height:340px;margin-top:8px}.lore-corner{right:16px;bottom:12px}}

/* One-page links section */
#home, #links, #link-directory { scroll-margin-top: 96px; }
.link-section { padding-top: 92px; padding-bottom: 112px; }
.link-section-head { align-items: end; margin-bottom: 46px; }
.link-section-title { max-width: 640px; }
.link-section-title h2 { margin: 18px 0 0; font-size: clamp(28px, 4.1vw, 49px); line-height: 1.18; }
.link-section-intro { max-width: 390px; }
.link-section-intro p { margin: 0 0 20px; color: #c0bac2; font-size: 13px; line-height: 1.9; }
.scroll-cue { display: inline-flex; align-items: center; gap: 13px; color: #ff6974; font: 700 9px Orbitron, sans-serif; letter-spacing: .16em; }
.scroll-cue b { display: inline-grid; place-items: center; width: 27px; height: 27px; border: 1px solid rgba(237,48,61,.5); color: #fff; font-size: 16px; font-weight: 400; transition: .2s; }
.scroll-cue:hover b { background: var(--red); transform: translateY(3px); }
.link-directory { gap: 48px; }
.link-category { scroll-margin-top: 105px; }
.social-link { min-height: 90px; }
@media (max-width: 850px) {
  .link-section { padding-top: 74px; padding-bottom: 88px; }
  .link-section-head { gap: 22px; }
  .link-section-title h2 { font-size: clamp(26px, 4vw, 38px); }
  .link-section-intro { max-width: 320px; }
}
@media (max-width: 650px) {
  #home, #links, #link-directory { scroll-margin-top: 76px; }
  .link-section { padding-top: 62px; padding-bottom: 76px; }
  .link-section-head { display: block; margin-bottom: 34px; }
  .link-section-title h2 { font-size: clamp(27px, 8vw, 38px); }
  .link-section-intro { max-width: none; margin-top: 20px; }
  .link-section-intro p { font-size: 12px; }
  .link-directory { gap: 36px; }
}
.link-section-title h2 .accent { color: var(--red); text-shadow: 0 0 24px rgba(237,48,61,.2); }