:root{--ink:#233337;--paper:#f4ebd4;--red:#b54932;--blue:#28636a;--yellow:#f4c05b;font-family:'Trebuchet MS','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e8ddc3}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:disabled{cursor:wait;opacity:.7}button{border:0}button:active{transform:translate(2px,2px)}[hidden]{display:none!important}#game,#viewport{position:absolute;width:100%;height:100%;inset:0}#viewport{display:block;touch-action:none}.paper-grain{position:absolute;inset:0;pointer-events:none;opacity:.13;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.28' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.menu-screen{position:absolute;inset:0;z-index:5;padding:32px 4.8vw 22px;background:linear-gradient(90deg,rgba(244,235,212,.98) 0%,rgba(244,235,212,.94) 27%,rgba(244,235,212,.64) 42%,transparent 64%);display:flex;flex-direction:column}.menu-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px;color:var(--ink);text-decoration:none;font-size:19px}.brand-mark{font-family:Georgia,serif;display:grid;place-items:center;width:34px;height:36px;background:var(--ink);color:var(--paper);font-size:34px;letter-spacing:-4px;transform:rotate(-6deg);padding-right:5px}.edition{border-left:1px solid #39474555;padding-left:18px;margin-left:10px;font-size:10px;letter-spacing:1.5px;opacity:.6}.build-stamp{font-size:12px;border:1px solid var(--ink);padding:8px 12px;background:#f3eadcbb;transform:rotate(2deg);letter-spacing:2px}.menu-content{margin:auto 0;max-width:470px;padding:30px 0}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:2.5px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{height:8px;width:8px;background:var(--red)}h1{margin:25px 0 22px;font-size:clamp(58px,6.4vw,96px);line-height:1.02;font-weight:950;letter-spacing:-5px;transform:rotate(-2deg);transform-origin:left center}h1>span{display:inline-block;color:var(--red);position:relative}h1>span:after{content:'';position:absolute;bottom:-9px;left:8px;right:-7px;height:5px;background:var(--red);clip-path:polygon(0 40%,100% 0,94% 55%,3% 100%)}h1 em{display:block;font-size:.36em;letter-spacing:9px;margin-top:16px;font-style:normal;font-weight:900}.intro{font-size:16px;line-height:1.9;opacity:.8;letter-spacing:1px;margin:24px 0}.match-note{display:flex;align-items:center;gap:12px;font-size:12px;padding:13px 0;margin:0 0 22px;border-top:1px solid #24353833;border-bottom:1px solid #24353833;max-width:372px}.match-note b{font-size:15px}.match-note i{opacity:.3}.note-dot{width:7px;height:7px;background:var(--blue);transform:rotate(45deg)}.setup{display:flex;align-items:center;justify-content:space-between;max-width:372px;margin:0 0 15px;font-size:13px}.setup>label{font-size:12px;opacity:.65}.select-wrap{position:relative}select{border:0;border-bottom:1px solid #24353855;background:transparent;color:var(--ink);padding:8px 20px 8px 8px;cursor:pointer;font-size:13px}.start-button{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:372px;background:var(--ink);color:var(--paper);font-size:18px;font-weight:700;letter-spacing:3px;padding:20px 23px;text-align:left;border:2px solid var(--ink);box-shadow:4px 4px 0 #b7ab8d;transition:background .2s,transform .15s}.start-button:hover{background:#365558}.start-arrow{font-size:27px;line-height:20px}.secondary-actions{display:flex;gap:21px;margin-top:22px;max-width:390px}.secondary-actions button{background:none;padding:0;font-size:12px;border-bottom:1px solid transparent}.secondary-actions button:hover{border-color:currentColor}.secondary-actions span{border:1px solid #23333780;padding:0 3px;margin-left:4px;font-size:10px}.map-tag{position:absolute;right:5vw;bottom:118px;transform:rotate(-3deg);background:var(--paper);padding:22px 28px;box-shadow:5px 5px 0 #23333755;border:1.5px solid var(--ink);width:285px}.map-tag:before{content:'';position:absolute;width:88px;height:21px;left:98px;top:-11px;background:#d7b980ad;transform:rotate(7deg)}.map-tag>span{font-size:11px;letter-spacing:2px}.map-tag strong{display:block;font-size:29px;letter-spacing:4px;margin:9px 0 6px}.map-tag>div{font:10px monospace;letter-spacing:2.4px}.map-tag p{font-size:11px;border-top:1px dashed #24353855;padding-top:12px;margin:14px 0 0;opacity:.7}.menu-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #23333744;padding-top:16px;font:10px monospace;letter-spacing:1.5px}.menu-footer p{margin:0 0 0 auto;font:12px sans-serif;letter-spacing:.5px}.menu-footer button{background:transparent;font-size:12px;padding:0}.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#18292e88;backdrop-filter:blur(6px);padding:22px}.paper-panel{background:var(--paper);padding:38px;width:480px;max-width:100%;max-height:90dvh;overflow:auto;border:2px solid var(--ink);box-shadow:7px 7px 0 #18292e77}.paper-panel h2{font-size:31px;letter-spacing:-1px;margin:18px 0}.paper-panel p{font-size:14px;line-height:1.9;opacity:.8}.paper-panel .start-button{margin-top:24px;max-width:none;font-size:16px;padding:16px 20px}.paper-panel .small{font-size:12px}.paper-panel a{color:var(--blue);font-size:13px}.slider-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:25px;gap:20px}.slider-label input{accent-color:var(--blue);width:54%}.panel-actions{display:flex;gap:20px;margin-top:25px}.panel-actions button{background:none;border-bottom:1px solid var(--ink);padding:5px 0;font-size:14px}.controls-list>div{display:flex;justify-content:space-between;border-bottom:1px dashed #23333733;padding:10px 0;font-size:14px}kbd{font-size:12px;font-weight:700}#hud{position:absolute;inset:0;pointer-events:none;z-index:4;color:var(--ink)}.radar-wrap{position:absolute;left:24px;top:24px;width:160px;transform:rotate(-2deg)}#radar{width:160px;height:160px;background:#f4ebd4e8;border:2px solid var(--ink);box-shadow:3px 3px 0 #23333744}#location{display:block;font:10px monospace;letter-spacing:1px;background:var(--ink);color:var(--paper);padding:7px 8px}.match-strip{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;filter:drop-shadow(2px 3px 0 #23333733)}.team{display:flex;gap:16px;align-items:center;padding:11px 19px;background:var(--paper);border:2px solid var(--ink);font-size:12px}.team b{font-size:32px;line-height:1}.team.blue{border-right:0;color:var(--blue);transform:rotate(-3deg)}.team.red{border-left:0;color:var(--red);transform:rotate(3deg)}.round-clock{padding:8px 25px;text-align:center;color:var(--paper);background:var(--ink);z-index:1}.round-clock>span{display:block;font:10px monospace;letter-spacing:1px}.round-clock strong{display:block;font:bold 28px monospace;margin:3px 0}.round-clock small{font:10px monospace;opacity:.7;letter-spacing:4px}.icon-button{position:absolute;top:24px;right:25px;pointer-events:auto;font-size:18px;width:40px;height:39px;background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 #23333733}#killfeed{position:absolute;right:24px;top:82px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:12px}#killfeed>div{background:#f4ebd4e8;border-right:3px solid var(--red);padding:8px 12px;box-shadow:2px 2px 0 #23333733}#killfeed .ct{color:var(--blue);font-weight:bold}#killfeed .t{color:var(--red);font-weight:bold}#killfeed .weapon{padding:0 12px;font:10px monospace;opacity:.6}#crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#f4ebd4;outline:1px solid #1e3030;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#f4ebd4;box-shadow:0 0 0 1px #1e3030}#crosshair i:nth-child(1){width:2px;height:7px;left:1px;top:-11px}#crosshair i:nth-child(2){width:2px;height:7px;left:1px;bottom:-11px}#crosshair i:nth-child(3){height:2px;width:7px;top:1px;left:-11px}#crosshair i:nth-child(4){height:2px;width:7px;top:1px;right:-11px}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;line-height:1;color:#fff4cc;opacity:0;text-shadow:1px 1px #333}#damage{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 130px 35px #ab3926;opacity:0}#announcement{position:absolute;left:50%;top:31%;transform:translate(-50%,-50%) rotate(-2deg);text-align:center;opacity:0;transition:opacity .2s;min-width:300px}#announcement-label{font:11px monospace;letter-spacing:3px;background:var(--ink);color:var(--paper);padding:6px 12px}#announcement-title{display:block;font-size:42px;font-weight:900;letter-spacing:3px;text-shadow:2px 2px var(--paper),-2px -2px var(--paper),-2px 2px var(--paper),2px -2px var(--paper);margin-top:12px}#announcement-detail{font-size:13px;background:var(--paper);padding:8px 15px;display:inline-block;margin-top:10px;border:1px solid var(--ink)}#toast{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:9px 20px;font-size:13px;opacity:0;transition:opacity .2s}.bottom-hud{position:absolute;bottom:25px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.vitals{background:#f4ebd4ed;border:2px solid var(--ink);padding:14px 18px;display:flex;gap:13px;align-items:center;box-shadow:3px 3px 0 #23333744;transform:rotate(-1deg)}.cross{color:var(--red);font-size:32px;font-weight:900}.vitals>strong{font:bold 36px monospace}.vitals small{display:block;font-size:10px;letter-spacing:2px;margin-bottom:6px}.health-track{display:block;width:55px;height:5px;background:#23333730}.health-track i{display:block;width:100%;height:100%;background:var(--red)}.armor-symbol{border-left:1px solid #23333733;padding-left:12px;color:var(--blue);font-size:25px}.vitals b{font:bold 18px monospace}.hud-hint{font-size:11px;background:#f4ebd4be;padding:8px 12px;opacity:.8;margin-bottom:5px}.ammo{text-align:right;background:var(--ink);color:var(--paper);border:2px solid var(--paper);padding:10px 22px;min-width:164px;transform:rotate(1deg)}.ammo>span{font-size:11px;letter-spacing:1px}.ammo>div{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;margin-top:3px}.ammo strong{font:bold 43px monospace}.ammo div>span{font:16px monospace;opacity:.65}#reload-indicator{position:absolute;left:50%;top:58%;transform:translateX(-50%);font-size:12px;text-shadow:1px 1px var(--paper)}#reload-indicator>span{display:block;background:#23333744;height:3px;margin-top:8px;width:100px}#reload-indicator i{display:block;height:100%;width:0;background:var(--ink)}#scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:25px 35px;background:#f4ebd4f5;border:2px solid var(--ink);width:550px;max-width:90vw}#scoreboard h2{margin:0;font-size:24px}#scoreboard p{font-size:12px;opacity:.6}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:right;padding:9px;border-bottom:1px solid #23333725}td:first-child,th:first-child{text-align:left}tr.ct{color:var(--blue)}tr.t{color:var(--red)}#touch-controls{position:absolute;inset:0;z-index:6;pointer-events:none;touch-action:none}#joystick{position:absolute;bottom:105px;left:35px;width:112px;height:112px;border-radius:50%;border:2px solid #23333777;background:#f4ebd444;pointer-events:auto;touch-action:none}#joystick span{position:absolute;top:34px;left:34px;width:40px;height:40px;border-radius:50%;background:#23333788;border:2px solid #f4ebd4;pointer-events:none}.touch-actions{position:absolute;right:26px;bottom:110px;display:flex;align-items:flex-end;gap:12px;pointer-events:auto}.touch-actions button{width:50px;height:50px;border-radius:50%;border:2px solid #233337;background:#f4ebd4b9;font-size:12px;touch-action:none}.touch-actions #touch-fire{width:78px;height:78px;background:#b54932c9;color:var(--paper);font-weight:bold;font-size:16px}
@media(min-width:1600px){.menu-content{max-width:560px}.intro{font-size:18px}.menu-screen{padding-top:42px;padding-bottom:30px}}
@media(max-height:760px){.menu-screen{padding-top:23px}.menu-content{padding:17px 0}h1{font-size:68px;margin:20px 0 16px}.intro{margin:16px 0}.match-note{margin-bottom:10px}.secondary-actions{margin-top:16px}.map-tag{bottom:100px}}
@media(max-height:620px){.menu-content{padding:8px 0}h1{font-size:49px;margin:13px 0}h1 em{margin-top:10px}.intro{font-size:13px;margin:8px 0;line-height:1.6}.match-note{padding:8px 0;font-size:11px;margin-bottom:6px}.start-button{padding:13px 20px}.setup{margin-bottom:8px}.eyebrow{font-size:10px}.secondary-actions{margin-top:12px}.menu-footer{padding-top:10px}.map-tag{bottom:85px}.edition{display:none}}
@media(max-width:850px){.hud-hint{display:none}.menu-screen{padding-left:6vw;padding-right:6vw;background:linear-gradient(90deg,#f4ebd4ed,#f4ebd4d9 37%,#f4ebd433 90%)}.map-tag{right:5vw;bottom:100px;width:215px;padding:17px 20px}.map-tag strong{font-size:23px}.map-tag:before{left:66px}.edition{display:none}.build-stamp{font-size:10px}.radar-wrap{left:15px;top:15px;width:116px}#radar{width:116px;height:116px}#location{font-size:8px}.team{gap:9px;padding:9px 11px}.team b{font-size:25px}.round-clock{padding:6px 15px}.round-clock strong{font-size:23px}.match-strip{top:15px}.bottom-hud{left:15px;right:15px;bottom:17px}.vitals{padding:8px 11px;gap:7px}.vitals>strong{font-size:28px}.ammo{padding:8px 14px;min-width:132px}.ammo strong{font-size:32px}.vitals>div{display:none}#killfeed{top:75px;right:15px;font-size:10px}.icon-button{top:15px;right:15px}.touch-actions{bottom:100px}}
@media(max-width:600px){.menu-screen{padding:23px 7vw;background:linear-gradient(90deg,#f4ebd4f2,#f4ebd4b8)}.build-stamp{font-size:9px;padding:7px;letter-spacing:0}.brand{font-size:15px;gap:8px}.brand-mark{width:27px;height:30px;font-size:27px}.menu-content{max-width:100%;padding-bottom:45px}h1{font-size:74px}.eyebrow{font-size:10px}.intro{font-size:14px}.map-tag{display:none}.menu-footer>span{display:none}.menu-footer p{margin:0;font-size:10px}.menu-footer{padding-top:12px}.match-note{font-size:11px;gap:9px}.start-button{max-width:none}.secondary-actions{justify-content:space-between;gap:10px}.paper-panel{padding:25px}.paper-panel h2{font-size:27px}.radar-wrap{width:90px}#radar{width:90px;height:90px}.team>span{display:none}.team{padding:10px}.round-clock{padding:6px 12px}.round-clock strong{font-size:20px}#killfeed{top:135px}#announcement-title{font-size:31px}.vitals{gap:6px}.armor-symbol{padding-left:6px}.touch-actions{right:14px;gap:6px}.touch-actions button{width:43px;height:43px}.touch-actions #touch-fire{width:68px;height:68px}#joystick{left:20px;bottom:125px}.touch-actions{bottom:125px}}
@media(max-height:500px) and (orientation:landscape){.menu-screen{padding:14px 5vw}.menu-content{padding:0}.brand{font-size:14px}.brand-mark{height:25px;width:25px;font-size:25px}h1{font-size:42px;margin:8px 0}h1 em{font-size:16px;letter-spacing:6px}.intro{display:none}.match-note{margin-top:14px}.map-tag{bottom:60px}.menu-footer{padding-top:6px}.menu-content .eyebrow{display:none}.setup{margin:0 0 7px}.start-button{padding:10px 18px}.secondary-actions{margin-top:12px}#joystick,.touch-actions{bottom:88px}#announcement{top:40%}.radar-wrap{width:95px}#radar{width:95px;height:95px}.paper-panel{max-height:92dvh;padding:22px}.bottom-hud{bottom:10px}}