*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}.game-app{color:#fff;background:#c6d9dd;width:100vw;height:100dvh;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;position:relative;overflow:hidden}.world-canvas,.world-canvas canvas{outline:0;width:100%;height:100%;position:absolute;inset:0}.menu-vignette{pointer-events:none;background:linear-gradient(90deg,#04151ca3,#0000 61%),linear-gradient(#04151c4d,#0000 30% 70%,#04151cb3);position:absolute;inset:0}.game-header{z-index:12;text-shadow:0 1px 12px #13293655;justify-content:space-between;align-items:center;height:106px;padding:0 4%;display:flex;position:absolute;top:0;left:0;right:0}.game-wordmark{color:#fff;letter-spacing:3px;align-items:center;gap:12px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.brand-mark{letter-spacing:0;border:1px solid #ffffffb3;place-items:center;width:36px;height:42px;font-family:Georgia,serif;font-size:31px;font-style:italic;display:grid}.wordmark-sub{letter-spacing:2px;margin-top:3px;font-size:9px;font-weight:400;display:block}.header-location{letter-spacing:1px;color:#ffffffe0;align-items:center;gap:18px;font-size:13px;display:flex}.header-location i{background:#fff7;width:1px;height:13px}.icon-button{color:#fff;cursor:pointer;background:#142c3420;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:#142c3460}.intro-block{z-index:3;position:absolute;bottom:24%;left:7%}.eyebrow{letter-spacing:3px;color:#e7eeef;align-items:center;gap:12px;font-size:11px;display:flex}.eyebrow span{background:#da7a57;width:25px;height:2px}.intro-block h1{letter-spacing:16px;text-shadow:0 4px 40px #0a2e3950;margin:22px 0 16px;font-family:STSong,Songti SC,Noto Serif CJK SC,serif;font-size:clamp(76px,8vw,132px);font-weight:400;line-height:1.05}.intro-block h1 span{letter-spacing:11px;margin-top:22px;font-family:Inter,PingFang SC,sans-serif;font-size:20px;font-weight:300;display:block}.intro-block p{letter-spacing:2px;color:#ffffffd6;margin-top:32px;font-size:15px;line-height:2}.intro-detail{letter-spacing:2px;color:#ffffffa8;gap:22px;margin-top:16px;font-size:12px;display:flex}.mode-panel{z-index:4;width:360px;position:absolute;top:50%;right:5%;transform:translateY(-38%)}.panel-caption{letter-spacing:2px;justify-content:space-between;margin-bottom:22px;font-size:13px;display:flex}.panel-caption span{letter-spacing:2px;color:#ffffffa6;font-size:10px}.mode-card{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#122d3690;border:1px solid #ffffff40;border-radius:3px;align-items:center;gap:17px;width:100%;margin-bottom:10px;padding:21px 20px;transition:background .2s,border-color .2s,transform .2s;display:flex}.mode-card>svg:first-child{color:#e5eceb;flex-shrink:0}.mode-card>svg:last-child{opacity:.5;margin-left:auto}.mode-card strong{align-items:center;gap:13px;font-size:17px;font-weight:500;display:flex}.mode-card small{letter-spacing:1px;color:#b9c9ca;font-size:9px;font-weight:400}.mode-card em{color:#d1dcde;margin-top:7px;font-size:12px;font-style:normal;display:block}.mode-card.selected{color:#17313c;background:#f4f5eeee;border-color:#fff;box-shadow:0 10px 40px #10283122}.mode-card.selected svg:first-child{color:#a84d38}.mode-card.selected small{color:#7b8582}.mode-card.selected em{color:#627073}.mode-card:hover{transform:translate(-4px)}.launch-button{color:#fff;letter-spacing:1px;cursor:pointer;background:#b04c36;border:1px solid #d66f52;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:53px;margin-top:19px;padding:16px 20px;font-size:15px;font-weight:500;transition:background .2s;display:flex}.launch-button:hover{background:#c35c43}.launch-button:disabled{opacity:.7;cursor:progress}.menu-controls{color:#ffffffc7;letter-spacing:.2px;justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.game-footer{letter-spacing:1.5px;color:#fff9;z-index:3;justify-content:space-between;gap:20px;font-size:10px;display:flex;position:absolute;bottom:27px;left:4%;right:4%}.loading-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#102832e8;border:1px solid #ffffff30;border-radius:4px;width:360px;max-width:90vw;padding:18px 22px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.loading-card>div:first-child{color:#e2e9e9;justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.loading-card b{color:#d89c79;font-size:12px;font-weight:400}.overlay-backdrop,.pause-layer{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#071b288c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.dialog-panel,.pause-card,.result-card{color:#f2f5f3;background:#10262def;border:1px solid #ffffff25;border-radius:5px;width:440px;max-width:100%;max-height:calc(100dvh - 40px);padding:36px;position:relative;overflow:auto;box-shadow:0 30px 100px #081b2b60}.dialog-panel h2,.pause-card h2,.result-card h2{letter-spacing:2px;margin:16px 0 24px;font-size:29px;font-weight:400}.close-button{background:0 0;border:0;width:30px;height:30px;position:absolute;top:18px;right:18px}.setting-row,.inline-setting{justify-content:space-between;align-items:center;gap:20px;margin:22px 0;font-size:14px;display:flex}.inline-setting{margin:15px 0}.slider-row{flex-wrap:wrap;align-items:center;gap:8px;margin:30px 0;font-size:14px;display:flex}.slider-row>span{color:#c6d2d3;margin-left:auto;font-size:12px}.slider-row>[data-slot=slider]{margin-top:14px}.dialog-note,.pause-card p{color:#b6c7c9;font-size:13px;line-height:1.9}.input-label{color:#d7e2e1;margin-top:25px;font-size:13px;display:block}input{color:#fff;background:#ffffff0b;border:1px solid #ffffff35;border-radius:3px;outline:none;width:100%;margin-top:10px;padding:13px 14px;font-size:15px}input:focus{border-color:#daa087}.join-row{gap:10px;display:flex}.join-row input{letter-spacing:4px;min-width:0;margin:0}.join-row button{white-space:nowrap;color:#fff;cursor:pointer;background:#ffffff15;border:1px solid #ffffff40;border-radius:3px;padding:10px 25px}.join-row button:disabled{opacity:.4}.divider{text-align:center;color:#9eb2b7;margin:24px 0;font-size:11px;position:relative}.room-error{color:#ffc5ae;font-size:13px;line-height:1.6}.error-card{z-index:50;background:#17313bef;border:1px solid #ffffff40;width:420px;max-width:90vw;padding:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-card p{font-size:14px;line-height:1.6}.error-card button{color:#fff;cursor:pointer;background:#b04c36;border:0;padding:12px 18px}.match-top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;white-space:nowrap;background:#102b3350;border-top:1px solid #fff6;border-radius:2px;align-items:center;gap:28px;padding:10px 25px;font-size:12px;display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}.match-top strong{letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:400}.crosshair{pointer-events:none;z-index:2;background:#fffc;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.crosshair i{background:#fff;position:absolute;box-shadow:0 0 2px #0008}.crosshair i:first-child{width:2px;height:7px;top:-13px;left:1px}.crosshair i:nth-child(2){width:2px;height:7px;top:10px;left:1px}.crosshair i:nth-child(3){width:7px;height:2px;top:1px;left:-13px}.crosshair i:nth-child(4){width:7px;height:2px;top:1px;left:10px}.crosshair.roaming i{display:none}.crosshair.hit{background:#e67a56}.crosshair.hit i{background:#ff916c}.health-display{text-shadow:0 1px 8px #102b38;width:170px;position:absolute;bottom:65px;left:4%}.health-display>span,.weapon-display>span{letter-spacing:2px;font-size:12px}.health-display>strong{font-variant-numeric:tabular-nums;font-size:50px;font-weight:400;line-height:1.4;display:block}.health-display>div{background:#fff5;width:160px;height:3px;margin:3px 0 15px}.health-display i{background:#fff;height:3px;transition:width .3s;display:block}.health-display small{font-size:12px}.health-display small span{opacity:.6;margin:0 14px}.weapon-display{text-align:right;text-shadow:0 1px 8px #102b38;position:absolute;bottom:70px;right:4%}.weapon-display>strong{font-variant-numeric:tabular-nums;font-size:55px;font-weight:400;line-height:1.6;display:block}.weapon-display>strong small{color:#ffffffac;margin-left:10px;font-size:20px}.weapon-display>div{color:#fff9;font-size:11px}.weapon-display>div span{margin-left:18px}.bottom-hint{white-space:nowrap;color:#fffb;letter-spacing:1px;text-shadow:0 1px 8px #102b38;font-size:11px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.game-message{letter-spacing:2px;text-shadow:0 2px 5px #0e2632;pointer-events:none;font-size:14px;position:absolute;top:57%;left:50%;transform:translate(-50%)}.respawn-notice{letter-spacing:4px;text-align:center;font-size:29px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.respawn-notice span{margin-top:20px;font-size:14px;display:block}.pause-layer{z-index:20;background:#071b2860}.pause-card{width:380px}.secondary-button{color:#dbe5e5;cursor:pointer;background:0 0;border:1px solid #ffffff35;border-radius:3px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:13px;font-size:13px;display:flex}.secondary-button:hover{background:#fff1}.score-list>div{border-bottom:1px solid #fff2;align-items:center;gap:20px;padding:12px 0;font-size:14px;display:flex}.score-list strong{margin-left:auto}.score-list b{color:#d49e79;font-weight:400}.result-card>p{color:#c1d0d0;font-size:14px}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #f4ba8f}button{font-family:inherit}button:disabled{cursor:not-allowed}@media (width>=1600px){.mode-panel{width:400px;right:7%}.mode-card{padding:25px 23px}.intro-block{bottom:25%}}@media (height<=760px) and (width>=900px){.game-header{height:80px}.intro-block{bottom:24%}.intro-block h1{font-size:90px}.mode-panel{width:330px;transform:translateY(-38%)}.mode-card{padding:15px 16px}.panel-caption{margin-bottom:12px}.game-footer{bottom:18px}.intro-block p{margin-top:25px}.match-top{top:82px}}@media (width<=900px){.header-location{display:none}.game-header{height:80px;padding:0 6%}.intro-block{top:20%;bottom:auto;left:7%}.intro-block h1{font-size:76px}.intro-block h1 span{letter-spacing:8px;font-size:17px}.intro-block p,.intro-detail{display:none}.mode-panel{width:330px;max-width:88%;top:auto;bottom:70px;right:6%;transform:none}.mode-card{padding:16px}.game-footer>span:first-child{display:none}.game-footer{gap:10px;font-size:9px;bottom:16px}.health-display{bottom:55px;left:6%}.weapon-display{bottom:55px;right:6%}.match-top{gap:15px;top:82px}.game-wordmark{font-size:14px}.brand-mark{width:29px;height:34px;font-size:26px}}@media (width<=600px){.intro-block{top:15%}.intro-block h1{margin:15px 0;font-size:61px}.intro-block h1 span{letter-spacing:8px;margin-top:14px;font-size:14px}.eyebrow{letter-spacing:2px;font-size:9px}.mode-panel{width:88%;bottom:52px}.panel-caption{display:none}.mode-card{margin-bottom:7px;padding:13px 15px}.mode-card strong{font-size:15px}.mode-card em{font-size:11px}.launch-button{margin-top:12px;padding:13px 17px}.menu-controls{margin-top:13px;font-size:10px}.game-footer{letter-spacing:0}.dialog-panel{padding:30px 23px}.bottom-hint{letter-spacing:0;font-size:9px}.health-display strong{font-size:35px}.weapon-display strong{font-size:38px}.game-message{font-size:12px}.header-location{display:none}.health-display{width:115px}.health-display>div{width:110px}}@media (height<=550px) and (width>=700px){.intro-block{top:30%}.mode-panel{width:300px;top:85px;bottom:auto}.mode-card{padding:10px}.mode-card em{display:none}.menu-controls{margin-top:10px}.game-header{height:65px}}.dialog-panel[data-slot=dialog-content]{display:block;position:fixed}.mode-card em{font-size:14px;line-height:1.55}.dialog-note{font-size:14px}.menu-controls{font-size:12px}.intro-block h1{letter-spacing:8px;font-size:clamp(52px,6vw,96px)}.intro-block{max-width:48%;left:5%}.mode-panel{transform:translateY(-45%)}.discovery-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#102b33dc;border:1px solid #d6c49a55;border-radius:4px;width:285px;padding:20px;position:absolute;bottom:65px;left:4%}.discovery-heading{letter-spacing:1px;justify-content:space-between;font-size:12px;display:flex}.discovery-heading b{color:#e5bd75}.discovery-marks{color:#aebcb8;gap:15px;margin:13px 0;font-size:23px;display:flex}.discovery-marks .found{color:#edc57d}.discovery-card strong{justify-content:space-between;font-size:15px;font-weight:500;display:flex}.discovery-card strong small{color:#e5bd75;font-size:12px}.discovery-card p{color:#d0dbd7;margin:9px 0;font-size:12px;line-height:1.8}.discovery-action{color:#f1d49b;margin:10px 0;font-size:12px}.discovery-card>small{color:#adbfbc;font-size:10px}@media (width<=900px){.mode-panel{transform:none}.intro-block{max-width:88%;top:13%}.intro-block h1{font-size:50px}.discovery-card{width:235px;padding:14px;bottom:60px}}@media (height<=700px){.intro-block{top:20%;bottom:auto}.mode-panel{max-height:calc(100dvh - 130px);overflow-y:auto}.mode-card{padding:12px 15px}.mode-card em{font-size:12px}.inline-setting{margin:10px 0}.intro-block h1{font-size:50px}.discovery-card{padding:12px}.discovery-marks{margin:7px 0}}
