*{box-sizing:border-box}body{margin:0;background:#172b30;color:#fff;font-family:system-ui,sans-serif;overflow:hidden}canvas#game{width:100vw;height:100dvh;display:block;touch-action:none}#hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;padding:12px 26px;background:#142b36cc;border-radius:12px;pointer-events:none;font-weight:700;white-space:nowrap}#cross{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:25px;pointer-events:none;color:#fff9}#map{position:fixed;left:max(18px,env(safe-area-inset-left));top:18px;width:125px;height:125px;border:2px solid #ffffff70;border-radius:50%;background:#233c3ad9}#feed{position:fixed;top:110px;right:22px;font-size:14px;text-shadow:0 2px 3px #000;pointer-events:none}#menu{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#102e3af5,#102e3a80);z-index:10;overflow:auto}.panel{width:min(500px,90vw);padding:32px}small{color:#d9bd7c;letter-spacing:3px}h1{font-size:clamp(36px,6vw,62px);margin:12px 0}h2{font-weight:400;letter-spacing:6px}p{color:#d2dcda;line-height:1.8}label{display:inline-block;margin:8px 12px 15px 0}select{padding:8px;border-radius:6px;background:#294955;color:#fff;border:1px solid #6a8587}button{cursor:pointer;border:0;border-radius:8px;background:#e7bd6b;color:#20343b;padding:14px 22px;font-weight:800}#start{display:block;width:100%;font-size:18px}.help{font-size:12px}#touch,body.playing #menu{display:none}body.hit:after{content:"";position:fixed;inset:0;border:18px solid #d85c5555;pointer-events:none}@media(pointer:coarse){#touch{display:block;position:fixed;inset:0;pointer-events:none;touch-action:none}#touch>*{pointer-events:auto;touch-action:none}#stick{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));width:120px;height:120px;border:1px solid #ffffff65;border-radius:50%;background:#ffffff15;display:grid;place-items:center}#stick i{width:46px;height:46px;background:#ffffff65;border-radius:50%;pointer-events:none}#aim{position:absolute;right:0;top:0;bottom:0;width:50%}#touch button{position:absolute;background:#203e4dbb;border:1px solid #fff6;color:#fff;border-radius:50%;padding:12px;min-width:55px;min-height:55px}#fire{bottom:70px;right:max(35px,env(safe-area-inset-right));width:78px;height:78px}#reload{bottom:22px;right:125px}#jump{bottom:150px;right:25px}#crouch{bottom:22px;right:210px}#weapon{bottom:90px;right:135px}#pause{top:15px;right:20px}#map{width:85px;height:85px}#hud{font-size:12px;padding:8px 12px}.panel{padding:16px}h1{margin:3px 0}h2{margin:4px 0}.help{font-size:10px}}@media(orientation:portrait)and (pointer:coarse){body:before{content:"建議旋轉裝置，以橫向獲得完整戰鬥視野";position:fixed;bottom:200px;text-align:center;width:100%;z-index:5;background:#142b36b0;padding:10px;pointer-events:none}}#menu{background:linear-gradient(90deg,#102632f5,#102632d9 40%,#10263224);place-items:center start;padding-left:7vw}.panel{width:min(520px,88vw);padding:28px}h1{letter-spacing:5px;text-shadow:0 5px 24px #0004}.rules{display:flex;gap:12px;margin:20px 0}.rules span{border:1px solid #bbd0ce40;border-radius:6px;padding:9px 16px;color:#e7d3a2}.rules em{font-size:11px;font-style:normal;color:#a9bdc5}#hud{border-top:3px solid #d9bd7c;letter-spacing:2px;min-width:245px}#status{position:fixed;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;pointer-events:none;font-size:16px;font-weight:700;text-shadow:0 2px 4px #102632}#status>span{background:#102632c9;border:1px solid #a9bdc54a;border-radius:8px;padding:12px 18px}#status b{font-size:26px;margin-left:14px}.health{color:#c4e5d1}#cross.confirmed{color:#ffd475;transform:translate(-50%,-50%) rotate(45deg) scale(1.3)}#performance{position:fixed;bottom:5px;left:50%;transform:translate(-50%);font-size:10px;color:#fff8;pointer-events:none}#pause-desktop{position:fixed;right:20px;top:20px;background:#102632aa;color:#fff;padding:10px 15px}body:not(.playing) #pause-desktop,body:not(.playing) #touch,body:not(.playing) #cross,body:not(.playing) #status{display:none}.menu-links{display:flex;gap:10px;margin-top:10px}.menu-links button{background:transparent;color:#d9ded8;font-size:12px;padding:9px;border:1px solid #a9bdc550;flex:1}dialog{position:fixed;z-index:20;inset:0;margin:auto;width:min(410px,90vw);max-height:90dvh;overflow:auto;background:#1d3946;color:#f6ead0;border:1px solid #9fb0aa;border-radius:14px;padding:24px;box-shadow:0 0 0 100vmax #081b27cc}dialog h2{font-size:19px;letter-spacing:2px}dialog label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0}input[type=range]{accent-color:#d7b16c;width:58%}button:disabled{opacity:.45;cursor:default}@media(pointer:coarse){#status{bottom:auto;top:max(58px,env(safe-area-inset-top));left:120px;right:85px;font-size:11px}#status>span{padding:5px 9px}#status b{font-size:15px;margin-left:5px}#pause-desktop{display:none}.panel{padding:10px}#menu{padding:10px 6vw}.rules{margin:8px 0}.rules span{padding:6px 10px}.intro{font-size:12px;line-height:1.5;margin:8px 0}.panel label{font-size:12px;margin:4px 0 8px}.panel #start{padding:10px}.help{margin:6px 0}#map{top:max(10px,env(safe-area-inset-top))}#feed{font-size:10px;top:92px;max-width:45vw}dialog{max-height:92dvh;padding:15px}dialog label{margin:10px 0}#touch #pause{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-width:40px;min-height:40px}}html,body{overscroll-behavior:none}#map{pointer-events:none}#touch{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch #aim{z-index:0}#touch button,#touch #stick{z-index:1}#touch button{margin-right:env(safe-area-inset-right);margin-bottom:env(safe-area-inset-bottom)}#touch-sensitivity{width:48%}#touch-sensitivity-value{font-size:12px;min-width:30px}body{touch-action:manipulation}body.playing,body.playing #game,body.playing #touch,body.playing #touch *{touch-action:none}html:fullscreen,html:-webkit-full-screen{width:100%;height:100%;background:#172b30}#fullscreen{position:fixed;right:max(68px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:4;padding:10px 12px;background:#142b36bb;color:#fff;font-size:12px;min-height:44px}#fullscreen-hint{position:fixed;z-index:21;bottom:max(8px,env(safe-area-inset-bottom));left:22%;right:22%;background:#142b36ed;color:#fff;font-size:11px;padding:10px;border-radius:8px;pointer-events:none}#fullscreen-hint[hidden]{display:none}body:not(.playing) #fullscreen{z-index:11}button{touch-action:manipulation}#touch svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}@media(pointer:coarse){#touch #fire-left{left:max(58px,env(safe-area-inset-left));bottom:calc(max(30px,env(safe-area-inset-bottom)) + 148px);width:64px;height:64px;margin:0}#touch #ads{right:calc(max(25px,env(safe-area-inset-right)) + 85px);bottom:166px;width:56px;height:56px}#touch button:active{background:#d3b16ccc;border-color:#fff;transform:scale(.94)}}