/* Esportcards — Gamification frontend (extends account.css / opening.css) */
.ec-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.ec-tabs a{padding:8px 16px;border-radius:20px;background:#161623;color:#9a9ab0;text-decoration:none;font-weight:700;font-size:12.5px;border:1px solid #26263c}
.ec-tabs a.active{background:#f5d020;color:#12121b;border-color:#f5d020}

.ec-notif-unread{border-left:3px solid #f5d020}
.ec-notif-ico{text-transform:uppercase}

.ec-unopened-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#f5d020,#ffe14a);color:#12121b;border-radius:14px;padding:14px 18px;margin:0 0 18px;text-decoration:none;font-weight:800}
.ec-unopened-cta{font-size:13px;text-decoration:underline}

/* Wheel of Fortune */
.ec-wheel-visual{position:relative;width:260px;height:260px;margin:20px auto;border-radius:50%;background:conic-gradient(#f5d020 0 12.5%,#b06cff 0 25%,#3da5ff 0 37.5%,#4caf50 0 50%,#e8b923 0 62.5%,#ff5a3c 0 75%,#37e0c8 0 87.5%,#9aa4b2 0 100%);border:4px solid #12121b;box-shadow:0 0 0 4px #f5d020;transition:transform 3.5s cubic-bezier(.17,.67,.16,.99)}
.ec-wheel-disc{position:absolute;inset:0}
.ec-wheel-seg{position:absolute;top:8%;left:50%;transform-origin:0 240%;color:#12121b;font-size:9px;font-weight:800;white-space:nowrap;display:none}
.ec-wheel-pointer{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #fff;z-index:5}
#ec-wheel-result{margin-top:16px;text-align:center;color:#fff;font-weight:800;font-size:16px;min-height:24px}

/* Shop buy buttons reuse .ec-item, just need button reset */
button.ec-item{border:1px solid #24243a;cursor:pointer;font:inherit;text-align:left;width:100%}
button.ec-item:hover{border-color:#f5d020}

.ec-claim-quest,.ec-claim-bp-tier,.ec-event-participate{margin-top:8px}