/* ---- v1.12.0 : attaques visuelles, bouton Valider, récompense quotidienne ---- */
/* le bandeau d'attaques est plus haut : on réserve plus de place aux cartes */
.bt{--cwb:min(27vw,calc((100dvh - 340px)/5.8),150px);--cw:var(--cwb)}
/* puces d'effets */
.vfs{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center}
.vf{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:99px;font-size:.74rem;font-weight:800;line-height:1.1;background:#ffffff12;border:1px solid transparent;white-space:nowrap}
.vf i{font-style:normal;font-size:1.1em;line-height:1}.vf small{font-size:.6rem;opacity:.85;font-weight:700}.vf em{font-style:normal;font-size:.62rem;opacity:.95}
.vf.bad{background:#ff5a5a22;border-color:#ff5a5a66;color:#ffb8b8}.vf.good{background:#4ade8022;border-color:#4ade8066;color:#a6ffbc}.vf.cd{border-style:dashed}
.vtr{font-size:1rem;margin-right:2px}
/* puissance */
.pw{display:inline-flex;gap:2px;align-items:flex-end}.pw s{width:5px;height:10px;border-radius:2px;background:#ffffff22}.pw s:nth-child(1){height:6px}.pw s:nth-child(2){height:8px}.pw s:nth-child(4){height:12px}.pw s:nth-child(5){height:14px}.pw s.on{background:linear-gradient(#ffb36b,#ff5a3c)}
/* schéma des cibles */
.bd2{display:inline-flex;flex-direction:column;gap:3px;padding:3px 7px 3px 5px;border-radius:7px;background:#0007;vertical-align:middle}
.bd2 b{display:flex;gap:3px;justify-content:center;align-items:center;position:relative}.bd2 i{width:7px;height:7px;border-radius:50%;background:#ffffff26}
.bd2 .e i.on{background:#ff5a5a;box-shadow:0 0 6px #ff5a5a}.bd2 .a i.on{background:#4ade80;box-shadow:0 0 6px #4ade80}.bd2 .a i.me{outline:1.5px solid #fff;outline-offset:1px}
.bd2 u{position:absolute;right:-7px;text-decoration:none;font-size:.62rem;font-weight:900;color:#ffb8b8;line-height:1}
.vfoot{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px}
.cdp{font-size:.72rem;display:inline-flex;align-items:center;gap:2px;opacity:.95}.cdp s{width:5px;height:5px;border-radius:50%;background:#facc15}
/* barre d'attaques en combat */
.ab{min-height:0;gap:6px}
.ab .ds{min-height:1.3em;text-align:center;font-size:.82rem;color:var(--tx)}
.abs{align-items:stretch}
.vat{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px 4px 6px;border-radius:14px;background:var(--pn);border:1px solid var(--ln);color:var(--tx);font:inherit;text-align:center;cursor:pointer;position:relative;transition:.15s}
.vat .vn{display:block;font-size:.66rem;font-weight:800;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mu)}
.vat.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 16%,var(--pn));box-shadow:0 0 0 2px var(--ac),0 0 18px #c6ff3d55;transform:translateY(-4px)}.vat.on .vn{color:var(--tx)}
.vat:disabled{opacity:.42;filter:grayscale(.65);cursor:not-allowed}
.vat .cdb{position:absolute;top:-6px;right:-4px;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;background:#facc15;color:#1b1500;font-size:.72rem;font-weight:900;box-shadow:0 2px 6px #0008}
.abt.vfi{flex:0 0 auto;padding:6px 10px;display:grid;place-content:center;gap:1px;font-size:1rem;text-align:center}
.abg{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.abg .go{min-width:150px;font-weight:800}.abg .go:disabled{opacity:.38;filter:grayscale(.5);cursor:not-allowed}
.abg .go.rdy{animation:vgo 1.1s ease-in-out infinite}@keyframes vgo{50%{box-shadow:0 0 0 4px #c6ff3d44,0 0 22px #c6ff3d88;transform:scale(1.04)}}
/* fiche créature : attaques lisibles sans texte */
.atk.vx .vfs{justify-content:flex-start;gap:6px;margin:10px 0 6px}
.atk.vx .vf{font-size:.98rem;padding:4px 10px}.atk.vx .vtr{font-size:1.3rem}
.atk.vx .vfoot{justify-content:flex-start;gap:14px;margin-top:6px}
.atk.vx .bd2 i{width:10px;height:10px}.atk.vx .bd2{gap:4px;padding:5px 9px 5px 7px}
.atk.vx .pw{display:flex;gap:3px;margin:2px 0}.atk.vx .pw s{width:10px}.atk.vx .cdp{font-size:.9rem;gap:3px}.atk.vx .cdp s{width:7px;height:7px}
.atk.vx details{margin-top:8px}.atk.vx details p{margin:6px 0 4px}
.vleg{display:flex;align-items:center;gap:8px;margin:2px 0 10px;color:var(--mu)}.vleg small{font-size:.72rem;line-height:1.3}
/* récompense quotidienne */
.dly{padding:14px;margin:10px 0;border-color:#facc1566;background:linear-gradient(135deg,#facc1518,var(--pn) 70%)}.dly.can{box-shadow:0 0 22px #facc1544}
.dly-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.dly-h>b{font:800 1.05rem var(--disp)}
.dly-g{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0}
.dly-d{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:12px;background:#ffffff0d;border:1px solid var(--ln);text-align:center;position:relative;min-width:0}
.dly-d small{font-size:.62rem;color:var(--mu);font-weight:800}.dly-d i{font-style:normal;font-size:1.35rem;line-height:1.1}.dly-d b{font-size:.78rem}
.dly-d.done{opacity:.55}.dly-d.done::after{content:"✔";position:absolute;top:2px;right:4px;color:#6bff95;font-size:.7rem}
.dly-d.today{border-color:#facc15;background:#facc1526;box-shadow:0 0 14px #facc1566;animation:dlyp 1.6s ease-in-out infinite}@keyframes dlyp{50%{transform:translateY(-3px)}}
@media(max-width:420px){.dly-g{gap:4px}.dly-d b{font-size:.68rem}.dly-d i{font-size:1.15rem}}