:root{--bg:#05060a;--ink:#f3f5fb;--muted:#9aa3b8;--pink:#ff35d4;--cyan:#35e8ff;--acid:#d8ff45;--violet:#8f67ff;--panel:#0b0d14;--line:#26304a;--soft:#ffffff0a;--shadow:0 28px 90px #000b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#26103b 0,transparent 28%),radial-gradient(circle at 90% 35%,#052833 0,transparent 25%),var(--bg);color:var(--ink);font:16px/1.55 Rajdhani,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px);z-index:100}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 clamp(18px,4vw,70px);gap:28px;background:#05060ae8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--pink);color:var(--pink);font:700 16px Orbitron;transform:skew(-12deg);box-shadow:inset 0 0 18px #ff35d426,0 0 24px #ff35d415}.brand strong{font:800 15px Orbitron;letter-spacing:3px}.brand small{display:block;font:8px Orbitron;letter-spacing:4px;color:#69748e;margin-top:2px}.nav{display:flex;justify-content:center;gap:22px;flex:1}.nav a{position:relative;padding:28px 0;color:#78849e;font:500 10px Orbitron;letter-spacing:1px;text-transform:uppercase}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.2s}.nav a:hover,.nav a.active{color:#fff}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.live-pill{font:9px Orbitron;letter-spacing:1px;color:var(--acid);border:1px solid #d8ff4544;padding:8px 11px;clip-path:polygon(0 0,92% 0,100% 30%,100% 100%,8% 100%,0 70%);white-space:nowrap}.live-pill i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--acid)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:760px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff12}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#05060af7 0%,#05060abf 36%,#05060a36 66%,#05060ae8 100%),url('../img/noct9-scene.svg');background-position:center;background-size:cover}.hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#05060a 100%)}.hero-grid{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,#05060a),repeating-linear-gradient(90deg,#35e8ff12 0 1px,transparent 1px 100px),repeating-linear-gradient(0deg,#35e8ff10 0 1px,transparent 1px 70px);transform:perspective(500px) rotateX(62deg);transform-origin:bottom;opacity:.5}.hero-content{position:relative;z-index:3;width:min(760px,65%);padding:130px 0 130px clamp(24px,6vw,100px)}.eyebrow{font:8px Orbitron;letter-spacing:3px;color:var(--cyan);text-transform:uppercase}.hero .eyebrow{color:#c2a7ff}.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px}.hero-kicker span{width:42px;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan))}.hero h1,.page-hero h1{font:800 clamp(54px,7vw,104px)/.86 Orbitron;letter-spacing:-3px;margin:0;text-transform:uppercase}.hero h1 span,.page-hero h1 span,h2 span{background:linear-gradient(90deg,var(--pink),#b969ff 48%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font:11px Orbitron;letter-spacing:7px;color:#e3e8f4;margin:25px 0 14px}.hero-sub b{color:var(--pink)}.hero-copy{max-width:610px;font-size:19px;color:#b7c0d2;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border:1px solid #35e8ff55;background:#08131a;color:#fff;font:9px Orbitron;letter-spacing:1.5px;clip-path:polygon(0 0,94% 0,100% 25%,100% 100%,6% 100%,0 75%);transition:.2s}.btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 28px #35e8ff18}.btn.primary{border-color:#ff35d466;background:linear-gradient(105deg,#ff35d41c,#35e8ff10);box-shadow:inset 0 0 22px #ff35d40b}.hero-terminal{position:absolute;right:5vw;bottom:65px;z-index:4;width:320px;background:#06080eec;border-left:2px solid var(--acid);border-top:1px solid #d8ff4538;box-shadow:var(--shadow);clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,0 100%);padding:18px 20px}.terminal-head{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ffffff10;color:var(--acid);font:8px Orbitron;letter-spacing:1.5px}.terminal-head i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.terminal-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff08;font-size:12px}.terminal-row span{color:#66728c}.terminal-row b{font-family:Orbitron;font-size:9px}.green{color:var(--acid)}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #ffffff10;background:#07090f}.feature-strip div{padding:17px 10px;text-align:center;color:#8893aa;font:8px Orbitron;letter-spacing:1px;border-right:1px solid #ffffff0b}.feature-strip div:first-letter{color:var(--pink)}.section{width:min(1320px,100%);margin:auto;padding:92px 30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2{font:700 34px/1 Orbitron;letter-spacing:-1px;margin:7px 0 0;text-transform:uppercase}.section p{color:var(--muted)}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.about-copy{max-width:600px}.about-copy>p{font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font:8px Orbitron;color:#7f8ba2;border:1px solid #ffffff13;padding:5px 7px}.text-link{display:inline-block;margin-top:15px;color:#dce3ef;font:9px Orbitron;letter-spacing:1px;border-bottom:1px solid #ff35d455;padding-bottom:5px}.about-visual{height:390px;position:relative;background:linear-gradient(90deg,#05060a44,#05060a11),url('../img/noct9-scene.svg') center/cover;border:1px solid #35e8ff22;box-shadow:var(--shadow);clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,4% 100%,0 92%)}.about-visual:before{content:"LIVE FLOOR // 23:41";position:absolute;top:18px;left:20px;color:var(--acid);font:8px Orbitron;letter-spacing:2px}.about-visual:after{content:"OPEN CHANNEL // LIVE FLOOR";position:absolute;bottom:18px;right:20px;color:#fff8;font:8px Orbitron;letter-spacing:2px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;background:linear-gradient(145deg,#0c0f18,#07090e);border:1px solid #ffffff10;box-shadow:0 20px 55px #0006;transition:.22s}.card:hover{transform:translateY(-5px);border-color:#35e8ff38}.event-card{min-height:205px;padding:23px;overflow:hidden}.event-card:before{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border:1px solid #ff35d41f;transform:rotate(45deg)}.event-date{font:8px Orbitron;color:var(--pink);letter-spacing:2px}.card h3{font:17px Orbitron;margin:14px 0 7px}.card p{font-size:14px;margin:0}.card-meta{position:absolute;left:23px;right:23px;bottom:18px;padding-top:10px;border-top:1px solid #ffffff0c;display:flex;justify-content:space-between;color:#69768f;font-size:11px}.staff-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.staff-card{position:relative;overflow:hidden;cursor:pointer;background:#080a10;border:1px solid #ffffff10;transition:.25s}.staff-card:hover{transform:translateY(-7px) rotate(-.25deg);border-color:#ff35d455;box-shadow:0 30px 70px #000b,0 0 30px #ff35d40c}.staff-card .portrait{height:260px}.portrait{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#8e55ff44,transparent 34%),linear-gradient(145deg,#151a2d,#07090f)}.portrait:before{content:"NOCT//9 // BIO-SCAN";position:absolute;top:14px;left:14px;z-index:6;color:#ffffff42;font:7px Orbitron;letter-spacing:2px}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#05070b 100%)}.portrait .ring{position:absolute;width:170px;height:170px;left:50%;top:46%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #d8ff4566;box-shadow:0 0 40px #d8ff4515}.portrait .hair{position:absolute;width:115px;height:145px;left:50%;top:45px;transform:translateX(-50%) rotate(-7deg);background:linear-gradient(135deg,var(--pink),#7559ff);border-radius:55% 45% 42% 58%;opacity:.8}.portrait .face{position:absolute;width:72px;height:88px;left:50%;top:75px;transform:translateX(-50%);background:linear-gradient(145deg,#f2d2d3,#9675a4);border-radius:48% 52% 45% 55%;z-index:2}.portrait .visor{position:absolute;left:50%;top:112px;transform:translateX(-50%);width:92px;height:16px;border:1px solid var(--cyan);z-index:3;box-shadow:0 0 15px #35e8ff55;background:linear-gradient(90deg,transparent,#35e8ff30,transparent)}.portrait.cyan .hair{background:linear-gradient(135deg,#35e8ff,#6066ff)}.portrait.gold .hair{background:linear-gradient(135deg,#e7ff70,#ff4fd9)}.portrait.red .hair{background:linear-gradient(135deg,#ff5578,#7a3cff)}.portrait.white .hair{background:linear-gradient(135deg,#effcff,#70a8ff)}.staff-body{padding:18px 19px 22px}.staff-body h3{font:700 18px Orbitron;margin:0 0 5px}.staff-body .role{font:8px Orbitron;color:var(--cyan);letter-spacing:1.5px;text-transform:uppercase}.staff-body p{font-size:13px;line-height:1.35;color:#8792a8;min-height:52px}.status{position:absolute;right:12px;top:12px;z-index:7;font:7px Orbitron;color:var(--acid);border:1px solid currentColor;padding:5px 7px;background:#05070cdd;clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%)}.status i{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:5px;box-shadow:0 0 8px currentColor}.status.offline{color:#758095}.status.break{color:#ffd35a}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{padding:25px;min-height:235px;clip-path:polygon(0 0,97% 0,100% 8%,100% 100%,3% 100%,0 92%)}.service-card .icon{font-size:32px;color:var(--pink);text-shadow:0 0 20px #ff35d455}.service-card h3{font-size:15px}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.room-card{position:relative;min-height:360px;overflow:hidden;background:#080a10;border:1px solid #ffffff12;clip-path:polygon(0 0,97% 0,100% 7%,100% 100%,4% 100%,0 93%)}.room-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#ff35d444,transparent 32%),linear-gradient(140deg,#1a1230,#07090e 72%)}.room-card.black:before{background:radial-gradient(circle at 75% 25%,#35e8ff38,transparent 30%),linear-gradient(140deg,#0b1720,#05070b 72%)}.room-card.red:before{background:radial-gradient(circle at 70% 25%,#ff3e4d44,transparent 32%),linear-gradient(140deg,#241018,#07090e 72%)}.room-card.blue:before{background:radial-gradient(circle at 70% 25%,#4d79ff55,transparent 32%),linear-gradient(140deg,#101735,#07090e 72%)}.room-card:after{content:"";position:absolute;inset:18px;border:1px solid #ffffff0b;transform:skewX(-7deg);pointer-events:none}.room-copy{position:absolute;left:30px;right:30px;bottom:30px;z-index:2}.room-copy h2{font:700 30px Orbitron;margin:8px 0}.room-copy p{font-size:14px;color:#a0a9ba}.room-glow{position:absolute;width:260px;height:260px;right:-70px;top:-70px;border:1px solid #35e8ff30;border-radius:50%;box-shadow:0 0 60px #35e8ff0e}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{padding:24px;min-height:180px;background:linear-gradient(145deg,#0b0e16,#07090d);border:1px solid #ffffff10;clip-path:polygon(0 0,96% 0,100% 10%,100% 100%,4% 100%,0 90%);transition:.2s}.game-card:hover{border-color:#d8ff4544;transform:translateY(-4px)}.game-icon{font-size:32px;display:block;margin-bottom:16px}.game-card h3{font:700 14px Orbitron;margin:0 0 6px}.game-card p{font-size:13px;margin:0}.games-area{display:grid;grid-template-columns:1fr 1fr;gap:20px}.game-panel{position:relative;min-height:450px;padding:25px;background:#07090e;border:1px solid #ffffff10;box-shadow:var(--shadow);overflow:hidden}.game-panel:before{content:"ARCADE NODE // ONLINE";position:absolute;right:20px;top:20px;color:#d8ff4555;font:7px Orbitron;letter-spacing:2px}.game-panel h2{font:700 22px Orbitron;margin:0}.scoreline{display:flex;align-items:center;gap:12px;margin-top:18px;color:#8b96aa;font:11px Orbitron}.scoreline b{color:var(--acid)}.dartboard{width:260px;height:260px;margin:30px auto;border-radius:50%;border:10px solid #131827;background:repeating-radial-gradient(circle,#0a0d14 0 20px,#ff35d4 21px 24px,#0a0d14 25px 46px,#35e8ff 47px 50px);box-shadow:0 0 45px #ff35d422;cursor:crosshair}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.memory-card{aspect-ratio:1;border:1px solid #35e8ff33;background:#0b1118;color:#35e8ff;font-size:24px;cursor:pointer}.memory-card.flipped,.memory-card.matched{background:#ff35d41b;border-color:#ff35d466}.mole-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.mole-hole{aspect-ratio:1;border-radius:50%;border:1px solid #35e8ff24;background:radial-gradient(circle,#000 0 35%,#101625 36% 60%,#080b11 61%);cursor:pointer}.mole-hole.active{background:radial-gradient(circle at 50% 42%,#d8ff45 0 17%,#35e8ff 18% 34%,#111829 35%);box-shadow:0 0 25px #d8ff4544}.draw-result{height:220px;margin:35px 0 20px;display:grid;place-items:center;background:radial-gradient(circle,#ff35d422,transparent 50%),#080a10;border:1px dashed #d8ff4544;font:700 30px Orbitron;color:var(--acid);letter-spacing:2px}.page-hero{position:relative;padding:110px max(30px,6vw) 85px;overflow:hidden;border-bottom:1px solid #ffffff10;background:linear-gradient(100deg,#080912,#07080e)}.page-hero:after{content:"";position:absolute;right:-120px;top:-180px;width:480px;height:480px;border:1px solid #35e8ff18;transform:rotate(45deg);box-shadow:0 0 100px #ff35d40b}.page-hero p{max-width:650px;color:#8f9ab0;font-size:18px;margin:20px 0 0}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #ffffff12;background:#080b11;color:#79869d;padding:9px 12px;font:8px Orbitron;cursor:pointer}.filter.active,.filter:hover{color:#fff;border-color:#ff35d455}.staff-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.staff-card.staff-large{min-height:485px}.staff-card.staff-large .portrait{height:285px}.event-list{display:grid;gap:14px}.event-row{display:grid;grid-template-columns:100px 1fr 160px;align-items:center;gap:25px;padding:25px 28px;background:#080b11;border:1px solid #ffffff10;clip-path:polygon(0 0,99% 0,100% 16%,100% 100%,1% 100%,0 84%)}.event-time{display:grid;place-items:center;border-right:1px solid #ffffff10;padding-right:20px}.event-time b{font:700 42px Orbitron;color:var(--pink)}.event-time span{font:8px Orbitron;color:#77839a}.event-row h2{font:700 20px Orbitron;margin:7px 0}.event-row p{margin:0;color:#8994a8}.event-side{text-align:right;font:700 16px Orbitron;color:var(--cyan)}.event-side small{display:block;font:8px Rajdhani;color:#78849a;margin-top:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item,.gallery-placeholder{position:relative;min-height:260px;overflow:hidden;border:1px solid #ffffff10;background:linear-gradient(145deg,#0d1019,#06080d);padding:0;text-align:left;color:#fff;cursor:pointer}.gallery-item img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;filter:saturate(1.2) contrast(1.05);transition:.3s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;left:15px;bottom:14px;font:8px Orbitron;background:#05060ddd;padding:7px}.gallery-placeholder{display:grid;place-items:center;text-align:center;padding:25px}.gallery-placeholder span{font:700 16px Orbitron;color:var(--cyan)}.gallery-placeholder small{display:block;color:#6f7a90}.lightbox{position:fixed;inset:0;z-index:80;display:none;place-items:center;background:#000e;backdrop-filter:blur(10px);padding:30px}.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:86vh}.lightbox button{position:absolute;top:20px;right:25px;border:0;background:none;color:#fff;font-size:40px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.glass-panel{background:#080b11;border:1px solid #ffffff10;padding:30px;box-shadow:var(--shadow)}.contact-info h2{font:700 28px Orbitron}.contact-line{display:flex;gap:12px;margin:22px 0;color:var(--pink)}.contact-line span{color:#8d98ac}.contact-line b{color:#fff}.form{display:grid;gap:18px}.form label{display:grid;gap:7px;font:8px Orbitron;color:#8b96a9;letter-spacing:1px}.form input,.form textarea{width:100%;border:1px solid #ffffff12;background:#05070c;color:#fff;padding:12px;outline:none}.form input:focus,.form textarea:focus{border-color:#35e8ff55}.notice{padding:12px;border:1px solid #ff4f4f55;background:#ff4f4f0d;color:#ff9b9b}.notice.success{border-color:#d8ff4555;color:#d8ff45}.modal{position:fixed;inset:0;z-index:70;display:none;place-items:center;padding:25px;background:radial-gradient(circle at 45% 50%,#7b25a622,transparent 40%),#020307ec;backdrop-filter:blur(14px)}.modal.open{display:grid}.modal:before{content:"SECURE PERSONNEL CHANNEL // CLASSIFIED";position:absolute;top:25px;left:50%;transform:translateX(-50%);font:7px Orbitron;letter-spacing:3px;color:#d8ff4566}.modal-card{position:relative;width:min(1040px,96vw);min-height:560px;display:grid;grid-template-columns:430px 1fr;background:#07090e;box-shadow:0 40px 120px #000,0 0 0 1px #d8ff4526;clip-path:polygon(0 0,94% 0,100% 8%,100% 92%,94% 100%,6% 100%,0 92%)}.modal-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#d8ff4508,#ff35d408 48%,transparent 49%);pointer-events:none}.modal-card .portrait{height:100%;min-height:560px;clip-path:polygon(0 0,94% 0,100% 8%,100% 92%,90% 100%,0 100%);background:radial-gradient(circle at 50% 32%,#8f55ff44,transparent 34%),linear-gradient(145deg,#161127,#05070b)}.modal-card .portrait .ring{width:240px;height:240px}.modal-card .portrait .hair{width:155px;height:185px;top:80px}.modal-card .portrait .face{width:92px;height:112px;top:116px}.modal-card .portrait .visor{width:120px;height:22px;top:164px}.modal-content{position:relative;padding:65px 60px 50px}.modal-content:before{content:"ID // N9-0049-A";position:absolute;right:45px;top:28px;color:#ffffff25;font:7px Orbitron;letter-spacing:2px}.modal-content h2{font:800 48px/1 Orbitron;margin:10px 0 6px;text-transform:uppercase}.modal-content .role{font:9px Orbitron;letter-spacing:2px;color:var(--pink);text-transform:uppercase}.modal-content p{max-width:530px;color:#adb6c8;font-size:17px;margin:28px 0}.modal-stat{display:grid;grid-template-columns:1fr 1fr;margin:30px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.modal-stat div{padding:17px 12px;border-right:1px solid #ffffff0b}.modal-stat div:last-child{border:0}.modal-stat small{display:block;font:7px Orbitron;color:#68758e;letter-spacing:1.5px}.modal-stat b{display:block;font:11px Rajdhani;color:#e7edf7;margin-top:5px}.modal-close{position:absolute;z-index:5;right:-16px;top:-16px;width:48px;height:48px;border:1px solid #ff35d466;background:#09060d;color:var(--pink);font:26px Orbitron;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%);cursor:pointer}.footer{border-top:1px solid #ffffff10;background:#05070b;padding:55px max(25px,6vw) 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}.footer h4{font:9px Orbitron;color:var(--cyan);letter-spacing:1.5px}.footer-grid a,.footer-grid p{display:block;color:#7d899f;font-size:13px;margin:7px 0}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #ffffff0b;color:#505b70;font-size:11px}.footer-brand{min-width:0}
@media(max-width:1050px){.nav{gap:14px}.brand{min-width:190px}.hero-content{width:70%}.hero-terminal{width:290px}.staff-preview,.service-grid,.game-grid{grid-template-columns:repeat(2,1fr)}.staff-directory{grid-template-columns:repeat(2,1fr)}.room-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:15px 20px;flex-direction:column;background:#05060af8;border-bottom:1px solid #ffffff12}.nav.open{display:flex}.nav a{padding:10px}.nav a:after{bottom:5px}.menu-toggle{display:block;margin-left:auto}.live-pill{display:none}.hero{min-height:850px}.hero-content{width:100%;padding:110px 22px 25px}.hero h1{font-size:54px}.hero-terminal{position:relative;right:auto;bottom:auto;width:auto;margin:0 22px 35px}.hero-bg{background-image:linear-gradient(180deg,#05060a75 0%,#05060a45 30%,#05060ae8 62%,#05060a 100%),url('../img/noct9-scene.svg')}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip div:nth-child(5){grid-column:1/-1}.split,.contact-layout{grid-template-columns:1fr}.section{padding:65px 20px}.section-head{align-items:start;flex-direction:column}.event-grid,.staff-preview,.service-grid,.room-grid,.game-grid,.gallery-grid,.games-area{grid-template-columns:1fr}.event-row{grid-template-columns:65px 1fr;gap:15px}.event-side{grid-column:2;text-align:left}.modal{padding:12px}.modal:before{display:none}.modal-card{display:block;max-height:94vh;overflow:auto;clip-path:polygon(0 0,95% 0,100% 3%,100% 97%,95% 100%,5% 100%,0 97%)}.modal-card .portrait{height:260px;min-height:260px;clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,0 100%)}.modal-content{padding:30px 22px}.modal-content h2{font-size:34px}.modal-stat{grid-template-columns:1fr}.modal-stat div{border-right:0;border-bottom:1px solid #ffffff0b}.modal-close{right:8px;top:8px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-sub{letter-spacing:4px}.page-hero{padding:80px 20px 60px}.page-hero h1{font-size:48px}.event-row{padding:20px 18px}.staff-card.staff-large .portrait{height:250px}}
/* Character artwork replaces the old placeholder-face geometry. The surrounding UI remains intentionally dossier-like. */
.portrait-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.12) contrast(1.04);z-index:1}.portrait-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 45%,#05070be8 100%),linear-gradient(90deg,#ff35d40b,transparent 48%,#35e8ff0b);pointer-events:none}.portrait .ring,.portrait .hair,.portrait .face,.portrait .visor{display:none}.modal-card .portrait-art{filter:saturate(1.2) contrast(1.08)}.gallery-item small{position:absolute;right:14px;top:14px;font:7px Orbitron;letter-spacing:1px;color:#d8ff45;background:#05060dcc;padding:6px}.gallery-item:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #35e8ff0c;pointer-events:none}.page-hero h1{position:relative;z-index:2}.page-hero .eyebrow,.page-hero p{position:relative;z-index:2}
/* Admin / editable-site controls */
.brand-logo{width:42px;height:42px;object-fit:contain;display:block;border:1px solid #ffffff18;padding:3px;background:#05070c}.settings-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;padding:10px;border:1px solid #ffffff10;background:#070910}.settings-nav a{font:8px Orbitron;letter-spacing:1px;padding:10px 12px;color:#8d99b1;border:1px solid #ffffff0c}.settings-nav a:hover{color:#fff;border-color:var(--cyan)}.settings-form{display:grid;gap:18px}.settings-section{padding:30px;border:1px solid #ffffff0c;background:linear-gradient(145deg,#0b0e17,#07090e);clip-path:polygon(0 0,99% 0,100% 2%,100% 100%,1% 100%,0 98%)}.settings-heading{margin-bottom:25px}.settings-heading h2{font:700 25px Orbitron;margin:6px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid .wide{grid-column:1/-1}.settings-grid label,.form label{display:flex;flex-direction:column;gap:7px;color:#9ba6bb;font:8px Orbitron;letter-spacing:1px;text-transform:uppercase}.settings-grid input,.settings-grid textarea,.settings-grid select,.form input,.form textarea,.form select{width:100%;border:1px solid #ffffff13;background:#05070d;color:#eef2f8;padding:11px 12px;outline:none}.settings-grid input:focus,.settings-grid textarea:focus,.settings-grid select:focus,.form input:focus,.form textarea:focus,.form select:focus{border-color:#35e8ff66;box-shadow:0 0 20px #35e8ff08}.settings-grid small{font:9px Rajdhani;color:#69768f;text-transform:none;letter-spacing:0}.settings-grid code{font:9px Orbitron;color:var(--cyan);margin-top:3px}.settings-grid.colors label{display:grid;grid-template-columns:1fr auto;align-items:center}.settings-grid.colors input[type=color]{width:55px;height:36px;padding:3px}.settings-grid.colors code{grid-column:1/-1}.settings-actions{display:flex;justify-content:flex-end;padding-top:4px}.notice{margin:0 0 18px;padding:13px 15px;border:1px solid #ff35d444;background:#ff35d40a;color:#fff;font:9px Orbitron;letter-spacing:1px}.notice.success{border-color:#d8ff4544;background:#d8ff4509;color:#d8ff45}.admin-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-links .card{padding:22px;color:#dce3ef;font:10px Orbitron;letter-spacing:1px}.admin-links .card small{display:block;margin-top:8px;color:#718098;font:12px Rajdhani;letter-spacing:0}.admin-links .featured-admin{grid-column:1/-1;border-color:#ff35d433;background:linear-gradient(110deg,#ff35d40d,#35e8ff06)}.admin-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.admin-stat{padding:20px;border:1px solid #ffffff10;background:#080b12;text-align:center}.admin-stat b{display:block;font:700 30px Orbitron;color:#fff}.admin-stat span{font:8px Orbitron;color:#718098;letter-spacing:1px}.admin-editor-grid{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:20px;align-items:start}.admin-list{display:grid;gap:14px}.admin-list>h2{font:700 18px Orbitron;margin:0}.admin-edit{padding:20px}.admin-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-edit-head b{font:15px Orbitron}.admin-edit-head span{font:7px Orbitron;color:var(--acid);letter-spacing:1px}.admin-edit .settings-grid{margin-bottom:14px}.admin-edit .btn{margin-right:7px}.check{flex-direction:row!important;align-items:center;gap:8px!important}.check input{width:auto}.admin-thumb{width:100%;max-height:170px;object-fit:cover;margin:0 0 15px;border:1px solid #ffffff12;background:#05070c}.staff-thumb{max-width:180px}.admin-editor-grid>.form{position:sticky;top:95px}.game-card button{font:inherit}
@media(max-width:900px){.admin-grid{grid-template-columns:repeat(3,1fr)}.admin-editor-grid{grid-template-columns:1fr}.admin-editor-grid>.form{position:static}.admin-links{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}}
@media(max-width:600px){.admin-grid{grid-template-columns:repeat(2,1fr)}.settings-section{padding:20px}.settings-nav{overflow:auto;flex-wrap:nowrap}.settings-nav a{white-space:nowrap}}
.block-muted{display:block;color:#69768f;font:12px Rajdhani;letter-spacing:0;margin-top:5px}.account-meta{display:flex;gap:22px;flex-wrap:wrap;margin:15px 0;color:#69768f;font:8px Orbitron;letter-spacing:1px}.account-meta b{display:block;color:#dce3ef;font:11px Rajdhani;letter-spacing:0;margin-top:4px}.account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.account-actions form{margin:0}.inline-password{display:flex;gap:6px}.inline-password input{min-width:160px;border:1px solid #ffffff13;background:#05070d;color:#eef2f8;padding:9px 10px}.profile-console{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:start}.profile-summary{position:sticky;top:95px}.profile-summary h2{font:700 28px Orbitron;margin:10px 0 5px}.profile-summary .role{font:9px Orbitron;color:var(--pink);letter-spacing:1px}.profile-summary p{color:#76839a}.profile-console>.form{min-width:0}
@media(max-width:900px){.profile-console{grid-template-columns:1fr}.profile-summary{position:static}}