*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#101c18;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;color:#fff}#game{position:relative;width:min(100vw,177.7778vh);aspect-ratio:16/9;overflow:hidden;background:#243c28;isolation:isolate;box-shadow:0 0 100px #0008}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:2.1% 3%;background:linear-gradient(#10251be6,transparent);pointer-events:none}.brand{font-size:clamp(14px,2.6vw,34px);font-weight:900;letter-spacing:-1px}.brand span{display:block;font-size:clamp(6px,.65vw,10px);letter-spacing:2px;margin-top:5px;color:#e4eecb}.stats{display:flex;align-items:center;gap:clamp(10px,2.5vw,36px)}.stats div{display:grid;gap:5px}.stats small{font-size:clamp(6px,.7vw,10px);letter-spacing:2px;color:#dde6d4}.stats strong{font-size:clamp(12px,1.7vw,25px);font-variant-numeric:tabular-nums}#lives{color:#ffe5a0;letter-spacing:3px}button{font:inherit;cursor:pointer;color:inherit;border:0;pointer-events:auto}.stats button{background:#ffffff18;border:1px solid #ffffff40;border-radius:50%;width:clamp(24px,3.2vw,44px);aspect-ratio:1;font-size:clamp(14px,1.6vw,24px)}button:hover{filter:brightness(1.15)}button:focus-visible{outline:3px solid #ffe5a0;outline-offset:4px}.message{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:48%;text-align:center;text-shadow:0 2px 20px #0009;background:radial-gradient(ellipse,#15291be0,transparent 72%);padding:3% 0}.message[hidden]{display:none}.message>span{font-size:clamp(7px,.85vw,12px);font-weight:bold;letter-spacing:3px;color:#ffdb79}h1{font-size:clamp(22px,4.4vw,62px);line-height:.99;letter-spacing:-2px;margin:14px 0}p{font-size:clamp(9px,1.12vw,16px);color:#fff5e3}#play{margin-top:10px;padding:13px 24px;background:#f5cf69;border-radius:8px;color:#273624;font-weight:800;font-size:clamp(10px,1.2vw,17px);box-shadow:0 4px 0 #92723a;text-shadow:none}#play span{margin-left:24px}footer{position:absolute;bottom:0;left:0;width:100%;padding:1.2% 3%;display:flex;justify-content:space-between;align-items:center;font-size:clamp(6px,.75vw,11px);font-weight:bold;letter-spacing:1px;background:linear-gradient(transparent,#11231de0);pointer-events:none;color:#f3f0d6}footer b{opacity:.4;padding:0 8px}footer button{background:none;font-size:inherit}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#172e23;font-weight:bold}#loading[hidden]{display:none}#game:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;display:grid;place-items:center}#game:fullscreen canvas{width:min(100vw,177.7778vh);height:auto;max-height:100vh;object-fit:contain}@media(max-height:450px){h1{margin:6px 0}.message{padding:0}#play{padding:8px 18px;margin-top:2px}}
.power-status{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);padding:9px 16px;border:1px solid #edb9ff80;border-radius:30px;background:#432057e8;color:#f7ddff;font-size:clamp(7px,.85vw,12px);font-weight:bold;letter-spacing:1px;text-align:center;pointer-events:none;max-width:85%;width:max-content;box-shadow:0 0 22px #d477ff35}.power-status[hidden]{display:none}
.tank-widget{position:absolute;top:2.5%;left:39%;width:25%;pointer-events:none;text-align:center}.tank-widget label{display:block;font-size:clamp(7px,.8vw,12px);font-weight:700;color:#fff6cf;margin-bottom:6px;text-shadow:0 1px 3px #000}.tank-widget progress{display:block;width:100%;height:16px;appearance:none;border:2px solid #f3d99a;border-radius:12px;overflow:hidden;background:#172c27}.tank-widget progress::-webkit-progress-bar{background:#172c27}.tank-widget progress::-webkit-progress-value{background:linear-gradient(90deg,#59b99a,#ebd16a);border-radius:8px}.tank-widget progress::-moz-progress-bar{background:#59b99a}
.message[data-start="true"] #eyebrow{display:inline-flex;flex-direction:column;align-items:stretch;position:relative}.logo-width{height:0;overflow:hidden;visibility:hidden;white-space:nowrap;display:block}.start-logo{display:block;width:100%;height:auto;aspect-ratio:958/350;object-fit:contain}.message[data-start="true"] #play{display:inline-grid;place-items:center;width:clamp(44px,5vw,70px);height:clamp(44px,5vw,70px);padding:0;border-radius:50%}.message[data-start="true"] #play svg{width:52%;height:52%}
.start-logo{width:50%;align-self:center}.message{pointer-events:none}.message button{pointer-events:auto}
.share-widget{display:none}.message[data-result="true"] .share-widget{display:block}.message[data-result="true"] #description{display:none}.message[data-result="true"] #title{font-size:clamp(38px,6vw,84px);margin:18px 0}.message[data-result="true"] #play{display:inline-grid;place-items:center;width:clamp(48px,5vw,70px);height:clamp(48px,5vw,70px);padding:0;border-radius:50%;animation:retry-pulse 1.6s ease-in-out infinite}.message[data-result="true"] #play svg{width:58%;height:58%}.share-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.share-options button{background:#19382ee6;border:1px solid #f5cf6970;border-radius:18px;padding:7px 12px;font-size:clamp(9px,.85vw,13px)}.share-widget p{font-size:clamp(9px,.9vw,13px);margin:14px 0 8px}#share-score{pointer-events:auto;width:90%;resize:none;background:#10261f;color:#fff;border:1px solid #f5cf69;border-radius:8px;padding:8px}@keyframes retry-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.message[data-result="true"] #play{animation:none}}