*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:#8cc4ee;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}[hidden]{display:none!important}#hud>*{pointer-events:none;text-shadow:0 2px 4px #0008;position:fixed}#alive{background:#0007;border-radius:20px;padding:6px 18px;font-size:18px;top:14px;left:50%;transform:translate(-50%)}#storm{background:#5b1fa0aa;border-radius:14px;padding:4px 14px;font-size:14px;top:54px;left:50%;transform:translate(-50%)}#map{background:#1d6f9c;border:3px solid #fff;border-radius:50%;top:14px;right:14px;box-shadow:0 4px 14px #0006}#feed{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;display:flex;top:200px;right:14px}#feed div{background:#0007;border-radius:10px;padding:3px 10px}#cross{opacity:.85;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;top:50%;left:50%}#cross:after{content:"";background:#fff;border-radius:50%;width:2px;height:2px;position:absolute;top:8px;left:8px;box-shadow:0 0 0 1px #fff}#hit{opacity:0;background:linear-gradient(45deg,#0000 45%,#ff4040 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#ff4040 45% 55%,#0000 55%);width:36px;height:36px;margin:-18px 0 0 -18px;transition:opacity .25s;top:50%;left:50%}#hit.on{opacity:1;transition:none}#hpBox{background:#0008;border:2px solid #fff6;border-radius:15px;width:320px;height:30px;bottom:24px;left:24px;overflow:hidden}#hpBar{background:linear-gradient(#6dff72,#20b832);width:100%;height:100%;transition:width .15s}#hpText{text-align:center;font-weight:700;line-height:28px;position:absolute;inset:0}#toast{opacity:0;text-align:center;font-size:34px;font-weight:700;transition:opacity .4s;top:28%;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#menu,#end{text-align:center;background:radial-gradient(#0000 30%,#0a1a3a99);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#end{background:#0a1a3acc}h1{letter-spacing:2px;text-shadow:0 5px #1b3a8a,0 10px 24px #0008;margin:0;font-size:clamp(36px,7vw,76px);line-height:1}h1 span{color:#ffd23f}h2{color:#ffd23f;text-shadow:0 5px #1b3a8a;margin:0;font-size:64px}p{text-shadow:0 2px 4px #0008;margin:0;font-size:20px}button{font:inherit;color:#1b2a5a;cursor:pointer;background:#ffd23f;border:0;border-bottom:6px solid #c79a10;border-radius:14px;padding:12px 56px;font-size:28px;font-weight:700}button:hover{background:#ffe066}button:disabled{opacity:.5;cursor:wait}#help{background:#0006;border-radius:14px;padding:12px 22px;line-height:1.8}