.sk-common    { --rk:#a3897e; --rkglow:rgba(187, 142, 129,.20); }
.sk-uncommon  { --rk:#d07f5c; --rkglow:rgba(86,193,214,.22); }
.sk-rare      { --rk:#d69072; --rkglow:rgba(90,141,238,.24); }
.sk-epic      { --rk:#dea58d; --rkglow:rgba(176,108,255,.26); }
.sk-legendary { --rk:#ce422b; --rkglow:rgba(206, 66, 43,.30); }
.sk-mythic    { --rk:#ef4d6b; --rkglow:rgba(239,77,107,.32); }
.mkt-head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.mkt-head h1{ letter-spacing:.02em; margin:.1em 0 0; line-height:1; color:var(--t1); }
.mkt-head .eyebrow{ color:var(--p3); }
.mkt-stat-row{ display:flex; gap:10px; flex-wrap:wrap; }
.mkt-stat{ background:linear-gradient(180deg,rgba(29,34,51,.7),rgba(16,19,30,.7)); border:1px solid var(--ln); border-radius:14px; padding:10px 14px; min-width:104px; }
.mkt-stat b{ display:flex; align-items:center; gap:5px; font-size:18px; color:var(--gold2); font-weight:800; }
.mkt-stat small{ color:var(--t3); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }

.mkt-toolbar{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:20px; }
.mkt-search{ position:relative; flex:1 1 280px; }
.mkt-search input{ width:100%; background:rgba(0,0,0,.34); border:1px solid var(--ln2); border-radius:12px; color:var(--t1); font:600 15px var(--fu); padding:12px 14px 12px 42px; outline:none; transition:border-color .15s, box-shadow .15s; }
.mkt-search input:focus{ border-color:var(--p); box-shadow:0 0 0 3px rgba(206, 66, 43,.16); }
.mkt-search svg{ position:absolute; left:13px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--t3); }
.mkt-sync{ display:inline-flex; align-items:center; gap:8px; background:rgba(206, 66, 43,.10); border:1px solid rgba(206, 66, 43,.34); color:var(--p3); font:700 13px var(--fu); padding:11px 16px; border-radius:12px; cursor:pointer; transition:background .15s, transform .1s; }
.mkt-sync:hover{ background:rgba(206, 66, 43,.18); }
.mkt-sync:active{ transform:scale(.97); }
.mkt-sync.spin svg{ animation:mktspin 1s linear infinite; }
@keyframes mktspin{ to{ transform:rotate(360deg); } }
.mkt-live{ display:inline-flex; align-items:center; gap:7px; color:var(--t2); font-size:12.5px; font-weight:600; }
.mkt-live i{ width:8px; height:8px; border-radius:50%; background:var(--grn); box-shadow:0 0 0 0 rgba(34,197,94,.5); animation:mktpulse 1.8s ease-out infinite; }
@keyframes mktpulse{ 0%{ box-shadow:0 0 0 0 rgba(34,197,94,.5);} 70%{ box-shadow:0 0 0 7px rgba(34,197,94,0);} 100%{ box-shadow:0 0 0 0 rgba(34,197,94,0);} }
.skin-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(190px,1fr)); gap:15px; }
.skin-card{ position:relative; display:flex; flex-direction:column; background:linear-gradient(180deg,rgba(29,34,51,.74),rgba(16,19,30,.82)); border:1px solid var(--ln); border-radius:16px; overflow:hidden; transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.skin-card::before{ content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--rk,#a3897e); opacity:.9; }
.skin-card:hover{ transform:translateY(-4px); border-color:var(--rk,var(--ln2)); box-shadow:0 16px 36px rgba(0,0,0,.5), 0 0 0 1px var(--rkglow,transparent); }
.skin-img{ position:relative; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:14px; background:radial-gradient(70% 70% at 50% 38%, var(--rkglow,rgba(187, 142, 129,.18)) 0%, transparent 72%); }
.skin-img img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 8px 14px rgba(0,0,0,.45)); }
.skin-ph{ width:74%; height:74%; opacity:.9; }
.skin-price-badge{ position:absolute; top:9px; left:9px; z-index:2; display:inline-flex; align-items:baseline; gap:3px; padding:4px 9px; border-radius:9px; font:800 13px var(--fu); color:#f1c2b4; background:rgba(10,12,18,.82); border:1px solid var(--rk,rgba(206, 66, 43,.42)); box-shadow:0 3px 10px rgba(0,0,0,.45); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.skin-price-badge .coin-ico{ width:13px !important; height:13px !important; margin-right:0 !important; align-self:center; }
.skin-price-badge .coin-c{ opacity:.5; }
.skin-meta{ padding:10px 12px 12px; display:flex; flex-direction:column; gap:6px; flex:1; }
.skin-name{ font:600 13.5px/1.3 var(--fu); color:var(--t1); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.skin-price{ display:flex; align-items:center; gap:5px; font:800 16px var(--fu); color:var(--gold2); margin-top:auto; }
.skin-price .skin-usd{ color:var(--t3); font-size:11px; font-weight:600; margin-left:auto; }
.skin-btn{ margin-top:auto; width:100%; border:none; border-radius:10px; padding:9px 10px; font:800 13px var(--fu); letter-spacing:.03em; cursor:pointer; color:#1a130a; background:linear-gradient(180deg,var(--p3),var(--p)); transition:filter .15s, transform .1s; display:flex; align-items:center; justify-content:center; gap:6px; }
.skin-btn:hover{ filter:brightness(1.08); }
.skin-btn:active{ transform:scale(.97); }
.skin-btn:disabled{ opacity:.5; cursor:not-allowed; filter:grayscale(.4); }
.skin-btn.sell{ color:var(--t1); background:rgba(239,77,107,.16); border:1px solid rgba(239,77,107,.4); }
.skin-btn.sell:hover{ background:rgba(239,77,107,.26); }
.skin-tag{ position:absolute; top:9px; right:9px; z-index:2; font:800 9.5px var(--fu); letter-spacing:.1em; text-transform:uppercase; padding:4px 7px; border-radius:7px; background:rgba(0,0,0,.55); color:var(--rk,#e6d4cd); border:1px solid var(--rk,var(--ln)); }
.skin-tag.staked{ color:#e0674a; border-color:rgba(206, 66, 43,.5); background:rgba(206, 66, 43,.14); }
.skin-tag.spent { color:#fca5a5; border-color:rgba(239,68,68,.4);  background:rgba(239,68,68,.12);  }
.mkt-grid-msg{ grid-column:1/-1; text-align:center; color:var(--t3); padding:40px 0; font:600 14px var(--fu); }
.skin-skel{ aspect-ratio:1/1.5; border-radius:16px; background:linear-gradient(110deg,rgba(255,255,255,.03) 30%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 70%); background-size:220% 100%; animation:skel 1.3s ease-in-out infinite; }
@keyframes skel{ to{ background-position:-220% 0; } }
.mkt-pager{ display:flex; justify-content:center; gap:10px; margin-top:24px; }
.mkt-pager button{ background:rgba(0,0,0,.34); border:1px solid var(--ln2); color:var(--t1); font:700 13px var(--fu); padding:9px 18px; border-radius:10px; cursor:pointer; }
.mkt-pager button:disabled{ opacity:.4; cursor:not-allowed; }
.mkt-pager span{ color:var(--t2); font:600 13px var(--fu); align-self:center; }
.skin-stake{ display:flex; flex-direction:column; gap:10px; }
.skin-stake-label{ font:700 12px var(--fu); letter-spacing:.06em; text-transform:uppercase; color:var(--t2); }
.skin-stake-sel{ display:flex; align-items:center; gap:11px; background:rgba(0,0,0,.32); border:1px solid var(--ln2); border-radius:14px; padding:10px 12px; cursor:pointer; transition:border-color .15s; min-height:64px; }
.skin-stake-sel:hover{ border-color:var(--p); }
.skin-stake-sel .ss-thumb{ width:46px; height:46px; border-radius:10px; flex:none; display:flex; align-items:center; justify-content:center; background:radial-gradient(70% 70% at 50% 40%, var(--rkglow,rgba(187, 142, 129,.2)) 0%, transparent 72%); border:1px solid var(--rk,var(--ln)); overflow:hidden; }
.skin-stake-sel .ss-thumb img{ max-width:100%; max-height:100%; object-fit:contain; }
.skin-stake-sel .ss-info{ flex:1; min-width:0; }
.skin-stake-sel .ss-name{ font:600 14px var(--fu); color:var(--t1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.skin-stake-sel .ss-val{ display:flex; align-items:center; gap:5px; font:800 15px var(--fu); color:var(--gold2); }
.skin-stake-sel .ss-empty{ color:var(--t3); font:600 14px var(--fu); }
.skin-stake-sel .ss-thumb:not([class*="sk-"]){ display:none !important; }
.skin-stake-sel:has(.ss-empty){ min-height:52px; }
.skin-stake-sel .ss-caret{ color:var(--t3); flex:none; }
.skin-pop{ position:relative; }
.skin-pop-menu{ position:absolute; left:0; right:0; top:calc(100% + 8px); z-index:40; background:linear-gradient(180deg,rgba(24,28,42,.98),rgba(14,17,26,.98)); border:1px solid var(--ln2); border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,.6); padding:8px; max-height:320px; overflow:auto; }
.skin-pop-menu[hidden]{ display:none; }
.sp-item{ display:flex; align-items:center; gap:10px; padding:8px; border-radius:10px; cursor:pointer; transition:background .12s; }
.sp-item:hover{ background:rgba(206, 66, 43,.10); }
.sp-item .sp-thumb{ width:40px; height:40px; border-radius:9px; flex:none; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--rk,var(--ln)); background:radial-gradient(70% 70% at 50% 40%, var(--rkglow,rgba(187, 142, 129,.2)) 0%, transparent 72%); }
.sp-item .sp-thumb img{ max-width:100%; max-height:100%; object-fit:contain; }
.sp-item .sp-name{ flex:1; min-width:0; font:600 13.5px var(--fu); color:var(--t1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sp-item .sp-val{ display:flex; align-items:center; gap:4px; font:800 14px var(--fu); color:var(--gold2); flex:none; }
.skin-pop-empty{ padding:22px 14px; text-align:center; color:var(--t3); font:600 13px var(--fu); }
.skin-pop-empty a{ color:var(--p3); font-weight:800; text-decoration:none; }
.skin-pop-empty a:hover{ text-decoration:underline; }

@media (max-width:560px){
  .skin-grid{ grid-template-columns:repeat(auto-fill, minmax(152px,1fr)); gap:12px; }
}
.canta-btn{ position:relative; width:40px; height:40px; border-radius:10px; border:1px solid var(--rust-ln,var(--ln2)); background:rgba(255,255,255,.04); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; flex:none; transition:background .15s, border-color .15s; }
.canta-btn:hover{ background:rgba(206, 66, 43,.10); border-color:var(--p,#ce422b); }
.canta-btn .canta-ico{ display:inline-flex; align-items:center; justify-content:center; }
.canta-btn .canta-ico svg{ width:20px; height:20px; color:var(--t2); transition:color .15s; }
.canta-btn:hover .canta-ico svg{ color:var(--p3,#e0674a); }
.canta-badge{ position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:linear-gradient(145deg,var(--gold2,#e0674a),var(--gold,#ce422b)); color:#1f0c06; font:800 11px/18px var(--fu,sans-serif); text-align:center; box-shadow:0 0 0 2px var(--rust-bg2,#160f0e), 0 2px 6px rgba(206, 66, 43,.5); }
.canta-badge[hidden]{ display:none; }
.canta-modal__card{ max-width:640px; width:100%; padding:0; text-align:left; overflow:hidden; display:flex; flex-direction:column; max-height:min(82vh,720px); }
.canta-modal__head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 20px 14px; border-bottom:1px solid var(--ln); flex-wrap:wrap; }
.canta-modal__title-wrap{ display:flex; align-items:center; gap:12px; }
.canta-modal__ico{ width:42px; height:42px; border-radius:12px; flex:none; display:flex; align-items:center; justify-content:center; background:radial-gradient(70% 70% at 50% 35%, rgba(206, 66, 43,.22), transparent 72%); border:1px solid rgba(206, 66, 43,.4); }
.canta-modal__ico svg{ width:22px; height:22px; color:var(--p3,#e0674a); }
.canta-modal__card .app-modal__title{ margin:0; font-size:24px; }
.canta-modal__sub{ font:600 12.5px var(--fu); color:var(--t3); margin-top:2px; }
.canta-modal__sub .coin-amt,.canta-modal__sub b{ color:var(--gold2); }
.canta-modal__tabs{ display:inline-flex; gap:4px; background:rgba(0,0,0,.3); border:1px solid var(--ln); border-radius:11px; padding:3px; }
.canta-tab{ border:0; background:transparent; color:var(--t2); font:700 12px var(--fu); letter-spacing:.04em; text-transform:uppercase; padding:7px 13px; border-radius:8px; cursor:pointer; transition:background .15s,color .15s; }
.canta-tab:hover{ color:var(--t1); }
.canta-tab.active{ background:linear-gradient(145deg,var(--p,#ce422b),var(--p3,#e0674a)); color:#1f0c06; }
.canta-modal__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; padding:18px 20px; overflow-y:auto; flex:1 1 auto; min-height:0; }
.canta-modal__loading,.canta-modal__empty{ grid-column:1/-1; text-align:center; color:var(--t3); font:600 14px var(--fu); padding:46px 16px; }
.canta-modal__empty a{ color:var(--p3); font-weight:800; text-decoration:none; }
.canta-modal__empty a:hover{ text-decoration:underline; }
.canta-modal__empty small{ color:var(--t3); font-weight:500; }
.canta-modal__foot{ padding:13px 20px; border-top:1px solid var(--ln); display:flex; justify-content:flex-end; }
.canta-modal__market{ display:inline-flex; align-items:center; gap:7px; color:var(--t2); font:700 13px var(--fu); text-decoration:none; padding:8px 14px; border:1px solid var(--ln2); border-radius:10px; transition:border-color .15s,color .15s; }
.canta-modal__market:hover{ color:var(--p3); border-color:var(--p); }
.canta-modal__market .nav-ico svg{ width:16px; height:16px; }
.cm-card{ position:relative; background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.18)); border:1px solid var(--ln2); border-radius:14px; padding:12px 11px 11px; display:flex; flex-direction:column; gap:8px; overflow:hidden; }
.cm-card::before{ content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--rk,#a3897e); opacity:.9; }
.cm-card.dim{ opacity:.62; }
.cm-img{ height:78px; display:flex; align-items:center; justify-content:center; background:radial-gradient(72% 72% at 50% 38%, var(--rkglow,rgba(187, 142, 129,.18)) 0%, transparent 72%); border-radius:10px; }
.cm-img img{ max-width:100%; max-height:100%; object-fit:contain; }
.cm-img .skin-ph{ width:48px; height:48px; opacity:.7; }
.cm-name{ font:600 13px var(--fu); color:var(--t1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cm-val{ display:flex; align-items:center; gap:5px; font:800 14px var(--fu); color:var(--gold2); }
.cm-tag{ font:800 10px var(--fu); letter-spacing:.05em; text-transform:uppercase; padding:4px 8px; border-radius:7px; align-self:flex-start; }
.cm-tag.staked{ color:#e0674a; background:rgba(206, 66, 43,.14); }
.cm-tag.spent{ color:#ef9a9a; background:rgba(239,77,107,.14); }
.cm-tag.sold{ color:#c9ac9f; background:rgba(187, 142, 129,.16); }
.cm-actions{ display:flex; gap:7px; margin-top:2px; }
.cm-act{ flex:1; text-align:center; font:800 12px var(--fu); padding:8px 6px; border-radius:9px; cursor:pointer; border:1px solid transparent; text-decoration:none; transition:filter .15s, background .15s, border-color .15s; }
.cm-act.use{ background:linear-gradient(145deg,var(--p,#ce422b),var(--p3,#e0674a)); color:#1f0c06; }
.cm-act.use:hover{ filter:brightness(1.08); }
.cm-act.sell{ background:rgba(255,255,255,.05); color:var(--t2); border-color:var(--ln2); }
.cm-act.sell:hover{ color:#fca5a5; border-color:rgba(239,68,68,.4); background:rgba(239,68,68,.10); }
.cm-act.sell:disabled{ opacity:.6; cursor:default; }

@media (max-width:560px){
  .canta-modal__head{ gap:10px; }
  .canta-modal__grid{ grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; padding:14px; }
}
.btn-skin-stake{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; padding:0 20px; border-radius:14px; cursor:pointer; white-space:nowrap;
  font:800 14px/1 var(--fu, system-ui, sans-serif); letter-spacing:.02em;
  color:var(--gold, #ce422b);
  background:linear-gradient(180deg, rgba(206, 66, 43,.12), rgba(206, 66, 43,.04));
  border:1.5px solid rgba(206, 66, 43,.45);
  box-shadow:0 4px 14px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
  transition:filter .15s, border-color .15s, transform .05s, background .15s, color .15s;
}
.btn-skin-stake:hover{
  border-color:var(--gold, #ce422b); color:var(--gold2, #e0674a);
  background:linear-gradient(180deg, rgba(206, 66, 43,.20), rgba(206, 66, 43,.08));
}
.btn-skin-stake:active{ transform:translateY(1px); }
.btn-skin-stake svg{ stroke:currentColor; }
.rp-join-bar .btn-skin-stake{ margin-top:10px; }
.cf-skin-btn{ width:100%; margin-top:8px; }
@media (max-width:720px){
  .rp-join-bar .btn-skin-stake{ width:100%; max-width:340px; }
}
.rp-skin-primary, .cf-skin-primary{
  color:#1a0a05;
  background:linear-gradient(180deg,#e59178,#db6541);
  border:0;
  box-shadow:0 8px 22px rgba(219, 101, 65,.34), inset 0 1px 0 rgba(255,255,255,.25);
  font-weight:900; letter-spacing:.01em;
}
.rp-skin-primary:hover, .cf-skin-primary:hover{
  filter:brightness(1.06);
  background:linear-gradient(180deg,#e59178,#db6541);
  color:#1a0a05;
}
.rp-skin-primary{ font-size:17px; padding:14px 34px; border-radius:14px; }
.cf-skin-primary{ width:100%; font-size:16px; padding:14px 22px; border-radius:14px; margin-top:4px; }
.cf-skin-hint{ margin:8px 2px 2px; font-size:12.5px; color:var(--rk,#a8938a); text-align:center; line-height:1.4; }
.rp-en-skin, .cf-game-skin, .champ-seat-skin{
  display:inline-block; vertical-align:middle; object-fit:contain;
  border-radius:6px; background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
}
.rp-en-skin{ width:46px; height:46px; margin-right:8px; }
.cf-game-skin{ width:54px; height:54px; margin-right:8px; }
.champ-seat-skin{ width:60px; height:60px; margin-right:8px; }
.rp-en-amt, .cf-game-wager{ display:inline-flex; align-items:center; gap:2px; }
.mkt-sort{
  appearance:none; -webkit-appearance:none;
  background:rgba(0,0,0,.34) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa6bd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat right 10px center;
  border:1px solid var(--ln2,rgba(255,255,255,.12)); color:var(--t1,#f8ede9);
  font:600 13px var(--fu,inherit); padding:9px 30px 9px 12px; border-radius:10px; cursor:pointer;
}
.mkt-sort:hover{ border-color:rgba(206, 66, 43,.4); }
.mkt-sort:focus{ outline:none; border-color:var(--p3,#ce422b); }
.mkt-sort option{ background:#1c1715; color:#f8ede9; }
.cf-game-range{ font:600 11px var(--fu,inherit); color:var(--t3,#bda49a); text-align:center; margin:4px 0 2px; opacity:.9; }
.cf-game-range .coin-ico{ width:11px; height:11px; vertical-align:-1px; }
.cm-card{ position:relative; }
.cm-card .cm-check{
  position:absolute; top:6px; right:6px; width:22px; height:22px; border-radius:50%;
  background:var(--p3,#ce422b); color:#1a0a05; font:800 13px/22px var(--fu,inherit); text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.4); opacity:0; transform:scale(.4); transition:opacity .14s, transform .14s; pointer-events:none; z-index:3;
}
.cm-card.cm-sel .cm-check{ opacity:1; transform:scale(1); }
.cm-card.cm-sel{ outline:2px solid var(--p3,#ce422b); outline-offset:-1px; box-shadow:0 0 0 3px rgba(206, 66, 43,.22); }
.cm-selectable{ cursor:pointer; }
.canta-modal__tools{ display:flex; align-items:center; gap:8px; margin-left:auto; margin-right:42px; }
.canta-tool{ appearance:none; border:1px solid var(--ln,rgba(255,255,255,.12)); background:rgba(255,255,255,.05); color:var(--t1,#f8ede9); font:700 13px var(--fu,inherit); padding:7px 13px; border-radius:9px; cursor:pointer; white-space:nowrap; transition:background .14s, border-color .14s, opacity .14s, filter .14s; }
.canta-tool:hover{ background:rgba(255,255,255,.1); }
.canta-tool--sell{ background:linear-gradient(180deg,#e17f61,#da603a); color:#1a0a05; border-color:transparent; }
.canta-tool--sell:hover{ background:linear-gradient(180deg,#e17f61,#da603a); filter:none; }
.canta-tool--sell:disabled{ opacity:.45; cursor:default; filter:grayscale(.3); }
.canta-modal__foot{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.canta-modal__confirm{
  margin-left:auto; border:none; cursor:pointer; border-radius:11px; padding:11px 20px;
  font:800 14px var(--fu,inherit); color:#1a0a05;
  background:linear-gradient(180deg,#e89f89,#ce422b); box-shadow:0 4px 14px rgba(206, 66, 43,.3);
}
.canta-modal__confirm:disabled{ background:rgba(255,255,255,.07); color:var(--t3,#bda49a); cursor:not-allowed; box-shadow:none; }
.canta-modal__confirm:not(:disabled):hover{ filter:brightness(1.06); }
.skin-stack{ display:inline-flex; align-items:center; gap:4px; position:relative; cursor:default; vertical-align:middle; }
.skin-stack .ss-th{ width:44px; height:44px; border:1.5px solid rgba(0,0,0,.55); border-radius:8px; background:rgba(0,0,0,.22); overflow:hidden; display:inline-flex; align-items:center; justify-content:center; transition:transform .12s; }
.skin-stack .ss-th img{ max-width:100%; max-height:100%; object-fit:contain; }
.skin-stack:hover .ss-th{ transform:translateY(-2px); }
.skin-stack-more{ font:800 12px var(--fu,inherit); color:var(--t2,#decac2); background:rgba(255,255,255,.08); border-radius:7px; padding:3px 7px; margin-left:2px; align-self:center; }
.skin-stack-tip{ position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%) scale(.96); transform-origin:bottom center;
  min-width:180px; max-width:260px; max-height:240px; overflow-y:auto; background:var(--card,#271b16); border:1px solid var(--ln,#42312a);
  border-radius:12px; padding:8px; box-shadow:0 14px 40px rgba(0,0,0,.5); opacity:0; pointer-events:none; visibility:hidden; transition:opacity .14s, transform .14s; z-index:999; }
.skin-stack:hover .skin-stack-tip, .skin-stack:focus .skin-stack-tip, .skin-stack:focus-within .skin-stack-tip{ opacity:1; transform:translateX(-50%) scale(1); visibility:visible; }
.skin-stack-tip::after{ content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:var(--ln,#42312a); }
.sst-row{ display:flex; align-items:center; gap:8px; padding:4px 5px; border-radius:7px; }
.sst-row + .sst-row{ margin-top:1px; }
.sst-row:hover{ background:rgba(255,255,255,.05); }
.sst-th{ width:30px; height:30px; flex:none; border-radius:5px; background:rgba(0,0,0,.25); overflow:hidden; display:inline-flex; align-items:center; justify-content:center; }
.sst-th img{ max-width:100%; max-height:100%; object-fit:contain; }
.sst-name{ flex:1; min-width:0; font:600 12px var(--fu,inherit); color:var(--t1,#f8ede9); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sst-val{ font:800 12px var(--fu,inherit); color:var(--gold2,#ce422b); display:inline-flex; align-items:center; gap:3px; white-space:nowrap; }
.champ-seat-skins{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:4px; margin:6px auto 2px; max-width:200px; }
.champ-seat-skins:empty{ display:none; }
.champ-seat-skins .skin-stack .ss-th{ width:40px; height:40px; }
.mkt-range{ display:inline-flex; align-items:center; gap:5px; padding:0 10px; height:40px; border-radius:11px;
  background:var(--card2,rgba(255,255,255,.04)); border:1px solid var(--ln,rgba(255,255,255,.1)); flex:0 0 auto; }
.mkt-range .coin-ico{ width:15px; height:15px; opacity:.85; flex:0 0 auto; }
.mkt-range-in{ width:62px; height:26px; border:none; background:transparent; color:var(--t1,#f8ede9); font:700 13px var(--fu,inherit);
  text-align:center; outline:none; -moz-appearance:textfield; }
.mkt-range-in::-webkit-outer-spin-button, .mkt-range-in::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.mkt-range-in::placeholder{ color:var(--t3,#a3897e); font-weight:600; }
.mkt-range-sep{ color:var(--t3,#a3897e); font-weight:700; }
.mkt-range-clear{ width:20px; height:20px; flex:0 0 auto; border:none; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.08); color:var(--t2,#decac2); font:700 11px/1 var(--fu,inherit); display:inline-flex; align-items:center; justify-content:center; transition:background .14s, color .14s; }
.mkt-range-clear:hover{ background:rgba(255,90,90,.22); color:#ff8e8e; }
@media (max-width:640px){ .mkt-range{ order:3; } .mkt-range-in{ width:52px; } }
.champ-pot-skins{ display:flex; justify-content:center; align-items:center; margin-top:11px; overflow:visible; }
.champ-pot-skins:empty{ display:none; }
.champ-pot-skins .skin-stack{ flex-wrap:nowrap; }
.champ-pot-skins .skin-stack .ss-th{ width:42px; height:42px; }
.champ-pot-skins .skin-stack-tip{ bottom:auto; top:calc(100% + 8px); }
.champ-pot-skins .skin-stack-tip::after{ top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:var(--ln,#42312a); }
.dw-modal .dw-card{ max-width:920px !important; width:min(96vw,920px) !important; padding:0 !important; }
@media (hover:hover) and (pointer:fine){
  .dw-modal .dw-card{ overflow:hidden; }
}
.dw-grid{ display:grid; grid-template-columns:320px 1fr; min-height:480px; }
.dw-side{ background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.18)); border-right:1px solid var(--ln,#3b2c26); padding:18px 16px; display:flex; flex-direction:column; gap:14px; }
.dw-tabs{ display:flex; gap:6px; background:rgba(0,0,0,.3); border:1px solid var(--ln,#3b2c26); border-radius:11px; padding:4px; }
.dw-tab{ flex:1; height:34px; border:0; border-radius:8px; background:transparent; color:var(--t2,#decac2); font-weight:800; font-size:13px; cursor:pointer; transition:background .15s, color .15s; }
.dw-tab.is-on{ background:rgba(255,255,255,.08); color:#fff; }
.dw-methods{ display:flex; flex-direction:column; gap:8px; }
.dw-mgroup{ font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--t3,#a6928a); font-weight:800; margin:6px 2px 1px; }
.dw-mrow{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.dw-method{ display:flex; align-items:center; gap:11px; width:100%; text-align:left; padding:12px 13px; border-radius:12px; border:1px solid var(--ln,#3b2c26); background:rgba(255,255,255,.02); color:var(--t1,#f8ede9); cursor:pointer; transition:border-color .15s, background .15s, transform .1s; }
.dw-method:hover{ border-color:rgba(206, 66, 43,.4); background:rgba(255,255,255,.045); }
.dw-method.is-sel{ border-color:rgba(206, 66, 43,.7); background:radial-gradient(120% 140% at 0% 0%, rgba(206, 66, 43,.12), rgba(206, 66, 43,.03)); box-shadow:inset 0 0 0 1px rgba(206, 66, 43,.25); }
.dw-method--sm{ flex-direction:column; gap:6px; text-align:center; padding:13px 8px; }
.dw-method.is-soon{ opacity:.5; cursor:not-allowed; }
.dw-mi{ width:38px; height:38px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(0,0,0,.3); font-size:20px; }
.dw-method--sm .dw-mi{ width:34px; height:34px; }
.dw-mi-crypto{ color:#de7352; background:radial-gradient(70% 70% at 50% 35%, rgba(222, 115, 82,.22), transparent 72%); }
.dw-mt{ display:flex; flex-direction:column; gap:1px; line-height:1.2; min-width:0; }
.dw-mt b{ font-size:13.5px; font-weight:800; }
.dw-mt small{ font-size:11px; color:var(--t3,#a6928a); }
.dw-ref{ margin-top:auto; padding-top:14px; border-top:1px solid var(--ln,#3b2c26); }
.dw-ref-head{ font-size:12px; font-weight:800; color:var(--t1,#f8ede9); display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:8px; }
.dw-ref-bonus{ font-size:10.5px; font-weight:700; color:#de7352; background:rgba(222, 115, 82,.12); border-radius:6px; padding:2px 7px; }
.dw-ref-row{ display:flex; gap:7px; }
.dw-ref-row input{ flex:1; min-width:0; height:38px; padding:0 12px; border-radius:9px; border:1px solid var(--ln,#3b2c26); background:rgba(0,0,0,.32); color:#fff; font-size:13px; }
.dw-ref-apply{ height:38px; padding:0 16px; border:0; border-radius:9px; background:linear-gradient(180deg,#efbcac,#da613c); color:#270f07; font-weight:800; font-size:13px; cursor:pointer; flex:0 0 auto; }
.dw-ref-note{ font-size:11.5px; color:var(--t3,#a6928a); margin-top:7px; min-height:14px; }
.dw-ref-note.on{ color:#5cf08f; }
.dw-main{ padding:22px 24px; display:flex; flex-direction:column; min-width:0; }
.dw-title{ margin:0 0 16px; font-size:19px; font-weight:800; color:#fff; }
.dw-selrow{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px; }
.dw-field{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.dw-field>span{ font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--t3,#a6928a); font-weight:700; }
.dw-select{ height:46px; padding:0 12px; border-radius:11px; border:1px solid var(--ln,#3b2c26); background:rgba(0,0,0,.32) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; color:#fff; font-size:14px; font-weight:600; appearance:none; -webkit-appearance:none; cursor:pointer; }
.dw-addrbox{ display:flex; gap:16px; align-items:flex-start; padding:16px; border-radius:14px; border:1px solid var(--ln,#3b2c26); background:rgba(0,0,0,.22); margin-bottom:14px; }
.dw-qr{ width:120px; height:120px; flex:0 0 auto; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.dw-qr img{ width:100%; height:100%; object-fit:contain; }
.dw-qr-ph{ color:#b9b9b9; font-weight:800; font-size:13px; letter-spacing:.1em; }
.dw-addr-info{ min-width:0; }
.dw-addr-title{ font-size:14px; font-weight:800; color:#fff; display:block; margin-bottom:4px; }
.dw-addr-sub{ font-size:12px; color:var(--t3,#a6928a); line-height:1.45; margin:0 0 10px; }
.dw-min{ font-size:12px; color:var(--t2,#decac2); background:rgba(0,0,0,.3); border-radius:8px; padding:7px 10px; display:inline-flex; align-items:center; gap:5px; }
.dw-min .coin-ico{ width:14px; height:14px; }
.dw-addr-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:16px; }
.dw-addr-field>span{ font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--t3,#a6928a); font-weight:700; }
.dw-addr-row{ display:flex; gap:8px; }
.dw-addr-row input{ flex:1; min-width:0; height:46px; padding:0 14px; border-radius:11px; border:1px solid var(--ln,#3b2c26); background:rgba(0,0,0,.32); color:#fff; font-size:13.5px; font-family:var(--fm,monospace); letter-spacing:.01em; }
.dw-copy{ width:46px; height:46px; flex:0 0 auto; border-radius:11px; border:1px solid var(--ln,#3b2c26); background:rgba(255,255,255,.04); color:var(--t2,#decac2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s, color .15s; }
.dw-copy:hover{ background:rgba(206, 66, 43,.14); color:#de7352; }
.dw-calc{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:14px 16px; border-radius:13px; border:1px solid var(--ln,#3b2c26); background:rgba(0,0,0,.22); margin-bottom:16px; }
.dw-calc-side{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.dw-calc-lbl{ font-size:11px; color:var(--t3,#a6928a); font-weight:700; }
.dw-calc-val{ display:flex; align-items:center; gap:6px; font-size:18px; font-weight:800; color:#fff; }
.dw-calc-val input{ width:100%; min-width:0; background:transparent; border:0; color:#fff; font-size:18px; font-weight:800; padding:0; font-variant-numeric:tabular-nums; }
.dw-calc-val input:focus{ outline:none; }
.dw-calc-recv{ color:#de7352; }
.dw-calc-recv .coin-ico{ width:.85em; height:.85em; }
.dw-calc-bonus{ font-size:13px; color:#5cf08f; font-weight:800; }
.dw-calc-eq{ font-size:18px; color:var(--t3,#a6928a); font-weight:800; }
.dw-cta{ width:100%; height:50px; margin-top:auto; border:0; border-radius:13px; background:linear-gradient(180deg,#efbcac,#e6937a 46%,#da613c); color:#270f07; font-weight:900; font-size:15px; letter-spacing:.02em; cursor:pointer; box-shadow:0 6px 18px rgba(218, 97, 60,.42), inset 0 1px 0 rgba(255,255,255,.6); transition:filter .15s, box-shadow .15s; }
.dw-cta:hover{ filter:brightness(1.06); }
.dw-cta:disabled{ opacity:.65; cursor:default; }
.dw-cta--ghost{ background:rgba(255,255,255,.06); color:#fff; box-shadow:inset 0 0 0 1px var(--ln,#3b2c26); margin-top:16px; height:44px; }
.dw-soon{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; color:var(--t2,#decac2); padding:30px 10px; }
.dw-soon-ico{ font-size:42px; }
.dw-soon p{ font-size:14px; line-height:1.5; max-width:320px; margin:0; }
@media (max-width:720px){
  .dw-modal .dw-card{ width:96vw !important; }
  .dw-grid{ grid-template-columns:1fr; min-height:0; }
  .dw-side{ border-right:0; border-bottom:1px solid var(--ln,#3b2c26); }
  .dw-addrbox{ flex-direction:column; align-items:center; text-align:center; }
  .dw-selrow{ grid-template-columns:1fr; }
}
.canta-modal .canta-modal__card{
  display:flex !important; flex-direction:column !important;
  max-height:min(86vh,780px) !important; overflow:hidden !important;
}
.canta-modal .canta-modal__grid{
  flex:1 1 auto !important; min-height:0 !important;
  overflow-y:auto !important; overflow-x:hidden; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.canta-modal .cm-card{ overflow:visible; }
.canta-modal .cm-name{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.chat-game-card .cgc-thumb-stack{ position:relative; width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; background:transparent; border:0; padding:0; overflow:visible; }
.chat-game-card .cgc-thumb-stack .skin-stack{ position:static; display:flex; align-items:center; justify-content:center; width:100%; height:100%; gap:0; transform:none; vertical-align:top; }
.chat-game-card .cgc-thumb-stack .ss-th{ width:42px !important; height:42px !important; box-sizing:border-box; margin:0; border:1.5px solid rgba(0,0,0,.5); border-radius:9px; background:rgba(0,0,0,.28); overflow:hidden; display:flex; align-items:center; justify-content:center; }
.chat-game-card .cgc-thumb-stack .ss-th img{ width:100%; height:100%; object-fit:contain; display:block; }
.chat-game-card .cgc-thumb-stack .skin-stack:hover .ss-th{ transform:none; }
.chat-game-card .cgc-thumb-stack .skin-stack-more{ position:absolute; right:-4px; bottom:-4px; margin:0; font-size:9.5px; font-weight:800; padding:1px 4px; z-index:3; background:#46332b; color:#f7ece8; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,.5); }
.chat-game-card .skin-stack-tip{ bottom:auto; top:calc(100% + 9px); left:0; right:auto; transform:translateX(0) scale(.96); transform-origin:top left; }
.chat-game-card .skin-stack:hover .skin-stack-tip, .chat-game-card .skin-stack:focus .skin-stack-tip, .chat-game-card .skin-stack:focus-within .skin-stack-tip{ transform:translateX(0) scale(1); }
.chat-game-card .skin-stack-tip::after{ top:auto; bottom:100%; left:20px; border-top-color:transparent; border-bottom-color:var(--ln,#42312a); }
@media (max-width:480px){ .chat-game-card .cgc-thumb-stack, .chat-game-card .cgc-thumb-stack .ss-th{ width:38px !important; height:38px !important; flex-basis:38px; } }
.chat-game-card{ gap:5px !important; padding:7px 9px !important; }
.chat-game-card .cgc-top{ gap:8px; }
.chat-game-card .cgc-bottom{ padding-top:6px; }
.chat-game-card .cgc-win{ font-size:11.5px; }
.chat-game-card .cgc-label{ font-size:10px; }
.dw-side .wd-coin-list{ display:flex; flex-direction:column; gap:8px; }
.dw-side .wd-coin-list-lbl{ font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.09em; color:var(--t3,#a6928a); padding-left:2px; }
.dw-side .wd-coins{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; gap:8px; margin-top:0 !important; justify-content:flex-start !important; }
.dw-side .wd-coin{ flex:0 0 auto !important; width:100%; flex-direction:row !important; justify-content:flex-start !important; align-items:center; gap:11px; padding:11px 13px !important; text-align:left; }
.dw-side .wd-coin .wd-coin-ico{ width:26px; height:26px; flex:0 0 auto; }
.dw-side .wd-coin .wd-coin-nm{ font-size:13.5px; text-align:left; }
.dw-ref-timer{ display:flex; align-items:center; gap:6px; margin:8px 0 2px; padding:7px 11px; border-radius:9px;
  background:linear-gradient(90deg,rgba(206, 66, 43,.14),rgba(206, 66, 43,.05)); border:1px solid rgba(206, 66, 43,.3);
  font-size:12px; font-weight:700; color:#f0beae; }
.dw-ref-timer svg{ color:#e0674a; flex:0 0 auto; }
.dw-ref-timer b{ font-family:var(--fm,ui-monospace,monospace); color:#e0674a; font-size:13px; letter-spacing:.04em;
  font-variant-numeric:tabular-nums; }
                                                                                                   
                                                                                                 
                                                                                                                     
.page-title{ display:none !important; }
                                                                                                      
                                                                                     
main.page h1{ position:absolute !important; width:1px !important; height:1px !important;
  padding:0 !important; margin:-1px !important; overflow:hidden !important;
  clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important;
  white-space:nowrap !important; border:0 !important; display:block !important; }
                                                                                                         
.hm-free-hero{ position:relative; padding-bottom:14px !important; }
.hm-free-hero::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, rgba(206, 66, 43,.34), rgba(206, 66, 43,.10) 42%, rgba(176, 138, 120,.06) 78%, transparent); }
.hm-free-hero-ico{ border-radius:14px; background:linear-gradient(160deg, rgba(206, 66, 43,.16), rgba(206, 66, 43,.05)) !important;
  border:1px solid rgba(206, 66, 43,.20); box-shadow:0 6px 18px rgba(0,0,0,.28); }
.hm-free-item{ border:1px solid rgba(176, 138, 120,.09) !important; transition:background .16s ease, border-color .16s ease, transform .16s ease !important; }
.hm-free-item:hover{ transform:translateY(-2px); }
.hm-free-i{ border:1px solid rgba(206, 66, 43,.14) !important; transition:background .16s ease, color .16s ease, border-color .16s ease !important; }
.hm-free-item:hover .hm-free-i{ border-color:rgba(206, 66, 43,.34) !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .hm-free-item:hover{ transform:none; } }

                                                                                                  
                                                                                                  
                                                                                                   
                                                                                                
.timer-section-center .timer-wrap::before, .timer-section-center .timer-wrap::after{ display:none !important; background:none !important; box-shadow:none !important; animation:none !important; }
.timer-section-center:has(.timer-prog.danger) .timer-wrap::before{ display:none !important; background:none !important; }
.timer-section-center .timer-wrap, .timer-section-center .timer-inner{ background:none !important; box-shadow:none !important; }
.timer-section-center .timer-prog{ filter:none !important; }
.timer-section-center .timer-prog.danger{ filter:none !important; }
.timer-section-center .timer-track{ stroke:rgba(206, 66, 43,.14) !important; }
                                                                                                  
                                                                                    
.player-stats .stat-box b,
.player-stats .stat-box b.bet-amt,
.player-stats .stat-box b.bet-amt #leftBet, .player-stats .stat-box b.bet-amt #rightBet,
.player-stats .stat-box b.bet-amt .coin-amt,
.player-stats .stat-box b.bet-amt .coin-d, .player-stats .stat-box b.bet-amt .coin-c{ font-size:30px !important; line-height:1 !important; }
.player-stats .stat-box b.bet-amt .coin-ico{ width:.72em !important; height:.72em !important; }
@media (max-width:760px){ .player-stats .stat-box b, .player-stats .stat-box b.bet-amt #leftBet, .player-stats .stat-box b.bet-amt #rightBet, .player-stats .stat-box b.bet-amt .coin-d, .player-stats .stat-box b.bet-amt .coin-c{ font-size:24px !important; } }

                                                                                               
                                                                                                          
.rp-recent-row{ justify-content:flex-start !important; }
.rp-recent-row b.rp-recent-name{ margin-left:0 !important; margin-right:0 !important; flex:0 1 auto !important; text-align:left !important; }
.rp-recent-row .rp-recent-pct{ margin-left:0 !important; flex:0 0 auto !important; }
.rp-recent-row .rp-recent-amt{ margin-left:auto !important; }

                                                                                        
                                                                                              
.pa-level{ min-width:15px !important; width:auto !important; height:15px !important; padding:0 3px !important; bottom:-1px !important; right:-1px !important; left:auto !important; top:auto !important;
  font-style:normal !important; font-weight:800 !important; font-size:9.5px !important; line-height:1 !important; letter-spacing:0 !important; border-radius:7px !important;
  background:#120d0b !important; color:var(--lvc,#ad9185) !important; border:1px solid var(--lvc,#ad9185) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.6) !important; }
.pa-level.lvt1 { --lvc:#a3948d; } .pa-level.lvt2 { --lvc:#af9f98; } .pa-level.lvt3 { --lvc:#baaba5; }
.pa-level.lvt4 { --lvc:#be8972; } .pa-level.lvt5 { --lvc:#b6795f; } .pa-level.lvt6 { --lvc:#55a89b; }
.pa-level.lvt7 { --lvc:#5aac86; } .pa-level.lvt8 { --lvc:#6bae76; } .pa-level.lvt9 { --lvc:#88b06c; }
.pa-level.lvt10{ --lvc:#bf7b66; }
                                                                                                      
                                                                                                    
                                                                                                    
                                                                                                      
.profile-avatar-btn:has(.pa-level){ border-color:var(--lvc,#ad9185) !important; box-shadow:0 0 0 2px var(--lvc,#ad9185), 0 0 10px -2px var(--lvc,#ad9185) !important; }
.profile-avatar-btn:has(.pa-level):hover{ box-shadow:0 0 0 2px var(--lvc,#ad9185), 0 7px 18px rgba(0,0,0,.4) !important; }

                                                                                                     
                                                                                                     
                                                                                                              
.chat-av{ position:relative !important; overflow:visible !important; }
.chat-av-lvl{ position:absolute !important; bottom:-3px !important; right:-3px !important; left:auto !important; top:auto !important; transform:none !important;
  min-width:14px !important; width:auto !important; height:14px !important; padding:0 2.5px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  font-style:normal !important; font-weight:800 !important; font-size:9px !important; line-height:1 !important; letter-spacing:0 !important;
  border-radius:6px !important; box-shadow:0 1px 3px rgba(0,0,0,.6) !important; z-index:4 !important; pointer-events:none !important;
  background:#120d0b !important; color:var(--lvc,#ad9185) !important; border:1px solid var(--lvc,#ad9185) !important; }
.chat-av.chat-av-lv{ border-color:var(--lvc,#ad9185) !important; box-shadow:0 0 0 2px var(--lvc,#ad9185), 0 0 9px -1px var(--lvc,#ad9185) !important; }
.chat-av.lvt1,.chat-av-lvl.lvt1{--lvc:#a3948d}.chat-av.lvt2,.chat-av-lvl.lvt2{--lvc:#af9f98}.chat-av.lvt3,.chat-av-lvl.lvt3{--lvc:#baaba5}
.chat-av.lvt4,.chat-av-lvl.lvt4{--lvc:#be8972}.chat-av.lvt5,.chat-av-lvl.lvt5{--lvc:#b6795f}.chat-av.lvt6,.chat-av-lvl.lvt6{--lvc:#55a89b}
.chat-av.lvt7,.chat-av-lvl.lvt7{--lvc:#5aac86}.chat-av.lvt8,.chat-av-lvl.lvt8{--lvc:#6bae76}.chat-av.lvt9,.chat-av-lvl.lvt9{--lvc:#88b06c}.chat-av.lvt10,.chat-av-lvl.lvt10{--lvc:#bf7b66}

                                                                                                  
                                                                                   
.lvl-pill{ display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:2px 9px; border-radius:7px;
  font-weight:800 !important; font-size:12px; line-height:1; letter-spacing:.02em; font-style:normal;
  background:#120d0b !important; color:var(--lvc,#ad9185) !important; border:1px solid var(--lvc,#ad9185) !important; }
.lvl-pill.lvt1,.pf2-lvl.lvt1,.rc-lvl.lvt1,.affx-lvl-chip.lvt1{--lvc:#a3948d}.lvl-pill.lvt2,.pf2-lvl.lvt2,.rc-lvl.lvt2,.affx-lvl-chip.lvt2{--lvc:#af9f98}.lvl-pill.lvt3,.pf2-lvl.lvt3,.rc-lvl.lvt3,.affx-lvl-chip.lvt3{--lvc:#baaba5}.lvl-pill.lvt4,.pf2-lvl.lvt4,.rc-lvl.lvt4,.affx-lvl-chip.lvt4{--lvc:#be8972}.lvl-pill.lvt5,.pf2-lvl.lvt5,.rc-lvl.lvt5,.affx-lvl-chip.lvt5{--lvc:#b6795f}
.lvl-pill.lvt6,.pf2-lvl.lvt6,.rc-lvl.lvt6,.affx-lvl-chip.lvt6{--lvc:#55a89b}.lvl-pill.lvt7,.pf2-lvl.lvt7,.rc-lvl.lvt7,.affx-lvl-chip.lvt7{--lvc:#5aac86}.lvl-pill.lvt8,.pf2-lvl.lvt8,.rc-lvl.lvt8,.affx-lvl-chip.lvt8{--lvc:#6bae76}.lvl-pill.lvt9,.pf2-lvl.lvt9,.rc-lvl.lvt9,.affx-lvl-chip.lvt9{--lvc:#88b06c}.lvl-pill.lvt10,.pf2-lvl.lvt10,.rc-lvl.lvt10,.affx-lvl-chip.lvt10{--lvc:#bf7b66}
.profile-lvl .lvl-pill{ font-size:12.5px; }
.pm-head .lvl-pill{ font-size:12.5px; padding:2px 8px; }

                                                                                                                                                                                     
                                                                                                        
                                                                                                      
                                                                                                     
                                                                                     
.skin-stack{ display:inline-flex; align-items:center; gap:4px; position:relative; cursor:default; vertical-align:middle; max-width:100%; }
.skin-stack .ss-th{ width:44px; height:44px; flex:0 0 auto; border:1.5px solid rgba(0,0,0,.55); border-radius:8px;
  background:rgba(0,0,0,.22); overflow:hidden; display:inline-flex; align-items:center; justify-content:center; }
.skin-stack .ss-th img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
.skin-stack-more{ flex:0 0 auto; font:800 12px var(--fu,inherit); color:var(--t2,#decac2); background:rgba(255,255,255,.08);
  border-radius:7px; padding:3px 7px; margin-left:2px; align-self:center; white-space:nowrap; }
                                                                                                   
                                                                                                       
.skin-stack .cps-th{ width:34px; height:34px; flex:0 0 auto; overflow:hidden; display:inline-flex; align-items:center; justify-content:center;
  border-radius:7px; background:rgba(0,0,0,.22); padding:2px; }
.skin-stack .cps-th img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
                                                                                                       
                                                                                                       
.skin-stack .skin-stack-tip:not(.skin-tip-float){ display:none !important; }
                                                                                                   
                                                                              
.skin-tip-float{ min-width:180px; max-width:min(260px,calc(100vw - 16px)); max-height:260px; overflow-y:auto;
  background:var(--card,#271b16); border:1px solid var(--ln,#42312a); border-radius:12px; padding:8px;
  box-shadow:0 14px 40px rgba(0,0,0,.5); }
.skin-tip-float::after{ display:none !important; }
.skin-tip-float .sst-row{ display:flex; align-items:center; gap:8px; padding:4px 5px; border-radius:7px; min-width:0; }
.skin-tip-float .sst-row + .sst-row{ margin-top:1px; }
.skin-tip-float .sst-th{ width:30px; height:30px; flex:0 0 30px; border-radius:5px; background:rgba(0,0,0,.25); overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; }
.skin-tip-float .sst-th img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
.skin-tip-float .sst-name{ flex:1 1 auto; min-width:0; font:600 12px var(--fu,inherit); color:var(--t1,#f8ede9);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.skin-tip-float .sst-val{ flex:0 0 auto; font:800 12px var(--fu,inherit); color:var(--gold2,#ce422b); display:inline-flex;
  align-items:center; gap:3px; white-space:nowrap; }

                                                                                                   
                                                                       
.nav a, .nav a:hover, .nav a:focus,
.nav .nav-ico, .nav a:hover .nav-ico, .nav-more-btn:hover .nav-ico,
.nav .nav-txt, .nav a:hover .nav-txt, .nav-caret,
.pill-steam, .pill-steam:hover, .pill-steam .pill-steam-ico, .pill-steam:hover .pill-steam-ico,
.topstrip-nav a, .topstrip-nav a:hover{ transform:none !important; }
.nav a::after, .nav a:hover::after, .topstrip-nav a::after, .topstrip-nav a:hover::after{ transform:scaleX(0) !important; width:0 !important; opacity:0 !important; transition:none !important; }

                                                                                                          
                                                                                                          
                                                                                                        
                                                                                                    
                                                                                                                
                                                                                              
                                                                                               
                                                                                                     
#chatRain.free-rain{ position:relative !important; overflow:hidden !important; margin:10px 10px 9px !important; padding:15px 16px 14px !important; border-radius:18px !important;
  background:
    radial-gradient(58% 90% at 82% 32%, rgba(228, 138, 111,.34), transparent 60%),
    radial-gradient(120% 120% at 10% 118%, rgba(143, 54, 27,.36), transparent 64%),
    linear-gradient(160deg, #2a130c 0%, #1b0c07 48%, #0c0705 100%) !important;
  border:1px solid rgba(228, 138, 111,.42) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.6), inset 0 1px 0 rgba(243, 204, 192,.18), inset 0 0 60px rgba(113, 43, 22,.35) !important; }
#chatRain.free-rain.fr-active{ border-color:rgba(232, 156, 133,.6) !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ #chatRain.free-rain *{ animation:none !important; } }
                                                                               
#chatRain.free-rain::before{ content:"" !important; position:absolute !important; right:-30px !important; bottom:-46px !important; width:158px !important; height:158px !important; z-index:0 !important; pointer-events:none !important;
  background:url('/assets/coin-3d.svg?v=1533') center/contain no-repeat !important; opacity:.14 !important; filter:drop-shadow(0 0 24px rgba(228, 138, 111,.55)) !important;
  animation:frEmblemSpin 16s linear infinite !important; }
@keyframes frEmblemSpin{ to{ transform:rotate(360deg); } }
                                                                      
#chatRain.free-rain::after{ content:"" !important; position:absolute !important; inset:0 !important; z-index:2 !important; pointer-events:none !important; border-radius:inherit !important;
  background:radial-gradient(42% 64% at 50% -12%, rgba(243, 204, 192,.18), transparent 70%) !important; }
                                                                    
#chatRain .fr-rain{ position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; overflow:hidden !important; border-radius:inherit !important;
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 12%, #000 90%, transparent) !important; mask-image:linear-gradient(180deg, transparent, #000 12%, #000 90%, transparent) !important; }
#chatRain .fr-rain i{ position:absolute !important; top:-34px !important; width:22px !important; height:22px !important; border-radius:0 !important;
  background:url('/assets/coin-3d.svg?v=1533') center/contain no-repeat !important; filter:drop-shadow(0 2px 5px rgba(0,0,0,.55)) !important;
  animation:frCoinFall linear infinite !important; will-change:transform,opacity !important; }
@keyframes frCoinFall{ 0%{ transform:translateY(-34px) rotate(0deg); opacity:0; } 10%{ opacity:1; } 88%{ opacity:1; } 100%{ transform:translateY(152px) rotate(230deg); opacity:0; } }
#chatRain .fr-rain i:nth-child(1){ left:1%;  width:15px; height:15px; animation-duration:3s;   animation-delay:0s;   opacity:.9 !important; }
#chatRain .fr-rain i:nth-child(2){ left:7%;  width:24px; height:24px; animation-duration:2.5s; animation-delay:.5s; }
#chatRain .fr-rain i:nth-child(3){ left:12%; width:18px; height:18px; animation-duration:2.9s; animation-delay:1.1s; }
#chatRain .fr-rain i:nth-child(4){ left:17%; width:13px; height:13px; animation-duration:3.3s; animation-delay:.3s;  opacity:.85 !important; }
#chatRain .fr-rain i:nth-child(5){ left:22%; width:26px; height:26px; animation-duration:2.4s; animation-delay:1.5s; }
#chatRain .fr-rain i:nth-child(6){ left:28%; width:19px; height:19px; animation-duration:2.8s; animation-delay:.8s; }
#chatRain .fr-rain i:nth-child(7){ left:33%; width:16px; height:16px; animation-duration:3.1s; animation-delay:1.9s; opacity:.88 !important; }
#chatRain .fr-rain i:nth-child(8){ left:39%; width:23px; height:23px; animation-duration:2.6s; animation-delay:.2s; }
#chatRain .fr-rain i:nth-child(9){ left:44%; width:14px; height:14px; animation-duration:3.4s; animation-delay:1.3s; opacity:.85 !important; }
#chatRain .fr-rain i:nth-child(10){ left:49%; width:25px; height:25px; animation-duration:2.5s; animation-delay:.6s; }
#chatRain .fr-rain i:nth-child(11){ left:55%; width:17px; height:17px; animation-duration:3s;   animation-delay:1.7s; }
#chatRain .fr-rain i:nth-child(12){ left:60%; width:20px; height:20px; animation-duration:2.7s; animation-delay:.4s; }
#chatRain .fr-rain i:nth-child(13){ left:65%; width:13px; height:13px; animation-duration:3.3s; animation-delay:1.1s; opacity:.85 !important; }
#chatRain .fr-rain i:nth-child(14){ left:70%; width:24px; height:24px; animation-duration:2.5s; animation-delay:2s; }
#chatRain .fr-rain i:nth-child(15){ left:76%; width:18px; height:18px; animation-duration:2.9s; animation-delay:.7s; }
#chatRain .fr-rain i:nth-child(16){ left:81%; width:15px; height:15px; animation-duration:3.2s; animation-delay:1.5s; opacity:.88 !important; }
#chatRain .fr-rain i:nth-child(17){ left:86%; width:22px; height:22px; animation-duration:2.6s; animation-delay:.1s; }
#chatRain .fr-rain i:nth-child(18){ left:91%; width:16px; height:16px; animation-duration:3.1s; animation-delay:1.2s; }
#chatRain .fr-rain i:nth-child(19){ left:95%; width:20px; height:20px; animation-duration:2.7s; animation-delay:1.9s; }
#chatRain .fr-rain i:nth-child(20){ left:98%; width:13px; height:13px; animation-duration:3.4s; animation-delay:.5s;  opacity:.82 !important; }
                     
#chatRain .fr-glow{ position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; border-radius:inherit !important;
  background:radial-gradient(42% 70% at 76% 50%, rgba(228, 138, 111,.16), transparent 72%) !important; animation:frGlowPulse 3s ease-in-out infinite !important; }
@keyframes frGlowPulse{ 0%,100%{ opacity:.5; } 50%{ opacity:.95; } }
                                                       
#chatRain .fr-row{ position:relative !important; z-index:3 !important; display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:5px 6px !important; min-width:0 !important; }
#chatRain .fr-title{ display:inline-flex !important; align-items:center !important; gap:5px !important; flex:0 1 auto !important; min-width:0 !important; overflow:hidden !important; white-space:nowrap !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:rgba(240, 190, 175,.72) !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important; }
#chatRain .fr-drop{ flex:0 0 auto !important; color:rgba(240, 190, 175,.8) !important; -webkit-text-fill-color:rgba(240, 190, 175,.8) !important; }
#chatRain .fr-info{ flex:0 0 auto !important; width:18px !important; height:18px !important; margin:0 !important; padding:0 !important; border-radius:50% !important; border:1px solid rgba(206, 66, 43,.45) !important; background:rgba(206, 66, 43,.12) !important; color:var(--gold2,#e0674a) !important; font:800 10px system-ui,sans-serif !important; cursor:pointer !important; display:grid !important; place-items:center !important; transition:background .15s, transform .1s !important; text-transform:none !important; letter-spacing:0 !important; }
#chatRain .fr-info:hover{ background:rgba(206, 66, 43,.26) !important; transform:scale(1.08) !important; border-color:rgba(206, 66, 43,.45) !important; }
                                                                                                
                                                                                    
.rfd-bal-info{ flex:0 0 auto; width:18px; height:18px; margin:0 6px 0 0; padding:0; border-radius:50%;
  border:1px solid rgba(206, 66, 43,.45); background:rgba(206, 66, 43,.12); color:var(--gold2,#e0674a);
  font:800 10px system-ui,sans-serif; cursor:pointer; display:grid; place-items:center;
  transition:background .15s, transform .1s; text-transform:none; letter-spacing:0; }
.rfd-bal-info:hover{ background:rgba(206, 66, 43,.26); transform:scale(1.08); }
#chatRain .fr-timer{ flex:0 0 auto !important; color:rgba(235, 216, 210,.85) !important; font-size:11px !important; font-weight:700 !important; font-variant-numeric:tabular-nums !important; background:rgba(0,0,0,.32) !important; padding:2px 7px !important; border-radius:7px !important; border:1px solid rgba(168, 110, 92,.22) !important; }
#chatRain .fr-pot{ flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:4px !important; font-size:16px !important; font-weight:800 !important; color:#f1c2b4 !important; text-shadow:0 0 16px rgba(228, 138, 111,.55) !important; font-variant-numeric:tabular-nums !important; }
#chatRain .fr-pot .coin-ico{ width:1em !important; height:1em !important; margin-right:0 !important; }
#chatRain .fr-actions{ display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; gap:7px !important; }
#chatRain .fr-right{ display:inline-flex !important; align-items:center !important; gap:5px !important; margin-left:auto !important; flex:0 1 auto !important; min-width:0 !important; justify-content:flex-end !important; }
                                                                                         
#chatRain .fr-brand{ display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; line-height:1 !important; min-width:0 !important; }
#chatRain .fr-brand-top{ display:inline-flex !important; align-items:center !important; gap:3px !important; font-size:9.5px !important; font-weight:800 !important; letter-spacing:.22em !important; text-transform:uppercase !important; color:rgba(240, 190, 175,.72) !important; margin-bottom:2px !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important; }
#chatRain .fr-brand-top .coin-ico{ width:11px !important; height:11px !important; margin-right:0 !important; }
#chatRain .fr-brand-main{ font-size:15px !important; font-weight:900 !important; letter-spacing:.01em !important; line-height:1 !important;
  background:linear-gradient(180deg,#eeb6a5,#de7353) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#de7353 !important;
  filter:drop-shadow(0 2px 5px rgba(222, 115, 83,.4)) !important; }
#chatRain .fr-potwrap{ display:inline-flex !important; flex-direction:column !important; align-items:center !important; gap:1px !important; flex:0 1 auto !important; min-width:0 !important;
  background:rgba(0,0,0,.34) !important; border:1px solid rgba(168, 110, 92,.26) !important; border-radius:12px !important; padding:4px 8px !important; }
#chatRain .fr-potwrap .fr-pot{ font-size:15px !important; max-width:100% !important; }
#chatRain .fr-potwrap .fr-timer{ background:none !important; border:none !important; padding:0 !important; font-size:9.5px !important; color:rgba(235, 216, 210,.68) !important; letter-spacing:.03em !important; }
#chatRain .fr-joined{ display:inline-flex !important; align-items:center !important; gap:4px !important; flex:0 0 auto !important; height:33px !important; padding:0 13px !important; border-radius:10px !important;
  font-size:12px !important; font-weight:800 !important; color:#7fe0a0 !important; background:rgba(74,222,128,.14) !important; border:1px solid rgba(74,222,128,.4) !important; }
                                                                                              
                                                                                                          
#chatRain .fr-actions[hidden], #chatRain .fr-joined[hidden], #chatRain .fr-join[hidden], #chatRain .fr-timer[hidden], #chatRain .fr-tip[hidden], #chatRain [hidden]{ display:none !important; }
#chatRain .fr-join{ position:relative !important; overflow:hidden !important; flex:0 0 auto !important; height:33px !important; padding:0 13px !important; border-radius:10px !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.04em !important; text-transform:uppercase !important; color:#270f07 !important; border:none !important;
  background:linear-gradient(180deg,#f3ccc0,#e6937a 46%,#da613c) !important;
  box-shadow:0 4px 13px rgba(218, 97, 60,.5), inset 0 1px 0 rgba(255,255,255,.75), inset 0 -2px 4px rgba(143, 54, 27,.25) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; cursor:pointer !important; transition:filter .15s, box-shadow .15s !important; }
#chatRain .fr-join:hover{ filter:brightness(1.08) !important; box-shadow:0 6px 17px rgba(220, 104, 69,.62), inset 0 1px 0 rgba(255,255,255,.7) !important; transform:none !important; }
#chatRain .fr-join:disabled{ cursor:default !important; }
#chatRain .fr-join:disabled:hover{ filter:none !important; }
#chatRain .fr-join:disabled:not(.joined){ filter:grayscale(.4) brightness(.82) !important; opacity:.72 !important; }
#chatRain .fr-join.joined{ background:rgba(74,222,128,.16) !important; color:#7fe0a0 !important; box-shadow:inset 0 0 0 1px rgba(74,222,128,.4) !important; }
#chatRain .fr-tip{ height:33px !important; width:33px !important; padding:0 !important; border-radius:10px !important; flex:0 0 auto !important;
  color:#270f07 !important; background:linear-gradient(180deg,#f3ccc0,#e6937a 46%,#da613c) !important; border:none !important;
  box-shadow:0 4px 13px rgba(218, 97, 60,.45), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -2px 4px rgba(143, 54, 27,.22) !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important; transition:filter .15s, box-shadow .15s !important; }
#chatRain .fr-tip:hover{ filter:brightness(1.08) !important; box-shadow:0 6px 17px rgba(220, 104, 69,.6), inset 0 1px 0 rgba(255,255,255,.7) !important; transform:none !important; }
#chatRain .fr-tip-ico{ width:18px !important; height:18px !important; display:block !important; flex:0 0 auto !important; }
#chatRain .fr-bar{ position:relative !important; z-index:3 !important; height:8px !important; margin-top:9px !important; border-radius:6px !important; border:1px solid rgba(228, 138, 111,.18) !important; background:rgba(0,0,0,.4) !important; overflow:hidden !important; }
#chatRain .fr-bar-fill{ position:absolute !important; top:0 !important; bottom:0 !important; left:0 !important; width:0; border-radius:inherit !important; background:rgba(228, 138, 111,.3) !important; transition:width .5s ease !important; }
#chatRain.free-rain.fr-active .fr-bar-fill{ background:linear-gradient(90deg,#f1c2b4,#db6642,#f1c2b4) !important; background-size:200% 100% !important; box-shadow:0 0 14px rgba(228, 138, 111,.55) !important; animation:frGoldShine 2.8s linear infinite !important; }
#chatRain .fr-bar-label{ position:relative !important; z-index:1 !important; display:none !important; }
#chatRain .fr-meta{ position:relative !important; z-index:3 !important; margin-top:7px !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.02em !important; color:rgba(240, 190, 175,.84) !important; text-shadow:0 1px 2px rgba(0,0,0,.55) !important; }
#chatRain.free-rain.fr-active .fr-meta{ color:rgba(235, 216, 210,.9) !important; font-variant-numeric:tabular-nums !important; }
@keyframes frGoldShine{ from{ background-position:0% 0; } to{ background-position:200% 0; } }
                                                                                                        
                                                                                                         
                                                                                                       
                                                                                                                  
[class*="btn"]:hover, [class*="card"]:hover, [class*="-row"]:hover, [class*="-tab"]:hover,
[class*="-chip"]:hover, [class*="-game"]:hover, [class*="-soc"]:hover,
.nav a:hover, .nav a:hover .nav-ico, .brand:hover .brand-icon-rust,
.chat-av:hover, .cw-av:hover, .emoji-pick:hover, .bstat:hover, .aff-metric:hover,
.hist-item:hover, .lb-row:hover, .rw-daily:hover,
.hm-btn-steam:hover svg, .cf-side-btn:hover .cf-side-coin{
  transform:none !important;
}
                                                            
.hm-sparks{ display:none !important; }

                                                                                                         
                                                                                                                  
.level-badge, .hm-promo-lvl-badge{ font-style:italic !important; font-weight:900 !important; letter-spacing:.3px !important; }
                                                               
                                
                                                                                         
                                                                              
                                                                                      
                                  
                                                                                            
                                                                                      
                                                   
                                                                                                 
.hm-promo-lvl-badge{ text-indent:-.3px !important; padding-right:1.5px !important; }
.level-badge, .hm-promo-lvl-badge{ color:#34140a !important;
  text-shadow:0 -1px 0 rgba(248, 227, 221,.55), 0 1px 0 rgba(74,46,10,.55), 0 2px 4px rgba(0,0,0,.28) !important; }
                                                                                                              
.hm-promo-lvl-badge.lvt1{--lvc:#a3948d}.hm-promo-lvl-badge.lvt2{--lvc:#af9f98}.hm-promo-lvl-badge.lvt3{--lvc:#baaba5}.hm-promo-lvl-badge.lvt4{--lvc:#be8972}.hm-promo-lvl-badge.lvt5{--lvc:#b6795f}.hm-promo-lvl-badge.lvt6{--lvc:#55a89b}.hm-promo-lvl-badge.lvt7{--lvc:#5aac86}.hm-promo-lvl-badge.lvt8{--lvc:#6bae76}.hm-promo-lvl-badge.lvt9{--lvc:#88b06c}.hm-promo-lvl-badge.lvt10{--lvc:#bf7b66}.hm-promo-lvl-badge.lvt11{--lvc:#cd785e}.hm-promo-lvl-badge.lvt12{--lvc:#d97658}.hm-promo-lvl-badge.lvt13{--lvc:#e07c5d}.hm-promo-lvl-badge.lvt14{--lvc:#e3876b}.hm-promo-lvl-badge.lvt15{--lvc:#e89e87}
.hm-promo-lvl-badge{ background:linear-gradient(150deg, var(--lvc,#a3948d), rgba(0,0,0,.34)) !important; color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.5) !important; box-shadow:0 8px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.18) !important; }
.level-title{ font-style:italic !important; }
                                                                                                 
                                                                                       
                                                                                              
.chat-msg-head .chat-lvl, .chat-lvl{
  font-family:var(--fd) !important; font-style:italic !important; font-weight:900 !important;
  font-size:10.5px !important; letter-spacing:.4px !important; line-height:1.5 !important;
  padding:1px 7px 1px 6px !important; min-width:23px !important; height:auto !important;
  border-radius:7px !important; text-align:center !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 1px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.34) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.4), 0 -1px 0 rgba(255,255,255,.32) !important;
}
.chat-msg-head .chat-lvl::before, .chat-lvl::before{ content:"" !important; }
                                                                                                       
                                                                                                   
                                                                                                    
                                                                                                                       
.pa-level.lvt1,.chat-lvl.lvt1,.chat-av.lvt1,.chat-av-lvl.lvt1,.lvl-pill.lvt1,.pf2-lvl.lvt1,.rc-lvl.lvt1,.affx-lvl-chip.lvt1,.hm-promo-lvl-badge.lvt1,.profile-avatar-btn:has(.pa-level.lvt1){ --lvc:#e6d9d3; --lvc2:#a6938b; }                   
.pa-level.lvt2,.chat-lvl.lvt2,.chat-av.lvt2,.chat-av-lvl.lvt2,.lvl-pill.lvt2,.pf2-lvl.lvt2,.rc-lvl.lvt2,.affx-lvl-chip.lvt2,.hm-promo-lvl-badge.lvt2,.profile-avatar-btn:has(.pa-level.lvt2){ --lvc:#dda38a; --lvc2:#b8633f; }                  
.pa-level.lvt3,.chat-lvl.lvt3,.chat-av.lvt3,.chat-av-lvl.lvt3,.lvl-pill.lvt3,.pf2-lvl.lvt3,.rc-lvl.lvt3,.affx-lvl-chip.lvt3,.hm-promo-lvl-badge.lvt3,.profile-avatar-btn:has(.pa-level.lvt3){ --lvc:#4fd39a; --lvc2:#2a9668; }                      
.pa-level.lvt4,.chat-lvl.lvt4,.chat-av.lvt4,.chat-av-lvl.lvt4,.lvl-pill.lvt4,.pf2-lvl.lvt4,.rc-lvl.lvt4,.affx-lvl-chip.lvt4,.hm-promo-lvl-badge.lvt4,.profile-avatar-btn:has(.pa-level.lvt4){ --lvc:#e48d73; --lvc2:#cf542f; }                   
.pa-level.lvt5,.chat-lvl.lvt5,.chat-av.lvt5,.chat-av-lvl.lvt5,.lvl-pill.lvt5,.pf2-lvl.lvt5,.rc-lvl.lvt5,.affx-lvl-chip.lvt5,.hm-promo-lvl-badge.lvt5,.profile-avatar-btn:has(.pa-level.lvt5){ --lvc:#f0973a; --lvc2:#c46516; }                     
.pa-level.lvt6,.chat-lvl.lvt6,.chat-av.lvt6,.chat-av-lvl.lvt6,.lvl-pill.lvt6,.pf2-lvl.lvt6,.rc-lvl.lvt6,.affx-lvl-chip.lvt6,.hm-promo-lvl-badge.lvt6,.profile-avatar-btn:has(.pa-level.lvt6){ --lvc:#ef6b5c; --lvc2:#c23a2f; }                    
.pa-level.lvt7,.chat-lvl.lvt7,.chat-av.lvt7,.chat-av-lvl.lvt7,.lvl-pill.lvt7,.pf2-lvl.lvt7,.rc-lvl.lvt7,.affx-lvl-chip.lvt7,.hm-promo-lvl-badge.lvt7,.profile-avatar-btn:has(.pa-level.lvt7){ --lvc:#cb5470; --lvc2:#862a41; }                    
.pa-level.lvt8,.chat-lvl.lvt8,.chat-av.lvt8,.chat-av-lvl.lvt8,.lvl-pill.lvt8,.pf2-lvl.lvt8,.rc-lvl.lvt8,.affx-lvl-chip.lvt8,.hm-promo-lvl-badge.lvt8,.profile-avatar-btn:has(.pa-level.lvt8){ --lvc:#4ec987; --lvc2:#278f57; }                    
.pa-level.lvt9,.chat-lvl.lvt9,.chat-av.lvt9,.chat-av-lvl.lvt9,.lvl-pill.lvt9,.pf2-lvl.lvt9,.rc-lvl.lvt9,.affx-lvl-chip.lvt9,.hm-promo-lvl-badge.lvt9,.profile-avatar-btn:has(.pa-level.lvt9){ --lvc:#3ec9c1; --lvc2:#17928c; }                        
.pa-level.lvt10,.chat-lvl.lvt10,.chat-av.lvt10,.chat-av-lvl.lvt10,.lvl-pill.lvt10,.pf2-lvl.lvt10,.rc-lvl.lvt10,.affx-lvl-chip.lvt10,.hm-promo-lvl-badge.lvt10,.profile-avatar-btn:has(.pa-level.lvt10){ --lvc:#d58e70; --lvc2:#bc5f37; }                   
.pa-level.lvt11,.chat-lvl.lvt11,.chat-av.lvt11,.chat-av-lvl.lvt11,.lvl-pill.lvt11,.pf2-lvl.lvt11,.rc-lvl.lvt11,.affx-lvl-chip.lvt11,.hm-promo-lvl-badge.lvt11,.profile-avatar-btn:has(.pa-level.lvt11){ --lvc:#cb714b; --lvc2:#814126; }                     
.pa-level.lvt12,.chat-lvl.lvt12,.chat-av.lvt12,.chat-av-lvl.lvt12,.lvl-pill.lvt12,.pf2-lvl.lvt12,.rc-lvl.lvt12,.affx-lvl-chip.lvt12,.hm-promo-lvl-badge.lvt12,.profile-avatar-btn:has(.pa-level.lvt12){ --lvc:#d9977a; --lvc2:#b35a34; }                       
.pa-level.lvt13,.chat-lvl.lvt13,.chat-av.lvt13,.chat-av-lvl.lvt13,.lvl-pill.lvt13,.pf2-lvl.lvt13,.rc-lvl.lvt13,.affx-lvl-chip.lvt13,.hm-promo-lvl-badge.lvt13,.profile-avatar-btn:has(.pa-level.lvt13){ --lvc:#d94fa8; --lvc2:#a02876; }                        
.pa-level.lvt14,.chat-lvl.lvt14,.chat-av.lvt14,.chat-av-lvl.lvt14,.lvl-pill.lvt14,.pf2-lvl.lvt14,.rc-lvl.lvt14,.affx-lvl-chip.lvt14,.hm-promo-lvl-badge.lvt14,.profile-avatar-btn:has(.pa-level.lvt14){ --lvc:#f077c1; --lvc2:#c53a8c; }                     
.pa-level.lvt15,.chat-lvl.lvt15,.chat-av.lvt15,.chat-av-lvl.lvt15,.lvl-pill.lvt15,.pf2-lvl.lvt15,.rc-lvl.lvt15,.affx-lvl-chip.lvt15,.hm-promo-lvl-badge.lvt15,.profile-avatar-btn:has(.pa-level.lvt15){ --lvc:#3fd6d0; --lvc2:#1a9995; }                     
.pa-level.lvt16,.chat-lvl.lvt16,.chat-av.lvt16,.chat-av-lvl.lvt16,.lvl-pill.lvt16,.pf2-lvl.lvt16,.rc-lvl.lvt16,.affx-lvl-chip.lvt16,.hm-promo-lvl-badge.lvt16,.profile-avatar-btn:has(.pa-level.lvt16){ --lvc:#f3cdc1; --lvc2:#c98b78; }                      
                                                                                  
.chat-msg-head .chat-lvl[class*="lvt"], .chat-lvl[class*="lvt"], .hm-promo-lvl-badge[class*="lvt"], .lvl-pill[class*="lvt"], .pa-level[class*="lvt"], .chat-av-lvl[class*="lvt"], .pf2-lvl[class*="lvt"], .rc-lvl[class*="lvt"], .affx-lvl-chip[class*="lvt"]{
  background:linear-gradient(135deg, var(--lvc,#e6d9d3), var(--lvc2,#a6938b)) !important; color:#fff !important;
}
                                                                                           
                                                                                        
                                                                                          
                                                                                 
.rc-lvl[class*="lvt"], .lb-lvl[class*="lvt"], .affx-lvl-chip[class*="lvt"]{
  background:linear-gradient(135deg, var(--lvc,#e6d9d3), var(--lvc2,#a6938b)) !important;
  color:#fff !important;
  box-shadow:0 2px 5px color-mix(in srgb, var(--lvc,#ad9185) 30%, transparent) !important;
}
                                                                                                     
                                                                                                               
.pa-level.lvt15,.chat-lvl.lvt15,.chat-av.lvt15,.chat-av-lvl.lvt15,.lvl-pill.lvt15,.pf2-lvl.lvt15,.rc-lvl.lvt15,.affx-lvl-chip.lvt15,.hm-promo-lvl-badge.lvt15,.profile-avatar-btn:has(.pa-level.lvt15){ --lvc:#f4e0d8; --lvc2:#dda48c; }
.chat-msg-head .chat-lvl.lvt15, .chat-lvl.lvt15, .hm-promo-lvl-badge.lvt15, .lvl-pill.lvt15,.pf2-lvl.lvt15,.rc-lvl.lvt15,.affx-lvl-chip.lvt15, .pa-level.lvt15, .chat-av-lvl.lvt15, .chat-av.lvt15{
  background:linear-gradient(115deg,#faf2ef 0%,#eac5b5 20%,#d79275 38%,#f8ede9 52%,#e2b19c 70%,#efd5ca 100%) !important;
  background-size:280% 100% !important; color:#3b1e11 !important;
  animation:lvtDiamond 3.4s linear infinite !important;
  box-shadow:0 0 10px -1px rgba(150,215,255,.78), 0 1px 3px rgba(0,0,0,.55) !important;
}
@keyframes lvtDiamond{ 0%{ background-position:0% 0; } 100%{ background-position:280% 0; } }
.pa-level.lvt16,.chat-lvl.lvt16,.chat-av.lvt16,.chat-av-lvl.lvt16,.lvl-pill.lvt16,.pf2-lvl.lvt16,.rc-lvl.lvt16,.affx-lvl-chip.lvt16,.hm-promo-lvl-badge.lvt16,.profile-avatar-btn:has(.pa-level.lvt16){ --lvc:#ff8be6; --lvc2:#da9c81; }
.chat-msg-head .chat-lvl.lvt16, .chat-lvl.lvt16, .hm-promo-lvl-badge.lvt16, .lvl-pill.lvt16,.pf2-lvl.lvt16,.rc-lvl.lvt16,.affx-lvl-chip.lvt16, .pa-level.lvt16, .chat-av-lvl.lvt16, .chat-av.lvt16{
  background:linear-gradient(115deg,#ff6ec7 0%,#e89c85 20%,#6ef0c8 40%,#dea78f 60%,#dea78f 80%,#ff6ec7 100%) !important;
  background-size:300% 100% !important; color:#391d11 !important;
  animation:lvtHype 2.4s linear infinite !important;
  box-shadow:0 0 14px -1px rgba(255,140,230,.82), 0 0 6px rgba(120,200,255,.6), 0 1px 3px rgba(0,0,0,.55) !important;
}
@keyframes lvtHype{ 0%{ background-position:0% 0; } 100%{ background-position:300% 0; } }
                                                                               
.pa-level{ box-shadow:0 1px 3px rgba(0,0,0,.6), 0 0 6px -1px var(--lvc,#a3948d) !important; }
.lvl-pill, .chat-av-lvl, .chat-av{ box-shadow:0 0 8px -3px var(--lvc); }
                                                                            
.chat-msg-head .chat-lvl[class*="lvt"], .chat-lvl[class*="lvt"]{ color:#fff !important; }
                                                                                             
.level-fill, .hm-promo-lvl-bar span, .rw-level-mid .level-fill{ background:linear-gradient(90deg,#ce422b,#e0674a) !important; box-shadow:0 0 12px rgba(206, 66, 43,.45) !important; }

                                                                                              
.rw-code-grid{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px !important; align-items:start !important; }
.rw-code-grid .section-block{ margin:0 !important; }
.rw-code-grid .rw-daily{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:12px !important; }
.rw-code-grid .rw-daily-body{ flex:1 1 150px !important; min-width:0 !important; }
.rw-code-grid .rw-promo-input{ flex:1 1 100% !important; width:100% !important; display:flex !important; gap:8px !important; margin-top:2px !important; }
.rw-code-grid .rw-promo-input input{ height:40px !important; font-size:13px; padding:0 13px !important; flex:1 1 auto !important; min-width:0 !important; }
.rw-code-grid .rw-promo-input .app-modal__btn, .rw-code-grid .rw-promo-input button{ height:40px !important; min-height:0 !important; width:auto !important; padding:0 20px !important; font-size:13px; flex:0 0 auto !important; white-space:nowrap !important; }
@media (max-width:760px){ .rw-code-grid{ grid-template-columns:1fr !important; } }

                                                                                            
.rb-card.rb-weekly{ border-color:rgba(206, 66, 43,.3) !important; }
.rb-weekly::before{ background:linear-gradient(90deg,#eeb8a8,#d96a48) !important; }
.rb-weekly::after{ background:radial-gradient(rgba(234, 164, 142,.26),transparent 70%) !important; }
.rb-weekly .rb-period{ color:#e59177 !important; }

                                                                                             
.level-card .level-badge, .level-badge{ background:linear-gradient(145deg,#e0674a,#ce422b) !important; color:#200c06 !important; box-shadow:0 6px 16px rgba(206, 66, 43,.34) !important; border:none !important; }
.level-card{ border-color:rgba(206, 66, 43,.22) !important; }
.prof-solo{ max-width:560px !important; margin:0 auto !important; }

                                                                        
.chat-emote{ height:24px !important; width:auto !important; max-width:96px !important; vertical-align:-7px !important; margin:0 1px !important; display:inline-block !important; }
                                                                                                         
.chat-reply-quote .chat-emote, #chatReplyText .chat-emote, #chatReplyBar .chat-emote{ height:15px !important; max-width:42px !important; vertical-align:-3px !important; }
#chatEmojiPop.emote-pop{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:4px !important; max-height:244px !important; overflow-y:auto !important; padding:8px !important; width:270px !important; }
#chatEmojiPop.emote-pop[hidden]{ display:none !important; }                                                                        
#chatEmojiPop.emote-pop .emote-pick{ width:38px !important; height:38px !important; padding:3px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:8px !important; background:transparent !important; border:none !important; cursor:pointer !important; overflow:hidden !important; }
#chatEmojiPop.emote-pop .emote-pick:hover{ background:rgba(215, 85, 57,.16) !important; }
#chatEmojiPop.emote-pop .emote-pick img{ max-width:100% !important; max-height:100% !important; object-fit:contain !important; }
#chatEmojiPop.emote-pop .emote-pick.emote-missing{ font-size:8px !important; color:#b5a29a !important; background:rgba(215, 85, 57,.05) !important; border:1px dashed rgba(176, 138, 120,.18) !important; word-break:break-word !important; text-align:center !important; line-height:1.12 !important; padding:3px !important; }
#chatEmojiPop.emote-pop .emote-empty{ grid-column:1 / -1 !important; text-align:center !important; color:#b5a29a !important; font-size:12px !important; padding:18px 8px !important; }

                                                
.lb-page-head{ position:relative !important; }

                                                                      
#chatEmojiPop.emote-pop{ width:min(270px,92vw) !important; }                                                   
.hist-page-wrap{ max-width:640px !important; margin:0 auto !important; }                                                             

                                                                                                     
                                                                                                     
                                                                                                       
@media (min-width:761px){
  body .site-footer{ position:relative !important; padding-top:30px !important; padding-bottom:26px !important; }
  body .site-footer .ftr-inner{ position:static !important; }                                                                                                                          
  body .site-footer .ftr-art{ position:absolute !important; bottom:0 !important; top:auto !important; right:clamp(16px,4vw,64px) !important; left:auto !important; transform:none !important;
    height:auto !important; width:auto !important; margin:0 !important; padding:0 !important; display:block !important; z-index:0 !important; pointer-events:none !important; }
  body .site-footer .ftr-art-photo{ position:static !important; inset:auto !important; display:block !important; height:96px !important; width:auto !important; max-width:210px !important; object-fit:contain !important; object-position:bottom !important; margin:0 !important; transform:none !important; }
  body .site-footer .ftr-art-svg{ display:none !important; }
}
@media (max-width:760px){
  body .site-footer{ overflow:hidden !important; }
  body .site-footer .ftr-art{ position:static !important; height:auto !important; transform:none !important; margin:10px auto 0 !important; display:flex !important; justify-content:center !important; }
  body .site-footer .ftr-art-photo{ position:static !important; inset:auto !important; height:92px !important; width:auto !important; margin:0 auto !important; }
  body .site-footer .ftr-art-svg{ display:none !important; }
}

                                                                                                       
                                                                                                                    
.rfd-spin{ flex:0 0 auto !important; width:100%; box-sizing:border-box; max-height:0; overflow:hidden; opacity:0; margin:0; transition:max-height .42s ease, opacity .3s ease, margin-top .42s ease; }
.rfd-spin.open{ max-height:214px; opacity:1; margin-top:12px; }
.rfd-spin.closing{ max-height:0 !important; opacity:0 !important; margin-top:0 !important; }
.rfd-sp-label{ text-align:center; font:800 13px var(--fu,inherit); color:var(--t2); margin-bottom:9px; letter-spacing:.02em; }
.rfd-spin.done .rfd-sp-label{ color:#f1c2b4; font-size:14px; }
.rfd-sp-window{ position:relative; height:98px; overflow:hidden; border-radius:12px; background:linear-gradient(180deg, rgba(0,0,0,.42), rgba(20, 11, 8,.5)); border:1px solid rgba(224, 149, 74,.24); box-shadow:inset 0 0 26px rgba(0,0,0,.5); }
.rfd-sp-fade{ position:absolute; top:0; bottom:0; width:52px; z-index:4; pointer-events:none; }
.rfd-sp-fade-l{ left:0; background:linear-gradient(90deg, rgba(14, 9, 8,.92), transparent); }
.rfd-sp-fade-r{ right:0; background:linear-gradient(270deg, rgba(14, 9, 8,.92), transparent); }
.rfd-sp-pointer{ position:absolute; left:50%; top:0; bottom:0; width:3px; transform:translateX(-50%); z-index:5; background:linear-gradient(180deg,#eaa48f,#de7353); box-shadow:0 0 14px rgba(222, 115, 83,.9); }
.rfd-sp-pointer::before, .rfd-sp-pointer::after{ content:""; position:absolute; left:50%; transform:translateX(-50%); border-left:7px solid transparent; border-right:7px solid transparent; }
.rfd-sp-pointer::before{ top:-1px; border-top:10px solid #eaa48f; }
.rfd-sp-pointer::after{ bottom:-1px; border-bottom:10px solid #eaa48f; }
.rfd-sp-track{ position:absolute; top:0; left:0; height:100%; display:flex; align-items:center; padding:0 8px; will-change:transform; }
.rfd-sp-item{ flex:0 0 auto; width:64px; height:64px; margin:0; padding:0; display:flex; align-items:center; justify-content:center; opacity:.78; transition:opacity .3s; position:relative; }
.rfd-sp-item img, .rfd-sp-fb{ width:64px; height:64px; border-radius:0; object-fit:cover; border:none; box-shadow:inset 0 0 0 1px rgba(0,0,0,.35); background:#1d1512; display:grid; place-items:center; }
.rfd-sp-fb{ font:800 22px var(--fu,inherit); color:var(--t2); }
.rfd-sp-item.lit{ opacity:1; z-index:2; }
.rfd-sp-item.lit img, .rfd-sp-item.lit .rfd-sp-fb{ box-shadow:0 0 20px rgba(222, 115, 83,.85), inset 0 0 0 2px #eaa48f; transform:scale(1.04); }

                                                                                                      
                                                                                                       
                                  
@media (min-width:761px){
  :root{ --topbar-h: 92px; }
  .topbar-inner{ min-height:92px !important; }
                                                                                                 
                                                                                                
                                                                                                
                                                                                                
  @media (pointer:coarse) and (max-height:520px){
    .topbar-inner{ min-height:52px !important; }
    .brand-logo, .brand img{ max-height:26px !important; }
  }
  .brand-logo{ height:62px !important; }
}
@media (max-width:760px){
  .brand-logo{ height:44px !important; }
}

                                                                                                        
                                                                                                       
                                                                                                            
                                                                
                                                                                                    
                                                                                                          
                                                                                                         
                                                                                                          
                                                                                                          
                                                       
                                                                                                 
                                                                                                      
                                                                                                    
                                                                                                      
                                                                                            
@media (min-width:1100px){
                                                                                               
                                                                                                 
}
                                                                                                     

                                                      
.canta-sub-amt{ display:inline-flex; align-items:center; gap:4px; vertical-align:baseline; }
.canta-sub-amt .coin-ico{ width:13px; height:13px; flex:0 0 13px; }
.canta-sub-amt + .canta-sub-amt{ margin-left:2px; }

                                                                                           
                                                                                                
                                                                                               
                                                                                             
                                                                                                
                          

                                                                                              
                                                                                                  
                                                                                            

                                                                                                  
                                                                                              
                                  
.coin-amt,
.coin-amt .coin-d,
.coin-amt .coin-c{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  text-shadow:none !important;
}
.coin-amt .coin-d{ opacity:1 !important; }
.coin-amt .coin-c{ opacity:.5 !important; }

                                                                                                
                                                                           
button .coin-amt, button .coin-amt .coin-d, button .coin-amt .coin-c,
.btn .coin-amt, .btn .coin-amt .coin-d, .btn .coin-amt .coin-c,
.btn-primary .coin-amt, .btn-primary .coin-amt .coin-d, .btn-primary .coin-amt .coin-c,
.skin-btn .coin-amt, .skin-btn .coin-amt .coin-d, .skin-btn .coin-amt .coin-c,
[role="button"] .coin-amt, [role="button"] .coin-amt .coin-d, [role="button"] .coin-amt .coin-c{
  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:inherit !important;
}
button .coin-amt .coin-c, .btn .coin-amt .coin-c, .btn-primary .coin-amt .coin-c,
.skin-btn .coin-amt .coin-c, [role="button"] .coin-amt .coin-c{ opacity:.5 !important; }
                                                                                              
                                                                 
.coin-fmt-ghost .coin-c{ opacity:.45 !important; }

                                                                                               
                                                                                                
                                                                                                
                                  

                                                                                                
                                                                                                    
                                                                                                 
                                                                                                
                                                                                       

                                                                                                     
                                                                                               
                                                                                                
                                                                                                
                                                                                            
                                                                                           

                                                                                                      
                                                                                                   
            
.cf-create-card .cf-wager-section{
  max-width:none !important;                                                                         
  width:100% !important;
  align-items:center !important;
}
.cf-create-card .cf-wager-section > #cfSkinBtn,
.cf-create-card .cf-wager-section > .cf-skin-btn,
.cf-create-card .cf-wager-section > .cf-create-btn,
.cf-create-card .cf-wager-section > .arena-msg{
  width:100% !important;
  max-width:360px !important;                                                                            
  margin-left:auto !important;
  margin-right:auto !important;
}

                                                                                               
                                                                                                  
                                                                                                 
                                                                                             
                                   
.player-panel.champ-handover{ overflow:visible !important; z-index:30; }
.player-panel.champ-handover .char-display{ overflow:visible !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .player-panel.champ-handover .rust-char-wrap{ transition:none !important; }
}
.topbar nav a[data-nb="rustpot"]{ --nb:#ef4444; }
.topbar nav a[data-nb="champion"]{ --nb:#e0954a; }
.topbar nav a[data-nb="coinflip"]{ --nb:#f0912e; }
.topbar nav a[data-nb="mk"]{ --nb:#e2b19c; }
.topbar nav a[data-nb="rc"]{ --nb:#4ade80; }
.topbar nav a[data-nb="rw"]{ --nb:#e3b29d; }
.topbar nav a[data-nb] .nav-ico{ color:var(--nb) !important; }
.topbar nav a[data-nb].active .nav-ico{ color:var(--nb) !important; filter:drop-shadow(0 0 6px var(--nb)) !important; }
.topbar nav a[data-nb] .nav-ico{ transition:transform .18s ease,filter .18s ease !important; }
.topbar nav a[data-nb]:hover .nav-ico{ transform:translateY(-2px) scale(1.2) rotate(-6deg) !important; filter:drop-shadow(0 0 7px var(--nb)) !important; }
.topbar nav a[data-nb="rustpot"]:hover .nav-ico,.topbar nav a[data-nb="champion"]:hover .nav-ico,.topbar nav a[data-nb="coinflip"]:hover .nav-ico{ transform:none !important; filter:none !important; animation:none !important; }
.topbar nav a[data-nb="rustpot"] .nav-ico svg,.topbar nav a[data-nb="champion"] .nav-ico svg,.topbar nav a[data-nb="coinflip"] .nav-ico svg{ transform-origin:50% 50%; overflow:visible; }
.topbar nav a[data-nb="rustpot"]:hover .nav-ico svg{ animation:ngmPulse 1.15s ease-in-out infinite; filter:drop-shadow(0 0 7px rgba(239,68,68,.75)); }
.topbar nav a[data-nb="champion"]:hover .nav-ico svg{ animation:ngmCrownShake .5s ease-in-out; filter:drop-shadow(0 0 7px rgba(206, 66, 43,.9)); }
.topbar nav a[data-nb="coinflip"] .nav-ico{ perspective:220px; }
.topbar nav a[data-nb="coinflip"]:hover .nav-ico svg{ animation:ngmFlip .7s cubic-bezier(.4,.05,.3,1); }
.topbar nav a[data-nb="mk"] .nav-ico svg{ fill:currentColor !important; stroke:none !important; width:24px !important; height:24px !important; margin:-2px; }
.topbar nav a[data-nb="rustpot"],.topbar nav a[data-nb="champion"],.topbar nav a[data-nb="coinflip"]{ align-items:center; }
.nav-label{ display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; line-height:1.05; }
.nav-info{ display:block; max-width:108px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--nb); font-size:9px; font-weight:800; letter-spacing:.02em; line-height:1.1; }
.nav-info .coin-amt{ font:inherit !important; line-height:1 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
.nav-info .coin-d{ color:#fff !important; -webkit-text-fill-color:#fff !important; font-weight:800 !important; opacity:1 !important; }
.nav-info .coin-c{ color:#a69892 !important; -webkit-text-fill-color:#a69892 !important; font-weight:800 !important; opacity:1 !important; }
.nav-info .coin-ico{ width:10px !important; height:10px !important; margin:0 3px 0 0 !important; filter:none !important; }
@media (max-width:860px){ .nav-info{ max-width:78px; font-size:8px; margin-top:2px; } }
@media (max-width:480px){ .nav-info{ max-width:62px; font-size:7.5px; } }
#predWidget{ position:fixed; right:18px; bottom:96px; width:308px; max-width:calc(100vw - 32px); z-index:205;
  background:var(--card,#261a15); border:1px solid rgba(226, 130, 100,.55);
  border-radius:16px; box-shadow:0 22px 60px rgba(0,0,0,.68), 0 0 58px rgba(226, 130, 100,.42), inset 0 0 0 1px rgba(237, 177, 158,.16); overflow:hidden;
  font-family:system-ui,-apple-system,sans-serif; animation:predPop .5s cubic-bezier(.2,.9,.3,1.15); box-shadow:0 22px 60px rgba(0,0,0,.68), 0 0 50px rgba(226, 130, 100,.4), inset 0 0 0 1px rgba(237, 177, 158,.18); }
@keyframes predGlow{ 0%,100%{ box-shadow:0 22px 60px rgba(0,0,0,.68), 0 0 44px rgba(226, 130, 100,.32), inset 0 0 0 1px rgba(237, 177, 158,.16); } 50%{ box-shadow:0 22px 60px rgba(0,0,0,.68), 0 0 78px rgba(226, 130, 100,.6), inset 0 0 0 1px rgba(237, 177, 158,.22); } }
@keyframes predPop{ 0%{ transform:translateY(24px) scale(.94); opacity:0; } 100%{ transform:none; opacity:1; } }
#predWidget[hidden]{ display:none !important; }
#predWidget::before{ content:""; position:absolute; inset:0; border-radius:16px; padding:1px; pointer-events:none; z-index:3;
  background:linear-gradient(120deg, rgba(226, 130, 100,.7), rgba(226, 130, 100,0) 38%, rgba(226, 130, 100,0) 62%, rgba(226, 130, 100,.7));
  background-size:220% 100%; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; }
@keyframes predSheen{ 0%{ background-position:120% 0; } 100%{ background-position:-120% 0; } }
#predWidget .pred-w-head{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:11px 13px;
  background:linear-gradient(95deg, #e6947b 0%, #df7758 48%, #e38669 100%); border-bottom:1px solid rgba(237, 177, 158,.5); overflow:hidden; }
#predWidget .pred-w-head::after{ content:""; position:absolute; top:0; left:-60%; width:45%; height:100%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent); display:none; }
@keyframes predShimmer{ 0%,55%{ left:-60%; } 100%{ left:160%; } }
#predWidget .pred-w-title{ position:relative; z-index:1; display:flex; align-items:center; gap:7px; font-weight:900; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:#2a1008; text-shadow:0 1px 0 rgba(255,255,255,.25); }
#predWidget .pred-w-min{ position:relative; z-index:1; background:none; border:0; color:#2a1008; font-size:20px; line-height:1; cursor:pointer; padding:0 4px; opacity:.7; }
#predWidget .pred-w-live{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:4px; margin-left:9px; margin-right:auto; background:transparent; box-shadow:none; font-weight:900; font-size:9.5px; letter-spacing:.12em; color:#8a0f0f; }
#predWidget .pred-w-live i{ width:7px; height:7px; border-radius:50%; background:#e11d1d; box-shadow:0 0 0 0 rgba(198,40,40,.7); animation:predLive 1.6s ease-out infinite; }
@keyframes predLive{ 0%{ box-shadow:0 0 0 0 rgba(198,40,40,.7); } 70%{ box-shadow:0 0 0 6px rgba(198,40,40,0); } 100%{ box-shadow:0 0 0 0 rgba(198,40,40,0); } }
#predWidget .pred-w-min:hover{ opacity:1; }
#predWidget .pred-w-close{ position:relative; z-index:1; background:none; border:0; color:#2a1008; font-size:15px; line-height:1; cursor:pointer; padding:0 2px 0 4px; opacity:.65; transition:opacity .15s; }
#predWidget .pred-w-close:hover{ opacity:1; }
@media (max-width:680px){
  #predWidget{ width:min(250px, calc(100vw - 24px)) !important; right:10px !important; bottom:80px !important; }
  #predWidget .pred-w-title{ font-size:11.5px !important; }
  #predWidget .pred-opt{ font-size:11.5px !important; padding:8px 10px !important; }
}
#predWidget .pred-w-body{ position:relative; padding:14px 13px; background:radial-gradient(120% 80% at 50% -10%, rgba(226, 130, 100,.09), rgba(226, 130, 100,0) 60%), linear-gradient(180deg, rgba(237, 177, 158,.03), rgba(0,0,0,.14)); }
#predWidget .pred-w-q{ position:relative; z-index:1; font-weight:800; font-size:15.5px; color:#fae9e3; line-height:1.32; margin-bottom:6px; text-shadow:0 1px 10px rgba(226, 130, 100,.28); }
#predWidget .pred-w-reward{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:4px; font-size:10.5px; color:#dac2ba; margin-bottom:11px; padding:3px 9px; border-radius:999px; background:linear-gradient(180deg, rgba(226, 130, 100,.1), rgba(226, 130, 100,.04)); border:1px solid rgba(226, 130, 100,.22); }
#predWidget .pred-w-reward b{ color:#e79981; font-size:12px; font-weight:800; text-shadow:0 0 6px rgba(226, 130, 100,.35); }
#predWidget .pred-w-opts{ display:flex; flex-direction:column; gap:8px; }
#predWidget .pred-opt{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:10px 12px; border-radius:11px; border:1px solid rgba(226, 130, 100,.22); background:rgba(255,255,255,.03); color:#f6e1da; font-weight:600; font-size:12.5px; cursor:pointer; overflow:hidden; text-align:left; transition:transform .12s ease, border-color .15s, box-shadow .15s; }
#predWidget .pred-opt:hover:not(:disabled){ border-color:rgba(226, 130, 100,.6); transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,.32), 0 0 0 1px rgba(226, 130, 100,.25); background:rgba(226, 130, 100,.05); }
#predWidget .pred-opt:active:not(:disabled){ transform:translateY(0) scale(.99); }
#predWidget .pred-opt.picked{ border-color:#d75539; box-shadow:inset 0 0 0 2px rgba(226, 130, 100,.6), 0 0 16px rgba(226, 130, 100,.22); background:rgba(226, 130, 100,.06); }
#predWidget .pred-opt-check{ position:relative; z-index:1; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; background:linear-gradient(180deg,#ecaf9d,#de7352); color:#1a0b06; font-size:10px; font-weight:900; line-height:1; margin-left:6px; box-shadow:0 1px 3px rgba(0,0,0,.4), 0 0 8px rgba(226, 130, 100,.5); }
#predWidget .pred-opt-bar{ position:absolute; left:0; top:0; bottom:0; z-index:0; background:linear-gradient(90deg,rgba(226, 130, 100,.36),rgba(226, 130, 100,.1)); box-shadow:inset -1px 0 0 rgba(226, 130, 100,.4); transition:width .6s cubic-bezier(.3,.8,.3,1); }
#predWidget .pred-opt.picked .pred-opt-bar{ background:linear-gradient(90deg,rgba(226, 130, 100,.52),rgba(226, 130, 100,.18)); box-shadow:inset -1px 0 0 rgba(237, 177, 158,.6); }
#predWidget .pred-opt-lb{ position:relative; z-index:1; flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#predWidget .pred-opt-pc{ position:relative; z-index:1; flex:0 0 auto; margin-left:auto; font-weight:800; color:#d75539; font-size:13px; }
#predWidget .pred-w-foot{ margin-top:10px; font-size:10.5px; color:#9a9488; text-align:center; }
#predWidget.mini .pred-w-body{ display:none; }
@media (min-width:901px){ body.chat-open #predWidget{ right:358px; bottom:24px; } }
@media (max-width:640px){ #predWidget{ right:10px; bottom:84px; width:270px; } }
#rfdMobileToggle.has-live-guess{ position:relative; }
#rfdMobileToggle.has-live-guess::after{ content:""; position:absolute; top:-2px; right:-2px; width:11px; height:11px; border-radius:50%; background:#e11d1d; border:2px solid var(--bg,#1c1512); box-shadow:0 0 0 0 rgba(225,29,29,.75); animation:predLive 1.6s ease-out infinite; z-index:5; }
@media (max-width:720px), (pointer:coarse){
  .rw-code-grid .rw-promo-input input{height:44px!important;min-height:44px!important;font-size:16px!important}
  .rw-code-grid .rw-promo-input .app-modal__btn,.rw-code-grid .rw-promo-input button{height:44px!important;min-height:44px!important}
}
