/* Banner visual kad pertandingan: latar bahagian atas kad (tajuk kekal satu sahaja) */
.competition-card{overflow:hidden}
.competition-top.has-art{position:relative;isolation:isolate;padding-right:150px!important;min-height:150px;overflow:hidden}
.competition-art{--a:#3a2f1a;--b:#0f0f12;--ink:#f3cf7a;position:absolute;inset:0;z-index:-1;background:radial-gradient(110% 150% at 100% 0%,var(--a) 0%,var(--b) 72%);pointer-events:none}
.competition-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 55%,transparent 100%)}
.ca-watermark{position:absolute;right:-22px;bottom:-40px;width:180px;height:180px;color:var(--ink);opacity:.09;transform:rotate(-10deg)}
.ca-watermark svg,.ca-icon svg{width:100%;height:100%}
.ca-icon,.ca-logo,.ca-poster{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:1}
.ca-icon{width:78px;height:78px;padding:17px;border-radius:22px;color:var(--ink);background:rgba(0,0,0,.35);border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.ca-logo{display:grid;place-items:center;width:96px;height:96px;padding:10px;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.ca-logo.wide{width:118px;height:64px;padding:6px 10px;border-radius:14px}
.ca-logo img{max-width:100%;max-height:100%;object-fit:contain}
.ca-poster{width:92px;height:128px;object-fit:cover;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);transform:translateY(-50%) rotate(4deg)}
.ca-tag{position:absolute;right:24px;bottom:12px;z-index:1;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--ink);opacity:.9;max-width:130px;text-align:right;line-height:1.3}
.competition-art:has(.ca-poster) .ca-tag,.competition-art:has(.ca-logo) .ca-tag{display:none}
.competition-top.has-art h3{text-shadow:0 2px 14px rgba(0,0,0,.45)}
.ca-green{--a:#1f5a2b;--b:#0c1510;--ink:#8fe08a}
.ca-red{--a:#6a1d24;--b:#140b0d;--ink:#ff8a8f}
.ca-blue{--a:#163f86;--b:#0a0f1c;--ink:#8ab8ff}
.ca-orange{--a:#7a3a10;--b:#140d08;--ink:#ffb36b}
.ca-indigo{--a:#2c2a7a;--b:#0d0c1a;--ink:#a9a6ff}
.ca-cyan{--a:#0d5466;--b:#081215;--ink:#7fe3ff}
.ca-teal{--a:#0c5a58;--b:#081312;--ink:#6fe8de}
.ca-crimson{--a:#701527;--b:#13090c;--ink:#ff7d93}
.ca-gold{--a:#6b4f14;--b:#120f08;--ink:#f3cf7a}
.ca-lime{--a:#3f5c12;--b:#0e120a;--ink:#c3ef6a}
.ca-sky{--a:#16507a;--b:#0a1118;--ink:#8ed2ff}
.ca-pink{--a:#6e1b55;--b:#140a12;--ink:#ff9ad8}
.ca-violet{--a:#4b1f86;--b:#0f0a1a;--ink:#c9a2ff}
.ca-silver{--a:#45505e;--b:#0f1114;--ink:#dfe6ee}
@media(max-width:640px){.competition-top.has-art{padding-right:104px!important;min-height:130px}.ca-icon{width:58px;height:58px;padding:12px;right:16px}.ca-logo{width:70px;height:70px;right:16px}.ca-logo.wide{width:84px;height:48px}.ca-poster{width:68px;height:96px;right:16px}.ca-tag{display:none}}

/* Nombor, label status & butang kongsi (gaya rujukan PPPDM) */
.ca-num{position:absolute;left:-2px;top:-2px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:0 0 14px 0;background:rgba(0,0,0,.55);border:1px solid color-mix(in srgb,var(--ink) 50%,transparent);color:var(--ink);font:700 14px/1 Poppins,Inter,sans-serif;box-shadow:0 0 18px color-mix(in srgb,var(--ink) 35%,transparent)}
.competition-top.has-art{padding-top:52px!important}
.ca-pill{display:inline-block;margin-bottom:10px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;border-radius:999px;padding:6px 14px;color:#111}
.ca-pill.win{background:#f7e84a;box-shadow:0 0 16px rgba(247,232,74,.55)}
.ca-pill.live{background:#3ef06b;box-shadow:0 0 16px rgba(62,240,107,.5)}
.ca-pill.done{background:#cfd6df;box-shadow:0 0 12px rgba(207,214,223,.35)}
.competition-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.btn.ca-share{background:transparent;color:#3ef06b;border:1px solid #3ef06b;box-shadow:inset 0 0 0 1px rgba(62,240,107,.15)}
.btn.ca-share:hover{background:rgba(62,240,107,.12)}