@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}}