body{background:#000;margin:0;font-family:sans-serif;overflow:hidden}#ui{pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;bottom:28px;left:0;right:0}#summon{pointer-events:auto;cursor:pointer;letter-spacing:.28em;text-transform:uppercase;color:#e0f4ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a285a8c;border:1px solid #40b0ff99;border-radius:999px;padding:12px 44px;font-size:16px;transition:transform .1s,background .2s}#summon:hover{background:#1450aab3}#summon:active{transform:scale(.96)}.sub{pointer-events:auto;cursor:pointer;letter-spacing:.12em;color:#a0d8ff;background:#081e3c80;border:1px solid #40b0ff59;border-radius:999px;padding:8px 18px;font-size:12px}.sub:hover{background:#103c8299}#drop{pointer-events:none;letter-spacing:.2em;color:#e0f4ff;box-sizing:border-box;background:#0a285a73;border:2px dashed #60d0ffb3;justify-content:center;align-items:center;font-size:24px;display:none;position:fixed;inset:0}#drop.on{display:flex}#loading{pointer-events:none;letter-spacing:.28em;text-transform:uppercase;color:#a0d8ff;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:13px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.off{opacity:0}#loading .ring{border:2px solid #40b0ff40;border-top-color:#60d0ff;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}