@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;600;700&family=Rajdhani:wght@500;600;700&display=swap');
:root{--ink:#f7f0e4;--muted:#9eaaa9;--red:#f05245;--gold:#e9bb63;--teal:#55d1c2;--panel:rgba(12,23,26,.86)}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#091315;color:var(--ink);font-family:'Changa',sans-serif;user-select:none}#game{display:block;width:100vw;height:100vh;cursor:crosshair}.hud{position:fixed;inset:0;pointer-events:none;padding:16px 24px;display:flex;flex-direction:column;justify-content:space-between}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;direction:ltr}.brand,.mission,.weapon,.reminder,.creator{direction:rtl}.brand h1{margin:0;font-size:clamp(24px,3vw,42px);letter-spacing:1px;line-height:1;text-shadow:3px 3px 0 #132225}.brand p{margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:2px}.top-right{display:flex;align-items:flex-start;gap:10px}.mission{background:var(--panel);border-right:3px solid var(--gold);padding:10px 14px;min-width:225px;box-shadow:0 8px 30px #07101266}.mission small{color:var(--gold);font-size:11px;letter-spacing:1px}.mission strong{display:block;font-size:15px;margin-top:2px}.progress{height:5px;margin-top:7px;background:#27383a;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.reminder{position:fixed;top:10px;left:50%;transform:translateX(-50%);color:#f1ce7b;background:#152629cc;padding:4px 18px;border-bottom:1px solid #806a3c;letter-spacing:.5px;font-size:12px;white-space:nowrap}.creator{position:fixed;top:70px;left:50%;transform:translateX(-50%);color:#97aaa5;font-size:10px;letter-spacing:1px}.bottom{display:flex;align-items:flex-end;justify-content:space-between;direction:ltr;gap:16px}.stats,.weapon{direction:rtl}.stats{display:flex;gap:9px;align-items:flex-end}.stat{background:var(--panel);padding:9px 13px;min-width:140px;border-bottom:2px solid var(--teal)}.stat label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.bar{height:8px;background:#29383a;margin-top:5px;overflow:hidden}.bar i{display:block;height:100%;transition:width .25s}.health{background:var(--red);width:100%}.armor{background:var(--teal);width:100%}.weapon{display:flex;align-items:center;gap:12px;background:var(--panel);padding:10px 14px;border-bottom:2px solid var(--red)}.weapon .icon{font-size:38px;line-height:1;filter:drop-shadow(3px 3px 0 #071012)}.ammo{font-family:'Rajdhani',sans-serif;font-size:40px;line-height:.85;font-weight:700}.ammo span{color:var(--muted);font-size:16px}.reload{pointer-events:auto;border:1px solid #ac8643;background:#263537;color:#f5d481;padding:8px 13px;font:700 13px 'Changa',sans-serif;cursor:pointer}.reload:hover{background:#385053}.reload.loading{color:#fff;background:var(--red)}.boss-bar{position:fixed;left:50%;top:88px;transform:translateX(-50%);width:min(390px,60vw);background:#1a2527e8;padding:7px 12px;text-align:center;display:none}.boss-bar.visible{display:block}.boss-bar label{display:block;color:#f39b68;font-size:11px}.boss-bar i{display:block;height:7px;background:#eb634c;width:100%;transition:width .2s}.hint{position:fixed;left:50%;bottom:17px;transform:translateX(-50%);color:#b9c1bd;font-size:10px;opacity:.82;pointer-events:none}.overlay{position:fixed;inset:0;background:rgba(5,13,15,.76);display:flex;align-items:center;justify-content:center;z-index:5;backdrop-filter:blur(5px)}.modal{width:min(540px,calc(100% - 34px));padding:34px 40px;background:#17272a;border:1px solid #46605e;box-shadow:12px 12px 0 #0b1517;text-align:center}.modal .eyebrow{color:var(--gold);letter-spacing:3px;font-size:12px}.modal h2{font-size:40px;margin:8px 0 12px;line-height:1.2}.modal p{margin:0 auto 22px;color:#b7c1bd;line-height:2;font-size:14px}.modal button{pointer-events:auto;border:0;background:var(--red);color:white;padding:12px 30px;font:700 16px 'Changa',sans-serif;cursor:pointer;box-shadow:5px 5px 0 #8d302c}.hidden{display:none}@media(max-width:650px){.hud{padding:12px}.mission{min-width:170px;padding:7px 9px}.brand p{display:none}.top-right{gap:5px}.stats{gap:5px}.stat{min-width:102px;padding:7px}.weapon{padding:7px 9px}.weapon .icon{font-size:28px}.ammo{font-size:31px}.reload{padding:6px 8px}.reminder{top:5px;font-size:10px}.creator{top:54px}.hint{bottom:6px;font-size:8px}}