*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#b8c3bc;color:#ebece4;font-family:Arial,"Malgun Gothic",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #e6ad70;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,24,27,.97) 0%,rgba(12,24,27,.87) 31%,rgba(12,24,27,.08) 71%,rgba(12,24,27,.1));pointer-events:none;transition:opacity .5s}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #0a191b2d}#brand{position:absolute;top:30px;left:40px;display:flex;gap:10px;align-items:center;z-index:2}#brand strong{letter-spacing:3px;font-size:17px}.brand-mark{background:#ee8b4b;color:#12272a;padding:2px 6px;font-size:24px;font-weight:900}.brand-sub{margin-left:12px;padding-left:20px;border-left:1px solid #7f92934d;font-size:9px;letter-spacing:2px;color:#9caeaa}.screen{position:absolute;top:50%;left:7%;transform:translateY(-46%);width:540px;max-width:52%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#acbcb4}.status-dot{display:inline-block;width:5px;height:5px;background:#ef9255;border-radius:50%;margin:0 8px 2px 0}h1{font-size:clamp(52px,6.6vw,105px);line-height:.94;letter-spacing:-5px;margin:23px 0 22px;font-weight:900}h1 em{font-style:normal;color:#ed9457}.intro{font-size:22px;line-height:1.55;letter-spacing:-.8px;margin:18px 0 12px}.intro strong{font-weight:700}.summary{font-size:12px;line-height:1.9;color:#aab9b3;margin:0 0 25px}.difficulty{display:flex;align-items:center;gap:5px;margin-bottom:13px}.difficulty>span{font-size:10px;color:#a6b8b0;margin-right:12px}.difficulty button{background:none;border:1px solid #8c9f942f;color:#a8b8b0;padding:7px 15px;font-size:11px}.difficulty button.selected{border-color:#d08d57;color:#f0ae76;background:#dc905017}.primary{display:flex;width:100%;max-width:350px;align-items:center;justify-content:space-between;border:0;background:#ed9457;color:#182a2a;padding:17px 22px;font-size:15px;font-weight:700;letter-spacing:.3px;text-align:left;transition:background .2s}.primary:hover{background:#ffb77f}.primary b{font-size:25px;font-weight:400;line-height:15px}.menu-links{display:flex;gap:22px;margin-top:20px}.menu-links button,.text-button{border:0;background:none;color:#9dadA7;font-size:11px;padding:5px 0}.menu-links button:hover,.text-button:hover{color:white}#location{position:absolute;right:5%;bottom:13%;text-align:right}#location strong{display:block;font-size:36px;letter-spacing:-1.5px;margin:12px 0 6px;color:#f6f5e9;text-shadow:0 2px 20px #1a2d2b70}#location>span{font-size:12px;color:#dae2d9}#location small{font-size:8px;letter-spacing:1.8px;color:#e5e8d8}.map-line{height:2px;width:100px;margin:20px 0 14px auto;background:#ef9355}#menu-footer{position:absolute;bottom:22px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#aab8ac}.playing #menu-footer,.playing #location,.playing #brand{display:none}.playing #shade{opacity:0}#hud{position:absolute;inset:0;pointer-events:none}#round-top{position:absolute;top:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px}.team{display:flex;gap:6px}.team i{display:inline-block;width:19px;height:26px;background:#69a9ad;border-bottom:3px solid #a0e1df;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.team.red i{background:#c16e49;border-color:#f9a067}.team i.dead{opacity:.2}.score{min-width:100px;text-align:center;font-size:25px;font-weight:700}.score i{font-style:normal;color:#b5c4b6;font-size:15px;padding:0 16px}.score small{display:block;font-weight:400;font-size:8px;letter-spacing:2px;margin-top:7px}#clock{position:absolute;top:91px;left:50%;transform:translateX(-50%);font-size:18px;letter-spacing:2px}#compass{position:absolute;top:124px;left:50%;transform:translateX(-50%);font-size:9px;color:#b5c8bf;letter-spacing:4px}#objective{position:absolute;left:34px;top:32px;display:grid;gap:8px;text-shadow:0 2px 10px #071b1bcc}#objective strong{font-size:17px;font-weight:600}#objective small{font-size:11px;color:#c2d0c8}#killfeed{position:absolute;right:28px;top:34px;text-align:right;font-size:11px}#killfeed>div{margin-bottom:5px;background:#112625bb;padding:8px 12px;border-right:2px solid #ed9457}#killfeed .blue-text{color:#8ed8d5}#killfeed .red-text{color:#f3ab78}#crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#f5f4df;box-shadow:0 0 2px #122b26;width:2px;height:6px}#crosshair i:nth-child(1){left:14px;top:0}#crosshair i:nth-child(2){left:14px;bottom:0}#crosshair i:nth-child(3){left:0;top:14px;transform:rotate(90deg)}#crosshair i:nth-child(4){right:0;top:14px;transform:rotate(90deg)}#crosshair b{position:absolute;top:14px;left:14px;width:2px;height:2px;background:#fff}#crosshair.aiming i{opacity:.25}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);color:#fff1ce;font-size:40px;font-weight:100;opacity:0;text-shadow:0 0 5px #50382a}#toast{position:absolute;top:25%;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:2px;color:#f3e8cf;text-shadow:0 2px 12px #122523;transition:opacity .2s;text-align:center}#interact{position:absolute;top:57%;left:50%;transform:translateX(-50%);font-size:11px;color:#f4d0a9;text-align:center}#health{position:absolute;left:34px;bottom:61px;display:flex;align-items:center;gap:13px;text-shadow:0 2px 8px #193430}#health>span{font-size:25px;color:#ed9457;font-weight:700}#hp{font-size:42px;letter-spacing:-2px}#health>div{width:90px}#health b{font-size:9px;font-weight:400;color:#cad5cc;letter-spacing:1px}#health i{display:block;height:3px;background:#102b2855;margin-top:7px}#hp-bar{display:block;height:100%;background:#ed9457;transition:width .2s}#ammo{position:absolute;right:34px;bottom:56px;text-align:right;text-shadow:0 1px 7px #122b28}#ammo small{font-size:11px;letter-spacing:1px}#ammo>div{display:flex;justify-content:flex-end;align-items:baseline;gap:12px}#mag{font-size:49px;letter-spacing:-2px}#ammo>div>span{font-size:14px;color:#cad5c9}#ammo>div b{font-weight:400}#ammo p{font-size:10px;margin:2px 0}#ammo p>i{display:inline-block;width:1px;height:10px;background:#a3b6aa;margin:0 10px}kbd{font-family:inherit;font-size:9px;border:1px solid #aebeb54d;border-bottom-width:2px;padding:2px 5px;border-radius:2px;color:#dfe4d7;background:#122b2526}#quick-controls{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);display:flex;gap:18px;white-space:nowrap;font-size:9px;color:#c6d3c8;text-shadow:0 1px 5px #152d28}#quick-controls kbd{margin-right:4px}#reload{position:absolute;left:50%;top:62%;transform:translateX(-50%);display:none;font-size:10px;text-align:center}#reload i{display:block;width:110px;height:3px;background:#e6eed738;margin-top:10px}#reload b{display:block;width:0;height:3px;background:#efaa73}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px 20px #d64c28;opacity:0;z-index:3}#ally-labels{position:absolute;inset:0}#ally-labels span{position:absolute;font-size:9px;color:#adf5f2;text-shadow:0 1px 5px #132f31;transform:translate(-50%,-100%)}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1f24a8;backdrop-filter:blur(7px);z-index:5}.panel{width:390px;max-width:90%;max-height:92%;overflow:auto;background:#182c2deF;border:1px solid #94ab9b35;padding:34px;box-shadow:0 30px 100px #00121566}.panel.wide{width:660px}.panel h2{font-size:28px;line-height:1.3;letter-spacing:-1.3px;margin:18px 0 13px}.panel>p{font-size:12px;color:#b7c8bf;line-height:1.9;margin-bottom:25px}.panel .primary{max-width:none;margin-top:25px}.secondary{background:#b4c6ba12;border:1px solid #b4c6ba3d;color:#d6e1d5;font-size:12px;padding:12px 18px;margin-top:12px;width:100%;text-align:left}.secondary:hover{background:#b4c6ba22}.panel .text-button{display:block;margin:18px auto 0}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.control-grid p{font-size:11px;line-height:2;color:#cbd7ce;margin:7px 0}.control-grid kbd{color:#edb787}.panel .hint{font-size:11px;background:#afc4b70a;padding:16px;border-left:2px solid #e49a61;margin:20px 0 0}.panel label{display:block;margin-top:23px;font-size:12px;color:#c6d6cb}.panel output{float:right;color:#edac76}input[type=range]{width:100%;margin:15px 0 0;accent-color:#ed9457}input[type=checkbox]{accent-color:#ed9457;float:right}.credit-copy{font-size:10px;color:#8eaaa1;line-height:1.7;overflow-wrap:anywhere}.result-panel{text-align:center}.result-panel .primary{text-align:left}.result-score{display:flex;align-items:center;justify-content:center;gap:25px;padding:20px 0;border-top:1px solid #8aa79d2f;border-bottom:1px solid #8aa79d2f}.result-score>b{font-size:48px;color:#8ed4cf}.result-score>b:last-child{color:#f2aa78}.result-score>span{font-size:8px;letter-spacing:1px;color:#a3b7ac}#result-stats{font-size:11px;color:#c8d4c9;margin:20px 0;line-height:2}body.shot #hud,body.shot #brand,body.shot #menu,body.shot #location,body.shot #menu-footer,body.shot #shade{display:none!important}@media(max-height:720px){#brand{top:20px}.screen{transform:translateY(-44%)}h1{font-size:66px;margin:18px 0}.intro{font-size:19px;margin-top:12px}.summary{margin-bottom:17px;font-size:11px}.primary{padding:13px 19px}.menu-links{margin-top:12px}.difficulty{margin-bottom:10px}.panel{padding:25px}.panel h2{font-size:25px}}@media(max-width:1050px){.brand-sub{display:none}.screen{left:5%}h1{font-size:64px}#location{right:4%}#quick-controls{gap:10px;font-size:8px}#quick-controls span:nth-child(3){display:none}#health{left:22px}#ammo{right:22px}}@media(max-height:560px){.screen{top:52%;width:460px}h1{font-size:48px;letter-spacing:-2px;margin:14px 0}.intro{font-size:16px;margin:10px 0}.summary{font-size:10px;margin-bottom:12px}.eyebrow{font-size:8px}.menu-links{margin-top:8px}.difficulty button{padding:5px 12px}#menu-footer{bottom:12px}#brand{top:15px;left:25px}#round-top{top:12px}#clock{top:75px}#compass{top:102px}.panel h2{margin-top:12px}.panel>p{margin-bottom:12px}#location strong{font-size:29px}}