@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--orange:#f28043;--paper:#e9e9dc;--muted:#9ba7a4;--line:rgba(213,222,212,.17)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1113;color:var(--paper);font-family:'Noto Sans Thai',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{border:0}#game{width:100%;height:100%;display:block;touch-action:none}.vignette,.grain,#damage{position:fixed;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse at 55% 45%,transparent 28%,rgba(4,10,12,.24) 65%,rgba(3,7,8,.78) 100%);z-index:1}.grain{z-index:2;opacity:.035;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='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.9' filter='url(%23n)'/%3E%3C/svg%3E")}#damage{z-index:3;opacity:0;background:radial-gradient(ellipse,transparent 20%,#921d18b0);transition:opacity .14s}#topbar{position:fixed;top:0;left:0;width:100%;padding:27px 42px;display:flex;justify-content:space-between;align-items:center;z-index:8}.wordmark{text-decoration:none;color:var(--paper);font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:800;letter-spacing:2px}.wordmark span{color:var(--orange);padding:0 5px}.wordmark small{font-size:13px;letter-spacing:3px;vertical-align:middle}.header-right{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:2px}.status-dot{width:6px;height:6px;background:var(--orange);display:inline-block;box-shadow:0 0 12px #f2804344}.icon-button{width:32px;height:32px;background:#07101450;border:1px solid var(--line);font-size:18px;margin-left:8px}#pauseBtn{display:none}.screen{position:fixed;inset:0;z-index:5}#menu{background:linear-gradient(90deg,rgba(7,13,15,.96) 0%,rgba(7,13,15,.87) 27%,rgba(7,13,15,.4) 49%,transparent 72%)}.menu-content{position:absolute;left:8%;top:17%;width:450px;max-width:45vw}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:600;display:flex;align-items:center;gap:10px;color:#bec9c4}.eyebrow span{display:block;width:22px;height:2px;background:var(--orange)}h1{position:relative;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(85px,9.7vw,160px);line-height:.81;letter-spacing:-1px;margin:25px 0 21px;text-shadow:0 5px 35px #0004}h1 span{color:var(--orange)}h1 sup{position:absolute;top:7px;margin-left:17px;font-size:17px;letter-spacing:0;border:1px solid var(--line);padding:4px 8px;line-height:1}.subtitle{display:flex;align-items:center;gap:14px;font:500 15px 'Barlow Condensed',sans-serif;letter-spacing:8px;margin:0 0 24px}.subtitle i{display:block;width:34px;height:1px;background:var(--line)}.intro{font-size:13px;line-height:1.9;color:#b8c0b9;margin:0 0 26px}.menu-actions{display:flex;flex-direction:column;gap:10px;width:314px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--orange);color:#171a17;font-weight:700;font-size:14px;padding:17px 21px;min-height:56px;transition:background .2s,transform .2s}.primary:hover{background:#ffa76b;transform:translateY(-2px)}.primary b{font:500 24px sans-serif}.secondary{background:#12202270;padding:13px 19px;border:1px solid var(--line);text-align:left;font-size:12px;transition:background .2s}.secondary:hover{background:#23373b}.secondary span{float:right;color:var(--muted)}.options{display:flex;gap:12px;margin:20px 0;width:314px}.option{background:none;padding:0;display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px;flex:1;text-align:left}.option strong{color:var(--paper);font-weight:500}.option span{margin-left:auto}.best{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-top:24px;width:314px;flex-wrap:wrap}.best>span{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.best strong{font:500 25px 'Barlow Condensed',sans-serif;letter-spacing:2px}.best small{font-size:9px;color:#818e88;width:100%;margin-top:-12px}.scene-label{position:absolute;right:48px;bottom:108px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:203px;font-size:9px;letter-spacing:1.4px}.scene-label i{width:25px;height:1px;background:var(--line)}.scene-label b{font-weight:400;color:#b6c0ba}.scene-label small{width:100%;padding-left:16px;letter-spacing:.3px;color:var(--muted);font-size:10px}footer{position:absolute;bottom:0;left:0;right:0;padding:22px 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8c9b97}footer b{color:var(--orange);margin-left:12px}.hidden{display:none!important}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#030a0dcc;backdrop-filter:blur(9px);z-index:15;padding:24px}.panel{background:linear-gradient(140deg,#172428ee,#0c1418ee);border:1px solid #62716a44;border-top:2px solid var(--orange);padding:38px;max-width:640px;width:100%;box-shadow:0 25px 80px #0006}.panel h2{font-size:29px;margin:17px 0 14px}.panel p{font-size:13px;color:#b3bfb8;line-height:1.9}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.key-grid span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}kbd{font:10px 'Noto Sans Thai',sans-serif;border:1px solid #55655b80;background:#263638;min-width:84px;padding:7px 9px;text-align:center;color:var(--paper)}.panel .muted{font-size:11px}.panel .primary{width:100%;margin-top:25px}.compact{max-width:440px}.compact .secondary{display:block;width:100%;margin-top:12px;text-align:center}.dead-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px!important;line-height:.96}.dead-title span{color:var(--orange);font-size:30px}.results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.results span{display:block;color:var(--muted);font-size:10px}.results b{font:500 35px 'Barlow Condensed',sans-serif}#hud{position:fixed;inset:0;z-index:4;pointer-events:none}.wave-top{position:absolute;top:103px;left:42px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;width:180px}.wave-top>span,.score-top>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.wave-top b{font:600 30px 'Barlow Condensed',sans-serif;color:var(--orange)}.wave-top small{display:block;width:100%;font-size:10px;margin-top:-8px;color:#bdc9c4}.score-top{position:absolute;top:103px;right:42px;text-align:right}.score-top b{display:block;font:500 32px 'Barlow Condensed',sans-serif;letter-spacing:2px}.score-top small{font-size:8px;letter-spacing:1.6px;color:var(--muted)}#crosshair{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);transition:width .1s,height .1s}#crosshair i{position:absolute;background:#e4e9dba0;box-shadow:0 0 3px #000}#crosshair i:nth-child(1){width:8px;height:1px;left:0;top:50%}#crosshair i:nth-child(2){width:8px;height:1px;right:0;top:50%}#crosshair i:nth-child(3){width:1px;height:8px;left:50%;top:0}#crosshair i:nth-child(4){width:1px;height:8px;left:50%;bottom:0}#crosshair b{width:2px;height:2px;border-radius:50%;background:#e4e9db;position:absolute;left:50%;top:50%}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:40px sans-serif;color:#fff;opacity:0}#event{position:absolute;top:26%;left:0;right:0;text-align:center;opacity:0;transition:opacity .5s;text-shadow:0 2px 15px #000}#event span{font-size:10px;letter-spacing:4px;color:var(--orange)}#event h2{font:600 50px 'Barlow Condensed','Noto Sans Thai',sans-serif;letter-spacing:3px;margin:8px}#killFeed{position:absolute;right:42px;top:210px;text-align:right;font-size:10px;color:#deded2}#killFeed div{margin-bottom:9px;text-shadow:0 1px 3px #000}#killFeed b{color:var(--orange);margin-left:12px}.health-block{position:absolute;bottom:48px;left:42px;width:196px}.health-block>div:first-child{display:flex;align-items:center;gap:11px}.health-symbol{font-size:28px;color:var(--orange)}.health-block b{font:600 45px 'Barlow Condensed',sans-serif}.health-block small{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:15px}.health-track,.stamina-track{height:3px;background:#d2e4d229;width:100%;margin-top:7px}.stamina-track{height:2px;width:75%;margin-top:8px}.health-track i,.stamina-track i{display:block;height:100%;background:var(--orange);transition:width .2s}.stamina-track i{background:#b2c8bb}.ammo-block{position:absolute;right:42px;bottom:46px;text-align:right;width:160px}.ammo-block>span{font-size:8px;letter-spacing:2px;color:var(--muted)}.ammo-block>div{display:flex;justify-content:flex-end;align-items:baseline;gap:13px}.ammo-block b{font:600 64px 'Barlow Condensed',sans-serif;line-height:1}.ammo-block i{font:300 28px sans-serif;color:#64736e}.ammo-block div>span{font:500 25px 'Barlow Condensed',sans-serif;color:#b5c3bb}.ammo-block>small{font-size:9px;color:var(--muted)}#shells{gap:4px;margin-top:10px}#shells i{display:block;width:7px;height:17px;background:var(--orange);border-top:3px solid #f7c077}#shells i.empty{background:#89918e26;border-color:#89918e44}.hud-bottom{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font:9px sans-serif;letter-spacing:1px;color:#d4e1d3aa;white-space:nowrap}.hud-bottom span{font:8px 'Noto Sans Thai',sans-serif;color:#889b91;margin-left:3px}.objective{position:absolute;bottom:97px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;font-size:10px;color:#dbe5d5b0;text-shadow:0 1px 6px #000;white-space:nowrap}.objective i{width:5px;height:5px;transform:rotate(45deg);background:var(--orange)}#loading{position:fixed;inset:0;background:#0c1519;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column}#loading h2{font:700 42px 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;margin:17px}.brand-icon{font-size:32px;color:var(--orange)}#loading p{font-size:11px;color:var(--muted)}.load-line{width:180px;height:2px;background:#253338;overflow:hidden;margin-top:20px}.load-line:after{content:'';display:block;height:100%;width:50%;background:var(--orange);animation:loading 1s infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(200%)}}#toast{position:fixed;bottom:150px;left:50%;transform:translateX(-50%);padding:10px 19px;background:#101f24e8;border:1px solid var(--line);font-size:11px;z-index:20;opacity:0;transition:opacity .2s;pointer-events:none}#mobile{position:fixed;inset:0;z-index:7;pointer-events:none}#mobile button{position:absolute;border:1px solid #deead780;background:#13202790;border-radius:50%;pointer-events:auto;touch-action:none}#mobileFire{width:75px;height:75px;right:24px;bottom:100px;border-color:var(--orange)!important;color:var(--orange);font-size:21px}#mobileReload{width:46px;height:46px;right:112px;bottom:95px}#mobileAim{width:46px;height:46px;right:50px;bottom:190px;font-size:11px}#stick{position:absolute;left:35px;bottom:85px;width:100px;height:100px;border:1px solid #c5dec633;border-radius:50%;pointer-events:auto;touch-action:none;background:#20303930}#stick i{display:block;width:40px;height:40px;border:1px solid #d9edd64d;background:#b7ccbc33;border-radius:50%;position:absolute;left:29px;top:29px}body.playing #topbar{padding-top:22px}body.playing #pauseBtn{display:block}body.playing .vignette{background:radial-gradient(ellipse,transparent 35%,#03090b65 100%)}
@media(min-width:1600px){.menu-content{top:19%}}@media(max-height:760px) and (min-width:701px){.menu-content{top:15%}h1{font-size:107px;margin:19px 0}.intro{margin-bottom:18px}.subtitle{margin-bottom:17px}.best{margin-top:15px}.menu-actions{gap:8px}.primary{padding:13px 20px;min-height:48px}.options{margin:15px 0}}@media(max-width:700px){#topbar{padding:20px}.header-right>span:nth-child(2){display:none}.wordmark{font-size:21px}.wordmark small{font-size:11px}.menu-content{left:7%;top:17%;max-width:87vw;width:330px}#menu{background:linear-gradient(90deg,#071014ea,#07101496 60%,#07101444)}h1{font-size:104px}.eyebrow{font-size:8px;letter-spacing:1.5px}.scene-label{display:none}footer{padding:18px 20px;font-size:7px;letter-spacing:1px}footer span:last-child{display:none}.intro{font-size:12px}.menu-actions,.options,.best{width:280px}.panel{padding:25px}.key-grid{gap:10px}.key-grid span{font-size:10px;gap:7px}kbd{min-width:73px;font-size:9px}.wave-top{top:80px;left:20px}.score-top{top:80px;right:20px}.health-block{bottom:22px;left:20px;width:130px}.health-block b{font-size:35px}.ammo-block{right:20px;bottom:21px}.ammo-block b{font-size:47px}.hud-bottom,.objective{display:none}#killFeed{top:170px;right:20px}#event h2{font-size:37px}.best{margin-top:18px}#crosshair{width:35px;height:35px}}
@media(max-width:700px) and (min-height:601px){#mobileFire{bottom:155px}#mobileReload{bottom:155px}#mobileAim{bottom:244px}}
@media(max-height:600px){.menu-content{top:17%;width:370px}h1{font-size:78px;margin:15px 0}.intro{font-size:10px;margin-bottom:12px}.subtitle{font-size:11px;margin-bottom:12px}.menu-actions{gap:6px}.primary{min-height:42px;padding:10px 16px}.secondary{padding:9px 16px}.options{margin:12px 0}.best{display:none}footer{padding:12px 25px}.panel{padding:20px}.key-grid{margin:14px 0}.panel h2{margin:10px 0}.panel p{font-size:11px}.panel .primary{margin-top:15px}}
body.playing #game{cursor:none}
/* Arsenal and combat rewards */
.mode-option{display:flex;width:314px;justify-content:space-between;align-items:center;font-size:10px;background:#18272b80;border:1px solid var(--line);padding:9px 12px;color:#aebfb7}.mode-option b{font-weight:500;color:var(--orange)}
#arsenal{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);display:flex;gap:5px;pointer-events:auto}#arsenal button{background:#101c21cc;border:1px solid #69807845;width:74px;padding:8px 5px;position:relative;color:#a9b9b0;transition:background .15s,border-color .15s}#arsenal button.active{border-color:var(--orange);background:#47372ac9;color:#ffe2c1}#arsenal button small{font:9px 'Barlow Condensed',sans-serif;letter-spacing:1px}#arsenal button b{display:block;font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.6px;margin-top:4px}#arsenal button span{display:block;font:9px sans-serif;color:#81948b;margin-top:4px}#arsenal button.active span{color:#e3bd95}#arsenal button:hover{border-color:#dcbe9b}#arsenal button i{display:block;height:2px;background:var(--orange);margin-top:6px;transform-origin:left center}
.objective{bottom:160px}.hud-bottom{bottom:16px}#reloadProgress{position:absolute;left:50%;top:calc(50% + 50px);width:100px;transform:translateX(-50%);height:3px;background:#778d8060}#reloadProgress span{position:absolute;bottom:8px;width:100%;text-align:center;font:8px sans-serif;letter-spacing:2px;color:#d9dcc7}#reloadProgress i{display:block;height:100%;background:var(--orange);width:0}
#combo{position:absolute;left:42px;top:192px;width:140px}#combo small{font:8px sans-serif;letter-spacing:2px;color:#bfc6ad}#combo b{font:700 39px 'Barlow Condensed',sans-serif;color:var(--orange);display:block;line-height:1.1}#combo span{font-size:9px;color:#dbcbb1}#comboBar{display:block;height:2px;background:var(--orange);margin-top:9px;width:100%;transform-origin:left center}
#reward{position:absolute;right:42px;bottom:188px;text-align:right;color:#efb778;font-size:11px;text-shadow:0 2px 5px #000;opacity:0;transition:opacity .15s}#threat{position:absolute;left:50%;top:165px;transform:translateX(-50%);font-size:12px;color:#ffc783;letter-spacing:.3px;padding:8px 15px;background:#261d18b5;border:1px solid #e49a4b66;opacity:0;text-shadow:0 1px 5px #000}
#boss{position:absolute;top:85px;left:50%;transform:translateX(-50%);width:320px}#boss span{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:4px;color:#e99570}#boss>b{font:500 11px sans-serif;float:right;color:#cbb8a5}#boss>div{height:5px;margin-top:7px;background:#242d2b}#bossBar{display:block;background:#d97852;height:100%;width:100%;transition:width .15s}
#poison{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 45%,#68903c99);opacity:0;z-index:3;transition:opacity .12s}
.upgrade-panel{max-width:760px}.upgrade-panel h2{font-size:33px}.upgrade-panel>p{margin:8px 0 25px}#upgradeCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#upgradeCards button{padding:24px 18px;text-align:left;background:#1d3033;border:1px solid #65766566;transition:background .2s,transform .2s}#upgradeCards button:hover{transform:translateY(-4px);background:#344238;border-color:var(--orange)}#upgradeCards button .perk-icon{font:35px 'Barlow Condensed',sans-serif;color:var(--orange);display:block;margin-bottom:22px}#upgradeCards button b{display:block;font-size:14px;margin-bottom:9px}#upgradeCards button p{font-size:11px;line-height:1.8;margin:0;color:#a7b9b0}#upgradeCards button small{display:block;font:8px sans-serif;letter-spacing:2px;color:#819789;margin-top:18px}
@media(max-height:760px) and (min-width:701px){.best{margin-top:13px;padding-top:11px}.menu-content{top:13%}h1{font-size:98px}.mode-option{padding:7px 12px}.intro{margin-bottom:15px}.options{margin:12px 0}}
@media(max-width:700px){.mode-option{width:280px}#arsenal{bottom:92px;gap:3px}#arsenal button{width:56px;padding:5px 4px}#arsenal button small{font-size:7px}#arsenal button b{font-size:12px}#arsenal button span{font-size:8px}#arsenal button i{margin-top:4px}#combo{left:20px;top:157px;width:96px}#combo b{font-size:28px}#combo span{font-size:8px}#reward{right:20px;bottom:151px;font-size:9px}#threat{top:207px;font-size:10px;white-space:nowrap;padding:7px 10px}#boss{width:175px;top:145px}#boss span{font-size:10px;letter-spacing:2px}.upgrade-panel{padding:22px}#upgradeCards{grid-template-columns:1fr;gap:8px}#upgradeCards button{padding:13px 17px}#upgradeCards button .perk-icon{float:left;font-size:27px;margin:0 15px 0 0;min-width:31px}#upgradeCards button b{font-size:12px;margin-bottom:4px}#upgradeCards button p{font-size:10px}#upgradeCards button small{display:none}.upgrade-panel>p{margin-bottom:15px}.upgrade-panel h2{font-size:25px}.best{margin-top:14px}.objective{display:flex;bottom:171px;font-size:8px}#mobileFire{bottom:202px}#mobileReload{bottom:190px}#mobileAim{bottom:292px}#stick{bottom:183px}}
@media(max-height:600px) and (orientation:landscape){#arsenal{bottom:22px}#arsenal button{padding:4px;width:58px}#arsenal button span,#arsenal button small{display:none}.objective{bottom:82px}#mobileFire{bottom:83px;width:58px;height:58px}#mobileReload{bottom:90px}#mobileAim{bottom:154px}#stick{bottom:83px;width:90px;height:90px}#stick i{left:24px;top:24px}.upgrade-panel{max-width:690px}#upgradeCards{grid-template-columns:repeat(3,1fr)}#upgradeCards button .perk-icon{float:none;margin-bottom:10px}.upgrade-panel>p{margin-bottom:15px}.mode-option{padding:5px 12px}.intro{margin-bottom:10px}}
@media(min-width:701px) and (min-height:761px){.menu-content{top:14%}}
@media(max-width:700px) and (min-height:601px){#arsenal{bottom:134px}#stick{bottom:221px}#mobileFire{bottom:225px}#mobileReload{bottom:218px}#mobileAim{bottom:314px}.objective{top:145px;bottom:auto}#reward{bottom:106px}}
#topbar{pointer-events:none}#topbar button,#topbar .wordmark{pointer-events:auto}
@media(max-width:700px) and (min-height:601px){#hud:has(#boss:not(.hidden)) .objective{top:181px}}