html,body{background:#9fd3ef;height:100%;margin:0;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;overflow:hidden}canvas{display:block}#hurt{pointer-events:none;opacity:0;background:radial-gradient(#c8000000 45%,#c80000bf 100%);position:fixed;inset:0}#blood{pointer-events:none;opacity:0;width:100%;height:100%;position:fixed;inset:0}#lowhp{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 110px 34px #dc0000e6}#lowhp.on{animation:1s ease-in-out infinite lowhp}@keyframes lowhp{0%,to{opacity:.2}50%{opacity:.95}}#hp{pointer-events:none;color:#fff;text-shadow:0 1px 3px #000c;width:230px;position:fixed;top:12px;left:12px}#hp .bar{background:#00000073;border:1px solid #ffffffbf;border-radius:4px;height:16px;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000080}#hp .lag{background:#ffd27a;transition:width .6s .25s;position:absolute;inset:0 auto 0 0}#hp .fill{background:linear-gradient(#6fe07a,#2fa845);transition:width .12s,background .3s;position:absolute;inset:0 auto 0 0}#hp .fill.mid{background:linear-gradient(#ffd25a,#e0a020)}#hp .fill.low{background:linear-gradient(#ff7a6a,#d2342a)}#hp .txt{text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:16px;position:absolute;inset:0}#hp .shield{background:#00000073;border:1px solid #a0d2ffd9;border-radius:4px;height:10px;margin-top:3px;position:relative;overflow:hidden}#hp .sfill{background:linear-gradient(#9fd8ff,#2f86e0);transition:width .12s;position:absolute;inset:0 auto 0 0}#hp .stxt{text-align:center;font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;line-height:10px;position:absolute;inset:0}#turhp{pointer-events:none;color:#fff;text-shadow:0 1px 3px #000c;text-align:right;width:230px;position:fixed;top:168px;right:12px}#turhp .bar{background:#00000073;border:1px solid #ffffffbf;border-radius:4px;height:16px;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000080}#turhp .fill{background:linear-gradient(#c9d27a,#7f8f3a);transition:width .12s;position:absolute;inset:0 0 0 auto}#turhp .fill.low{background:linear-gradient(#ff7a6a,#d2342a)}#turhp .txt{text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:16px;position:absolute;inset:0}#turhp .lbl{letter-spacing:1px;color:#c9d27a;margin-bottom:2px;font-size:11px;font-weight:700}#hp .lbl{letter-spacing:1px;color:#ffd27a;margin-bottom:2px;font-size:11px;font-weight:700}#hitmark{pointer-events:none;opacity:0;width:26px;height:26px;margin:-13px 0 0 -13px;position:fixed;top:50%;left:50%}#hitmark i{background:#fff;width:9px;height:2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000c}#hitmark i:first-child{transform:translate(-50%,-50%)rotate(45deg)translate(-8px)}#hitmark i:nth-child(2){transform:translate(-50%,-50%)rotate(45deg)translate(8px)}#hitmark i:nth-child(3){transform:translate(-50%,-50%)rotate(-45deg)translate(-8px)}#hitmark i:nth-child(4){transform:translate(-50%,-50%)rotate(-45deg)translate(8px)}#hitmark.head i{background:#ff2a2a;width:11px;height:3px}#dmgnums div{color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:none;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;position:fixed;transform:translate(-50%,-50%)}#dmgnums div.head{color:#ff3b3b;font-size:24px}#kills{color:#ff8a7a;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:13px;font-weight:700;position:fixed;top:50px;left:12px}#hud{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:13px;line-height:1.6;position:fixed;top:50px;left:12px}#hud b{color:#ffd27a}#board{z-index:15;color:#fff;pointer-events:none;background:#0a141eb8;border-radius:8px;min-width:230px;padding:8px 10px;font-size:14px;position:fixed;top:122px;left:12px;box-shadow:0 2px 10px #00000059}#board[hidden]{display:none}#board .bh{color:#9fb3c2;margin-bottom:4px;font-size:12px}#board table{border-collapse:collapse;width:100%}#board th{color:#9fb3c2;text-align:right;padding:2px 6px;font-size:12px;font-weight:600}#board th:first-child,#board td:first-child{text-align:left}#board td{text-align:right;border-top:1px solid #ffffff14;padding:3px 6px}#board tr.me td{color:#ffd27a;font-weight:700}#sndcues{pointer-events:none;z-index:5;width:0;height:0;position:fixed;top:50%;left:50%}#sndcues i{box-sizing:border-box;filter:drop-shadow(0 0 4px #ff281ee6);border:7px solid #0000;border-top-color:#ff3b30;border-radius:50%;width:84px;height:84px;position:absolute;top:-42px;left:-42px}#crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:fixed;top:50%;left:50%;box-shadow:0 0 2px #000}#overlay{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0a1e2d8c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay h1{letter-spacing:2px;margin:0 0 6px;font-size:44px}#overlay p{opacity:.9;margin:4px 0;font-size:15px}#overlay .start{border:2px solid #fff;border-radius:6px;margin-top:22px;padding:10px 28px;font-size:18px}#overlay{box-sizing:border-box;z-index:20;justify-content:safe center;padding:12px;overflow-y:auto}@media (max-height:520px){#overlay h1{font-size:28px}#overlay p{margin:2px 0;font-size:11px}#overlay .modebox,#overlay .namebox{margin-top:8px}#overlay .start{margin-top:10px;padding:7px 22px}}#overlay .modebox{cursor:default;align-items:center;gap:10px;margin-top:16px;font-size:16px;display:flex}#overlay .modebox button{color:#fff;cursor:pointer;background:#00000059;border:2px solid #ffffffb3;border-radius:8px;padding:9px 20px;font-size:17px;font-weight:700}#overlay .modebox button.on{color:#ffd27a;background:#ffd27a40;border-color:#ffd27a}#mctl[hidden]{display:none}#mctl{pointer-events:none;z-index:6;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#joy{pointer-events:auto;touch-action:none;background:#ffffff1f;border:2px solid #ffffff73;border-radius:50%;width:136px;height:136px;position:absolute;bottom:22px;left:22px}#joy i{background:#ffffff8c;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #0006}#mbtns{pointer-events:none;grid-template-columns:repeat(5,50px);gap:6px;display:grid;position:absolute;bottom:12px;right:14px}#mctl button{color:#fff;text-shadow:0 1px 2px #000;pointer-events:auto;touch-action:none;background:#00000061;border:2px solid #ffffff8c;border-radius:50%;width:50px;height:50px;padding:0;font:700 11px/1.1 sans-serif}#mctl button.on{color:#ffd27a;background:#ffd27a47;border-color:#ffd27a}#mctl button:active,#mctl button.down{background:#ffffff59}body.mobile #inv:not(.open){transform-origin:0 100%;left:172px;transform:scale(.7)}body.mobile #ammo{transform-origin:100% 100%;bottom:182px;right:14px;transform:scale(.65)}body.mobile #prompt{top:24%}body.mobile #minimap{width:200px;height:112px}body.mobile #killfeed,body.mobile #turhp{top:132px}#overlay[hidden]{display:none}#deathcam{z-index:19;pointer-events:none;background:radial-gradient(#0000 55%,#5a000061);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:16vh;display:flex;position:fixed;inset:0}#deathcam[hidden]{display:none}#deathcam .dc-msg{color:#fff;text-shadow:0 2px 6px #000c;text-align:center;margin-bottom:16px;font-size:22px;font-weight:700}#respawnbtn{pointer-events:auto;color:#fff;cursor:pointer;background:#00000080;border:2px solid #fff;border-radius:8px;padding:12px 36px;font-size:20px;font-weight:700}#respawnbtn:hover{color:#ffd27a;background:#ffd27a4d;border-color:#ffd27a}#respawnbtn[hidden]{display:none}#overlay .namebox{cursor:default;align-items:center;gap:8px;margin-top:18px;font-size:16px;display:flex}#overlay .namebox input{color:#fff;background:#00000059;border:2px solid #fff;border-radius:6px;outline:none;width:180px;padding:7px 10px;font-size:16px}#overlay .namebox input:focus{border-color:#ffd27a}#overlay #deadmsg{color:#ff8a7a;margin-bottom:10px;font-size:22px;font-weight:700}#overlay #deadmsg[hidden]{display:none}#chat{pointer-events:none;z-index:5;width:min(380px,100vw - 24px);font-size:14px;position:fixed;top:128px;left:12px}#chatlog{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;border-radius:6px;flex-direction:column;height:170px;padding:0 4px 3px;display:flex;overflow-y:hidden}#chatlog:before{content:"";margin-top:auto}#chat.open #chatlog{background:#0000004d;overflow-y:scroll}#chatlog div{color:#fff;word-break:break-all;background:#00000073;border-radius:4px;margin-top:3px;padding:3px 8px;transition:opacity .6s}#chatlog div b{color:#ffd27a}#chatlog div.me b{color:#8fd8ff}#chatlog div.old{opacity:0}#chat.open #chatlog div.old{opacity:1}#chatin{box-sizing:border-box;color:#fff;pointer-events:auto;background:#0009;border:2px solid #ffd27a;border-radius:5px;outline:none;width:100%;margin-top:5px;padding:6px 9px;font-size:14px}#chatin[hidden]{display:none}#verbar{z-index:20;color:#fff;pointer-events:none;text-align:center;background:#c83c28eb;border-radius:6px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:15px;font-weight:700;position:fixed;top:10px;left:50%;transform:translate(-50%)}#verbar[hidden]{display:none}#minimap{pointer-events:none;z-index:4;background:#1e6f96;border:2px solid #ffffffb3;border-radius:6px;width:260px;height:146px;position:fixed;top:12px;right:12px;box-shadow:0 2px 8px #0006}@media (max-width:700px){#minimap{width:170px;height:96px}#killfeed{top:118px!important}}#minimap.off{display:none}body.mapoff #killfeed{top:12px!important}body.mapoff #turhp{top:12px}#turhp:not([hidden])~#killfeed{top:222px}body.mapoff #turhp:not([hidden])~#killfeed{top:66px!important}#killfeed{pointer-events:none;z-index:5;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100vw - 24px);display:flex;position:fixed;top:168px;right:12px}#killfeed div{color:#fff;white-space:nowrap;background:#00000080;border-radius:4px;align-items:center;gap:8px;padding:4px 10px;font-size:15px;font-weight:700;transition:opacity .6s;display:flex}#killfeed div.mine{background:#3c00008c;border:2px solid #e0453a}#killfeed div.old{opacity:0}#killfeed .k{color:#8fd8ff}#killfeed .v{color:#ff9d8a}#killfeed img{filter:brightness(0)invert();width:auto;height:22px}#killfeed .wt{opacity:.85;font-size:12px;font-weight:400}#inv{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;-webkit-user-select:none;user-select:none;width:240px;font-size:13px;position:fixed;bottom:12px;left:12px}#inv .ttl{letter-spacing:1px;color:#ffd27a;justify-content:space-between;margin:6px 0 3px;font-size:11px;font-weight:700;display:flex}#inv .ttl small{color:#cfd6dc;letter-spacing:0;font-weight:400}#inv .row{background:#0000006b;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:8px;margin-bottom:3px;padding:4px 8px;display:flex}#inv .row.on{background:#3c2c0a99;border-color:#ffd27a}#inv .row.empty{color:#fff6}#inv .row .k{text-align:center;border:1px solid #fff9;border-radius:3px;min-width:18px;font-size:11px;font-weight:700;line-height:16px}#inv .row .n{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}#inv .row .a{color:#cfd6dc;font-variant-numeric:tabular-nums;font-size:11px}#inv .row .act{color:#ffd27a;font-size:11px;display:none}#inv .list{max-height:34vh;overflow-y:auto}#inv.open{pointer-events:auto}#inv.open .row{cursor:pointer}#inv.open .row:not(.empty):hover{background:#ffd27a40}#inv.open .row .act{display:inline}#inv .help{color:#cfd6dc;margin-top:4px;font-size:11px}#inv .gear{grid-template-columns:1fr 1fr;gap:6px;display:grid}#inv .gear .row{min-width:0;margin-bottom:0}#inv:not(.open) .gear .row img{display:none}#inv .row img{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b3);width:64px;height:24px}#inv.open{box-sizing:border-box;background:#0c0e10c7;border:1px solid #ffd27a59;border-radius:12px;flex-direction:column;width:50vw;max-width:none;height:82vh;padding:16px 18px;font-size:16px;display:flex;box-shadow:0 6px 30px #0009}#inv.open .ttl{margin:8px 0 6px;font-size:14px}#inv.open .ttl small{font-size:13px}#inv.open .eq{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#inv.open .list{flex:1;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:8px;max-height:none;padding-right:4px;display:grid}#inv.open .row{flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:8px 10px}#inv.open .row img{width:100%;height:64px}#inv.open .row .top{align-items:center;gap:8px;display:flex}#inv.open .row .a,#inv.open .row .act{font-size:13px}#inv.open .help{margin-top:10px;font-size:13px}#inv .row .top{display:contents}#ammo{color:#fff;text-align:right;text-shadow:0 1px 3px #000c;pointer-events:none;position:fixed;bottom:20px;right:24px}#ammo .name{opacity:.8;letter-spacing:1px;font-size:12px}#ammo .count{font-variant-numeric:tabular-nums;font-size:38px;font-weight:700;line-height:1.1}#ammo .count small{opacity:.85;font-size:18px;font-weight:400}#ammo .count .empty{color:#ff6b5a}#ammo .mags{justify-content:flex-end;gap:4px;min-height:18px;margin-top:6px;display:flex}#ammo .mag{border:1px solid #ffffffd9;border-radius:2px;align-items:flex-end;width:8px;height:18px;display:flex;box-shadow:0 0 2px #0009}#ammo .mag i{background:#ffd27a;width:100%;display:block}#ammo .hint{color:#ffd27a;min-height:16px;margin-top:4px;font-size:13px}#ammo .hint b{color:#fff}#ammo .name span{opacity:.55;margin-left:8px}#ammo .name span.on{opacity:1;color:#ffd27a;font-weight:700}#ammo .name span.drink.has{opacity:1;color:#7dff8f}#drinkbar{color:#7dff8f;text-align:center;pointer-events:none;background:#00000080;border-radius:6px;width:220px;padding:6px 10px 8px;font-size:13px;position:fixed;top:66%;left:50%;transform:translate(-50%)}#drinkbar b{background:#fff3;border-radius:4px;height:7px;margin-top:5px;display:block;overflow:hidden}#drinkbar i{background:linear-gradient(90deg,#3fd65a,#b8ff5a);width:0;height:100%;display:block}#drinkbar.band{color:#ffb0a8}#drinkbar.band i{background:linear-gradient(90deg,#ff6a5a,#fff0e8)}#prompt{color:#fff;white-space:nowrap;pointer-events:none;background:#00000080;border-radius:6px;padding:7px 14px;font-size:15px;position:fixed;top:74%;left:50%;transform:translate(-50%)}#prompt .key{text-align:center;color:#ffd27a;border:1px solid #fff;border-radius:4px;min-width:20px;margin-right:8px;padding:1px 6px;font-weight:700;display:inline-block}