.vns{pointer-events:none;color:#d8d4ca;--ivory:#d8d4ca;--amber:#f0c08a;--teal:#1fd6b4;--ink:#12161a;--u:clamp(.85px, .105vh, 1.6px);-webkit-user-select:none;user-select:none;font:15px/1.4 ui-sans-serif,system-ui,Segoe UI,sans-serif;position:absolute;inset:0;overflow:hidden}.vns *{box-sizing:border-box}.vns .t{text-shadow:0 0 3px #000000f2,0 1px 3px #000000e6,0 0 10px #0009}.vns .hid{display:none!important}.vns .vig{opacity:0;will-change:opacity;background:radial-gradient(72% 78%,#0000 58%,#960e0857 80%,#780604c7 100%);position:absolute;inset:0}.vns .vig.hit{background:radial-gradient(70% 74%,#0000 62%,#d71e126b 86%,#be100acc 100%)}.vns .dmg{width:0;height:0;position:absolute;top:50%;left:50%}.vns .dmg i{opacity:0;will-change:transform, opacity;width:0;height:0;position:absolute;top:0;left:0}.vns .dmg svg{left:calc(var(--u) * -235);top:calc(var(--u) * -235);width:calc(var(--u) * 470);height:calc(var(--u) * 141);position:absolute;overflow:visible}.vns .dmg path{fill:none;stroke-linecap:round}.vns .dmg .k{stroke:#00000080;stroke-width:4.6px}.vns .dmg .a{stroke:#ff4a34;stroke-width:2.6px}.vns .dmg .p{fill:#ff4a34;stroke:#00000080;stroke-width:1px;stroke-linejoin:round}.vns .hud{position:absolute;inset:0}.vns .compass{width:min(560px,70vw);height:46px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.vns .compass canvas{width:100%;height:100%;display:block}.vns .obj{text-align:center;white-space:nowrap;letter-spacing:.02em;font-size:14px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.vns .obj b{color:var(--amber);font-weight:600}.vns .cab{color:#aeb4b4;letter-spacing:.08em;font-size:13px;position:absolute;top:84px;left:50%;transform:translate(-50%)}.vns .cab b{color:var(--amber);font-size:15px}.vns .extract{text-align:center;position:absolute;top:108px;left:50%;transform:translate(-50%)}.vns .extract small{letter-spacing:.18em;color:#aeb4b4;font-size:11px;display:block}.vns .extract span{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.vns .xh{will-change:opacity;width:0;height:0;position:absolute;top:50%;left:50%}.vns .xh i{will-change:transform;background:#f4f1ea;position:absolute;box-shadow:0 0 0 1px #000000c7}.vns .xh .u{width:2px;height:calc(var(--u) * 8);bottom:0;left:-1px}.vns .xh .d{width:2px;height:calc(var(--u) * 8);top:0;left:-1px}.vns .xh .l{width:calc(var(--u) * 8);height:2px;top:-1px;right:0}.vns .xh .r{width:calc(var(--u) * 8);height:2px;top:-1px;left:0}.vns .xh .c{width:2px;height:2px;top:-1px;left:-1px}.vns .hm{opacity:0;will-change:transform, opacity;--c:#fff;--w:2px;--l:calc(var(--u) * 8);--o:calc(var(--u) * 9);width:0;height:0;position:absolute;top:50%;left:50%}.vns .hm i{left:calc(var(--w) / -2);top:calc(var(--l) * -1 - var(--o));width:var(--w);height:var(--l);background:var(--c);transform-origin:50% calc(100% + var(--o));position:absolute;box-shadow:0 0 0 1px #000c}.vns .hm i:first-child{transform:rotate(45deg)}.vns .hm i:nth-child(2){transform:rotate(135deg)}.vns .hm i:nth-child(3){transform:rotate(225deg)}.vns .hm i:nth-child(4){transform:rotate(315deg)}.vns .hm.weak{--c:#ffab2e;--l:calc(var(--u) * 9.5)}.vns .hm.kill{--c:#ff3b2b;--w:3px;--l:calc(var(--u) * 10.5);--o:calc(var(--u) * 10)}.vns .hold{text-align:center;position:absolute;top:calc(50% + 70px);left:50%;transform:translate(-50%)}.vns .hold svg{width:64px;height:64px;margin:0 auto 4px;display:block}.vns .hold svg circle{fill:none;stroke-width:5px}.vns .hold .bg{stroke:#d8d4ca40}.vns .hold .fg{stroke:var(--teal);stroke-linecap:round;transform-origin:32px 32px;stroke-dasharray:169.6;stroke-dashoffset:169.6px;transform:rotate(-90deg)}.vns .hold span{letter-spacing:.03em;font-size:15px}.vns .hold kbd{border:1px solid var(--amber);color:var(--amber);font:inherit;border-radius:3px;padding:0 6px;font-weight:700;display:inline-block}.vns .ammo{text-align:right;position:absolute;bottom:74px;right:28px}.vns .ammo .n{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.vns .ammo .n small{color:#aeb4b4;font-size:20px;font-weight:500}.vns .ammo .m{letter-spacing:.16em;color:var(--amber);margin-top:4px;font-size:12px}.vns .ammo.low .n{color:#ff8a70}.vns .hp{left:calc(var(--u) * 26);bottom:calc(var(--u) * 28);align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 9) calc(var(--u) * 20) calc(var(--u) * 9) calc(var(--u) * 16);--hc:var(--ivory);border-left:calc(var(--u) * 4) solid var(--hc);clip-path:polygon(0 0, calc(100% - var(--u) * 14) 0, 100% calc(var(--u) * 14), 100% 100%, 0 100%);background:linear-gradient(90deg,#0a0d10d1 0%,#0a0d10a8 70%,#0a0d1066 100%);display:flex;position:absolute}.vns .hp em{opacity:0;pointer-events:none;background:#ff3a28;position:absolute;inset:0}.vns .hp b{text-align:right;min-width:2.05ch;font-size:calc(var(--u) * 40);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--hc);font-weight:800;line-height:1;position:relative}.vns .hp .hpR{width:calc(var(--u) * 216);position:relative}.vns .hp small{align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 11);letter-spacing:.22em;color:#b9bfbf;margin-bottom:calc(var(--u) * 5);font-weight:600;display:flex}.vns .hp small:before{content:"";width:calc(var(--u) * 9);height:calc(var(--u) * 9);background:var(--hc);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.vns .hp .bar{height:calc(var(--u) * 13);background:#0000009e;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d8d4ca80,0 0 0 2px #0000008c}.vns .hp .bar i{transform-origin:0;will-change:transform, opacity;position:absolute;inset:0}.vns .hp .bar .tr{background:#ff5a44}.vns .hp .bar .fl{background:linear-gradient(180deg, #ffffff47 0%, #fff0 45%, #0000002e 100%), var(--hc)}.vns .hp .bar .hl{opacity:0;mix-blend-mode:screen;background:linear-gradient(90deg,#beffd600 0%,#beffd6bf 100%)}.vns .hp .bar .wh{opacity:0;background:#fff}.vns .hp .bar .tk{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1.5px),#0009 calc(10% - 1.5px) 10%)}.vns .hp.heal small:after{content:"ĐANG HỒI";letter-spacing:.14em;color:#bfffd6;margin-left:auto}.vns .hp.mid{--hc:#f5c531}.vns .hp.low{--hc:#ff4a34}.vns .hp.low .bar .tr{background:#ffe1da}.vns .hp.low em{animation:.62s step-end infinite vnsHpBlink}.vns .hp.low small:after{content:"NGUY KỊCH";letter-spacing:.14em;color:#ff8a70;margin-left:auto}.vns .hp.low .bar .fl,.vns .hp.low b{animation:.62s ease-in-out infinite vnsHpPulse}@keyframes vnsHpBlink{0%{opacity:.3}50%{opacity:0}}@keyframes vnsHpPulse{0%,to{opacity:1}50%{opacity:.55}}.vns .foes{position:absolute;inset:0}.vns .eb{opacity:0;width:calc(var(--u) * 92);will-change:transform, opacity;transform-origin:50% 100%;text-align:center;position:absolute;top:0;left:0}.vns .eb span{font-size:calc(var(--u) * 12.5);letter-spacing:.05em;margin-bottom:calc(var(--u) * 3);color:#f1ede3;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 6px #000000d9;white-space:nowrap;font-weight:700;line-height:1.25;display:block}.vns .eb .ebB{height:calc(var(--u) * 6);background:#080a0cc7;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000000d9,0 0 0 2px #d8d4ca6b}.vns .eb .ebB i{transform-origin:0;position:absolute;inset:0}.vns .eb .tr{background:#f4efe4}.vns .eb .fl{background:#ff5a3c}.vns .eb .wh{opacity:0;background:#fff}.vns .eb.crit .fl{background:#ff2a1e}.vns .eb.weak span{color:#ffc24a}.vns .eb.weak .ebB{box-shadow:0 0 0 1px #000000d9, 0 0 0 2px #ffc24a, 0 0 calc(var(--u) * 9) #ffc24ae6}.vns .eb.weak .wh{background:#ffc24a}.vns .eb.dead span{color:#ff8a70}.vns .dn{opacity:0;will-change:transform, opacity;font-size:calc(var(--u) * 17);font-variant-numeric:tabular-nums;color:#f1ede3;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 5px #000000e6;font-weight:800;position:absolute;top:0;left:0}.vns .dn.weak{color:#ffc24a;font-size:calc(var(--u) * 22)}.vns .dn.kill{color:#ff5a44;font-size:calc(var(--u) * 24)}.vns .radio{border-left:3px solid var(--amber);opacity:0;background:#12161ab8;max-width:min(380px,42vw);padding:8px 12px;font-size:14px;transition:opacity .25s;position:absolute;top:74px;left:28px}.vns .radio small{letter-spacing:.2em;color:var(--amber);margin-bottom:2px;font-size:10px;display:block}.vns .hint{color:#c9c5ba;text-align:center;white-space:nowrap;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.vns .ov{pointer-events:auto;gap:40px;padding:clamp(16px,5vh,56px) clamp(20px,6vw,80px);display:flex;position:absolute;inset:0}.vns .ov.menu{background:linear-gradient(90deg,#12161ac7 0%,#12161a59 55%,#12161a00 100%);justify-content:space-between;align-items:center}.vns .ov.pause{background:#12161ab8;justify-content:center;align-items:center}.vns .ov.end{text-align:center;background:radial-gradient(#12161ad1,#12161af0);justify-content:center;align-items:center}.vns .ov.end.won h2{color:var(--amber)}.vns .ov.end.lost h2{color:#e4573d}.vns .col{flex-direction:column;gap:12px;min-width:0;display:flex}.vns h1{letter-spacing:.08em;color:var(--amber);margin:0;font-size:clamp(30px,6.4vw,64px);font-weight:800;line-height:1}.vns h1 span{letter-spacing:.5em;color:var(--ivory);margin-top:8px;font-size:.42em;font-weight:500;display:block}.vns h2{letter-spacing:.1em;margin:0 0 6px;font-size:clamp(26px,5vh,44px)}.vns .sub{color:#aeb4b4;max-width:34ch;margin:0 0 12px;font-size:14px}.vns button.b{font:inherit;letter-spacing:.08em;text-transform:uppercase;text-align:left;min-width:200px;color:var(--ivory);cursor:pointer;background:#12161a99;border:1px solid #d8d4ca66;padding:11px 26px;font-size:16px;font-weight:600}.vns button.b:hover,.vns button.b:focus-visible{border-color:var(--amber);color:var(--amber);outline:none}.vns button.b.main{background:var(--amber);color:#1a1410;border-color:var(--amber)}.vns button.b.main:hover,.vns button.b.main:focus-visible{color:#1a1410;background:#ffd3a3}.vns .keys{background:#12161ab8;border:1px solid #d8d4ca38;padding:12px 16px;font-size:13px}.vns .keys h3{letter-spacing:.2em;color:var(--amber);margin:0 0 6px;font-size:11px;font-weight:600}.vns .keys table{border-collapse:collapse}.vns .keys td{vertical-align:top;padding:2px 0}.vns .keys td:first-child{color:var(--amber);white-space:nowrap;padding-right:18px;font-weight:600}.vns .stats{justify-content:center;gap:36px;margin:14px 0 24px;display:flex}.vns .stats div b{font-variant-numeric:tabular-nums;font-size:clamp(24px,5vh,38px);display:block}.vns .stats div small{letter-spacing:.18em;color:#aeb4b4;font-size:11px}.vns .set{background:#12161af0;border:1px solid #d8d4ca59;flex-direction:column;gap:14px;min-width:min(380px,90vw);padding:20px 24px;display:flex}.vns .set h3{letter-spacing:.2em;color:var(--amber);margin:0;font-size:14px}.vns .set label{align-items:center;gap:12px;font-size:14px;display:flex}.vns .set label>span{flex:none;width:110px}.vns .set label output{text-align:right;font-variant-numeric:tabular-nums;width:40px;color:var(--amber)}.vns .set input[type=range]{accent-color:var(--amber);flex:1}.vns .seg{flex:1;display:flex}.vns .seg button{font:inherit;color:var(--ivory);cursor:pointer;background:0 0;border:1px solid #d8d4ca66;flex:1;margin-left:-1px;padding:6px 0}.vns .seg button.on{background:var(--amber);color:#1a1410;border-color:var(--amber)}.vns .modal{pointer-events:auto;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (max-height:460px){.vns .ov{gap:20px;padding:10px 24px}.vns .keys{padding:8px 12px;font-size:11px}.vns h1{font-size:30px}.vns .sub{display:none}.vns button.b{padding:7px 18px;font-size:14px}.vns .col{gap:8px}.vns .radio{top:64px}.vns .ammo{bottom:20px;right:20px}.vns .ammo .n{font-size:28px}.vns .hp{bottom:14px;left:14px}.vns .hold{top:calc(50% + 40px)}.vns .hold svg{width:48px;height:48px}.vns .extract span{font-size:22px}.vns .stats{margin:8px 0 14px}}