@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#111820;color:#fff;font-family:DM Sans,sans-serif}canvas{display:block;width:100%;height:100%;outline:0}#hud{position:absolute;inset:0;pointer-events:none}.brand{position:absolute;top:24px;left:28px;font:800 19px Barlow Condensed,sans-serif;letter-spacing:1.8px;text-shadow:0 2px 8px #0008}.brand b{color:#f2a93b}.brand small{display:block;margin-top:3px;font:600 9px DM Sans;letter-spacing:2px;color:#c0c9cf}.brand-dot{display:inline-block;width:8px;height:8px;background:#f2a93b;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #f2a93b}.top-right{position:absolute;right:26px;top:24px;display:flex;gap:9px}.pill{padding:9px 13px;border:1px solid #ffffff35;background:#101820a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;letter-spacing:1px;font-weight:700}.pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e7b44f;margin-right:7px}.pill.online i{background:#61d69b}.mission{position:absolute;left:28px;top:105px;padding:13px 16px;border-left:3px solid #f2a93b;background:linear-gradient(90deg,#101820cc,transparent);min-width:245px}.mission small,.mini-label{display:block;font-size:9px;letter-spacing:2px;color:#f2a93b;font-weight:700}.mission strong{display:block;font:700 24px Barlow Condensed;text-transform:uppercase;margin:3px 0}.mission span{font-size:11px;color:#c5cdd2}.help{position:absolute;left:28px;bottom:28px;display:flex;flex-direction:column;gap:8px;font-size:9px;letter-spacing:1px;color:#e1e7eb;text-shadow:0 1px 4px #000}.help span{display:flex;align-items:center;gap:4px}kbd{min-width:20px;text-align:center;padding:4px 6px;background:#101820c9;border:1px solid #ffffff45;border-radius:3px;font:700 9px DM Sans;color:#fff}.toast{position:absolute;bottom:34px;left:50%;transform:translate(-50%);padding:10px 16px;background:#101820d9;border:1px solid #ffffff30;font-size:11px;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.bottom-left{position:absolute;right:28px;bottom:28px;text-align:right;text-shadow:0 2px 8px #000}.bottom-left strong{font:700 20px Barlow Condensed;letter-spacing:1px}.bottom-right{position:absolute;right:28px;top:72px;font-size:8px;letter-spacing:1.4px;color:#d2d9dd;text-shadow:0 1px 5px #000}.bottom-right span{color:#f2a93b;margin:0 5px}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff9;text-shadow:0 1px 5px #000;pointer-events:none}#start-screen{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#09131de0,#09131d88 55%,#09131d66)}.start-card{width:min(430px,calc(100vw - 40px));padding:34px;background:#101a22ef;border:1px solid #ffffff26;box-shadow:0 25px 90px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{font-size:9px;letter-spacing:2px;color:#f2a93b;font-weight:700}.start-card h1{font:900 clamp(48px,8vw,72px)/.86 "Barlow Condensed";letter-spacing:-1px;margin:18px 0}.start-card h1 em{font-style:normal;color:#f2a93b}.start-card p{font-size:12px;line-height:1.7;color:#c5ced4;max-width:320px;margin-bottom:24px}.start-card label{display:block;font-size:9px;letter-spacing:1.6px;margin-bottom:7px;color:#f2a93b;font-weight:700}.start-card input{width:100%;padding:13px;background:#071018;border:1px solid #ffffff35;color:#fff;font:500 13px DM Sans;outline:none}.start-card input:focus{border-color:#f2a93b}.start-card button{margin-top:12px;width:100%;padding:15px;background:#f2a93b;border:0;color:#15191c;font:800 14px Barlow Condensed;letter-spacing:1.5px;cursor:pointer}.start-card button span{float:right;font-size:18px;line-height:12px}.start-card>small{display:block;margin-top:14px;color:#8e9ba3;font-size:9px;line-height:1.5}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#111820;z-index:5;font:700 12px DM Sans;letter-spacing:2px}#loading span{font-size:10px;color:#8d9aa3;letter-spacing:0}.loader{width:28px;height:28px;border:2px solid #ffffff30;border-top-color:#f2a93b;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.brand{top:14px;left:14px;font-size:16px}.top-right{top:14px;right:14px}.pill{padding:7px 8px;font-size:8px}.mission{left:14px;top:75px}.help{left:14px;bottom:14px;gap:6px}.bottom-left{right:14px;bottom:14px}.bottom-right{display:none}.start-card{padding:25px}}