@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#ecede5;background:#101716;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #dcf48a;outline-offset:4px}#app{position:relative;height:100svh;min-height:780px;overflow:hidden}#scene,.vignette{position:absolute;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(7,15,14,.5),transparent 60%),linear-gradient(0deg,#101716 1%,transparent 42%,rgba(9,17,16,.38));box-shadow:inset 0 0 180px #08101080}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:29px 42px;border-bottom:1px solid #ffffff15}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:31px}.brand>span{font-weight:700;font-size:22px;letter-spacing:4px}.brand-dot{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:5px}.header-center,.small-button,.eyebrow,.range-label,.weapon-info p,.spec,.scene-hint,.live,.transport label,footer{font-size:10px;letter-spacing:1.6px}.header-center{color:#a3aaa1}.header-center span{margin:0 18px;color:#5d6860}.small-button{border:1px solid #ffffff30;background:#18211e80;color:#c9cec4;padding:11px 14px}.small-button span{margin-left:16px;color:#d9ef90}.intro{position:absolute;top:145px;left:5.4%}.eyebrow{color:#a8b09f;font-weight:600}.eyebrow i,.live i{display:inline-block;background:#d6ed90;width:5px;height:5px;border-radius:50%;margin-right:8px}h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;text-transform:uppercase;font-size:clamp(48px,5.1vw,80px);font-weight:600;letter-spacing:-1px;line-height:.98;margin:22px 0}p{color:#9ba69c;font-size:12px;line-height:1.8}.range-label{position:absolute;left:50%;top:120px;transform:translate(-50%);color:#a6b5a2;font-size:9px}.range-label span{margin:0 13px;color:#d8ed95}.weapon-info{position:absolute;right:42px;top:155px;width:168px}.weapon-info h2{font-size:27px;font-weight:500;margin:14px 0 3px}.weapon-info p{font-size:8px;letter-spacing:1.3px;margin:0 0 24px}.spec{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding:10px 0;font-size:8px;color:#8d9c90}.spec b{font-weight:500;color:#d9ded1}#crosshair{position:absolute;top:42%;left:50%;width:15px;height:15px;pointer-events:none}#crosshair span{position:absolute;background:#e2e9cb90}#crosshair span:first-child{width:1px;height:15px;left:7px}#crosshair span:last-child{height:1px;width:15px;top:7px}#hit{position:absolute;top:calc(42% - 10px);left:calc(50% - 5px);font-size:35px;color:#dced90;opacity:0;pointer-events:none}.scene-hint{position:absolute;bottom:282px;left:50%;transform:translate(-50%);color:#919e91;font-size:8px;white-space:nowrap}.key{border:1px solid #7e8b6c50;border-radius:3px;padding:3px 5px;font-size:8px}.separator{margin:0 14px;color:#536255}.console{position:absolute;bottom:61px;left:5.4%;right:5.4%;background:#19211dde;border:1px solid #8f9c762d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;overflow:hidden}.console-top{padding:18px 21px 15px;display:flex;justify-content:space-between}.console-top .eyebrow,.live{font-size:9px}.live{color:#cbd6b5;letter-spacing:1px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 15px 15px}.mode{display:flex;text-align:left;align-items:center;gap:15px;background:#222b2480;border:1px solid #84937725;border-radius:4px;padding:17px 15px;color:#c3cbbb;transition:.2s}.mode:hover{background:#34412b}.mode.selected{border-color:#d7ed8b;background:#cbe18c0e}.number{font-size:10px;align-self:flex-start;margin-top:3px;color:#849379}.selected .number,.selected .mode-icon{color:#d8ee8e}.mode strong{font-size:13px;font-weight:500;display:block}.mode small{display:block;font-size:10px;color:#8b9989;margin-top:7px}.mode-icon{margin-left:auto;font-size:25px;color:#74836c}.transport{display:flex;align-items:center;gap:12px;border-top:1px solid #8f9c7625;padding:14px 20px}.primary,.secondary{padding:12px 16px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:1px}.primary{border:1px solid #d9ef91;background:#d9ef91;color:#26331e;display:flex;align-items:center;gap:12px}.secondary{border:1px solid #83917540;background:transparent;color:#c5cfbb}.primary:disabled{opacity:.65;cursor:wait}kbd{font:inherit;font-size:8px;opacity:.55;margin-left:15px;border:1px solid currentColor;border-radius:2px;padding:2px 4px}.speed-control{margin-left:15px;display:flex;align-items:center;gap:12px}.transport label{color:#869780;font-size:8px}select{background:#222e25;border:1px solid #82927830;color:#d3debd;padding:7px;font-size:10px;border-radius:3px}.ammo{margin-left:auto;display:flex;align-items:center;gap:18px}.ammo>b{font-weight:400;font-size:27px}.ammo small{font-size:13px;color:#7d8d76}#bullets{display:flex;gap:5px}#bullets i{width:6px;height:21px;background:#d5e998;border-radius:3px 3px 0 0;border-bottom:3px solid #a9bb76}#bullets i.empty{background:#344230;border-color:#46563e}.timeline{height:2px;background:#293524}#progress{height:100%;width:0;background:#d9ef91}footer{position:absolute;bottom:23px;left:5.4%;right:5.4%;display:flex;justify-content:space-between;color:#71836f;font-size:8px}#error{position:absolute;inset:40%;background:#16221a;padding:24px;z-index:5}@media(max-width:760px){#app{min-height:850px}header{padding:22px}.header-center,.weapon-info{display:none}.intro{top:115px;left:24px}h1{font-size:55px}.intro p{font-size:11px}.range-label{left:auto;right:24px;top:120px;transform:none;font-size:7px}.console{left:16px;right:16px;bottom:55px}.modes{gap:6px;padding:0 9px 10px}.mode{padding:12px 9px;display:block;min-height:100px}.mode strong{font-size:11px;margin-top:9px}.mode small{font-size:8px;line-height:1.4}.mode-icon{display:none}.transport{padding:12px 10px;gap:8px;flex-wrap:wrap}.primary,.secondary{padding:11px 9px;font-size:9px}kbd{display:none}.speed-control{margin-left:0;gap:5px}.transport label{display:none}.ammo{gap:9px}.ammo>b{font-size:20px}#bullets{gap:3px}#bullets i{width:4px;height:16px}.console-top{padding:14px 12px}.console-top .eyebrow,.live{font-size:7px}footer{left:18px;right:18px}footer>span:nth-child(2){display:none}.scene-hint{bottom:300px;font-size:7px}}