*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050708;color:#d7e0df;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit;color:#dce5e4;background:#151b1d;border:1px solid #394448;border-radius:5px;padding:.72rem 1rem;cursor:pointer;letter-spacing:.08em}button:hover{border-color:#d76a24}.hidden{display:none!important}.screen{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#182124 0,#080b0d 48%,#030405 100%);z-index:20}.splash h1{font-size:clamp(2rem,7vw,5rem);letter-spacing:.42em;margin:.4rem 0;color:#e9eeee}.splash p{font-size:.72rem;letter-spacing:.3em;color:#758286}.forgeMark{width:76px;height:76px;border:2px solid #b94e20;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 40px #8e2f1238}.forgeMark span{width:28px;height:28px;border:5px solid #e1712f}.loader{width:260px;height:3px;background:#1c2527;overflow:hidden}.loader i{display:block;width:40%;height:100%;background:#d65f24;animation:load 1.4s infinite}@keyframes load{from{transform:translateX(-120%)}to{transform:translateX(350%)}}.panel{background:#0c1113ee;border:1px solid #354044;box-shadow:0 30px 90px #000;padding:2rem;max-width:620px}.menuPanel{margin:1rem}.eyebrow{color:#c45a28;letter-spacing:.2em;font-size:.7rem}.menuPanel h1{font-size:clamp(2.2rem,7vw,4.8rem);margin:.5rem 0}.menuPanel h1 b{color:#c95c29}.menuPanel p{line-height:1.55;color:#aab5b4}.primary{background:#a9441c;border-color:#df6b2f;font-weight:700}.row{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}small{color:#657174;letter-spacing:.1em}main{height:100%;display:grid;grid-template-rows:58px 1fr 34px;background:#020303}header,footer{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0a0e10;border-color:#263033;border-style:solid;border-width:0 0 1px 0;letter-spacing:.08em}header b{color:#d4652b;margin-right:15px}header span,footer{font-size:.72rem;color:#859092}.hudRight{display:flex;gap:12px;align-items:center}#pauseBtn{padding:.35rem .6rem}#stageWrap{position:relative;min-height:0}canvas{width:100%;height:100%;display:block;background:#050809}#tracker{position:absolute;left:18px;bottom:18px;width:118px;height:118px;border-radius:50%;border:1px solid #557b70;background:#07120fe8;box-shadow:0 0 25px #2b665044 inset;overflow:hidden}.sweep{position:absolute;width:50%;height:1px;background:#78bba5;left:50%;top:50%;transform-origin:left;animation:sweep 2s linear infinite;box-shadow:0 0 8px #8ff}@keyframes sweep{to{transform:rotate(360deg)}}#tracker:before,#tracker:after{content:"";position:absolute;border:1px solid #315148;border-radius:50%;inset:24px}#tracker:after{inset:48px}#blip{position:absolute;width:7px;height:7px;background:#e3f8e9;border-radius:50%;left:50%;top:50%;box-shadow:0 0 10px #fff}#distance{position:absolute;bottom:8px;width:100%;text-align:center;font-size:.68rem;color:#9fd1be}#message{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#080c0ed9;border:1px solid #4c5a5d;padding:9px 14px;letter-spacing:.08em;font-size:.78rem;opacity:0;transition:.2s}#message.show{opacity:1}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:30}.modal .panel{min-width:min(90vw,430px)}.modal h2{color:#d45e27;letter-spacing:.08em}.modal p{line-height:1.5}#touch{display:none}.devOn canvas{outline:1px solid #a34b28}@media(max-width:800px),(pointer:coarse){header{padding:0 8px}#objective{display:none}#touch{display:block}.dpad{position:absolute;right:18px;bottom:18px;width:132px;height:132px}.dpad button{position:absolute;width:44px;height:44px;padding:0;background:#101719c9}.dpad button:nth-child(1){left:44px}.dpad button:nth-child(2){top:44px}.dpad button:nth-child(3){left:44px;top:88px}.dpad button:nth-child(4){left:88px;top:44px}#actionBtn{position:absolute;right:170px;bottom:45px;width:70px;height:70px;border-radius:50%;background:#7e3118cc}#tracker{width:92px;height:92px}footer #build{display:none}}
#noise{min-width:155px;text-align:center} @media(max-width:620px){#status{display:none}footer{font-size:.62rem}#noise{min-width:130px}}

