/* UPGRADER V2 / AUREUM DESIGN SYSTEM
   Full public-site visual layer. Loaded after existing page styles.
   No funding, upgrade, referral or trade logic is changed here. */
:root {
  --bg-main:#080b10; --bg-panel:#10151c; --bg-card:#19212a; --bg-card-hover:#242b34;
  --border-color:#6e4d23; --accent-yellow:#ffbc43; --accent-orange:#e88518;
  --accent-yellow-glow:rgba(255,178,48,.24); --text-main:#f7f3eb; --text-muted:#a8a9ac;
  --a-gold:#ffbf4c; --a-light:#ffe3a0; --a-dark:#9a631e; --a-black:#090d12;
  --a-panel:rgba(12,17,23,.93); --a-border:rgba(238,161,54,.43);
  --a-shadow:0 20px 45px rgba(0,0,0,.62),inset 0 1px rgba(255,211,135,.11);
}
html{color-scheme:dark;scrollbar-color:#634921 #0d1015}
body{
  background-color:#080b10!important;
  background-image:linear-gradient(180deg,rgba(6,8,12,.11) 0%,rgba(6,9,13,.19) 32%,rgba(7,10,13,.72) 75%,#090c10 100%),url('/assets/gold-cinematic-world.webp')!important;
  background-size:100% auto,cover!important;
  background-position:center top,center top!important;
  background-repeat:no-repeat!important;
  color:var(--text-main);
}
body::before,body::after{content:none!important}
body,button,input,textarea,select{font-family:Inter,'Segoe UI',Arial,sans-serif}
::selection{background:rgba(255,186,63,.42);color:white}
button,a,input,select,textarea{transition:border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease}
a{color:var(--a-light)}
a:hover{color:var(--a-gold)}
:focus-visible{outline:2px solid var(--a-light)!important;outline-offset:3px}
/* TOP NAVIGATION */
.navbar{height:64px!important;position:relative;z-index:70;background:linear-gradient(105deg,rgba(13,17,24,.98),rgba(14,15,16,.96) 72%,rgba(33,22,11,.97))!important;border-bottom:1px solid #a2732b!important;box-shadow:0 3px 26px #000c,0 1px 0 #ffd4772c!important}
.logo,.footer-logo{color:var(--a-light)!important;font-weight:900!important;letter-spacing:.9px;text-shadow:0 0 21px #e5a03b4d}
.logo{font-size:20px!important}
.server-stat>i,.server-stat-value,.footer-logo-icon{color:var(--a-gold)!important}
.server-stat-label{color:#bdb5a8!important}
.nav-links a:hover{color:var(--a-light)!important}
.steam-login-btn,.balance-pill{background:rgba(8,12,18,.92)!important;border:1px solid #705024!important;border-radius:24px!important;box-shadow:inset 0 1px #fdd18512;color:#f7ead1!important}
.topup-btn,.upgrade-execute-btn,.tab-btn.active,.shop-buy-btn,.profile-topup-btn,.settings-save-btn,.sell-confirm-btn,.withdraw-confirm-btn,.withdraw-settings-btn,
.provably-seed-action-btn,#rotateSeedButton{
  background:linear-gradient(135deg,#ffe19a 0%,#ffbb3e 38%,#ec981b 74%,#b66a12 100%)!important;
  border:1px solid #ffe2a0!important;color:#231506!important;box-shadow:0 6px 25px #ffab302c,inset 0 1px #fff1c58a!important;font-weight:800!important;
}
.topup-btn:hover,.upgrade-execute-btn:hover,.shop-buy-btn:not(:disabled):hover,.profile-topup-btn:hover,.settings-save-btn:hover{
  filter:brightness(1.075);box-shadow:0 9px 28px #ffb43a56,inset 0 1px #fff4cd!important;transform:translateY(-1px)
}
.user-avatar img{border:2px solid #d9a44b!important;box-shadow:0 0 14px #ffb63e40}
/* MAIN LAYOUT — keep all existing page IDs, handlers, form controls */
.main-container{position:relative;z-index:1}
.upgrade-stage{background:transparent!important;border:none!important;box-shadow:none!important}
.stage-box,.panel-box,.profile-main-card,.profile-inventory-card,.legal-container,.provably-container{
  background:linear-gradient(151deg,rgba(19,24,29,.95),rgba(9,13,18,.95))!important;
  border:1px solid var(--a-border)!important;border-radius:13px!important;box-shadow:var(--a-shadow)!important;
}
.stage-box{position:relative;overflow:hidden;padding:18px!important}
.stage-box::before,.panel-box::before{content:"";pointer-events:none;position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,205,114,.54),transparent)}
.stage-box .box-header span{color:#ffe0a4!important;font-weight:800}
.stage-box .box-header small,.empty-slot-content{color:#a9a6a0!important}
.empty-slot-content i{color:#dfad58!important}
.stage-box .box-preview{position:relative;border-radius:9px;background:radial-gradient(ellipse at center,rgba(197,130,35,.095),transparent 67%)}
.stage-box .box-preview img{max-height:118px!important;filter:drop-shadow(0 9px 16px #0009)}
.stage-box .box-preview .item-title{font-weight:700;color:#fff0d6}
.stage-box .box-preview .item-price{color:var(--a-gold)!important}
.balance-slider{accent-color:var(--a-gold)}.slider-label{color:#c4b5a2!important}
/* CHANCE WHEEL: exactly one decorative tick circle, one actual SVG arc.
   The win arc is still controlled by recalculateChance() and the needle by animateRoll(). */
.wheel-container{filter:none!important;overflow:visible}
.upgrade-wheel{
  border-radius:50%!important;border:1px solid #85591f!important;isolation:isolate;
  background:radial-gradient(circle,#121720 0 37%,#0c1015 39% 54%,#111316 57% 65%,#090c11 75%,#0e1117 100%)!important;
  box-shadow:0 0 0 3px #14110c,0 0 0 5px #68461c,0 0 22px #e99b2b32,inset 0 0 22px #000c!important;
}
.upgrade-wheel::before{content:"";position:absolute;inset:8px;border-radius:50%;pointer-events:none;z-index:0;border:1px solid rgba(246,171,57,.25);box-shadow:inset 0 0 0 1px rgba(0,0,0,.8)}
.upgrade-wheel::after{content:none!important}
.wheel-ticks{width:294px!important;height:294px!important;background:repeating-conic-gradient(from 0deg,#dba34b 0deg .65deg,transparent .65deg 9deg)!important;opacity:.52!important;z-index:1;pointer-events:none}
.progress-ring{z-index:2;overflow:visible}
.ring-bg{stroke:#252a33!important;stroke-width:25px!important;filter:none!important}
.ring-progress{stroke:url(#winGradient)!important;stroke-width:25px!important;stroke-linecap:butt!important;filter:none!important;transition:stroke-dasharray .28s ease,stroke-dashoffset .28s ease!important}
.inner-ring{width:198px!important;height:198px!important;background:repeating-conic-gradient(from 3deg,#161c24 0deg 12deg,#6b4c24 12deg 12.5deg)!important;opacity:.55!important;filter:none!important;pointer-events:none;z-index:2}
.wheel-center-content{width:166px!important;height:166px!important;z-index:4;border:1px solid #7b5324;background:radial-gradient(circle at 48% 40%,#19202a,#0d1118 76%)!important;box-shadow:inset 0 0 34px #000a,0 0 0 5px #090c10!important}
.wheel-center-content::before{content:"✦";color:#d59c3d;line-height:1;margin-bottom:8px;font-size:20px;text-shadow:0 0 10px #c88c2850}
.chance-value{font-size:33px!important;color:#ffe4ae!important;text-shadow:0 1px 14px #edac4450!important;letter-spacing:-.8px!important}
.chance-label{color:#e9b758!important;font-size:10px!important;letter-spacing:.6px}
/* Boundary labels were overlapping the animated needle. Preserve JS nodes but conceal decoration. */
.chance-boundary{display:none!important}
.needle-group{filter:none!important;z-index:7;will-change:auto}
.upgrade-in-progress .needle-group{will-change:transform}
.needle-line{width:3px!important;height:28px!important;background:linear-gradient(0deg,#b06f1e,#ffe3a1)!important;box-shadow:none!important}
.needle-arrow{border-left-width:7px!important;border-right-width:7px!important;border-bottom:18px solid #ffe4a6!important;filter:none!important}
.wheel-result-win{color:#7ff1ae!important}.wheel-result-loss{color:#ffe3aa!important}
/* ACTION ROW */
.action-bar-section{filter:none!important}
.upgrade-execute-btn{border-radius:9px!important;font-size:15px!important;letter-spacing:.1px}
.mult-btn,.tab-toggles,.input-with-icon,.price-label-box,.shop-page-btn,.shop-clear-btn{
  background:rgba(9,14,20,.94)!important;border:1px solid rgba(206,145,58,.35)!important;color:#c4b9a8!important
}
.mult-btn:hover,.mult-btn.active,.shop-page-btn:hover:not(:disabled){border-color:var(--a-gold)!important;color:var(--a-light)!important;background:#302313!important}
/* INVENTORY & SHOP */
.inventory-shop-section{position:relative}
.panel-box{position:relative;overflow:hidden;gap:10px!important}
.panel-toolbar{border-bottom:1px solid #78552a!important;padding-bottom:9px;position:relative;z-index:2}
.tab-btn{color:#b6b1a9}.tab-btn.active{border-radius:6px!important}
.input-with-icon:focus-within{border-color:#f7bc5b!important;box-shadow:0 0 0 2px #edaf3c1c!important}
.input-with-icon input{color:#f9edda!important}
.item-card-mini,.items-grid .item-card-mini{
  border:1px solid #51402d!important;border-bottom:1px solid #846339!important;border-radius:8px!important;
  background:linear-gradient(145deg,rgba(42,44,46,.98),rgba(19,23,29,.98))!important;
  box-shadow:inset 0 1px #fff1d912!important;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease!important
}
.item-card-mini:hover,.items-grid .item-card-mini:hover{transform:none!important;border-color:#eeb45f!important;box-shadow:inset 0 1px #ffe6ad32,0 0 12px #f7b23a30!important}
.item-card-mini.shop-selected{border-color:#ffcf77!important;box-shadow:inset 0 0 0 1px #ffc767b0,0 0 12px #f9b33545!important}
.item-card-mini img{filter:drop-shadow(0 5px 6px #0008)}
.item-card-mini .price,.shop-total,.shop-total strong{color:var(--a-gold)!important}
.item-card-mini .name{color:#f7efdd!important}
#leftGrid .filter-empty-message,#leftGrid>div[style*="grid-column:1/-1"]{color:#c4b09a!important}
.shop-bottom-bar,.target-bottom-bar{border-top-color:#624522!important}
/* live wins colors respect per-skin rarity; gold is used for the outer chrome */
.live-wins-sidebar{border-right:0!important;background:transparent!important}
.live-wins-title{background:rgba(14,16,19,.96)!important;border:1px solid #926127!important;color:#f9ce78!important}
.live-win-card{background:linear-gradient(115deg,rgba(42,36,29,.95),rgba(17,21,26,.96))!important;border-top:1px solid #6f512921!important;border-right:1px solid #644c2b4a!important}
.live-win-best{background:linear-gradient(130deg,#47311b,#15171b)!important;box-shadow:inset 0 1px #ffe0a126}
.live-best-label{color:#ffd078!important}
.live-win-chance{color:#ffdf9a!important}
/* footer */
.site-footer,footer.site-footer{background:linear-gradient(150deg,rgba(15,18,23,.97),rgba(7,10,15,.98))!important;border:1px solid #5c431f!important;box-shadow:0 -6px 34px #0007!important}
.footer-divider{background:#6b4c2a!important}.footer-column a:hover{color:#ffcb73!important}
.footer-socials a{background:#1c2027!important;border:1px solid #4e3b25;color:#cfb68c!important}
.footer-socials a:hover{background:#c98a2c!important;color:#101215!important}
/* PROFILE */
.profile-page{position:relative;z-index:1}
.profile-user-card,.profile-balance-card,.profile-stat-box,.history-info-box,.history-image-box,.upgrade-history-card,
.profile-skin-card,.settings-modal,.sell-modal,.withdraw-modal,.withdraw-confirm-skin{
  background:linear-gradient(150deg,rgba(25,29,34,.97),rgba(10,15,20,.97))!important;border:1px solid #59452b!important;box-shadow:inset 0 1px #fff3d50c
}
.profile-user-card,.profile-balance-card,.profile-stat-box{border-radius:12px!important}
.profile-avatar-large{border:2px solid #dda44c!important;box-shadow:0 0 28px #ffa82c42;border-radius:50%!important}
.profile-name{color:#ffe1a6!important}
.profile-steam-id,.stat-label,.profile-inventory-total{color:#b2aca5!important}
.profile-balance-value,.profile-balance-value i{color:#ffd17b!important}
.profile-settings-btn,.profile-tab,.skin-withdraw-btn,.sell-cancel-btn,.withdraw-back-btn{
  background:#141920!important;border:1px solid #614928!important;color:#e2d2b6!important
}
.profile-tab.active{background:linear-gradient(135deg,#ffdb8b,#db8b1d)!important;border-color:#ffe0a2!important;color:#19130d!important}
.profile-skin-card:hover,.upgrade-history-card:hover{border-color:#e9b35f!important}
.profile-skin-price,.history-chance,.history-info-box strong i{color:var(--a-gold)!important}
/* shared popups/modals */
.settings-overlay,.sell-overlay,.withdraw-overlay,.seed-history-overlay,.referral-popup-overlay,.referral-modal-overlay,.deposit-overlay{background:rgba(3,5,8,.86)!important}
.settings-modal,.sell-modal,.withdraw-modal,.seed-history-modal,.seed-change-modal,.referral-popup-panel,.referral-modal,.deposit-window{
  color:#f8f2e6!important;background:linear-gradient(160deg,rgba(25,28,30,.99),rgba(9,14,21,.99))!important;
  border:1px solid #aa792e!important;border-radius:16px!important;
  box-shadow:0 0 0 1px #ffcc701c,0 28px 85px #000e,0 0 40px #ffb33b12!important;
}
.settings-header,.referral-popup-header,.seed-history-header{border-bottom:1px solid #624827!important;background:rgba(16,20,25,.98)!important}
.settings-title,.sell-modal-title,.withdraw-modal-title,.seed-history-header h3{color:#ffe1a2!important}
.settings-input,.referral-body input,.deposit-form input,.deposit-form select{background:#0b1017!important;border:1px solid #70512d!important;color:#fff0d5!important}
.settings-input:focus,.referral-body input:focus{border-color:#ffcc6c!important}
.sell-modal-icon,.withdraw-modal-icon{color:var(--a-light)!important;background:#8b582b26!important}
.sell-price{color:var(--a-gold)!important}
.toast{background:#111820!important;border:1px solid #8d6429!important;box-shadow:0 10px 32px #000c!important}
/* DEPOSIT MODAL — real provider choices and amounts remain untouched */
.deposit-window{width:min(660px,100%)!important;max-height:min(92vh,920px)!important;padding:24px!important}
.deposit-title h2{color:#ffe3ad!important}
.deposit-title p,.deposit-footnote{color:#b7aa9b!important}
.deposit-title button,.settings-close,.seed-history-close,.referral-popup-header button{background:#161d25!important;border:1px solid #78572b!important;border-radius:9px!important;color:#f0d3a0!important}
.deposit-tabs{background:#0b0f15!important;border:1px solid #65451e!important}
.deposit-tabs button{color:#c3b7a7!important}.deposit-tabs .selected{color:#211409!important;background:linear-gradient(135deg,#ffdf93,#e99c27)!important}
.deposit-methods button{background:#182029!important;border:1px solid #624b2e!important;color:#e9dec7!important;box-shadow:inset 0 1px #fff7d409}
.deposit-methods .selected,.deposit-methods button:hover{border-color:#ffcb6c!important;background:#3b2916!important;box-shadow:0 0 14px #e8ad3e2b!important}
.deposit-quick button{background:#161d26!important;border-color:#70512b!important;color:#f0e4d2!important}
.deposit-quick button:hover{border-color:#ffd070!important}
.deposit-summary{background:#0d151d!important;border:1px solid #755329!important;color:#bdb6aa!important}
.deposit-summary strong,.deposit-coins strong,.deposit-future{color:#ffce74!important}
.deposit-pay{background:linear-gradient(135deg,#ffe3a2,#ffbc43 42%,#e58e18)!important;border:1px solid #ffe5aa!important;color:#201304!important;font-weight:900!important}
.deposit-pay:disabled{filter:grayscale(.55);opacity:.65}
.deposit-history-row{border-bottom-color:#594326!important}
/* REFERRAL UI — retain real rank hues, XP tiers, actual commission percentages */
.referral-popup-panel{width:min(960px,100%)!important;padding:20px!important}
.referral-popup-header{top:-20px!important;padding:12px 2px!important}
.referral-popup-header h2{color:#ffe0a1!important;font-size:21px!important}
.referral-shell,.referral-popup-panel .referral-shell{
  background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--rank) 15%,transparent),transparent 60%),rgba(14,20,27,.97)!important;
  border:1px solid #735229!important;box-shadow:inset 0 1px #ffe7bb14!important;border-radius:14px!important
}
.referral-heading h2{color:#f9e4bd!important}
.referral-shell p,.referral-eyebrow{color:#b6b9bd!important}
.referral-rank,.referral-popup-panel .referral-rank{background:linear-gradient(160deg,#202731,#141b23)!important;border:1px solid #4d473b!important;border-radius:10px!important}
.referral-rank.current{border-color:var(--rank)!important;box-shadow:0 0 18px color-mix(in srgb,var(--rank) 35%,transparent)!important}
.referral-body,.referral-popup-panel .referral-body{background:rgba(14,20,27,.97)!important;border:1px solid #66502f!important;border-radius:12px!important}
.referral-metrics div,.referral-popup-panel .referral-metrics div{background:#10161e!important;border:1px solid #56412a!important}
.referral-track{background:#303034!important}
.referral-body button,.referral-modal-actions [data-choice=confirm]{background:linear-gradient(135deg,#ffe2a2,#f2ae37)!important;color:#211609!important;border:1px solid #ffdf99!important;font-weight:800}
.referral-modal{max-width:460px}
.referral-history>div{border-bottom-color:#66502d!important}
.referral-code strong{color:#ffca79!important}
.referral-pending-banner{background:linear-gradient(90deg,#332410,#1c1d1f)!important;border-bottom:1px solid #986c2e!important}
.referral-pending-banner a{color:#ffcb7d!important}
.profile-referral-btn{background:#3e2a14!important;border:1px solid #bd8437!important;color:#ffdf9f!important}
/* PROVABLY FAIR AND LEGAL */
.provably-intro{background:linear-gradient(90deg,#1e1a15,#101821)!important;border-bottom:1px solid #66502f!important}
.provably-heading h1,.provably-content h2,.legal-container h1,.legal-container h2{color:#ffe0a1!important}
.provably-content{background:rgba(8,13,19,.68)}
.provably-table,.provably-row,.provably-label{border-color:#59462e!important}
.provably-label{background:#192029!important;color:#c8b7a1!important}
.provably-value{color:#f9edd8!important}.provably-hash{color:#c2bdaf!important}
.provably-tabs{background:#0a1016!important}
.provably-tab{background:#141b24!important;border:1px solid #58452e!important;color:#cec0ac!important;cursor:pointer!important}
.provably-tab.active{background:linear-gradient(135deg,#ffe1a1,#e99b27)!important;color:#261704!important;border-color:#ffe2a1!important}
.provably-secondary-btn,.provably-accent-dark-btn,.seed-change-cancel{background:#141d27!important;border:1px solid #70512b!important;color:#eddec7!important}
.provably-reveal{background:#141b23!important}
.seed-history-card,.seed-history-row,.seed-history-label{background:#151b23!important;border-color:#59452b!important}
.seed-history-value{color:#e9ded0!important}.seed-history-value.seed-revealed{color:#ffd07a!important}
.legal-page{position:relative;z-index:1}
.legal-container{padding:38px 44px!important}
.legal-container p{color:#c4b9a9!important;font-size:12px!important;line-height:1.8!important}
.legal-back{color:#ffce7b!important}
/* BLOCKED AND MAINTENANCE STATES */
body.gold-status{display:grid;place-items:center;min-height:100vh}
body.gold-status .card,body.gold-status .status-card,body.gold-status main{
  border:1px solid #88622f!important;background:linear-gradient(150deg,#161b22,#0c1118)!important;
  box-shadow:0 25px 60px #000a!important;border-radius:18px!important
}
body.gold-status .brand{color:#ffd17e!important}
/* RESPONSIVE */
@media(min-width:1600px){.main-container{max-width:1380px!important}}
@media(max-width:1499px){.live-wins-sidebar{display:none!important}}
@media(max-width:1270px){.main-container{width:calc(100% - 30px)!important}.upgrade-stage,.action-bar-section{gap:16px!important;grid-template-columns:minmax(220px,1fr) 310px minmax(220px,1fr)!important}.wheel-container{width:310px!important}}
@media(max-width:900px){
 body{background-size:auto 100%,auto 850px!important;background-position:center top,center top!important}
 .main-container{width:calc(100% - 20px)!important;padding:14px 0!important}
 .upgrade-stage{grid-template-columns:1fr!important;gap:15px!important;justify-items:center!important;padding:10px!important}
 .stage-box{width:min(100%,560px)!important;height:235px!important}
 .wheel-container{width:300px!important;height:300px!important}
 .action-bar-section{display:flex!important;flex-wrap:wrap!important;margin-top:0!important;gap:10px!important}
 .upgrade-execute-btn{flex:1 1 260px!important}.multiplier-controls{flex:1 1 100%;grid-template-columns:repeat(7,minmax(0,1fr))!important}
 .inventory-shop-section{grid-template-columns:1fr!important;gap:14px!important}
 .panel-box{min-height:400px!important}.navbar{padding:0 12px!important}.server-stats{gap:10px!important;margin-left:0!important}
 .legal-body .legal-page{padding-left:15px!important}.legal-body .legal-container{width:min(850px,100%)!important}
}
@media(max-width:600px){
 .logo{font-size:15px!important}.nav-left{gap:8px!important}.server-stat-label{font-size:8px!important}.server-stat-value{font-size:12px!important}
 .navbar{height:60px!important}.nav-right{gap:6px!important}.topup-btn{padding:8px!important}.balance-pill{padding:7px!important}
 .items-grid,.items-grid.shop-grid,#rightGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;overflow:auto!important;max-height:311px!important}
 .items-grid .item-card-mini{height:77px!important;min-height:77px!important}
 .panel-box{height:auto!important;min-height:405px!important}.panel-toolbar{flex-wrap:wrap!important}.filter-group{width:100%;flex-wrap:wrap;justify-content:flex-start!important}
 .referral-popup-panel{max-height:94vh;padding:13px!important}.referral-ranks{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.legal-container{padding:20px!important}
 .site-footer{padding:25px 19px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* UPGRADER_PROFILE_FIX_V1 */
/* FIX: background scales to the viewport, never to the height of profile history. */
html { background-color:#080b10!important; }
body {
  background-image:none!important;
  background-color:transparent!important;
  min-height:100vh;
}
html {
  background-image:linear-gradient(180deg,rgba(6,8,12,.16) 0%,rgba(6,9,13,.22) 32%,rgba(7,10,13,.68) 80%,rgba(9,12,16,.85) 100%),url('/assets/gold-cinematic-world.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
/* Pagination used by Profile inventory and upgrade history */
.profile-pagination {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:18px 8px 22px;clear:both;width:100%;}
.profile-pagination button {min-width:35px;height:35px;padding:0 10px;border-radius:8px;border:1px solid #705028;background:#11161d;color:#d7c4a6;cursor:pointer;font-size:12px;font-weight:700;}
.profile-pagination button:hover:not(:disabled) {border-color:#ffbd4a;color:#ffe0a2;background:#2b2116;}
.profile-pagination button.active {background:linear-gradient(120deg,#ffda83,#e59a24);border-color:#ffcb65;color:#1c140b;}
.profile-pagination button:disabled {opacity:.35;cursor:not-allowed;}
.profile-pagination .page-info {color:#b5a38a;font-size:12px;margin:0 7px;}
@media(max-width:900px){html{background-position:center top!important;}}


/* AUREUM REFERRAL DASHBOARD V2 — profile modal only */
.referral-popup-overlay{padding:22px!important;background:rgba(3,5,9,.88)!important;backdrop-filter:blur(10px)}
.referral-popup-panel{width:min(1160px,calc(100vw - 40px))!important;max-height:min(94dvh,900px)!important;padding:0!important;overflow:auto!important;border:1px solid #ad7933!important;border-radius:17px!important;background:linear-gradient(145deg,#171b20,#0a0e13)!important;box-shadow:0 36px 110px #000f,0 0 42px #d9922117!important}
.referral-popup-header{position:sticky!important;top:0!important;z-index:10!important;padding:15px 25px!important;margin:0!important;background:linear-gradient(90deg,#181a1e,#101318)!important;border-bottom:1px solid #77552a!important}
.referral-popup-header h2{font-size:17px!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.referral-popup-header button{width:35px!important;height:35px!important;font-size:23px!important}
.referral-popup-panel .referral-feature{margin:0!important}
.referral-popup-panel .referral-shell{padding:18px 24px 20px!important;margin:0!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 80% -12%,rgba(188,121,29,.20),transparent 48%),linear-gradient(145deg,#14191f,#0b1016)!important;box-shadow:none!important}
.referral-popup-panel .referral-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;position:relative;padding:15px 22px!important;border:1px solid #79542c!important;border-radius:12px!important;background:radial-gradient(ellipse at 88% 50%,rgba(203,136,37,.17),transparent 55%),linear-gradient(110deg,#202124,#111820)!important;overflow:hidden}
.referral-hero-kicker{grid-column:1/-1;font-size:10px;font-weight:900;letter-spacing:.21em;color:#e4a949;margin-bottom:10px}
.referral-hero-kicker span{color:#91877a;font-weight:600;letter-spacing:.1em;margin-left:12px}
.referral-popup-panel .referral-heading h2{font-size:34px!important;line-height:1.08!important;margin:5px 0!important}
.referral-popup-panel .referral-heading p{margin:5px 0 0!important;font-size:12px!important}
.referral-popup-panel .rank-emblem{font-size:30px!important;margin-right:8px}
.referral-popup-panel .referral-eyebrow{font-size:10px!important;letter-spacing:.15em!important;color:#b9a78c!important}
.referral-popup-panel .rank-commission{min-width:145px;padding:7px 8px 7px 25px;border-left:1px solid #71532b}
.referral-popup-panel .rank-commission strong{font-size:39px!important;line-height:1.15!important;color:#ffcc6a!important}
.referral-popup-panel .rank-commission small{font-size:10px!important}
.commission-label{display:block;font-size:9px;letter-spacing:.11em;font-weight:800;color:#bb9861}
.referral-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#e5b86b;text-transform:uppercase}
.referral-section-label span{font-size:10px;font-weight:500;letter-spacing:0;color:#9b9a97;text-transform:none}
.referral-popup-panel .referral-progression{margin:13px 2px 14px!important}
.referral-popup-panel .referral-between{margin-top:8px;font-size:11px;color:#e5d6bc}
.referral-popup-panel .referral-track{height:8px!important;margin-top:7px!important;background:#303033!important}
.referral-popup-panel .referral-progression p{margin:6px 0 0!important;font-size:10px!important;line-height:1.35!important}
.referral-popup-panel .referral-ranks{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin-bottom:14px!important}
.referral-popup-panel .referral-rank{min-width:0!important;padding:11px 4px!important;gap:4px!important;background:linear-gradient(160deg,#25282d,#131920)!important;border:1px solid #52412c!important;border-radius:10px!important;position:relative}
.referral-popup-panel .referral-rank.current::after{content:'CURRENT';position:absolute;top:4px;right:5px;font-size:7px;letter-spacing:.05em;color:#ffd38a}
.referral-popup-panel .referral-rank .rank-icon{font-size:25px!important;line-height:1.15!important;text-shadow:0 0 12px currentColor}
.referral-popup-panel .referral-rank>span:nth-child(2){font-size:12px;color:#f0e6d5;font-weight:800}
.referral-popup-panel .referral-rank strong{font-size:15px;color:var(--rank-light)}
.referral-popup-panel .referral-rank small{font-size:9px!important;color:#aaa4a0!important}
.referral-dashboard{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:12px;align-items:stretch}
.referral-popup-panel .referral-body{min-width:0;margin:0!important;padding:15px 17px!important;background:linear-gradient(145deg,rgba(26,30,35,.97),rgba(12,17,23,.97))!important;border:1px solid #6b4d29!important;border-radius:11px!important}
.referral-popup-panel .referral-body h3{font-size:16px!important;color:#ffe1a9!important;margin:7px 0!important}
.referral-popup-panel .referral-body p{font-size:11px!important;line-height:1.5!important;margin:7px 0!important}
.referral-popup-panel .referral-code{display:flex;flex-wrap:wrap;gap:8px!important;padding:10px 12px;border:1px dashed #84602d;border-radius:8px;background:#0d1219}
.referral-popup-panel .referral-code span{font-size:12px;color:#c6bdaf}
.referral-popup-panel .referral-code strong{font-size:15px;letter-spacing:.07em}
.referral-popup-panel .referral-body button{padding:9px 13px!important;font-size:11px!important;white-space:nowrap}
.referral-popup-panel .referral-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:10px 0!important}
.referral-popup-panel .referral-metrics div{padding:10px 8px!important;min-width:0;font-size:10px!important;line-height:1.4!important;background:#0d141c!important;border:1px solid #574126!important;border-radius:8px!important}
.referral-popup-panel .referral-metrics strong{font-size:14px!important;line-height:1.25!important;overflow-wrap:anywhere;color:#ffdc9d!important}
.referral-popup-panel .referral-note{font-size:10px!important;color:#b6a58d!important;border-left-color:#be893d!important}
.referral-history-details{margin-top:9px;border:1px solid #5a452b;border-radius:8px;background:#10151b;overflow:hidden}
.referral-history-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#e6cfaa;font-size:12px;font-weight:750;list-style:none}
.referral-history-details summary::-webkit-details-marker{display:none}
.referral-history-details summary span{color:#a89270;font-size:10px}
.referral-history-details[open] summary{border-bottom:1px solid #574128}
.referral-history-details .referral-history{max-height:125px;overflow:auto;padding:3px 8px}
.referral-popup-panel .referral-secondary{display:flex;flex-direction:column}
.referral-popup-panel .referral-secondary input{max-width:none!important}
.referral-popup-panel .referral-secondary button{align-self:flex-start}
.referral-popup-panel #referralNotice{margin:8px 2px 0!important;font-size:12px!important}
.referral-popup-panel #referralNotice:empty{display:none}
@media(max-width:850px){.referral-dashboard{grid-template-columns:1fr}.referral-popup-panel .referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.referral-popup-overlay{padding:5px!important}.referral-popup-panel{width:100%!important;max-height:97dvh!important}.referral-popup-header{padding:12px 14px!important}.referral-popup-panel .referral-shell{padding:12px!important}.referral-popup-panel .referral-heading{padding:13px!important}.referral-popup-panel .referral-heading h2{font-size:26px!important}.referral-popup-panel .rank-commission{min-width:105px;padding-left:12px}.referral-popup-panel .rank-commission strong{font-size:30px!important}.referral-popup-panel .referral-ranks{grid-template-columns:repeat(3,minmax(0,1fr))!important}.referral-hero-kicker span{display:none}}
/* Center referral popup close button */
.referral-popup-header button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.referral-popup-header button {
    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 1 !important;
    padding-bottom: 0.5px !important;
    box-sizing: border-box !important;
}

/* Top Up popup close button */
.deposit-title button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 0 4px 0 !important;
    flex-shrink: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 1 !important;

    border-radius: 9px !important;
    box-sizing: border-box !important;
}

.deposit-title button {
    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 1 !important;
    padding-bottom: 0px !important;
    box-sizing: border-box !important;
}

/* Settings popup close button */
.settings-close {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 0 4px 0 !important;
    flex-shrink: 0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 1 !important;

    border-radius: 9px !important;
    box-sizing: border-box !important;
}

.settings-close button {
    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 1 !important;
    padding-bottom: 0px !important;
    box-sizing: border-box !important;
}

/* Match Settings close button to Referral */
.settings-close {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 0 0px 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    border-radius: 9px !important;
}

/* AUREUM WHEEL TICK PRECISION FIX — true straight SVG radial strokes.
   These rings are purely decorative; chance arc and needle are unchanged. */
.upgrade-wheel svg.wheel-ticks {
  position:absolute!important; width:300px!important; height:300px!important;
  inset:0!important; border-radius:0!important; background:none!important;
  -webkit-mask:none!important; mask:none!important; opacity:.72!important;
  filter:none!important; transform:none!important; z-index:3!important;
  pointer-events:none!important; overflow:visible!important;
}
.upgrade-wheel svg.inner-ring {
  position:absolute!important; width:300px!important; height:300px!important;
  inset:0!important; border-radius:0!important; background:none!important;
  -webkit-mask:none!important; mask:none!important; opacity:.65!important;
  filter:none!important; transform:none!important; z-index:3!important;
  pointer-events:none!important; overflow:visible!important;
}

/* Match footer gradient with header */
.site-footer,
footer.site-footer {
    background: linear-gradient(
        105deg,
        rgba(13, 17, 24, 0.98) 0%,
        rgba(14, 15, 16, 0.96) 72%,
        rgba(33, 22, 11, 0.97) 100%
    ) !important;

    border: 1px solid #a2732b !important;

    box-shadow:
        0 3px 26px rgba(0, 0, 0, 0.8),
        0 1px 0 rgba(255, 212, 119, 0.17) !important;
}
/* Clickable live upgrades: consistent hover on every site page. */
.live-win-card[data-profile-id]{cursor:pointer;transition:outline-color .18s ease,box-shadow .18s ease,background-color .18s ease;}
.live-win-card[data-profile-id]:hover{outline:1px solid rgba(255,192,79,.65);box-shadow:0 0 14px rgba(255,192,79,.13);}