@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#eef1e8;background:#101918;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;padding:30px 38px}.top{display:flex;justify-content:space-between;align-items:flex-start}.brand{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:28px;letter-spacing:4px}.brand span{color:#d5f36b}.sub{font-size:10px;letter-spacing:3px;color:#bec7ba;margin-top:7px}.match{display:flex;gap:30px;align-items:center;background:#10201ac9;border:1px solid #c7d6bb30;padding:12px 24px}.match label,.stat label{display:block;font-size:9px;letter-spacing:2px;color:#b6c4b5;margin-bottom:4px}.match b{font-family:Barlow Condensed;font-size:25px}.lime{color:#d5f36b}.right{text-align:right;font-size:11px;line-height:2;letter-spacing:2px}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#efffd5;box-shadow:0 0 2px #000}#crosshair:before{width:18px;height:2px;top:8px}#crosshair:after{width:2px;height:18px;left:8px}#crosshair.hit:before,#crosshair.hit:after{background:#ecfc78;transform:rotate(45deg)}.bottom{position:absolute;bottom:30px;left:38px;right:38px;display:flex;align-items:flex-end;justify-content:space-between}.stats{display:flex;gap:35px}.stat b{font-family:Barlow Condensed;font-size:46px;font-weight:600}.stat small{font-size:16px;color:#bbc8b5}.bar{width:140px;height:3px;background:#ffffff25;margin-top:8px}.bar i{display:block;height:100%;background:#d5f36b}#weapon{text-align:right}#weapon .name{font-size:10px;letter-spacing:3px;color:#c5cfba}#ammo{font-family:Barlow Condensed;font-size:58px}#ammo small{font-size:25px;color:#bdc4b7}.keys{font-size:10px;letter-spacing:1px;color:#d3d8ca;background:#10201a90;padding:9px 14px}#feed{position:absolute;right:38px;top:133px;display:grid;gap:7px}.feeditem{font-size:11px;padding:9px 14px;background:#15201ace;border-right:2px solid #d5f36b}#message{position:absolute;top:64%;width:100%;left:0;text-align:center;font-size:12px;letter-spacing:3px;color:#e7f69e}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #e84030;opacity:0}#overlay{position:fixed;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#091714ed,#091714c9 37%,#09171420 75%);padding:8vw}#overlay.hidden{display:none}.panel{max-width:610px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:4px;color:#d5f36b}.eyebrow:before{content:"";width:32px;height:2px;background:#d5f36b}h1{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:clamp(70px,10vw,140px);line-height:.86;letter-spacing:-2px;margin:26px 0}h1 span{display:block;color:#d5f36b}.intro{font-size:13px;line-height:2;color:#c2cbbd;max-width:410px}.brief{display:flex;gap:35px;margin:30px 0;border-top:1px solid #cfdfbf30;padding-top:20px}.brief label{font-size:9px;color:#8f9f91;letter-spacing:2px;display:block;margin-bottom:7px}.brief b{font-size:13px;font-weight:500}button{border:0;background:#d5f36b;color:#172414;font-family:inherit;font-size:13px;font-weight:700;padding:19px 27px;cursor:pointer;min-width:230px;text-align:left}button span{float:right;margin-left:50px}button:hover{background:#e4ff88}.hint{font-size:10px;color:#9da993;margin-top:17px;line-height:1.8}.corner{position:absolute;right:38px;bottom:35px;font-family:Barlow Condensed;font-size:15px;letter-spacing:3px;color:#ced8c0}.maplabel{position:absolute;right:38px;top:36%;writing-mode:vertical-rl;font-size:10px;letter-spacing:5px;color:#e4edd580}#radar{position:absolute;top:123px;left:38px;width:144px;height:144px;border:1px solid #bdcda740;background:#102019bd}#radar canvas{width:100%;height:100%}.radarlabel{font-size:9px;letter-spacing:2px;margin-top:7px;color:#c4d1b3}@media(max-width:700px){#hud{padding:18px}.right,.keys,.maplabel{display:none}.match{gap:12px;padding:8px 12px}.bottom{left:18px;right:18px}.brand{font-size:20px}#radar{left:18px;top:100px;width:110px;height:110px}.brief{gap:20px}}body:has(#overlay:not(.hidden)) #hud{visibility:hidden}.map-picker{margin:18px 0 20px;max-width:420px}.map-picker label{display:block;font-size:10px;letter-spacing:2px;color:#d5f36b;margin-bottom:8px}.map-picker select{width:100%;background:#203229;color:#edf3e4;border:1px solid #8b9d7766;padding:12px;font:inherit;font-size:13px}.map-picker p{font-size:11px;color:#b3c4aa;margin:9px 0}button:disabled{opacity:.55;cursor:wait}#overlay{overflow-y:auto}#overlay h1{font-size:clamp(60px,8vw,112px);margin:20px 0}.brief{margin:20px 0;padding-top:14px}@media(max-height:760px){#overlay{padding-top:28px;padding-bottom:28px}.hint{margin-top:10px}.intro{line-height:1.6}#overlay h1{font-size:70px}.corner{display:none}}@media(max-width:700px){#overlay{padding:8vw}.intro{font-size:12px}.corner{font-size:11px;right:20px;bottom:15px}.hint{max-width:340px}.brand{letter-spacing:2px}.sub{font-size:8px;letter-spacing:1px}.match{gap:12px}.match b{font-size:22px}.stat b{font-size:36px}.stats{gap:20px}}#loadout{position:absolute;bottom:130px;right:38px;display:flex;gap:7px;flex-wrap:wrap;max-width:600px;justify-content:flex-end}#loadout span{background:#14221ee6;color:#a2b29d;font-size:10px;padding:8px;border:1px solid #53634b}#loadout .selected{color:#e0fa94;border-color:#d5f36b}#scope{display:none;position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0 29vh,#050808 30vh);z-index:3}#scope.active{display:block}#scope i,#scope b{position:absolute;background:#111;left:50%;top:50%;transform:translate(-50%,-50%)}#scope i{width:60vh;height:1px}#scope b{width:1px;height:60vh}#scope span{position:absolute;left:50%;top:67%;transform:translate(-50%);font-size:10px;color:#f0f3d9}#smoke-screen{position:fixed;inset:0;background:#aeb9b3;pointer-events:none;opacity:0;transition:opacity .25s;z-index:4}body:has(#scope.active) #crosshair{visibility:hidden}@media(max-width:700px){#loadout{right:15px;bottom:120px;max-width:340px}}#leaderboard{margin-top:20px;padding:14px;background:#13261ded;border:1px solid #536646;max-width:520px;font-size:12px}#leaderboard summary{cursor:pointer;color:#d5f36b}#leaderboard p{line-height:1.6;color:#afc0a6}#leaderboard button{min-width:0;padding:9px 12px;font-size:11px}#leaderboard input{max-width:160px;padding:8px;color:#fff;background:#26362b;border:1px solid #6b7e61}.score-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}#leaderboard li{padding:5px 0}#overlay{align-items:flex-start}.panel{margin:auto 0}