:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#071d2b;touch-action:none}*{box-sizing:border-box}html,body,#ad{width:100%;height:100%;margin:0;overflow:hidden}#ad{position:relative;background:linear-gradient(#68bce8 0 48%,#13834c 48%)}canvas{display:block;width:100%;height:100%}header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:max(14px,env(safe-area-inset-top)) 18px 12px;background:linear-gradient(#08263be8,#08263b99);font-weight:900;letter-spacing:.04em}.brand{font-size:clamp(17px,4.2vw,30px);color:#ffca4b}.brand span{color:#fff}.wind{font-size:clamp(11px,2.8vw,18px)}#prompt{position:absolute;top:16%;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:99px;background:#06283edb;color:#ffd255;font-weight:900;white-space:nowrap;animation:pulse 1s infinite alternate}#power{display:none;position:absolute;left:50%;bottom:9%;transform:translateX(-50%);width:min(78%,360px);text-align:center;text-shadow:0 2px 3px #000}.meter{height:24px;margin-bottom:8px;border:3px solid #fff;border-radius:99px;background:#132c35;overflow:hidden}.meter i{display:block;width:20%;height:100%;background:linear-gradient(90deg,#31d27c 0 65%,#ffd441 65% 85%,#ff554e 85%)}#end{display:none;position:absolute;inset:0;place-content:center;text-align:center;padding:28px;background:linear-gradient(#05263ed6,#062719f2)}#end.show{display:grid}#result{margin:0;color:#ffd24d;font-size:clamp(40px,12vw,92px);font-weight:1000;text-shadow:0 5px 0 #6a4910}h1{margin:12px 0 4px;font-size:clamp(25px,7vw,50px)}#end p{font-weight:700}button{width:min(82vw,340px);min-height:58px;margin:8px auto;border:0;border-radius:16px;font-size:22px;font-weight:1000;color:#fff;background:linear-gradient(#36d477,#0b9a4d);box-shadow:0 6px 0 #076832;cursor:pointer}button:active{transform:translateY(3px);box-shadow:0 3px 0 #076832}#replay{min-height:44px;font-size:16px;background:#183f51;box-shadow:0 5px 0 #0a2634}footer{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));width:100%;text-align:center;font-size:12px;opacity:.8}@keyframes pulse{to{transform:translateX(-50%) scale(1.05)}}@media(orientation:landscape){header{padding:10px 18px}.brand{font-size:20px}#prompt{top:20%}#power{left:auto;right:4%;bottom:12%;transform:none;width:230px}#end{grid-template-columns:1fr 1fr;gap:4px 14px;align-content:center}#end>*{grid-column:1/-1}#end button{grid-column:auto;width:240px}}