:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d0b09;--ink-2:#1a1612;--ink-3:#2a231c;--paper:#efe6d2;--paper-dim:#efe6d2a8;--paper-faint:#efe6d238;--gold:#d8ad55;--gold-hot:#ffd98a;--cinnabar:#c0392b;--cinnabar-hot:#ff5a40;--jade:#5fb38a;--wei:#4a78d0;--shu:#46a86a;--wu:#d0483c;--line:#d8ad5552;--plate:#0d0b099e;--plate-solid:#100d0aed;--f-title:"STKaiti", "Kaiti SC", "KaiTi", "Songti SC", "SimSun", "Noto Serif CJK SC", serif;--f-body:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Hiragino Sans GB", system-ui, sans-serif;--f-num:"DIN Alternate", "Bahnschrift", "Roboto Condensed", "Arial Narrow", ui-monospace, monospace;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--shadow:0 0 2px #000c, 0 1px 6px #0009}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--ink);color:var(--paper);font-family:var(--f-body);-webkit-text-size-adjust:100%;overscroll-behavior:none;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none;position:fixed;inset:0;overflow:hidden}#app input,#app textarea,#app select{-webkit-user-select:text;user-select:text;touch-action:manipulation}#app *,#app :before,#app :after{box-sizing:border-box}#view{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0;overflow:hidden}button{font:inherit;color:inherit}#boot{z-index:100;background:radial-gradient(ellipse at 50% 40%, #2a1c12 0%, var(--ink) 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .7s;display:flex;position:absolute;inset:0}#boot.done{opacity:0;pointer-events:none}.boot-seal{width:84px;height:84px;font:900 54px/1 var(--f-title);color:#f6e6d0;background:var(--cinnabar);border-radius:10px;place-items:center;display:grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 3px #f6e6d08c,0 8px 30px #c0392b73}.boot-title{font:900 clamp(40px, 9vw, 84px)/1 var(--f-title);letter-spacing:.18em;color:var(--paper);text-shadow:0 4px 30px #d8ad5559;margin-right:-.18em}.boot-sub{font:500 14px/1 var(--f-body);letter-spacing:.6em;color:var(--gold);margin-right:-.6em}.boot-bar{background:var(--paper-faint);width:min(320px,60vw);height:3px;margin-top:18px;overflow:hidden}.boot-bar i{background:linear-gradient(90deg, var(--cinnabar), var(--gold-hot));width:0;height:100%;transition:width .25s;display:block}.boot-msg{color:var(--paper-dim);letter-spacing:.12em;min-height:1.2em;font-size:12px}.hud{pointer-events:none;font-family:var(--f-body);color:var(--paper);text-shadow:var(--shadow);position:absolute;inset:0}.hud>*{position:absolute}.cross{width:0;height:0;top:50%;left:50%}.cross i{background:var(--paper);transition:transform 60ms linear;position:absolute;top:0;left:0;box-shadow:0 0 2px #000000e6}.cross .t0,.cross .t1{width:2px;height:8px}.cross .t2,.cross .t3{width:8px;height:2px}.cross b{background:var(--gold-hot);border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px;box-shadow:0 0 2px #000}.marker{opacity:0;width:0;height:0;top:50%;left:50%}.marker i{background:#fff;width:12px;height:2.5px;position:absolute;box-shadow:0 0 3px #000000e6}.marker .m0{transform:translate(7px,-13px)rotate(-45deg)}.marker .m1{transform:translate(-19px,-13px)rotate(45deg)}.marker .m2{transform:translate(7px,11px)rotate(45deg)}.marker .m3{transform:translate(-19px,11px)rotate(-45deg)}.marker.head i{background:var(--gold-hot)}.marker.kill i{background:var(--cinnabar-hot);width:16px;height:3.5px}.marker.show{animation:.32s ease-out marker}@keyframes marker{0%{opacity:1;transform:scale(1.7)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.scope{background:radial-gradient(circle,#0000 0 36vh,#000000f5 37vh);inset:0}.scope-ring{border:3px solid #b08a48cc;border-radius:50%;width:73vh;height:73vh;margin:-36.5vh;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 60px #000000b3}.scope-h,.scope-v{background:#0a0806d9;position:absolute}.scope-h{width:72vh;height:1px;top:50%;left:calc(50% - 36vh)}.scope-v{width:1px;height:72vh;top:calc(50% - 36vh);left:50%}.scope-mil{background:#0a0806d9;width:28px;height:1px;position:absolute;left:calc(50% - 14px)}.scope-mil:after{content:attr(data-d);font:10px var(--f-num);color:#0a0806cc;text-shadow:none;position:absolute;top:-7px;left:34px}.hurt-layer{width:0;height:0;top:50%;left:50%}.hurt{transform-origin:90px 210px;clip-path:polygon(8% 100%,50% 0,92% 100%,50% 62%);background:radial-gradient(at 50% 100%,#ff3c1ee6,#ff3c1e00 70%);width:180px;height:70px;animation:1.1s ease-out forwards hurt;position:absolute;top:-210px;left:-90px}@keyframes hurt{0%{opacity:1}to{opacity:0}}.dmg-layer{inset:0}.dmg{font:700 20px var(--f-num);color:#fff;white-space:nowrap;animation:.8s ease-out forwards dmg;position:absolute;transform:translate(-50%,-50%)}.dmg.head{color:var(--gold-hot);font-size:27px}.dmg.armor{color:#9fd0ff}@keyframes dmg{0%{opacity:0;margin-top:6px;transform:translate(-50%,-50%)scale(1.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;margin-top:-46px}}.top{left:50%;top:calc(10px + var(--sat));flex-direction:column;align-items:center;gap:6px;display:flex;transform:translate(-50%)}.stat{gap:2px;display:flex}.stat-cell{background:var(--plate);border-top:2px solid var(--gold);align-items:baseline;gap:6px;padding:4px 14px;display:flex}.stat-cell b{font:700 22px/1 var(--f-num)}.stat-cell span{color:var(--paper-dim);letter-spacing:.2em;font-size:12px}.zone-info{font:13px var(--f-body);letter-spacing:.12em;background:var(--plate);border-left:3px solid var(--gold);padding:3px 12px}.zone-info.warn{border-left-color:var(--cinnabar-hot);color:#ffd0c0;animation:1s infinite pulse}@keyframes pulse{50%{background:#c0392b8c}}.compass{left:50%;top:calc(74px + var(--sat));width:220px;height:20px;margin-left:-110px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.compass-strip{background-image:repeating-linear-gradient(90deg, var(--paper-dim) 0 1px, transparent 1px 30px);background-position-y:100%;background-repeat:repeat-x;background-size:720px 8px;position:absolute;inset:0}.compass-mark{background:var(--gold-hot);width:2px;height:100%;margin-left:-1px;position:absolute;top:0;left:50%}.minimap{right:calc(12px + var(--sar));top:calc(12px + var(--sat));pointer-events:auto;cursor:pointer;width:176px}.minimap canvas{border:2px solid var(--gold);background:#1a1612;width:176px;height:176px;display:block;box-shadow:0 4px 18px #00000080}.minimap.big{z-index:20;width:min(86vmin,720px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.minimap.big canvas{aspect-ratio:1;width:100%;height:auto}.map-info{font:11px var(--f-num);color:var(--paper-dim);text-align:right;letter-spacing:.05em;padding-top:3px}.feed{right:calc(12px + var(--sar));top:calc(222px + var(--sat));flex-direction:column;align-items:flex-end;gap:3px;max-width:46vw;display:flex}.feed-row{background:var(--plate);border-right:2px solid var(--paper-faint);padding:3px 9px;font-size:12.5px;transition:opacity .8s}.feed-row.kill{border-right-color:var(--cinnabar-hot)}.feed-row.warn{border-right-color:var(--gold-hot);color:var(--gold-hot)}.feed-row.out{opacity:0}.toasts{flex-direction:column;align-items:center;gap:3px;display:flex;bottom:31%;left:50%;transform:translate(-50%)}.toast{background:var(--plate);border-bottom:1px solid var(--line);white-space:nowrap;padding:3px 12px;font-size:13px;animation:2.4s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(8px)}10%,75%{opacity:1;transform:none}to{opacity:0}}.announce{text-align:center;opacity:0;width:90vw;transition:opacity .5s;top:21%;left:50%;transform:translate(-50%)}.announce.show{opacity:1}.announce b{font:900 clamp(30px, 6vw, 58px)/1.1 var(--f-title);letter-spacing:.22em;color:var(--paper);text-shadow:0 0 24px #d8ad558c, var(--shadow);margin-right:-.22em;display:block}.announce span{letter-spacing:.2em;color:var(--gold-hot);margin-top:8px;font-size:clamp(12px,1.6vw,15px);display:block}.announce.show b{animation:.5s cubic-bezier(.2,1.4,.4,1) ann}@keyframes ann{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:none}}.prompt{background:var(--plate);border:1px solid var(--line);white-space:nowrap;padding:5px 14px;font-size:14px;top:60%;left:50%;transform:translate(-50%)}.progress{text-align:center;letter-spacing:.2em;width:190px;font-size:12px;top:66%;left:50%;transform:translate(-50%)}.progress-bar{background:#0000008c;height:4px;margin-top:4px}.progress-bar i{background:var(--gold-hot);height:100%;display:block}.hint{letter-spacing:.15em;background:var(--plate);border-top:1px solid var(--gold);white-space:nowrap;padding:6px 16px;font-size:14px;bottom:24%;left:50%;transform:translate(-50%)}.practice{left:50%;top:calc(104px + var(--sat));font:12.5px var(--f-body);background:var(--plate);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;max-width:96vw;padding:4px 12px;overflow:hidden;transform:translate(-50%)}.vitals{left:50%;bottom:calc(16px + var(--sab));width:min(340px,44vw);transform:translate(-50%)}.gear{gap:6px;margin-bottom:5px;display:flex}.gear-cell{font:12px var(--f-body);background:var(--plate);color:var(--paper-faint);padding:2px 9px;position:relative;overflow:hidden}.gear-cell.on{color:var(--paper)}.gear-cell:after{content:"";height:2px;width:calc(var(--p,0) * 100%);background:#7ec8ff;position:absolute;bottom:0;left:0}.gear-cell[data-lv="2"]:after{background:#c9a0ff}.gear-cell[data-lv="3"]:after{background:var(--gold-hot)}.hp{border:1px solid var(--paper-faint);background:#0009;height:17px;position:relative}.hp i{transition:width .15s;position:absolute;top:0;bottom:0;left:0}.hp-fill{background:linear-gradient(#f4efe2,#cfc7b2)}.hp-fill.low{background:linear-gradient(#ff6a4a,#c0392b);animation:.7s infinite pulse2}@keyframes pulse2{50%{filter:brightness(1.5)}}.hp-boost{background:#5fb38ab3}.hp span{font:700 13px/17px var(--f-num);color:#111;text-shadow:0 0 3px #fffc;position:absolute;top:0;right:7px}.weapons{right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));text-align:right}.ammo{font:700 44px/1 var(--f-num)}.ammo-sub{font:15px var(--f-num);color:var(--paper-dim);min-height:18px;margin-bottom:6px}.slots{justify-content:flex-end;gap:4px;display:flex}.slot{pointer-events:auto;background:var(--plate);text-align:left;opacity:.7;cursor:pointer;border-bottom:2px solid #0000;min-width:74px;padding:4px 8px 5px;font-size:12.5px}.slot em{font:10px var(--f-num);color:var(--paper-dim);font-style:normal;display:block}.slot.empty{opacity:.35}.slot.active{opacity:1;border-bottom-color:var(--gold-hot);background:#281e10cc}.items{color:var(--paper-dim);white-space:nowrap;min-height:15px;margin-top:5px;font-size:11.5px}.skill{left:calc(16px + var(--sal));bottom:calc(16px + var(--sab));pointer-events:auto;cursor:pointer;background:var(--plate);border:2px solid var(--paper-faint);text-align:center;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;overflow:hidden}.skill.ready{border-color:var(--gold-hot);box-shadow:0 0 14px #ffd98a73}.skill.active{border-color:var(--jade);box-shadow:0 0 18px #5fb38acc}.skill i{background:#000000a6;position:absolute;bottom:0;left:0;right:0}.skill span{font:700 13px/1.15 var(--f-title);padding:0 8px;position:relative}.skill em{font:700 12px var(--f-num);color:var(--gold-hot);font-style:normal;position:absolute;bottom:5px}.hud.dead .cross,.hud.dead .weapons,.hud.dead .skill,.hud.dead .vitals{opacity:.25}.overlay{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#08060494;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;inset:0}.overlay.show{display:flex}.card{background:var(--plate-solid);border:1px solid var(--line);border-top:3px solid var(--gold);width:min(480px,100%);max-height:100%;padding:26px 28px 22px;animation:.35s ease-out card;overflow:auto;box-shadow:0 20px 60px #0009}@keyframes card{0%{opacity:0;transform:translateY(14px)}}.overlay.win .card{border-top-color:var(--gold-hot)}.overlay.lose .card{border-top-color:var(--cinnabar)}.card-title{font:900 42px/1.1 var(--f-title);letter-spacing:.25em;text-align:center;margin-right:-.25em}.overlay.win .card-title{color:var(--gold-hot);text-shadow:0 0 30px #ffd98a80}.card-sub{text-align:center;color:var(--paper-dim);letter-spacing:.2em;margin-top:8px;font-size:13px}.card-rows{border-top:1px solid var(--line);margin-top:18px}.card-row{border-bottom:1px solid #d8ad551f;justify-content:space-between;gap:12px;padding:7px 2px;font-size:13.5px;display:flex}.card-row span{color:var(--paper-dim)}.card-row b{text-align:right;font-weight:600}.card-btns{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.btn{border:1px solid var(--line);color:var(--paper);font:600 14px var(--f-body);letter-spacing:.2em;cursor:pointer;background:0 0;flex:110px;padding:11px 14px;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--gold);background:#d8ad5524}.btn.primary{background:var(--cinnabar);border-color:var(--cinnabar)}.btn.primary:hover{background:var(--cinnabar-hot);border-color:var(--cinnabar-hot)}.touch-layer{pointer-events:none;position:absolute;inset:0}.touch-zone{z-index:0;pointer-events:auto;touch-action:none;position:absolute;inset:0}.hud.touch{z-index:1}.stick{z-index:2;border:2px solid var(--paper-faint);opacity:0;background:#0d0b0947;border-radius:50%;width:120px;height:120px;margin:-60px;transition:opacity .15s;position:absolute}.stick.on{opacity:1}.stick.sprint{border-color:var(--gold-hot)}.stick i{background:#efe6d280;border-radius:50%;width:52px;height:52px;margin:-26px;position:absolute;top:50%;left:50%}.tbtn{z-index:2;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;border:1.5px solid var(--paper-faint);width:52px;height:52px;color:var(--paper);font:700 17px var(--f-title);background:#0d0b096b;border-radius:50%;padding:0;position:absolute}.tbtn.down{background:#d8ad5573}.tbtn.on{border-color:var(--gold-hot);background:#d8ad554d}.tbtn.none{opacity:.38}.tbtn.tsel.none{display:none}.tbtn em{background:var(--gold);color:#1a1208;min-width:18px;height:18px;font:700 11px/18px var(--f-body);text-shadow:none;white-space:nowrap;pointer-events:none;border-radius:9px;padding:0 4px;font-style:normal;position:absolute;top:-5px;right:-5px}.tbtn em:empty{display:none}.tbtn.fire{right:calc(28px + var(--sar));bottom:calc(70px + var(--sab));border-color:var(--cinnabar-hot);background:#c0392b66;width:84px;height:84px;font-size:28px}.tbtn.jump{right:calc(20px + var(--sar));bottom:calc(162px + var(--sab));width:54px;height:54px}.tbtn.reload{right:calc(86px + var(--sar));bottom:calc(170px + var(--sab))}.tbtn.aim{right:calc(124px + var(--sar));bottom:calc(104px + var(--sab));width:58px;height:58px}.tbtn.crouch{right:calc(124px + var(--sar));bottom:calc(40px + var(--sab))}.tbtn.pick{right:calc(194px + var(--sar));bottom:calc(76px + var(--sab));border-color:var(--gold)}.tbtn.throw{right:calc(152px + var(--sar));bottom:calc(174px + var(--sab));width:48px;height:48px;font-size:15px}.tbtn.tsel{right:calc(154px + var(--sar));bottom:calc(230px + var(--sab));width:44px;height:44px;font-size:14px}.tbtn.heal{right:calc(208px + var(--sar));bottom:calc(140px + var(--sab));width:48px;height:48px;font-size:15px}.tbtn.swap{right:calc(194px + var(--sar));bottom:calc(16px + var(--sab));width:48px;height:48px;font-size:15px}.tbtn.melee{right:calc(254px + var(--sar));bottom:calc(16px + var(--sab));width:48px;height:48px;font-size:15px}.tbtn.fire2{left:calc(22px + var(--sal));border-color:var(--cinnabar-hot);background:#c0392b47;width:58px;height:58px;top:34%}.tbtn.pause,.tbtn.cam,.tbtn.shoulder{top:calc(10px + var(--sat));width:44px;height:44px;font-size:15px}.tbtn.pause{left:calc(12px + var(--sal))}.tbtn.cam{left:calc(64px + var(--sal))}.tbtn.shoulder{left:calc(116px + var(--sal))}.touch-layer.map-open .tbtn:not(.pause),.touch-layer.dead .tbtn:not(.pause),.touch-layer.map-open .stick,.touch-layer.dead .stick{visibility:hidden}.rotate-hint{z-index:60;text-align:center;pointer-events:auto;color:var(--paper);background:#080604e6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:none;position:absolute;inset:0}.rotate-hint:before{content:"";border:3px solid var(--gold);border-radius:10px;width:54px;height:90px;animation:2.4s ease-in-out infinite rotate-hint}.rotate-hint b{font:900 26px var(--f-title);letter-spacing:.3em;margin-right:-.3em}.rotate-hint span{color:var(--paper-dim);letter-spacing:.08em;font-size:13px}@keyframes rotate-hint{0%,25%{transform:none}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){.rotate-hint{display:flex}}.hud.touch .weapons{left:calc(50% - 20px);right:auto;bottom:calc(58px + var(--sab));grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:5px;display:grid;transform:translate(-50%)}.hud.touch .ammo{text-align:right;font-size:22px;line-height:24px}.hud.touch .ammo-sub{text-align:left;min-height:0;margin:0;font-size:12px;line-height:24px}.hud.touch .slots{grid-column:1/-1}.hud.touch .slot{min-width:58px;min-height:44px;padding:5px 6px;font-size:11px}.hud.touch .items{display:none}.hud.touch .vitals{left:calc(50% - 20px);bottom:calc(10px + var(--sab));width:min(230px,36vw)}.hud.touch .skill{left:auto;right:calc(208px + var(--sar));bottom:calc(196px + var(--sab));width:56px;height:56px}.hud.touch .skill span{font-size:11px}.hud.touch .minimap{width:120px}.hud.touch .minimap canvas{width:120px;height:120px}.hud.touch .feed{right:auto;left:calc(12px + var(--sal));top:calc(62px + var(--sat));align-items:flex-start;max-width:36vw}.hud.touch .feed-row{border-right:0;border-left:2px solid var(--paper-faint);font-size:11px}.hud.touch .feed-row:nth-last-child(n+4){display:none}.hud.touch .minimap.big{width:min(86vmin,720px)}.hud.touch .minimap.big canvas{width:100%;height:auto}.hud.touch .top{top:calc(6px + var(--sat))}.hud.touch .compass{display:none}.hud.touch .practice{top:calc(64px + var(--sat));max-width:56vw;font-size:11px}.hud.touch .prompt,.hud.touch .hint{padding:4px 12px;font-size:13px;top:27%;bottom:auto}.hud.touch .progress{top:37%}.hud.touch .toasts{bottom:calc(128px + var(--sab))}.hud.touch .toast{font-size:12px}.hud.touch .toast:nth-last-child(n+3){display:none}@media (max-width:900px){.tbtn.melee{display:none}}@media (max-width:720px){.hud.touch .slot{min-width:50px}.hud.touch .vitals{width:min(200px,36vw)}.hud.touch .practice{max-width:46vw}}@media (max-height:400px){.hud.touch .minimap:not(.big){width:104px}.hud.touch .minimap:not(.big) canvas{width:104px;height:104px}.hud.touch .minimap:not(.big) .map-info{display:none}}html.is-touch .btn{min-height:44px}.card{overscroll-behavior:contain;touch-action:pan-y}@media (max-height:430px){.stat-cell b{font-size:17px}.announce{top:15%}.card{padding:16px 18px}.card-title{font-size:30px}.card-row{padding:4px 2px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.marker.show,.announce.show b,.card{animation-duration:10ms}}