.slime-tile{cursor:pointer}.slime-modal-overlay{display:none;position:fixed;inset:0;z-index:300;background:color-mix(in srgb,var(--fond) 88%,transparent);align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity 0.25s ease}.slime-modal-overlay.open{display:flex}.slime-modal-overlay.visible{opacity:1}.slime-modal-card{position:relative;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;display:flex;background:var(--surface);border:1px solid color-mix(in srgb,var(--violet) 22%,transparent);border-radius:18px;transform:translateY(20px);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1)}.slime-modal-overlay.visible .slime-modal-card{transform:translateY(0)}.slime-modal-close{position:absolute;top:0.8rem;right:0.8rem;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--fond) 70%,transparent);border:1px solid color-mix(in srgb,var(--texte) 18%,transparent);color:var(--texte);cursor:pointer;transition:border-color 0.2s,background 0.2s}.slime-modal-close:hover{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 20%,transparent)}.slime-modal-viewer{position:relative;flex:0 0 260px;background:color-mix(in srgb,var(--texte) 4%,transparent);border-radius:18px 0 0 18px;touch-action:none}.slime-modal-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.slime-modal-canvas:active{cursor:grabbing}.slime-modal-viewer-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:0.8rem;color:color-mix(in srgb,var(--texte) 45%,transparent)}.slime-modal-viewer-error[hidden]{display:none}.slime-modal-body{flex:1;min-width:0;padding:2rem 2.2rem;display:flex;flex-direction:column}.slime-modal-head{display:flex;align-items:center;gap:0.8rem;margin-bottom:1.2rem;flex-wrap:wrap}.slime-modal-name{font-family:var(--font-display);font-size:1.6rem;font-weight:400}.slime-modal-powers{display:flex;gap:0.7rem;flex-wrap:wrap;margin-bottom:1.2rem}.slime-modal-power-block{display:flex;flex-direction:column;gap:0.3rem}.slime-modal-power-label{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:color-mix(in srgb,var(--texte) 45%,transparent)}.slime-modal-power{display:inline-block;align-self:flex-start;font-size:0.85rem;font-weight:700;color:var(--violet);background:color-mix(in srgb,var(--violet) 16%,transparent);border:1px solid color-mix(in srgb,var(--violet) 35%,transparent);border-radius:8px;padding:0.5rem 0.9rem}.slime-modal-pouvoir{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.slime-modal-lore{font-size:0.9rem;font-weight:400;line-height:1.8;color:color-mix(in srgb,var(--texte) 78%,transparent);flex:1}.slime-modal-hint{margin-top:1.4rem;font-size:0.7rem;color:color-mix(in srgb,var(--texte) 40%,transparent);letter-spacing:0.03em}@media (min-width:641px){.slime-modal-card{max-width:1280px;height:100%;max-height:780px;border-color:color-mix(in srgb,var(--rc,var(--violet)) 40%,transparent)}.slime-modal-card:has(.slime-modal-rarity.r-com){--rc:var(--r-commun)}.slime-modal-card:has(.slime-modal-rarity.r-unc){--rc:var(--r-uncommun)}.slime-modal-card:has(.slime-modal-rarity.r-rar){--rc:var(--r-rare)}.slime-modal-card:has(.slime-modal-rarity.r-epi){--rc:var(--r-epique)}.slime-modal-card:has(.slime-modal-rarity.r-leg){--rc:var(--r-legendaire)}.slime-modal-card:has(.slime-modal-rarity.r-myt){--rc:var(--r-mythique)}.slime-modal-card:has(.slime-modal-rarity.r-exo){--rc:var(--r-exotique)}.slime-modal-viewer{flex:0 0 58%;background:radial-gradient(ellipse 60% 50% at 50% 58%,color-mix(in srgb,var(--rc,var(--violet)) 26%,transparent),transparent 75%),color-mix(in srgb,var(--texte) 4%,transparent)}.slime-modal-body{padding:3rem 2.8rem;justify-content:center}.slime-modal-name{font-size:2.3rem}.slime-modal-lore{flex:none;font-size:1rem}}@media (max-width:640px){.slime-modal-card{flex-direction:column;max-height:92vh}.slime-modal-viewer{flex:0 0 220px;border-radius:18px 18px 0 0}.slime-modal-body{padding:1.6rem}}