/* RoyaleBeast V5.8.6 - Preserve approved Supporter Server Fund card and add LIST SUPPORT beside it.
   The left fund card intentionally keeps the V5.8.1 visual order: header -> QR left -> amount/goal right.
   Only this supporter module is scoped; HOME hero/status/season are untouched. */
.v586-supporter-home[hidden]{display:none!important}
.v586-supporter-home{position:relative;padding:18px 0 8px;background:linear-gradient(180deg,rgba(5,4,3,.99),rgba(8,6,4,.98));border-top:1px solid rgba(151,61,15,.16)}
.v586-supporter-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,.85fr);gap:14px;align-items:stretch}
.v586-supporter-card,.v586-support-list-panel{position:relative;overflow:hidden;border:1px solid rgba(132,55,16,.54);border-radius:16px;background:radial-gradient(circle at 10% 0%,rgba(210,89,22,.07),transparent 31%),linear-gradient(145deg,rgba(18,11,7,.97),rgba(8,7,6,.98));box-shadow:inset 0 1px 0 rgba(255,174,77,.035),0 18px 50px rgba(0,0,0,.24)}
.v586-supporter-card:before,.v586-support-list-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#76240f 18%,#d4611e 48%,#8a2e12 76%,transparent);opacity:.8}
.v586-supporter-card{padding:20px 24px}
.v586-supporter-head,.v586-support-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid rgba(118,52,20,.28)}
.v586-supporter-kicker{display:block;margin-bottom:5px;color:#c9783d;font:700 10px/1.2 Georgia,"Times New Roman",serif;letter-spacing:.18em}
.v586-supporter-head h2{margin:0;color:#d77835;font:700 clamp(22px,2.5vw,31px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:.015em;text-shadow:0 1px 0 #f0a160,0 2px 0 #7b3215,0 4px 7px rgba(0,0,0,.68),0 0 11px rgba(215,92,25,.12)}
.v586-supporter-head p{margin:8px 0 0;color:#9d8f84;font:500 12px/1.55 "Segoe UI",Arial,sans-serif;max-width:680px}
.v586-supporter-badge{flex:0 0 auto;margin-top:2px;padding:6px 10px;border:1px solid rgba(179,68,15,.48);border-radius:999px;color:#df7c37;background:rgba(56,18,6,.42);font:800 9px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.12em}
.v586-supporter-body{display:grid;grid-template-columns:172px minmax(0,1fr);align-items:center;gap:24px;padding-top:18px}
.v586-supporter-qr{width:172px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:9px;border:1px solid rgba(218,112,48,.55);border-radius:10px;background:#f4eee7;box-shadow:0 0 0 4px rgba(76,25,7,.28),0 10px 30px rgba(0,0,0,.42)}
.v586-supporter-qr img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
.v586-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#47220e;font:900 31px/1 Georgia,serif;letter-spacing:.05em}
.v586-qr-placeholder small{margin-top:5px;font:800 9px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.12em}
.v586-supporter-info{min-width:0}
.v586-supporter-total small{display:block;color:#ad6a41;font:800 9px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.14em}
.v586-supporter-total strong{display:block;margin:5px 0 6px;color:#f1ded0;font:800 clamp(26px,3.7vw,43px)/1 Georgia,"Times New Roman",serif;text-shadow:0 1px 0 rgba(255,255,255,.06),0 0 14px rgba(218,83,22,.12)}
.v586-supporter-total span,.v586-supporter-goal,.v586-supporter-note{color:#887b72;font:500 11px/1.45 "Segoe UI",Arial,sans-serif}
.v586-supporter-progress{height:6px;margin:15px 0 8px;border:1px solid rgba(133,55,17,.34);border-radius:99px;background:#160d08;overflow:hidden}
.v586-supporter-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72250f,#cf5d1d,#e08a3b);box-shadow:0 0 10px rgba(223,94,24,.22);transition:width .45s ease}
.v586-supporter-goal{color:#b18568}
.v586-supporter-note{margin:12px 0 0;padding-top:11px;border-top:1px solid rgba(112,47,18,.25)}

.v586-support-list-panel{display:flex;min-width:0;flex-direction:column;padding:20px 18px;background:radial-gradient(circle at 100% 0%,rgba(210,89,22,.055),transparent 35%),linear-gradient(155deg,rgba(22,12,8,.97),rgba(8,7,6,.98))}
.v586-support-list-head{gap:12px;padding-bottom:14px}
.v586-support-list-head h3{margin:0;color:#d77835;font:700 20px/1.05 Georgia,"Times New Roman",serif;letter-spacing:.04em;text-shadow:0 1px 0 #f0a160,0 2px 0 #7b3215,0 4px 7px rgba(0,0,0,.68),0 0 11px rgba(215,92,25,.12)}
.v586-support-list-head>span{flex:0 0 auto;margin-top:2px;padding:6px 9px;border:1px solid rgba(179,68,15,.42);border-radius:999px;color:#d88146;background:rgba(56,18,6,.38);font:800 9px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.1em;white-space:nowrap}
.v586-support-list{margin-top:10px;min-height:205px;max-height:236px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;scrollbar-color:#7d3518 #120b07}
.v586-support-list::-webkit-scrollbar{width:7px}.v586-support-list::-webkit-scrollbar-track{background:#120b07;border-radius:99px}.v586-support-list::-webkit-scrollbar-thumb{background:linear-gradient(#b14c20,#6f2813);border-radius:99px;border:1px solid #1c0d07}
.v586-support-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:39px;padding:7px 5px;border-bottom:1px solid rgba(116,53,25,.22);transition:background .18s ease,border-color .18s ease}
.v586-support-row:hover{background:rgba(133,52,18,.1);border-bottom-color:rgba(194,83,31,.32)}
.v586-support-rank{color:#6f584a;font:800 9px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.06em}
.v586-support-cid{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9c6b8;font:700 11px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:.01em}
.v586-support-amount{color:#e48a48;font:800 11px/1 Georgia,"Times New Roman",serif;white-space:nowrap;text-shadow:0 0 8px rgba(226,91,25,.08)}
.v586-support-empty{display:flex;align-items:center;justify-content:center;min-height:205px;color:#76675e;font:600 11px/1.5 "Segoe UI",Arial,sans-serif;text-align:center}

@media(max-width:1080px){.v586-supporter-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr)}.v586-supporter-card{padding:18px 20px}.v586-supporter-body{grid-template-columns:154px minmax(0,1fr);gap:19px}.v586-supporter-qr{width:154px}.v586-support-list-panel{padding:18px 15px}}
@media(max-width:900px){.v586-supporter-layout{grid-template-columns:1fr}.v586-support-list{max-height:220px}.v586-support-list-panel{min-height:0}}
@media(max-width:620px){.v586-supporter-home{padding-top:12px}.v586-supporter-card,.v586-support-list-panel{padding:18px}.v586-supporter-head{display:block}.v586-supporter-badge{display:inline-block;margin-top:12px}.v586-supporter-body{grid-template-columns:1fr}.v586-supporter-qr{width:min(190px,70vw);margin:0 auto}.v586-supporter-info{text-align:center}.v586-supporter-progress{max-width:420px;margin-left:auto;margin-right:auto}.v586-support-list-head{gap:10px}.v586-support-row{grid-template-columns:25px minmax(0,1fr) auto;gap:7px;padding-left:4px;padding-right:4px}.v586-support-cid,.v586-support-amount{font-size:11px}}