@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#112b28;color:#f6ffe9;font-family:'DM Sans',sans-serif}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid white;outline-offset:5px}[hidden]{display:none!important}#arena{position:relative;width:100%;height:100dvh;min-height:440px;overflow:hidden;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none}header{position:absolute;top:max(26px,env(safe-area-inset-top));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;font-size:30px;font-weight:900;line-height:.85}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;margin-top:10px;color:#9faf9e}#sound{border:1px solid #668b73;background:#142f28d9;color:#d4e6cb;border-radius:40px;font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 16px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#173b2766 0%,#0d292bbd 85%);padding:80px 20px 42px}.eyebrow{color:#c7fc70;letter-spacing:3px;font-size:11px;font-weight:700;margin-bottom:16px}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,10vh,108px);font-weight:900;line-height:.82;letter-spacing:-2px;margin:0;text-shadow:0 6px 0 #0d2522;transform:rotate(-4deg)}h1 em{font-style:normal;color:#c7fc70}h1>span{display:block;font-family:'DM Sans',sans-serif;font-size:17px;letter-spacing:0;font-weight:500;color:#d8eaca;margin-top:16px;transform:rotate(4deg)}.hero-patch{width:133px;height:144px;background:url('assets/patch.png') 0 0/1064px 1584px;filter:drop-shadow(0 9px 12px #041e26aa);margin:-2px 0 -10px;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px) rotate(3deg)}}p{font-size:14px;line-height:1.6;margin:5px 0 22px;color:#d8eaca}.primary{background:#c7fc70;color:#173529;border:0;box-shadow:0 6px 0 #74954b,0 12px 30px #081d2480;border-radius:12px;padding:18px 27px;min-width:228px;font-size:17px;font-weight:800;letter-spacing:1px;transition:transform .15s,box-shadow .15s}.primary span{margin-left:32px}.primary:hover{transform:translateY(-3px);background:#d6ff95}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #74954b}.instructions{display:flex;gap:28px;margin-top:30px;font-size:11px;color:#9fb7a0}.instructions b{color:#d9e8cd;margin-right:5px}.mobile-instructions{display:none;margin-top:24px;color:#b8ceb2;font-size:12px}footer{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:10px;right:10px;text-align:center;font-size:10px;color:#94ae9a;z-index:3;pointer-events:none}#hud{position:absolute;top:104px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stat small,.clock small{display:block;color:#b3c7a7;font-size:10px;font-weight:700;letter-spacing:2px}.stat strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;letter-spacing:1px}.life{text-align:right}.life strong{font-family:sans-serif;color:#fdae9a;font-size:22px;letter-spacing:4px;line-height:44px}.clock{position:absolute;left:50%;transform:translateX(-50%);text-align:center}.clock strong{font:800 42px/.95 'Barlow Condensed',Impact,sans-serif;color:#c7fc70}.clock small{font-size:8px;margin-top:4px}.timebar{height:3px;position:absolute;top:72px;left:0;right:0;background:#a5c78b20}.timebar i{display:block;width:100%;height:100%;background:#c7fc70;box-shadow:0 0 12px #c7fc7055}.result h2{font-size:clamp(65px,11vh,110px);color:#c7fc70;line-height:.9}.result-score{margin:36px 0;display:flex;flex-direction:column;gap:10px}.result-score small{font-size:11px;letter-spacing:3px;color:#adbfab}.result-score strong{font:800 70px/.9 'Barlow Condensed',Impact,sans-serif}.result-score span{font-size:13px;color:#b6c9ad}#touch{position:absolute;bottom:max(50px,calc(env(safe-area-inset-bottom) + 35px));left:24px;right:24px;display:none;justify-content:space-between;pointer-events:none}.stick{width:108px;height:108px;border:1px solid #d2f5bd50;border-radius:50%;background:#172e2480;position:relative;pointer-events:auto;touch-action:none;user-select:none}.stick i{position:absolute;width:44px;height:44px;border-radius:50%;left:31px;top:31px;background:#c7fc7038;border:1px solid #c7fc7080;display:grid;place-items:center;font-style:normal;color:#c7fc70;font-size:25px}.stick span{position:absolute;bottom:-23px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#b6c9ad}.fire{background:#41603066}#pause{position:absolute;inset:0;background:#102b29dc;display:flex;align-items:center;justify-content:center;flex-direction:column;font:800 64px 'Barlow Condensed',Impact,sans-serif;z-index:10}#pause span{font:14px 'DM Sans',sans-serif;color:#bdcbb7;margin-top:10px}@media(pointer:coarse){#touch{display:flex}.instructions{display:none}.mobile-instructions{display:block}}@media(max-width:600px){header{top:max(20px,env(safe-area-inset-top));left:22px;right:22px}.brand{font-size:25px}#hud{left:22px;right:22px;top:95px}.stat strong{font-size:30px}.life strong{font-size:17px;letter-spacing:1px}.stat small{font-size:8px}.overlay{padding-top:85px;padding-bottom:40px}h1{font-size:clamp(64px,10vh,88px)}.eyebrow{font-size:9px;letter-spacing:2px}footer{font-size:8px}.primary{padding:16px 22px}.hero-patch{margin:-5px 0 -12px}}@media(max-height:620px){.hero-patch{display:none}h1{font-size:62px}.overlay p{margin-top:18px}.eyebrow{margin-bottom:12px}.instructions{margin-top:22px}header{top:18px}#hud{top:76px}}@media(prefers-reduced-motion:reduce){.hero-patch{animation:none}}
.classic-link{color:#cce0bc;font-size:11px;margin-top:21px;text-underline-offset:4px}.instructions{gap:14px;margin-top:17px}.secondary{background:transparent;border:1px solid #789273;color:#d9ecc8;border-radius:9px;font-size:11px;padding:11px 20px;margin:18px 0}.result .secondary{order:5}.result .primary{order:4}#arsenal{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:6;max-width:95%}#weapons,#skills{display:flex;gap:6px}#arsenal button{background:#15382fed;color:#e5f4d8;border:1px solid #67876a;border-radius:9px;padding:10px 12px;min-width:109px;touch-action:manipulation}#arsenal b{display:block;font-size:10px;letter-spacing:.4px}#arsenal small{display:block;font-size:9px;margin-top:5px;color:#b9cdb0}#arsenal button.active{background:#c7fc70;color:#143329;border-color:#e8ffd5;box-shadow:0 0 16px #c7fc7020}#arsenal button.active small{color:#31552c}#arsenal button:disabled{opacity:.48;cursor:default}#skills button{min-width:100px;background:linear-gradient(to right,#32624a var(--charge,100%),#15382f var(--charge,100%))}#stageToast{position:absolute;top:200px;left:50%;transform:translateX(-50%);text-align:center;background:#13392bea;border:1px solid #94c178;padding:12px 20px;border-radius:30px;color:#dcffae;font-size:12px;white-space:nowrap;pointer-events:none}#intermission{z-index:8}#intermission h2{font-size:clamp(42px,8vw,76px);color:#c7fc70}#intermission p{max-width:360px;margin:30px 0;line-height:1.9}.clock strong{font-size:32px}#stageName{max-width:150px;letter-spacing:1px}.overlay{z-index:4}header{z-index:7}#pause{z-index:12}@media(pointer:coarse){#arsenal{bottom:174px}#touch{z-index:6}#weapons button{min-width:0;width:82px;padding:9px 4px}#arsenal b{font-size:8px}#arsenal small{font-size:8px}#skills button{min-width:94px;padding:9px 6px}}@media(max-width:600px){#arsenal{width:calc(100% - 24px)}#weapons{width:100%}#weapons button{min-width:0;flex:1;padding:9px 4px}#arsenal b{font-size:8px}#arsenal small{font-size:8px}.clock strong{font-size:28px}#stageToast{top:185px;font-size:10px}.instructions{flex-wrap:wrap;justify-content:center}.classic-link{margin-top:19px}.result-score{margin:24px 0}.clock{top:4px}}@media(max-height:620px){#arsenal{bottom:30px;flex-direction:row}#arsenal button{min-width:65px;padding:6px}#arsenal small{display:none}#stageToast{top:155px}#touch{bottom:46px}.classic-link{margin-top:16px}.instructions{margin-top:12px}.overlay p{margin-bottom:16px}}
#energy{width:100%;font-size:9px;text-align:center;color:#def6b7;letter-spacing:.5px}#energy>i{display:block;height:4px;background:#d1ff8b20;border-radius:5px;margin-top:5px;overflow:hidden}#energyFill{display:block;height:100%;background:#c7fc70}.loot-help{font-size:10px;line-height:1.7;color:#afcba5;margin-top:14px}.hero-patch{height:123px}.overlay p{margin-bottom:15px}@media(max-height:700px){.hero-patch{display:none}.loot-help{font-size:9px}.overlay{padding-top:90px}.instructions{margin-top:10px}}@media(max-height:620px){#energy{position:absolute;bottom:43px;max-width:280px}#arsenal{gap:6px}}
.result,#intermission{background:radial-gradient(ellipse at center,#163b30f2,#0d292bf5)}@media(max-width:600px){#touch{display:flex}#arsenal{bottom:174px}.instructions{display:none}.mobile-instructions{display:block}#skills button{min-width:94px;padding:9px 6px}}