@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Share+Tech+Mono&display=swap');
:root{--bg:#030608;--panel:#060b0d;--line:#243037;--text:#dce3e1;--muted:#718087;--red:#ff1e2d;--green:#79e0a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Barlow Condensed',Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.topbar{height:64px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid #1d272c;background:rgba(2,5,7,.95);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:300px}.brand-mark{font-size:34px}.brand b{display:block;font-size:17px;letter-spacing:2px}.brand small,.site-state small{display:block;font:9px 'Share Tech Mono';letter-spacing:1.5px;color:#7c898f}nav{display:flex;gap:34px;align-self:stretch}nav a{font:12px 'Share Tech Mono';display:flex;align-items:center;color:#a7b0b3;position:relative}nav a:hover,nav a.active{color:#fff}nav a.active:after{content:"";position:absolute;height:2px;background:var(--red);left:0;right:0;bottom:0}.site-state{margin-left:auto;display:flex;gap:10px;align-items:center;font:10px 'Share Tech Mono'}.alert-dot{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%)}.critical{color:var(--red);margin-left:8px}.hero{min-height:460px;position:relative;display:grid;grid-template-columns:minmax(450px,1.3fr) minmax(500px,1fr);overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background:url('../images/blacksite17_ui_hero.png') center 27%/cover no-repeat;filter:brightness(.47) saturate(.7)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020507 0%,rgba(2,5,7,.8) 35%,rgba(2,5,7,.22) 75%,#020507 100%),linear-gradient(0deg,#020507 0%,transparent 35%)}.hero-copy{position:relative;padding:68px 0 45px 44px;max-width:720px}.eyebrow,.red-label{font:11px 'Share Tech Mono';letter-spacing:2px;color:#9ca8ab}.hero h1{font-size:68px;line-height:.9;margin:10px 0;font-weight:600}.hero h1 strong{display:block;font-size:74px;letter-spacing:4px}.hero h2{font:16px 'Share Tech Mono';letter-spacing:3px;margin:18px 0}.hero p{color:#a7b1b3;max-width:500px;line-height:1.5;font-size:15px}.hero-actions{display:flex;gap:15px;margin-top:25px}.red-btn,.ghost-btn,.mini-btn{border:1px solid var(--red);background:var(--red);color:white;padding:12px 22px;font-weight:600;letter-spacing:1px;box-shadow:0 0 24px rgba(255,30,45,.14)}.red-btn small,.ghost-btn small{display:block;font:8px 'Share Tech Mono';margin-top:3px;color:#ffd7d9}.ghost-btn{border-color:#718087;background:rgba(0,0,0,.45);color:#d7dede}.red-btn.small{padding:9px 16px;font-size:12px}.surveillance{position:relative;margin:12px 25px 20px 15px;display:grid;grid-template-columns:1fr 150px;grid-template-rows:auto 1fr;gap:8px;background:rgba(2,6,8,.72);border:1px solid #253137;padding:12px;backdrop-filter:blur(4px)}.panel-head{grid-column:1/3;font:12px 'Share Tech Mono';display:flex;justify-content:space-between;border-bottom:1px solid #1d292e;padding-bottom:9px}.panel-head span{color:var(--red)}.cams{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cam{min-height:100px;border:1px solid #202c31;background:linear-gradient(120deg,#151b1d,#020303);position:relative}.cam:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 4px)}.cam span{position:absolute;left:7px;bottom:5px;font:7px 'Share Tech Mono';color:#9aa4a7;z-index:2}.mapbox{border:1px solid #202c31;padding:8px;font:8px 'Share Tech Mono';color:#8aa196}.map-art{text-align:center;line-height:1.7;color:#91c2a9;margin-top:15px}.alert-strip{display:flex;justify-content:space-around;padding:9px 20px;background:#100709;border-bottom:1px solid #39151a;border-top:1px solid #351217;font:10px 'Share Tech Mono';color:#db8e93}.section{padding:28px 24px}.section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px;font:14px 'Share Tech Mono';letter-spacing:2px}.section-title small{font-size:8px;color:#66747a;letter-spacing:1px}.dashboard{max-width:1500px;margin:auto}.database-grid{display:grid;grid-template-columns:260px 1.2fr .9fr;gap:10px}.panel{background:linear-gradient(150deg,rgba(9,15,18,.97),rgba(3,7,9,.98));border:1px solid #243038;box-shadow:inset 0 0 30px rgba(255,255,255,.012)}.scp-list{padding:10px}.search{height:34px;border:1px solid #28353b;color:#718087;padding:9px;font:9px 'Share Tech Mono';margin-bottom:7px}.scp-row{position:relative;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #1d272c;color:#c9d1d1;padding:12px 6px;cursor:pointer}.scp-row b{display:block;font:12px 'Share Tech Mono'}.scp-row small{display:block;color:#76848a;margin-top:3px}.scp-row em{position:absolute;right:5px;top:12px;font:7px 'Share Tech Mono';font-style:normal;color:var(--red);border:1px solid var(--red);padding:3px}.scp-row.active{background:linear-gradient(90deg,#171e21,transparent);border-left:2px solid var(--red)}.list-foot{font:8px 'Share Tech Mono';color:#8c999e;padding:12px 5px}.scp-detail{display:grid;grid-template-columns:48% 52%;min-height:365px}.scp-visual{min-height:365px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#5b4335,#101617 37%,#030607 75%)}.scp-visual small{position:absolute;bottom:8px;left:10px;font:8px 'Share Tech Mono';color:#7e8a8f}.entity-silhouette{position:absolute;width:110px;height:245px;left:50%;top:55%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 25%,#92765c,#463c34 30%,#171818 70%);border-radius:48% 48% 42% 42%;box-shadow:0 0 45px rgba(180,120,70,.22)}.scp-copy{padding:22px}.scp-copy h2{font:28px 'Share Tech Mono';margin:8px 0 0}.scp-copy h3{font-size:18px;font-weight:400;margin:2px 0 15px;color:#aeb9ba}.scp-copy dl{display:grid;grid-template-columns:90px 1fr;font:10px 'Share Tech Mono';line-height:1.8;border-top:1px solid #273339;border-bottom:1px solid #273339;padding:10px 0}.scp-copy dt{color:#69767c}.scp-copy dd{margin:0;color:#c8d0d0}.scp-copy p{font-size:13px;line-height:1.45;color:#9ba6a9}.mini-btn{background:transparent;border-color:#4b5a60;color:#b7c1c2;font-size:9px;padding:8px 10px;margin-right:5px}.game-preview{padding:10px}.preview-screen{height:225px;position:relative;background:linear-gradient(90deg,#060b0b,#1c2220 48%,#050707);overflow:hidden;border:1px solid #202c31}.preview-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.025) 5px),radial-gradient(circle at 70% 50%,rgba(255,30,45,.16),transparent 25%)}.preview-cross{position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid #dce5df;transform:translate(-50%,-50%);opacity:.6}.preview-monster{position:absolute;right:18%;top:30%;width:50px;height:130px;background:#020303;border-radius:50% 50% 8% 8%;box-shadow:0 0 35px #000}.preview-label{position:absolute;left:10px;bottom:8px;font:8px 'Share Tech Mono';color:#9aa5a6}.game-preview p{font:10px 'Share Tech Mono';color:#8f9a9e;line-height:1.5}.lower-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.feature{min-height:250px;position:relative;overflow:hidden;display:flex;align-items:end}.feature-art{position:absolute;inset:0;background:url('../images/entity_panorama.png') center/cover;filter:brightness(.38);opacity:.7}.feature>div:last-child{position:relative;padding:22px;max-width:500px}.feature h2{font:24px 'Share Tech Mono';margin:9px 0}.feature p{color:#8f9a9e;font-size:13px}.reports,.status-panel{padding:16px}.reports p,.status-panel p{font:11px 'Share Tech Mono';padding:10px 0;margin:0;border-bottom:1px solid #1d282d;color:#a7b0b2}.reports time{float:right;color:#59666c}.status-panel b{float:right}.ok{color:var(--green)}.bad{color:var(--red)}hr{border:0;border-top:1px solid #253137;margin:12px 0}.game-section{padding:30px 24px 50px;background:linear-gradient(#020506,#050809)}.game-title{max-width:1500px;margin:0 auto 12px}.game-frame{max-width:1500px;margin:auto;height:min(720px,75vh);min-height:520px;position:relative;border:1px solid #3b474d;overflow:hidden;background:#020404;box-shadow:0 0 70px #000}.game-frame canvas#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:#030505}.game-hud{position:absolute;inset:0;pointer-events:none;font-family:'Share Tech Mono';text-shadow:0 2px 8px #000}.game-top{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:10px}.game-top b{color:#aab6b3;font-weight:400}.game-status{position:absolute;left:18px;bottom:18px;width:260px;background:rgba(0,0,0,.45);padding:10px;border-left:2px solid #82908a;font-size:8px}.game-status label{display:grid;grid-template-columns:55px 1fr 28px;gap:6px;align-items:center;margin:5px 0}.game-status i{height:5px;background:#26302f}.game-status u{display:block;height:100%;width:100%;background:#c4d0ca;text-decoration:none}.game-status strong{display:block;margin-top:7px;color:#89968f}.game-status strong span{color:#dce7df}.game-hud #crosshair{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%)}.game-hud #crosshair:before,.game-hud #crosshair:after{content:"";position:absolute;background:#dce6df}.game-hud #crosshair:before{width:16px;height:1px;top:7px}.game-hud #crosshair:after{width:1px;height:16px;left:7px}.game-hud #prompt,.game-hud #message,.game-hud #warning{position:absolute;left:50%;transform:translateX(-50%);opacity:0;color:#e5ece8;background:rgba(0,0,0,.45);padding:7px 11px;font-size:10px}.game-hud #prompt{bottom:22%}.game-hud #message{top:24%;font-size:15px;letter-spacing:2px}.game-hud #warning{top:50px;color:#ff7077}.game-hud #miniMap{position:absolute;right:16px;bottom:16px;width:150px;height:150px;background:rgba(0,0,0,.4);border:1px solid #344047}.game-help{position:absolute;right:18px;bottom:18px;font-size:7px;color:#68747a}.game-frame #damageFlash{position:absolute;inset:0;background:rgba(255,20,20,.35);opacity:0;pointer-events:none}.game-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}.game-frame #gameStartOverlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:4;text-align:center}.game-frame #gameStartOverlay>div{max-width:520px;padding:30px;border:1px solid #37434a;background:rgba(2,6,7,.84)}.game-frame #gameStartOverlay h2{font:25px 'Share Tech Mono';letter-spacing:2px}.game-frame #gameStartOverlay p{color:#8e999d;font-size:13px;line-height:1.5}.about{border-top:1px solid #1e292e;text-align:center;max-width:900px;margin:auto}.about h2{font:24px 'Share Tech Mono'}.about p{color:#7f8b90;line-height:1.6}footer{border-top:1px solid #1e292e;padding:25px 30px;display:flex;justify-content:space-between;color:#59666c;font:8px 'Share Tech Mono'}
@media(max-width:1050px){.topbar{padding:0 12px}.brand{min-width:220px}nav{gap:14px}.site-state{display:none}.hero{grid-template-columns:1fr}.surveillance{display:none}.database-grid{grid-template-columns:230px 1fr}.game-preview{grid-column:1/3}.lower-grid{grid-template-columns:1fr 1fr}.feature{grid-column:1/3}}@media(max-width:700px){nav{display:none}.brand{min-width:0}.hero-copy{padding:55px 22px}.hero h1,.hero h1 strong{font-size:48px}.database-grid,.lower-grid{grid-template-columns:1fr}.scp-detail{grid-template-columns:1fr}.game-preview,.feature{grid-column:auto}.scp-visual{min-height:230px}.game-frame{min-height:560px}.game-help{display:none}.game-hud #miniMap{display:none}.game-status{width:220px}.alert-strip{overflow:hidden;gap:30px;white-space:nowrap;justify-content:flex-start}.hero-actions{flex-wrap:wrap}footer{flex-direction:column;gap:10px}}