*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101b20;color:#e7dfc7;font:13px Consolas,monospace}canvas{display:block;width:100%;height:100%}#top,#bottom,#hint,#crosshair,#hit,#damage,#gate,#help{position:fixed;pointer-events:none}#top{top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;text-shadow:0 2px 5px #000}#mode{color:#f4b450}#objective{opacity:.7}#kills{font-size:20px;letter-spacing:0}#bottom{bottom:54px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;text-shadow:0 2px 4px #000}#health{width:150px;position:relative}#health span{font-size:10px;letter-spacing:2px}#health b{float:right;font-size:24px}#health i{display:block;clear:both;width:100%;height:3px;background:#f6b154;margin-top:10px}#weapon{text-align:right;line-height:1.5;font-size:11px;letter-spacing:1px}#weapon b{font-size:36px;font-weight:normal;letter-spacing:0}#weapon small{font-size:14px;opacity:.6}#message{color:#ffc86d;letter-spacing:1px;min-height:20px}#hint{bottom:19px;width:100%;text-align:center;font-size:11px;color:#c9c9ba;opacity:.75}#crosshair{left:50%;top:50%;width:18px;height:18px;margin:-9px;border:1px solid #ddd9aa55;border-radius:50%}#crosshair i{display:block;background:#fff7cd;width:3px;height:3px;position:absolute;left:7px;top:7px}#crosshair b{position:absolute;inset:-5px;border:2px solid #fcbb52;transform:rotate(45deg);opacity:0}#hit{inset:0;box-shadow:inset 0 0 110px #fd8b2330;opacity:0}#damage{inset:0;box-shadow:inset 0 0 180px 30px #a52413aa;opacity:0}#gate{inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(transparent,#080f1666);gap:14px}#gate button{pointer-events:auto;border:1px solid #eadbbc55;background:#17252ce6;color:#f1e8cf;padding:17px 30px;font:15px Consolas,monospace;cursor:pointer;backdrop-filter:blur(10px)}#gate div{font-size:11px;opacity:.7}#help{inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#10212bf2;padding:26px;line-height:2.2;border:1px solid #f9c06955}#gate[hidden],#help[hidden]{display:none}
#upgrades{position:fixed;top:58px;right:30px;pointer-events:none;color:#efc67f;font-size:11px;text-shadow:0 2px 4px #000;opacity:.85}

#interact{position:fixed;top:60%;left:50%;transform:translateX(-50%);pointer-events:none;font-size:12px;color:#ffdda0;text-shadow:0 2px 5px #000;letter-spacing:1px}
#boost{position:fixed;bottom:111px;left:30px;width:150px;pointer-events:none;color:#9ac8ca;font-size:10px;letter-spacing:1.5px}#boost div{height:3px;background:#9ac8ca30;margin-top:8px}#boost i{display:block;height:100%;background:#80d9e8;transform-origin:left}#boost.active{color:#defcff}#boost[hidden],.marker[hidden]{display:none}.marker{position:fixed;transform:translate(-50%,-100%);pointer-events:none;color:#ffcc83;font-size:11px;letter-spacing:1px;text-shadow:0 1px 4px #000;padding:5px;background:#101b2066}
#gate #save-now{padding:8px 18px;font-size:12px;margin-top:12px}#save-status{max-width:560px;text-align:center;line-height:1.6;padding:0 20px}