*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#032b55;font-family:system-ui,-apple-system,Segoe UI,sans-serif;touch-action:none}canvas{display:block;width:100%;height:100%}.hud{position:fixed;z-index:5;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:10px;flex-wrap:wrap;pointer-events:none}.pill{color:white;font-weight:800;padding:10px 14px;border:1px solid #ffffff55;border-radius:999px;background:#073b6c99;backdrop-filter:blur(10px);box-shadow:0 7px 22px #001c3855,inset 0 1px #fff4;text-shadow:0 2px 4px #003}.power{background:#7b3eb9aa}.panel{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,520px);padding:34px;text-align:center;color:#fff;border:1px solid #fff5;border-radius:32px;background:linear-gradient(160deg,#074e83d9,#662f86c9);box-shadow:0 24px 80px #001b3baa,inset 0 1px #fff6;backdrop-filter:blur(15px)}.logo{font-size:clamp(38px,7vw,72px);font-weight:1000;line-height:.8;text-shadow:0 6px 0 #b62f75,0 12px 30px #001f4a}.logo span{font-size:.48em;color:#bff7ff}.panel p{font-size:18px;line-height:1.5}.panel small{display:block;margin-top:15px;opacity:.8}.panel button{border:0;border-radius:999px;padding:15px 25px;margin:8px;font-size:18px;font-weight:900;color:#71305d;background:linear-gradient(#fff8b2,#ffd26d);box-shadow:0 8px 0 #dc8c45,0 13px 25px #0029;cursor:pointer}.panel button:active{transform:translateY(5px);box-shadow:0 3px 0 #dc8c45}.panel .secondary{background:linear-gradient(#d8fbff,#7de3f3);color:#17506a;box-shadow:0 8px 0 #409bb1}.hidden{display:none!important}#loading{position:fixed;z-index:20;inset:0;display:grid;place-items:center;color:white;font-weight:800;background:#073e70}
@media(max-width:600px){.hud{gap:5px}.pill{padding:7px 10px;font-size:13px}.panel{padding:24px}.panel p{font-size:15px}}

#loading{padding:20px}.loading-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.loading-card span{font-size:14px;opacity:.8}.spinner{width:52px;height:52px;border-radius:50%;border:5px solid #ffffff38;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-error{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#06365f,#251b52)}.error-card{width:min(92vw,560px);padding:28px;border-radius:26px;color:#fff;text-align:center;background:#073e70e8;border:1px solid #fff5;box-shadow:0 24px 80px #001b3baa}.error-card h2{margin-top:0}.error-card p{line-height:1.5}.error-help{opacity:.8;font-size:14px}.error-card button{border:0;border-radius:999px;padding:13px 22px;font-weight:900;font-size:16px;cursor:pointer;background:#ffe17c;color:#653a45}