*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c1731;color:#fff;font-family:Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffe04a;outline-offset:4px}#game{display:block;width:100%;height:100%;touch-action:none}#top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 28px;font-size:11px;letter-spacing:2px;background:linear-gradient(#0b1638b0,transparent);z-index:3}#top a{color:#fff;text-decoration:none}#top b,footer b{color:#ffe04a}#top button{border:1px solid #ffffff40;background:#11213c88;color:white;padding:8px;font-size:10px;letter-spacing:1px}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(110deg,#07132fee,#132a4aa0);z-index:5;padding:65px 24px 24px;overflow:auto}.panel{width:min(640px,100%);text-align:center}.eyebrow{font-size:10px;color:#9ab8db;letter-spacing:3px}h1{font-size:clamp(34px,5.5vw,66px);font-style:italic;line-height:1;letter-spacing:-2px;margin:24px 0}h1 em{color:#ffe04a;font-style:inherit}#description{color:#bfd0e3;line-height:1.6;font-size:15px;max-width:490px;margin:0 auto}.tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0}.tags span{font-size:9px;letter-spacing:1px;padding:8px;border:1px solid #91accc40}#play{display:block;width:100%;max-width:390px;margin:18px auto;background:#ffe04a;border:0;padding:18px;font-weight:900;font-style:italic;letter-spacing:1px;font-size:21px;color:#152447;box-shadow:0 5px 0 #bf9c17;transform:skew(-3deg)}#play:disabled{background:#60718a;box-shadow:none;color:#c3d1df;cursor:wait}#progress{height:3px;background:#ffffff20;max-width:390px;margin:auto}#progress i{display:block;background:#ffe04a;width:0;height:100%;transition:width .2s}#status{font-size:12px;color:#bfd0e3;min-height:16px}.settings{display:flex;align-items:center;justify-content:center;gap:25px;color:#b8cbe2;font-size:12px;margin:25px 0}.settings label{display:flex;gap:8px;align-items:center}input[type=range]{width:100px;accent-color:#ffe04a}.note{font-size:10px;color:#8b9fb9;line-height:1.6}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 2px 3px #0008}#compass{position:absolute;top:65px;left:50%;transform:translateX(-50%);font-size:15px;letter-spacing:6px}#match{position:absolute;right:25px;top:65px;text-align:center;background:#0b173070;padding:8px;border:1px solid #ffffff25}#map{width:155px;height:155px;display:block}#match p{font-size:10px;letter-spacing:1px;margin:8px 0 2px}#match span{font-size:17px;font-weight:bold}#storm{color:#e1b3ff}#crosshair{position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 2px #000;width:2px;height:8px}#crosshair i:nth-child(1){left:15px;top:0}#crosshair i:nth-child(2){left:15px;bottom:0}#crosshair i:nth-child(3){top:15px;left:0;width:8px;height:2px}#crosshair i:nth-child(4){top:15px;right:0;width:8px;height:2px}#hit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffe04a;font-size:34px;opacity:0}#toast{position:absolute;left:50%;top:60%;transform:translateX(-50%);font-weight:bold;font-size:13px;text-align:center}#vitals{position:absolute;left:35px;bottom:70px;width:min(280px,35vw)}#vitals label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;margin:7px 0}.bar{height:9px;background:#0b1730a0;transform:skew(-10deg);border:1px solid #ffffff30}.bar i{height:100%;display:block;background:#54bfff;width:50%}.health i{background:#6ae167;width:100%}#loadout{position:absolute;right:30px;bottom:65px;text-align:right}#ammo{font-size:36px;font-weight:900}#ammo small{font-size:18px;color:#c5d4e3}#weapon{font-size:10px;letter-spacing:2px;margin-bottom:12px}#slots{display:flex;gap:5px}#slots button{background:#152844c0;border:2px solid #ffffff40;color:#bcd1e8;font-size:9px;padding:15px 10px;pointer-events:auto}#slots b{margin-right:5px}#slots .selected{border-color:#ffe04a;background:#284e7bcc;color:#fff}#wood{font-size:10px;margin-top:10px;color:#d2e0ec}footer{position:absolute;bottom:20px;width:100%;text-align:center;font-size:9px;letter-spacing:1px;color:#d2e0ec}#damage{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ff1744;opacity:0;z-index:2}#touch{position:absolute;inset:0;pointer-events:none;z-index:4}#touch button{pointer-events:auto;position:absolute;border:1px solid #fff8;background:#12294c80;border-radius:50%;color:#fff;width:55px;height:55px;font-weight:bold;font-size:11px;touch-action:none}#touchFire{right:35px;bottom:130px;width:78px!important;height:78px!important;background:#ffcf3c55!important}#touchJump{right:125px;bottom:120px}#touchBuild{right:175px;bottom:185px}#touchReload{right:120px;bottom:230px}#touchAim{right:35px;bottom:235px}#touchPause{left:20px;top:60px}#lookzone{position:absolute;inset:15% 0 20% 42%;pointer-events:auto;touch-action:none}#stick{position:absolute;left:35px;bottom:120px;width:110px;height:110px;border:1px solid #ffffff50;border-radius:50%;background:#11213c40;pointer-events:auto;touch-action:none}#stick i{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#ffffff60}body.touch footer{display:none}body.touch #vitals{bottom:25px;left:20px;width:180px}body.touch #loadout{bottom:15px;right:15px}body.touch #slots button{padding:10px 6px}body.touch #wood{display:none}body.touch #match{right:15px;top:55px}body.touch #map{width:100px;height:100px}body.touch #ammo{font-size:25px}body.touch #top{padding:15px;font-size:8px}body.touch #top>span{display:none}[hidden]{display:none!important}@media(max-height:600px){.panel h1{font-size:34px;margin:12px 0}.tags{margin:12px 0}.settings{margin:14px 0}#play{padding:12px;margin:12px auto}#match{top:50px}#map{width:100px;height:100px}}