@import"https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Noto+Sans+KR:wght@400;700;900&family=Rajdhani:wght@500;700&display=swap";:root{--blue:#42b8ff;--red:#ff5366;--amber:#ffc857;--ink:#080c12;--glass:rgba(7,13,20,.78)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden;background:#080c12;overscroll-behavior:none}body{color:#eef6fc;font-family:Rajdhani,Noto Sans KR,sans-serif}button{font:inherit}#app,#gameCanvas{position:fixed;inset:0;width:100%;height:100%}#gameCanvas{touch-action:none}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}#matchBar{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);height:56px;display:flex;align-items:stretch;filter:drop-shadow(0 5px 12px #0009)}.team{width:150px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 16px;font-weight:900;letter-spacing:.08em;clip-path:polygon(0 0,100% 0,88% 100%,8% 100%)}.team strong{font-size:33px;line-height:1}.team span{font-size:13px}.team.blue{background:linear-gradient(110deg,#0c3c5e,#117db4);color:#d9f4ff}.team.red{background:linear-gradient(250deg,#6b1724,#bd2e43);justify-content:flex-start;clip-path:polygon(12% 0,100% 0,92% 100%,0 100%)}#timer{width:78px;display:grid;place-items:center;z-index:2;background:#eaf2f6;color:#0b1117;font:900 24px/1 Rajdhani;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}#statusLeft{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}#healthBlock{width:200px;padding:10px 13px;border-left:4px solid #dcecf4;background:linear-gradient(90deg,#050b11e6,#050b1175)}#healthBlock>span{font:900 22px/1 sans-serif;margin-right:7px;color:#f1fbff}#healthBlock>strong{font-size:34px;line-height:1}#healthBlock>i{display:block;margin-top:6px;height:5px;background:#26333b;overflow:hidden}#healthFill{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff4e5d,#f1f8fc);transition:width .15s}#classBadge{display:flex;gap:8px;align-items:center;padding:8px 12px;background:var(--glass);border:1px solid #ffffff22}#classIcon{font-size:23px;color:var(--amber)}#classBadge div{display:flex;flex-direction:column}#classBadge strong{font-size:14px}#classBadge small{font-size:10px;color:#9db0bd;letter-spacing:.08em}#ammoBlock{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:baseline;gap:6px;padding:7px 15px;border-right:4px solid #fff;background:linear-gradient(270deg,#050b11e6,#050b116b);font-weight:900}#ammo{font-size:48px;line-height:1}#ammoBlock span{font-size:22px;color:#83939d}#reserve{font-size:21px;color:#aebcc5}#surfaceBadge{display:none}#crosshair{--gap:9px;position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);transition:opacity .12s}#crosshair i{position:absolute;background:#f5fbff;box-shadow:0 0 2px #000,0 0 5px #0008}#crosshair i:nth-child(1){width:9px;height:2px;left:calc(50% - var(--gap) - 9px);top:22px}#crosshair i:nth-child(2){width:9px;height:2px;left:calc(50% + var(--gap));top:22px}#crosshair i:nth-child(3){width:2px;height:9px;left:22px;top:calc(50% - var(--gap) - 9px)}#crosshair i:nth-child(4){width:2px;height:9px;left:22px;top:calc(50% + var(--gap))}#crosshair b{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;left:21.5px;top:21.5px}#hitmarker{position:absolute;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%) scale(.7);opacity:0;transition:opacity .08s,transform .08s}#hitmarker.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#hitmarker i{position:absolute;left:15px;top:1px;width:2px;height:30px;background:#fff;transform:rotate(45deg);box-shadow:0 0 4px #000}#hitmarker i+i{transform:rotate(-45deg)}#hitmarker.kill i{background:#ff4e5e}#killFeed{position:absolute;right:16px;top:86px;width:min(330px,46vw);display:flex;flex-direction:column;gap:4px;align-items:flex-end}.feed{padding:5px 9px;background:#04090eb8;border-left:2px solid var(--blue);font-size:12px;animation:feedIn .2s}.feed.red{border-color:var(--red)}.feed b{color:#fff}.feed .weapon{color:#95a5af;margin:0 6px}.feed .head{color:var(--amber)}@keyframes feedIn{0%{transform:translate(25px);opacity:0}}#damageFlash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,transparent 40%,rgba(225,18,42,.65));transition:opacity .15s}#objectiveHint{position:absolute;top:78px;left:50%;transform:translate(-50%);padding:4px 12px;background:#071019aa;border:1px solid #ffffff1f;color:#bfd0db;font-size:11px;letter-spacing:.12em;animation:hintFade 5s forwards}@keyframes hintFade{0%,60%{opacity:1}to{opacity:0}}#reloadBar{position:absolute;left:50%;top:58%;transform:translate(-50%);width:180px;text-align:center;font-size:11px;letter-spacing:.14em}#reloadBar i{display:block;height:4px;background:#1d2830;margin-top:5px}#reloadBar b{display:block;width:0;height:100%;background:var(--amber)}#scope{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 36%,#020304 36.5%);z-index:6;overflow:hidden}#scope:after{content:"";position:absolute;left:50%;top:50%;width:min(72vw,72vh);aspect-ratio:1;border:3px solid #101416;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #000}#scope .scope-v,#scope .scope-h{position:absolute;z-index:2;left:50%;top:50%;background:#182027;transform:translate(-50%,-50%)}#scope .scope-v{width:1px;height:min(72vw,72vh)}#scope .scope-h{height:1px;width:min(72vw,72vh)}#scope i{position:absolute;z-index:3;left:50%;top:50%;width:5px;height:5px;border:1px solid #111;border-radius:50%;transform:translate(-50%,-50%)}#weaponView{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden;perspective:900px}#viewGun{--gun:#485866;position:absolute;right:8vw;bottom:-7vh;width:32vw;min-width:280px;max-width:520px;height:34vh;transform:rotate(-5deg);transform-origin:bottom right;transition:transform .1s}#viewGun i,#viewGun b{position:absolute;display:block;background:var(--gun);box-shadow:inset 0 4px #ffffff17,0 8px 18px #0008}.barrel{right:56%;top:6%;width:47%;height:9%;clip-path:polygon(0 35%,100% 0,100% 100%,0 70%)}.body{right:5%;top:10%;width:62%;height:28%;clip-path:polygon(10% 0,100% 18%,92% 100%,0 88%)}.mag{right:31%;top:33%;width:20%;height:42%;transform:skew(9deg);clip-path:polygon(10% 0,100% 0,78% 100%,0 88%)}.stock{right:-12%;top:21%;width:31%;height:31%;clip-path:polygon(0 0,100% 18%,90% 100%,8% 75%)}#viewGun b{right:47%;top:13%;width:9%;height:12%;background:#12191f;border-radius:4px}#weaponView.firing #viewGun{transform:rotate(-6deg) translateY(2vh)}#weaponView.aiming #viewGun{right:34%;bottom:-12vh;transform:scale(.75)}#muzzleFlash{position:absolute;right:38.5%;bottom:26%;width:80px;height:80px;opacity:0;background:radial-gradient(circle,#fff 0 10%,#ffd75c 20%,#ff7d22 42%,transparent 72%);filter:blur(2px)}#muzzleFlash.show{animation:muzzle .07s}@keyframes muzzle{50%{opacity:1;transform:scale(1.4)}}#respawnPanel{position:fixed;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#160307b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-transform:uppercase}#respawnPanel p{color:#ff8794;font-size:14px;letter-spacing:.2em}#respawnPanel>strong{font-size:28px}#respawnTime{font-size:56px;color:#fff}.quick-class{display:flex;gap:7px;margin-top:14px}.quick-class button{padding:8px 13px;border:1px solid #ffffff26;background:#121a22;color:#aab8c1;border-radius:3px;cursor:pointer}.quick-class button.selected{border-color:var(--amber);color:var(--amber)}.overlay-board{position:fixed;z-index:20;left:50%;top:50%;width:min(800px,94vw);transform:translate(-50%,-50%);background:#04080ded;border:1px solid #ffffff24;box-shadow:0 30px 90px #000;pointer-events:none}.overlay-board header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #ffffff17}.overlay-board header span{letter-spacing:.16em;color:#9bb0bd}.overlay-board header strong{font-size:24px}.board-columns{display:grid;grid-template-columns:1fr 1fr}.board-columns>div{padding:13px}.board-columns h3{padding:5px 9px;background:#0e668f;color:#e8f8ff}.board-columns>div+div h3{background:#8f2032}.board-columns ol{list-style:none}.board-columns li{display:grid;grid-template-columns:1fr 30px 30px;gap:8px;padding:7px 8px;border-bottom:1px solid #ffffff10}.board-columns li.me{color:var(--amber);background:#ffc85712}.board-columns small{color:#899aa5}.overlay-board footer{text-align:center;padding:8px;color:#788994;font-size:10px;border-top:1px solid #ffffff10}.top-actions{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:6px}.top-actions button{width:38px;height:38px;border:1px solid #ffffff24;background:#081019aa;color:#fff;border-radius:3px;cursor:pointer}.panel{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:radial-gradient(circle at 50% 35%,rgba(27,48,62,.46),transparent 44%),linear-gradient(135deg,#05090e,#0c141d 55%,#121019);overflow:auto}.panel.active{display:flex}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 47%,#42b8ff0a 47% 48%,transparent 48% 52%,#ff536609 52% 53%,transparent 53%)}.logo-mark{position:relative;width:62px;height:62px;border:2px solid #d8edf9;transform:rotate(45deg);display:grid;place-items:center;margin-bottom:18px}.logo-mark span{font:38px/1 Black Ops One;transform:rotate(-45deg)}.logo-mark i{position:absolute;inset:-7px;border:1px solid #42b8ff66}.eyebrow{position:relative;color:#8ba4b3;font-size:11px;font-weight:700;letter-spacing:.24em}.panel h1{position:relative;margin:5px 0;font:clamp(42px,8vw,82px)/.9 "Black Ops One",sans-serif;letter-spacing:-.04em}.panel h1 span{display:inline-block;color:var(--red);text-shadow:4px 4px #53101a}.lead{position:relative;color:#a9bac4;font-family:Noto Sans KR;font-size:13px;margin:8px 0 22px}.class-picker{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(720px,96vw)}.class-picker button{display:flex;min-height:132px;flex-direction:column;align-items:flex-start;gap:3px;padding:15px;border:1px solid #ffffff1d;border-radius:3px;background:linear-gradient(145deg,#111a23,#080d13);color:#c9d7df;text-align:left;cursor:pointer;transition:.16s}.class-picker button:hover,.class-picker button.selected{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 9px 30px #0008,inset 0 -3px var(--amber)}.class-picker i{font-style:normal;font-size:24px;color:var(--amber)}.class-picker strong{font-family:Noto Sans KR;font-size:17px}.class-picker small{color:#8497a3}.class-picker span{margin-top:auto;color:#5f7583;font-size:11px;letter-spacing:.08em}button.primary{position:relative;margin-top:20px;min-width:190px;padding:13px 35px;border:0;border-radius:2px;background:linear-gradient(100deg,#ffb82e,#ff6f2e);color:#171008;font-size:18px;font-weight:900;letter-spacing:.08em;cursor:pointer;box-shadow:0 5px #74381b}button.primary:active{transform:translateY(3px);box-shadow:0 2px #74381b}.help{position:relative;margin-top:15px;color:#657985;font-size:11px}.glass-panel{background:#05090edb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-panel h2,.result-panel h2{font:44px Black Ops One;margin:10px}.secondary{position:relative;margin-top:10px;min-width:190px;padding:11px;border:1px solid #ffffff2d;background:#ffffff0b;color:#c9d7df;cursor:pointer}.result-panel h2{font-size:64px;color:var(--blue)}.result-score{display:flex;gap:18px;align-items:center;font-size:30px}.result-score strong{font-size:76px}.result-score strong:first-child{color:var(--blue)}.result-score strong:last-child{color:var(--red)}.result-stats{display:flex;gap:8px;margin-top:12px}.result-stats span{padding:8px 13px;background:#ffffff0b;color:#8498a4}.result-stats b{color:#fff;margin-left:5px}#touchControls{position:fixed;inset:0;z-index:9;pointer-events:none}#movePad{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:126px;height:126px;border:2px solid #ffffff25;border-radius:50%;background:#07101966;pointer-events:auto;touch-action:none}#movePad:before,#movePad:after{content:"";position:absolute;background:#ffffff14}#movePad:before{left:20%;right:20%;height:1px;top:50%}#movePad:after{top:20%;bottom:20%;width:1px;left:50%}#moveStick{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);background:#d6e6ef2d;border:2px solid #ffffff55}#lookZone{position:absolute;right:0;top:12%;bottom:0;width:58%;pointer-events:auto;touch-action:none}.touch-action{position:absolute;width:64px;height:64px;border-radius:50%;border:2px solid #ffffff35;background:#071019aa;color:#fff;font-weight:900;pointer-events:auto;touch-action:none}.touch-action small{display:block;font-size:8px}.fire{right:max(18px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:82px;height:82px;border-color:#ff6575aa;background:#6a1422bb}.aim{right:112px;bottom:83px;border-color:#6acbff99}.reload{right:105px;bottom:15px}.jump{right:22px;bottom:122px}.score{right:184px;bottom:16px;width:52px;height:52px}#webglError{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:30px;background:#080c12;color:#fff;text-align:center}@media(pointer:fine){#touchControls{display:none!important}}@media(max-width:700px){#matchBar{height:46px}.team{width:105px;padding:0 10px;gap:6px}.team span{font-size:9px}.team strong{font-size:26px}#timer{width:62px;font-size:20px}#statusLeft{bottom:158px;left:10px}#healthBlock{width:140px}#classBadge{display:none}#ammoBlock{bottom:168px;right:12px}#ammo{font-size:39px}#killFeed{top:67px}.top-actions{right:8px;top:61px}.class-picker{grid-template-columns:1fr;max-width:400px}.class-picker button{min-height:84px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto auto}.class-picker i{grid-row:1/4}.class-picker span{margin:0}.panel h1{font-size:43px}.lead{margin-bottom:10px}.help{display:none}.result-score strong{font-size:55px}}@media(max-height:600px)and (orientation:landscape){.panel{justify-content:flex-start;padding-top:13px}.logo-mark{width:38px;height:38px;margin-bottom:6px}.logo-mark span{font-size:22px}.panel h1{font-size:38px}.lead{margin:2px 0 7px}.class-picker button{min-height:95px;padding:8px}.primary{margin-top:9px!important}.help{display:none}.touch-action{width:54px;height:54px}.fire{width:68px;height:68px}.jump{bottom:91px}.aim{bottom:66px}.score,.reload{bottom:7px}#movePad{width:105px;height:105px}#statusLeft{bottom:126px}#ammoBlock{top:70px;right:max(12px,env(safe-area-inset-right));bottom:auto;transform:scale(.84);transform-origin:top right}}