.qs-bar{margin:12px 0}.qs-btn{min-height:44px}
.qs-o{position:fixed;inset:0;z-index:2147483647;background:rgba(6,8,6,.78);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.qs-d{background:var(--panel,#191d18);color:var(--rd-paper,#eeefe4);border:1px solid var(--line,#343a30);border-radius:12px;max-width:440px;width:100%;padding:22px;max-height:calc(100dvh - 32px);overflow:auto}
.qs-d h2{font-family:var(--disp,inherit);margin:0 0 12px;font-size:22px;letter-spacing:-.5px}
.qs-big{font-size:20px;margin:0 0 6px;font-variant-numeric:tabular-nums}.qs-big b{color:var(--lime,#d4f86b)}
.qs-s{color:var(--mut,#aeb4a7);font-size:14px;margin:0 0 10px}
.qs-l{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:4px}.qs-l li{display:flex;justify-content:space-between;padding:7px 10px;border-radius:7px;background:#ffffff0d;border-left:4px solid var(--c,#9aa3ad)}
.qs-r-commune{--c:#9aa3ad}.qs-r-rare{--c:#4fb3ff}.qs-r-epique{--c:#c17bff}.qs-r-legendaire{--c:#ffc233}.qs-r-mythique{--c:#ff4fa3}.qs-r-sar{--c:#b6fff1}.qs-r-secrete{--c:#fff}
.qs-w{background:#3a2a14;color:#ffd9a8;border-radius:8px;padding:9px 11px;font-size:14px;margin:0 0 8px}
.qs-m{min-height:20px;margin:6px 0;font-size:14px}
.qs-a{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.qs-a .btn{flex:1 1 140px;margin:0}
.qs-btn:focus-visible,.qs-d button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.qs-d{animation:qsin .18s ease-out}@keyframes qsin{from{opacity:0;transform:translateY(8px)}}}.qs-onewrap{margin:10px 0}.qs-one.qs-off{opacity:.55;cursor:not-allowed}

/* booster opening fallback: art stays on top, a tier gradient + readable text sit underneath until the image is really decoded */
html body .pack-stage .pack{color:#fff;text-shadow:0 2px 12px #000c;line-height:1.05;letter-spacing:.02em}
html body .pack-stage .pack.t-std{background-image:url(/packs/classique.webp),linear-gradient(150deg,#c6ff3d,#27c4b4 60%,#06553f)}
html body .pack-stage .pack.t-pre{background-image:url(/packs/prestige.webp),linear-gradient(150deg,#c17bff,#4a1a7a)}
html body .pack-stage .pack.t-eli{background-image:url(/packs/elite.webp),radial-gradient(circle at 30% 20%,#8fd0ff,#0a2f66 75%)}
html body .pack-stage .pack.t-leg{background-image:url(/packs/legend.webp),radial-gradient(circle at 30% 20%,#ffe27a,#7a4a00 75%)}
html.qs-pk-std body .pack-stage .pack.t-std,html.qs-pk-pre body .pack-stage .pack.t-pre,html.qs-pk-eli body .pack-stage .pack.t-eli,html.qs-pk-leg body .pack-stage .pack.t-leg{color:#0000;text-shadow:none}