.tile.svelte-quz8mh{position:relative;width:100%;display:grid;gap:.3rem;padding:.45rem;border-radius:14px;background:var(--panel);border:2px solid var(--rc);transition:transform .15s,box-shadow .15s,opacity .3s,filter .3s}.tile.active.svelte-quz8mh{transform:translateY(-6px) scale(1.04);box-shadow:0 0 0 2px #fff,0 10px 30px color-mix(in srgb,var(--rc) 50%,transparent)}.tile.hit.svelte-quz8mh{animation:svelte-quz8mh-shake .3s}@keyframes svelte-quz8mh-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tile.ko.svelte-quz8mh{opacity:.35;filter:grayscale(1)}.boss.svelte-quz8mh{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);z-index:2;padding:.05rem .5rem;border-radius:999px;font-size:.7rem;font-weight:800;background:#b91c1c;color:#fff;white-space:nowrap}.art.svelte-quz8mh{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:var(--bg);display:grid;place-items:center}.art.svelte-quz8mh img:where(.svelte-quz8mh){width:100%;height:100%;object-fit:cover;object-position:top}.art.svelte-quz8mh img.whole:where(.svelte-quz8mh){object-fit:contain}.art.svelte-quz8mh>span:where(.svelte-quz8mh):first-child{font-size:2rem;font-weight:800}.role.svelte-quz8mh,.shiny.svelte-quz8mh{position:absolute;top:4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.8rem;background:#0a0816cc}.role.svelte-quz8mh{left:4px;box-shadow:0 0 0 2px var(--c)}.shiny.svelte-quz8mh{right:4px}.pop.svelte-quz8mh{position:absolute;left:50%;top:40%;transform:translate(-50%);font-weight:900;font-size:1.25rem;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 2px #000;pointer-events:none;animation:svelte-quz8mh-float .9s ease-out forwards;white-space:nowrap}.pop.dmg.svelte-quz8mh{color:#ff5c5c}.pop.crit.svelte-quz8mh{color:#ffb020;font-size:1.5rem}.pop.heal.svelte-quz8mh{color:#4ade80}.pop.info.svelte-quz8mh{color:#e2e8f0;font-size:.9rem}@keyframes svelte-quz8mh-float{0%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-38px) scale(1)}}strong.svelte-quz8mh{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp.svelte-quz8mh{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.hp.svelte-quz8mh span:where(.svelte-quz8mh){display:block;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .3s}.hp.svelte-quz8mh span.low:where(.svelte-quz8mh){background:linear-gradient(90deg,#dc2626,#f87171)}small.svelte-quz8mh{font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}