/* BUILD 0016 — approved Blacksite master artwork / Battleships-style launch */
.blacksiteSplash,.blacksiteMenu{
  background:
    linear-gradient(90deg,rgba(3,7,9,.88) 0%,rgba(3,7,9,.58) 28%,rgba(3,7,9,.10) 52%,rgba(3,7,9,.05) 100%),
    url("../artwork/blacksite-master-approved.png") center/cover no-repeat;
}
.blacksiteSplash{align-items:stretch;justify-content:flex-start}
.launchOverlay{
  width:min(39rem,44vw);height:100%;display:flex;flex-direction:column;
  justify-content:center;align-items:flex-start;padding:clamp(28px,6vw,92px);
  box-sizing:border-box;text-align:left;
}
.forgeWord{font:800 clamp(18px,2vw,30px)/1 system-ui;letter-spacing:.42em;color:#d8e0e1;opacity:.9}
.productWord{font:900 clamp(38px,5.5vw,82px)/.92 system-ui;letter-spacing:.045em;color:#f1f4f3;margin:10px 0 30px;text-shadow:0 4px 24px #000}
.launchStatus{font:700 12px/1.2 monospace;letter-spacing:.18em;color:#9aa8aa;margin-bottom:10px}
.blacksiteLoader{width:min(360px,70vw);height:8px;background:#151d1f;border:1px solid #3a484b;overflow:hidden}
.blacksiteLoader i{display:block;height:100%;width:36%;background:linear-gradient(90deg,#7c2e18,#f07432);box-shadow:0 0 18px #f07432;animation:blacksiteLoad 1.45s ease-in-out infinite}
@keyframes blacksiteLoad{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
.blacksiteMenu{align-items:center;justify-content:flex-start}
.blacksiteMenu .menuPanel{
 margin-left:clamp(22px,6vw,90px);margin-right:auto;
 background:rgba(5,10,12,.84);backdrop-filter:blur(7px);
 border:1px solid rgba(119,139,142,.36);box-shadow:0 20px 60px rgba(0,0,0,.55);
}
@media(max-width:700px){
 .launchOverlay{width:78vw;padding:26px}
 .blacksiteMenu .menuPanel{margin:18px;max-width:calc(100% - 36px)}
 .blacksiteSplash,.blacksiteMenu{background-position:58% center}
}

.officialForgeLogo{display:block;width:min(260px,68%);height:auto;object-fit:contain;margin:0 0 14px;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55))}

.ammo-hud{position:fixed;right:18px;bottom:18px;z-index:25;padding:7px 11px;border:1px solid rgba(220,130,70,.5);background:rgba(3,7,8,.72);color:#e9a267;font:12px ui-monospace,Consolas,monospace;letter-spacing:.12em;pointer-events:none}

.dev-panel{position:fixed;left:16px;top:72px;z-index:60;min-width:235px;padding:10px 12px;background:rgba(2,6,7,.94);border:1px solid #d4652b;color:#b9c7c5;font:12px/1.55 ui-monospace,Consolas,monospace;letter-spacing:.04em;pointer-events:none;box-shadow:0 8px 30px #000}
.dev-panel b{color:#e88958}

/* BUILD 0033 BLACKSITE HUD */
header{min-height:68px;background:linear-gradient(180deg,rgba(13,20,22,.98),rgba(6,10,11,.94));border-bottom:1px solid rgba(216,111,52,.42);box-shadow:0 8px 28px rgba(0,0,0,.38)}
.brandHud{display:flex;flex-direction:column;gap:2px}.brandHud>b{letter-spacing:.16em}.brandHud span{font:10px/1.2 ui-monospace,Consolas,monospace;color:#849794;letter-spacing:.08em}
.instrumentCluster{display:flex;gap:12px;align-items:center;margin-left:18px}.meter{width:112px}.meter label{display:flex;justify-content:space-between;font:9px/1.2 ui-monospace,Consolas,monospace;color:#8fa29f;letter-spacing:.08em}.meter label strong{color:#d8e0de;font-weight:600}.meter>i{display:block;height:6px;margin-top:4px;background:#121a1c;border:1px solid #263436;box-shadow:inset 0 1px 4px #000;overflow:hidden}.meter>i>u{display:block;height:100%;width:100%;background:linear-gradient(90deg,#597b75,#a7c3bd);text-decoration:none;transition:width .18s}.powerMeter>i>u{background:linear-gradient(90deg,#8b512d,#df8a4d)}
.ammo-hud{position:fixed;right:22px;bottom:50px;z-index:55;display:flex;align-items:baseline;gap:5px;padding:9px 12px;background:rgba(6,10,11,.92);border:1px solid rgba(216,111,52,.52);box-shadow:0 7px 24px #000;font-family:ui-monospace,Consolas,monospace}.ammo-hud b{font-size:26px;color:#e6a06f}.ammo-hud i{font-style:normal;color:#596966}.ammo-hud span{font-size:15px;color:#a9b6b3}.ammo-hud small{font-size:8px;color:#667774;letter-spacing:.12em;margin-left:4px}
.keyHint{opacity:.52;font-size:9px;letter-spacing:.07em}
#tracker{border-color:rgba(107,151,143,.62)!important;box-shadow:inset 0 0 22px rgba(63,112,104,.16),0 0 16px rgba(0,0,0,.5)}
@media(max-width:760px){.instrumentCluster{gap:5px;margin-left:6px}.meter{width:64px}.meter label{font-size:7px}.keyHint{display:none}.ammo-hud{right:10px;bottom:42px}}

/* BUILD 0035 MULTI-DECK HUD */
.blacksiteHud{height:72px;min-height:72px;padding:0 14px;display:grid;grid-template-columns:270px 340px 1fr 42px;gap:14px;align-items:center;background:linear-gradient(180deg,#101719 0%,#070b0c 100%);border-bottom:1px solid #5a3422;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 -1px rgba(226,125,65,.12)}
.hudIdentity{min-width:0}.hudMicro{display:block;font:8px/1 ui-monospace,Consolas,monospace;letter-spacing:.24em;color:#61706e;margin-bottom:6px}
#sectionHud{display:grid;grid-template-columns:42px 1fr;gap:1px 8px;align-items:center;font-family:ui-monospace,Consolas,monospace}
#sectionHud b{grid-row:1/3;font-size:20px;color:#df8a50;letter-spacing:.04em}
#sectionHud span{font-size:10px;color:#c4cecc;letter-spacing:.1em;white-space:nowrap}
#sectionHud em{font-style:normal;font-size:8px;color:#7f918d;letter-spacing:.12em}
.hudVitals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vital{padding:7px 8px 6px;background:linear-gradient(180deg,rgba(28,40,42,.72),rgba(10,15,16,.72));border:1px solid #273436;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.vital label{display:flex;justify-content:space-between;font:8px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#70817e}.vital strong{font-size:10px;color:#c7d1cf}
.rail{height:5px;margin-top:7px;background:#050809;border:1px solid #202b2d;overflow:hidden}.rail i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#416f68,#9bc1b9);box-shadow:0 0 8px rgba(124,190,178,.3);transition:width .18s}.grid .rail i{background:linear-gradient(90deg,#814423,#e88c4f);box-shadow:0 0 8px rgba(232,140,79,.28)}
.hudMission{min-width:0;border-left:1px solid #283537;padding-left:14px}.hudMission small{display:block;font:7px/1 ui-monospace,Consolas,monospace;color:#596966;letter-spacing:.2em;margin-bottom:7px}.hudMission span{display:block;font:11px/1.2 ui-monospace,Consolas,monospace;color:#d6dedc;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pauseBtn{width:38px;height:38px;border:1px solid #39494b;background:#101718;color:#899b98}
.ammo-hud{right:18px;bottom:45px;min-width:126px;padding:8px 12px 7px;display:grid;grid-template-columns:auto 34px 8px 28px;gap:5px;align-items:end;background:linear-gradient(180deg,rgba(16,24,25,.97),rgba(5,8,9,.97));border:1px solid #5b3a27;border-left:3px solid #d7783e;box-shadow:0 10px 30px rgba(0,0,0,.58);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.ammo-hud .ammoLabel{font:7px/1 ui-monospace,Consolas,monospace;color:#667875;letter-spacing:.16em;align-self:center}.ammo-hud b{font:26px/.8 ui-monospace,Consolas,monospace;color:#f0a46f}.ammo-hud i{font-style:normal;color:#53615f}.ammo-hud .reserve{font:14px/1 ui-monospace,Consolas,monospace;color:#aab8b5}
.blacksiteFooter{height:26px;min-height:26px;background:#050809;border-top:1px solid #1d292a;font:8px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#647572}
#tracker{background:radial-gradient(circle at center,rgba(21,54,49,.55),rgba(3,9,9,.92))!important;border:1px solid #46645e!important;box-shadow:inset 0 0 30px rgba(65,137,123,.18),0 7px 24px rgba(0,0,0,.55)!important}
#deckTransition{position:absolute;inset:0;z-index:80;display:grid;place-items:center;background:rgba(2,5,6,.96);opacity:0;pointer-events:none;transition:opacity .18s}
#deckTransition.show{opacity:1}#deckTransition>div{min-width:330px;padding:24px 30px;border:1px solid #6c432c;border-left:4px solid #dc8047;background:#0b1112;box-shadow:0 20px 60px #000}
#deckTransition small{display:block;font:8px ui-monospace,Consolas,monospace;color:#657572;letter-spacing:.22em;margin-bottom:12px}#deckTransition b{display:block;font:24px ui-monospace,Consolas,monospace;color:#e4935d;letter-spacing:.08em}#deckTransition span{display:block;margin-top:6px;font:11px ui-monospace,Consolas,monospace;color:#b7c3c0;letter-spacing:.14em}
@media(max-width:900px){.blacksiteHud{grid-template-columns:190px 240px 1fr 36px;gap:7px;padding:0 7px}.hudVitals{gap:4px}.vital{padding:5px}.hudMission{padding-left:7px}#sectionHud span{font-size:8px}.hudMicro{display:none}}

/* BUILD 0036 ENDGAME + DEV QA */
#endScreen{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(22,31,32,.82),rgba(1,3,4,.985) 68%);opacity:0;pointer-events:none;transition:opacity .3s}
#endScreen.show{opacity:1;pointer-events:auto}.endCard{width:min(620px,88vw);padding:34px 38px 30px;background:linear-gradient(145deg,rgba(14,21,22,.97),rgba(5,8,9,.98));border:1px solid #44362f;border-left:4px solid #b85039;box-shadow:0 30px 90px #000;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
#endScreen.victory .endCard{border-left-color:#d78348}.endKicker{font:8px ui-monospace,Consolas,monospace;letter-spacing:.25em;color:#657471}
.endCard h1{margin:14px 0 2px;font:700 clamp(28px,5vw,52px)/1 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#d8dedc;text-shadow:0 0 28px rgba(190,52,38,.18)}
#endScreen.death .endCard h1{color:#d96c58}.endCard h2{margin:0 0 22px;font:12px ui-monospace,Consolas,monospace;letter-spacing:.22em;color:#b95645}.endCard p{font:10px/1.6 ui-monospace,Consolas,monospace;color:#788885;letter-spacing:.08em}
.endReport{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:24px 0}.endReport div{padding:12px 10px;background:#080d0e;border:1px solid #263133}.endReport small{display:block;font:7px ui-monospace,Consolas,monospace;color:#5f706d;letter-spacing:.12em}.endReport b{display:block;margin-top:6px;font:18px ui-monospace,Consolas,monospace;color:#cbd5d2}
.endActions{display:flex;gap:8px}.endActions button,.devActions button{border:1px solid #455250;background:#101718;color:#aebbb8;font:9px ui-monospace,Consolas,monospace;letter-spacing:.1em;padding:9px 12px}.endActions button:first-child{border-color:#965332;color:#e09561}
.dev-panel{pointer-events:auto;min-width:250px}.devActions{margin-top:10px;padding-top:9px;border-top:1px solid #293537}.devActions small{display:block;margin-bottom:6px;font:7px ui-monospace,Consolas,monospace;color:#687875;letter-spacing:.18em}.devActions>div{display:flex;gap:4px;margin-top:4px}.devActions button{padding:6px 8px;cursor:pointer}.devActions button:hover{border-color:#d2743e;color:#e5a070}
@media(max-width:620px){.endReport{grid-template-columns:repeat(2,1fr)}.endCard{padding:24px 22px}}

.devToggle{height:38px;padding:0 8px;border:1px solid #4b5b59;background:#0d1415;color:#7f928e;font:8px ui-monospace,Consolas,monospace;letter-spacing:.12em;cursor:pointer}
.devToggle:hover,.devOn .devToggle{border-color:#d07843;color:#e49a68}

/* BUILD 0038 DEV interaction hardening */
#devPanel{z-index:95!important;pointer-events:auto!important}
#devPanel.hidden{display:none!important}
#devPanel button{pointer-events:auto!important;position:relative;z-index:2}
.devOn #devBtn{border-color:#e0864d;color:#f0a16d;box-shadow:0 0 12px rgba(224,134,77,.2)}

/* BUILD 0040 — approved full-screen ending artwork */
#endScreen{overflow:hidden;background:#050708}
#endArtwork{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat}
#endScreen.death #endArtwork{background-image:url("../artwork/blacksite-death-by-teeth-approved.png")}
#endScreen.victory #endArtwork{background-image:url("../artwork/blacksite-evacuation-complete-approved.png")}
#endScreen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(2,5,6,.02) 0%,rgba(2,5,6,.08) 55%,rgba(2,5,6,.82) 100%)}
#endScreen .endCard{position:relative;z-index:2}

/* BUILD 0041: DEV is keyboard-only via Shift+Alt+D. */
#devPanel{z-index:95!important;pointer-events:auto!important}