@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071d24;color:#fff;font-family:Barlow,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}#game{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none}canvas{position:absolute;width:100%;height:100%;inset:0}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,19,25,.82),transparent 75%),linear-gradient(0deg,rgba(1,13,20,.5),transparent 25%)}body.playing .shade{background:linear-gradient(0deg,#04191d99,transparent 20%,transparent 85%,#04191d88)}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 38px;z-index:3}.brand{text-decoration:none;color:#fff;font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.brand b{color:#f9ce64}.mark{font-size:30px;color:#f9ce64;margin-right:5px}.topright{display:flex;gap:10px}.topright button{background:#06282b80;border:1px solid #fff3;border-radius:4px;padding:10px 13px;font-size:10px;letter-spacing:1px}#menu,#end{position:absolute;left:8%;top:50%;transform:translateY(-46%);z-index:2}.eyebrow{color:#f9ce64;font-size:11px;font-weight:600;letter-spacing:3px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(76px,9.5vw,150px);line-height:.85;letter-spacing:-2px;margin:24px 0;font-weight:900}em{font-style:normal;color:#f9ce64}p{color:#d1dad7;line-height:1.7;font-size:16px}.primary{background:#f9ce64;color:#18302c;border:0;border-radius:3px;padding:19px 23px;min-width:240px;font-weight:800;letter-spacing:2px;font-size:12px;margin-top:15px;display:flex;justify-content:space-between;gap:30px;box-shadow:0 4px 30px #0003}.primary:hover{background:#ffe59c;transform:translateY(-2px)}.primary span{font-size:19px;line-height:12px}.controls{display:flex;gap:20px;margin:30px 0;color:#c0cfce;font-size:9px;letter-spacing:1px}.controls span{display:flex;align-items:center;gap:6px}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff44;border-radius:3px;padding:5px;color:white}small{font-size:10px;letter-spacing:2px;color:#98b1ad}#hud{position:absolute;inset:0;pointer-events:none}.stat{position:absolute;top:112px;left:38px}.stat label,.health label{display:block;font-size:9px;letter-spacing:2px;color:#d4e1d7}.stat strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;letter-spacing:3px}.stat #combo{display:block;color:#f9ce64;font-size:12px;letter-spacing:2px}.wave{position:absolute;top:34px;left:50%;transform:translateX(-50%);text-align:center;letter-spacing:3px;font-size:11px}.wave b{color:#f9ce64;font-size:18px}.wave span{display:block;font-size:9px;letter-spacing:1px;margin-top:8px;color:#d1ddd5}.health{position:absolute;bottom:38px;left:38px}#healthbars{display:flex;gap:5px;margin-top:10px}#healthbars i{height:7px;width:26px;background:#f9ce64;box-shadow:0 0 15px #f9ce6422}#healthbars i.lost{background:#ffffff22}.ammo{position:absolute;bottom:38px;right:38px;text-align:right}#shells{display:flex;justify-content:flex-end;gap:6px;margin-bottom:10px}#shells i{display:block;width:9px;height:26px;background:linear-gradient(0deg,#c4a65b 0 20%,#db5843 20% 95%,#ffb792 95%);border-radius:3px 3px 0 0}#shells i.empty{opacity:.18}#reloadlabel{font-size:17px;font-weight:700;letter-spacing:2px}#reloadlabel small{display:block;font-size:8px;margin-top:4px}.hints{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#dce6dc88;white-space:nowrap}.hints span{margin-left:20px}#message{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-family:'Barlow Condensed',Impact,sans-serif;text-align:center;font-size:54px;font-weight:800;color:#f9ce64;text-shadow:0 4px 30px #001b24;pointer-events:none;white-space:nowrap}#end{background:#052128b8;padding:35px 45px;border-left:3px solid #f9ce64;backdrop-filter:blur(12px)}h2{font-size:80px}#touchreload,#touchduck{display:none;position:absolute;bottom:95px;background:#052128a0;border:1px solid #fff4;border-radius:4px;padding:13px;font-size:10px;z-index:4}#touchreload{right:20px}#touchduck{left:20px}#loading{position:absolute;inset:0;background:#09282e;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:4px;color:#f9ce64;z-index:10}[hidden]{display:none!important}@media(pointer:coarse){body.playing #touchreload,body.playing #touchduck{display:block}}@media(max-width:700px){header{padding:16px}.brand{font-size:9px;letter-spacing:1px;gap:4px}.mark{font-size:23px}.topright button{font-size:8px;padding:8px}.controls{gap:10px;flex-wrap:wrap}.eyebrow{font-size:8px;letter-spacing:2px}#menu{left:7%;top:52%}h1{font-size:86px}.stat{left:20px;top:80px}.wave{top:75px}.health{left:20px;bottom:35px}.ammo{right:20px;bottom:35px}.hints{display:none}#end{left:5%;padding:25px;max-width:90%}h2{font-size:60px}}

.token-info{margin:18px 0;color:#f9ce64}.token-info strong{display:block;font-size:14px;letter-spacing:2px;margin-bottom:9px}.token-info button{display:flex;align-items:center;gap:9px;max-width:100%;background:#052128b0;border:1px solid #ffffff30;border-radius:4px;padding:11px 12px;text-align:left;font-size:10px;color:#d2dedb}.token-info code{font-size:10px;overflow-wrap:anywhere;word-break:break-all}.token-info #copylabel{font-size:9px;letter-spacing:1px;color:#f9ce64}.token-info #copystatus{display:block;font-size:10px;min-height:14px;margin-top:4px}@media(max-width:700px){.token-info{max-width:85vw;margin:12px 0}.token-info code{font-size:8px}.controls{margin:20px 0}#menu h1{margin:18px 0}}

#pausepanel{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#031b27b0;backdrop-filter:blur(5px);cursor:default}.pausecard{text-align:center;padding:32px}.pausecard h2{font-size:80px}.pausecard .primary{margin:24px auto}.pausecard p{font-size:12px}body.paused canvas{cursor:default!important}body.paused #touchreload,body.paused #touchduck{display:none!important}

.brand-icon{width:36px;height:36px;object-fit:cover;border-radius:5px;flex-shrink:0}@media(max-width:700px){.brand-icon{width:28px;height:28px}}