.runeBagSideButton {
    position:relative;
    display:grid;
    place-items:center;
    width:50px;
    height:54px;
    border:1px solid #276287;
    border-right:0;
    border-radius:10px 0 0 10px;
    background:linear-gradient(180deg,#153f5d 0%,#0b273c 100%);
    box-shadow:0 5px 14px rgba(0,0,0,.34),inset 0 0 0 1px rgba(117,205,255,.1);
    padding:4px;
    cursor:pointer;
}
.runeBagSideButton img { width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.48)); }
.runeBagSideButton:hover,.runeBagSideButton:focus-visible { border-color:#71c9ff;filter:brightness(1.08);outline:none; }

.runeBagPanel { position:fixed;inset:0;z-index:1550;display:grid;place-items:center;padding:12px; }
.runeBagPanel[hidden] { display:none; }
.runeBagBackdrop { position:absolute;inset:0;border:0;background:rgba(2,10,18,.72);backdrop-filter:blur(2px); }
.runeBagDialog {
    position:relative;z-index:1;width:min(920px,96vw);height:min(760px,94vh);display:flex;flex-direction:column;
    overflow:hidden;border:1px solid #437799;border-radius:16px;background:#071c2b;
    box-shadow:0 24px 70px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.035);color:#edf8ff;
}
.runeBagHeader { display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #31546d;background:linear-gradient(90deg,#123a57,#0d2c43); }
.runeBagHeaderIcon { width:42px;height:42px;object-fit:contain; }
.runeBagHeaderText { min-width:0;display:flex;flex-direction:column;line-height:1.05; }
.runeBagHeaderText small { font-size:8px;font-weight:800;letter-spacing:.12em;color:#7dcfff;text-transform:uppercase; }
.runeBagHeaderText strong { font-size:22px;font-weight:900; }
.runeBagClose { margin-left:auto;width:38px;height:38px;border:1px solid #66869d;border-radius:9px;background:#18384d;color:#fff;font-size:24px;font-weight:800;line-height:1; }
.runeBagBody { min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 300px; }
.runeBagMain { min-width:0;min-height:0;display:flex;flex-direction:column;padding:8px 9px 10px; }
.runeBagToolbar { display:flex;align-items:center;gap:8px;margin-bottom:6px; }
.runeBagTitle { display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:#a6e4ff;letter-spacing:.04em; }
.runeBagTitle strong { display:inline-grid;place-items:center;min-width:27px;height:20px;padding:0 6px;border-radius:10px;background:#246080;color:#fff;font-size:10px; }
.runeBagUnequipAll { margin-left:auto;border:1px solid #59758a;border-radius:7px;background:#102c40;color:#d7e9f5;font-size:9px;font-weight:900;padding:7px 10px;white-space:nowrap; }
.runeBagUnequipAll:not(:disabled):hover { border-color:#78cfff;background:#153b55; }
.runeBagUnequipAll:disabled { opacity:.48; }

.runeBagFilters { display:flex;flex-direction:column;gap:4px;margin-bottom:6px; }
.runeBagFilterRow { display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;min-height:31px; }
.runeBagFilterRow::-webkit-scrollbar { display:none; }
.runeBagFilterLabel { flex:0 0 auto;width:68px;color:#78a7c2;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em; }
.runeBagFilterButton { flex:0 0 auto;min-width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid #284b63;border-radius:6px;background:#0c2639;color:#b8d2e1;font-size:8px;font-weight:800;padding:2px 6px; }
.runeBagFilterButton img { width:15px;height:15px;object-fit:contain; }
.runeBagFilterButton.is-active { border-color:#d49f25;background:linear-gradient(#9c6910,#76500b);color:#fff4c5;box-shadow:inset 0 0 0 1px rgba(255,221,112,.28); }
.runeBagFilterButton--icon { width:29px;min-width:29px;padding:2px; }
.runeBagRarityDot { width:13px;height:13px;border-radius:50%;border:1px solid rgba(255,255,255,.55); }
.runeBagRarityDot[data-rarity="common"]{background:#bfc7ce}.runeBagRarityDot[data-rarity="uncommon"]{background:#2c78d7}.runeBagRarityDot[data-rarity="rare"]{background:#35c95d}.runeBagRarityDot[data-rarity="epic"]{background:#ffcf32}.runeBagRarityDot[data-rarity="legendary"]{background:#b756ff}.runeBagRarityDot[data-rarity="dark"]{background:#24152f;box-shadow:0 0 0 2px #bc5cff inset}
.runeBagAdvanced { display:grid;grid-template-columns:minmax(145px,.8fr) minmax(165px,1fr);gap:6px;align-items:center; }
.runeBagAdvancedGroup { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px; }
.runeBagAdvancedGroup label { font-size:7px;font-weight:900;color:#78a7c2;text-transform:uppercase; }
.runeBagAdvancedGroup select,.runeBagAdvancedGroup input { min-width:0;height:27px;border:1px solid #31556d;border-radius:6px;background:#0b2334;color:#eff8ff;font-size:9px;font-weight:700;padding:2px 6px; }
.runeBagSubstatValue { display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:4px; }

.runeBagGrid {
    min-height:0;flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));align-content:start;gap:5px;
    padding:7px;border:1px solid #24455c;border-radius:10px;background:#061723;
}
.runeBagGrid .runeBagItem { width:100%;max-width:none;min-height:66px; }
.runeBagGrid .runeBagItem .glyphVisual { width:54px;height:54px; }
.runeBagEmpty { grid-column:1/-1;margin:auto;color:#7296aa;font-size:10px;font-weight:700; }
.runeBagLoading { margin:auto;color:#8cb6cb;font-weight:800;font-size:11px; }

.runeBagPreview { min-width:0;border-left:1px solid #31546d;background:#0a2030;padding:10px;display:flex;flex-direction:column; }
.runeBagPreviewHeading { font-size:9px;font-weight:900;color:#75cbfa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px; }
.runeBagPreviewEmpty { margin:auto;text-align:center;color:#6f91a4;font-size:10px;line-height:1.5; }
.runeBagPreviewContent { min-height:0;display:flex;flex-direction:column;align-items:center;height:100%; }
.runeBagPreviewVisual { width:112px;height:112px;display:grid;place-items:center;margin:4px auto 7px; }
.runeBagPreviewVisual .glyphVisual { width:108px;height:108px; }
.runeBagPreviewTitle { width:100%;font-size:14px;font-weight:900;text-align:center;color:#fff; }
.runeBagPreviewMeta { width:100%;font-size:8px;font-weight:700;text-align:center;color:#83a9bd;margin:3px 0 9px; }
.runeBagPreviewStats { width:100%;display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:2px; }
.runeBagPreviewStat { display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:34px;padding:4px 6px;border:1px solid #26475e;border-radius:7px;background:#0d293d; }
.runeBagPreviewStat img { width:16px;height:16px;object-fit:contain; }
.runeBagPreviewStat span { display:flex;flex-direction:column;font-size:8px;font-weight:900; }
.runeBagPreviewStat span small { color:#7297ab;font-size:6px;font-weight:700; }
.runeBagPreviewStat strong { font-size:9px;color:#dff6ff; }
.runeBagNoSubs { margin:8px 0;color:#6d8fa1;font-size:8px;text-align:center; }
.runeBagPreviewActions { margin-top:auto;padding-top:9px;display:flex;justify-content:center;gap:9px;width:100%; }
.runeBagAction { width:52px;height:52px;border:1px solid #745b90;border-radius:10px;background:#261a3c;display:grid;place-items:center;padding:5px; }
.runeBagAction img { width:100%;height:100%;object-fit:contain; }
.runeBagAction:not(:disabled):hover { border-color:#c180ff;filter:brightness(1.12); }
.runeBagAction:disabled { opacity:.45; }
.runeBagStatus { margin:7px 0 0;padding:6px 8px;border-radius:7px;background:#102e40;color:#8de3b0;font-size:8px;font-weight:800; }
.runeBagStatus.is-error { color:#ff9a9a;background:#3c1820; }

@media (max-width:680px) {
    .runeBagPanel { padding:5px; }
    .runeBagDialog { width:min(100%,520px);height:min(94vh,760px);border-radius:12px; }
    .runeBagBody { grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow:auto; }
    .runeBagMain { min-height:420px; }
    .runeBagPreview { border-left:0;border-top:1px solid #31546d;min-height:240px; }
    .runeBagPreviewContent { display:grid;grid-template-columns:88px minmax(0,1fr) 58px;grid-template-rows:auto auto 1fr;column-gap:8px;align-items:start; }
    .runeBagPreviewVisual { width:82px;height:82px;grid-row:1/4;margin:0; }
    .runeBagPreviewVisual .glyphVisual { width:80px;height:80px; }
    .runeBagPreviewTitle,.runeBagPreviewMeta { text-align:left; }
    .runeBagPreviewStats { grid-column:2/3;max-height:132px; }
    .runeBagPreviewActions { grid-column:3/4;grid-row:1/4;margin:0;padding:0;align-self:center; }
    .runeBagAdvanced { grid-template-columns:1fr; }
}

@media (max-width:520px) {
    .runeBagSideButton { width:48px;max-width:48px;height:52px;border-radius:8px 0 0 8px; }
    .runeBagSideButton img { width:40px;height:40px; }
    .runeBagHeader { padding:7px 8px; }
    .runeBagHeaderIcon { width:36px;height:36px; }
    .runeBagHeaderText strong { font-size:18px; }
    .runeBagMain { padding:6px; }
    .runeBagFilterLabel { width:57px;font-size:6.2px; }
    .runeBagFilterButton { height:24px;font-size:7px;padding-inline:5px; }
    .runeBagGrid { grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:3px;padding:5px; }
    .runeBagGrid .runeBagItem { min-height:58px; }
    .runeBagGrid .runeBagItem .glyphVisual { width:48px;height:48px; }
    .runeBagToolbar { align-items:flex-start; }
    .runeBagUnequipAll { font-size:7px;padding:6px 7px; }
}
#runeBagContent { min-height:0;flex:1;display:flex; }
#runeBagContent[hidden] { display:none; }
#runeBagContent .runeBagGrid { flex:1; }

/* v74 — harmonisation visuelle avec les modals Inventaire / Créature */
.runeBagSideButton {
    width:50px;
    max-width:50px;
    height:54px;
    margin:0;
    padding:2px;
    border:1px solid rgba(226,194,112,.72);
    border-right:0;
    border-radius:8px 0 0 8px;
    background:linear-gradient(180deg,rgba(45,66,83,.97),rgba(16,35,52,.99));
    box-shadow:0 6px 15px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.13),0 0 12px rgba(255,194,82,.10);
    overflow:visible;
    transition:transform .14s ease,filter .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.runeBagSideButton img {
    display:block;
    width:auto;
    max-width:48px;
    height:auto;
    max-height:48px;
    margin:auto;
    object-fit:contain;
    filter:drop-shadow(0 3px 4px rgba(0,0,0,.62));
}
.runeBagSideButton:hover,.runeBagSideButton:focus-visible {
    outline:0;
    transform:translateX(-2px);
    filter:brightness(1.08);
    border-color:rgba(255,211,111,.92);
    box-shadow:0 7px 18px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.17),0 0 16px rgba(255,205,99,.20);
}
.runeBagSideButton:active { transform:translateX(-1px) scale(.96); }

.runeBagClose {
    display:grid;
    place-items:center;
    margin-left:auto;
    padding:0;
    line-height:1;
}
.runeBagClose i { display:block;font-size:18px;line-height:1; }

/* Scrollbars identiques au sac de runes de la fiche créature. */
.runeBagGrid,
.runeBagPreviewStats,
.runeBagBody {
    scrollbar-width:thin;
    scrollbar-color:rgba(76,165,198,.72) rgba(2,25,39,.3);
}
.runeBagGrid::-webkit-scrollbar,
.runeBagPreviewStats::-webkit-scrollbar,
.runeBagBody::-webkit-scrollbar { width:5px;height:5px; }
.runeBagGrid::-webkit-scrollbar-track,
.runeBagPreviewStats::-webkit-scrollbar-track,
.runeBagBody::-webkit-scrollbar-track {
    border-radius:999px;
    background:rgba(2,25,39,.3);
}
.runeBagGrid::-webkit-scrollbar-thumb,
.runeBagPreviewStats::-webkit-scrollbar-thumb,
.runeBagBody::-webkit-scrollbar-thumb {
    border-radius:999px;
    background:rgba(76,165,198,.72);
}
.runeBagGrid::-webkit-scrollbar-thumb:hover,
.runeBagPreviewStats::-webkit-scrollbar-thumb:hover,
.runeBagBody::-webkit-scrollbar-thumb:hover { background:rgba(95,194,228,.9); }

.runeBagBody { grid-template-columns:minmax(0,1fr) 350px; }
.runeBagPreview { padding:10px 9px 10px 10px; }
.runeBagPreviewContent {
    display:grid;
    grid-template-columns:minmax(0,1fr) 72px;
    gap:8px;
    align-items:stretch;
    min-height:0;
    height:100%;
}
.runeBagPreviewCard {
    min-width:0;
    min-height:0;
    padding:9px;
    border:1px solid rgba(179,76,232,.34);
    border-top:2px solid #b34ce8;
    border-radius:9px;
    background:rgba(1,22,36,.58);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.runeBagPreviewTop {
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    align-items:center;
    gap:10px;
    min-height:94px;
}
.runeBagPreviewVisual,
.runeBagPreviewVisual .glyphVisual { width:92px;height:92px; }
.runeBagPreviewMetaBlock {
    display:grid;
    justify-items:start;
    align-content:center;
    gap:4px;
    min-width:0;
}
.runeBagPreviewMetaBlock .runeBagItem.is-destroy-selected {
    box-shadow:0 0 0 1px rgba(79, 230, 173, .75), 0 0 10px rgba(26, 121, 88, .35);
}
.runeBagItem.is-destroy-selected::after {
    content:'SÉLECT.';
    position:absolute;
    left:50%;
    bottom:2px;
    z-index:6;
    transform:translateX(-50%);
    padding:1px 4px;
    border:1px solid rgba(105,221,176,.62);
    border-radius:999px;
    background:rgba(7,65,49,.92);
    color:#d7fff0;
    font:900 5.5px/1.15 "Poppins",sans-serif;
    letter-spacing:.035em;
    pointer-events:none;
}
.runeBagDestroyExclude {
    margin-top:2px;
}
.runeBagPreviewMetaBlock .creatureGlyphRarityBadge {
    max-width:100%;
    padding:2px 7px;
    font-size:9px;
}
.runeBagPreviewMetaBlock > small {
    color:#91bad0;
    font-size:9px;
    font-weight:800;
}
.runeBagPreviewMetaBlock .creatureGlyphUpgradeStars {
    min-height:14px;
    font-size:13px;
}
.runeBagPreviewStats {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:0;
    margin-top:8px;
    padding-right:3px;
    overflow:auto;
}
.runeBagPreviewStat {
    display:grid;
    grid-template-columns:18px minmax(0,1fr) auto;
    align-items:center;
    gap:5px;
    min-height:31px;
    padding:4px 7px;
    border:1px solid rgba(86,174,206,.18);
    border-radius:6px;
    background:rgba(1,22,34,.68);
    color:#f7fbfd;
}
.runeBagPreviewStat.is-main {
    border-color:rgba(118,210,228,.25);
    background:rgba(20,96,119,.18);
}
.runeBagPreviewStat img { width:16px;height:16px;object-fit:contain; }
.runeBagPreviewStat span { display:flex;flex-direction:column;font-size:9px;font-weight:900;line-height:1.05; }
.runeBagPreviewStat span small { margin-top:2px;color:#648696;font-size:6.5px;font-weight:750; }
.runeBagPreviewStat.is-main span small { color:#bfa65e; }
.runeBagPreviewStat strong { color:#f5fbff;font-size:9px;font-weight:950;white-space:nowrap; }
.runeBagPreviewStat.is-main strong { color:#ffd05d; }

.runeBagPreviewActions {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    gap:8px;
    width:72px;
    margin:0;
    padding:0;
}
.runeBagPreviewActions .creatureGlyphAction {
    width:72px;
    min-width:72px;
    aspect-ratio:100/74;
}
.runeBagPreviewActions .creatureGlyphAction img { width:58%;height:58%; }

@media (max-width:680px) {
    .runeBagBody { grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow:auto; }
    .runeBagPreview { min-height:220px; }
    .runeBagPreviewContent { grid-template-columns:minmax(0,1fr) 66px; }
    .runeBagPreviewTop { grid-template-columns:78px minmax(0,1fr);min-height:80px; }
    .runeBagPreviewVisual,.runeBagPreviewVisual .glyphVisual { width:76px;height:76px; }
    .runeBagPreviewActions { width:66px; }
    .runeBagPreviewActions .creatureGlyphAction { width:66px;min-width:66px; }
    .runeBagPreviewStats { max-height:145px; }
}

@media (max-width:520px) {
    .runeBagSideButton { width:48px;max-width:48px;height:52px; }
    .runeBagSideButton img { max-width:46px;max-height:46px; }
    .runeBagClose { width:34px;height:34px;border-radius:10px; }
}

/* v74 final overrides */
.runeBagSideButton { border-right:1px solid rgba(226,194,112,.72); }
.runeBagGrid,
.runeBagPreviewStats,
.runeBagBody { scrollbar-color:rgba(128,210,239,.72) rgba(10,24,39,.42); }
.runeBagGrid::-webkit-scrollbar,
.runeBagPreviewStats::-webkit-scrollbar,
.runeBagBody::-webkit-scrollbar { width:7px;height:7px; }
.runeBagGrid::-webkit-scrollbar-track,
.runeBagPreviewStats::-webkit-scrollbar-track,
.runeBagBody::-webkit-scrollbar-track { background:rgba(7,19,31,.36);border-radius:999px; }
.runeBagGrid::-webkit-scrollbar-thumb,
.runeBagPreviewStats::-webkit-scrollbar-thumb,
.runeBagBody::-webkit-scrollbar-thumb {
    border-radius:999px;
    background:linear-gradient(180deg,rgba(116,213,245,.82),rgba(43,124,181,.90));
    border:1px solid rgba(205,241,255,.16);
}
.runeBagGrid::-webkit-scrollbar-thumb:hover,
.runeBagPreviewStats::-webkit-scrollbar-thumb:hover,
.runeBagBody::-webkit-scrollbar-thumb:hover {
    background:linear-gradient(180deg,rgba(143,224,248,.92),rgba(57,142,196,.96));
}
@media (max-width:680px) {
    .runeBagPreviewActions { grid-column:auto;grid-row:auto; }
}


/* v75 — preview compacte sans scrollbar interne */
.runeBagPreviewContent {
    display:block;
    min-height:0;
    height:100%;
}
.runeBagPreviewCard {
    height:100%;
    overflow:hidden;
}
.runeBagPreviewTop {
    grid-template-columns:92px minmax(0,1fr) 72px;
    gap:10px;
    align-items:center;
}
.runeBagPreviewActions {
    width:72px;
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    align-self:start;
    margin:0;
    padding:0;
}
.runeBagPreviewActions .creatureGlyphAction {
    width:64px;
    min-width:64px;
    height:52px;
    aspect-ratio:auto;
}
.runeBagPreviewActions .creatureGlyphAction img {
    width:58%;
    height:58%;
    object-fit:contain;
}
.runeBagPreviewStats {
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:9px;
    padding:0;
    overflow:visible;
    max-height:none;
    scrollbar-width:none;
}
.runeBagPreviewStats::-webkit-scrollbar { display:none; }
.runeBagPreviewStat {
    min-width:0;
    min-height:43px;
    grid-template-columns:16px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:5px;
    row-gap:2px;
    padding:5px 6px;
}
.runeBagPreviewStat img {
    grid-row:1/3;
    align-self:center;
}
.runeBagPreviewStat span {
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.runeBagPreviewStat strong {
    grid-column:2/3;
    justify-self:start;
    font-size:9px;
}
.runeBagNoSubs { grid-column:1/-1; }

@media (max-width:680px) {
    .runeBagPreviewContent { display:block; }
    .runeBagPreviewTop { grid-template-columns:76px minmax(0,1fr) 62px;gap:7px; }
    .runeBagPreviewActions { width:62px; }
    .runeBagPreviewActions .creatureGlyphAction { width:58px;min-width:58px;height:48px; }
    .runeBagPreviewStats { grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:none; }
}


/* v76 — forme verticale stable + preview six colonnes */
.runeBagDialog {
    width:min(520px,96vw);
    height:min(760px,94vh);
}
.runeBagBody {
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) auto;
    overflow:hidden;
}
.runeBagMain { min-height:0; }
.runeBagPreview {
    min-height:210px;
    border-left:0;
    border-top:1px solid #31546d;
    padding:8px 10px 10px;
}
.runeBagPreviewContent { display:block; }
.runeBagPreviewCard { height:auto;min-height:0; }
.runeBagPreviewTop {
    grid-template-columns:76px minmax(0,1fr) 62px;
    gap:7px;
    min-height:80px;
}
.runeBagPreviewVisual,
.runeBagPreviewVisual .glyphVisual { width:76px;height:76px; }
.runeBagPreviewActions { width:62px; }
.runeBagPreviewActions .creatureGlyphAction {
    width:58px;
    min-width:58px;
    height:48px;
}
.runeBagPreviewStats {
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:5px;
    max-height:none;
    overflow:visible;
}
.runeBagPreviewStat {
    min-height:40px;
    padding:4px;
    grid-template-columns:14px minmax(0,1fr);
    column-gap:3px;
}
.runeBagPreviewStat img { width:14px;height:14px; }
.runeBagPreviewStat span { font-size:7.5px; }
.runeBagPreviewStat span small { font-size:5.7px; }
.runeBagPreviewStat strong { font-size:8px; }

@media (max-width:680px) {
    .runeBagBody {
        grid-template-columns:1fr;
        grid-template-rows:minmax(0,1fr) auto;
        overflow:hidden;
    }
    .runeBagMain { min-height:0; }
    .runeBagPreview { min-height:210px; }
    .runeBagPreviewContent { display:block; }
    .runeBagPreviewTop { grid-template-columns:76px minmax(0,1fr) 62px;gap:7px; }
    .runeBagPreviewVisual,.runeBagPreviewVisual .glyphVisual { width:76px;height:76px; }
    .runeBagPreviewActions { width:62px; }
    .runeBagPreviewActions .creatureGlyphAction { width:58px;min-width:58px;height:48px; }
    .runeBagPreviewStats {
        grid-template-columns:repeat(6,minmax(0,1fr));
        gap:5px;
        max-height:none;
    }
}

/* v77 — header compact, filtres sans débordement, preview 5 colonnes */
.runeBagHeaderText {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:8px;
    min-width:0;
}
.runeBagHeaderText strong { font-size:22px;font-weight:900;line-height:1; }
.runeBagHeaderCount {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:22px;
    padding:0 7px;
    border-radius:999px;
    background:#1c5f82;
    color:#eaf8ff;
    font-size:10px;
    font-weight:950;
    line-height:1;
    box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.runeBagToolbar {
    justify-content:flex-end;
    margin-bottom:6px;
}
.runeBagFilters { gap:6px; }
.runeBagFilterGrid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 8px;
    width:100%;
    min-width:0;
}
.runeBagFilterGroup {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    min-width:0;
}
.runeBagFilterGroup--wide { grid-column:1/-1; }
.runeBagFilterGroup .runeBagFilterLabel {
    width:auto;
    min-width:0;
    display:block;
    font-size:6.8px;
    line-height:1.1;
}
.runeBagFilterOptions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px;
    min-width:0;
    overflow:visible;
}
.runeBagFilterOptions .runeBagFilterButton {
    flex:0 0 auto;
}
.runeBagAdvanced {
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:8px;
    align-items:end;
}
.runeBagAdvancedGroup {
    grid-template-columns:1fr;
    align-items:stretch;
    gap:4px;
}
.runeBagAdvancedGroup label {
    display:block;
    line-height:1.1;
}
.runeBagPreviewStats {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    max-height:none;
    overflow:visible;
}
.runeBagPreviewStat span small { display:none !important; }

@media (max-width:680px) {
    .runeBagHeaderText { flex-direction:row;gap:7px; }
    .runeBagHeaderText strong { font-size:20px; }
    .runeBagHeaderCount { min-width:38px;height:21px;font-size:9px; }
    .runeBagFilterGrid { grid-template-columns:repeat(2,minmax(0,1fr));gap:6px; }
    .runeBagFilterGroup .runeBagFilterLabel { font-size:6.4px; }
    .runeBagFilterOptions { gap:3px; }
    .runeBagAdvanced { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:6px; }
    .runeBagPreviewStats { grid-template-columns:repeat(5,minmax(0,1fr));gap:4px; }
}

/* v79 — filtres adaptatifs sans chevauchement */
.runeBagRarityDot[data-rarity="dark"] {
    border-color:#8d8d98;
    background:#282a31;
    box-shadow:0 1px 3px rgba(0,0,0,.34), inset 0 0 0 1px rgba(0,0,0,.12);
}
.runeBagFilterGrid {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:5px 7px;
    width:100%;
    min-width:0;
}
.runeBagFilterGroup {
    min-width:0;
    max-width:100%;
    gap:4px;
}
.runeBagFilterGroup--main { flex:1 1 245px; }
.runeBagFilterGroup--shape { flex:1 1 150px; }
.runeBagFilterGroup--set { flex:1 1 190px; }
.runeBagFilterGroup--rarity { flex:1 1 245px; }
.runeBagFilterGroup--quality { flex:1 1 245px; }
.runeBagFilterGroup--subcount { flex:1 1 170px; }
.runeBagFilterGroup--wide { flex:1 0 100%; }
.runeBagFilterOptions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:3px;
    min-width:0;
    max-width:100%;
    overflow:visible;
}
.runeBagFilterGroup--main .runeBagFilterButton,
.runeBagFilterGroup--rarity .runeBagFilterButton,
.runeBagFilterGroup--quality .runeBagFilterButton {
    min-width:28px;
    padding-left:5px;
    padding-right:5px;
}
.runeBagFilterGroup .runeBagFilterLabel,
.runeBagFilterGroup--subcount .runeBagFilterLabel {
    margin:0;
    padding:0;
    line-height:1.1;
}
.runeBagFilterSelect,
.runeBagAdvancedGroup select,
.runeBagAdvancedGroup input {
    width:100%;
    min-width:0;
    height:27px;
    margin:0;
    border:1px solid #31556d;
    border-radius:6px;
    background:#0b2334;
    color:#eff8ff;
    font-size:9px;
    font-weight:700;
    padding:2px 6px;
}
.runeBagFilterGroup--subcount .runeBagFilterSelect {
    margin-top:0;
}
.runeBagAdvanced--value {
    grid-template-columns:1fr;
    gap:0;
}
.runeBagAdvanced--value .runeBagAdvancedGroup {
    grid-template-columns:1fr;
}

@media (max-width:680px) {
    .runeBagFilterGrid { gap:5px 6px; }
    .runeBagFilterGroup--main { flex-basis:235px; }
    .runeBagFilterGroup--shape { flex-basis:145px; }
    .runeBagFilterGroup--set { flex-basis:180px; }
    .runeBagFilterGroup--rarity { flex-basis:235px; }
    .runeBagFilterGroup--quality { flex-basis:235px; }
    .runeBagFilterGroup--subcount { flex-basis:165px; }
}

/* v80 — nombre de tirages par stat secondaire + centrage des cartes de stats */
.runeBagPreviewStat {
    position:relative;
    display:grid;
    grid-template-columns:14px auto;
    grid-template-rows:auto auto;
    align-content:center;
    justify-content:center;
    align-items:center;
    justify-items:center;
    column-gap:4px;
    row-gap:2px;
    text-align:center;
    padding:7px 4px 5px;
    box-sizing:border-box;
}
.runeBagPreviewStat.is-sub {
    padding-top:16px;
}
.runeBagPreviewStat > img {
    grid-column:1;
    grid-row:1;
    justify-self:end;
    margin:0;
}
.runeBagPreviewStat > span:not(.runeBagPreviewRollCount) {
    grid-column:2;
    grid-row:1;
    justify-self:start;
    align-self:center;
    display:block;
    width:auto;
    text-align:center;
    line-height:1;
}
.runeBagPreviewStat > strong {
    grid-column:1 / -1;
    grid-row:2;
    justify-self:center;
    align-self:center;
    width:100%;
    text-align:center;
    line-height:1.05;
}
.runeBagPreviewRollCount {
    position:absolute;
    top:3px;
    left:50%;
    transform:translateX(-50%);
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:center;
    gap:3px;
    width:auto !important;
    color:#7896a8;
    font-size:6.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    white-space:nowrap;
    pointer-events:none;
}
.runeBagPreviewRollCount b {
    color:inherit;
    font:inherit;
}
.runeBagPreviewRollIcon {
    position:relative;
    display:inline-block;
    width:10px;
    height:8px;
    flex:0 0 10px;
    color:#7896a8;
}
.runeBagPreviewRollIcon::before,
.runeBagPreviewRollIcon::after {
    content:"";
    position:absolute;
    width:6px;
    height:5px;
    border:1px solid currentColor;
    border-radius:1px;
    box-sizing:border-box;
    background:#102b3d;
}
.runeBagPreviewRollIcon::before {
    left:0;
    top:0;
    opacity:.72;
}
.runeBagPreviewRollIcon::after {
    left:3px;
    top:2px;
}


/* v81 — filtres secondaires sur une seule ligne + libellés de stats non gras */
.runeBagSecondaryFilterRow {
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.58fr);
    gap:7px;
    align-items:end;
    width:100%;
    min-width:0;
}
.runeBagSecondaryFilterRow .runeBagFilterGroup,
.runeBagSecondaryFilterRow .runeBagAdvancedGroup {
    min-width:0;
    gap:4px;
}
.runeBagSecondaryFilterRow .runeBagFilterLabel,
.runeBagSecondaryFilterRow .runeBagAdvancedGroup > label {
    display:block;
    margin:0;
    padding:0;
    color:#78a7c2;
    font-size:6.8px;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.runeBagSecondaryFilterRow .runeBagFilterSelect,
.runeBagSecondaryFilterRow .runeBagAdvancedGroup select,
.runeBagSecondaryFilterRow .runeBagAdvancedGroup input {
    margin:0;
    width:100%;
    min-width:0;
    height:27px;
}
.runeBagSecondaryFilterRow .runeBagAdvancedGroup {
    display:flex;
    flex-direction:column;
    align-items:stretch;
}
.runeBagSecondaryFilterRow .runeBagSubstatValue {
    display:grid;
    grid-template-columns:minmax(0,1fr) 64px;
    gap:4px;
    min-width:0;
}
.runeBagPreviewStat > span:not(.runeBagPreviewRollCount) {
    font-weight:500 !important;
}
.runeBagPreviewStat > strong {
    font-weight:950 !important;
}
@media (max-width:680px) {
    .runeBagSecondaryFilterRow {
        grid-template-columns:minmax(0,.82fr) minmax(0,1.58fr);
        gap:6px;
    }
    .runeBagSecondaryFilterRow .runeBagFilterLabel,
    .runeBagSecondaryFilterRow .runeBagAdvancedGroup > label {
        font-size:6.4px;
    }
    .runeBagSecondaryFilterRow .runeBagSubstatValue {
        grid-template-columns:minmax(0,1fr) 58px;
    }
}

/* v82 — actions dans le header + hiérarchie typographique de la preview */
.runeBagHeaderActions {
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}
.runeBagHeaderActions .runeBagUnequipAll {
    margin-left:0;
    min-height:34px;
    padding:6px 9px;
}
.runeBagHeaderActions .runeBagClose {
    margin-left:0;
    flex:0 0 auto;
}
.runeBagPreviewStat > span:not(.runeBagPreviewRollCount) {
    font-size:9px !important;
    font-weight:500 !important;
}
.runeBagPreviewStat > strong {
    font-size:11px !important;
    font-weight:950 !important;
}
@media (max-width:520px) {
    .runeBagHeaderActions { gap:5px; }
    .runeBagHeaderActions .runeBagUnequipAll {
        min-height:32px;
        padding:5px 7px;
        font-size:6.8px;
    }
    .runeBagPreviewStat > span:not(.runeBagPreviewRollCount) { font-size:8.5px !important; }
    .runeBagPreviewStat > strong { font-size:10.5px !important; }
}

/* v85 — destruction de Runes + Cristaux runiques */
.runeBagRunicCurrency {
    display:flex;
    align-items:center;
    gap:4px;
    min-width:0;
    height:34px;
    padding:3px 7px 3px 4px;
    border:1px solid #56778c;
    border-radius:8px;
    background:#0d293b;
    color:#dff7ff;
    box-sizing:border-box;
}
.runeBagRunicCurrency img {
    width:28px;
    height:28px;
    object-fit:contain;
    flex:0 0 28px;
}
.runeBagRunicCurrency strong {
    font-size:10px;
    font-weight:950;
    line-height:1;
    white-space:nowrap;
}
.runeBagFilterGroup--level { flex:1 1 115px; }
.runeBagDestructionToolbar {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    min-width:0;
    margin-top:2px;
}
.runeBagBulkUpgrade {
    flex:0 0 auto;
    min-height:28px;
    padding:5px 9px;
    border:1px solid #3b829f;
    border-radius:7px;
    background:linear-gradient(180deg,#175978,#103e56);
    color:#dff7ff;
    font-size:7.5px;
    font-weight:950;
    letter-spacing:.02em;
    cursor:pointer;
}
.runeBagBulkUpgrade:not(:disabled):hover { border-color:#69c9ec;filter:brightness(1.1); }
.runeBagBulkUpgrade:disabled { opacity:.42;cursor:default; }
.runeBagBulkDestroy {
    flex:0 0 auto;
    min-height:28px;
    padding:5px 9px;
    border:1px solid #9a5362;
    border-radius:7px;
    background:linear-gradient(180deg,#532332,#361722);
    color:#ffdce2;
    font-size:7.5px;
    font-weight:950;
    letter-spacing:.02em;
    cursor:pointer;
}
.runeBagBulkDestroy:not(:disabled):hover { border-color:#ff879b;filter:brightness(1.1); }
.runeBagBulkDestroy:disabled { opacity:.42;cursor:default; }
.runeBagDestructionToolbar small {
    flex:1 1 190px;
    min-width:0;
    color:#668ba0;
    font-size:6.5px;
    line-height:1.2;
}
.runeBagPreviewActions {
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
}

@media (max-width:520px) {
    .runeBagRunicCurrency { height:32px;padding-right:5px; }
    .runeBagRunicCurrency img { width:25px;height:25px;flex-basis:25px; }
    .runeBagRunicCurrency strong { font-size:9px; }
    .runeBagDestructionToolbar { align-items:flex-start;gap:5px; }
    .runeBagBulkUpgrade,.runeBagBulkDestroy { min-height:27px;padding:4px 7px;font-size:6.8px; }
    .runeBagDestructionToolbar small { font-size:6px; }
}

/* v86 — sélection de destruction explicite + exclusions manuelles */
.runeBagItem.is-destroy-excluded {
    opacity:.46;
    filter:saturate(.55);
}
.runeBagItem.is-destroy-excluded::after {
    content:'EXCLUE';
    position:absolute;
    left:50%;
    bottom:2px;
    z-index:6;
    transform:translateX(-50%);
    padding:1px 4px;
    border:1px solid rgba(255,151,151,.62);
    border-radius:999px;
    background:rgba(72,18,28,.92);
    color:#ffd6dc;
    font:900 5.5px/1.15 "Poppins",sans-serif;
    letter-spacing:.035em;
    pointer-events:none;
}
.runeBagDestroyExclude {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    max-width:100%;
    min-height:22px;
    padding:4px 10px;
    border:1px solid rgba(104,180,211,.44);
    border-radius:999px;
    background:linear-gradient(180deg,rgba(14,70,92,.92),rgba(8,45,63,.96));
    color:#bdefff;
    font:900 6.8px/1.15 "Poppins",sans-serif;
    letter-spacing:.025em;
    white-space:nowrap;
    cursor:pointer;
}
.runeBagDestroyExclude.is-excluded {
    border-color:rgba(238,164,87,.66);
    background:linear-gradient(180deg,rgba(104,59,20,.94),rgba(67,35,15,.98));
    color:#ffe1a8;
}
.runeBagDestroyExclude.is-included {
    border-color:rgba(105,221,176,.56);
    background:linear-gradient(180deg,rgba(16,92,71,.94),rgba(8,57,44,.98));
    color:#d7fff0;
}
.runeBagDestroyExclude:hover:not(:disabled) { filter:brightness(1.12); }
.runeBagDestroyExclude:disabled { opacity:.45;cursor:default; }
.runeBagDestroyExclude[hidden] { display:none; }
.runeBagDestroyAction {
    border:0 !important;
    background:transparent !important;
}
.runeBagDestroyAction:not(:disabled):hover { filter:brightness(1.08); }


/* v94 — aperçu Rune : alignement haut du sélecteur entre meta et actions */
.runeBagPreviewTop {
    grid-template-columns:76px 105px minmax(160px,1fr) 62px;
    gap:8px;
    align-items:start;
}
.runeBagPreviewVisual {
    align-self:start;
    margin-top:-2px;
}
.runeBagPreviewMetaBlock,
.runeBagPreviewSelection,
.runeBagPreviewActions {
    align-self:start;
}
.runeBagPreviewSelection {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    min-width:0;
}
.runeBagPreviewSelection .runeBagDestroyExclude {
    min-width:160px;
    min-height:31px;
    padding:6px 16px;
    margin:0;
    border-radius:999px;
    font-size:8px;
}
.runeBagPreviewActions {
    width:62px;
    justify-content:center;
    gap:6px;
}
.runeBagPreviewActions .creatureGlyphAction {
    width:58px;
    min-width:58px;
    height:48px;
}
.runeBagPreviewActions .creatureGlyphAction img.creatureGlyphDestroyButtonImage {
    width:100%;
    height:100%;
    object-fit:fill;
    transform:translate(-50%,-50%);
}


/* v95 — aperçu Rune : remonter le portrait et rapprocher la ligne de stats */
.runeBagPreviewStats {
    margin-top:-4px;
}

@media (max-width:520px) {
    .runeBagPreviewTop {
        grid-template-columns:76px minmax(0,1fr) 62px;
        grid-template-areas:
            "visual meta actions"
            "visual selection actions";
        gap:6px 7px;
        align-items:center;
    }
    .runeBagPreviewVisual { grid-area:visual; }
    .runeBagPreviewMetaBlock { grid-area:meta; }
    .runeBagPreviewSelection {
        grid-area:selection;
        justify-content:flex-start;
    }
    .runeBagPreviewSelection .runeBagDestroyExclude {
        min-width:0;
        max-width:100%;
        min-height:26px;
        padding:5px 10px;
        font-size:7px;
    }
    .runeBagPreviewActions { grid-area:actions; }
}


/* v96 — aperçu Rune : grouper portrait + informations en un bloc d'identité compact */
.runeBagPreviewTop {
    grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) 62px;
    column-gap:10px;
    align-items:start;
}
.runeBagPreviewIdentity {
    display:grid;
    grid-template-columns:76px max-content;
    align-items:start;
    justify-content:start;
    gap:7px;
    min-width:0;
    padding-left:4px;
}
.runeBagPreviewIdentity .runeBagPreviewVisual {
    width:76px;
    height:76px;
    margin:0;
    align-self:start;
}
.runeBagPreviewIdentity .runeBagPreviewVisual .glyphVisual {
    width:76px;
    height:76px;
}
.runeBagPreviewIdentity .runeBagPreviewMetaBlock {
    align-self:start;
    align-content:start;
    padding-top:0;
    margin:0;
}
.runeBagPreviewSelection {
    align-self:start;
}
.runeBagPreviewActions {
    align-self:start;
}

@media (max-width:520px) {
    .runeBagPreviewTop {
        grid-template-columns:minmax(0,1fr) 62px;
        grid-template-areas:
            "identity actions"
            "selection actions";
        column-gap:7px;
        row-gap:5px;
        align-items:start;
    }
    .runeBagPreviewIdentity {
        grid-area:identity;
        grid-template-columns:70px minmax(0,1fr);
        gap:6px;
        padding-left:0;
    }
    .runeBagPreviewIdentity .runeBagPreviewVisual,
    .runeBagPreviewIdentity .runeBagPreviewVisual .glyphVisual {
        width:70px;
        height:70px;
    }
    .runeBagPreviewSelection {
        grid-area:selection;
        justify-content:flex-start;
        padding-left:76px;
    }
    .runeBagPreviewActions { grid-area:actions; }
}

/* v106 — mobile : stabiliser l'aperçu Rune quel que soit le nombre de substats */
@media (max-width:520px) {
    .runeBagPreviewTop {
        display:grid;
        grid-template-columns:72px minmax(0,1fr) 58px !important;
        grid-template-areas:
            "visual meta actions"
            "visual selection actions" !important;
        column-gap:7px;
        row-gap:4px;
        align-items:start;
        min-height:76px;
    }

    /* Sur mobile on aplatit le wrapper d'identité afin que le portrait et les
       informations restent dans des cellules fixes, indépendamment du contenu
       de la ligne de statistiques située dessous. */
    .runeBagPreviewIdentity {
        display:contents;
    }
    .runeBagPreviewIdentity .runeBagPreviewVisual {
        grid-area:visual;
        width:72px;
        height:72px;
        margin:0;
        align-self:start;
    }
    .runeBagPreviewIdentity .runeBagPreviewVisual .glyphVisual {
        width:72px;
        height:72px;
    }
    .runeBagPreviewIdentity .runeBagPreviewMetaBlock {
        grid-area:meta;
        min-width:0;
        align-self:start;
        align-content:start;
        padding:0;
        margin:0;
    }
    .runeBagPreviewSelection {
        grid-area:selection;
        min-width:0;
        padding-left:0 !important;
        justify-content:flex-start;
        align-self:start;
    }
    .runeBagPreviewSelection .runeBagDestroyExclude {
        width:auto;
        min-width:0;
        max-width:100%;
        min-height:24px;
        padding:4px 9px;
        font-size:6.8px;
    }
    .runeBagPreviewActions {
        grid-area:actions;
        width:58px;
        align-self:start;
        justify-self:end;
        gap:5px;
    }
    .runeBagPreviewActions .creatureGlyphAction {
        width:58px;
        min-width:58px;
        height:48px;
    }
    .runeBagPreviewStats {
        margin-top:6px;
    }
}

/* v107 — aperçu Rune : stabiliser aussi le layout grand écran / tablette */
/* v109 — retour au breakpoint stable : layout mobile jusqu'à 520px, desktop/tablette dès 521px. */
@media (min-width:521px) {
    .runeBagPreviewTop {
        display:grid;
        grid-template-columns:76px 110px minmax(160px,1fr) 62px !important;
        grid-template-areas:"visual meta selection actions" !important;
        column-gap:8px;
        align-items:start;
        min-height:80px;
    }

    /* Même principe que sur mobile : portrait et métadonnées redeviennent
       des cellules explicites de la grille. Le nombre de substats ne peut donc
       plus réorganiser le haut de l'aperçu. */
    .runeBagPreviewIdentity {
        display:contents;
    }
    .runeBagPreviewIdentity .runeBagPreviewVisual {
        grid-area:visual;
        width:76px;
        height:76px;
        margin:0;
        align-self:start;
    }
    .runeBagPreviewIdentity .runeBagPreviewVisual .glyphVisual {
        width:76px;
        height:76px;
    }
    .runeBagPreviewIdentity .runeBagPreviewMetaBlock {
        grid-area:meta;
        min-width:0;
        align-self:start;
        align-content:start;
        padding:0;
        margin:0;
    }
    .runeBagPreviewSelection {
        grid-area:selection;
        min-width:0;
        align-self:start;
        justify-content:center;
        padding:0;
    }
    .runeBagPreviewSelection .runeBagDestroyExclude {
        min-width:160px;
        max-width:100%;
        min-height:31px;
        margin:0;
        padding:6px 16px;
        font-size:8px;
    }
    .runeBagPreviewActions {
        grid-area:actions;
        width:62px;
        align-self:start;
        justify-self:end;
    }
}

.runeBagPreviewStat.is-legendary { border-color:rgba(255,153,51,.78) !important;background:rgba(139,67,8,.26) !important;box-shadow:inset 0 0 0 1px rgba(255,181,77,.08); }
.runeBagPreviewStat.is-legendary > span:not(.runeBagPreviewRollCount),
.runeBagPreviewStat.is-legendary > strong { color:#ffad4d !important; }
.runeBagPreviewStat.is-legendary > span:not(.runeBagPreviewRollCount) small { color:#e69442 !important; }

/* Rune +13 V1.1 — les libellés légendaires restent contenus dans leur carte. */
.runeBagPreviewStat { min-width:0; max-width:100%; }
.runeBagPreviewStat > span:not(.runeBagPreviewRollCount) {
    min-width:0;
    overflow-wrap:anywhere;
    word-break:normal;
}
.runeBagPreviewStat > strong { white-space:nowrap; }

/* v87 — header mobile compact + compteur de capacité dans les filtres */
.runeBagHeaderText strong {
    font-size:20px;
}
.runeBagFilterGroupHeader {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    min-width:0;
}
.runeBagFilterGroupHeader .runeBagFilterLabel {
    flex:0 1 auto;
}
.runeBagFilterGroupHeader .runeBagHeaderCount {
    flex:0 0 auto;
    margin-left:auto;
}
.runeBagRunicCurrency {
    overflow:hidden;
}
.runeBagRunicCurrency strong {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media (max-width:520px) {
    .runeBagHeader {
        min-height:42px;
        gap:6px;
        padding:4px 6px 4px 9px;
    }
    .runeBagHeaderIcon {
        width:34px;
        height:34px;
        flex:0 0 34px;
    }
    .runeBagHeaderText {
        flex:0 0 auto;
        gap:0;
    }
    .runeBagHeaderText strong {
        font-size:18px;
    }
    .runeBagHeaderActions {
        flex:1 1 auto;
        justify-content:flex-end;
        gap:4px;
        min-width:0;
    }
    .runeBagRunicCurrency {
        flex:0 1 108px;
        max-width:108px;
        height:30px;
        padding:2px 5px 2px 3px;
        gap:3px;
    }
    .runeBagRunicCurrency img {
        width:24px;
        height:24px;
        flex:0 0 24px;
    }
    .runeBagRunicCurrency strong {
        font-size:8.5px;
    }
    .runeBagHeaderActions .runeBagUnequipAll {
        min-height:30px;
        padding:4px 6px;
        font-size:6.4px;
    }
    .runeBagHeaderActions .runeBagClose {
        width:30px;
        height:30px;
        border-radius:9px;
        font-size:19px;
    }
    .runeBagFilterGroup--main {
        flex:1 0 100%;
    }
    .runeBagFilterGroupHeader .runeBagHeaderCount {
        min-width:38px;
        height:20px;
        padding:0 6px;
        font-size:8.5px;
    }
}


/* v88 — header mobile : monnaie à largeur de contenu + capacité alignée sur les filtres */
.runeBagFilterGroup--main .runeBagFilterOptions > .runeBagHeaderCount {
    flex:0 0 auto;
    align-self:center;
    margin-left:auto;
}

@media (max-width:520px) {
    .runeBagRunicCurrency {
        flex:0 0 auto;
        width:max-content;
        max-width:none;
        overflow:visible;
    }
    .runeBagRunicCurrency strong {
        min-width:auto;
        overflow:visible;
        text-overflow:clip;
    }
    .runeBagFilterGroup--main .runeBagFilterOptions {
        flex-wrap:nowrap;
        width:100%;
    }
    .runeBagFilterGroup--main .runeBagFilterOptions > .runeBagHeaderCount {
        min-width:38px;
        height:20px;
        padding:0 6px;
        margin-left:auto;
        font-size:8.5px;
    }
}

/* v98 — capacité du sac : mobile sur STAT PRINC., desktop à droite de FORME */
.runeBagHeaderCount--desktop {
    display:none;
}

@media (min-width:521px) {
    .runeBagHeaderCount--mobile {
        display:none;
    }
    .runeBagHeaderCount--desktop {
        display:inline-flex;
        flex:0 0 auto;
        align-self:center;
        margin-left:auto;
    }
    .runeBagFilterGroup--shape {
        flex-basis:190px;
    }
    .runeBagFilterGroup--shape .runeBagFilterOptions {
        flex-wrap:nowrap;
        width:100%;
    }
}

@media (max-width:520px) {
    .runeBagHeaderCount--mobile {
        display:inline-flex;
    }
    .runeBagHeaderCount--desktop {
        display:none;
    }
}