:root{
  --bg: #281C1C;
  --bg2: #211616;
  --card: #322020;
  --card2: #3a2525;
  --p: #CE422B;
  --p2: #CE422B;
  --p3: #CE422B;
  --p4: #f4ded9;
  --pg: rgba(206,66,43,.34);
  --pg2: rgba(206,66,43,.15);
  --gold: #CE422B;
  --gold2: #CE422B;
  --red: #CE422B;
  --red2: #E8A096;
  --grn: #22c55e;
  --grn2: #CE422B;
  --t1: #f4eae8;
  --t2: #c7b8b5;
  --t3: #907a76;
  --ln: rgba(206,66,43,.13);
  --ln2: rgba(206,66,43,.23);
  --fd: "Bahnschrift","Segoe UI Variable Display","Aptos Display",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --fhd: "Bahnschrift","Segoe UI Variable Display","Aptos Display",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --fu: system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --fm: ui-monospace,"Cascadia Code","Segoe UI Mono",Menlo,Consolas,"Noto Sans Mono",monospace;
  --font-display: var(--fd);
  --font-ui: var(--fu);
  --font-mono: var(--fm);
  --hp-green: #22c55e;
  --hp-yellow: #D98778;
  --hp-orange: #E66A55;
  --hp-red: #CE422B;
  --line: rgba(206,66,43,.11);
  --line2: rgba(206,66,43,.20);
  --green2: #CE422B;
  --pos: #4ade80;
  --pglow: rgba(206,66,43,.30);
  --pglow2: rgba(206,66,43,.14);
  --r: 18px;
  --r2: 12px;
  --topbar-h: 64px;
  --ink: #f4eae8;
  --accent: #CE422B;
  --accent2: #CE422B;
  --radius: 14px;
  --rust: #CE422B;
  --rust2: #CE422B;
  --rust3: #CE422B;
  --steel: #4a3030;
  --steel2: #2e1e1e;
  --rust-bg: #281C1C;
  --rust-bg2: #211616;
  --rust-card: #322020;
  --rust-card2: #3a2525;
  --rust-ln: rgba(206,66,43,.13);
  --rust-ln2: rgba(206,66,43,.23);
  --topstrip-h: 0px;
  --vio: #CE422B;
  --vio2: #CE422B;
  --vio3: #CE422B;
  --vio-soft: rgba(206,66,43,.13);
  --vio-line: rgba(206,66,43,.30);
  --rr-css-build: 39;
  --game-champion: #CE422B;
  --game-rustpot: #CE422B;
  --game-rustflip: #E66A55;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }
input, textarea, select, [contenteditable="true"], [contenteditable="true"] * {
  -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important;
}
img, svg, picture, video, canvas, a, .skin-img, .ss-th, .cps-th {
  -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;
}
img { -webkit-touch-callout: none; pointer-events: auto; }
html { scroll-behavior: smooth; }
a    { text-decoration: none; color: inherit; }
button, input, select { font: inherit; border: 0; background: transparent; color: inherit; cursor: pointer; }
img  { display: block; max-width: 100%; }

body {
  font-family: var(--fu);
  font-size: 16px;
  font-weight: 500;
  color: var(--t1);
  background:
    radial-gradient(ellipse at 20% 0%, rgba(206,66,43,.18) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 0%, rgba(206,66,43,.08) 0%, transparent 42%),
    radial-gradient(ellipse at 50% 100%, rgba(70,35,30,.34) 0%, transparent 52%),
    linear-gradient(180deg, #1a1111 0%, #281C1C 100%);
  min-height: 100vh;
  overflow-x: hidden;
}
.grain {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
}
.scanlines {
  position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .35;
  background: repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);
}
.topbar {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(40,28,28,.94);
  border-bottom: 1px solid var(--ln);
  backdrop-filter: blur(22px);
}
.topbar-inner {
  width: min(1340px,98vw); margin: auto;
  min-height: 68px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 12px;
}
.brand { display: flex; align-items: center; gap: 10px; justify-self: start; }
.brand-icon {
  width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--p2), var(--p));
  display: grid; place-items: center;
  font-size: 18px;
  box-shadow: 0 0 20px var(--pg);
}
.brand b {
  display: block; font-family: var(--fd);
  font-size: 22px; letter-spacing: .08em; color: var(--p4);
}
.brand small {
  display: block; font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--t3);
}
.nav {
  justify-self: center;
  display: flex; gap: 3px;
  padding: 4px;
  border: 1px solid var(--ln);
  border-radius: 999px;
  background: rgba(201,108,91,.06);
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}
.nav::-webkit-scrollbar { display: none; }
.nav a {
  min-height: 32px; padding: 0 9px;
  border-radius: 999px;
  display: flex; align-items: center; gap: 4px;
  font-size: 12px; font-weight: 600; color: var(--t3);
  white-space: nowrap;
  transition: background .16s, color .16s;
}
@media (min-width: 1100px) and (max-width: 1520px){
  .nav a{ padding: 0 6px; font-size: 11px; gap: 3px; }
  .nav{ gap: 1px; }
}
.nav a:hover   { background: rgba(206,66,43,.1); color: var(--t1); }
.nav a.active  { background: rgba(206,66,43,.16); color: #E8D6D2; border: 1px solid rgba(206,66,43,.34); box-shadow: inset 0 0 12px rgba(206,66,43,.08); }
.daily-free-nav { color: var(--gold) !important; }
.daily-free-nav.claimed { opacity: .4 !important; pointer-events: none !important; }
.account { justify-self: end; display: flex; gap: 8px; align-items: center; flex-shrink: 0; }
.balance-pill {
  padding: 0 14px; min-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(206,66,43,.28);
  background: rgba(206,66,43,.09);
  color: var(--gold2); font-weight: 700; font-size: 15px;
  display: inline-flex; align-items: center;
  white-space: nowrap;
  transition: border-color .2s;
}
.pill {
  padding: 0 14px; min-height: 34px; border-radius: 999px;
  border: 1px solid var(--ln);
  background: rgba(201,108,91,.08);
  font-size: 13px; font-weight: 600;
  display: inline-flex; align-items: center;
  transition: background .16s;
}
.pill:hover { background: rgba(201,108,91,.22); }
.pill.hot   { background: linear-gradient(135deg,var(--p2),var(--p)); border: 0; color: #fff; font-weight: 700; }
.mobile-menu {
  display: none; flex-direction: column; gap: 5px;
  width: 38px; height: 38px; border-radius: 10px;
  border: 1px solid var(--ln); background: rgba(201,108,91,.08);
  align-items: center; justify-content: center;
}
.mobile-menu span { display: block; width: 17px; height: 2px; background: var(--t2); border-radius: 2px; transition: .2s; }
.page {
  width: min(1300px,96vw); margin: auto;
  padding: 28px 0 80px;
  position: relative; z-index: 1;
}
.eyebrow {
  display: inline-block; color: var(--p3);
  text-transform: uppercase; letter-spacing: .18em;
  font-size: 10px; font-weight: 700; margin-bottom: 8px;
}
.arena-header {
  display: flex; justify-content: space-between;
  align-items: flex-end; margin-bottom: 22px;
  gap: 20px; flex-wrap: wrap;
}
.arena-header h1 {
  font-family: var(--fd);
  font-size: clamp(46px,7vw,88px);
  letter-spacing: .04em; line-height: .92;
  background: linear-gradient(135deg,#fff 30%,var(--p3));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-pool-display {
  text-align: right;
  border: 1px solid rgba(206,66,43,.22);
  border-radius: var(--r);
  background: rgba(206,66,43,.06);
  padding: 14px 18px; min-width: 170px;
}
.hero-pool-display > span {
  display: block; font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--t3); margin-bottom: 4px;
}
.hero-pool-display strong {
  font-family: var(--fd);
  font-size: clamp(30px,4vw,50px);
  color: var(--gold2); letter-spacing: .04em;
}
.arena {
  position: relative;
  border-radius: 26px;
  border: 1px solid rgba(201,108,91,.28);
  background:
    radial-gradient(72% 52% at 50% 30%, rgba(217,200,196,.14), transparent 62%),
    radial-gradient(circle at 50% 40%, rgba(58,37,37,.98), rgba(33,22,22,1) 74%),
    linear-gradient(180deg, transparent 48%, rgba(33,22,22,.5));
  box-shadow:
    0 0 0 1px rgba(201,108,91,.08),
    0 40px 100px rgba(0,0,0,.68),
    inset 0 0 130px rgba(33,22,22,.55),
    inset 0 0 80px rgba(201,108,91,.04);
  padding: 18px;
  overflow: hidden;
  transition: box-shadow .2s;
}
.arena.arena-flash {
  box-shadow:
    0 0 0 2px rgba(230,106,85,.5),
    0 40px 100px rgba(0,0,0,.68),
    inset 0 0 120px rgba(230,106,85,.10);
}
.arena-grid {
  position: relative; z-index: 2;
  display: grid;
  grid-template-columns: minmax(210px,1fr) minmax(170px,280px) minmax(210px,1fr);
  gap: 14px; align-items: start;
}
.player-panel {
  border-radius: var(--r); border: 1px solid var(--ln);
  background: linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  padding: 18px; min-height: 540px;
  display: flex; flex-direction: column; gap: 14px;
  position: relative; overflow: hidden;
  transition: border-color .3s, box-shadow .3s, transform .4s, opacity .4s, filter .4s;
}
.player-panel::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg,transparent,var(--ln2),transparent);
}
.left-panel  { border-color: rgba(201,108,91,.24); }
.right-panel { border-color: rgba(239,68,68,.18); }
.right-panel::before { background: linear-gradient(90deg,transparent,rgba(239,68,68,.35),transparent); }
.seat-badge { display: flex; align-items: center; gap: 10px; }
.seat-icon  { font-size: 20px; }
.seat-badge b     { display: block; font-size: 15px; font-weight: 700; color: var(--p3); }
.seat-badge small { display: block; font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: .1em; }
.challenger-badge .seat-badge b { color: var(--red2); }
.player-name {
  font-family: var(--fd);
  font-size: clamp(20px,2.1vw,32px);
  letter-spacing: .04em; line-height: 1.1; color: var(--t1);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.char-display {
  min-height: 170px; flex: 1;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 8px;
  border: 1px solid var(--ln); border-radius: var(--r2);
  background: rgba(0,0,0,.22); padding: 14px;
  position: relative; overflow: hidden;
}
.empty-seat { text-align: center; padding: 16px; }
.empty-icon { font-size: 34px; opacity: .25; margin-bottom: 6px; }
.empty-seat b    { display: block; font-size: 15px; color: var(--t2); }
.empty-seat span { display: block; font-size: 12px; color: var(--t3); margin-top: 3px; }

.rust-char-wrap {
  display: flex; flex-direction: column; align-items: center;
  transform-origin: 50% 85%;
  transition: transform .22s ease-out;
}
.rust-char-wrap svg {
  width: 96px; height: 134px;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.55));
  transform-origin: 50% 85%;
}
.rust-char-wrap.char-hit svg {
  animation: charHit .44s ease-out forwards;
  filter: drop-shadow(0 0 16px rgba(239,68,68,.9)) saturate(1.9) hue-rotate(-16deg);
}
@keyframes charHit {
  0%,100% { transform: translate(0,0) rotate(0) scale(1) }
  14%     { transform: translate(-9px,-3px) rotate(-5deg) scale(.97) }
  30%     { transform: translate(7px,2px) rotate(4deg) scale(1.03) }
  46%     { transform: translate(-5px,0) rotate(-2deg) }
  60%     { transform: translate(4px,1px) rotate(1deg) }
}
.rust-char-name {
  font-family: var(--fm); font-size: 11px; font-weight: 700; color: var(--p3);
  letter-spacing: .05em; text-align: center;
  max-width: 104px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  margin-top: 4px;
}
.timer-section { display: flex; justify-content: center; }
.timer-wrap    { position: relative; width: 130px; height: 130px; }
.timer-svg     { width: 100%; height: 100%; transform: rotate(-90deg); }
.timer-track   { fill: none; stroke: rgba(201,108,91,.14); stroke-width: 10; }
.timer-prog    {
  fill: none; stroke: var(--p2); stroke-width: 10; stroke-linecap: round;
  stroke-dasharray: 327;
  transition: stroke-dashoffset .45s linear, stroke .3s;
  filter: drop-shadow(0 0 7px var(--pg));
}
.timer-inner   { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.timer-inner strong { font-family: var(--fd); font-size: 42px; letter-spacing: .02em; color: var(--p3); line-height: 1; }
.timer-inner small  { font-size: 10px; color: var(--t3); letter-spacing: .12em; text-transform: uppercase; }
.player-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.stat-box {
  border: 1px solid var(--ln); border-radius: var(--r2);
  background: rgba(0,0,0,.22); padding: 10px 12px;
}
.stat-box span { display: block; font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: .1em; }
.stat-box b    { display: block; font-size: 18px; font-weight: 700; color: var(--gold2); margin-top: 2px; }
.health-section { display: flex; flex-direction: column; gap: 5px; }
.health-label   { display: flex; justify-content: space-between; font-size: 11px; font-weight: 700; color: var(--t3); text-transform: uppercase; letter-spacing: .1em; }
.health-label b { color: var(--grn2); }
.health-track   {
  height: 13px; border-radius: 999px;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(34,197,94,.18);
  overflow: hidden; position: relative;
}
.health-fill {
  height: 100%; border-radius: 999px; width: 100%;
  background: linear-gradient(90deg, var(--hp-green), rgba(34,197,94,.75));
  transition: width .28s ease, background .5s ease, box-shadow .5s ease;
  box-shadow: 0 0 12px rgba(34,197,94,.38);
  position: relative;
  will-change: width, background;
}
.health-fill::after {
  content: ""; position: absolute; top: 2px; left: 4px; right: 4px; height: 3px;
  border-radius: 999px; background: rgba(255,255,255,.22);
}
.health-fill-right {
}
.hp-ring-fill { transition: stroke-dashoffset .45s cubic-bezier(.4,0,.2,1); stroke: #CE422B; }
#leftAvatarDisplay  .hp-ring-fill { stroke: #CE422B; filter: drop-shadow(0 0 5px rgba(206,66,43,.5)); }
#rightAvatarDisplay .hp-ring-fill { stroke: #D98778; filter: drop-shadow(0 0 5px rgba(217,135,120,.5)); }
.low-hp .hp-ring-fill { stroke: #CE422B !important; filter: drop-shadow(0 0 6px rgba(239,68,68,.6)) !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .hp-ring-fill { transition: none; } }
.pfp-pic { transition: opacity .14s ease; }
.char-display.attacking .pfp-pic { opacity: .55; }
.atk-weapon {
  position: absolute; left: 57%; top: 44%; width: 138px; opacity: 0; z-index: 6;
  pointer-events: none;
  filter: drop-shadow(0 7px 16px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(206,66,43,.28));
  transform: translate(-50%,-50%) scale(.4);
  animation: atkWpn 1.5s cubic-bezier(.2,1.5,.3,1) forwards;
}
.atk-weapon.flip { left: 43%; animation: atkWpnFlip 1.5s cubic-bezier(.2,1.5,.3,1) forwards; }
@keyframes atkWpn {
  0%  { opacity:0; transform:translate(-50%,-50%) scale(.5) rotate(-3deg); }
  7%  { opacity:1; transform:translate(-50%,-50%) scale(.92) rotate(-1deg); }
  22% { opacity:1; transform:translate(-50%,-50%) scale(1.18) rotate(2deg); }
  38% { transform:translate(-50%,-50%) scale(1) rotate(0); }
  52% { transform:translate(-60%,-50%) scale(1.05) rotate(-2deg); }
  66% { transform:translate(-50%,-50%) scale(1) rotate(0); }
  90% { opacity:1; }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(.92); }
}
@keyframes atkWpnFlip {
  0%  { opacity:0; transform:translate(-50%,-50%) scaleX(-1) scale(.5) rotate(3deg); }
  7%  { opacity:1; transform:translate(-50%,-50%) scaleX(-1) scale(.92) rotate(1deg); }
  22% { opacity:1; transform:translate(-50%,-50%) scaleX(-1) scale(1.18) rotate(-2deg); }
  38% { transform:translate(-50%,-50%) scaleX(-1) scale(1) rotate(0); }
  52% { transform:translate(-40%,-50%) scaleX(-1) scale(1.05) rotate(2deg); }
  66% { transform:translate(-50%,-50%) scaleX(-1) scale(1) rotate(0); }
  90% { opacity:1; }
  100%{ opacity:0; transform:translate(-50%,-50%) scaleX(-1) scale(.92); }
}
.block-shield {
  position: absolute; left: 50%; top: 46%; width: 54px; opacity: 0; z-index: 7;
  pointer-events: none; filter: drop-shadow(0 4px 10px rgba(0,0,0,.55));
  transform: translate(-50%,-50%) scale(.94);
  transition: transform .09s ease-out, opacity .07s ease-out;
}
.block-shield.in { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.block-shield::after {
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  box-shadow: 0 0 18px 4px rgba(203,213,225,.4); opacity: 0; animation: shieldSpark .55s ease;
}
@keyframes shieldSpark { 0%{ opacity:.85; transform:scale(.55);} 100%{ opacity:0; transform:scale(1.3);} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .atk-weapon, .block-shield { transition: none; } }
.char-display.healing { box-shadow: inset 0 0 30px rgba(55,214,122,.35), 0 0 22px rgba(55,214,122,.3); }
.champ-crown{
  position:absolute; top:4.5%; left:50%; width:42%; max-width:90px;
  transform:translate(-50%,0) scale(0); transform-origin:center bottom;
  z-index:7; pointer-events:none;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(230,106,85,.55));
  animation:champCrownIn .42s cubic-bezier(.34,1.56,.64,1) forwards;
}
.champ-crown svg{ width:100%; height:auto; display:block; }
.champ-crown::before{
  content:""; position:absolute; inset:-34%; border-radius:50%;
  background:radial-gradient(circle, rgba(230,106,85,.55), rgba(230,106,85,0) 66%);
  opacity:0; z-index:-1; animation:champCrownGlow 1.1s ease-out .06s 1;
}
@keyframes champCrownIn{
  0%{   transform:translate(-50%,-22%) scale(0)    rotate(-14deg); opacity:0; }
  60%{  transform:translate(-50%,3%)   scale(1.12) rotate(4deg);  opacity:1; }
  82%{  transform:translate(-50%,0)    scale(.95)  rotate(-2deg); opacity:1; }
  100%{ transform:translate(-50%,0)    scale(1)    rotate(0);     opacity:1; }
}
@keyframes champCrownGlow{ 0%{ opacity:0; transform:scale(.6); } 40%{ opacity:.9; } 100%{ opacity:0; transform:scale(1.35); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .champ-crown{ animation-duration:.01s; } .champ-crown::before{ animation:none; } }
.heal-kit {
  position: absolute; left: 50%; top: 30%; width: 38px; z-index: 7; pointer-events: none;
  filter: drop-shadow(0 0 8px rgba(55,214,122,.6)); transform: translate(-50%,-50%) scale(.4); opacity: 0;
  animation: healKitPop 1.9s ease forwards;
}
@keyframes healKitPop {
  0%{ opacity:0; transform:translate(-50%,-50%) scale(.4);} 16%{ opacity:1; transform:translate(-50%,-50%) scale(1.12);}
  30%{ transform:translate(-50%,-50%) scale(1);} 78%{ opacity:1;} 100%{ opacity:0; transform:translate(-50%,-50%) scale(.92);}
}
.heal-num {
  position: absolute; left: 50%; top: 24%; z-index: 7; pointer-events: none;
  color: #37d67a; font-weight: 800; font-family: var(--fd, sans-serif); font-size: 18px;
  text-shadow: 0 2px 6px rgba(0,0,0,.6); opacity: 0; transform: translate(-50%,0);
  animation: healNum 1.9s ease forwards;
}
@keyframes healNum {
  0%{ opacity:0; transform:translate(-50%,0) scale(.8);} 20%{ opacity:1; transform:translate(-50%,-10px) scale(1);}
  78%{ opacity:1; transform:translate(-50%,-24px);} 100%{ opacity:0; transform:translate(-50%,-32px);}
}
.atk-weapon.real { width: 192px; filter: drop-shadow(0 9px 20px rgba(0,0,0,.78)); }
@media (max-width:720px){
  .atk-weapon      { width: 104px; left: 53%; }
  .atk-weapon.flip { left: 47%; }
  .atk-weapon.real { width: 120px; }
}
.wpn-real    { width: 100%; height: auto; display: block; }
.wpn-revolver,
.atk-weapon img[src*="revolver"] { transform: rotate(-18deg); transform-origin: 50% 50%; }
.block-shield.real { width: 104px; top: 50%; }
.block-shield.real.bs-l { left: 66%; }
.block-shield.real.bs-r { left: 34%; }
.shield-real { width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 14px rgba(0,0,0,.65)); }
.block-shield.clink .shield-real { animation: shieldHit .36s ease; }
@keyframes shieldHit { 0%{ filter: brightness(2.3) drop-shadow(0 0 18px rgba(255,255,255,.95)); } 100%{ filter: drop-shadow(0 5px 14px rgba(0,0,0,.65)); } }
.heal-kit.real { width: 98px; top: 40%; }
.medkit-real { width: 100%; height: auto; display: block; }
.awp-scope-tgt {
  position: absolute; inset: 0; z-index: 8; pointer-events: none; opacity: 0;
  background: radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 46%, rgba(0,0,0,.5) 72%, rgba(0,0,0,.9) 100%);
  animation: awpScope 1.4s ease forwards;
}
.awp-scope-tgt::before, .awp-scope-tgt::after { content:""; position:absolute; background: rgba(0,0,0,.78); }
.awp-scope-tgt::before { left:6%; right:6%; top:50%; height:1.5px; transform: translateY(-50%); }
.awp-scope-tgt::after  { top:6%; bottom:6%; left:50%; width:1.5px; transform: translateX(-50%); }
.awp-ring {
  position:absolute; left:50%; top:50%; width:60%; padding-bottom:60%; height:0;
  transform: translate(-50%,-50%); border:1.5px solid rgba(0,0,0,.72); border-radius:50%;
  box-shadow: 0 0 0 1.5px rgba(255,255,255,.14), inset 0 0 14px rgba(0,0,0,.4);
}
.awp-ring::after {
  content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; transform: translate(-50%,-50%);
  border:1.2px solid rgba(255,56,56,.92); border-radius:50%; box-shadow:0 0 5px rgba(255,56,56,.6);
}
@keyframes awpScope { 0%{opacity:0;} 7%{opacity:1;} 86%{opacity:1;} 100%{opacity:0;} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .awp-scope-tgt { animation: none; opacity: 0; } }
.player-panel.winner         { border-color: rgba(206,66,43,.6) !important; box-shadow: 0 0 0 1px rgba(206,66,43,.28), 0 0 56px rgba(206,66,43,.14) !important; }
.player-panel.loser          { opacity: .46; filter: grayscale(.45) brightness(.85); }
.player-panel.winner-showcase{ transform: translateY(-6px); }
.player-panel.damage-pulse   { animation: dmgPulse .44s ease; }
@keyframes dmgPulse {
  0%,100% { box-shadow: inset 0 0 0 0 rgba(239,68,68,0); }
  30%,70% { box-shadow: inset 0 0 0 3px rgba(239,68,68,.9), 0 0 40px rgba(239,68,68,.42); }
}
.player-panel.move-left { animation: moveLeft 1.1s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes moveLeft {
  0%   { transform: translateX(0) scale(1) }
  45%  { transform: translateX(-26%) scale(1.04) }
  100% { transform: translateX(0) scale(1) }
}
.control-panel {
  border-radius: var(--r); border: 1px solid var(--ln);
  background: linear-gradient(180deg,rgba(201,108,91,.09),rgba(0,0,0,.32));
  padding: 16px; display: flex; flex-direction: column; gap: 11px;
  align-self: start; position: sticky; top: 80px;
}
.prize-display {
  text-align: center;
  border: 1px solid rgba(206,66,43,.2); border-radius: var(--r2);
  background: rgba(206,66,43,.06); padding: 12px 14px;
}
.prize-label  { display: block; font-size: 10px; letter-spacing: .16em; color: var(--t3); text-transform: uppercase; margin-bottom: 5px; }
.prize-amount {
  font-family: var(--fd);
  font-size: clamp(32px,4vw,52px);
  color: var(--gold2); letter-spacing: .04em; word-break: break-all; display: block;
  line-height: 1.18; padding-top: .04em;
}
.battle-status {
  min-height: 40px; border: 1px solid var(--ln); border-radius: var(--r2);
  background: rgba(0,0,0,.22); display: grid; place-items: center; text-align: center;
  font-size: 12px; font-weight: 600; color: var(--t3); padding: 8px;
}
.battle-status.hot { border-color: rgba(201,108,91,.38); color: var(--p3); background: rgba(201,108,91,.08); }
.battle-status:empty{ display:none; }
.stake-box {
  border: 1px solid var(--ln); border-radius: var(--r2);
  background: rgba(0,0,0,.22); padding: 11px;
  display: flex; flex-direction: column; gap: 8px;
}
.stake-box label  { font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: .12em; }
.stake-input-wrap { position: relative; }
.stake-prefix     { position: absolute; left: 11px; top: 50%; transform: translateY(-50%); color: var(--gold2); font-weight: 700; font-size: 15px; }
.stake-input {
  width: 100%; min-height: 40px;
  border: 1px solid var(--ln); border-radius: 10px;
  background: rgba(0,0,0,.3); color: var(--t1);
  padding: 0 11px 0 26px; font-size: 16px; font-weight: 700;
  outline: none; transition: border-color .2s;
  -moz-appearance: textfield;
}
.stake-input:focus            { border-color: var(--p); }
.stake-input::-webkit-inner-spin-button,
.stake-input::-webkit-outer-spin-button { -webkit-appearance: none; }
.quick-amounts { display: flex; gap: 5px; flex-wrap: wrap; }
.qa {
  flex: 1; min-width: 40px; min-height: 28px;
  border-radius: 7px; border: 1px solid var(--ln);
  background: rgba(201,108,91,.1); font-size: 12px; font-weight: 700; color: var(--p3);
  transition: background .16s;
}
.qa:hover { background: rgba(201,108,91,.26); }
.btn-primary {
  width: 100%; min-height: 46px; border-radius: var(--r2);
  background: linear-gradient(135deg,var(--p2),var(--p));
  color: #fff; font-weight: 700; font-size: 15px; border: 0;
  box-shadow: 0 4px 18px var(--pg);
  transition: transform .16s, filter .16s, opacity .18s;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.btn-primary:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.12); }
.btn-primary:disabled { opacity: .44; cursor: not-allowed; }
#joinBtn{ min-height:54px !important; font-size:17px !important; font-weight:900 !important; letter-spacing:.6px !important; text-transform:uppercase !important; border-radius:14px !important; box-shadow:0 6px 24px var(--pg), inset 0 0 0 1px rgba(255,255,255,.08) !important; }
#joinBtn:not(:disabled){ background:linear-gradient(135deg,#CE422B,#E66A55) !important; color:#231604 !important; animation:joinPulse 1.8s ease-in-out infinite; }
#joinBtn:not(:disabled):hover{ transform:translateY(-2px) !important; filter:brightness(1.08) !important; }
@keyframes joinPulse{ 0%,100%{ box-shadow:0 6px 24px var(--pg), inset 0 0 0 1px rgba(255,255,255,.1); } 50%{ box-shadow:0 8px 34px var(--pg), 0 0 24px -2px var(--accent,#CE422B), inset 0 0 0 1px rgba(255,255,255,.16); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ #joinBtn:not(:disabled){ animation:none; } }
.btn-ghost {
  width: 100%; min-height: 42px; border-radius: var(--r2);
  background: rgba(255,255,255,.04); border: 1px solid var(--ln);
  color: var(--t2); font-weight: 600; font-size: 13px;
  transition: background .16s;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.btn-ghost:hover:not(:disabled) { background: rgba(201,108,91,.14); }
.btn-ghost:disabled { opacity: .44; cursor: not-allowed; }
.btn-verify {
  width: 100%; min-height: 36px; border-radius: 10px;
  background: rgba(0,0,0,.25); border: 1px solid rgba(201,108,91,.28);
  color: var(--p3); font-weight: 600; font-size: 12px;
  transition: background .16s;
  display: flex; align-items: center; justify-content: center; gap: 5px;
}
.btn-verify:hover { background: rgba(201,108,91,.12); }
.btn-sm { min-height: 32px; font-size: 12px; border-radius: 8px; }
.verify-panel { display: none; flex-direction: column; gap: 10px; border: 1px solid rgba(201,108,91,.22); border-radius: var(--r2); background: rgba(0,0,0,.38); padding: 14px; }
.verify-panel.open { display: flex; }
.vp-title   { font-size: 14px; font-weight: 700; color: var(--p3); }
.vp-desc    { font-size: 11px; color: var(--t3); line-height: 1.5; }
.vp-steps   { display: flex; flex-direction: column; gap: 9px; }
.vp-step    { display: flex; align-items: flex-start; gap: 9px; }
.vp-step-num { width: 22px; height: 22px; border-radius: 50%; background: var(--p); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; flex-shrink: 0; margin-top: 2px; }
.vp-step-body { flex: 1; font-size: 11px; color: var(--t2); line-height: 1.5; }
.vp-step-body b { color: var(--p3); }
.vp-step-body code { display: block; font-family: var(--fm); font-size: 9px; color: var(--gold2); background: rgba(0,0,0,.4); border: 1px solid var(--ln); border-radius: 6px; padding: 5px 7px; margin-top: 4px; word-break: break-all; white-space: pre-wrap; max-height: 52px; overflow-y: auto; }
.vp-result  { margin-top: 6px; padding: 7px 10px; border-radius: 7px; font-size: 12px; font-weight: 600; border: 1px solid rgba(255,255,255,.09); background: rgba(0,0,0,.22); color: var(--t3); }
.vp-champ   { border-color: rgba(201,108,91,.4); color: var(--p3); background: rgba(201,108,91,.08); }
.vp-chall   { border-color: rgba(206,66,43,.35); color: var(--gold2); background: rgba(206,66,43,.07); }
.vp-odds    { display: flex; flex-direction: column; gap: 4px; }
.vp-odds-bar { height: 16px; border-radius: 999px; overflow: hidden; display: flex; border: 1px solid var(--ln); }
.vp-odds-left  { height: 100%; background: linear-gradient(90deg,var(--p2),var(--p)); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: #fff; min-width: 24px; transition: width .6s ease; }
.vp-odds-right { height: 100%; background: linear-gradient(90deg,#E66A55,#CE422B); display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: #fff; min-width: 24px; transition: width .6s ease; }
.vp-odds-labels { display: flex; justify-content: space-between; font-size: 10px; color: var(--t3); }

.arena-msg { min-height: 18px; font-size: 12px; color: var(--p3); text-align: center; line-height: 1.4; }
.arena-msg.error { color: var(--red2); }
.challenger-wait-zone {
  flex: 1; display: grid; place-items: center;
  border: 1px dashed rgba(201,108,91,.14); border-radius: var(--r2);
  background: rgba(0,0,0,.1); padding: 14px;
  text-align: center; color: var(--t3); font-size: 12px; line-height: 1.5;
}
.battle-fx {
  position: absolute; inset: 0; z-index: 10;
  pointer-events: none; overflow: hidden; border-radius: 24px;
}
.projectile, .impact-fx, .explosion-fx, .hit-flash, .winner-banner, .weapon-display, .dmg-popup {
  position: absolute; opacity: 0; pointer-events: none;
}
.bullet { width: 20px; height: 6px; border-radius: 999px; }
.bullet .bullet-trail { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); height: 4px; width: 130px; border-radius: 999px; background: linear-gradient(90deg,transparent,rgba(230,106,85,.65)); }
.bullet .bullet-head  { position: absolute; inset: 0; border-radius: 999px; background: linear-gradient(90deg,#fffde7,#CE422B,#CE422B); box-shadow: 0 0 16px rgba(206,66,43,.95); }
.rocket { width: 54px; height: 14px; }
.rocket .rocket-flame { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); width: 28px; height: 14px; background: radial-gradient(circle at right,#fff 0%,#E66A55 30%,#CE422B 60%,transparent 100%); border-radius: 999px 0 0 999px; filter: blur(1px); }
.rocket .rocket-body  { position: absolute; inset: 0; background: linear-gradient(180deg,#d1d5db,#6b7280 50%,#3A2525); border-radius: 4px 8px 8px 4px; }
.rocket .rocket-tip   { position: absolute; right: -11px; top: 1px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #CE422B; }
.satchel { width: 40px; height: 32px; border-radius: 8px; background: linear-gradient(135deg,#92400e,#78350f); border: 2px solid rgba(230,106,85,.2); display: grid; place-items: center; }
.satchel span { width: 11px; height: 11px; border-radius: 50%; background: #CE422B; box-shadow: 0 0 8px rgba(239,68,68,.85); animation: satBlink .38s ease infinite; }
@keyframes satBlink { 0%,100%{opacity:1} 50%{opacity:.2} }
.c4 { width: 44px; height: 28px; border-radius: 6px; background: linear-gradient(135deg,#322020,#3A2525); border: 2px solid rgba(143,45,32,.38); display: grid; place-items: center; }
.c4 b { font-family: var(--fm); font-size: 10px; font-weight: 900; color: #D9C8C4; letter-spacing: .1em; }
.impact-fx { width: 80px; height: 80px; margin: -40px 0 0 -40px; z-index: 11; }
.impact-ring { position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgba(206,66,43,.72); transform: scale(.1); opacity: 0; }
.impact-spark { position: absolute; width: 4px; height: 13px; border-radius: 999px; background: linear-gradient(180deg,#fff,#E66A55); transform-origin: bottom center; top: 50%; left: 50%; margin: -6px 0 0 -2px; opacity: 0; }
.blood-splat { position: absolute; inset: 9px; border-radius: 50%; background: radial-gradient(circle,rgba(239,68,68,.82) 0%,rgba(239,68,68,.28) 55%,transparent 75%); transform: scale(0); opacity: 0; }
.impact-fx.pop .impact-ring.r1 { animation: rPop .52s ease-out forwards; }
.impact-fx.pop .impact-ring.r2 { animation: rPop .52s ease-out .08s forwards; }
.impact-fx.pop .impact-ring.r3 { animation: rPop .52s ease-out .16s forwards; }
.impact-fx.pop .impact-spark   { animation: sFly .56s ease-out forwards; }
.impact-fx.pop .blood-splat    { animation: bPop .42s ease-out forwards; }
@keyframes rPop { 0%{transform:scale(.1);opacity:.95} 60%{opacity:.5} 100%{transform:scale(2.6);opacity:0} }
@keyframes sFly { 0%{opacity:1;transform:rotate(var(--a,0deg)) translateY(-6px) scale(1)} 100%{opacity:0;transform:rotate(var(--a,0deg)) translateY(-38px) scale(.25)} }
@keyframes bPop { 0%{transform:scale(0);opacity:.9} 55%{transform:scale(1.4);opacity:.55} 100%{transform:scale(1.7);opacity:0} }
.dmg-popup {
  font-family: var(--fd); font-size: 52px; font-weight: 900; letter-spacing: .04em;
  color: #CE422B; text-shadow: 0 0 30px rgba(239,68,68,.95), 0 2px 11px rgba(0,0,0,.95);
  white-space: nowrap; z-index: 20; transform: translateX(-50%);
}
.dmg-popup.show { animation: dmgFloat 1.25s ease-out forwards; }
@keyframes dmgFloat {
  0%   { opacity: 1; transform: translateX(-50%) translateY(0) scale(.84); }
  12%  { opacity: 1; transform: translateX(-50%) translateY(-6px) scale(1.12); }
  78%  { opacity: .7; transform: translateX(-50%) translateY(-42px) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) translateY(-60px) scale(.9); }
}
.hit-flash { inset: 0; border-radius: inherit; }
.hit-flash-left  { right: auto; left: 0; top: 0; width: 42%; height: 100%; background: linear-gradient(to right, rgba(239,68,68,.34), rgba(239,68,68,.30) 50%, rgba(239,68,68,0) 100%); }
.hit-flash-right { left: auto; right: 0; top: 0; width: 42%; height: 100%; background: linear-gradient(to left, rgba(239,68,68,.34), rgba(239,68,68,.30) 50%, rgba(239,68,68,0) 100%); }
.hit-flash.flash { animation: flashAnim .5s ease-out; }
@keyframes flashAnim { 0%{opacity:1} 100%{opacity:0} }
.explosion-fx { width: 20px; height: 20px; margin: -10px 0 0 -10px; z-index: 12; }
.exp-core     { position: absolute; inset: -22px; border-radius: 50%; background: radial-gradient(circle,#fff 0%,#CE422B 22%,#E66A55 48%,#CE422B 68%,transparent 100%); transform: scale(0); opacity: 0; }
.exp-ring     { position: absolute; border-radius: 50%; border: 6px solid rgba(230,106,85,.62); transform: scale(0); opacity: 0; }
.exp-ring.r1  { inset: -30px; }
.exp-ring.r2  { inset: -50px; border-width: 4px; }
.exp-ring.r3  { inset: -72px; border-width: 2px; }
.exp-debris   { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg,#CE422B,#E66A55); top: 50%; left: 50%; margin: -4px; transform: scale(0); opacity: 0; }
.exp-shockwave{ position: absolute; inset: -65px; border-radius: 50%; border: 3px solid rgba(230,106,85,.42); transform: scale(0); opacity: 0; }
.explosion-fx.explode .exp-core         { animation: exCore .6s ease-out forwards; }
.explosion-fx.explode .exp-ring.r1      { animation: exRing .82s ease-out .04s forwards; }
.explosion-fx.explode .exp-ring.r2      { animation: exRing .92s ease-out .12s forwards; }
.explosion-fx.explode .exp-ring.r3      { animation: exRing 1s ease-out .2s forwards; }
.explosion-fx.explode .exp-debris.d1   { animation: exDebris .8s ease-out forwards; --dx:64px;--dy:-54px; }
.explosion-fx.explode .exp-debris.d2   { animation: exDebris .9s ease-out .05s forwards; --dx:-70px;--dy:-60px; }
.explosion-fx.explode .exp-debris.d3   { animation: exDebris .85s ease-out .1s forwards; --dx:52px;--dy:56px; }
.explosion-fx.explode .exp-debris.d4   { animation: exDebris .75s ease-out .08s forwards; --dx:-56px;--dy:42px; }
.explosion-fx.explode .exp-shockwave   { animation: exShock .72s ease-out forwards; }
@keyframes exCore    { 0%{transform:scale(0);opacity:1} 40%{transform:scale(1.12);opacity:.9} 100%{transform:scale(1.7);opacity:0} }
@keyframes exRing    { 0%{transform:scale(0);opacity:.85} 70%{opacity:.45} 100%{transform:scale(1.55);opacity:0} }
@keyframes exDebris  { 0%{transform:translate(0,0) scale(1);opacity:1} 100%{transform:translate(var(--dx,50px),var(--dy,-50px)) scale(.18);opacity:0} }
@keyframes exShock   { 0%{transform:scale(0);opacity:.62} 100%{transform:scale(2.2);opacity:0} }
.screen-shock { position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; }
.screen-shock.shake { animation: scrShake .32s ease; }
@keyframes scrShake {
  0%,100% { transform: translate(0) }
  20%     { transform: translate(-5px,2px) }
  40%     { transform: translate(5px,-2px) }
  60%     { transform: translate(-3px,3px) }
  80%     { transform: translate(3px,-1px) }
}
.winner-banner {
  left: 50%; top: 11%;
  transform: translateX(-50%);
  min-width: min(500px,78vw); text-align: center;
  padding: 16px 26px; border-radius: 16px;
  background: linear-gradient(135deg,#8a2e1c,#CE422B,#CE422B);
  border: 1px solid rgba(194,239,206,.4);
  font-family: var(--fd);
  font-size: clamp(22px,3.5vw,46px);
  letter-spacing: .08em; color: #fff;
  box-shadow: 0 0 60px rgba(201,108,91,.52), 0 22px 56px rgba(0,0,0,.52);
  z-index: 16;
}
.winner-banner.show { animation: bannerPop 5.5s ease forwards; }
@keyframes bannerPop {
  0%    { opacity: 0; transform: translateX(-50%) translateY(-18px) scale(.86); }
  10%   { opacity: 1; transform: translateX(-50%) translateY(0) scale(1.05); }
  18%,88%{ opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  100%  { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(.96); }
}
.player-panel.winner { box-shadow: 0 0 0 2px rgba(206,66,43,.55), 0 0 84px rgba(230,106,85,.42) !important; }
.player-panel.winner-showcase { transform: translateY(-8px) scale(1.03); z-index: 5; }
.player-panel.loser { opacity: .38 !important; filter: grayscale(.62) brightness(.66) !important; transform: translateY(5px) scale(.975); }
.winner-banner { overflow: hidden; font-size: clamp(24px,3.9vw,52px); box-shadow: 0 0 84px rgba(230,106,85,.5), 0 22px 56px rgba(0,0,0,.55); }
.winner-banner::after {
  content:""; position:absolute; top:0; left:-60%; width:55%; height:100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform: skewX(-18deg); opacity:0; pointer-events:none;
}
.winner-banner.show::after { animation: bannerShine 1.6s ease-in-out .4s; }
@keyframes bannerShine { 0%{ left:-60%; opacity:0; } 28%{ opacity:1; } 100%{ left:125%; opacity:0; } }
.weapon-display {
  top: 14%; padding: 7px 14px; border-radius: 999px;
  background: rgba(0,0,0,.72); border: 1px solid rgba(201,108,91,.28);
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 700; color: var(--p3);
  backdrop-filter: blur(10px); z-index: 14;
  opacity: 0; transition: opacity .4s;
}
.wd-left  { left: 4%; }
.wd-right { right: 4%; }
.section-block {
  margin-top: 18px; border: 1px solid var(--ln); border-radius: var(--r);
  background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014));
  padding: 20px;
}
.section-title { margin-bottom: 14px; }
.section-title h3 {
  font-family: var(--fhd); font-size: clamp(22px,2.5vw,32px); font-weight: 800; letter-spacing: .018em; color: var(--t1);
  line-height: 1.02; font-stretch: semi-condensed; font-kerning: normal; text-rendering: optimizeLegibility;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.lb-timer {
  font-family: var(--fm); font-size: 15px; color: var(--p3);
  border: 1px solid rgba(201,108,91,.28); border-radius: 7px;
  padding: 3px 9px; background: rgba(201,108,91,.08);
}
.two-col-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.queue-list, .log-list, .leaderboard-list, .history-list { display: flex; flex-direction: column; gap: 7px; }
.queue-row, .log-row, .lb-row, .hist-row, .empty-row {
  border: 1px solid var(--ln); border-radius: var(--r2);
  background: rgba(0,0,0,.18); padding: 11px 13px;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font-size: 13px;
}
.queue-row b, .log-row b, .lb-row b, .hist-row b { color: var(--p3); font-weight: 700; }
.queue-row span, .log-row span, .lb-row span, .hist-row span { color: var(--t3); }
.lb-row:first-child { border-color: rgba(206,66,43,.28); background: rgba(206,66,43,.05); }
.lb-row:first-child b { color: var(--gold2); }
.empty-row { color: var(--t3); justify-content: center; }
.chat-head { padding: 10px 13px; background: rgba(201,108,91,.12); border-bottom: 1px solid var(--ln); display: flex; align-items: center; justify-content: space-between; }
.chat-head strong { font-size: 13px; color: var(--p3); }
.chat-head #chatClose { width: 26px; height: 26px; border-radius: 7px; background: rgba(255,255,255,.06); color: var(--t3); font-size: 15px; display: grid; place-items: center; flex:0 0 auto; }
.chat-messages { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 9px; display: flex; flex-direction: column; gap: 5px; scrollbar-width: thin; scrollbar-color: var(--p) transparent; }
.chat-message { background: rgba(201,108,91,.08); border: 1px solid rgba(201,108,91,.14); border-radius: 9px; padding: 7px 9px; }
.chat-message b    { display: block; font-size: 11px; color: var(--p3); margin-bottom: 2px; }
.chat-message p    { font-size: 12px; color: var(--t1); line-height: 1.4; }
.chat-message span { font-size: 9px; color: var(--t3); display: block; margin-top: 3px; }
.chat-empty, .chat-login { text-align: center; color: var(--t3); font-size: 12px; padding: 18px; }
.chat-login a { color: var(--p3); }
.chat-form { padding: 9px; border-top: 1px solid var(--ln); display: flex; gap: 7px; }
.chat-form input { flex: 1; min-height: 34px; border: 1px solid var(--ln); border-radius: 7px; background: rgba(0,0,0,.4); padding: 0 9px; font-size: 12px; outline: none; color: var(--t1); transition: border-color .2s; }
.chat-form input:focus { border-color: var(--p); }
.chat-form button { min-height: 34px; width: 34px; border-radius: 7px; background: var(--p); color: #fff; font-weight: 900; font-size: 15px; display: grid; place-items: center; transition: background .16s; flex-shrink: 0; }
.chat-form button:hover { background: var(--p2); }
.auth-page { display: grid; place-items: center; min-height: 100vh; padding: 22px; }
.auth-card {
  width: min(400px,96vw); border: 1px solid var(--ln); border-radius: 22px;
  background: linear-gradient(180deg,rgba(201,108,91,.09),rgba(0,0,0,.42));
  padding: 30px; box-shadow: 0 24px 80px rgba(0,0,0,.72);
  display: flex; flex-direction: column; gap: 13px;
}
.auth-card h1 { font-family: var(--fd); font-size: 46px; letter-spacing: .04em; background: linear-gradient(135deg,#fff,var(--p3)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.auth-card p   { color: var(--t3); font-size: 13px; }
.auth-card input { width: 100%; min-height: 42px; border: 1px solid var(--ln); border-radius: 11px; background: rgba(0,0,0,.4); color: var(--t1); padding: 0 13px; font-size: 14px; outline: none; transition: border-color .2s; }
.auth-card input:focus { border-color: var(--p); }
.auth-card label { font-size: 12px; color: var(--t3); display: flex; flex-direction: column; gap: 5px; }
.auth-card a { text-align: center; color: var(--p3); font-size: 12px; }
.auth-card .error { color: var(--red2); font-size: 12px; }
.form-card { border: 1px solid var(--ln); border-radius: var(--r2); background: rgba(0,0,0,.2); padding: 16px; display: flex; flex-direction: column; gap: 11px; }
.form-card h4  { font-size: 17px; color: var(--p3); }
.form-card label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--t3); }
.form-card input, .form-card select { min-height: 40px; border: 1px solid var(--ln); border-radius: 9px; background: rgba(0,0,0,.35); color: var(--t1); padding: 0 11px; font-size: 13px; outline: none; transition: border-color .2s; }
.form-card input:focus, .form-card select:focus { border-color: var(--p); }
.wallet-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 12px; }
code { display: block; font-family: var(--fm); font-size: 11px; color: var(--gold2); background: rgba(0,0,0,.35); border: 1px solid var(--ln); border-radius: 7px; padding: 9px; white-space: pre-wrap; word-break: break-all; }
.fair-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 11px; }
.fair-grid > div { border: 1px solid var(--ln); border-radius: var(--r2); background: rgba(0,0,0,.18); padding: 13px; }
.fair-grid span { display: block; font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 5px; }
.mini-list { display: flex; flex-direction: column; gap: 7px; }
.mini-row  { border: 1px solid var(--ln); border-radius: var(--r2); background: rgba(0,0,0,.18); padding: 11px 13px; display: flex; flex-direction: column; gap: 2px; }
.mini-row b    { color: var(--p3); font-size: 14px; }
.mini-row span { font-size: 12px; color: var(--t3); }
.mini-row .tx-link { color: var(--gold2, #D98778); text-decoration: none; font-weight: 600; white-space: nowrap; }
.mini-row .tx-link:hover { text-decoration: underline; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.msg { color: var(--p3); font-size: 12px; text-align: center; }
.error-text, .error { color: var(--red2); }
.leaderboard-prize-pool { border: 1px solid rgba(206,66,43,.22); border-radius: var(--r); background: rgba(206,66,43,.06); padding: 18px; margin-bottom: 18px; text-align: center; }
.leaderboard-prize-pool span   { display: block; color: var(--t3); text-transform: uppercase; letter-spacing: .14em; font-size: 11px; margin-bottom: 7px; }
.leaderboard-prize-pool strong { font-family: var(--fd); font-size: clamp(38px,5vw,68px); color: var(--gold2); letter-spacing: .04em; }
.activity-filters { display: flex; gap: 7px; margin-bottom: 13px; flex-wrap: wrap; }
.filter-btn { padding: 5px 13px; border-radius: 999px; border: 1px solid var(--ln); background: rgba(0,0,0,.2); font-size: 12px; font-weight: 600; color: var(--t3); transition: background .16s, color .16s; }
.filter-btn:hover, .filter-btn.active { background: rgba(201,108,91,.18); color: var(--p3); border-color: rgba(201,108,91,.34); }
@media (max-width: 1150px) {
  .topbar-inner { display:flex !important; grid-template-columns:none !important; align-items:center; gap:5px; position:relative; }
  .mobile-menu  { display: flex; order:1; margin:0; flex:0 0 auto; }
  .account      { display:contents; }
  .notif-wrap   { order:2; flex:0 0 auto; margin:0; }
  .brand        { order:3; flex:1 1 auto; display:flex; justify-content:center; align-items:center; min-width:64px; margin:0; overflow:hidden; }
  .brand-beta   { display:none; }
  .canta-btn    { order:4; flex:0 0 auto; }
  .balance-group{ order:5; flex:0 1 auto; gap:4px; min-width:0; max-width:120px; }
  .balance-pill { min-width:0; overflow:hidden; }
  .balance-pill-main{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .bal-plus     { display:none !important; }
  .balance-pill { padding:5px 8px !important; }
  .profile-avatar-btn { width:32px !important; height:32px !important; }
  .profile-wrap { order:6; flex:0 0 auto; margin:0; }
  .topbar .brand .brand-logo { height:34px !important; width:auto; max-width:100%; object-fit:contain; }
  .nav {
    display: none; position: fixed; top: 68px; left: 0; right: 0;
    background: rgba(33,22,22,.98); border-bottom: 1px solid var(--ln);
    padding: 10px; flex-direction: column; z-index: 190;
  }
  .nav.open       { display: flex; }
  .nav a          { border-radius: 9px; padding: 10px 13px; }
  .account        { justify-self: end; }
  .arena-grid     { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:10px; }
  .arena-grid .left-panel, .arena-grid .right-panel { min-width: 0; }
  .arena-grid .left-panel  { grid-column: 1; grid-row: 1; }
  .arena-grid .right-panel { grid-column: 2; grid-row: 1; }
  .arena-grid .control-panel { grid-column: 1 / -1; grid-row: 2; order: 0; position: static; }
  .player-panel   { min-height: auto; }
  .two-col-grid, .two-col { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .topbar-inner { width: calc(100% - 20px); min-height: 58px; }
  .brand b      { font-size: 18px; }
  .brand small  { display: none; }
  .page         { width: calc(100% - 18px); padding-top: 18px; }
  .arena        { padding: 10px; border-radius: 18px; }
  .player-panel { padding: 11px 8px; }
  .empty-seat   { padding: 12px 4px; }
  .arena-header { flex-direction: column; align-items: flex-start; }
  .hero-pool-display { width: 100%; text-align: center; }
}
.player-panel.duel-left  .rust-char-wrap { transform-origin: 50% 85%; }
.player-panel.duel-right .rust-char-wrap { transform-origin: 50% 85%; }
.weapon-display.show { opacity: 1 !important; }
.impact-spark.s0 { --a: 0deg;   transform: rotate(0deg)   translateY(-20px) scale(.1); }
.impact-spark.s1 { --a: 72deg;  transform: rotate(72deg)  translateY(-20px) scale(.1); }
.impact-spark.s2 { --a: 144deg; transform: rotate(144deg) translateY(-20px) scale(.1); }
.impact-spark.s3 { --a: 216deg; transform: rotate(216deg) translateY(-20px) scale(.1); }
.impact-spark.s4 { --a: 288deg; transform: rotate(288deg) translateY(-20px) scale(.1); }
.btn-daily {
  width: 100%; min-height: 38px; border-radius: var(--r2);
  background: rgba(206,66,43,.12);
  border: 1px solid rgba(206,66,43,.28);
  color: var(--gold2); font-weight: 700; font-size: 13px;
  transition: background .18s;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.btn-daily:hover  { background: rgba(206,66,43,.22); }
.btn-daily.claimed { opacity: .4; cursor: not-allowed; }
.timer-prog-red {
  fill: none; stroke: var(--red); stroke-width: 10; stroke-linecap: round;
  stroke-dasharray: 327;
  filter: drop-shadow(0 0 6px rgba(239,68,68,.5));
}
.guest-cta {
  display: flex; flex-direction: column; gap: 8px;
  border: 1px solid var(--ln); border-radius: var(--r2);
  background: rgba(0,0,0,.18); padding: 14px; text-align: center;
}
.guest-cta p { font-size: 12px; color: var(--t3); line-height: 1.5; }
.right-panel .timer-section { opacity: .55; }
.right-panel .timer-section .timer-inner small { color: var(--red2); }
.cf-stage {
  position: relative;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 26px;
  border: 1px solid var(--ln2);
  background: radial-gradient(circle at 50% 40%,rgba(58,37,37,.98),rgba(33,22,22,.99) 72%);
  overflow: hidden;
  padding: 32px 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 0 1px rgba(201,108,91,.08), 0 40px 100px rgba(0,0,0,.68);
}
.cf-stage::before {
  content:"";position:absolute;inset:0;
  background: radial-gradient(circle at 50% 0%, rgba(201,108,91,.12) 0%,transparent 60%);
  pointer-events:none;
}
.cf-coin-wrap {
  position: relative;
  z-index: 2;
  transform-origin: 50% 50%;
  transform: translateY(0) scale(1);
  transform-style: preserve-3d;
  will-change: transform;
}
@keyframes coinThrow {
  0%   { transform: translateY(0)     scale(1);    }
  22%  { transform: translateY(-48px) scale(1.12); }
  46%  { transform: translateY(-58px) scale(1.16); }
  64%  { transform: translateY(-42px) scale(1.12); }
  84%  { transform: translateY(-12px) scale(1.04); }
  100% { transform: translateY(0)     scale(1);    }
}
.cf-coin-wrap.flipping { animation: coinThrow var(--throw-dur,2.8s) cubic-bezier(.3,.02,.3,1) forwards; }

.cf-coin {
  width: 150px;
  height: 150px;
  position: relative;
  box-shadow: 0 10px 28px rgba(0,0,0,.6);
  border-radius: 50%;
  will-change: transform;
}

.cf-face {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  display: none;
}
.cf-face-inner { width: 100%; height: 100%; }
.cf-face svg, .cf-face-inner svg { width: 100%; height: 100%; display: block; }

.cf-coin.show-red  .cf-face-red  { display: block; }
.cf-coin.show-blue .cf-face-blue { display: block; }
.cf-coin:not(.show-red):not(.show-blue) .cf-face-red { display: block; }
.cf-coin.landed-red  { filter: drop-shadow(0 0 28px rgba(217,135,120,.9)) drop-shadow(0 10px 28px rgba(0,0,0,.6)); }
.cf-coin.landed-blue { filter: drop-shadow(0 0 28px rgba(143,45,32,.9)) drop-shadow(0 10px 28px rgba(0,0,0,.6)); }
.cf-coin.settle { transform: scaleY(1); }
.cf-stage-msg {
  font-size: 15px;
  font-weight: 600;
  color: var(--t3);
  text-align: center;
  z-index: 2;
}
.cf-result-badge {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) scale(.8);
  opacity: 0;
  font-family: var(--fd);
  font-size: 32px;
  letter-spacing: .06em;
  padding: 10px 28px;
  border-radius: 999px;
  white-space: nowrap;
  transition: opacity .3s, transform .3s;
  z-index: 3;
}
.cf-result-badge.show-red  { opacity: 1; transform: translateX(-50%) scale(1); background: rgba(239,68,68,.18); border: 1px solid rgba(239,68,68,.4); color: #E8A096; }
.cf-result-badge.show-blue { opacity: 1; transform: translateX(-50%) scale(1); background: rgba(143,45,32,.18); border: 1px solid rgba(143,45,32,.4); color: #D9C8C4; }
.cf-create-section { margin-bottom: 18px; }
.cf-create-grid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  padding: 22px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(201,108,91,.04), rgba(0,0,0,.18));
  border: 1px solid var(--rust-ln);
}
.cf-side-picker {
  display: flex;
  align-items: center;
  gap: 14px;
}
.cf-side-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  border-radius: var(--r);
  border: 2px solid var(--ln);
  background: rgba(0,0,0,.2);
  cursor: pointer;
  transition: border-color .18s, background .18s, transform .18s;
  min-width: 100px;
}
.cf-side-btn:hover { transform: translateY(-2px); }
.cf-side-btn.active.cf-side-red  { border-color: rgba(239,68,68,.6); background: rgba(239,68,68,.1); }
.cf-side-btn.active.cf-side-blue { border-color: rgba(143,45,32,.6); background: rgba(143,45,32,.1); }
.cf-side-btn span {
  font-family: var(--fd);
  font-size: 22px;
  letter-spacing: .08em;
}
.cf-side-red  span { color: #E8A096; }
.cf-side-blue span { color: #D9C8C4; }
.cf-side-btn small { font-size: 11px; color: var(--t3); }

.cf-side-coin { width: 56px; height: 56px; }
.cf-side-coin svg { width: 100%; height: 100%; }

.cf-vs-divider {
  font-family: var(--fd);
  font-size: 28px;
  letter-spacing: .1em;
  color: var(--t3);
}
.cf-wager-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 4px;
  width: 100%;
  max-width: 360px;
  align-items: stretch;
}
.cf-wager-section .cf-wager-input,
.cf-wager-section input { text-align: center; font-size: 18px; }
.cf-wager-label { font-size: 12px; color: var(--t3); text-transform: uppercase; letter-spacing: .12em; text-align:center; }
.cf-create-btn { max-width: 100%; width:100%; min-height:50px; font-size:16px; }
.cf-side-picker { justify-content: center; }
.cf-games-list { display: flex; flex-direction: column; gap: 10px; }
.cf-game-row {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--ln);
  border-radius: var(--r2);
  background: rgba(0,0,0,.18);
  padding: 14px 16px;
  transition: border-color .18s;
  flex-wrap: wrap;
}
.cf-game-row:hover { border-color: var(--ln2); }
.cf-game-creator {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 140px;
}
.cf-mini-coin {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 900;
  font-family: var(--fd);
  letter-spacing: 0;
  text-align: center;
  line-height: 1;
  text-indent: 0;
}
.cf-mini-coin > * { line-height: 1; }
.cf-mini-coin.red  { background: linear-gradient(135deg,#991b1b,#CE422B); color: #E8A096; border: 1px solid rgba(239,68,68,.35); box-shadow: 0 0 12px rgba(239,68,68,.25); }
.cf-mini-coin.blue { background: linear-gradient(135deg,#3A2525,#6E4540); color: #D9C8C4; border: 1px solid rgba(143,45,32,.35); box-shadow: 0 0 12px rgba(143,45,32,.25); }

.cf-game-name { font-weight: 700; color: var(--t1); font-size: 14px; }
.cf-game-sub  { font-size: 11px; color: var(--t3); }
.cf-game-vs {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cf-vs-text {
  font-family: var(--fd);
  font-size: 18px;
  color: var(--t3);
  letter-spacing: .1em;
}
.cf-empty-slot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px dashed var(--ln2);
  display: grid;
  place-items: center;
  font-size: 16px;
  color: var(--t3);
}
.cf-game-wager {
  font-family: var(--fd);
  font-size: 26px;
  letter-spacing: .04em;
  color: var(--gold2);
  white-space: nowrap;
  display: inline-flex; align-items: center; gap: 8px;
}
.cf-game-wager .cf-game-skin, .cf-game-wager .skin-stack .ss-th{ width:34px; height:34px; }
.cf-game-actions { display: flex; gap: 8px; margin-left: auto; }

.cf-join-btn {
  min-height: 38px;
  padding: 0 18px;
  border-radius: 10px;
  background: linear-gradient(135deg,var(--p2),var(--p));
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  border: 0;
  transition: filter .16s, transform .16s;
  white-space: nowrap;
}
.cf-join-btn:hover { filter: brightness(1.12); transform: translateY(-1px); }
.cf-join-btn:disabled { opacity: .4; cursor: not-allowed; transform: none; }

.cf-cancel-btn {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  background: rgba(239,68,68,.1);
  border: 1px solid rgba(239,68,68,.25);
  color: var(--red2);
  font-size: 12px;
  font-weight: 600;
  transition: background .16s;
}
.cf-cancel-btn:hover { background: rgba(239,68,68,.2); }
.cf-history-list .cf-game-row {
  opacity: .85;
}
.cf-history-row-result {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--t3);
  flex-wrap: wrap;
}
.cf-winner-badge {
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
.cf-winner-red  { background: rgba(239,68,68,.15); color: #E8A096; border: 1px solid rgba(239,68,68,.3); }
.cf-winner-blue { background: rgba(143,45,32,.15); color: #D9C8C4; border: 1px solid rgba(143,45,32,.3); }
.cf-verify-btn {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(201,108,91,.1);
  border: 1px solid rgba(201,108,91,.25);
  color: var(--p3);
  font-size: 11px;
  font-weight: 600;
  transition: background .16s;
  cursor: pointer;
}
.cf-verify-btn:hover { background: rgba(201,108,91,.2); }
.cf-verify-panel {
  display: none;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-top: 8px;
  border: 1px solid rgba(201,108,91,.2);
  border-radius: 10px;
  background: rgba(0,0,0,.3);
  padding: 12px;
  font-size: 11px;
}
.cf-verify-panel.open { display: flex; }
.cf-verify-panel b    { color: var(--p3); }
.cf-verify-panel code { font-family: var(--fm); font-size: 10px; color: var(--gold2); background: rgba(0,0,0,.4); border: 1px solid var(--ln); border-radius: 5px; padding: 5px 7px; word-break: break-all; }
.cf-verify-result { padding: 6px 10px; border-radius: 7px; font-weight: 600; font-size: 12px; }
.cf-verify-result.red  { background: rgba(239,68,68,.1);  color: #E8A096; border: 1px solid rgba(239,68,68,.25); }
.cf-verify-result.blue { background: rgba(143,45,32,.1); color: #D9C8C4; border: 1px solid rgba(143,45,32,.25); }
body.cf-modal-lock{ overflow: hidden; }
body:has(.cf-modal.open), body:has(.app-modal.open){ overflow: hidden; }

.cf-modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 80px 16px 24px;
  opacity: 1; transition: opacity .2s ease;
}
.cf-modal.open { display: flex; }
.cf-modal.cf-closing { opacity: 0 !important; pointer-events: none; }

.cf-modal-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 90% at 50% 34%, rgba(33,22,22,.30), rgba(33,22,22,.58) 72%);
  backdrop-filter: blur(13px) saturate(.85) brightness(.7);
  -webkit-backdrop-filter: blur(13px) saturate(.85) brightness(.7);
  animation: cfFadeIn .2s ease;
}

.cf-modal-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 480px;
  max-height: calc(100vh - 112px);
  overflow-y: auto;
  border-radius: 22px;
  border: 1px solid var(--ln2);
  background: linear-gradient(180deg, rgba(40,28,28,.80), rgba(33,22,22,.86));
  backdrop-filter: blur(22px) saturate(.92);
  -webkit-backdrop-filter: blur(22px) saturate(.92);
  box-shadow: 0 0 0 1px rgba(201,108,91,.14), 0 40px 120px rgba(0,0,0,.55);
  padding: 26px 24px 22px;
  animation: cfPop .28s cubic-bezier(.2,1.1,.4,1);
}

@keyframes cfFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes cfPop {
  0%   { opacity: 0; transform: translateY(16px) scale(.95); }
  100% { opacity: 1; transform: translateY(0)    scale(1); }
}

.cf-modal-close {
  position: absolute;
  top: 12px; right: 12px;
  width: 34px; height: 34px;
  border-radius: 10px;
  border: 1px solid var(--ln);
  background: rgba(0,0,0,.35);
  color: var(--t2);
  font-size: 15px;
  cursor: pointer;
  transition: background .16s, color .16s;
  z-index: 2;
}
.cf-modal-close:hover { background: rgba(239,68,68,.18); color: #E8A096; }
.watch-copy{ position:absolute; top:12px; right:54px; width:34px; height:34px; border-radius:10px;
  border:1px solid var(--ln); background:rgba(0,0,0,.35); color:var(--t2); cursor:pointer; z-index:2;
  display:flex; align-items:center; justify-content:center; transition:background .16s,color .16s; }
.watch-copy svg{ width:17px; height:17px; }
.watch-copy:hover{ background:rgba(206,66,43,.18); color:#CE422B; }
.watch-copy.ok{ background:rgba(74,222,128,.22); color:#86efac; border-color:rgba(74,222,128,.5); }
.cf-watch-card{ max-width:620px; }
.cf-watch-stage{ display:flex; justify-content:center; padding:4px 2px 2px; }
.cf-watch-stage .rp-map{ margin:0; }

.cf-modal-head { text-align: center; margin-bottom: 14px; }
.cf-modal-head .eyebrow { display: inline-block; }
.cf-modal-head h3 {
  font-family: var(--fd);
  font-size: 22px;
  letter-spacing: .03em;
  color: var(--t1);
  margin-top: 4px;
  word-break: break-word;
}
.cf-modal-players {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 8px;
}
.cf-modal-player {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
  max-width: 150px;
  padding: 10px 8px;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: border-color .25s, background .25s, transform .25s;
}
.cf-modal-player.winner {
  border-color: rgba(206,66,43,.5);
  background: rgba(206,66,43,.08);
  transform: translateY(-2px);
  box-shadow: 0 0 22px rgba(206,66,43,.18);
}
.cf-modal-pname {
  font-weight: 700;
  font-size: 14px;
  color: var(--t1);
  text-align: center;
  word-break: break-word;
  max-width: 130px;
}
.cf-modal-vs {
  font-family: var(--fd);
  font-size: 16px;
  color: var(--t3);
  letter-spacing: .08em;
}
.cf-modal-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 356px;
  border-radius: 20px;
  border: 1px solid var(--ln2);
  background:
    radial-gradient(circle at 50% 36%, rgba(58,37,37,.55), rgba(33,22,22,.96) 70%),
    linear-gradient(180deg, rgba(33,22,22,.9), rgba(33,22,22,.98));
  box-shadow: inset 0 0 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
  overflow: hidden;
  margin: 10px 0 16px;
}
.cf-modal-stage::before {
  content: "";
  position: absolute;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(206,66,43,.22), transparent 68%);
  filter: blur(8px);
  pointer-events: none;
  z-index: 0;
}
.cf-modal-stage .cf-coin-wrap {
  position: relative;
  z-index: 2;
  grid-area: 1 / 1;
  margin: 0 auto;
  left: auto; right: auto;
}
.cf-modal-stage .cf-coin { width: 200px; height: 200px; }
.cf-modal-stage .cf-coin-wrap.flipping{ animation: coinThrowBig var(--throw-dur,2.8s) linear forwards !important; }
@keyframes coinThrowBig {
  0%   { transform: translateY(0)     scale(1);    }
  22%  { transform: translateY(-62px) scale(1.13); }
  46%  { transform: translateY(-78px) scale(1.17); }
  64%  { transform: translateY(-56px) scale(1.13); }
  84%  { transform: translateY(-18px) scale(1.05); }
  100% { transform: translateY(0)     scale(1);    }
}

.cf-modal-result {
  position: absolute !important;
  bottom: 16px;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) scale(.85) !important;
  opacity: 0;
  font-family: var(--fd);
  font-size: 27px;
  letter-spacing: .06em;
  padding: 8px 26px;
  border-radius: 999px;
  white-space: nowrap;
  transition: opacity .3s, transform .3s;
  z-index: 3;
  pointer-events: none;
}
.cf-modal-result.show-red  { opacity: 1; transform: translateX(-50%) scale(1) !important;
  background: linear-gradient(180deg, rgba(239,68,68,.28), rgba(239,68,68,.14));
  color: #fecaca; border: 1px solid rgba(239,68,68,.55);
  box-shadow: 0 6px 26px rgba(239,68,68,.35), inset 0 1px 0 rgba(255,255,255,.15); }
.cf-modal-result.show-blue { opacity: 1; transform: translateX(-50%) scale(1) !important;
  background: linear-gradient(180deg, rgba(143,45,32,.28), rgba(143,45,32,.14));
  color: #D9C8C4; border: 1px solid rgba(143,45,32,.55);
  box-shadow: 0 6px 26px rgba(143,45,32,.35), inset 0 1px 0 rgba(255,255,255,.15); }
.cf-modal-outcome {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: var(--t2);
  min-height: 22px;
  margin-bottom: 12px;
}
.cf-modal-outcome.red  { color: #E8A096; }
.cf-modal-outcome.blue { color: #D9C8C4; }
.cf-modal-outcome.mine { color: var(--gold2); }
.cf-modal-fair { display: flex; flex-direction: column; gap: 8px; }
.cf-modal-fair .cf-verify-btn { align-self: center; }

@media (max-width: 540px) {
  .cf-modal-card { padding: 22px 16px 18px; }
  .cf-modal-head h3 { font-size: 19px; }
  .cf-modal-stage .cf-coin { width: 124px; height: 124px; }
  .cf-modal-players { gap: 8px; }
}
.cf-history-clickable { cursor: pointer; transition: border-color .16s, background .16s, transform .12s; }
.cf-history-clickable:hover { border-color: var(--p3); background: rgba(201,108,91,.08); transform: translateY(-1px); }
.cf-watch-btn {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(201,108,91,.25), rgba(201,108,91,.18));
  border: 1px solid rgba(201,108,91,.4);
  color: #E8D6D2;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: filter .16s;
}
.cf-watch-btn:hover { filter: brightness(1.2); }
@media (max-width: 700px) {
  .cf-create-grid { grid-template-columns: 1fr; }
  .cf-side-picker { flex-wrap: wrap; justify-content: center; }
  .cf-game-row { flex-wrap: wrap; }
  .cf-game-actions { width: 100%; }
  .cf-join-btn { flex: 1; }
}
.cf-stage-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  position: relative;
  z-index: 2;
}
.cf-stage-info {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.cf-particles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.cf-particle {
  position: absolute;
  width: 4px; height: 4px;
  border-radius: 50%;
  opacity: 0;
  animation: cfParticle 6s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.5s);
}
.cf-particle:nth-child(odd)  { background: rgba(239,68,68,.5);  left: calc(10% + var(--i)*7%); top: 80%; }
.cf-particle:nth-child(even) { background: rgba(143,45,32,.5); left: calc(5%  + var(--i)*7%); top: 85%; }
@keyframes cfParticle {
  0%   { opacity: 0; transform: translateY(0)   scale(1); }
  20%  { opacity: .8; }
  80%  { opacity: .3; }
  100% { opacity: 0; transform: translateY(-180px) scale(.3); }
}
.cf-legend {
  display: flex;
  gap: 20px;
  z-index: 2;
  position: relative;
}
.cf-legend-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
}
.cf-legend-item.red  { color: #E8A096; }
.cf-legend-item.blue { color: #D9C8C4; }
.cf-legend-dot {
  width: 10px; height: 10px; border-radius: 50%;
}
.cf-legend-item.red  .cf-legend-dot { background: #CE422B; box-shadow: 0 0 8px rgba(239,68,68,.7); }
.cf-legend-item.blue .cf-legend-dot { background: #6E4540; box-shadow: 0 0 8px rgba(143,45,32,.7); }
.cf-coin { width: 180px; height: 180px; }
.page-head { margin-bottom: 24px; }
.page-title {
  font-family: var(--fd); letter-spacing: .04em; line-height: .92;
  font-size: clamp(38px,6vw,72px);
  background: linear-gradient(135deg,#fff 30%,var(--p3));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.balance-overview {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
  border: 1px solid var(--line); border-radius: var(--r);
  background: linear-gradient(135deg,rgba(201,108,91,.08),rgba(0,0,0,.3));
  padding: 22px 24px; margin-bottom: 18px;
}
.balance-lbl {
  display: block; font-size: 11px; text-transform: uppercase;
  letter-spacing: .14em; color: var(--t3); margin-bottom: 5px;
}
.balance-val {
  font-family: var(--fd); font-size: clamp(32px,4vw,52px);
  color: var(--gold2); letter-spacing: .04em;
}
.balance-stats {
  display: flex; gap: 10px; flex-wrap: wrap; margin-left: auto;
}
.bstat {
  border: 1px solid var(--line); border-radius: 11px;
  padding: 10px 16px; background: rgba(0,0,0,.2); text-align: center;
}
.bstat span { display: block; font-size: 11px; color: var(--t3); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 3px; }
.bstat b    { display: block; font-size: 20px; font-weight: 700; color: var(--p3); }
.bstat.green b { color: var(--grn2); }
.bstat.red   b { color: var(--red2); }
.form-msg       { font-size: 13px; margin-top: 4px; color: var(--p3); min-height: 18px; }
.form-msg.error { color: var(--red2); }
.tx-type         { font-weight: 700; font-size: 12px; padding: 2px 8px; border-radius: 6px; }
.tx-type.deposit { background: rgba(74,222,128,.12); color: var(--pos); border: 1px solid rgba(74,222,128,.28); }
.tx-type.withdraw{ background: rgba(239,68,68,.12); color: var(--red2); border: 1px solid rgba(239,68,68,.22); }
.tx-status { font-size: 12px; color: var(--t3); }
.tx-status.pending   { color: var(--gold2); }
.tx-status.completed { color: var(--pos); }
.tx-status.rejected  { color: var(--red2); }
.tx-method { font-size: 12px; color: var(--t3); }
.tx-date   { font-size: 11px; color: var(--t3); margin-left: auto; }
.lb-hero {
  position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap;
  border: 1px solid rgba(206,66,43,.22); border-radius: var(--r);
  background: linear-gradient(135deg,rgba(206,66,43,.06),rgba(0,0,0,.3));
  padding: 28px 24px; margin-bottom: 18px;
}
.lb-hero::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(58% 120% at 24% 28%, rgba(206,66,43,.16), transparent 62%);
  animation:lbHeroGlow 5s ease-in-out infinite; }
.lb-hero-prize{ position:relative; z-index:1; }
.lb-hero-prize strong{ animation:lbPrizeGlow 3s ease-in-out infinite; }
@keyframes lbHeroGlow{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }
@keyframes lbPrizeGlow{ 0%,100%{ text-shadow:0 2px 10px rgba(206,66,43,.22); } 50%{ text-shadow:0 0 28px rgba(206,66,43,.6), 0 2px 10px rgba(206,66,43,.42); } }
.lb-hero-prize { text-align: center; }
.lb-hero-prize span   { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .16em; color: var(--t3); margin-bottom: 6px; }
.lb-hero-prize strong { display: inline-flex; align-items: center; justify-content: center; gap: .12em; font-family: var(--fd); font-size: clamp(46px,7vw,82px); color: var(--gold2); letter-spacing: .02em; line-height: 1; white-space: nowrap; }
.lb-hero-prize strong .coin-ico{ width:.6em; height:.6em; margin-right:0; vertical-align:baseline; flex:0 0 auto; filter:drop-shadow(0 2px 4px rgba(143,85,75,.5)); }
.lb-hero-prize small  { display: block; font-size: 13px; color: var(--t3); margin-top: 6px; }
.lb-hero-prize small span { display: inline; font-family: var(--fm); color: var(--p3); font-size: 14px; letter-spacing: .04em; }
.lb-prize-breakdown {
  display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto;
}
.lb-prize-slot {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 10px 14px; border-radius: 12px;
  border: 1px solid var(--line); background: rgba(0,0,0,.2);
}
.lb-prize-slot span { font-size: 18px; }
.lb-prize-slot b    { font-size: 13px; font-weight: 700; color: var(--gold2); }
.lb-prize-slot.rank-1 { border-color: rgba(206,66,43,.4); background: rgba(206,66,43,.08); }
.lb-prize-slot.rank-2 { border-color: rgba(192,192,192,.3); }
.lb-prize-slot.rank-3 { border-color: rgba(205,127,50,.3); }

.lb-row-gold   { border-color: rgba(206,66,43,.4) !important; background: rgba(206,66,43,.06) !important; }
.lb-row-silver { border-color: rgba(192,192,192,.28) !important; }
.lb-row-bronze { border-color: rgba(205,127,50,.28) !important; }
.lb-rank-badge { font-size: 22px; flex-shrink: 0; }
.lb-rank-badge.rank-gold   { filter: drop-shadow(0 0 8px rgba(206,66,43,.7)); }
.lb-player     { flex: 1; }
.lb-player b   { display: block; font-size: 15px; font-weight: 700; color: var(--t1); }
.lb-player small { font-size: 11px; color: var(--t3); }
.lb-record     { display: flex; align-items: center; gap: 4px; font-size: 14px; }
.lb-wins       { color: var(--grn2); font-weight: 700; }
.lb-losses     { color: var(--red2); font-weight: 700; }
.lb-sep        { color: var(--t3); }
.lb-prize      { color: var(--gold2); font-weight: 700; font-size: 15px; white-space: nowrap; }
.fairness-explainer {
  display: flex; flex-direction: column; gap: 12px;
  border: 1px solid var(--line); border-radius: var(--r);
  background: rgba(0,0,0,.18); padding: 20px; margin-bottom: 18px;
}
.fe-step { display: flex; align-items: flex-start; gap: 12px; }
.fe-num  {
  width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
  background: var(--p); color: #fff; font-size: 13px; font-weight: 700;
  display: grid; place-items: center; margin-top: 1px;
}
.fe-body { font-size: 13px; color: var(--t2); line-height: 1.6; }
.fe-body b    { color: var(--p3); }
.fe-body code { font-family: var(--fm); font-size: 12px; color: var(--gold2); background: rgba(0,0,0,.35); border-radius: 5px; padding: 1px 6px; }

.fair-card { border: 1px solid var(--line); border-radius: var(--r2); background: rgba(0,0,0,.18); padding: 14px; }
.fair-card span { display: block; font-size: 10px; color: var(--t3); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 7px; }

.fair-row-header {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-bottom: 6px;
}
.fair-event-badge {
  padding: 2px 10px; border-radius: 999px; font-size: 11px; font-weight: 700;
  background: rgba(201,108,91,.12); color: var(--p3); border: 1px solid rgba(201,108,91,.25);
}
.fair-event-badge.left_battle_win  { background: rgba(34,197,94,.1);  color: var(--pos); border-color: rgba(34,197,94,.25); }
.fair-event-badge.right_battle_win { background: rgba(239,68,68,.1);  color: var(--red2); border-color: rgba(239,68,68,.25); }
.fair-event-badge.timer_jackpot    { background: rgba(206,66,43,.1); color: var(--gold2);border-color: rgba(206,66,43,.25); }
.fair-date { font-size: 11px; color: var(--t3); margin-left: auto; }
.fair-hash { font-size: 10px; word-break: break-all; }
.act-row  { align-items: flex-start; flex-direction: column; gap: 3px; }
.act-row b { font-size: 14px; }
.act-row span { font-size: 12px; color: var(--t2); }
.act-row small { font-size: 10px; color: var(--t3); }
.act-def  { color: var(--t3); font-weight: 400; margin: 0 4px; }
.act-prize { color: var(--gold2); font-weight: 700; font-size: 14px; }

.form-hint { font-size:11px; color:var(--t3); margin-top:-4px; }
@keyframes prizeUpdate {
  0%,100% { transform: scale(1); }
  50%      { transform: scale(1.06); color: var(--gold2); filter: brightness(1.3); }
}
.prize-amount.updated { animation: prizeUpdate .4s ease; }
.timer-inner strong.danger {
  color: var(--red2) !important;
  animation: timerDanger .8s ease infinite;
}
.timer-prog.danger {
  stroke: var(--red) !important;
  filter: drop-shadow(0 0 10px rgba(239,68,68,.7));
}
@keyframes timerDanger {
  0%,100% { opacity: 1; }
  50%      { opacity: .6; }
}
.timer-inner strong.waiting {
  color: var(--t3) !important;
  animation: timerWaiting 1.8s ease infinite;
}
@keyframes timerWaiting {
  0%,100% { opacity: .55; }
  50%      { opacity: .85; }
}
@keyframes balUpdate {
  0%   { background: rgba(34,197,94,.35); color: var(--grn2); }
  100% { background: rgba(206,66,43,.09); color: var(--gold2); }
}
.balance-pill.updated { animation: balUpdate .8s ease forwards; }
.btn-primary.loading {
  pointer-events: none;
  opacity: .75;
}
.btn-primary.loading::after {
  content: "";
  display: inline-block;
  width: 14px; height: 14px;
  border: 2px solid rgba(255,255,255,.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin .7s linear infinite;
  margin-left: 8px;
  vertical-align: middle;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
.health-label b.damaged {
  animation: hpDamage .5s ease;
}
@keyframes hpDamage {
  0%,100% { transform: scale(1); }
  40%      { transform: scale(1.3); }
}
.char-display:has(.empty-seat) {
  background: rgba(0,0,0,.15);
  border-style: dashed;
  border-color: rgba(201,108,91,.18);
}
.battle-status.waiting-pulse {
  animation: statusPulse 2s ease infinite;
}
@keyframes statusPulse {
  0%,100% { opacity: 1; }
  50%      { opacity: .65; }
}
.score-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
}
.score-badge.win  { background: rgba(34,197,94,.12);  color: var(--grn2); border: 1px solid rgba(34,197,94,.25); }
.score-badge.loss { background: rgba(239,68,68,.12);  color: var(--red2); border: 1px solid rgba(239,68,68,.22); }
.weapon-display {
  transition: opacity .4s ease;
}
.wd-icon { font-size: 16px; }
.wd-name { font-size: 12px; font-weight: 700; color: var(--p3); }
.online-dot {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--grn);
  box-shadow: 0 0 8px var(--grn);
  animation: onlinePulse 2s ease infinite;
  flex-shrink: 0;
}
@keyframes onlinePulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .5; transform: scale(.7); }
}
.queue-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--p);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}
.balance-pill {
  transition: background .3s, color .3s, border-color .3s;
}
.player-panel.low-hp .health-track {
  border-color: rgba(239,68,68,.4);
  animation: lowHpBorder 1s ease infinite;
}
@keyframes lowHpBorder {
  0%,100% { border-color: rgba(239,68,68,.4); }
  50%      { border-color: rgba(239,68,68,.8); }
}
.arena.result-flash-win  { animation: resultFlashWin  .5s ease; }
.arena.result-flash-loss { animation: resultFlashLoss .5s ease; }
@keyframes resultFlashWin  { 0%,100%{} 30%{ box-shadow: 0 0 0 2px rgba(206,66,43,.6), 0 40px 100px rgba(0,0,0,.68), inset 0 0 100px rgba(206,66,43,.12); } }
@keyframes resultFlashLoss { 0%,100%{} 30%{ box-shadow: 0 0 0 2px rgba(239,68,68,.5), 0 40px 100px rgba(0,0,0,.68), inset 0 0 100px rgba(239,68,68,.1); } }
.grain, .scanlines { display:none !important; }

body{
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(201,108,91,.09), transparent 60%),
    radial-gradient(900px 500px at 0% 0%, rgba(201,108,91,.05), transparent 55%),
    var(--bg);
  color: var(--t1);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.topbar{
  background: linear-gradient(180deg, rgba(33,22,22,.84), rgba(33,22,22,.72));
  border-bottom: 1px solid rgba(206,66,43,.13);
  box-shadow: 0 4px 22px rgba(0,0,0,.36);
  -webkit-backdrop-filter: saturate(150%) blur(18px);
  backdrop-filter: saturate(150%) blur(18px);
}
.topbar-inner{ min-height: var(--topbar-h); width:min(1320px,95vw); gap:18px; }
.brand-icon{
  background: linear-gradient(145deg, var(--accent2), var(--accent));
  box-shadow: 0 6px 18px rgba(201,108,91,.28);
  border-radius: 12px;
}
.brand b{ color: var(--ink); letter-spacing:.06em; font-weight:400; }
.brand small{ color: var(--t3); }
.nav{
  background: transparent; border: 0; padding: 0; gap: 2px;
}
.nav a{
  color: var(--t2); font-weight: 600; font-size: 12.5px;
  border-radius: 10px; padding: 0 10px; min-height: 36px;
  border: 1px solid transparent;
}
@media (min-width: 1100px) and (max-width: 1540px){
  .nav a{ font-size: 11px; padding: 0 7px; }
}
.nav a:hover{ background: rgba(255,255,255,.05); color: var(--ink); }
.nav a.active{
  background: rgba(201,108,91,.14); color: var(--accent2);
  border-color: rgba(201,108,91,.30);
}
.daily-free-nav{ color: var(--gold2) !important; }
.balance-pill{
  border-radius: 10px; border:1px solid rgba(206,66,43,.30);
  background: rgba(206,66,43,.08); color: var(--gold2);
}
.pill{
  border-radius: 10px; border:1px solid var(--ln2);
  background: rgba(255,255,255,.04); color: var(--t1);
}
.pill:hover{ background: rgba(255,255,255,.08); }
.pill.hot{
  background: linear-gradient(145deg, var(--accent2), var(--accent));
  border-color: transparent; color:#fff;
  box-shadow: 0 6px 16px rgba(201,108,91,.30);
}
.pill.hot:hover{ filter: brightness(1.06); }
.section-block, .arena, .panel, .auth-card, .cf-card, .lb-card, .stat-card, .wallet-card{
  background: linear-gradient(180deg, var(--card2), var(--card));
  border: 1px solid var(--ln);
  border-radius: var(--radius);
  box-shadow: 0 1px 0 rgba(255,255,255,.02), 0 18px 50px rgba(0,0,0,.35);
}
.eyebrow{ color: var(--accent2); letter-spacing:.16em; }
.btn-primary, .btn.primary, button.primary, .cta, .join-btn{
  background: linear-gradient(145deg, var(--accent2), var(--accent)) !important;
  border: 0 !important; color:#fff !important;
  box-shadow: 0 8px 22px rgba(201,108,91,.28) !important;
}
.btn-primary:hover, .btn.primary:hover, .join-btn:hover{ filter: brightness(1.06); }
@media (min-width: 1401px){
  body.chat-open main.page{ padding-right: 0; }
}
.chat-drawer{
  position: fixed;
  top: var(--topbar-h);
  right: 0;
  bottom: 0;
  width: 340px;
  max-width: 88vw;
  z-index: 150;
  display: flex; flex-direction: column; align-items: stretch;
  background: linear-gradient(180deg, rgba(33,22,22,.98), rgba(33,22,22,.99));
  border-left: 1px solid var(--ln2);
  box-shadow: -16px 0 48px rgba(0,0,0,.4);
  transform: translateX(0);
  transition: transform .28s cubic-bezier(.4,0,.2,1);
}
.chat-drawer.closed{ transform: translateX(100%); }
.chat-toggle{
  position: absolute;
  left: -42px; top: 18px;
  width: 42px; min-height: 120px; padding: 0;
  flex-direction: column; gap: 8px;
  border-radius: 12px 0 0 12px;
  background: linear-gradient(145deg, var(--accent2), var(--accent));
  border: 1px solid rgba(255,255,255,.12); border-right: 0;
  box-shadow: -6px 0 18px rgba(201,108,91,.3);
  writing-mode: vertical-rl; text-orientation: mixed;
  font-size: 12px; letter-spacing: .12em; color:#fff;
}
.chat-toggle .chat-icon{ writing-mode: horizontal-tb; font-size:16px; }
.chat-panel{
  width: 100%; height: 100%;
  border: 0; border-radius: 0;
  background: transparent;
  box-shadow: none;
  display: flex; flex-direction: column; overflow: hidden;
}
.chat-drawer.closed .chat-panel{ display: flex; }
.chat-head{
  padding: 14px 16px;
  background: rgba(201,108,91,.08);
  border-bottom: 1px solid var(--ln);
}
.chat-head strong{ color: var(--accent2); font-size: 14px; }
.chat-messages{ padding: 12px; gap: 3px; }
.chat-message{
  background: rgba(255,255,255,.035);
  border: 1px solid var(--ln);
  border-radius: 10px;
  transition: background .16s ease, border-color .16s ease;
}
.chat-message:hover{ background: rgba(206,66,43,.06); border-color: rgba(206,66,43,.2); }
.chat-message.chat-mentions-me{ background: rgba(206,66,43,.11) !important; border-color: rgba(206,66,43,.36) !important; box-shadow: inset 2px 0 0 var(--accent,#CE422B); }
.chat-message b{ color: var(--accent2); }
.chat-form{ padding: 12px; border-top: 1px solid var(--ln); }
.chat-form input{ border-radius: 10px; background: rgba(0,0,0,.35); }
.chat-form input:focus{ border-color: var(--accent); box-shadow: 0 0 0 3px rgba(206,66,43,.13); }
.chat-form button{ border-radius: 10px; background: var(--accent); }
.chat-form button:hover{ background: var(--accent2); }
@media (max-width: 1099px){
  main.page{ padding-right: 0; }
  .chat-drawer{ width: 320px; }
}
.app-modal{
  position: fixed; inset: 0; z-index: 2000;
  display: none; align-items: center; justify-content: center; padding: 20px;
}
.app-modal.open{ display: flex; }
#confirmModal{ z-index: 2100 !important; }
.app-modal__overlay{
  position:absolute; inset:0; background: rgba(33,22,22,.72);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  animation: amFade .2s ease;
}
.app-modal__card{
  position: relative; z-index:1; width:100%; max-width: 380px;
  border-radius: 18px; border:1px solid var(--ln2);
  background: linear-gradient(180deg, var(--card2), var(--card));
  box-shadow: 0 30px 90px rgba(0,0,0,.6);
  padding: 28px 24px; text-align: center;
  animation: amPop .26s cubic-bezier(.2,1.1,.4,1);
}
@keyframes amFade{ from{opacity:0} to{opacity:1} }
@keyframes amPop{ 0%{opacity:0; transform: translateY(14px) scale(.96)} 100%{opacity:1; transform:none} }
.app-modal__close{
  position:absolute; top:12px; right:12px; width:32px; height:32px;
  border-radius:9px; border:1px solid var(--ln); background: rgba(255,255,255,.04);
  color: var(--t2); cursor:pointer;
}
.app-modal__close:hover{ background: rgba(239,68,68,.16); color:#E8A096; }
.app-modal__icon{ font-size: 46px; line-height:1; margin-bottom: 10px; }
.app-modal__title{ font-family: var(--fd); font-size: 26px; letter-spacing:.03em; color: var(--ink); margin-bottom: 6px; }
.app-modal__amount{ font-family: var(--fd); font-size: 52px; color: var(--gold2); line-height:1; margin: 6px 0 4px; }
.app-modal__text{ color: var(--t2); font-size: 14px; margin-bottom: 18px; }
.app-modal__btn{
  width:100%; min-height: 46px; border:0; border-radius: 12px; cursor:pointer;
  font-weight:700; font-size: 15px; color:#fff;
  background: linear-gradient(145deg, var(--accent2), var(--accent));
  box-shadow: 0 8px 22px rgba(201,108,91,.3);
}
.app-modal__btn:hover{ filter: brightness(1.07); }
.app-modal__btn:disabled{ opacity:.55; cursor:default; filter:none; }
.app-modal__btn.gold{ background: linear-gradient(145deg, var(--gold2), var(--gold)); color:#281C1C; box-shadow:0 8px 22px rgba(206,66,43,.3); }
.empty-char{ width: 96px; height: 134px; opacity:.9; display:block; margin: 0 auto 8px; }
.empty-seat{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }
.empty-seat b{ color: var(--t2); font-size: 15px; }
.empty-seat span{ color: var(--t3); font-size: 12px; }
.es-ring{ }.es-pulse{ transform-box: fill-box; transform-origin: 50% 50%; animation: esPulse 2.2s ease-out infinite; }
@keyframes esPulse{ 0%{ transform: scale(.55); opacity:.75; } 70%{ opacity:0; } 100%{ transform: scale(2.05); opacity:0; } }
.es-q{ animation: esQ 2.2s ease-in-out infinite; }
@keyframes esQ{ 0%,100%{ opacity:.45; } 50%{ opacity:.95; } }
.es-label{ display:inline-flex; align-items:baseline; }.es-dots{ display:inline-block; width:1.05em; text-align:left; font-style:normal; }
.es-dots::after{ content:"..."; }
@keyframes esDots{ 0%{ content:""; } 25%{ content:"."; } 50%{ content:".."; } 75%{ content:"..."; } 100%{ content:""; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .es-ring,.es-pulse,.es-q,.es-label,.es-dots::after{ animation: none; }
  .es-dots::after{ content:"..."; }
}
.player-panel.champ-ready{
  border-color: rgba(230,106,85,.42);
  animation: champReady 2.6s ease-in-out infinite;
}
@keyframes champReady{
  0%,100%{ box-shadow: 0 0 0 1px rgba(230,106,85,.10), 0 0 22px -8px rgba(230,106,85,.32); }
  50%    { box-shadow: 0 0 0 1px rgba(230,106,85,.30), 0 0 38px -4px rgba(230,106,85,.58); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .player-panel.champ-ready{ animation:none; box-shadow: 0 0 0 1px rgba(230,106,85,.22); }
}
.guest-cta{ display:flex; flex-direction:column; gap:10px; align-items:stretch; text-align:center; }
.guest-cta p{ color: var(--t2); font-size: 14px; margin-bottom: 4px; }
.btn-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height: 44px; border-radius: 12px;
  border:1px solid var(--ln2); background: rgba(255,255,255,.04);
  color: var(--t1); font-weight:700; font-size:14px;
  transition: background .16s, border-color .16s;
}
.btn-ghost:hover{ background: rgba(255,255,255,.08); border-color: var(--accent); }


body{
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(201,108,91,.12), transparent 60%),
    radial-gradient(900px 500px at 0% 0%, rgba(201,108,91,.06), transparent 55%),
    var(--rust-bg);
}
.topbar{ background: rgba(33,22,22,.82); border-bottom:1px solid var(--rust-ln); }
.brand-icon{ background: linear-gradient(145deg, var(--rust3), var(--rust)); box-shadow:0 6px 18px rgba(201,108,91,.34); }
.brand b{ letter-spacing:.08em; }
.nav a.active{ background: rgba(201,108,91,.18); color: var(--rust3); border-color: rgba(201,108,91,.32); }
.nav a:hover{ color:#fff; }
.section-block, .arena, .panel, .auth-card, .cf-card, .lb-card, .stat-card, .wallet-card, .player-panel, .cf-game-row, .app-modal__card, .chat-panel, .cf-modal-stage, .section, .stat-box{
  background: linear-gradient(180deg, var(--rust-card2), var(--rust-card));
  border: 1px solid var(--rust-ln);
}
.eyebrow{ color: var(--rust3); }
.btn-primary, .btn.primary, button.primary, .cta, .join-btn, .cf-join-btn, .app-modal__btn, #joinBtn, .chat-form button{
  background: linear-gradient(145deg, var(--rust3), var(--rust)) !important;
  border:0 !important; color:#fff !important;
  box-shadow: 0 8px 22px rgba(201,108,91,.32) !important;
}
.btn-primary:hover, .join-btn:hover, .cf-join-btn:hover{ filter:brightness(1.08); }
.chat-drawer{ background: linear-gradient(180deg, rgba(34,28,24,.98), rgba(20,17,15,.99)); border-left:1px solid var(--rust-ln2); }
.chat-head{ background: rgba(201,108,91,.10); }
.chat-head strong, .chat-message b{ color: var(--rust3); }
.chat-toggle{ background: linear-gradient(145deg, var(--rust3), var(--rust)); box-shadow:-6px 0 18px rgba(201,108,91,.3); }
.hero-pool-display, .prize-pool-box{ border-color: rgba(201,108,91,.25); }
.hp-fill{
  background: linear-gradient(90deg, var(--rust2), var(--rust3)) !important;
}
.cf-vs-text, .vs-text{ color: var(--rust3); }
.section-title h3{ border-bottom-color: var(--rust-ln2); }
.seat-badge b{ color: var(--rust3) !important; }
.champion-badge .seat-badge b{ color: var(--gold2) !important; }
.cf-modal-stage strong, .arena strong[style*="red2"], .vs-badge strong{ color: var(--rust3) !important; }
.brand-icon-rust{
  width: 42px; height: 42px; padding: 0; background: transparent !important;
  box-shadow: none !important; display: inline-flex; align-items: center; justify-content: center;
  filter: drop-shadow(0 4px 10px rgba(201,108,91,.4));
}
.brand-icon-rust svg{ width: 100%; height: 100%; }
.arena, .section-block, .cf-card, .lb-card, .wallet-card, .auth-card{
  position: relative;
  background-image:
    linear-gradient(180deg, var(--rust-card2), var(--rust-card)),
    repeating-linear-gradient(135deg, rgba(0,0,0,.05) 0 2px, transparent 2px 5px);
  background-blend-mode: normal, overlay;
}
.arena::before, .arena::after{
  content:""; position:absolute; width:7px; height:7px; border-radius:50%;
  background: radial-gradient(circle at 35% 35%, #5a4a42, #1a120e);
  box-shadow: inset 0 0 2px rgba(0,0,0,.8);
  top: 12px; pointer-events:none; z-index:1;
}
.arena::before{ left: 12px; }
.arena::after{ right: 12px; }
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: var(--rust-bg2); }
::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#5a352a,#3a201a); border-radius: 6px; border: 2px solid var(--rust-bg2); }
::-webkit-scrollbar-thumb:hover{ background: linear-gradient(180deg,#7a4636,#4a281f); }
.eyebrow{ text-shadow: 0 0 12px rgba(201,108,91,.3); }
.page-hero h1, .hero-title{ text-shadow: 0 2px 20px rgba(201,108,91,.18); }
.brand-text b{
  font-family: var(--fhd, var(--fd));
  font-size: 25px; letter-spacing: .06em; line-height: .95;
  color: #f4ece6; display:flex; gap:.18em; align-items:baseline;
}
.brand-text .brand-accent{ color: var(--rust3); }
.brand-text small{
  display:block; font-size: 9.5px; letter-spacing: .34em; text-transform: uppercase;
  color: var(--t3); margin-top: 2px;
}
.brand-icon-rust{ filter: drop-shadow(0 3px 12px rgba(201,108,91,.45)); transition: transform .2s; }
.brand:hover .brand-icon-rust{ transform: rotate(-6deg) scale(1.05); }
.arena-header h1, .page-hero h1, .hero-title, .auth-card h1{
  background: linear-gradient(135deg, #fff 28%, var(--rust3)) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.cf-legend{ display:flex; gap:22px; justify-content:center; align-items:center; flex-wrap:wrap; }
.cf-legend-item{ display:inline-flex; align-items:center; gap:8px; line-height:1; }
.cf-legend-dot{ flex:0 0 auto; width:11px; height:11px; border-radius:50%; display:inline-block; }
.chat-login-row, .chat-foot-note{ text-align:center; }
.btn-ico{ width:17px; height:17px; vertical-align:-3px; margin-right:6px; display:inline-block; }
.btn-ghost{ display:inline-flex; align-items:center; justify-content:center; }
.level-card{ background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln); border-radius:14px; padding:18px; margin-bottom:16px; }
.level-head{ display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.level-badge{ flex:0 0 auto; width:54px; height:54px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-family:var(--fd); font-size:18px; color:#fff; background:linear-gradient(145deg,var(--rust3),var(--rust)); box-shadow:0 6px 16px rgba(201,108,91,.35); }
.level-title{ font-weight:700; font-size:15px; color:var(--t1); }
.level-xp{ font-size:12.5px; color:var(--t2); margin-top:2px; }
.level-bar{ height:12px; border-radius:7px; background:rgba(0,0,0,.4); overflow:hidden; border:1px solid var(--rust-ln); }
.level-fill{ height:100%; background:linear-gradient(90deg,var(--rust2),var(--rust3)); border-radius:7px; transition:width .5s ease; box-shadow:0 0 12px rgba(201,108,91,.5); }
.level-hint{ font-size:11.5px; color:var(--t3); margin-top:8px; }
.aff-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
@media(max-width:860px){ .aff-grid{ grid-template-columns:1fr; } }
.aff-code-box{ text-align:center; padding:18px; border-radius:12px; background:rgba(201,108,91,.08); border:1px dashed var(--rust-ln2); margin-bottom:14px; }
.aff-code-label{ font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:var(--t3); margin-bottom:6px; }
.aff-code{ font-family:var(--fd); font-size:34px; letter-spacing:.1em; color:var(--rust3); }
.aff-link-row{ display:flex; gap:8px; }
.aff-link-input{ flex:1; min-height:44px; padding:0 14px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); font-size:13px; }
.aff-link-row .btn-primary{ min-height:44px; padding:0 22px; border-radius:10px; }
.aff-hint{ font-size:12px; color:var(--t3); margin-top:10px; }
.aff-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.aff-stat{ text-align:center; padding:16px 8px; border-radius:12px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); }
.aff-stat-num{ font-family:var(--fd); font-size:28px; color:var(--rust3); }
.aff-stat-lbl{ font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--t3); margin-top:4px; }
.aff-list{ display:flex; flex-direction:column; gap:8px; }
.aff-row{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); }
.aff-row-name{ font-weight:700; color:var(--t1); flex:1; }
.aff-row-lvl{ font-size:12px; color:var(--rust3); font-weight:700; }
.aff-row-date{ font-size:12px; color:var(--t3); }
.admin-notice{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.4); color:#CE422B; padding:12px 16px; border-radius:10px; margin-bottom:16px; }
.admin-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(148px,1fr)); gap:12px; margin-bottom:20px; }
@media(max-width:520px){ .admin-stats{ grid-template-columns:repeat(2,1fr); } }
.adm-stats-group{ font-family:var(--fu); font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:var(--gold2); margin:4px 0 11px; display:flex; align-items:center; gap:10px; }
.adm-stats-group::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg,var(--rust-ln),transparent); }
.admin-nav{ display:flex; flex-wrap:wrap; gap:5px; margin-bottom:22px; padding:7px; background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.16)); border:1px solid var(--rust-ln); border-radius:14px; }
.admin-nav-tab{ font-family:var(--fu); font-weight:700; font-size:13px; color:var(--t2); text-decoration:none; padding:8px 14px; border-radius:9px; background:transparent; border:1px solid transparent; transition:background .15s,border-color .15s,color .15s,transform .08s; }
.admin-nav-tab:hover{ color:var(--t1); border-color:var(--rust-ln); background:rgba(255,255,255,.05); }
.admin-nav-tab.active{ color:#281C1C; background:linear-gradient(180deg,#CE422B,#CE422B); border-color:#CE422B; box-shadow:0 4px 14px rgba(206,66,43,.25); }
.admin-nav-tab:active{ transform:translateY(1px); }
@media(max-width:680px){ .admin-nav-tab{ flex:1 1 auto; text-align:center; padding:8px 8px; font-size:12px; } }
.admin-stat{ position:relative; text-align:center; padding:18px 10px 15px; border-radius:14px; background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln); overflow:hidden; transition:transform .12s ease, border-color .15s ease, box-shadow .15s ease; }
.admin-stat::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--gold2),transparent); opacity:.5; }
.admin-stat:hover{ transform:translateY(-2px); border-color:var(--p); box-shadow:0 10px 24px rgba(0,0,0,.28); }
.admin-stat-num{ font-family:var(--fd); font-size:25px; color:var(--rust3); display:inline-flex; align-items:center; gap:5px; justify-content:center; }
.admin-stat-num .coin-ico{ width:17px; height:17px; }
.admin-stat-lbl{ font-size:10.5px; text-transform:uppercase; letter-spacing:.09em; color:var(--t3); margin-top:5px; }
.admin-search{ display:flex; gap:8px; margin-bottom:14px; }
.admin-search input{ flex:1; min-height:42px; padding:0 14px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); }
.admin-search .btn-primary{ min-height:42px; padding:0 20px; border-radius:10px; }
.admin-users{ display:flex; flex-direction:column; gap:4px; }
.admin-uhead, .admin-urow{ display:grid; grid-template-columns:54px 1.6fr 1fr .6fr .7fr 2.4fr; gap:10px; align-items:center; padding:10px 12px; }
.admin-uhead{ font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--t3); border-bottom:1px solid var(--rust-ln); }
.admin-urow{ border-radius:9px; background:rgba(0,0,0,.2); border:1px solid var(--rust-ln); }
.admin-urow.is-banned{ opacity:.6; border-color:rgba(239,68,68,.4); }
.adm-id{ color:var(--t3); font-size:12px; }
.adm-user{ font-weight:700; color:var(--t1); display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.adm-bal{ color:var(--gold2); font-weight:700; }
.adm-lvl{ color:var(--rust3); font-size:13px; }
.adm-wl{ color:var(--t2); font-size:13px; }
.adm-badge{ font-size:9px; font-style:normal; padding:2px 5px; border-radius:4px; letter-spacing:.05em; }
.adm-badge.admin{ background:rgba(201,108,91,.2); color:var(--rust3); }
.adm-badge.ban{ background:rgba(239,68,68,.2); color:#E8A096; }
.adm-actions{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.adm-inline{ display:inline-flex; gap:4px; align-items:center; }
.adm-amt{ width:64px; min-height:32px; padding:0 8px; border-radius:7px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.4); color:var(--t1); font-size:12px; }
.adm-btn{ min-height:32px; padding:0 12px; border-radius:7px; border:0; cursor:pointer; font-size:12px; font-weight:700; color:#fff; background:var(--steel); }
.adm-btn:hover{ filter:brightness(1.15); }
.adm-ok{ background:linear-gradient(145deg,#16a34a,#15803d); }
.adm-no{ background:linear-gradient(145deg,#dc2626,#b91c1c); }
.admin-wreq{ display:flex; align-items:center; gap:16px; padding:12px 14px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); margin-bottom:6px; }
.admin-wreq form{ margin-left:auto; }
.landing{ width:100%; }
.landing .lp-section, .landing .lp-final{ width:min(1180px,92vw); margin:0 auto; }
.lp-hero{ position:relative; overflow:hidden; padding:80px 0 70px; margin-bottom:20px; }
.lp-hero-bg{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(900px 480px at 78% 8%, rgba(201,108,91,.18), transparent 62%),
    radial-gradient(700px 420px at 8% 90%, rgba(201,108,91,.14), transparent 60%),
    repeating-linear-gradient(135deg, rgba(0,0,0,.05) 0 3px, transparent 3px 7px);
}
.lp-hero-inner{ position:relative; z-index:1; width:min(1180px,92vw); margin:0 auto; text-align:center; }
.lp-eyebrow{
  display:inline-block; font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--rust3); background:rgba(201,108,91,.1); border:1px solid var(--rust-ln2);
  padding:7px 16px; border-radius:999px; margin-bottom:24px; text-shadow:0 0 12px rgba(201,108,91,.3);
}
.lp-title{
  font-family:var(--fhd,var(--fd)); font-size:clamp(54px,9vw,118px);
  line-height:.88; letter-spacing:.02em; margin:0 0 22px; color:#f4ece6;
  text-shadow:0 4px 30px rgba(0,0,0,.5);
}
.lp-title-accent{
  background:linear-gradient(135deg,var(--rust3),var(--rust));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.lp-sub{ max-width:620px; margin:0 auto 32px; font-size:18px; line-height:1.6; color:var(--t2); }
.lp-cta-row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:46px; }
.lp-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:54px; padding:0 32px; border-radius:13px; font-weight:800; font-size:16px;
  letter-spacing:.02em; cursor:pointer; transition:transform .15s, filter .15s, box-shadow .15s; text-decoration:none;
}
.lp-btn-primary{ background:linear-gradient(145deg,var(--rust3),var(--rust)); color:#fff; box-shadow:0 12px 30px rgba(201,108,91,.4); }
.lp-btn-primary:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 16px 38px rgba(201,108,91,.5); }
.lp-btn-ghost{ background:rgba(255,255,255,.05); color:var(--t1); border:1px solid var(--rust-ln2); }
.lp-btn-ghost:hover{ background:rgba(255,255,255,.1); transform:translateY(-2px); }
.lp-btn-lg{ min-height:60px; padding:0 44px; font-size:18px; }
.lp-stats{ display:flex; gap:48px; justify-content:center; flex-wrap:wrap; }
.lp-stat-n{ font-family:var(--fd); font-size:40px; color:var(--rust3); line-height:1; }
.lp-stat-l{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--t3); margin-top:6px; }
.lp-section{ padding:54px 0; }
.lp-section-alt{ background:rgba(0,0,0,.18); border-top:1px solid var(--rust-ln); border-bottom:1px solid var(--rust-ln); width:100%!important; }
.lp-section-alt .lp-sec-head, .lp-section-alt .lp-features{ width:min(1180px,92vw); margin-left:auto; margin-right:auto; }
.lp-sec-head{ text-align:center; margin-bottom:40px; }
.lp-sec-eyebrow{ display:block; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--rust3); margin-bottom:10px; }
.lp-sec-head h2{ font-family:var(--fd); font-size:clamp(32px,5vw,52px); letter-spacing:.02em; color:#f4ece6; margin:0; }
.lp-modes{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
@media(max-width:760px){ .lp-modes{ grid-template-columns:1fr; } }
.lp-mode{
  display:block; padding:34px; border-radius:18px; text-decoration:none;
  background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln);
  transition:transform .18s, border-color .18s, box-shadow .18s; position:relative; overflow:hidden;
}
.lp-mode::after{ content:""; position:absolute; inset:0; background:radial-gradient(400px 200px at 70% 0%,rgba(201,108,91,.08),transparent 70%); opacity:0; transition:opacity .2s; }
.lp-mode:hover{ transform:translateY(-4px); border-color:var(--rust-ln2); box-shadow:0 20px 50px rgba(0,0,0,.4); }
.lp-mode:hover::after{ opacity:1; }
.lp-mode-icon{ font-size:46px; margin-bottom:16px; }
.lp-mode h3{ font-family:var(--fd); font-size:30px; letter-spacing:.03em; color:#f4ece6; margin:0 0 10px; }
.lp-mode p{ color:var(--t2); line-height:1.6; margin:0 0 18px; font-size:15px; }
.lp-mode-link{ color:var(--rust3); font-weight:800; font-size:15px; }
.lp-features{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:860px){ .lp-features{ grid-template-columns:1fr 1fr; } }
@media(max-width:520px){ .lp-features{ grid-template-columns:1fr; } }
.lp-feature{ padding:24px; border-radius:14px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); }
.lp-feat-ico{ font-size:30px; margin-bottom:12px; }
.lp-feature h4{ font-size:17px; color:#f4ece6; margin:0 0 8px; }
.lp-feature p{ color:var(--t3); font-size:14px; line-height:1.55; margin:0; }
.lp-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:760px){ .lp-steps{ grid-template-columns:1fr; } }
.lp-step{ text-align:center; padding:28px 20px; border-radius:14px; background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln); }
.lp-step-n{ width:52px; height:52px; margin:0 auto 16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--fd); font-size:24px; color:#fff; background:linear-gradient(145deg,var(--rust3),var(--rust)); box-shadow:0 8px 20px rgba(201,108,91,.35); }
.lp-step h4{ font-size:18px; color:#f4ece6; margin:0 0 8px; }
.lp-step p{ color:var(--t3); font-size:14px; line-height:1.55; margin:0; }
.lp-final{ text-align:center; padding:64px 30px; margin:30px auto 50px; border-radius:22px;
  background:radial-gradient(700px 300px at 50% 0%,rgba(201,108,91,.16),transparent 70%), linear-gradient(180deg,var(--rust-card2),var(--rust-card));
  border:1px solid var(--rust-ln2); }
.lp-final h2{ font-family:var(--fd); font-size:clamp(34px,5vw,56px); color:#f4ece6; margin:0 0 12px; letter-spacing:.02em; }
.lp-final p{ color:var(--t2); font-size:17px; margin:0 0 28px; }
body.chat-open .landing .lp-section-alt{ }
.aff-custom{ margin-top:18px; padding-top:18px; border-top:1px solid var(--rust-ln); }
.aff-custom-title{ font-weight:700; color:var(--t1); margin-bottom:10px; font-size:14px; }
.aff-custom-row{ display:flex; gap:8px; }
.aff-custom-row input{ flex:1; min-height:44px; padding:0 14px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); font-family:var(--fd); font-size:18px; letter-spacing:.08em; text-transform:uppercase; }
.aff-custom-row .btn-primary{ min-height:44px; padding:0 20px; border-radius:10px; white-space:nowrap; }
.aff-msg{ padding:9px 12px; border-radius:9px; font-size:13px; margin-bottom:10px; }
.aff-msg.ok{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.4); color:#CE422B; }
.aff-msg.err{ background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.4); color:#E8A096; }
.chat-head-actions{ display:flex; align-items:center; gap:8px; flex:0 0 auto; margin-left:auto; }
.chat-tip-btn{ width:auto!important; height:auto!important; min-height:30px; padding:0 12px!important; border-radius:8px; border:0; cursor:pointer; font-weight:700; font-size:12px; color:#160F0F; background:linear-gradient(145deg,var(--gold2),var(--gold))!important; display:inline-flex!important; align-items:center; white-space:nowrap; }
.tip-field{ text-align:left; margin-bottom:12px; }
.tip-field label{ display:block; font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--t3); margin-bottom:5px; }
.tip-field input{ width:100%; min-height:44px; padding:0 14px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.4); color:var(--t1); font-size:15px; }
.tip-field input:focus{ border-color:var(--rust3); outline:none; }
.tip-msg{ min-height:18px; font-size:13px; margin-bottom:10px; }
.tip-msg.ok{ color:#CE422B; }
.tip-msg.err{ color:#E8A096; }
.admin-tools{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:760px){ .admin-tools{ grid-template-columns:1fr; } }
.admin-tool label{ display:block; font-size:13px; color:var(--t2); margin-bottom:8px; font-weight:600; }
.admin-tool-row{ display:flex; gap:8px; }
.admin-tool-row input{ flex:1; min-height:42px; padding:0 14px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); }
.admin-tool-row .btn-primary{ min-height:42px; padding:0 18px; border-radius:10px; white-space:nowrap; }
.notif-wrap{ position:relative; z-index:1100; }
.notif-bell{ position:relative; width:40px; height:40px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(255,255,255,.04); cursor:pointer; font-size:17px; display:inline-flex; align-items:center; justify-content:center; }
.notif-bell:hover{ background:rgba(255,255,255,.08); }
.notif-bell .notif-bell-ico{ display:inline-flex; align-items:center; justify-content:center; }
.notif-bell .notif-bell-ico svg{ width:20px; height:20px; color:var(--t2); }
.notif-bell:hover .notif-bell-ico svg{ color:var(--t1); }
.notif-badge{ position:absolute; top:-2px; right:-2px; min-width:10px; width:10px; height:10px; padding:0; border-radius:50%; background:#22c55e; color:transparent; font-size:0; line-height:0; border:none; box-shadow:0 0 0 2px var(--rust-bg2,#16120d), 0 1px 5px rgba(34,197,94,.65); }
.notif-panel{ position:absolute; top:50px; right:0; width:320px; max-height:420px; overflow-y:auto; background:linear-gradient(180deg,#281C1C,#1A1111); border:1px solid var(--rust-ln2); border-radius:14px; box-shadow:0 20px 50px rgba(0,0,0,.6); z-index:1200; }
.notif-panel{ max-width:calc(100vw - 20px); }
@media (max-width:1150px){
  .notif-panel{ left:0; right:auto; width:min(320px, calc(100vw - 130px)); max-width:none; }
}
.notif-head{ padding:14px 16px; font-weight:700; color:var(--t1); border-bottom:1px solid var(--rust-ln); font-size:14px; }
.notif-list{ padding:6px; }
.notif-item{ padding:11px 12px; border-radius:9px; display:flex; flex-direction:column; gap:3px; }
.notif-item:hover{ background:rgba(255,255,255,.03); }
.notif-msg{ font-size:13px; color:var(--t1); line-height:1.4; }
.notif-time{ font-size:11px; color:var(--t3); }
.notif-empty{ padding:24px; text-align:center; color:var(--t3); font-size:13px; }
.rw-level{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.rw-level-mid{ flex:1; min-width:200px; }
.rw-level-mid .level-bar{ margin-top:8px; }
.rw-level-claim{ flex:0 0 auto; }
.rw-level-claim .app-modal__btn{ min-width:160px; }
.rw-nothing{ color:var(--t3); font-size:13px; font-style:italic; }
.rw-hint{ font-size:12.5px; color:var(--t3); margin-top:14px; }
.rw-reset{ font-size:11px; color:var(--t3); font-weight:400; text-transform:none; letter-spacing:0; margin-left:8px; }

.rw-tasks{ display:flex; flex-direction:column; gap:10px; }
.rw-task{ display:flex; align-items:center; gap:16px; padding:14px 16px; border-radius:12px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); }
.rw-task-info{ flex:1; }
.rw-task-label{ font-weight:700; color:var(--t1); font-size:14px; margin-bottom:7px; }
.rw-task-bar{ height:8px; border-radius:5px; background:rgba(0,0,0,.4); overflow:hidden; border:1px solid var(--rust-ln); }
.rw-task-fill{ height:100%; background:linear-gradient(90deg,var(--rust2),var(--rust3)); border-radius:5px; transition:width .4s; }
.rw-task-prog{ font-size:11.5px; color:var(--t3); margin-top:5px; }
.rw-task-reward{ flex:0 0 auto; text-align:right; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.rw-task-amt{ font-family:var(--fd); font-size:20px; color:var(--gold2); }
.rw-claim-btn{ min-height:34px; padding:0 18px; border-radius:9px; border:0; cursor:pointer; font-weight:800; font-size:13px; color:#160F0F; background:linear-gradient(145deg,var(--gold2),var(--gold)); }
.rw-claim-btn:hover{ filter:brightness(1.08); }
.rw-claimed{ font-size:12px; color:#CE422B; font-weight:700; }
.rw-locked{ font-size:12px; color:var(--t3); }

.rw-achs{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media(max-width:860px){ .rw-achs{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .rw-achs{ grid-template-columns:1fr 1fr; } }
.rw-ach{ text-align:center; padding:20px 12px; border-radius:14px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); transition:transform .15s; }
.rw-ach.unlocked{ border-color:var(--rust-ln2); background:linear-gradient(180deg,rgba(201,108,91,.08),rgba(0,0,0,.2)); }
.rw-ach.unlocked:hover{ transform:translateY(-3px); }
.rw-ach.locked{ opacity:.5; }
.rw-ach-icon{ font-size:34px; margin-bottom:10px; }
.rw-ach-name{ font-weight:700; color:var(--t1); font-size:14px; margin-bottom:5px; }
.rw-ach-desc{ font-size:12px; color:var(--t3); line-height:1.4; }
.rw-ach-count{ font-size:13px; color:var(--rust3); font-weight:700; }
@media (max-width: 1099px){
  body.chat-open main.page{ padding-right: 0 !important; }
}
@media (max-width: 820px){
  html, body{ max-width:100%; }
  .chat-drawer{ position:fixed; top:auto; bottom:0; right:0; left:0; width:100%; height:auto; z-index:300; }
  .chat-panel{
    position:fixed; top:0; right:0; bottom:0;
    width:min(340px,86vw); transform:translateX(100%);
    transition:transform .25s ease; box-shadow:-10px 0 40px rgba(0,0,0,.6);
  }
  body:not(.chat-closed) .chat-panel{ }
  .chat-drawer:not(.closed) .chat-panel{ transform:translateX(0); }
  .chat-drawer.closed .chat-panel{ transform:translateX(100%); }
  .chat-toggle{
    position:fixed; left:14px; right:auto; bottom:14px; top:auto; transform:none;
    flex-direction:row; gap:6px; width:auto; height:auto; padding:11px 16px;
    border-radius:999px; writing-mode:horizontal-tb; box-shadow:0 8px 24px rgba(201,108,91,.45); z-index:301;
  }
  .chat-toggle .chat-label{ writing-mode:horizontal-tb; }
}
@media (max-width: 820px){
  body.chat-open main.page{ padding-right:0 !important; }
}
@media (max-width: 680px){
  .lp-stats{ gap:26px; }
  .lp-title{ font-size:clamp(46px,15vw,70px); }
  .admin-uhead{ display:none; }
  .admin-urow{ grid-template-columns:1fr 1fr; gap:6px 10px; row-gap:6px; }
  .admin-urow .adm-actions{ grid-column:1 / -1; }
  .notif-panel{
    position:fixed; top:calc(var(--rr-header-h,60px) + 4px); right:8px; left:auto;
    width:min(340px, calc(100vw - 16px)); max-height:70vh;
  }
  .rw-task{ flex-direction:column; align-items:stretch; gap:10px; }
  .rw-task-reward{ flex-direction:row; align-items:center; justify-content:space-between; }
}
.chat-message{ cursor:default; }
.chat-message b{ display:inline-flex; align-items:center; }
.chat-tip-hint{ padding:7px 14px; font-size:11px; color:var(--t3); border-bottom:1px solid var(--rust-ln); background:rgba(0,0,0,.15); }
.aff-top{ display:grid; grid-template-columns:1.4fr 1fr; gap:16px; margin-bottom:18px; }
@media(max-width:860px){ .aff-top{ grid-template-columns:1fr; } }
.aff-panel{ background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln); border-radius:16px; padding:22px; }
.aff-panel h3{ margin:0 0 12px; font-size:17px; color:var(--t1); }
.g{ color:#CE422B; }
.aff-part-text,.aff-collect-text{ font-size:13px; color:var(--t2); line-height:1.6; margin:0 0 16px; }
.aff-metrics{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
@media(max-width:560px){ .aff-metrics{ grid-template-columns:1fr 1fr; } }
.aff-metric{ background:rgba(0,0,0,.25); border:1px solid var(--rust-ln); border-radius:12px; padding:14px 10px; text-align:center; }
.aff-metric-n{ font-size:22px; font-weight:800; color:var(--t1); }
.aff-metric-n.g{ color:#CE422B; }
.pcttiny{ font-size:13px; }
.aff-metric-l{ font-size:11px; color:var(--t3); margin-top:4px; }
.aff-collect-btn{ width:100%; min-height:48px; border-radius:10px; border:0; cursor:pointer; font-weight:800; font-size:14px; letter-spacing:.04em; color:#fff; background:linear-gradient(145deg,#CE422B,#8F2D20); margin-bottom:14px; }
.aff-collect-btn:hover{ filter:brightness(1.1); }
.aff-collect-btn:disabled{ opacity:.6; cursor:default; }
.aff-link-wrap{ display:flex; gap:8px; margin-bottom:10px; align-items:stretch; }
.aff-link-input{ flex:1 1 auto; min-width:0; min-height:42px; padding:0 12px; border-radius:9px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); font-size:12px; }
.aff-link-wrap .btn-primary{ width:auto; flex:0 0 auto; min-width:0; min-height:42px; padding:0 16px; border-radius:9px; font-size:13px; }
.aff-custom-row{ display:flex; gap:8px; }
.aff-custom-row input{ flex:1; min-height:38px; padding:0 12px; border-radius:9px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); font-size:13px; text-transform:uppercase; }
.btn-ghost-sm{ min-height:38px; padding:0 16px; border-radius:9px; border:1px solid var(--rust-ln2); background:rgba(255,255,255,.05); color:var(--t1); cursor:pointer; font-weight:700; font-size:13px; }
.btn-ghost-sm:hover{ background:rgba(255,255,255,.1); }

.aff-levels-block{ background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln); border-radius:16px; overflow:hidden; }
.aff-levels-head{ display:grid; grid-template-columns:80px 1.4fr 1.6fr 1fr; gap:10px; padding:14px 20px; font-size:11px; letter-spacing:.1em; color:var(--t3); border-bottom:1px solid var(--rust-ln); text-transform:uppercase; }
.aff-level-row{ display:grid; grid-template-columns:80px 1.4fr 1.6fr 1fr; gap:10px; align-items:center; padding:20px; border-bottom:1px solid var(--rust-ln); }
.aff-level-row:last-child{ border-bottom:0; }
.aff-level-row.final{ border-left:3px solid #CE422B; background:rgba(206,66,43,.06); }
.aff-lvl-shield{ width:48px; height:54px; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:var(--t2); background:linear-gradient(180deg,var(--steel),var(--steel2)); clip-path:polygon(50% 0,100% 22%,100% 75%,50% 100%,0 75%,0 22%); text-transform:uppercase; }
.aff-level-row.final .aff-lvl-shield{ color:#F4EAE8; background:linear-gradient(180deg,#8F3B2D,#4A302D); }
.aff-level-prog{ font-size:15px; font-weight:700; }
.aff-slash{ color:var(--t3); font-weight:400; }
.aff-level-bonus{ font-size:14px; color:var(--t2); }
.aff-level-earn{ font-size:18px; font-weight:800; text-align:center; color:var(--t1); }
@media(max-width:680px){
  .aff-levels-head{ display:none; }
  .aff-level-row{ grid-template-columns:48px 1fr; gap:8px 14px; }
  .aff-level-bonus,.aff-level-earn{ grid-column:2; text-align:left; }
}
.rb-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:760px){ .rb-grid{ grid-template-columns:1fr; } }
.rb-card{ text-align:center; padding:24px 18px; border-radius:16px; background:linear-gradient(180deg,var(--rust-card2),var(--rust-card)); border:1px solid var(--rust-ln); }
.rb-card.rb-weekly{ border-color:rgba(206,66,43,.28); }
.rb-card.rb-monthly{ border-color:rgba(206,66,43,.3); }
.rb-period{ font-family:var(--fd); font-size:24px; color:var(--t1); letter-spacing:.04em; }
.rb-pct{ font-size:12px; color:var(--t3); margin-top:4px; }
.rb-amount{ font-family:var(--fd); font-size:32px; color:var(--gold2); margin:14px 0; }
.rb-claim{ min-width:140px; }
.rb-note{ display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; color:var(--t3); padding:9px 18px; min-width:140px; min-height:38px; box-sizing:border-box; border:1px dashed var(--rust-ln); border-radius:10px; background:rgba(255,255,255,.02); }
.rw-two{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
@media(max-width:760px){ .rw-two{ grid-template-columns:1fr; } }
.promo-row{ display:flex; gap:8px; }
.promo-row input{ flex:1; min-height:44px; padding:0 14px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.35); color:var(--t1); }
.promo-row .btn-primary{ min-height:44px; padding:0 20px; border-radius:10px; }
.promo-active{ background:rgba(206,66,43,.12); border:1px solid rgba(206,66,43,.4); color:#E8A096; padding:10px 14px; border-radius:10px; margin-bottom:12px; font-size:13px; }
.wreq-amount{ font-family:var(--fd); font-size:30px; color:var(--gold2); margin-bottom:10px; }
.wreq-amount span{ font-size:18px; color:var(--t3); }
.wreq-met{ color:#CE422B; font-size:13px; margin-top:10px; }
.wreq-note{ color:var(--t2); font-size:13px; margin-top:10px; line-height:1.5; }
.admin-promos{ display:flex; flex-direction:column; gap:6px; }
.admin-promo{ display:flex; align-items:center; gap:14px; padding:11px 14px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); }
.admin-promo-code{ font-family:var(--fd); font-size:17px; color:var(--rust3); letter-spacing:.05em; }
.admin-promo-pct{ color:#E8A096; font-weight:700; }
.admin-promo-uses{ font-size:12px; color:var(--t3); }
.admin-promo-status{ font-size:11px; padding:2px 8px; border-radius:5px; font-weight:700; }
.admin-promo-status.on{ background:rgba(52,211,153,.2); color:#CE422B; }
.admin-promo-status.off{ background:rgba(239,68,68,.2); color:#E8A096; }
.wd-icon{ display:flex; align-items:center; justify-content:center; height:38px; margin-bottom:4px; }
.wd-icon svg{ width:96px; height:auto; max-height:38px; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.char-display:not(:has(.empty-seat)){
  background:
    
    radial-gradient(120% 80% at 50% 10%, rgba(201,108,91,.07), transparent 60%),
    
    repeating-linear-gradient(45deg, rgba(201,108,91,.05) 0 10px, rgba(0,0,0,.06) 10px 20px),
    
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 6px, rgba(0,0,0,.06) 6px 12px),
    
    linear-gradient(180deg, transparent 58%, rgba(40,28,20,.6) 58%, rgba(20,14,9,.85) 100%),
    rgba(0,0,0,.3);
}
.char-display:not(:has(.empty-seat))::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-repeat:no-repeat;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(0,0,0,.5) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 30% 16%, rgba(0,0,0,.4) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 26%, rgba(0,0,0,.5) 0 2px, transparent 3px),
    radial-gradient(circle at 84% 18%, rgba(0,0,0,.4) 0 1px, transparent 2px),
    radial-gradient(circle at 60% 12%, rgba(0,0,0,.35) 0 1px, transparent 2px),
    radial-gradient(circle at 45% 30%, rgba(0,0,0,.4) 0 1.5px, transparent 2.5px),
    
    linear-gradient(180deg, rgba(168,52,31,.12) 0 1px, transparent 1px) ;
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 3px 40%;
  background-position: 0 0,0 0,0 0,0 0,0 0,0 0, 22% 0;
}
.char-display:not(:has(.empty-seat))::before{
  content:""; position:absolute; left:0; right:0; bottom:0; height:48%; z-index:0; pointer-events:none;
  background-repeat:no-repeat; background-position:left bottom, right bottom, 70% bottom, center bottom; background-size:auto 62%, auto 54%, auto 38%, 100% 3px;
  background-image:
    
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='60'><rect x='6' y='6' width='28' height='52' rx='4' fill='%23a8341f' stroke='%23541608' stroke-width='1.5'/><rect x='6' y='16' width='28' height='4' fill='%23000' opacity='.25'/><rect x='6' y='42' width='28' height='4' fill='%23000' opacity='.25'/><ellipse cx='20' cy='7' rx='14' ry='4' fill='%23c14627'/><rect x='13' y='24' width='14' height='12' fill='%23e8c07a' opacity='.85'/></svg>"),
    
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='52' height='48'><rect x='4' y='8' width='44' height='38' rx='2' fill='%235a4a32' stroke='%232a2012' stroke-width='1.5'/><path d='M4 8 L48 46 M48 8 L4 46' stroke='%232a2012' stroke-width='1.5' opacity='.5'/><rect x='4' y='8' width='44' height='7' fill='%236b5838'/></svg>"),
    
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40'><g fill='%236e5a3a' stroke='%233a2e1a' stroke-width='1'><ellipse cx='14' cy='32' rx='13' ry='7'/><ellipse cx='40' cy='32' rx='13' ry='7'/><ellipse cx='27' cy='20' rx='13' ry='7'/></g></svg>"),
    
    linear-gradient(90deg, transparent, rgba(201,108,91,.28), transparent);
  opacity:.55;
}
.char-display .rust-char-wrap{ position:relative; z-index:2; }
.char-display .player-color-name{ position:relative; z-index:2; }
.chat-message b{ display:inline-flex; align-items:center; gap:5px; flex-wrap:wrap; }
.chat-msg-head{
  display:flex; align-items:center; gap:6px; margin-bottom:3px; flex-wrap:wrap;
}
.chat-lvl{
  display:inline-flex; align-items:center; justify-content:center;
  height:18px; padding:0 7px; flex:0 0 auto;
  font-size:11px; font-weight:800; line-height:1; border-radius:5px; color:#ffffff;
  background:linear-gradient(145deg,#CE422B,#8a2e1c);
  box-shadow:0 1px 3px rgba(0,0,0,.4);
  letter-spacing:.03em; white-space:nowrap;
}
.chat-lvl::before{ content:"LV "; font-size:8px; font-weight:900; opacity:.9; color:#ffffff; }
.chat-role{
  display:inline-flex; align-items:center; height:18px; padding:0 7px; flex:0 0 auto;
  font-size:9px; font-weight:900; line-height:1; border-radius:5px;
  letter-spacing:.06em; color:#ffffff; white-space:nowrap;
}
.chat-role-admin, .chat-role-mod{ background:none !important; padding:0 !important; }
.chat-role-admin{ color:#f04545 !important; }
.chat-role-mod{ color:#D98778 !important; }
.chat-role-admin svg{ width:15px !important; height:15px !important; display:block !important; filter:drop-shadow(0 0 3px rgba(240,69,69,.5)) !important; }
.chat-role-mod svg{ width:14px !important; height:14px !important; display:block !important; filter:drop-shadow(0 0 3px rgba(217,135,120,.5)) !important; }
.chat-msg-head .chat-role.chat-role-admin{ color:#f04545 !important; background:none !important; padding:0 !important; height:18px !important; }
.chat-msg-head .chat-role.chat-role-mod{ color:#D98778 !important; background:none !important; padding:0 !important; height:18px !important; }
.chat-role[data-tip]{ position:relative; cursor:default; }
.chat-name{ font-weight:700; font-size:13px; color:var(--t1); }
.chat-name.cn-admin{ color:#E8A096; }
.chat-name.cn-mod{ color:#E8A096; }
.chat-msg-head .chat-ts{ margin-left:auto; font-size:10px; color:var(--t3); white-space:nowrap; }
.chat-name.cn-mod{ color:#E8A096; }
.chat-ts{ font-size:10px; color:var(--t3); }

.chat-ctx{
  position:fixed; z-index:400; min-width:170px; padding:6px;
  background:linear-gradient(180deg,var(--rust-card2),var(--rust-card));
  border:1px solid var(--rust-ln2); border-radius:12px; box-shadow:0 16px 40px rgba(0,0,0,.55);
}
.chat-ctx-name{ font-size:12px; font-weight:700; color:var(--rust3); padding:6px 10px 8px; border-bottom:1px solid var(--rust-ln); margin-bottom:4px; }
.chat-ctx-btn{ display:block; width:100%; text-align:left; padding:9px 10px; border-radius:8px; border:0; background:transparent; color:var(--t1); cursor:pointer; font-size:13px; font-weight:600; }
.chat-ctx-btn:hover{ background:rgba(255,255,255,.06); }
.chat-ctx-mod{ color:#E8A096; }
.chat-drawer{
  right:auto !important; left:0 !important;
  top: var(--topbar-h) !important; bottom:0 !important;
  width:344px !important; max-width:88vw !important;
  border-left:0 !important; border-right:1px solid var(--rust-ln2) !important;
  box-shadow:16px 0 48px rgba(0,0,0,.45) !important;
  transform:translateX(0);
  transition: transform .32s cubic-bezier(.4,0,.2,1);
  overflow: visible !important;
}
.chat-drawer.closed{ transform:translateX(-100%) !important; }
.chat-toggle{
  position:fixed !important;
  left:0 !important; right:auto !important; top:96px !important;
  width:42px !important; min-height:120px !important; padding:0 !important;
  display:flex !important; flex-direction:column !important; gap:8px !important;
  align-items:center !important; justify-content:center !important;
  border-radius:0 12px 12px 0 !important;
  background:linear-gradient(145deg, var(--rust3), var(--rust)) !important;
  border:1px solid rgba(255,255,255,.14) !important; border-left:0 !important;
  box-shadow:6px 0 18px rgba(201,108,91,.45) !important;
  writing-mode:vertical-rl; text-orientation:mixed;
  font-size:12px; letter-spacing:.12em; color:#fff; cursor:pointer;
  z-index:160 !important;
  transition: box-shadow .25s, filter .2s, opacity .25s, transform .25s;
}
.chat-toggle .chat-icon{ writing-mode:horizontal-tb; font-size:16px; }
.chat-toggle:hover{ filter:brightness(1.08); box-shadow:9px 0 26px rgba(201,108,91,.6) !important; }
body.chat-open .chat-toggle{ opacity:0 !important; pointer-events:none !important; transform:translateX(-100%) !important; }
@media (min-width:1601px){
  .chat-drawer{ transform:translateX(0) !important; z-index:90 !important; }
  .chat-drawer.closed{ transform:translateX(0) !important; }
  main.page{
    margin-left: 344px !important;
    width:auto !important; max-width:none !important;
    padding: 28px 20px 80px !important;
  }
  .chat-toggle, #chatClose{ display:none !important; }
}
@media (max-width:1099px){
  main.page{ margin-left:auto !important; margin-right:auto !important; }
  .chat-drawer{ z-index:300 !important; }
}
.chat-drawer:not(.closed){ box-shadow:10px 0 34px rgba(0,0,0,.4) !important; }
body:not(.chat-open) .chat-toggle{ animation: chatPulse 3.4s ease-in-out infinite; }
@keyframes chatPulse{
  0%, 86%, 100%{ box-shadow:6px 0 18px rgba(201,108,91,.45); }
  91%{ box-shadow:11px 0 30px rgba(201,108,91,.8); }
  95%{ box-shadow:7px 0 22px rgba(201,108,91,.6); }
}
body:not(.chat-open) .chat-toggle::after{
  content:""; position:absolute; inset:-3px; border-radius:0 14px 14px 0;
  border:2px solid rgba(201,108,91,.6); opacity:0; animation: chatRing 3.4s ease-in-out infinite;
}
@keyframes chatRing{ 0%,86%,100%{opacity:0;transform:scale(1);} 91%{opacity:.9;transform:scale(1.05);} }

@media (max-width: 820px){
  .chat-drawer{ top:auto !important; bottom:0 !important; left:0 !important; right:0 !important; width:100% !important; height:auto !important; max-height:80vh !important; z-index:300 !important; }
  .chat-drawer.closed{ transform:translateY(100%) !important; }
  .chat-toggle{ left:14px !important; right:auto !important; top:auto !important; bottom:14px !important; width:auto !important; min-height:0 !important; padding:7px 12px !important; gap:6px !important; flex-direction:row !important; border-radius:999px !important; writing-mode:horizontal-tb !important; border:1px solid rgba(255,255,255,.14) !important; font-size:12px !important; }
  .chat-toggle .chat-icon svg{ width:16px !important; height:16px !important; }
  .chat-toggle .chat-label{ font-size:12px !important; }
  .chat-toggle .chat-label{ writing-mode:horizontal-tb; }
}
.balance-group{ display:inline-flex; align-items:center; gap:0; }
.balance-group .balance-pill{ border-radius:0; }
.bal-btn{
  display:inline-flex; align-items:center; justify-content:center; width:30px; height:32px;
  font-size:20px; font-weight:800; text-decoration:none; cursor:pointer; line-height:1;
  border:1px solid var(--rust-ln2); color:#fff; user-select:none;
}
.bal-plus{ border-radius:0 9px 9px 0; border-left:0; background:linear-gradient(180deg,#CE422B 0%,#B63827 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 3px 10px rgba(0,0,0,.28), 0 0 12px rgba(206,66,43,.20) !important; color:#F4EAE8 !important; font-weight:900 !important; }
.bal-minus{ border-radius:9px 0 0 9px; border-right:0; background:linear-gradient(145deg,#b9442b,#8a2e1c); }
.bal-btn:hover{ filter:brightness(1.15); }
.adm-badge.mod{ background:rgba(217,135,120,.2); color:#E8A096; }
.adm-badge.muted{ background:rgba(230,106,85,.2); color:#E66A55; }
.adm-btn.adm-mod{ background:linear-gradient(145deg,#D98778,#B87569); }
.promo-tag{ display:inline-block; font-size:10px; font-weight:800; padding:1px 7px; border-radius:5px; margin-left:6px; background:linear-gradient(145deg,#CE422B,#8F2D20); color:#fff; vertical-align:middle; }
.wallet-grid form.tab-focus{ border-color:var(--rust3) !important; box-shadow:0 0 0 2px rgba(201,108,91,.25); }
.rust-default-av{ width:88px; height:88px; border-radius:14px; overflow:hidden; border:2px solid var(--rust3); box-shadow:0 0 16px rgba(201,108,91,.35); }
.rust-default-av svg{ width:100%; height:100%; display:block; }
.profile-activity{ display:flex; flex-direction:column; gap:6px; }
.pa-row{ display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:10px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); }
.pa-ico{ font-size:18px; flex:0 0 auto; }
.pa-msg{ flex:1; font-size:13px; color:var(--t1); }
.pa-time{ font-size:11px; color:var(--t3); flex:0 0 auto; }
.aff-levels-head{ grid-template-columns:80px 1.4fr 1.4fr !important; }
.aff-level-row{ grid-template-columns:80px 1.4fr 1.4fr !important; }
.aff-level-row.reached{ background:rgba(52,211,153,.06); }
.aff-level-row.reached .aff-lvl-shield{ color:#F4EAE8; background:linear-gradient(180deg,#8F3B2D,#4A302D); }
@media(max-width:680px){
  .aff-level-row{ grid-template-columns:48px 1fr !important; }
  .aff-level-earn{ grid-column:2; text-align:left; }
}
.modal-select{ width:100%; min-height:44px; padding:0 12px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.4); color:var(--t1); font-size:14px; }
.notif-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.notif-mark-all{ font-size:11px; font-weight:600; color:var(--rust3); background:transparent; border:0; cursor:pointer; padding:2px 4px; white-space:nowrap; }
.notif-mark-all:hover{ text-decoration:underline; }
.rb-timer{ font-family:var(--fd); font-size:26px; color:var(--rust3); letter-spacing:.06em; margin:6px 0 2px; }
.rb-timer.ready{ color:#E8A096; }
.ref-table{ display:flex; flex-direction:column; gap:4px; }
.ref-head,.ref-row{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:10px; align-items:center; padding:11px 14px; }
.ref-head{ font-size:11px; letter-spacing:.1em; color:var(--t3); text-transform:uppercase; border-bottom:1px solid var(--rust-ln); }
.ref-row{ border-radius:9px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); font-size:14px; }
.ref-name{ font-weight:700; color:var(--t1); }
.ref-lvl{ font-style:normal; font-size:10px; color:var(--rust3); background:rgba(201,108,91,.15); padding:1px 6px; border-radius:5px; margin-left:4px; }
.ref-wager{ color:var(--gold2); font-weight:700; }
@media(max-width:640px){ .ref-head{ display:none; } .ref-row{ grid-template-columns:1fr 1fr; gap:6px 10px; } }
.acct-row{ display:flex; justify-content:space-between; align-items:center; padding:9px 0; border-bottom:1px solid var(--rust-ln); }
.acct-row:last-of-type{ border-bottom:0; }
.acct-k{ font-size:12px; color:var(--t3); text-transform:uppercase; letter-spacing:.08em; }
.acct-v{ font-weight:700; color:var(--t1); font-size:14px; }
.cf-create-grid .cf-side-picker{ width:100%; justify-content:center; }
.cf-create-grid .cf-wager-section{ width:100%; max-width:340px; align-items:center; }
.cf-create-grid .cf-wager-label{ align-self:center; font-size:13px; color:var(--t2); text-transform:uppercase; letter-spacing:.08em; }
.cf-create-grid .stake-input-wrap{ width:100%; max-width:280px !important; }
.cf-create-grid .quick-amounts{ width:100%; max-width:280px !important; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.cf-create-grid .quick-amounts .qa{ padding:9px 0; }
.cf-create-grid .cf-create-btn{ width:100%; max-width:280px; min-height:48px; font-size:15px; }
.cf-side-btn{ box-shadow:0 4px 14px rgba(0,0,0,.25); }
.cf-side-btn.active{ box-shadow:0 6px 20px rgba(0,0,0,.4); }
.cf-stage{ position:relative; }
.cf-games-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.cf-top-grid{
  display:grid; grid-template-columns:1.1fr 1fr; gap:16px; align-items:stretch; margin-bottom:16px;
}
.cf-top-grid .cf-stage{ margin-bottom:0; height:100%; }
.cf-top-grid .cf-create-section{ margin-bottom:0; }
@media (max-width: 980px){ .cf-top-grid{ grid-template-columns:1fr; } }
.cf-create-grid .cf-side-picker{ width:100%; justify-content:center; }
.cf-create-grid .cf-wager-section{ width:100%; max-width:none; align-items:center; display:flex; flex-direction:column; gap:12px; }
.cf-create-grid .stake-input-wrap{ width:100%; max-width:320px !important; }
.cf-create-grid .quick-amounts{ width:100%; max-width:320px !important; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.cf-create-grid .cf-create-btn{ width:100%; max-width:320px; min-height:48px; font-size:15px; }
.cf-lists-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; margin-bottom:16px; }
@media (max-width: 980px){ .cf-lists-grid{ grid-template-columns:1fr; } }
.cf-games-col{ grid-template-columns:1fr !important; display:grid; gap:10px; }
.cf-top-grid .cf-stage{ min-height:320px; }
.cf-top-grid .cf-coin-wrap{ transform:scale(.9); }
.cf-create-section{ max-width:560px; margin:0 auto 16px; }
.cf-create-section .cf-create-grid{ max-width:none; }
.cf-create-section .cf-side-picker{ justify-content:center; }
.cf-main-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:16px; align-items:start; margin-bottom:16px; }
@media (max-width: 980px){ .cf-main-grid{ grid-template-columns:1fr; } }
.cf-create-section{ max-width:none !important; margin:0 !important; }
.cf-main-grid .cf-create-grid{ max-width:none; }
.cf-main-grid #cfOpenGames.cf-games-col{ display:grid; grid-template-columns:1fr; gap:10px; }
.cf-history-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; }
html, body { max-width: 100%; }
.account { gap: 7px; }
.section-block, .arena, .cf-card, .lb-card, .wallet-card, .auth-card, .player-panel, .app-modal__card, .form-card, .stat-box{
  background-image:
    
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, transparent 12%),
    
    repeating-linear-gradient(122deg, rgba(0,0,0,.05) 0 2px, transparent 2px 6px),
    
    radial-gradient(120px 80px at 88% 0%, rgba(201,108,91,.10), transparent 70%),
    radial-gradient(90px 60px at 6% 100%, rgba(122,45,18,.14), transparent 72%),
    
    linear-gradient(180deg, var(--rust-card2), var(--rust-card)) !important;
  background-blend-mode: overlay, overlay, screen, screen, normal !important;
}
.section-block, .arena{ position: relative; }
.section-block::after{
  content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
  background:
    radial-gradient(circle at 10px 10px,                     rgba(90,74,66,.9) 0 2px, transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) 10px,        rgba(90,74,66,.9) 0 2px, transparent 2.6px),
    radial-gradient(circle at 10px calc(100% - 10px),        rgba(90,74,66,.9) 0 2px, transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), rgba(90,74,66,.9) 0 2px, transparent 2.6px);
  opacity:.6;
}
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(140% 100% at 50% -10%, transparent 55%, rgba(0,0,0,.34) 100%),
    radial-gradient(70% 60% at 50% 120%, rgba(122,45,18,.10), transparent 60%);
  mix-blend-mode: multiply;
}
.page-wrap, main, .landing{ position: relative; z-index: 1; }
.topbar{ position: sticky; top:0; z-index: 1000; }
.chat-drawer{ position: fixed; z-index: 300; }
.btn-primary, .join-btn, .cf-join-btn, .app-modal__btn, #joinBtn{
  position: relative; overflow: hidden;
}
.btn-primary::after, .join-btn::after, .cf-join-btn::after, #joinBtn::after{
  content:""; position:absolute; inset:0;
  background: repeating-linear-gradient(118deg, rgba(255,255,255,.06) 0 1px, transparent 1px 7px);
  pointer-events:none;
}
.hero-stat b, .lp-stat b, .stat-box b, .prize-amount, #prizePool, .hero-pool-display strong{
  background: linear-gradient(180deg, #E8D6D2, #CE422B 60%, #CE422B);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
input, select, textarea{
  box-shadow: inset 0 2px 5px rgba(0,0,0,.4);
}
input:focus, select:focus, textarea:focus{ border-color: var(--rust3) !important; box-shadow: inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 2px rgba(201,108,91,.18); }
.nav a.active{
  background: linear-gradient(180deg, rgba(201,108,91,.2), rgba(201,108,91,.14)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.section-title .eyebrow::before{ content:"▸ "; color: var(--rust2); }
.section-block:hover, .cf-game-row:hover, .lb-row:hover{
  border-color: rgba(201,108,91,.3) !important;
}
.char-display{ position: relative; overflow: hidden; }
.char-display:not(:has(.empty-seat)) .rust-char-wrap::before{
  content:""; position:absolute; left:-40%; right:-40%; top:0; bottom:0; z-index:0; pointer-events:none;
  background-image:
    radial-gradient(circle, rgba(201,108,91,.9) 0 1.4px, transparent 2px),
    radial-gradient(circle, rgba(201,108,91,.7) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(194,239,206,.8) 0 1.2px, transparent 1.8px);
  background-size: 90px 140px, 130px 120px, 70px 160px;
  background-position: 10px 120px, 50px 80px, 80px 150px;
  animation: emberRise 7s linear infinite;
  opacity:.55;
}
@keyframes emberRise{
  0%{ background-position: 10px 130%, 50px 130%, 80px 130%; }
  100%{ background-position: 30px -30%, 20px -30%, 95px -30%; }
}
.arena[data-fighting="1"] .char-display::after,
.char-display.is-fighting::after{
  background-image:
    radial-gradient(60% 40% at 30% 90%, rgba(120,110,100,.16), transparent 70%),
    radial-gradient(50% 35% at 75% 95%, rgba(90,80,72,.14), transparent 70%);
  animation: smokeDrift 6s ease-in-out infinite alternate;
}
@keyframes smokeDrift{
  0%{ transform: translateX(-6px); }
  100%{ transform: translateX(8px); }
}
.us-card{ max-width: 620px; width: 94vw; }
.us-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 16px; align-items:center; }
.us-stat{ font-size:12px; color:var(--t3); }
.us-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.us-field{ display:flex; flex-direction:column; gap:5px; }
.us-field.us-wide{ grid-column:1 / -1; }
.us-field label{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--t3); }
.us-field label .us-cur{ text-transform:none; letter-spacing:0; color:var(--gold2); font-weight:700; margin-left:4px; }
.us-row{ display:flex; gap:6px; align-items:center; }
.us-input{ flex:1; min-height:38px; padding:0 10px; border-radius:8px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.4); color:var(--t1); font-size:14px; min-width:0; }
.us-toggles{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; padding-top:16px; border-top:1px solid var(--rust-ln); }
.us-toggles form{ margin:0; }
.adm-settings{ background:linear-gradient(145deg,var(--rust3),var(--rust)) !important; color:#fff !important; font-weight:700; padding:0 16px !important; }
@media (max-width:560px){ .us-grid{ grid-template-columns:1fr; } }
.us-saveall{ margin-top:14px; display:flex; justify-content:flex-end; }
.us-saveall-btn{ font-size:14px !important; font-weight:800 !important; padding:11px 30px !important; letter-spacing:.02em; }
.us-grid-actions{ margin-top:14px; }
.btn-primary, .btn-ghost, .nav a, .cf-side-btn, .qa, .section-block, .lb-row, .cf-game-row, .stat-box, .notif-item, .chat-toggle, .balance-btn, .quick-amounts button{
  transition: transform .15s cubic-bezier(.34,1.56,.64,1),
              box-shadow .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}
.btn-primary:hover, .cf-create-btn:hover, #joinBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(201,108,91,.4), 0 0 0 1px rgba(201,108,91,.3);
}
.btn-primary:active, .cf-create-btn:active, #joinBtn:active{ transform: translateY(0) scale(.985); }
.qa:hover, .quick-amounts button:hover{ transform: translateY(-1px); border-color: var(--rust3); }
.qa:active, .quick-amounts button:active{ transform: scale(.94); }
.cf-side-btn:hover{ transform: translateY(-2px); }
.lb-row:hover, .cf-game-row:hover{ transform: translateX(3px); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 2px solid var(--rust3);
  outline-offset: 2px;
  border-radius: 6px;
}
@keyframes rrFadeUp{ from{ opacity:0; transform: translateY(12px); } to{ opacity:1; transform: translateY(0); } }
.section-block, .arena, .lb-card, .cf-main-grid, .cf-lists-grid, .two-col{
  animation: rrFadeUp .4s ease both;
}
.section-block:nth-child(2){ animation-delay:.05s; }
.section-block:nth-child(3){ animation-delay:.1s; }
.section-block:nth-child(4){ animation-delay:.15s; }
@keyframes rrShimmer{ 0%{ background-position:-400px 0; } 100%{ background-position:400px 0; } }
.rr-skeleton{
  background: linear-gradient(90deg, rgba(255,255,255,.03) 25%, rgba(201,108,91,.10) 50%, rgba(255,255,255,.03) 75%);
  background-size: 800px 100%;
  animation: rrShimmer 1.3s infinite linear;
  border-radius: 8px; min-height: 44px;
}
.empty-row{ animation: rrEmptyPulse 2.4s ease-in-out infinite; }
@keyframes rrEmptyPulse{ 0%,100%{ opacity:.55; } 50%{ opacity:.85; } }
.arena-msg:not(:empty), #cfMsg:not(:empty){
  animation: rrMsgIn .3s ease both;
}
@keyframes rrMsgIn{ from{ opacity:0; transform: translateY(-4px); } to{ opacity:1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
}
.cf-coin-wrap.flipping::before{
  content:""; position:absolute; left:50%; top:50%;
  width:180px; height:180px; transform:translate(-50%,-50%);
  border-radius:50%; z-index:-1; pointer-events:none;
  background: radial-gradient(circle, rgba(201,108,91,.35), transparent 68%);
  animation: cfSpinGlow .5s ease-in-out infinite alternate;
}
@keyframes cfSpinGlow{ from{ opacity:.4; transform:translate(-50%,-50%) scale(.85);} to{ opacity:.85; transform:translate(-50%,-50%) scale(1.12);} }
.cf-coin.settle::after{
  content:""; position:absolute; left:50%; top:50%;
  width:150px; height:150px; transform:translate(-50%,-50%) scale(.4);
  border-radius:50%; pointer-events:none;
  border:3px solid rgba(201,108,91,.7);
  animation: cfShock .55s ease-out forwards;
}
@keyframes cfShock{
  0%{ opacity:.9; transform:translate(-50%,-50%) scale(.4); border-width:4px; }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(1.9); border-width:1px; }
}
.cf-coin.landed-red.settle::after  { border-color: rgba(217,135,120,.75); }
.cf-coin.landed-blue.settle::after { border-color: rgba(143,45,32,.75); }
.cf-result-badge.show-red, .cf-result-badge.show-blue{
  animation: cfWinPop .5s cubic-bezier(.34,1.56,.64,1) both;
  font-weight: 800; text-shadow: 0 2px 8px rgba(0,0,0,.5);
  box-shadow: 0 8px 30px rgba(0,0,0,.4);
}
@keyframes cfWinPop{
  0%{ opacity:0; transform:translateX(-50%) scale(.5) translateY(8px); }
  60%{ opacity:1; transform:translateX(-50%) scale(1.12) translateY(0); }
  100%{ opacity:1; transform:translateX(-50%) scale(1) translateY(0); }
}
.cf-coin.landed-red  { filter: drop-shadow(0 0 34px rgba(239,68,68,1)) drop-shadow(0 10px 28px rgba(0,0,0,.6)); }
.cf-coin.landed-blue { filter: drop-shadow(0 0 34px rgba(143,45,32,1)) drop-shadow(0 10px 28px rgba(0,0,0,.6)); }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .cf-coin-wrap.flipping::before, .cf-coin.settle::after{ animation: none; opacity:0; }
}
.player-panel.duel-left  .rust-char-wrap:not(.char-hit) svg,
.player-panel.duel-right .rust-char-wrap:not(.char-hit) svg{
  animation: fighterIdle 2.6s ease-in-out infinite;
}
@keyframes fighterIdle{
  0%,100% { transform: translateY(0) rotate(0deg) scale(1); }
  25%     { transform: translateY(-2px) rotate(-.6deg) scale(1.006); }
  50%     { transform: translateY(0) rotate(0deg) scale(1); }
  75%     { transform: translateY(-1px) rotate(.6deg) scale(1.004); }
}
.player-panel.duel-right .rust-char-wrap:not(.char-hit) svg{ animation-name: fighterIdleR; }
@keyframes fighterIdleR{
  0%,100% { transform: translateY(0) rotate(0deg) scale(1); }
  25%     { transform: translateY(-2px) rotate(.6deg) scale(1.006); }
  50%     { transform: translateY(0) rotate(0deg) scale(1); }
  75%     { transform: translateY(-1px) rotate(-.6deg) scale(1.004); }
}
.player-panel.duel-left  .rust-char-wrap::after,
.player-panel.duel-right .rust-char-wrap::after{
  content:""; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%);
  width:60px; height:10px; border-radius:50%;
  background: radial-gradient(ellipse, rgba(0,0,0,.45), transparent 70%);
  animation: fighterShadow 2.6s ease-in-out infinite; z-index:1; pointer-events:none;
}
@keyframes fighterShadow{
  0%,100%{ width:60px; opacity:.45; }
  50%{ width:54px; opacity:.35; }
}

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .player-panel.duel-left .rust-char-wrap svg,
  .player-panel.duel-right .rust-char-wrap svg,
  .player-panel.duel-left .rust-char-wrap::after,
  .player-panel.duel-right .rust-char-wrap::after{ animation: none; }
}
.lb-record{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.1; }
.lb-wager-amt{ font-family:var(--fd); font-size:18px; font-weight:800;
  background:linear-gradient(180deg,#E8D6D2,#CE422B 60%,#CE422B);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.lb-wager-lbl{ font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--t3); font-weight:700; }
body{ line-height: 1.55; letter-spacing: .005em; }
.section-block p, .lp-mode p, .level-hint, .arena-msg{
  line-height: 1.6;
}
.eyebrow{ margin-bottom: 6px; opacity: .92; }
.section-title{ margin-bottom: 16px; }
.section-title h3{ line-height: 1.05; }
.section-title h3, .arena-header h1, .cf-modal-head h3{
  text-shadow: 0 2px 14px rgba(0,0,0,.35);
}
.section-block + .section-block{ margin-top: 16px; }
small, .lb-wager-lbl, .hero-pool-display span, .stat-box .lbl{
  letter-spacing: .04em;
}
.lb-wager-amt, .prize-amount, #prizePool, #heroPool, .balance-pill, .hero-stat b, .lp-stat-n, .stat-box b, .timer-inner strong{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}
.section-block a:not(.btn-primary):not(.btn-ghost){
  color: var(--rust3); text-decoration: none; border-bottom: 1px solid rgba(201,108,91,.3);
  transition: border-color .15s, color .15s;
}
.section-block a:not(.btn-primary):not(.btn-ghost):hover{
  color: var(--rust2); border-bottom-color: var(--rust2);
}
.empty-row{ font-size: 13.5px; }
.empty-state{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:8px; padding:34px 22px;
  border:1px dashed var(--rust-ln2); border-radius:14px;
  background: radial-gradient(120% 80% at 50% 0%, rgba(201,108,91,.05), transparent 70%), rgba(0,0,0,.16);
}
.empty-state-icon{
  font-size:40px; line-height:1; filter: drop-shadow(0 4px 14px rgba(201,108,91,.35));
  animation: emptyFloat 3.2s ease-in-out infinite;
}
@keyframes emptyFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }
.empty-state-title{
  font-family:var(--fd); font-size:20px; letter-spacing:.04em; color:var(--t1);
}
.empty-state-msg{ font-size:13.5px; color:var(--t3); max-width:340px; line-height:1.5; }
.empty-state-cta{
  margin-top:8px; display:inline-flex; align-items:center; gap:6px;
  padding:9px 20px; border-radius:999px; font-weight:700; font-size:13px;
  color:#fff; text-decoration:none; border:0;
  background:linear-gradient(180deg, var(--rust2), var(--rust));
  box-shadow:0 6px 18px rgba(201,108,91,.35);
  transition: transform .15s cubic-bezier(.34,1.56,.64,1), box-shadow .2s;
}
.empty-state-cta:hover{ transform:translateY(-2px); box-shadow:0 9px 24px rgba(201,108,91,.45); }
.empty-state-cta:active{ transform:translateY(0) scale(.97); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .empty-state-icon{ animation:none; } }
.rr-toast-host{
  position: fixed; right: 18px; bottom: 18px; z-index: 100000;
  display: flex; flex-direction: column; gap: 10px;
  max-width: min(360px, 92vw); pointer-events: none;
}
@media (min-width:981px){ body.rfd-open .rr-toast-host{ right: 360px; } }
.rr-toast{
  pointer-events: auto;
  display: flex; align-items: center; gap: 11px;
  padding: 13px 14px; border-radius: 13px;
  background: linear-gradient(180deg, var(--rust-card2), var(--rust-card));
  border: 1px solid var(--rust-ln2);
  box-shadow: 0 12px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
  color: var(--t1); font-size: 14px; font-weight: 600; line-height: 1.35;
  transform: translateX(120%); opacity: 0;
  transition: transform .34s cubic-bezier(.34,1.4,.64,1), opacity .3s;
  position: relative; overflow: hidden;
}
.rr-toast.show{ transform: translateX(0); opacity: 1; }
.rr-toast.hide{ transform: translateX(120%); opacity: 0; }
.rr-toast::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background: var(--rust2); }
.rr-toast-info::before    { background: var(--rust3); }
.rr-toast-success::before { background: #22c55e; }
.rr-toast-money::before   { background: #CE422B; }
.rr-toast-error::before   { background: #CE422B; }
.rr-toast-win::before     { background: linear-gradient(180deg,#CE422B,#CE422B); }
.rr-toast-acquire::before { background: #22c55e; }
.rr-toast-acquire .rr-toast-ico{ color:#22c55e; }
.rr-toast-acquire{ box-shadow:0 12px 32px rgba(0,0,0,.42), 0 0 20px rgba(74,222,128,.22); }
.rr-toast-ico{ font-size: 19px; flex: 0 0 auto; }
.rr-toast-text{ flex: 1 1 auto; }
.rr-toast-x{
  flex: 0 0 auto; background: none; border: 0; color: var(--t3);
  font-size: 20px; line-height: 1; cursor: pointer; padding: 0 2px;
  transition: color .15s;
}
.rr-toast-x:hover{ color: var(--t1); }
.rr-toast-win{ box-shadow: 0 12px 34px rgba(201,108,91,.4), 0 0 0 1px rgba(206,66,43,.3); }
@media (max-width: 600px){
  .rr-toast-host{ right: 10px; left: 10px; bottom: 10px; max-width: none; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .rr-toast{ transition: opacity .2s; transform: none; }
  .rr-toast.show{ transform: none; }
  .rr-toast.hide{ transform: none; }
}
html::before{
  content:""; position:fixed; inset:-20%; z-index:-2; pointer-events:none;
  background:
    radial-gradient(2px 2px at 12% 30%, rgba(201,108,91,.5), transparent),
    radial-gradient(2px 2px at 78% 60%, rgba(201,108,91,.45), transparent),
    radial-gradient(1.5px 1.5px at 45% 85%, rgba(194,239,206,.5), transparent),
    radial-gradient(2px 2px at 90% 18%, rgba(201,108,91,.4), transparent),
    radial-gradient(1.5px 1.5px at 30% 70%, rgba(201,108,91,.4), transparent),
    radial-gradient(2px 2px at 65% 40%, rgba(201,108,91,.35), transparent);
  background-size: 100% 100%;
  animation: bgEmberDrift 26s linear infinite, bgHue 18s ease-in-out infinite alternate;
  opacity:.6;
}
@keyframes bgEmberDrift{
  0%{ transform: translateY(0) translateX(0); }
  100%{ transform: translateY(-8%) translateX(3%); }
}
@keyframes bgHue{
  0%{ filter: hue-rotate(0deg) brightness(1); }
  100%{ filter: hue-rotate(-12deg) brightness(1.15); }
}
html::after{
  content:""; position:fixed; top:50%; left:50%; width:160vmax; height:160vmax;
  transform:translate(-50%,-50%); z-index:-3; pointer-events:none; opacity:.06;
  background: conic-gradient(from 0deg, transparent, rgba(201,108,91,.5), transparent 30%, transparent 60%, rgba(201,108,91,.4), transparent);
  animation: bgConicSpin 50s linear infinite;
}
@keyframes bgConicSpin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }
.btn-primary, .cf-create-btn, #joinBtn, .empty-state-cta, .app-modal__btn, .join-btn{
  position: relative; overflow: hidden;
}
.btn-primary::before, .cf-create-btn::before, #joinBtn::before, .empty-state-cta::before, .join-btn::before{
  content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
  transform: skewX(-20deg); transition: none; pointer-events:none;
}
.btn-primary:hover::before, .cf-create-btn:hover::before, #joinBtn:hover::before, .empty-state-cta:hover::before, .join-btn:hover::before{
  animation: btnShine .75s ease;
}
@keyframes btnShine{ to{ left:140%; } }
.btn-primary, .cf-create-btn, #joinBtn{
  animation: btnIdleGlow 2.8s ease-in-out infinite;
}
@keyframes btnIdleGlow{
  0%,100%{ box-shadow: 0 4px 16px rgba(201,108,91,.28); }
  50%{ box-shadow: 0 6px 22px rgba(201,108,91,.45); }
}
.nav a{ position: relative; }
.nav a::after{
  content:""; position:absolute; left:50%; bottom:3px; width:0; height:2px;
  background: linear-gradient(90deg, var(--rust3), var(--rust2));
  border-radius:2px; transform:translateX(-50%);
  transition: width .25s cubic-bezier(.4,0,.2,1);
}
.nav a:hover::after{ width:62%; }
.nav a:hover{ transform: translateY(-1px); }
.nav a.active::after{ width:62%; }
.brand-logo, .brand img, .brand svg{ animation: none; }
.section-block{ transition: transform .25s cubic-bezier(.34,1.4,.64,1), box-shadow .3s, border-color .25s; }
.section-block:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 40px rgba(0,0,0,.4), 0 0 0 1px rgba(201,108,91,.25);
}
.stat-box, .hero-stat, .lp-stat, .admin-stat{
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}
.stat-box:hover, .hero-stat:hover, .lp-stat:hover{ transform: scale(1.04); }
.prize-amount, #prizePool, #heroPool, .lb-wager-amt{
  animation: moneyGlow 3s ease-in-out infinite;
}
@keyframes moneyGlow{
  0%,100%{ filter: drop-shadow(0 0 0 transparent); }
  50%{ filter: drop-shadow(0 0 8px rgba(201,108,91,.5)); }
}
.bal-btn{ transition: transform .15s cubic-bezier(.34,1.6,.64,1), background .2s; }
.bal-btn:hover{ transform: scale(1.15); }
.bal-btn:active{ transform: scale(.9); }
.eyebrow::before{ animation: emberBlink 2s ease-in-out infinite; }
@keyframes emberBlink{ 0%,100%{ opacity:1; } 50%{ opacity:.4; } }
main.page > *{ animation: pageRise .5s ease both; }
main.page > *:nth-child(1){ animation-delay:.02s; }
main.page > *:nth-child(2){ animation-delay:.08s; }
main.page > *:nth-child(3){ animation-delay:.14s; }
main.page > *:nth-child(4){ animation-delay:.2s; }
main.page > *:nth-child(5){ animation-delay:.26s; }
@keyframes pageRise{ from{ opacity:0; transform: translateY(16px); } to{ opacity:1; transform: translateY(0); } }
.qa, .quick-amounts button, .cf-side-btn{
  transition: transform .18s cubic-bezier(.34,1.7,.5,1), border-color .2s, background .2s, box-shadow .2s;
}
.qa:hover, .quick-amounts button:hover{ transform: translateY(-2px) scale(1.03); box-shadow:0 6px 16px rgba(201,108,91,.25); }
.notif-bell.has-unread, #notifBell.has-unread{ animation: none; }
.timer-ring, .timer-circle{ animation: timerPulse 2s ease-in-out infinite; }
@keyframes timerPulse{ 0%,100%{ filter: drop-shadow(0 0 0 transparent); } 50%{ filter: drop-shadow(0 0 10px rgba(201,108,91,.45)); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  html::before, html::after, .btn-primary, .cf-create-btn, #joinBtn, .brand-logo, .brand img, .brand svg, .prize-amount, #prizePool, #heroPool, .lb-wager-amt, .eyebrow::before, .notif-bell.has-unread, .timer-ring, .timer-circle, main.page > *{ animation: none !important; }
}
input, select, textarea{ transition: border-color .2s, box-shadow .25s, background .2s; }
input:focus, select:focus, textarea:focus{
  box-shadow: inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 3px rgba(201,108,91,.18);
  animation: inputFocusPop .3s ease;
}
@keyframes inputFocusPop{ 0%{ box-shadow: inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 0 rgba(201,108,91,.4); } 100%{ box-shadow: inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 3px rgba(201,108,91,.18); } }
.cf-modal.open .cf-modal-card, .cf-modal.show .cf-modal-card{
  animation: cfModalIn .35s cubic-bezier(.2,1.1,.4,1);
}
@keyframes cfModalIn{ 0%{ opacity:0; transform: translateY(20px) scale(.94); } 100%{ opacity:1; transform:none; } }
.chat-message{ animation: chatMsgIn .3s ease; }
@keyframes chatMsgIn{ from{ opacity:0; transform: translateX(-12px); } to{ opacity:1; transform: translateX(0); } }
.chat-drawer:not(.closed) .chat-head{ animation: chatHeadIn .4s ease; }
@keyframes chatHeadIn{ from{ opacity:0; transform: translateY(-8px); } to{ opacity:1; transform:none; } }
.winner-banner:not(:empty), #winnerBanner:not(:empty){
  animation: winnerIn .5s cubic-bezier(.2,1.3,.4,1), winnerGlow 1.6s ease-in-out infinite .5s;
}
@keyframes winnerIn{ 0%{ opacity:0; transform: translateX(-50%) scale(.6) translateY(10px); } 60%{ transform: translateX(-50%) scale(1.08); } 100%{ opacity:1; transform: translateX(-50%) scale(1); } }
@keyframes winnerGlow{ 0%,100%{ filter: drop-shadow(0 0 6px rgba(201,108,91,.4)); } 50%{ filter: drop-shadow(0 0 18px rgba(201,108,91,.8)); } }
.ach-badge, .achievement, .reward-badge{
  transition: transform .2s cubic-bezier(.34,1.6,.5,1), box-shadow .25s;
}
.ach-badge:hover, .achievement:hover, .reward-badge:hover{
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 8px 22px rgba(201,108,91,.35);
}
.profile-avatar, .pf-avatar{ animation: avatarGlow 3.5s ease-in-out infinite; }
@keyframes avatarGlow{ 0%,100%{ box-shadow: 0 0 0 2px rgba(201,108,91,.2); } 50%{ box-shadow: 0 0 18px 2px rgba(201,108,91,.4); } }
.tab, .pill-toggle, .seg-btn{ transition: background .2s, color .2s, transform .15s; }
.tab:active, .seg-btn:active{ transform: scale(.96); }
.lb-medal, .prize-tier{ animation: medalBob 3s ease-in-out infinite; }
.prize-tier:nth-child(2){ animation-delay:.3s; }
.prize-tier:nth-child(3){ animation-delay:.6s; }
@keyframes medalBob{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-4px); } }
.nav a:hover{ }
.nav a:hover::first-letter{ }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  input:focus, select:focus, textarea:focus, .cf-modal.open .cf-modal-card, .chat-message, .chat-drawer:not(.closed) .chat-head, .winner-banner:not(:empty), #winnerBanner:not(:empty), .log-row, .hist-row, .queue-row, .profile-avatar, .pf-avatar, .lb-medal, .prize-tier{ animation: none !important; }
}
.lb-player{ min-width: 0; }
.lb-player b{
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
}
.lb-record{ flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 600px){
  .lb-player b{ max-width: 42vw; }
  .lb-wager-amt{ font-size: 16px; }
}
.cf-side-btn.active .cf-side-coin{ animation: sideCoinSpin 4s linear infinite; }
@keyframes sideCoinSpin{ to{ transform: rotateY(360deg); } }
.cf-side-btn.active.cf-side-red{ animation: sidePulseRed 2s ease-in-out infinite; }
.cf-side-btn.active.cf-side-blue{ animation: sidePulseBlue 2s ease-in-out infinite; }
@keyframes sidePulseRed{
  0%,100%{ box-shadow: 0 6px 20px rgba(239,68,68,.25); }
  50%{ box-shadow: 0 6px 26px rgba(239,68,68,.55); }
}
@keyframes sidePulseBlue{
  0%,100%{ box-shadow: 0 6px 20px rgba(143,45,32,.25); }
  50%{ box-shadow: 0 6px 26px rgba(143,45,32,.55); }
}
.cf-side-vs, .cf-vs{ animation: vsThrob 2.4s ease-in-out infinite; }
@keyframes vsThrob{ 0%,100%{ opacity:.7; transform: scale(1); } 50%{ opacity:1; transform: scale(1.1); } }
.qa:active, .quick-amounts button:active{ animation: chipFlash .3s ease; }
@keyframes chipFlash{ 0%{ background: rgba(201,108,91,.4); } 100%{ background: rgba(201,108,91,.12); } }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .cf-side-btn.active .cf-side-coin, .cf-side-btn.active.cf-side-red, .cf-side-btn.active.cf-side-blue, .cf-side-vs, .cf-vs{ animation: none !important; }
}
.health-section-top{
  margin: 4px 0 10px; padding: 0 4px;
}
.health-section-top .health-label{
  display:flex; justify-content:space-between; align-items:center;
  font-size:12px; font-weight:700; margin-bottom:4px; letter-spacing:.03em;
}
.health-section-top .health-label span{ color: var(--rust3); }
.health-section-top .health-label b{ color: var(--t1); font-family:var(--fd); font-size:16px; }
.health-section-top .health-track{
  height: 14px; border-radius: 999px; overflow: hidden;
  background: rgba(0,0,0,.45); border:1px solid var(--rust-ln2);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.5);
}
.health-section-top .health-fill{
  height:100%; border-radius:999px; transition: width .45s cubic-bezier(.4,0,.2,1);
  background: linear-gradient(90deg, #22c55e, #4ade80) !important;
}
.health-section-top .health-fill-right{ background: linear-gradient(90deg, #22c55e, #4ade80) !important; }
.player-panel.low-hp .health-section-top .health-fill{ background: linear-gradient(90deg, #CE422B, #E56C59) !important; animation: hpDangerPulse 1s ease-in-out infinite; }
@keyframes hpDangerPulse{ 0%,100%{ filter:brightness(1); } 50%{ filter:brightness(1.3); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .player-panel.low-hp .health-section-top .health-fill{ animation:none; } }
.notif-wrap{ z-index: 1100 !important; }
.notif-panel{
  z-index: 1200 !important;
  background: #1A1111 !important;
  pointer-events: auto !important;
}
.notif-panel, .notif-panel *{ pointer-events: auto; }
.notif-mark-all{ position: relative; z-index: 2; cursor: pointer; }
.notif-item{ pointer-events: auto; }
.lb-row{
  display:flex !important; align-items:center; gap:14px;
  padding:14px 18px !important; border-radius:14px; margin-bottom:10px;
  background:linear-gradient(180deg,#221a15,#1A1111) !important;
  border:1px solid var(--rust-ln2) !important;
}
.lb-row-gold{ border-color:rgba(206,66,43,.45) !important; background:linear-gradient(180deg,rgba(206,66,43,.08),#1A1111) !important; }
.lb-row-silver{ border-color:rgba(200,200,210,.35) !important; }
.lb-row-bronze{ border-color:rgba(205,127,50,.35) !important; }
.lb-rank-badge{
  flex:0 0 auto; width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:800; color:var(--t2); font-family:var(--fd);
}
.lb-player{ flex:1 1 auto; min-width:0; }
.lb-player b{ display:block; font-size:15px; font-weight:700; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.lb-player small{ display:block; font-size:11.5px; color:var(--t3); margin-top:2px; }
.lb-stat-block{
  flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end;
  min-width:88px; line-height:1.15;
}
.lb-stat-val{
  font-family:var(--fd); font-size:19px; font-weight:800; letter-spacing:.01em;
  background:linear-gradient(180deg,#E8D6D2,#CE422B 60%,#CE422B);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.lb-stat-lbl{ font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--t3); font-weight:700; margin-top:1px; }
.lb-stat-prize .lb-stat-val{
  background:linear-gradient(180deg,#CE422B,#22c55e); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.lb-stat-empty .lb-stat-val{ background:none; -webkit-text-fill-color:initial; color:var(--t3); }
.lb-av{ flex:0 0 auto; width:44px; height:44px; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:#211616; border:2px solid var(--rust-ln2); box-shadow:0 2px 8px rgba(0,0,0,.35); }
.lb-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.lb-av-fallback{ font-family:var(--fu); font-size:18px; font-weight:800; color:var(--t2); }
.lb-av.rank-gold{ border-color:#CE422B; box-shadow:0 0 0 2px rgba(206,66,43,.35), 0 4px 14px rgba(206,66,43,.4); }
.lb-av.rank-silver{ border-color:#cdd2dc; box-shadow:0 0 0 2px rgba(205,210,220,.3); }
.lb-av.rank-bronze{ border-color:#B87569; box-shadow:0 0 0 2px rgba(205,127,50,.3); }
.lb-prizes{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin:0 0 20px; }
.lb-prize-pill{ display:flex; flex-direction:column; align-items:center; gap:3px; min-width:120px; padding:12px 18px; border-radius:14px; background:linear-gradient(180deg,#281C1C,#211616); border:1px solid var(--rust-ln2); }
.lb-prize-pill.rank-gold{ border-color:rgba(206,66,43,.5); background:linear-gradient(180deg,rgba(206,66,43,.12),#211616); box-shadow:0 8px 22px rgba(206,66,43,.12); }
.lb-prize-pill.rank-silver{ border-color:rgba(205,210,220,.4); }
.lb-prize-pill.rank-bronze{ border-color:rgba(205,127,50,.4); }
.lb-prize-medal{ font-size:24px; line-height:1; }
.lb-prize-amt{ display:flex; align-items:center; gap:.18em; font-family:var(--fd); font-size:21px; font-weight:800; color:var(--gold2); }
.lb-prize-amt .coin-ico{ width:.62em; height:.62em; }
.lb-prize-place{ font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--t3); font-weight:700; }
.lb-podium-wrap{ position:relative; overflow:hidden; perspective:1100px; margin:6px 0 26px; }
.lb-podium{ display:flex; align-items:flex-end; justify-content:center; gap:14px; transform-style:preserve-3d; transform:rotateX(11deg); perspective:1300px; }
.lb-pod{ position:relative; flex:1 1 0; max-width:212px; min-width:0; display:flex; flex-direction:column; align-items:center; transform-style:preserve-3d; }
.lb-pod-card{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:3px; margin-bottom:12px; width:100%;
  animation:lbPodRise .7s cubic-bezier(.2,1.1,.4,1) both; }
.lb-pod-1 .lb-pod-card{ animation-delay:.05s; }
.lb-pod-2 .lb-pod-card{ animation-delay:.16s; }
.lb-pod-3 .lb-pod-card{ animation-delay:.26s; }
.lb-pod-trophy{ position:relative; z-index:2; font-size:34px; line-height:1; margin-bottom:2px;
  filter:drop-shadow(0 5px 11px rgba(206,66,43,.75)); transform-style:preserve-3d; animation:lbTrophy 4s ease-in-out infinite; }
.lb-pod-rays{ position:absolute; top:26px; left:50%; width:200px; height:200px; margin-left:-100px; pointer-events:none; z-index:0; opacity:.7;
  background:repeating-conic-gradient(from 0deg, rgba(230,106,85,.22) 0deg 7deg, transparent 7deg 19deg);
  -webkit-mask:radial-gradient(closest-side, #000 26%, transparent 70%); mask:radial-gradient(closest-side, #000 26%, transparent 70%);
  animation:lbRays 18s linear infinite; }
.lb-pod-av{ position:relative; width:74px; height:74px; border-radius:50%; overflow:hidden; display:grid; place-items:center;
  background:#211616; border:3px solid var(--rust-ln2); box-shadow:0 8px 22px rgba(0,0,0,.5); animation:lbFloat 3.6s ease-in-out infinite; }
.lb-pod-1 .lb-pod-av{ width:94px; height:94px; animation-duration:3.9s; }
.lb-pod-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.lb-pod-av span{ font-family:var(--fu); font-size:30px; font-weight:800; color:#cfd6dd; }
.lb-pod-av.rank-gold{ border-color:#CE422B; box-shadow:0 0 0 3px rgba(206,66,43,.4), 0 10px 30px rgba(206,66,43,.5); }
.lb-pod-av.rank-silver{ border-color:#cdd2dc; box-shadow:0 0 0 3px rgba(205,210,220,.35), 0 8px 22px rgba(0,0,0,.5); }
.lb-pod-av.rank-bronze{ border-color:#B87569; box-shadow:0 0 0 3px rgba(205,127,50,.35), 0 8px 22px rgba(0,0,0,.5); }
.lb-pod-1 .lb-pod-av::after{ content:""; position:absolute; inset:-9px; border-radius:50%; pointer-events:none;
  box-shadow:0 0 32px 7px rgba(206,66,43,.5); animation:lbPulse 2.4s ease-in-out infinite; }
.lb-pod-medal{ position:absolute; bottom:-2px; right:-2px; font-size:20px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.55)); }
.lb-pod-1 .lb-pod-medal{ font-size:26px; }
.lb-pod-name{ font-weight:800; font-size:15px; color:var(--t1); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lb-pod-1 .lb-pod-name{ font-size:17px; color:#F4DEDA; }
.lb-pod-sub{ font-size:11px; color:var(--t3); }
.lb-pod-wager{ display:flex; align-items:center; gap:.2em; font-family:var(--fd); font-size:18px; font-weight:800;
  background:linear-gradient(180deg,#E8D6D2,#CE422B 60%,#CE422B); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.lb-pod-wager .coin-ico{ width:.62em; height:.62em; -webkit-text-fill-color:initial; }
.lb-pod.is-empty .lb-pod-card{ opacity:.45; }
.lb-pod-base{ position:relative; width:100%; border-radius:12px 12px 5px 5px; display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:13px 8px 11px; color:#281C1C; overflow:visible; transform-origin:bottom; transform-style:preserve-3d;
  background:linear-gradient(180deg, var(--pod-top,#281C1C), var(--pod-bot,#211616));
  box-shadow:0 20px 32px rgba(0,0,0,.55), inset 0 2px 0 rgba(255,255,255,.3), inset 0 -12px 20px rgba(0,0,0,.4);
  animation:lbBaseGrow .85s cubic-bezier(.2,1,.3,1) both; }
.lb-pod-base::before{ content:""; position:absolute; top:0; left:0; right:0; height:30px; border-radius:11px 11px 0 0;
  background:linear-gradient(180deg, var(--pod-top2,#fff), var(--pod-top,#E8D6D2));
  transform:rotateX(90deg); transform-origin:top center; box-shadow:inset 0 0 16px rgba(255,255,255,.25); }
.lb-pod-1 .lb-pod-base{ height:124px; --pod-top:#E8D6D2; --pod-top2:#E8D6D2; --pod-bot:#D98778; animation-delay:.05s; }
.lb-pod-2 .lb-pod-base{ height:94px;  --pod-top:#F4EAE8; --pod-top2:#ffffff; --pod-bot:#9aa3b2; animation-delay:.16s; }
.lb-pod-3 .lb-pod-base{ height:76px;  --pod-top:#f3bd92; --pod-top2:#ffdcbb; --pod-bot:#ab6530; animation-delay:.26s; }
.lb-pod-rank{ font-family:var(--fd); font-size:30px; font-weight:800; line-height:1; text-shadow:0 2px 4px rgba(255,255,255,.25); }
.lb-pod-prize{ display:flex; align-items:center; gap:.22em; font-family:var(--fd); font-size:28px; font-weight:800; color:#fff6e2;
  background:rgba(0,0,0,.36); padding:5px 16px; border-radius:999px; letter-spacing:.01em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16), 0 2px 7px rgba(0,0,0,.35); text-shadow:0 1px 2px rgba(0,0,0,.55); }
.lb-pod-prize .coin-ico{ width:.8em; height:.8em; }
.lb-pod-shine{ position:absolute; inset:0; pointer-events:none; transform:translateX(-130%);
  background:linear-gradient(110deg, transparent 32%, rgba(255,255,255,.6) 50%, transparent 68%); }
.lb-pod-1 .lb-pod-shine{ animation:lbShine 3.4s ease-in-out 1.2s infinite; }
.lb-rows .lb-row{ animation:lbRowIn .5s ease both; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.lb-rows .lb-row:hover{ transform:translateY(-2px) scale(1.012) !important; box-shadow:0 14px 28px rgba(0,0,0,.42); border-color:rgba(206,66,43,.32) !important; }
.lb-rank-badge{ transition:transform .18s ease; }
.lb-rows .lb-row:hover .lb-rank-badge{ transform:scale(1.12); }

@keyframes lbFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-7px); } }
@keyframes lbPodRise{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:translateY(0); } }
@keyframes lbBaseGrow{ from{ transform:scaleY(.02); } to{ transform:scaleY(1); } }
@keyframes lbShine{ 0%{ transform:translateX(-130%);} 55%,100%{ transform:translateX(130%);} }
@keyframes lbPulse{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
@keyframes lbRowIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
@keyframes lbTrophy{ 0%{ transform:translateY(0) rotateY(0deg); } 50%{ transform:translateY(-7px) rotateY(180deg); } 100%{ transform:translateY(0) rotateY(360deg); } }
@keyframes lbRays{ to{ transform:rotate(360deg); } }
@keyframes lbConfetti{ 0%{ transform:translateY(0) rotateZ(0deg); opacity:0; } 8%{ opacity:.95; } 100%{ transform:translateY(380px) rotateZ(560deg); opacity:.18; } }
.lb-confetti{ position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:3; }
.lb-confetti i{ position:absolute; top:-16px; width:8px; height:13px; border-radius:1px; opacity:0; animation-name:lbConfetti; animation-timing-function:linear; animation-iteration-count:infinite; }

@media (max-width:560px){
  .lb-podium{ gap:7px; }
  .lb-pod-av{ width:58px; height:58px; } .lb-pod-1 .lb-pod-av{ width:72px; height:72px; }
  .lb-pod-av span{ font-size:23px; } .lb-pod-name{ font-size:13px; } .lb-pod-1 .lb-pod-name{ font-size:14px; }
  .lb-pod-sub{ font-size:10px; } .lb-pod-wager{ font-size:15px; }
  .lb-pod-1 .lb-pod-base{ height:104px; } .lb-pod-2 .lb-pod-base{ height:80px; } .lb-pod-3 .lb-pod-base{ height:66px; }
  .lb-pod-rank{ font-size:24px; } .lb-pod-crown{ font-size:24px; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .lb-pod-card,.lb-pod-base,.lb-pod-av,.lb-pod-trophy,.lb-pod-rays,.lb-pod-shine,.lb-pod-1 .lb-pod-av::after,.lb-confetti i,.lb-rows .lb-row{ animation:none !important; }
  .lb-confetti{ display:none; }
}
.lb-prize-slot{
  display:flex; flex-direction:column; align-items:center; gap:1px;
  padding:8px 10px; border-radius:10px; background:rgba(0,0,0,.25); border:1px solid var(--rust-ln);
}
.lb-prize-slot .lb-prize-rank{ font-size:15px; }
.lb-prize-slot b{ font-family:var(--fd); font-size:15px; color:var(--rust3); }
.lb-prize-slot em{ font-size:8px; letter-spacing:.12em; text-transform:uppercase; color:var(--t3); font-style:normal; font-weight:700; }
.lb-prize-slot.rank-1{ border-color:rgba(206,66,43,.4); background:rgba(206,66,43,.07); }
.lb-prize-slot.rank-1 b{ color:#CE422B; }

@media (max-width:600px){
  .lb-row{ gap:8px; padding:12px !important; }
  .lb-av{ width:36px; height:36px; }
  .lb-rank-badge{ width:26px; font-size:15px; }
  .lb-stat-block{ min-width:64px; }
  .lb-stat-val{ font-size:15px; }
  .lb-player b{ max-width:38vw; }
}
.tx-pager{ display:flex; align-items:center; justify-content:center; gap:14px; margin-top:14px; }
.tx-pg-btn{
  padding:8px 16px; border-radius:9px; border:1px solid var(--rust-ln2);
  background:rgba(255,255,255,.04); color:var(--t1); font-weight:700; font-size:13px; cursor:pointer;
  transition: background .18s, transform .12s, opacity .2s;
}
.tx-pg-btn:hover:not(:disabled){ background:rgba(201,108,91,.15); transform:translateY(-1px); }
.tx-pg-btn:active:not(:disabled){ transform:translateY(0) scale(.97); }
.tx-pg-btn:disabled{ opacity:.4; cursor:not-allowed; }
.tx-pg-info{ font-size:13px; color:var(--t2); font-weight:600; font-variant-numeric:tabular-nums; }
.page-sub{ color:var(--t3); font-size:14px; line-height:1.55; margin-top:6px; max-width:640px; }

.bx-ring{
  position:relative; height:420px; border-radius:18px; overflow:hidden;
  background:
    radial-gradient(120% 90% at 50% 10%, rgba(201,108,91,.10), transparent 60%),
    linear-gradient(180deg,#211616,#120d0a);
  border:1px solid var(--rust-ln2);
  display:flex; align-items:flex-end; justify-content:space-between;
  padding:0 6%;
}
.bx-ring-floor{
  position:absolute; left:0; right:0; bottom:0; height:46%;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0 2px, transparent 2px 40px),
    linear-gradient(180deg,#281C1C,#211616);
  border-top:3px solid rgba(201,108,91,.4);
  box-shadow:inset 0 18px 40px rgba(0,0,0,.5);
}
.bx-rope{ position:absolute; left:0; right:0; height:4px; background:linear-gradient(90deg,#CE422B,#CE422B); opacity:.55; z-index:1; }
.bx-rope-top{ top:14%; } .bx-rope-mid{ top:26%; }
.bx-ropes-back{ position:absolute; inset:0 0 46% 0; border:2px solid rgba(201,108,91,.12); border-bottom:0; pointer-events:none; }
.bx-ring::before,.bx-ring::after{
  content:""; position:absolute; top:8%; bottom:40%; width:7px; border-radius:4px;
  background:linear-gradient(180deg,#CE422B,#8a2e1c); z-index:2;
}
.bx-ring::before{ left:3%; } .bx-ring::after{ right:3%; }

.bx-fighter{ position:relative; z-index:3; width:160px; display:flex; flex-direction:column; align-items:center; transition:transform .2s; }
.bx-char{ width:130px; }
.bx-svg{ width:130px; height:auto; filter:drop-shadow(0 10px 18px rgba(0,0,0,.5)); transform-origin:50% 90%; }
.bx-fighter-red{ }
.bx-fighter-blue .bx-svg{ transform:scaleX(-1); }
.bx-fighter:not(.bx-win):not(.bx-lose) .bx-svg{ animation:bxBob 1.6s ease-in-out infinite; }
@keyframes bxBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
.bx-fighter-blue:not(.bx-win):not(.bx-lose) .bx-svg{ animation:bxBobB 1.6s ease-in-out infinite; }
@keyframes bxBobB{ 0%,100%{ transform:scaleX(-1) translateY(0); } 50%{ transform:scaleX(-1) translateY(-5px); } }
.bx-fighter-red.bx-punch{ transform:translateX(40px); }
.bx-fighter-blue.bx-punch{ transform:translateX(-40px); }
.bx-fighter.bx-punch .bx-arm{ animation:bxJab .36s ease; transform-origin:0 0; }
@keyframes bxJab{ 0%{ transform:translateX(0) rotate(0); } 45%{ transform:translateX(8px) rotate(-12deg); } 100%{ transform:translateX(0) rotate(0); } }
.bx-fighter.bx-hit .bx-svg{ animation:bxHit .36s ease; filter:drop-shadow(0 0 14px rgba(239,68,68,.9)) saturate(1.6); }
@keyframes bxHit{ 0%,100%{ transform:translateX(0) rotate(0);} 25%{ transform:translateX(-12px) rotate(-5deg);} 60%{ transform:translateX(6px) rotate(2deg);} }
.bx-fighter-blue.bx-hit .bx-svg{ animation:bxHitB .36s ease; }
@keyframes bxHitB{ 0%,100%{ transform:scaleX(-1) translateX(0) rotate(0);} 25%{ transform:scaleX(-1) translateX(12px) rotate(5deg);} 60%{ transform:scaleX(-1) translateX(-6px) rotate(-2deg);} }
.bx-fighter.bx-dodge .bx-svg{ animation:bxDodge .3s ease; }
@keyframes bxDodge{ 0%,100%{ opacity:1; } 50%{ opacity:.55; transform:translateY(-6px); } }
.bx-fighter.bx-win .bx-svg{ animation:bxCheer .7s ease infinite alternate; filter:drop-shadow(0 0 20px rgba(201,108,91,.8)); }
@keyframes bxCheer{ 0%{ transform:translateY(0);} 100%{ transform:translateY(-10px);} }
.bx-fighter.bx-lose .bx-svg{ transform:rotate(82deg) translateY(10px); opacity:.55; filter:grayscale(.6); transition:transform .6s, opacity .6s; }
.bx-fighter-blue.bx-win .bx-svg{ animation:bxCheerB .7s ease infinite alternate; }
@keyframes bxCheerB{ 0%{ transform:scaleX(-1) translateY(0);} 100%{ transform:scaleX(-1) translateY(-10px);} }
.bx-fighter-blue.bx-lose .bx-svg{ transform:scaleX(-1) rotate(82deg) translateY(10px); }
.bx-hp-wrap{ width:150px; margin-bottom:8px; z-index:4; }
.bx-hp-label{ display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--t1); margin-bottom:3px; }
.bx-hp-label b{ color:var(--rust3); font-weight:800; }
.bx-hp-track{ height:13px; border-radius:999px; background:rgba(0,0,0,.5); border:1px solid var(--rust-ln2); overflow:hidden; box-shadow:inset 0 2px 4px rgba(0,0,0,.5); }
.bx-hp-fill{ height:100%; width:100%; border-radius:999px; background:linear-gradient(90deg,#22c55e,#4ade80); transition:width .4s cubic-bezier(.4,0,.2,1); }
.bx-low .bx-hp-fill{ background:linear-gradient(90deg,#CE422B,#E56C59); animation:bxHpDanger 1s ease-in-out infinite; }
@keyframes bxHpDanger{ 0%,100%{ filter:brightness(1);} 50%{ filter:brightness(1.35);} }
.bx-corner-tag{ margin-top:6px; font-size:10px; font-weight:800; letter-spacing:.1em; padding:3px 9px; border-radius:6px; z-index:4; }
.bx-tag-red{ background:rgba(239,68,68,.2); color:#E8A096; }
.bx-tag-blue{ background:rgba(143,45,32,.2); color:#D9C8C4; }
.bx-center{ position:absolute; left:50%; top:34%; transform:translate(-50%,-50%); text-align:center; z-index:3; }
.bx-vs{ font-family:var(--fd); font-size:40px; color:var(--rust3); text-shadow:0 2px 12px rgba(0,0,0,.6); animation:bxVsPulse 2s ease-in-out infinite; }
@keyframes bxVsPulse{ 0%,100%{ transform:scale(1); opacity:.85;} 50%{ transform:scale(1.12); opacity:1;} }
.bx-float{ position:absolute; top:38%; left:50%; transform:translateX(-50%); font-family:var(--fd); font-size:26px; font-weight:800; pointer-events:none; z-index:6; animation:bxFloat .9s ease-out forwards; }
.bx-float-dmg{ color:#E8A096; text-shadow:0 2px 8px rgba(0,0,0,.7); }
.bx-float-miss{ color:#cbd5e1; font-size:18px; }
@keyframes bxFloat{ 0%{ opacity:0; transform:translateX(-50%) translateY(0) scale(.6);} 25%{ opacity:1; transform:translateX(-50%) translateY(-14px) scale(1.1);} 100%{ opacity:0; transform:translateX(-50%) translateY(-46px) scale(1);} }
.bx-spark{ position:absolute; top:42%; left:50%; width:0; height:0; z-index:5; }
.bx-spark i{ position:absolute; width:18px; height:3px; background:linear-gradient(90deg,#fff,#CE422B); border-radius:2px; transform-origin:0 50%; animation:bxSpark .5s ease-out forwards; }
@keyframes bxSpark{ 0%{ opacity:1; width:4px;} 100%{ opacity:0; width:26px; } }
.bx-winner-banner{ position:absolute; left:50%; top:18%; transform:translateX(-50%) scale(.6); opacity:0; z-index:7;
  background:linear-gradient(180deg,#281C1C,#1A1111); border:1px solid rgba(201,108,91,.5);
  padding:12px 24px; border-radius:14px; font-family:var(--fd); font-size:24px; color:#CE422B;
  box-shadow:0 12px 40px rgba(201,108,91,.4); white-space:nowrap; }
.bx-winner-banner.show{ animation:bxWinIn .5s cubic-bezier(.2,1.3,.4,1) forwards, bxWinGlow 1.6s ease-in-out infinite .5s; }
@keyframes bxWinIn{ to{ opacity:1; transform:translateX(-50%) scale(1);} }
@keyframes bxWinGlow{ 0%,100%{ box-shadow:0 12px 40px rgba(201,108,91,.4);} 50%{ box-shadow:0 12px 50px rgba(201,108,91,.7);} }
.bx-idle-overlay{ position:absolute; inset:0; z-index:8; display:flex; align-items:center; justify-content:center; background:rgba(10,7,5,.55); backdrop-filter:blur(2px); }
.bx-idle-inner{ text-align:center; }
.bx-idle-icon{ font-size:46px; animation:bxBob 2.4s ease-in-out infinite; }
.bx-idle-title{ font-family:var(--fd); font-size:24px; color:var(--t1); margin-top:8px; }
.bx-idle-msg{ font-size:13px; color:var(--t3); margin-top:4px; }

.bx-fight-msg{ text-align:center; min-height:18px; font-size:13px; color:var(--rust3); margin-top:10px; }
.bx-fight-msg.err{ color:#E56C59; }
.bx-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }
@media (max-width:880px){ .bx-grid{ grid-template-columns:1fr; } .bx-ring{ height:360px; } .bx-fighter{ width:120px;} .bx-char,.bx-svg{ width:104px;} }
.bx-corner-pick{ display:flex; align-items:center; gap:12px; justify-content:center; margin-bottom:14px; }
.bx-corner-btn{ flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:14px; border-radius:14px;
  background:rgba(255,255,255,.03); border:2px solid var(--rust-ln2); cursor:pointer; color:var(--t2); transition:transform .15s, border-color .2s, box-shadow .25s; }
.bx-corner-btn .bx-glove{ font-size:24px; }
.bx-corner-btn span{ font-family:var(--fd); font-size:18px; }
.bx-corner-btn small{ font-size:10px; color:var(--t3); }
.bx-corner-red.active{ border-color:#CE422B; box-shadow:0 6px 22px rgba(239,68,68,.35); color:#fff; }
.bx-corner-blue.active{ border-color:#6E4540; box-shadow:0 6px 22px rgba(143,45,32,.35); color:#fff; }
.bx-corner-vs{ font-family:var(--fd); color:var(--t3); font-size:18px; }
.bx-open-row,.bx-recent-row{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); margin-bottom:9px; }
.bx-dot{ width:12px; height:12px; border-radius:50%; flex:0 0 auto; }
.bx-dot-red{ background:#CE422B; box-shadow:0 0 8px rgba(239,68,68,.6); }
.bx-dot-blue{ background:#6E4540; box-shadow:0 0 8px rgba(143,45,32,.6); }
.bx-open-info,.bx-recent-info{ flex:1; min-width:0; }
.bx-open-info b,.bx-recent-info b{ display:block; font-size:14px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bx-open-info small,.bx-recent-info small{ font-size:11px; color:var(--t3); }
.bx-open-wager{ font-family:var(--fd); font-size:17px; color:var(--rust3); }
.bx-btn-join,.bx-btn-bot{ padding:8px 16px; border-radius:9px; border:0; font-weight:700; font-size:13px; cursor:pointer; color:#fff; background:linear-gradient(180deg,var(--rust2),var(--rust)); transition:transform .15s, box-shadow .2s; }
.bx-btn-join:hover,.bx-btn-bot:hover{ transform:translateY(-2px); box-shadow:0 6px 16px rgba(201,108,91,.4); }
.bx-btn-cancel{ width:32px; height:32px; border-radius:8px; border:1px solid var(--rust-ln2); background:rgba(255,255,255,.04); color:var(--t3); cursor:pointer; }
.bx-btn-cancel:hover{ color:#E56C59; border-color:rgba(239,68,68,.4); }
.bx-res-corner{ font-size:10px; font-weight:800; letter-spacing:.08em; padding:4px 9px; border-radius:6px; flex:0 0 auto; }
.bx-res-red{ background:rgba(239,68,68,.18); color:#E8A096; }
.bx-res-blue{ background:rgba(143,45,32,.18); color:#D9C8C4; }
.bx-recent-prize{ font-family:var(--fd); font-size:16px; color:#4ade80; }
.vf-row{ display:flex; flex-direction:column; gap:2px; padding:8px 0; border-bottom:1px solid var(--rust-ln); }
.vf-row span{ font-size:11px; color:var(--t3); text-transform:uppercase; letter-spacing:.06em; }
.vf-row code{ font-size:12px; color:var(--rust3); word-break:break-all; }
.vf-note{ font-size:12px; color:var(--t3); line-height:1.5; margin-top:8px; }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .bx-fighter .bx-svg, .bx-idle-icon, .bx-vs, .bx-winner-banner.show{ animation:none !important; }
}
.nav-ico{ font-size:17px; display:inline-block; transition:transform .25s cubic-bezier(.34,1.6,.5,1); }
.nav-ico svg{ width:20px; height:20px; display:block; }
.nav a:hover .nav-ico, .nav-more-btn:hover .nav-ico{ transform:scale(1.35) rotate(-8deg); }
.nav-txt{ }
@media (max-width:1200px){ .nav-txt{ display:none; } .nav-ico{ font-size:20px; } }
.nav-more{ position:relative; display:inline-flex; }
.nav-more-btn{ display:inline-flex; align-items:center; gap:5px; min-height:36px; padding:0 12px; border-radius:10px;
  background:none; border:1px solid transparent; color:var(--t2); font-weight:600; font-size:12.5px; cursor:pointer; font-family:inherit; transition:background .18s,color .18s; }
.nav-more-btn:hover, .nav-more-btn.open{ background:rgba(201,108,91,.14); color:#fff; }
.nav-caret{ font-size:9px; opacity:.7; transition:transform .2s; }
.nav-more-btn.open .nav-caret{ transform:rotate(180deg); }
.nav-more-menu{ position:absolute; top:46px; left:0; min-width:180px; z-index:1200;
  background:#211616; border:1px solid var(--rust-ln2); border-radius:14px; padding:6px; box-shadow:0 18px 50px rgba(0,0,0,.6);
  animation:dropIn .2s ease; }
@keyframes dropIn{ from{ opacity:0; transform:translateY(-6px);} to{ opacity:1; transform:none;} }
.nav-more-menu a{ display:flex; align-items:center; gap:9px; padding:10px 12px; border-radius:9px; color:var(--t2); text-decoration:none; font-size:13.5px; font-weight:600; transition:background .15s,color .15s; }
.nav-more-menu a:hover{ background:rgba(201,108,91,.16); color:#fff; }
.nav-more-menu a.active{ background:rgba(201,108,91,.22); color:var(--rust3); }
.profile-wrap{ position:relative; }
.profile-avatar-btn{ width:42px; height:42px; border-radius:50%; border:2px solid var(--rust-ln2); cursor:pointer; padding:0; overflow:hidden;
  background:linear-gradient(145deg,var(--rust2),var(--rust)); display:flex; align-items:center; justify-content:center; transition:transform .18s, box-shadow .2s; }
.profile-avatar-btn:hover{ transform:scale(1.07); box-shadow:0 6px 18px rgba(201,108,91,.5); }
.profile-avatar-btn img{ width:100%; height:100%; object-fit:cover; }
.pa-fallback{ font-family:var(--fu); font-size:20px; color:#fff; }
.profile-avatar-btn .pa-fallback-under{position:absolute;inset:0;display:grid;place-items:center;z-index:0}
.profile-avatar-btn .pa-fallback-under+img{position:relative;z-index:1;border-radius:50%}
.profile-menu{ position:absolute; top:52px; right:0; min-width:190px; z-index:1200;
  background:#211616; border:1px solid var(--rust-ln2); border-radius:14px; padding:6px; box-shadow:0 18px 50px rgba(0,0,0,.6); animation:dropIn .2s ease; }
.pm-head{ padding:10px 12px 8px; border-bottom:1px solid var(--rust-ln); margin-bottom:4px; }
.pm-head b{ display:block; color:var(--t1); font-size:14px; }
.pm-head small{ color:var(--rust3); font-size:11px; }
.profile-menu a{ display:flex; align-items:center; gap:9px; padding:10px 12px; border-radius:9px; color:var(--t2); text-decoration:none; font-size:13.5px; font-weight:600; transition:background .15s,color .15s; }
.profile-menu a:hover{ background:rgba(201,108,91,.16); color:#fff; }
.profile-menu a.pm-logout:hover{ background:rgba(239,68,68,.16); color:#E8A096; }
.lp-modes-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:900px){ .lp-modes-3{ grid-template-columns:1fr; } }
.wreq-banner{ padding:12px 14px; border-radius:12px; margin-bottom:14px; font-size:13px; }
.wreq-banner-block{ background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.3); }
.wreq-banner-ok{ background:rgba(34,197,94,.08); border:1px solid rgba(34,197,94,.3); color:#CE422B; font-weight:600; }
.wreq-banner-head{ color:#E8A096; font-weight:700; margin-bottom:8px; }
.wreq-amount{ font-family:var(--fd); font-size:22px; color:var(--t1); margin-bottom:6px; }
.wreq-amount span{ font-size:14px; color:var(--t3); }
.wreq-note{ color:var(--t2); margin-top:6px; }
.rf-header{ position:relative; text-align:center; padding-top:8px; }
.rf-weapons{ display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:6px; opacity:.95; }
.rf-weapon{ height:38px; filter:drop-shadow(0 4px 10px rgba(0,0,0,.5)); }
.rf-gun{ width:150px; animation:rfGunFloat 4s ease-in-out infinite; }
.rf-knife{ width:104px; animation:rfKnifeFloat 4s ease-in-out infinite .5s; }
@keyframes rfGunFloat{ 0%,100%{ transform:translateY(0) rotate(-2deg);} 50%{ transform:translateY(-5px) rotate(2deg);} }
@keyframes rfKnifeFloat{ 0%,100%{ transform:translateY(0) rotate(3deg);} 50%{ transform:translateY(-6px) rotate(-3deg);} }
.rf-header .page-title{ margin:2px 0; }

.rf-recent-strip{ display:flex; align-items:center; gap:12px; padding:10px 16px; margin-bottom:16px;
  background:rgba(0,0,0,.25); border:1px solid var(--rust-ln); border-radius:12px; overflow-x:auto; }
.rf-strip-label{ font-size:10px; font-weight:800; letter-spacing:.14em; color:var(--rust3); white-space:nowrap; flex:0 0 auto; }
.rf-strip-items{ display:flex; gap:7px; }
.rf-strip-chip{ width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:800; color:#fff; flex:0 0 auto; }
.rf-chip-red{ background:linear-gradient(145deg,#CE422B,#991b1b); }
.rf-chip-blue{ background:linear-gradient(145deg,#6E4540,#4A3030); }
.rf-strip-empty{ font-size:12px; color:var(--t3); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rf-gun,.rf-knife{ animation:none; } }
.fair-games{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:20px 0; }
@media (max-width:900px){ .fair-games{ grid-template-columns:1fr; } }
.fair-game-card{ background:linear-gradient(180deg, var(--card2), var(--card)); border:1px solid var(--rust-ln2); border-radius:16px; padding:20px; transition:transform .25s, box-shadow .3s, border-color .25s; }
.fair-game-card:hover{ transform:translateY(-3px); box-shadow:0 14px 40px rgba(0,0,0,.4), 0 0 0 1px rgba(201,108,91,.3); }
.fair-game-ico{ font-size:30px; margin-bottom:8px; }
.fair-game-card h4{ font-family:var(--fd); font-size:20px; letter-spacing:.04em; color:var(--t1); margin-bottom:8px; }
.fair-game-card p{ font-size:13px; color:var(--t2); line-height:1.5; margin-bottom:8px; }
.fair-game-card code{ display:block; background:rgba(0,0,0,.4); border:1px solid var(--rust-ln); border-radius:8px; padding:9px 11px; font-size:11.5px; color:var(--rust3); word-break:break-all; margin-bottom:8px; }
.fg-note{ font-size:12px !important; color:var(--t3) !important; }
.fg-note code{ display:inline; padding:1px 5px; background:rgba(201,108,91,.12); border:0; margin:0; }
@media (min-width:861px){ .nav{ display:flex; align-items:center; gap:2px; flex-wrap:nowrap; } }
.nav a{ white-space:nowrap; }
@media (min-width:861px) and (max-width:1180px){ .nav-ico{ font-size:19px; } .nav a{ padding:0 9px; } }
@media (min-width:1181px) and (max-width:1480px){ .nav a{ padding:0 7px; font-size:11.5px; } .nav{ gap:1px; } }
.auth-or{ display:flex; align-items:center; gap:12px; margin:4px 0; color:var(--t3); font-size:12px; }
.auth-or::before, .auth-or::after{ content:""; flex:1; height:1px; background:var(--rust-ln2); }
.steam-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:13px 18px; border-radius:12px; text-decoration:none;
  font-weight:700; font-size:14px; color:#fff; cursor:pointer;
  background:linear-gradient(135deg,#211616,#3A2525);
  border:1px solid #E8A096; transition:transform .15s, box-shadow .25s, filter .2s;
}
.steam-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(206,66,43,.4); filter:brightness(1.08); }
.steam-btn:active{ transform:translateY(0) scale(.98); }
.steam-ico{ width:22px; height:22px; color:#E8A096; flex:0 0 auto; }
@media (max-width:1099px){
  .nav{
    display:none !important; position:fixed; top:var(--rr-header-h,64px); left:0 !important; right:auto !important;
    width:100vw !important; max-width:100vw !important; min-width:100vw !important; margin:0 !important; box-sizing:border-box;
    flex-direction:column !important; gap:4px !important; flex-wrap:nowrap;
    background:#1A1111; border:0; border-bottom:1px solid var(--rust-ln2);
    border-radius:0 0 18px 18px !important;
    padding:12px !important; z-index:1400; max-height:calc(100vh - var(--rr-header-h,64px)); overflow-y:auto;
    box-shadow:0 18px 50px rgba(0,0,0,.6);
  }
  .nav.open{ display:flex !important; animation:dropIn .2s ease; }
  .nav a{ display:flex !important; align-items:center; gap:12px; width:100%; padding:13px 16px !important;
    border-radius:11px; font-size:15px !important; justify-content:flex-start; }
  .nav .nav-txt{ display:inline !important; }
  .nav .nav-ico{ font-size:20px; width:26px; text-align:center; }
  .nav a.active{ background:rgba(201,108,91,.2); }
  .nav-games-btn .nav-txt{ display:inline !important; }
  .nav-games-btn{ font-size:15px !important; padding:13px 16px !important; }
  .nav-games-menu .ngm-item{ padding-left:22px; }
  .nav-games-menu, #navGamesMenu{ width:100% !important; max-width:none !important; box-sizing:border-box; }
  #navGamesMenu .ngm-card{ width:100% !important; box-sizing:border-box; }
}
@media (min-width:561px) and (max-width:1099px){
  .nav.open{ width:340px !important; max-width:340px !important; min-width:0 !important;
    border-radius:0 0 18px 18px !important; border-right:1px solid var(--rust-ln2); }
}
.char-display{ position:relative; display:flex; align-items:center; justify-content:center; min-height:170px; }
.pfp-svg{ width:150px; height:150px; filter:drop-shadow(0 10px 22px rgba(0,0,0,.45)); }
.rust-char-wrap{ position:relative; transition:transform .2s; }
.rust-char-wrap:not(.pfp-ko) .pfp-svg{ animation:pfpFloat 2.6s ease-in-out infinite; }
@keyframes pfpFloat{ 0%,100%{ transform:translateY(0) scale(1);} 50%{ transform:translateY(-6px) scale(1.01);} }
.rust-char-wrap.char-hit .pfp-svg{ animation:pfpHit .5s ease; }
@keyframes pfpHit{
  0%{ transform:translateX(0) rotate(0) scale(1); opacity:1; }
  16%{ transform:translateX(-11px) rotate(-7deg) scale(.92); opacity:0; filter:drop-shadow(0 0 20px rgba(239,68,68,.95)); }
  36%{ opacity:0; }
  50%{ transform:translateX(9px) rotate(4deg) scale(1.03); opacity:1; }
  100%{ transform:translateX(0) rotate(0) scale(1); opacity:1; }
}
.rust-char-wrap.pfp-ko{ animation:pfpKO .5s cubic-bezier(.5,0,.75,0) forwards; }
@keyframes pfpKO{ 0%{ opacity:1; transform:scale(1) rotate(0);} 40%{ opacity:1; transform:scale(1.15) rotate(-4deg);} 100%{ opacity:0; transform:scale(.2) rotate(20deg);} }
.pfp-strike{ position:absolute; top:50%; width:84px; height:84px; z-index:6; pointer-events:none; }
.pfp-strike svg{ width:100%; height:100%; filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)); }
.pfp-strike-left{ left:-10px; transform-origin:left center; animation:strikeL .5s ease; }
.pfp-strike-right{ right:-10px; transform-origin:right center; animation:strikeR .5s ease; }
@keyframes strikeL{ 0%{ transform:translateY(-50%) translateX(-60px) rotate(-60deg); opacity:0;} 35%{ transform:translateY(-50%) translateX(20px) rotate(10deg); opacity:1;} 60%{ transform:translateY(-50%) translateX(10px) rotate(-5deg);} 100%{ transform:translateY(-50%) translateX(-40px) rotate(-40deg); opacity:0;} }
@keyframes strikeR{ 0%{ transform:translateY(-50%) translateX(60px) scaleX(-1) rotate(-60deg); opacity:0;} 35%{ transform:translateY(-50%) translateX(-20px) scaleX(-1) rotate(10deg); opacity:1;} 60%{ transform:translateY(-50%) translateX(-10px) scaleX(-1) rotate(-5deg);} 100%{ transform:translateY(-50%) translateX(40px) scaleX(-1) rotate(-40deg); opacity:0;} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rust-char-wrap .pfp-svg, .pfp-strike{ animation:none !important; } }
.center-waiting{ margin-top:16px; border-top:1px solid var(--rust-ln); padding-top:14px; }
.center-waiting-head{ font-size:14px; font-weight:700; color:var(--t1); margin-bottom:10px; }
.center-waiting-head .eyebrow{ display:block; margin-bottom:2px; }
.center-waiting .queue-list{ max-height:200px; overflow-y:auto; }
.bh-row{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); margin-bottom:9px; }
.bh-ico{ font-size:20px; }
.bh-info{ flex:1; min-width:0; }
.bh-info b{ display:block; font-size:14px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bh-info small{ font-size:11px; color:var(--t3); }
.bh-prize{ font-family:var(--fd); font-size:16px; color:#4ade80; }
.steam-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:11px;
  width:100%; min-height:50px; padding:0 22px;
  border-radius:13px; font-family:var(--fu); font-weight:700; font-size:15px; letter-spacing:.02em;
  color:#fff; cursor:pointer;
  background:linear-gradient(135deg,#3A2525 0%,#211616 55%,#211616 100%);
  border:1px solid rgba(206,66,43,.35);
  box-shadow:0 10px 28px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .18s ease, box-shadow .25s ease, border-color .25s ease;
}
.steam-btn .steam-ico{ width:22px; height:22px; color:#E8A096; flex:0 0 auto; transition:transform .3s cubic-bezier(.34,1.6,.5,1); }
.steam-btn:hover{ transform:translateY(-2px); border-color:rgba(206,66,43,.7); box-shadow:0 16px 38px rgba(40,28,28,.55), 0 0 0 3px rgba(206,66,43,.12); }
.steam-btn:hover .steam-ico{ transform:scale(1.12) rotate(-6deg); }
.steam-btn:active{ transform:translateY(0); }
.steam-btn-lg{ min-height:60px; font-size:17px; }
.steam-btn-lg .steam-ico{ width:26px; height:26px; }
.pill-steam{
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,#3A2525,#211616); border:1px solid rgba(206,66,43,.4); color:#fff; font-weight:700;
  transition:transform .18s ease, box-shadow .25s ease, border-color .2s;
}
.pill-steam .pill-steam-ico{ width:18px; height:18px; color:#E8A096; transition:transform .3s cubic-bezier(.34,1.6,.5,1); }
.pill-steam:hover{ transform:translateY(-2px); border-color:rgba(206,66,43,.75); box-shadow:0 10px 24px rgba(40,28,28,.5); background:linear-gradient(135deg,#3A2525,#211616); }
.pill-steam:hover .pill-steam-ico{ transform:scale(1.15) rotate(-6deg); }
.auth-steam-card{ text-align:center; gap:16px; }
.auth-steam-card .steam-btn{ margin-top:4px; }
.steam-trust{ font-size:11px; color:var(--t3); letter-spacing:.02em; }
.auth-spectate{ display:block; color:var(--p3) !important; font-size:12px; opacity:.85; }
.auth-spectate:hover{ opacity:1; }
.topbar-inner{ min-height:74px; }
.nav{ gap:4px; }
.nav a{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 14px; border-radius:12px; font-size:14.5px; font-weight:600; letter-spacing:.01em;
  transition:transform .2s cubic-bezier(.34,1.4,.5,1), background .2s, color .2s, box-shadow .25s;
}
.nav .nav-ico{ font-size:24px; line-height:1; display:inline-block; transition:transform .3s cubic-bezier(.34,1.8,.4,1), filter .25s; will-change:transform; }
.nav a:hover{ transform:translateY(-2px); background:rgba(201,108,91,.16); color:var(--t1); box-shadow:0 8px 20px rgba(201,108,91,.2); }
.nav a:hover .nav-ico{ animation:navIcoPop .5s cubic-bezier(.34,1.8,.4,1) forwards; filter:drop-shadow(0 6px 12px rgba(201,108,91,.6)); }
@keyframes navIcoPop{ 0%{transform:scale(1) rotate(0);} 40%{transform:scale(1.55) rotate(-14deg) translateY(-4px);} 65%{transform:scale(1.32) rotate(7deg) translateY(-1px);} 82%{transform:scale(1.46) rotate(-4deg);} 100%{transform:scale(1.42) rotate(-8deg) translateY(-2px);} }
.nav a.active{ background:rgba(201,108,91,.26); color:var(--p4); border:1px solid rgba(201,108,91,.4); }
.nav a.active .nav-ico{ transform:scale(1.18); filter:drop-shadow(0 3px 8px rgba(201,108,91,.45)); }
@media (max-width:980px){
  .topbar-inner{ min-height:64px; }
  .nav a{ font-size:13px; padding:9px 12px; }
  .nav .nav-ico{ font-size:19px; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .nav a:hover, .nav a:hover .nav-ico, .steam-btn:hover, .pill-steam:hover{ transform:none; }
}
.home{ width:100%; max-width:1180px; margin:0 auto; padding:8px 0 60px; position:relative; z-index:1; }
@keyframes hmGlow{ from{ transform:translateY(-8px) scale(1);} to{ transform:translateY(8px) scale(1.04);} }
.hm-btn{
  display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 26px; border-radius:13px;
  font-family:var(--fu); font-weight:700; font-size:15.5px; letter-spacing:.02em; cursor:pointer;
  transition:transform .18s ease, box-shadow .25s ease, filter .2s;
}
.hm-btn-steam{ color:#fff; background:linear-gradient(135deg,#3A2525,#211616); border:1px solid rgba(206,66,43,.4); }
.hm-btn-steam svg{ width:22px; height:22px; color:#E8A096; transition:transform .3s cubic-bezier(.34,1.6,.5,1); }
.hm-btn-steam:hover{ transform:translateY(-2px); border-color:rgba(206,66,43,.75); box-shadow:0 16px 38px rgba(40,28,28,.5); }
.hm-btn-steam:hover svg{ transform:scale(1.12) rotate(-6deg); }
@keyframes hmPulse{ 0%{ box-shadow:0 0 0 0 rgba(34,197,94,.55);} 70%{ box-shadow:0 0 0 8px rgba(34,197,94,0);} 100%{ box-shadow:0 0 0 0 rgba(34,197,94,0);} }

@media (max-width:880px){
}
.wd-wager{ margin:4px 0 14px; padding:13px 14px; border-radius:12px; border:1px solid var(--ln2); background:rgba(0,0,0,.28); }
.wd-wager.locked{ border-color:rgba(206,66,43,.35); background:rgba(206,66,43,.06); }
.wd-wager-head{ display:flex; align-items:center; justify-content:space-between; font-size:13px; color:var(--t2); margin-bottom:9px; }
.wd-wager-head b{ font-family:var(--fm); font-size:13px; color:var(--gold2); }
.wd-wager-head b.ok{ color:var(--pos); }
.wd-wager-bar{ height:8px; border-radius:99px; background:rgba(255,255,255,.07); overflow:hidden; }
.wd-wager-bar span{ display:block; height:100%; width:0; border-radius:99px; background:linear-gradient(90deg,var(--gold),var(--gold2)); transition:width .5s ease; }
.wd-wager-bar span.met{ background:linear-gradient(90deg,var(--grn),var(--pos)); }
.wd-wager-note{ margin-top:9px; font-size:12px; line-height:1.45; color:var(--t3); }
.wd-wager.locked .wd-wager-note{ color:var(--gold2); }
.cw-count{ font-size:13px; color:var(--t2); margin-bottom:10px; }
.cw-count b{ font-family:var(--fd); font-size:18px; color:var(--p3); margin-right:4px; }
.cw-avatars{ display:flex; flex-wrap:wrap; gap:8px; }
.cw-av{ width:42px; height:42px; border-radius:50%; overflow:hidden; flex:0 0 auto;
  border:2px solid var(--ln2); background:#1A1111; display:grid; place-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,.35); transition:transform .2s ease, border-color .2s; animation:cwIn .35s ease both; }
.cw-av:hover{ transform:translateY(-3px) scale(1.06); border-color:var(--p2); }
.cw-av img{ width:100%; height:100%; object-fit:cover; }
.cw-av span{ font-family:var(--fu); font-size:18px; color:var(--p3); }
.cw-empty{ font-size:13px; color:var(--t3); text-align:center; padding:14px 6px; }
@keyframes cwIn{ from{ opacity:0; transform:scale(.6);} to{ opacity:1; transform:scale(1);} }
.section-block, .arena, .cf-card, .lb-card, .wallet-card, .auth-card, .player-panel, .app-modal__card, .form-card, .stat-box{
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, transparent 12%),
    repeating-linear-gradient(122deg, rgba(0,0,0,.05) 0 2px, transparent 2px 6px),
    radial-gradient(120px 80px at 88% 0%, rgba(201,108,91,.12), transparent 70%),
    radial-gradient(90px 60px at 6% 100%, rgba(201,108,91,.10), transparent 72%),
    linear-gradient(180deg, var(--card2), var(--card)) !important;
}
body::after{
  background:
    radial-gradient(140% 100% at 50% -10%, transparent 55%, rgba(0,0,0,.34) 100%),
    radial-gradient(70% 60% at 50% 120%, rgba(201,108,91,.12), transparent 60%) !important;
}
.section-block::after{
  background:
    radial-gradient(circle at 10px 10px, rgba(201,108,91,.45) 0 2px, transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) 10px, rgba(201,108,91,.45) 0 2px, transparent 2.6px),
    radial-gradient(circle at 10px calc(100% - 10px), rgba(201,108,91,.45) 0 2px, transparent 2.6px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), rgba(201,108,91,.45) 0 2px, transparent 2.6px) !important;
  opacity:.4 !important;
}
::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#CE422B,#C96C5B) !important; border-radius:6px; }
.fairness-explainer{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:14px; align-items:stretch; }
.fairness-explainer .fe-step{ background:linear-gradient(180deg, var(--card2), var(--card)); border:1px solid var(--ln); border-radius:14px; padding:16px; flex-direction:column; gap:10px; }
.fairness-explainer .fe-num{ width:32px; height:32px; font-size:15px; }
.fair-grid{ grid-template-columns:repeat(3,1fr); }
.fair-grid > div{ min-width:0; }
.fair-grid code{ display:block; word-break:break-all; font-size:11px; line-height:1.5; color:var(--p3); }
.fair-card code{ display:block; word-break:break-all; }
.fair-games{ margin:18px 0; }
@media (max-width:900px){ .fairness-explainer{ grid-template-columns:1fr; } .fair-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .fair-grid{ grid-template-columns:1fr; } }
.cf-side-picker[hidden]{ display:none !important; }
@media (max-width:820px){
  .chat-toggle{
    left:auto !important; right:14px !important; top:auto !important; bottom:16px !important;
    width:auto !important; min-height:0 !important; height:auto !important; padding:11px 16px !important;
    flex-direction:row !important; gap:7px !important; border-radius:999px !important;
    writing-mode:horizontal-tb !important; text-orientation:mixed !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 8px 24px rgba(201,108,91,.45) !important; z-index:301 !important;
  }
  .chat-toggle .chat-label{ writing-mode:horizontal-tb !important; }
  .chat-toggle .chat-icon{ writing-mode:horizontal-tb !important; }
}
@media (max-width:1099px){
  .nav:not(.open){ display:none !important; }
  .nav.open{ display:flex !important; }
  .mobile-menu{ display:flex !important; }
}
@media (min-width:1301px){
  .nav{ display:flex !important; position:static !important; flex-direction:row !important;
        top:auto !important; left:auto !important; right:auto !important;
        background:transparent !important; border-bottom:0 !important; padding:0 !important; z-index:auto !important; }
  .mobile-menu{ display:none !important; }
}
.cf-create-cta{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:10px 0 4px; }
.cf-create-open{ max-width:260px; width:100%; }
.cf-create-blurb{ color:var(--t3); font-size:13px; text-align:center; max-width:440px; line-height:1.5; }
.cf-create-card{ max-width:470px; }
.cf-create-card .cf-modal-head{ text-align:center; margin-bottom:18px; }
.cf-create-card .cf-side-picker{ justify-content:center; margin-bottom:20px; }
.cf-create-card .cf-wager-section{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.cf-create-card .cf-wager-label{ align-self:flex-start; }
.cf-create-card .stake-input-wrap{ max-width:260px; width:100%; }
.cf-create-card .quick-amounts{ max-width:260px; width:100%; }
.cf-create-card .cf-create-btn{ max-width:260px; width:100%; margin-top:4px; }
.chat-role-creator{
  display:inline-flex; align-items:center; justify-content:center; padding:0 !important; background:none !important;
  box-shadow:none !important; color:#E8A096 !important; vertical-align:middle;
}
.chat-role-creator svg{ width:14px !important; height:14px !important; display:block !important; filter:drop-shadow(0 0 3px rgba(240,171,252,.55)) !important; }
.chat-msg-head .chat-role.chat-role-creator{ color:#E8A096 !important; background:none !important; padding:0 !important; height:18px !important; }
.cn-creator{ color:#E8A096 !important; font-weight:700; }
.adm-badge.creator{ background:rgba(236,72,153,.16); color:#E8A096; border:1px solid rgba(236,72,153,.4); }
.adm-btn.adm-creator{ border-color:rgba(236,72,153,.4); color:#E8A096; }
.adm-btn.adm-creator:hover{ background:rgba(236,72,153,.14); }
.adm-btn.adm-api{ border-color:rgba(206,66,43,.4); color:#E8A096; }
.adm-btn.adm-api:hover{ background:rgba(206,66,43,.14); }
.cf-create-card{ max-height:90vh; overflow-y:auto; }
.chat-pinned{
  display:flex; align-items:flex-start; gap:9px; margin:0 0 6px; padding:10px 12px;
  background:linear-gradient(180deg, rgba(217,135,120,.14), rgba(217,135,120,.06));
  border:1px solid rgba(217,135,120,.34); border-radius:11px;
}
.chat-pinned-ico{ font-size:14px; line-height:1.3; flex:0 0 auto; }
.chat-pinned-body{ flex:1 1 auto; min-width:0; font-size:12.5px; line-height:1.4; }
.chat-pinned-author{ color:var(--gold); font-weight:800; }
.chat-pinned-text{ color:var(--t1); word-break:break-word; }
.chat-pinned-unpin{
  flex:0 0 auto; width:22px; height:22px; border-radius:6px; cursor:pointer;
  background:rgba(255,255,255,.06); border:1px solid var(--ln2); color:var(--t2); font-size:11px; line-height:1;
}
.chat-pinned-unpin:hover{ background:rgba(239,68,68,.16); color:#fff; }
.chat-pin-btn{
  background:transparent; border:0; cursor:pointer; opacity:0;
  font-size:12px; padding:0 4px; line-height:1; transition:opacity .15s; color:var(--t3);
}
.chat-message:hover .chat-pin-btn{ opacity:.7; }
.chat-pin-btn:hover{ opacity:1 !important; transform:scale(1.15); }
.chat-mute-notice{
  margin:0 0 6px; padding:9px 12px; border-radius:10px; font-size:12.5px; text-align:center;
  background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.32); color:#E8A096;
}
.chat-mute-notice b{ color:#fff; }
.cmn-reason{ display:block; margin-top:2px; font-size:11px; color:var(--t3); }
.chat-form.is-muted{ opacity:.6; }
@media (max-width:820px){
  .chat-drawer{ position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
    width:100% !important; height:auto !important; max-height:80vh !important;
    transform:translateY(0); border-left:0 !important; border-top:1px solid var(--ln2);
    border-radius:16px 16px 0 0; z-index:300 !important; box-shadow:0 -16px 48px rgba(0,0,0,.55); }
  .chat-drawer.closed{ transform:translateY(100%) !important; }
  .chat-panel{ position:static !important; transform:none !important; width:100% !important;
    height:auto !important; max-height:80vh !important; }
  .chat-drawer:not(.closed) .chat-panel{ transform:none !important; }
  .chat-messages{ max-height:46vh; overflow-y:auto; }
}
.chat-pinned[hidden], .chat-mute-notice[hidden]{ display:none !important; }
@media (min-width:1301px){
  body.chat-open .hm-title{ font-size:clamp(40px,6vw,80px); }
}
@media (min-width:1100px){
  .topbar-inner{ width:min(1600px,98vw) !important; gap:14px !important; }
  .nav{ gap:2px !important; overflow-x:auto; scrollbar-width:none; }
  .nav::-webkit-scrollbar{ display:none; }
  .nav .nav-txt{ display:inline !important; }
  .nav .nav-ico{ font-size:17px; }
  .nav a{ padding:0 10px !important; font-size:13.5px !important; gap:7px !important; white-space:nowrap; }
}
@media (min-width:1100px) and (max-width:1460px){
  .nav a{ padding:0 5px !important; font-size:12px !important; gap:3px !important; }
  .nav .nav-ico{ font-size:15px; }
  .topbar-inner{ gap:8px !important; }
  .brand small{ display:none; }
}
@media (max-width:1099px){
  .nav.open .nav-txt{ display:inline !important; }
}
.coin-ico{
  display:inline-block; width:.86em; height:1em; vertical-align:-0.12em; margin:0;
  background:#CE422B; -webkit-mask:url("/assets/dollar.svg") center/contain no-repeat; mask:url("/assets/dollar.svg") center/contain no-repeat;
  flex:0 0 auto; filter:none; transform:none;
}
.coin-ico.lg{ vertical-align:-0.12em; }
.stake-prefix .coin-ico{ margin-right:0; }
.tip-amt-wrap .stake-prefix{ left:13px; z-index:2; }
.tip-amt-wrap .stake-prefix .coin-ico{ width:17px; height:17px; }
.tip-field .tip-amt-wrap input{ padding-left:36px !important; font-size:17px; font-weight:800; color:var(--gold2); }
.wallet-rate-note{
  margin:0 0 14px; padding:10px 14px; border-radius:12px; font-size:13.5px; color:var(--t2);
  background:rgba(201,108,91,.08); border:1px solid rgba(201,108,91,.22);
}
.wallet-rate-note b{ color:var(--p4); }
.conv-hint{ margin:7px 0 4px; min-height:16px; font-size:12.5px; color:var(--t3); }
.conv-hint b{ color:var(--gold2,#E66A55); }
.notif-badge[hidden]{ display:none !important; }
.notif-panel[hidden]{ display:none !important; }
[hidden]{ display:none !important; }
.weapon-display, .wd-left, .wd-right{ display:none !important; }
.hero-pool-amt{ display:inline-flex; align-items:center; justify-content:flex-end; white-space:nowrap; gap:.1em; }
.hero-pool-amt .coin-ico{ width:.8em; height:.8em; margin-right:.12em; }
.prize-amount{ display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; gap:.06em; }
.prize-amount .coin-ico{ width:.74em; height:.74em; margin-right:.06em; }
.bet-amt{ display:inline-flex; align-items:center; gap:.12em; white-space:nowrap; }
.stat-box b.bet-amt{ display:inline-flex; align-items:center; line-height:1; }
.bet-amt .coin-ico{ vertical-align:0; }
.bet-amt .coin-ico{ width:.85em; height:.85em; margin-right:0; }
#heroPool{
  background: linear-gradient(180deg,#E8D6D2,#CE422B 60%,#CE422B);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.bet-amt #leftBet, .bet-amt #rightBet{ -webkit-text-fill-color:#E66A55; color:#E66A55; }
.projectile.bullet{ width:36px !important; height:9px !important; }
.projectile.rocket{ width:56px !important; height:15px !important; }
.thrown-wpn{ width:100%; height:100%; animation:wpnSpin .5s linear infinite; }
.thrown-wpn svg{ width:100%; height:100%; display:block; filter:drop-shadow(0 3px 7px rgba(0,0,0,.6)); }
@keyframes wpnSpin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
.chat-msg-head .chat-lvl,
.chat-msg-head .chat-role{
  color:#ffffff !important;
  display:inline-flex !important;
  align-items:center !important;
  margin-top:0 !important;
  height:18px !important;
}
.chat-msg-head .chat-lvl{ font-size:11px !important; }
.chat-msg-head .chat-role{ font-size:9px !important; }
.chat-msg-head .chat-lvl::before{ color:#ffffff !important; }
.chat-msg-head .chat-name{ display:inline-flex !important; align-items:center !important; margin-top:0 !important; font-size:13px !important; }
.chat-msg-head .chat-ts{ display:inline-flex !important; margin-top:0 !important; }
.aff-lvl-shield,
.aff-level-row.reached .aff-lvl-shield,
.aff-level-row.final .aff-lvl-shield{ color:#ffffff !important; }
.ref-lvl{ color:#ffffff !important; }
.lb-rank-badge{ color:#ffffff !important; }
.lb-prize-rank{ color:#ffffff !important; }
.level-badge{ color:#ffffff !important; }
.chat-msg-head .chat-lvl,
.chat-msg-head .chat-role,
.chat-msg-head .chat-lvl::before{ color:#ffffff !important; }
@media (max-width: 680px){
  .bal-btn{ display:none !important; }
  .balance-pill{ cursor:pointer; }
  .balance-group{ gap:0 !important; }
}
@media (max-width: 680px){
  .balance-pill:active{ transform:scale(.95); }
}
@media (max-width: 680px){
  .brand{ gap:7px !important; min-width:0 !important; }
  .brand-icon, .brand-icon-rust{ width:34px !important; height:34px !important; flex:0 0 auto !important; }
  .brand b, .brand-text b{ font-size:15px !important; letter-spacing:.02em !important; white-space:nowrap !important; }
}
@media (max-width: 430px){
  .brand-icon, .brand-icon-rust{ width:30px !important; height:30px !important; }
  .brand b, .brand-text b{ font-size:13px !important; }
  .account{ gap:6px !important; }
}
.cf-modal-stage{ min-height:450px !important; }
.cf-modal-stage .cf-coin{ width:158px !important; height:158px !important; }
@media (max-width:540px){
  .cf-modal-stage{ min-height:400px !important; }
  .cf-modal-stage .cf-coin{ width:124px !important; height:124px !important; }
}
.btn-leave{
  width:100%; margin-top:10px; padding:13px 18px;
  border-radius:12px; cursor:pointer;
  font-size:15px; font-weight:700; letter-spacing:.01em;
  color:#fecaca;
  background:linear-gradient(180deg, rgba(127,29,29,.55), rgba(80,18,18,.6));
  border:1px solid rgba(239,68,68,.5);
  transition:transform .12s ease, box-shadow .2s ease, background .2s ease;
}
.btn-leave:hover{ background:linear-gradient(180deg, rgba(153,27,27,.7), rgba(100,20,20,.72)); box-shadow:0 8px 22px rgba(127,29,29,.4); }
.btn-leave:active{ transform:scale(.98); }
.btn-leave.loading{ opacity:.6; pointer-events:none; }
.cf-layout{
  display:grid;
  grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
  gap:18px; align-items:start; margin-bottom:18px;
}
.cf-layout .section-block{ margin-bottom:0; height:100%; }
.cf-create-section{ position:relative; }
.cf-create-section .cf-side-picker{ margin-top:6px; }
.cf-create-section .cf-wager-section{ margin-top:14px; }
.cf-open-col .cf-games-list{ max-height:none; }
@media (max-width: 980px){
  .cf-layout{ grid-template-columns: 1fr; gap:14px; }
}
.hm-feed-row.hm-feed-new{ animation: hmFeedIn .4s ease; }
@keyframes hmFeedIn{ from{ opacity:.25; transform:translateY(-3px); } to{ opacity:1; transform:none; } }
@keyframes hmFloat{
  0%,100%{ transform:translateY(0) rotate(-8deg); }
  50%{ transform:translateY(-26px) rotate(10deg); }
}
@keyframes hmGlow{ 0%,100%{ opacity:.9; transform:scale(1); } 50%{ opacity:1; transform:scale(1.07); } }
.hm-game-ico{ animation: hmIcoBob 4s ease-in-out infinite; }
@keyframes hmIcoBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px) rotate(-4deg); } }
.hm-game-champions .hm-game-ico{ animation-delay:0s; }
.hm-game-flip .hm-game-ico{ animation-delay:.6s; }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .hm-float, .hm-hero-glow, .hm-game-ico{ animation:none !important; }
}
.topstrip{
  position: sticky; top: 0; z-index: 1001;
  height: var(--topstrip-h);
  background: linear-gradient(180deg, #211616, #211616);
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.topstrip-inner{
  width: min(1340px,98vw); margin: auto; height: 100%;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 0 6px;
}
.topstrip-nav{ display: flex; align-items: center; gap: 4px; }
.topstrip-nav a{
  font-family: var(--fu); font-weight: 600; font-size: 13px; letter-spacing: .02em;
  color: var(--t2); padding: 6px 12px; border-radius: 8px;
  position: relative; transition: color .18s ease, transform .18s ease;
}
.topstrip-nav a::after{
  content:""; position:absolute; left:12px; right:12px; bottom:3px; height:2px;
  background: linear-gradient(90deg, var(--vio2), var(--vio3));
  transform: scaleX(0); transform-origin:left; border-radius:2px;
  transition: transform .22s cubic-bezier(.2,.9,.3,1);
}
.topstrip-nav a:hover{ color:#fff; transform: translateY(-1px); }
.topstrip-nav a:hover::after{ transform: scaleX(1); }
.topstrip-nav a.active{ color: var(--vio3); }
.topstrip-nav a.active::after{ transform: scaleX(1); }
.topstrip-free{
  font-family: var(--fu); font-weight:700; font-size:13px; letter-spacing:.02em;
  color:#281C1C; background: linear-gradient(135deg, var(--gold2), #CE422B);
  padding:6px 14px; border-radius:999px; transition: transform .18s ease, box-shadow .18s ease;
  box-shadow:0 4px 14px rgba(206,66,43,.28);
}
.topstrip-free:hover{ transform: translateY(-1px) scale(1.03); box-shadow:0 7px 20px rgba(206,66,43,.42); }
.topbar{ top: var(--topstrip-h) !important; }
.chat-drawer{ top: calc(var(--topstrip-h) + var(--topbar-h)) !important; }
.control-panel{ top: calc(var(--topstrip-h) + 78px) !important; }
.nav-mob-extra{ display:none !important; }
.nav{ gap: 6px !important; }
.nav a{
  display:flex; align-items:center; gap:9px;
  font-family: var(--fu); font-weight:700; font-size:16px !important; letter-spacing:.02em;
  color: var(--t2) !important; padding: 0 16px !important; min-height: 46px !important;
  border-radius: 13px !important; border:1px solid transparent !important;
  position: relative; overflow: visible;
  transition: transform .2s cubic-bezier(.2,.9,.3,1), background .2s ease, color .2s ease, box-shadow .2s ease;
}
.nav .nav-ico{ font-size:22px; line-height:1; transition: transform .25s cubic-bezier(.2,1.4,.4,1), filter .2s ease; display:inline-block; }
.nav .nav-txt{ transition: transform .2s ease; }
.nav a::after{
  content:""; position:absolute; left:16px; right:16px; bottom:6px; height:2px; border-radius:2px;
  background: linear-gradient(90deg, var(--vio2), var(--vio3));
  transform: scaleX(0); transform-origin:center; transition: transform .25s cubic-bezier(.2,.9,.3,1);
}
.nav a:hover{
  color:#fff !important; transform: translateY(-3px);
  background: rgba(201,108,91,.10) !important;
  box-shadow: 0 10px 24px rgba(201,108,91,.20);
}
.nav a:hover .nav-ico{ transform: translateY(-2px) scale(1.22) rotate(-6deg); filter: drop-shadow(0 4px 10px rgba(201,108,91,.55)); }
.nav a:hover::after{ transform: scaleX(1); }
.nav a.active{
  color:#fff !important;
  background: linear-gradient(180deg, rgba(201,108,91,.30), rgba(201,108,91,.16)) !important;
  border-color: var(--vio-line) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(201,108,91,.28);
}
.nav a.active .nav-ico{ filter: drop-shadow(0 3px 8px rgba(201,108,91,.6)); transform: scale(1.1); }
.nav a.active::after{ transform: scaleX(1); }
.daily-free-nav{ color: var(--gold2) !important; }
.daily-free-nav:hover .nav-ico{ animation: navGiftWiggle .5s ease; }
@keyframes navGiftWiggle{ 0%,100%{transform:rotate(0)} 25%{transform:rotate(-16deg) scale(1.2)} 75%{transform:rotate(16deg) scale(1.2)} }

@media (min-width:1100px) and (max-width:1540px){
  .nav a{ font-size:14px !important; padding:0 11px !important; min-height:42px !important; }
  .nav .nav-ico{ font-size:19px; }
}
.balance-group{ display:flex; align-items:center; gap:0; }
.balance-pill{
  display:flex; align-items:center; gap:8px;
  padding:7px 14px; background: linear-gradient(180deg,#211616,#211616);
  border:1px solid var(--ln); border-top-color: rgba(255,255,255,.06);
  line-height:1.05;
}
.balance-pill-main{ font-family: var(--fu); font-weight:800; font-size:17px; color: var(--gold2); letter-spacing:.02em; }
.balance-pill-usd{ font-size:11px; font-weight:700; color: var(--t3); letter-spacing:.02em; }
.bal-btn{
  width:34px; height:38px; display:grid; place-items:center; font-size:20px; font-weight:700;
  border:1px solid var(--ln); background:#211616; color:var(--t2); cursor:pointer;
  transition: transform .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}
.bal-minus{ border-radius:11px 0 0 11px; border-right:0; }
.bal-plus{ border-radius:0 11px 11px 0; border-left:0; }
.balance-pill{ border-radius:0; }
.bal-plus:hover{ background: linear-gradient(135deg,#CE422B,#CE422B); color:#281C1C; transform: translateY(-1px); box-shadow:0 6px 16px rgba(206,66,43,.32); }
.bal-minus:hover{ background: linear-gradient(135deg,#b23b3b,#e25555); color:#fff; transform: translateY(-1px); box-shadow:0 6px 16px rgba(226,85,85,.3); }

@media (max-width: 1099px){
  :root{ --topstrip-h: 0px; }
  .topstrip{ display:none; }
  .nav-mob-extra{ display:flex !important; }
  .balance-pill-usd{ display:none; }
}
.profile-flash{ border:1px solid var(--vio-line); border-radius:12px; background: var(--vio-soft); padding:12px 16px; margin-bottom:16px; color:var(--vio3); font-weight:600; }
.profile-stats-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.pstat{ border:1px solid var(--ln); border-radius:12px; padding:11px 12px; background:rgba(0,0,0,.22); }
.pstat span{ display:block; font-size:11px; color:var(--t3); text-transform:uppercase; letter-spacing:.1em; margin-bottom:4px; }
.pstat b{ font-size:18px; color:var(--vio3); display:flex; align-items:center; gap:5px; }
.pstat-balance{ grid-column:span 3; background:linear-gradient(135deg, rgba(201,108,91,.16), rgba(0,0,0,.25)); border-color:var(--vio-line); }
.pstat-balance b{ color:var(--gold2); font-size:26px; font-family:var(--fu); }
.pstat-balance em{ display:block; font-style:normal; font-size:12px; color:var(--t2); margin-top:2px; }
.profile-av-img{ width:88px; height:88px; border-radius:50%; object-fit:cover; border:2px solid var(--vio2); box-shadow:0 0 16px rgba(201,108,91,.4); }

.hist-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.hist-tab{
  font-family:var(--fu); font-weight:700; font-size:13px; color:var(--t2);
  background:#211616; border:1px solid var(--ln); border-radius:999px; padding:7px 14px; cursor:pointer;
  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.hist-tab:hover{ color:#fff; transform:translateY(-1px); border-color:var(--vio-line); }
.hist-tab.active{ color:#281C1C; background:linear-gradient(135deg, #CE422B, #D98778); border-color:transparent; box-shadow:0 6px 16px rgba(206,66,43,.30); }
.hist-feed{ display:flex; flex-direction:column; gap:8px; }
.hist-item{
  display:flex; align-items:center; gap:12px; padding:11px 14px;
  background:linear-gradient(180deg,#211616,#211616); border:1px solid var(--ln); border-radius:13px;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.hist-item:hover{ transform:translateX(3px); border-color:var(--vio-line); box-shadow:0 6px 18px rgba(0,0,0,.3); }
.hist-item-ico{ width:40px; height:40px; flex:0 0 auto; display:grid; place-items:center; font-size:20px; border-radius:11px; background:rgba(255,255,255,.04); border:1px solid var(--ln); }
.hist-ico-champions{ background:rgba(201,108,91,.14); }
.hist-ico-rustflip{ background:rgba(206,66,43,.13); }
.hist-ico-deposit{ background:rgba(43,185,100,.13); }
.hist-ico-withdraw{ background:rgba(226,85,85,.12); }
.hist-item-body{ flex:1 1 auto; min-width:0; }
.hist-item-top{ display:flex; align-items:center; gap:8px; }
.hist-item-top b{ font-size:14px; color:var(--t1); font-weight:700; }
.hist-item-tag{ font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:2px 7px; border-radius:6px; }
.hist-item-tag.pos{ color:#86efc0; background:rgba(43,185,100,.16); }
.hist-item-tag.neg{ color:#ffb4b4; background:rgba(226,85,85,.16); }
.hist-item-body small{ display:block; font-size:11px; color:var(--t3); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hist-item-right{ flex:0 0 auto; text-align:right; }
.hist-item-amt{ display:flex; align-items:center; justify-content:flex-end; gap:4px; font-family:var(--fu); font-weight:800; font-size:16px; }
.hist-item-amt.pos{ color:#5fe39a; }
.hist-item-amt.neg{ color:#ff8d8d; }
.hist-item-amt.neu{ color:var(--t3); font-size:13px; }
.hist-item-time{ display:block; font-size:10px; color:var(--t3); margin-top:2px; }
@media (max-width:640px){ .profile-stats-grid{ grid-template-columns:repeat(2,1fr); } .pstat-balance{ grid-column:span 2; } }
.chat-online{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--t2); margin-right:6px; }
.chat-online-dot{ width:8px; height:8px; border-radius:50%; background:#2bd47a; box-shadow:0 0 8px #2bd47a; animation:onlinePulse 2s ease-in-out infinite; }
@keyframes onlinePulse{ 0%,100%{opacity:1} 50%{opacity:.5} }

.chat-messages .chat-message{
  display:flex; gap:10px; align-items:flex-start;
  padding:4px 12px 4px 10px; border:0; background:transparent; position:relative;
}
.chat-messages .chat-message:hover{ background:rgba(255,255,255,.03); }
.chat-av{ flex:0 0 auto; width:30px; height:30px; border-radius:9px; overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#281C1C,#281C1C); border:1px solid var(--ln); }
.chat-av img{ width:100%; height:100%; object-fit:cover; }
.chat-av span{ font-family:var(--fu); font-weight:800; font-size:13px; color:var(--vio3); }
.chat-sys-ico{ display:inline-flex; align-items:center; justify-content:center; color:var(--gold2); }
.chat-av .chat-sys-ico svg{ width:18px; height:18px; }
.chat-sys-ico-sm{ margin-right:4px; }
.chat-sys-ico-sm svg{ width:14px; height:14px; }
.chat-name.chat-name-system{ display:inline-flex !important; align-items:center; gap:1px; color:var(--gold2) !important; letter-spacing:.04em; }
.chat-body{ flex:1 1 auto; min-width:0; }
.chat-msg-head{ display:flex; align-items:center; gap:6px; }
.chat-lvl{
  font-family:var(--fm); font-weight:700; font-size:10px; color:#160F0F;
  padding:1px 6px; border-radius:6px; line-height:1.5; min-width:20px; text-align:center;
}
.chat-lvl.lv-base{ background:#6C433D; color:#D9C8C4; }
.chat-lvl.lv-teal{ background:linear-gradient(135deg,#C67560,#8F3B2D); }
.chat-lvl.lv-amber{ background:linear-gradient(135deg,#D98778,#CE422B); }
.chat-lvl.lv-gold{ background:linear-gradient(135deg,#CE422B,#CE422B); }
.chat-lvl.lv-violet{ background:linear-gradient(135deg,#CE422B,#CE422B); color:#fff; }
.chat-name{ font-size:13px !important; font-weight:700; color:var(--t1) !important; display:inline !important; margin:0 !important; }
.chat-name.cn-admin{ color:#ff8d8d !important; }
.chat-name.cn-mod{ color:#D98778 !important; }
.chat-name.cn-creator{ color:#E8A096 !important; }
.chat-actions{ margin-left:auto; display:flex; gap:3px; opacity:0; transition:opacity .15s ease; }
.chat-message:hover .chat-actions{ opacity:1; }
.chat-act{ width:24px; height:24px; display:grid; place-items:center; border-radius:7px; background:rgba(255,255,255,.06); border:1px solid var(--ln); color:var(--t2); font-size:13px; cursor:pointer; transition:transform .12s ease, background .12s ease, color .12s ease; }
.chat-act:hover{ transform:translateY(-1px); background:var(--vio-soft); color:#fff; border-color:var(--vio-line); }
.chat-body p{ font-size:13px !important; color:var(--t1) !important; line-height:1.45; margin-top:2px; word-break:break-word; }
.chat-message-system .chat-av{ background:linear-gradient(145deg,#3A2525,#281C1C); }
.chat-message-system .chat-body p{ color:var(--gold2) !important; font-weight:600; }
.chat-message-system .chat-name{ color:var(--gold2) !important; }
.chat-message.chat-message-rain,
.chat-message.chat-message-tip{ margin-top:8px !important; }
.chat-message.chat-message-rain .chat-body,
.chat-message.chat-message-tip  .chat-body{
  background:none !important; border:0 !important;
  border-radius:0; padding:0;
}
.chat-message.chat-message-rain .chat-msg-head,
.chat-message.chat-message-tip  .chat-msg-head{ gap:4px; }
.chat-message.chat-message-rain .chat-name,
.chat-message.chat-message-tip  .chat-name{
  background:none !important; border:0 !important; padding:0 !important; text-shadow:none !important;
  color:var(--gold2) !important; filter:none !important; font-weight:800 !important;
  font-size:11px !important; letter-spacing:.04em;
}
.chat-message.chat-message-rain .chat-body p,
.chat-message.chat-message-tip  .chat-body p{
  color:var(--gold2) !important; font-weight:600 !important; font-size:11px !important;
  line-height:1.35 !important; margin-top:1px !important;
}
.chat-message-system{ padding-top:3px !important; padding-bottom:3px !important; }
.chat-message-system .chat-name{ font-size:11.5px !important; }
.chat-message-system .chat-body p{ font-size:11.5px !important; line-height:1.4 !important; }
.chat-message-system .chat-av{ width:26px !important; height:26px !important; }
.chat-message-system .chat-av .chat-sys-ico svg{ width:15px !important; height:15px !important; }
.chat-reply-quote{
  display:flex; align-items:center; gap:5px; margin:2px 0 1px; padding:2px 8px;
  border-left:2px solid var(--vio2); background:rgba(201,108,91,.08); border-radius:0 7px 7px 0;
  font-size:11px; color:var(--t3); max-width:100%; overflow:hidden;
}
.chat-reply-quote b{ color:var(--vio3); font-weight:700; flex:0 0 auto; }
.chat-reply-quote span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-reply-q-ico{ color:var(--vio2); }
.chat-reply-bar{
  display:flex; align-items:center; gap:8px; margin:0 10px 6px;
  padding:8px 10px; background:rgba(201,108,91,.1); border:1px solid var(--vio-line);
  border-radius:11px;
}
.chat-reply-ico{ color:var(--vio2); font-size:16px; }
.chat-reply-info{ flex:1 1 auto; min-width:0; line-height:1.2; }
.chat-reply-info b{ display:block; font-size:11px; color:var(--vio3); }
.chat-reply-info span{ display:block; font-size:11px; color:var(--t3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-reply-cancel{ width:22px; height:22px; flex:0 0 auto; border-radius:6px; background:rgba(255,255,255,.07); border:0; color:var(--t2); cursor:pointer; }
.chat-reply-cancel:hover{ color:#fff; background:rgba(255,255,255,.14); }
.chat-rain{
  position:relative; margin:10px 12px 6px; padding:13px 14px; overflow:hidden;
  border-radius:14px; border:1px solid rgba(206,66,43,.4);
  background:linear-gradient(135deg, rgba(58,37,37,.95), rgba(40,28,28,.97));
  box-shadow:0 8px 22px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
  animation:rainPop .4s cubic-bezier(.2,1.2,.4,1);
}
@keyframes rainPop{ from{ transform:scale(.94); opacity:0 } to{ transform:scale(1); opacity:1 } }
.chat-rain-glow{ position:absolute; inset:-40% -10% auto -10%; height:140%; background:radial-gradient(closest-side, rgba(206,66,43,.22), transparent 70%); pointer-events:none; animation:rainGlow 3.5s ease-in-out infinite; }
@keyframes rainGlow{ 0%,100%{transform:translateX(-12%)} 50%{transform:translateX(12%)} }
.chat-rain-top{ display:flex; align-items:center; justify-content:space-between; position:relative; }
.chat-rain-title{ font-family:var(--fu); font-weight:800; font-size:16px; letter-spacing:.04em; color:#E8D6D2; }
.chat-rain-pot{ display:flex; align-items:center; gap:6px; font-family:var(--fu); font-weight:800; font-size:20px; color:var(--gold2); }
.chat-rain-meta{ display:flex; align-items:center; gap:12px; margin:6px 0 10px; font-size:12px; color:#D98778; position:relative; }
.chat-rain-meta b{ color:#fff; }
.chat-rain-timer b{ font-family:var(--fm); }
.chat-rain-usd{ margin-left:auto; color:#D98778; }
.chat-rain-actions{ display:flex; gap:8px; position:relative; }
.chat-rain-join{
  flex:1 1 auto; text-align:center; font-family:var(--fu); font-weight:800; font-size:15px; letter-spacing:.02em;
  color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); border:0; border-radius:11px; padding:11px;
  cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
  box-shadow:0 6px 16px rgba(206,66,43,.4);
}
.chat-rain-join:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(206,66,43,.55); }
.chat-rain-join.joined{ background:linear-gradient(135deg,#2bb964,#1f9a52); color:#fff; box-shadow:none; cursor:default; }
.chat-rain-tip{
  flex:0 0 auto; font-family:var(--fu); font-weight:800; font-size:15px; color:#E8D6D2;
  background:rgba(255,255,255,.06); border:1px solid rgba(206,66,43,.4); border-radius:11px; padding:11px 16px; cursor:pointer;
  transition:transform .15s ease, background .15s ease;
}
.chat-rain-tip:hover{ transform:translateY(-2px); background:rgba(206,66,43,.16); }
.admin-tool-rain .rain-live-badge{ margin-left:8px; font-size:11px; font-weight:800; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); padding:2px 9px; border-radius:999px; }
.admin-tool-hint{ display:block; margin-top:7px; font-size:11px; color:var(--t3); line-height:1.4; }
.hm-game{
  position:relative; overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.9,.3,1), box-shadow .28s ease, border-color .28s ease;
  will-change:transform;
}
.hm-game::before{
  content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.12), transparent);
  transform:skewX(-18deg); transition:left .6s ease; pointer-events:none;
}
.hm-game:hover{ transform:translateY(-8px) scale(1.015); border-color:var(--vio-line); box-shadow:0 22px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(201,108,91,.25); }
.hm-game:hover::before{ left:130%; }
.hm-game .hm-game-ico{ display:inline-block; transition:transform .3s cubic-bezier(.2,1.4,.4,1); }
.hm-game:hover .hm-game-ico{ transform:scale(1.25) rotate(-8deg); filter:drop-shadow(0 6px 14px rgba(201,108,91,.5)); }
.hm-game:hover h3{ color:#fff; }
.hm-game .hm-game-go{ transition:transform .2s ease, color .2s ease; }
.hm-game:hover .hm-game-go{ transform:translateX(6px); color:var(--vio3); }
.stake-input, .amount-input input, .modal-select, .tip-field input, .form-card input, .form-card select, #rpsWager, .admin-tool input, .us-input{
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.stake-input:focus, .amount-input input:focus, .modal-select:focus, .tip-field input:focus, .form-card input:focus, .form-card select:focus, #rpsWager:focus, .admin-tool input:focus, .us-input:focus, #chatInput:focus{
  outline:none !important;
  border-color:var(--vio2) !important;
  box-shadow:0 0 0 3px rgba(201,108,91,.22) !important;
  background:rgba(201,108,91,.06) !important;
}
.qa{ transition:transform .14s ease, background .14s ease, color .14s ease, border-color .14s ease !important; }
.qa:hover{ transform:translateY(-2px); border-color:var(--vio-line) !important; color:#fff !important; background:var(--vio-soft) !important; }
.qa:active{ transform:translateY(0) scale(.96); }
.btn-primary, .app-modal__btn{
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.btn-primary:hover, .app-modal__btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(201,108,91,.3); }
.btn-primary:active, .app-modal__btn:active{ transform:translateY(0) scale(.985); }
.chat-form{ gap:8px; }
.chat-form input{ transition:border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.chat-form button[type=submit]{
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
  background:linear-gradient(135deg,var(--vio),var(--vio2)) !important;
}
.chat-form button[type=submit]:hover{ transform:translateY(-1px) scale(1.05); box-shadow:0 6px 16px rgba(201,108,91,.4); }
.chat-messages .chat-message span{ display:inline; font-size:inherit; margin-top:0; color:inherit; }
.chat-av span{ margin:0; }
.chat-reply-quote span{ font-size:11px; }
.chat-msg-head .chat-lvl::before{ content:"" !important; }
.chat-msg-head .chat-lvl{
  padding:1px 7px !important; height:auto !important; min-width:20px;
  border-radius:6px !important; font-family:var(--fm) !important; line-height:1.6 !important;
}
.chat-msg-head .chat-lvl.lv-base{  color:#D9C8C4 !important; background:#6C433D !important; }
.chat-msg-head .chat-lvl.lv-teal{  color:#160F0F !important; background:linear-gradient(135deg,#C67560,#8F3B2D) !important; }
.chat-msg-head .chat-lvl.lv-amber{ color:#160F0F !important; background:linear-gradient(135deg,#D98778,#CE422B) !important; }
.chat-msg-head .chat-lvl.lv-gold{  color:#160F0F !important; background:linear-gradient(135deg,#CE422B,#CE422B) !important; }
.chat-msg-head .chat-lvl.lv-violet{ color:#ffffff !important; background:linear-gradient(135deg,#CE422B,#CE422B) !important; }
.chat-msg-head{ gap:6px; flex-wrap:wrap; }
.chat-body{ overflow:hidden; }
select, .modal-select, .form-card select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-color:#211616 !important; color:#F4EAE8 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23eeb351' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 12px center !important;
  padding-right:34px !important; cursor:pointer;
}
select option, .modal-select option, .form-card select option{
  background-color:#281C1C !important; color:#F4EAE8 !important;
  padding:8px 10px;
}
select option:checked, .modal-select option:checked, select option[selected], .modal-select option[selected]{
  background-color:#CE422B !important; color:#281C1C !important;
}
select option:hover, .modal-select option:hover{
  background-color:#3A2525 !important; color:#ffffff !important;
}
@-moz-document url-prefix(){
  select option{ background-color:#281C1C; color:#F4EAE8; }
}
.chat-drawer{ top: calc(var(--topstrip-h) + 68px) !important; }
@media (min-width:1100px){
  main.page{ padding-top: 24px !important; }
}
.cf-side-avatar{
  width:46px; height:46px; flex:0 0 auto; border-radius:12px; overflow:hidden;
  display:grid; place-items:center; border:2px solid var(--ln);
  background:linear-gradient(145deg,#281C1C,#211616);
}
.cf-side-avatar img{ width:100%; height:100%; object-fit:cover; }
.cf-side-avatar span{ font-family:var(--fu); font-weight:800; font-size:18px; color:var(--vio3); }
.cf-side-avatar.cf-side-red{   border-color:#CE422B; box-shadow:0 0 14px rgba(239,68,68,.35); }
.cf-side-avatar.cf-side-blue{  border-color:#6E4540; box-shadow:0 0 14px rgba(143,45,32,.35); }
.cf-side-avatar.cf-side-empty{ border-style:dashed; box-shadow:none; opacity:.7; }
.cf-side-avatar.cf-side-empty span{ color:var(--t3); }
.cf-game-vs{ display:flex; align-items:center; justify-content:center; }
.cf-game-open-side{ display:flex; align-items:center; justify-content:center; }
@keyframes rrRise{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
.section-block, .level-card, .hist-item, .admin-stat, .hm-game{ animation:rrRise .45s cubic-bezier(.2,.8,.3,1) both; }
.hm-game:nth-child(2){ animation-delay:.06s; } .hm-game:nth-child(3){ animation-delay:.12s; }
.app-modal__card, .cf-modal-card{ animation:modalPop .32s cubic-bezier(.2,1.2,.4,1); }
@keyframes modalPop{ from{ opacity:0; transform: perspective(1200px) translateY(26px) rotateX(11deg) scale(.95); } to{ opacity:1; transform: perspective(1200px) translateY(0) rotateX(0deg) scale(1); } }
.chat-form input:focus{ outline:none; border-color:var(--vio2); box-shadow:0 0 0 3px rgba(201,108,91,.22); background:rgba(201,108,91,.06); }
button{ transition:transform .12s ease, filter .15s ease, box-shadow .15s ease; }
button:active:not(:disabled){ transform:translateY(1px) scale(.985); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .section-block, .level-card, .hist-item, .admin-stat, .hm-game, .app-modal__card, .cf-modal-card, .rps-modal-card{ animation:none !important; }
}
.home{ width:min(1280px,100%); margin:0 auto; }
.hm-promo{ display:grid; grid-template-columns:1fr; gap:16px; margin-bottom:30px; }
@media (max-width:900px){ .hm-promo{ grid-template-columns:1fr; } }
.hm-promo-glow.gold{ background:radial-gradient(closest-side, rgba(206,66,43,.28), transparent 70%); }
@keyframes promoGlow{ 0%,100%{ transform:translateY(0) scale(1); opacity:.9 } 50%{ transform:translateY(10px) scale(1.06); opacity:.6 } }
.hm-promo-eyebrow.gold{ color:var(--gold2); }
@keyframes hmAccentShimmer{ 0%{ background-position:140% 0; } 100%{ background-position:-40% 0; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
.hm-promo-lvl-badge{ flex:0 0 auto; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  font-family:var(--fd); font-size:16px; color:#fff; background:linear-gradient(145deg,var(--vio2),var(--vio)); box-shadow:0 8px 20px rgba(201,108,91,.4);
  line-height:1; padding-top:1px; }
.hm-promo-lvl-bar{ height:7px; border-radius:5px; background:rgba(0,0,0,.4); overflow:hidden; border:1px solid var(--ln); }
.hm-promo-lvl-bar span{ display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,var(--vio),var(--vio3)); box-shadow:0 0 12px rgba(201,108,91,.6); transition:width .6s ease; }
.hm-promo-coins .coin-ico{ width:34px; height:34px; margin-left:-10px; filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); animation:coinBob 3s ease-in-out infinite; }
.hm-promo-coins .coin-ico:nth-child(2){ animation-delay:.3s; } .hm-promo-coins .coin-ico:nth-child(3){ animation-delay:.6s; }
@keyframes coinBob{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-6px) } }

@media (max-width:900px){ }
@media (max-width:390px){ }
.hm-game{
  position:relative; overflow:hidden; border-radius:18px; border:1px solid var(--ln);
  background:linear-gradient(180deg,#211616,#211616); display:flex; flex-direction:column;
  text-decoration:none; min-height:280px;
}
.hm-game-badge.live{ color:#fff; background:linear-gradient(135deg,#CE422B,#b91c1c); box-shadow:0 0 0 3px rgba(239,68,68,.18); animation:badgePulse 2s ease-in-out infinite; }
.hm-game-badge.hot{ color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); }
.hm-game-badge.new{ color:#fff; background:linear-gradient(135deg,var(--vio2),var(--vio)); }
@keyframes badgePulse{ 0%,100%{ box-shadow:0 0 0 3px rgba(239,68,68,.18) } 50%{ box-shadow:0 0 0 6px rgba(239,68,68,.06) } }
.hm-game-bigico{ font-size:64px; line-height:1; filter:drop-shadow(0 10px 22px rgba(0,0,0,.5)); transition:transform .35s cubic-bezier(.2,1.3,.4,1); }
.hm-game-go{ font-family:var(--fu); font-weight:800; font-size:14px; color:var(--vio3); transition:transform .2s ease, color .2s ease; }
.hm-game:hover{ transform:translateY(-8px); border-color:var(--vio-line); box-shadow:0 24px 50px rgba(0,0,0,.5), 0 0 0 1px rgba(201,108,91,.22); }
.hm-game:hover .hm-game-bigico{ transform:scale(1.18) rotate(-7deg); }
.hm-game:hover .hm-game-art::before{ left:130%; }
.hm-game:hover .hm-game-go{ transform:translateX(6px); color:#fff; }
.hm-game:hover .hm-game-info h3{ color:var(--vio3); }
.hm-game{ padding:0 !important; gap:0 !important; }
.hm-game::before, .hm-game::after{ display:none !important; content:none !important; }
.health-track{ border-color:rgba(201,108,91,.22) !important; background:rgba(0,0,0,.5) !important; box-shadow:inset 0 1px 3px rgba(0,0,0,.5); }
.health-fill{ background:linear-gradient(90deg,#CE422B,#CE422B) !important; box-shadow:0 0 12px rgba(201,108,91,.45) !important; }
.player-panel.low-hp .health-track{ border-color:rgba(239,68,68,.5) !important; }
.player-panel{
  background:linear-gradient(180deg, rgba(201,108,91,.05), rgba(255,255,255,.012)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.left-panel{ border-color:rgba(201,108,91,.3) !important; }
.left-panel::before{ background:linear-gradient(90deg,transparent,rgba(201,108,91,.6),transparent) !important; }
.player-panel:hover{ border-color:rgba(201,108,91,.45); }
.seat-badge b{ color:var(--vio3) !important; }
.prize-display{
  background:radial-gradient(120% 140% at 50% 0%, rgba(206,66,43,.16), rgba(206,66,43,.05)) !important;
  border-color:rgba(206,66,43,.32) !important; box-shadow:0 6px 20px rgba(206,66,43,.1);
}
.prize-amount{ text-shadow:0 2px 16px rgba(206,66,43,.3); }
.empty-seat{ opacity:.92; }
.empty-seat .pfp-svg circle{ transition:stroke .3s; }
.char-display:has(.empty-seat){ background:radial-gradient(closest-side, rgba(201,108,91,.06), transparent 75%); }
.btn-primary, #joinBtn, .cf-create-btn{
  background:linear-gradient(135deg, var(--vio), var(--vio2)) !important;
  border:0 !important; color:#fff !important; font-weight:800 !important; letter-spacing:.02em;
  box-shadow:0 8px 22px rgba(201,108,91,.32) !important;
}
.btn-primary:hover, #joinBtn:hover:not(:disabled), .cf-create-btn:hover{
  filter:brightness(1.06); box-shadow:0 12px 30px rgba(201,108,91,.45) !important;
}
#joinBtn:disabled{ filter:grayscale(.4) brightness(.8); box-shadow:none !important; }
.cf-side-btn{ transition:transform .18s cubic-bezier(.2,.9,.3,1), border-color .2s, background .2s, box-shadow .2s !important; }
.cf-side-btn:hover{ transform:translateY(-3px) scale(1.02) !important; }
.cf-side-btn.active.cf-side-red{ box-shadow:0 0 0 1px rgba(239,68,68,.4), 0 10px 26px rgba(239,68,68,.22) !important; }
.cf-side-btn.active.cf-side-blue{ box-shadow:0 0 0 1px rgba(143,45,32,.4), 0 10px 26px rgba(143,45,32,.22) !important; }
.cf-side-coin{ transition:transform .25s cubic-bezier(.2,1.3,.4,1); }
.cf-side-btn:hover .cf-side-coin{ transform:rotate(-8deg) scale(1.08); }
.cf-vs-divider{ color:var(--vio3) !important; }

.cf-game-row, .bh-row, .mini-row, .lb-row{
  transition:transform .14s ease, border-color .16s ease, box-shadow .16s ease;
}
.cf-game-row:hover{ transform:translateX(3px); border-color:var(--vio-line); }
*{ scrollbar-width:thin; scrollbar-color:rgba(201,108,91,.5) transparent; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:#211616; }
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#CE422B,#8F554B); border-radius:8px; border:2px solid #211616; }
::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#CE422B,#CE422B); }
.rr-toast{ backdrop-filter:blur(12px); border:1px solid var(--vio-line) !important; }
.section-title h3{ position:relative; }
.eyebrow{ color:var(--vio3) !important; }

body{
  background:
    radial-gradient(1100px 620px at 82% -12%, rgba(206,66,43,.055), transparent 60%),
    radial-gradient(820px 480px at 0% 0%, rgba(184,117,105,.04), transparent 55%),
    #211616 !important;
}
.topbar{ background:rgba(33,22,22,.86) !important; border-bottom:1px solid rgba(255,255,255,.05) !important; }
.topstrip{ background:linear-gradient(180deg,#211616,#211616) !important; }
.section-block, .form-card, .level-card, .wallet-card, .admin-stat, .admin-tool, .cf-game-row, .rps-open-row, .rps-recent-row, .bh-row, .hist-item, .balance-pill, .app-modal__card, .cf-modal-card, .rps-modal-card, .notif-panel, .profile-menu{
  background:linear-gradient(180deg,#211616,#211616) !important;
  border-color:rgba(255,255,255,.06) !important;
}
.chat-drawer{ background:linear-gradient(180deg,#211616,#211616) !important; border-right:1px solid rgba(255,255,255,.05) !important; }
.chat-messages .chat-message:hover{ background:rgba(255,255,255,.022) !important; }
.chat-head{ background:#211616 !important; border-bottom:1px solid rgba(255,255,255,.05); }
.chat-form{ background:#211616 !important; border-top:1px solid rgba(255,255,255,.05); }
.chat-form input{ background:#211616 !important; border:1px solid rgba(255,255,255,.08) !important; }
.btn-primary, #joinBtn, .cf-create-btn, #rpsCreateBtn, .app-modal__btn.gold, .hm-btn-primary, .hm-btn-gold{
  background:linear-gradient(135deg,#CE422B,#CE422B) !important;
  color:#281C1C !important; border:0 !important; font-weight:800 !important;
  box-shadow:0 8px 22px rgba(206,66,43,.3) !important;
}
.btn-primary:hover, #joinBtn:hover:not(:disabled), .cf-create-btn:hover, #rpsCreateBtn:hover, .app-modal__btn.gold:hover, .hm-btn-primary:hover{
  filter:brightness(1.05); box-shadow:0 12px 30px rgba(206,66,43,.46) !important;
}
#joinBtn:disabled{ filter:grayscale(.5) brightness(.7); box-shadow:none !important; }
.chat-form button[type=submit]{ background:linear-gradient(135deg,#CE422B,#CE422B) !important; color:#281C1C !important; }
.nav a.active{ background:linear-gradient(180deg, rgba(206,66,43,.22), rgba(206,66,43,.08)) !important; border-color:var(--vio-line) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 8px 22px rgba(206,66,43,.22) !important; }
.nav a:hover{ background:rgba(206,66,43,.08) !important; }
:focus-visible, input:focus, select:focus, textarea:focus, .chat-form input:focus, .stake-input:focus, .amount-input input:focus, #rpsWager:focus, .us-input:focus{
  outline:none !important; border-color:#CE422B !important; box-shadow:0 0 0 3px rgba(206,66,43,.22) !important;
}
.health-fill{ background:linear-gradient(90deg,#D98778,#D98778) !important; box-shadow:0 0 12px rgba(217,135,120,.42) !important; }
.health-track{ border-color:rgba(217,135,120,.2) !important; }
.player-panel.low-hp .health-track{ border-color:rgba(239,68,68,.5) !important; }
.chat-msg-head .chat-lvl.lv-violet{ background:linear-gradient(135deg,#D98778,#B87569) !important; color:#211616 !important; }
.brand-icon, .brand-icon-rust{ box-shadow:0 6px 18px rgba(206,66,43,.28) !important; }
.chat-toggle{ background:linear-gradient(145deg,#CE422B,#CE422B) !important; box-shadow:6px 0 18px rgba(206,66,43,.4) !important; }
.level-badge, .hm-promo-lvl-badge{ background:linear-gradient(145deg,#CE422B,#CE422B) !important; color:#281C1C !important; box-shadow:0 8px 20px rgba(206,66,43,.4) !important; }
.level-fill, .hm-promo-lvl-bar span{ background:linear-gradient(90deg,#CE422B,#CE422B) !important; box-shadow:0 0 12px rgba(206,66,43,.5) !important; }
.eyebrow, .hm-promo-eyebrow, .hm-game-go, .seat-badge b{ color:#CE422B !important; }
.hm-promo-eyebrow.gold{ color:#CE422B !important; }
.topstrip-free{
  background:linear-gradient(135deg,#CE422B,#CE422B) !important;
  color:#281C1C !important; font-weight:800 !important;
  padding:3px 12px !important; border-radius:999px !important;
  box-shadow:0 2px 10px rgba(206,66,43,.35) !important; border:0 !important;
  text-shadow:none !important;
}
.topstrip-free:hover{ filter:brightness(1.06); }
@media (min-width:1100px){
  .chat-drawer{ top: var(--rr-header-h, 104px) !important; }
  main.page{ padding-top: 22px !important; }
}
.cf-modal-stage{ perspective: 850px; perspective-origin: 50% 44%; }
.cf-coin{ transform-style: preserve-3d !important; }
.cf-coin .cf-face{ display:block !important; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.cf-coin .cf-face-red{  transform: rotateX(0deg)   translateZ(17px); }
.cf-coin .cf-face-blue{ transform: rotateX(180deg) translateZ(17px); }
.cf-face-img{ width:100%; height:100%; display:block; border-radius:50%; -webkit-user-drag:none; user-select:none; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.cf-coin::before{
  content:""; position:absolute; inset:-2px; border-radius:50%;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(0,0,0,.35));
  transform: translateZ(-3px); z-index:-1;
}
.cf-coin.landed-red  { filter: drop-shadow(0 0 30px rgba(239,68,68,.95)) drop-shadow(0 12px 30px rgba(0,0,0,.6)) !important; }
.cf-coin.landed-blue { filter: drop-shadow(0 0 30px rgba(143,45,32,.95)) drop-shadow(0 12px 30px rgba(0,0,0,.6)) !important; }
@keyframes coinThrow {
  0%   { transform: translateY(0)     scale(1);    }
  10%  { transform: translateY(5px)   scale(.96);  }
  32%  { transform: translateY(-52px) scale(1.07); }
  50%  { transform: translateY(-60px) scale(1.09); }
  72%  { transform: translateY(-36px) scale(1.05); }
  90%  { transform: translateY(0)     scale(1);    }
  96%  { transform: translateY(-5px)  scale(1.02); }
  100% { transform: translateY(0)     scale(1);    }
}
@keyframes coinThrowBig {
  0%   { transform: translateY(0)      scale(1);    }
  10%  { transform: translateY(6px)    scale(.96);  }
  32%  { transform: translateY(-100px) scale(1.40); }
  50%  { transform: translateY(-110px) scale(1.40); }
  72%  { transform: translateY(-60px)  scale(1.24); }
  90%  { transform: translateY(0)      scale(1);    }
  96%  { transform: translateY(-6px)   scale(1.02); }
  100% { transform: translateY(0)      scale(1);    }
}
.admin-settings-form{ background:var(--panel,#211616); border:1px solid var(--ln,rgba(201,108,91,.16)); border-radius:16px; padding:18px; }
.admin-settings-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.adm-set{ display:flex; flex-direction:column; gap:6px; }
.adm-set > span{ font-size:.82rem; font-weight:700; color:var(--tx,#e7ecf5); }
.adm-set input[type=number], .adm-set input[type=text], .adm-set input[type=password], .adm-set input:not([type]){
  background:#211616; border:1px solid var(--ln,rgba(201,108,91,.22)); color:#F4EAE8;
  border-radius:10px; padding:10px 12px; font-size:.95rem; width:100%;
}
.adm-set input:focus{ outline:none; border-color:#CE422B; box-shadow:0 0 0 3px rgba(206,66,43,.18); }
.adm-set small{ color:var(--tx-dim,#B87569); font-size:.72rem; }
.adm-set-check{ flex-direction:row; align-items:center; gap:10px; }
.adm-set-check input{ width:18px; height:18px; accent-color:#CE422B; }
.adm-set-check span{ font-size:.9rem; font-weight:700; }
.adm-set-divider{ margin:22px 0 12px; padding-top:14px; border-top:1px dashed var(--ln,rgba(201,108,91,.22)); font-weight:800; color:#CE422B; letter-spacing:.02em; }
.admin-tool-hint code{ background:#211616; border:1px solid var(--ln,rgba(201,108,91,.22)); padding:2px 6px; border-radius:6px; color:#CE422B; font-size:.78rem; }
body.chat-off .chat-toggle,
body.chat-off .chat-drawer{ display:none !important; }
@media (min-width:1100px){
  body.chat-off main.page{ margin-left:auto !important; }
}
.hm-promo{ margin:0 0 16px !important; }
.hm-promo-card, .hm-game, .hm-live-col{ border-radius:18px !important; }
.hm-promo, .hm-games, .hm-live{ gap:18px !important; }
.topstrip{ position:fixed !important; top:0 !important; left:0 !important; right:0 !important; z-index:1001 !important; }
.topbar{   position:fixed !important; top:var(--topstrip-h) !important; left:0 !important; right:0 !important; z-index:1000 !important; }
body{ padding-top: var(--rr-header-h, calc(var(--topstrip-h) + var(--topbar-h))) !important; }
@media (min-width:821px){
  .chat-drawer{
    top: var(--rr-header-h, calc(var(--topstrip-h) + var(--topbar-h))) !important;
    height: calc(100vh - var(--rr-header-h, calc(var(--topstrip-h) + var(--topbar-h)))) !important;
    bottom: 0 !important;
  }
}
@media (min-width:1100px){
  main.page{ padding-top: 18px !important; }
}
.cf-coin{ filter:none !important; }
.cf-coin.landed-red, .cf-coin.landed-blue{ filter:none !important; }
.cf-coin-wrap{ filter: drop-shadow(0 10px 26px rgba(0,0,0,.55)); transition: filter .25s ease; }
.cf-coin-wrap.landed-red{  filter: drop-shadow(0 0 30px rgba(217,135,120,.9))  drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
.cf-coin-wrap.landed-blue{ filter: drop-shadow(0 0 30px rgba(143,45,32,.9)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
.chat-actions{ opacity:0 !important; }
.chat-message:hover .chat-actions{ opacity:1 !important; }
.chat-tip-btn:hover{ background:rgba(206,66,43,.18) !important; color:#CE422B !important; border-color:rgba(206,66,43,.4) !important; }
.chat-msg-head .chat-lvl{ display:inline-flex !important; }
.adm-tabs{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; border-bottom:1px solid var(--rust-ln,rgba(201,108,91,.16)); padding-bottom:12px; }
.adm-tab{
  font-family:var(--fu); font-weight:700; font-size:13px; letter-spacing:.01em;
  color:var(--t2,#BFA7A2); background:rgba(255,255,255,.04); border:1px solid var(--rust-ln,rgba(201,108,91,.18));
  padding:9px 15px; border-radius:10px; cursor:pointer; transition:all .16s ease;
}
.adm-tab:hover{ color:#fff; background:rgba(255,255,255,.08); transform:translateY(-1px); }
.adm-tab.active{ color:#281C1C; background:linear-gradient(135deg,var(--gold2,#CE422B),#CE422B); border-color:transparent; box-shadow:0 5px 16px rgba(206,66,43,.32); }
.adm-panel{ display:none; animation:admPanelIn .26s ease; }
.adm-panel.active{ display:block; }
@keyframes admPanelIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } }

.adm-race-prizes{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:4px 0 12px; }
@media (max-width:900px){ .adm-race-prizes{ grid-template-columns:repeat(2,1fr); } }
.adm-race-prize{ display:flex; align-items:center; gap:8px; background:rgba(0,0,0,.28); border:1px solid var(--rust-ln,rgba(201,108,91,.16)); border-radius:10px; padding:7px 9px; }
.adm-race-prize:nth-child(1){ border-color:rgba(206,66,43,.55); box-shadow:inset 0 0 0 1px rgba(206,66,43,.18); }
.adm-race-prize:nth-child(2){ border-color:rgba(203,213,225,.45); }
.adm-race-prize:nth-child(3){ border-color:rgba(180,120,70,.5); }
.adm-race-rank{ font-family:var(--fu); font-weight:800; font-size:13px; color:var(--gold2,#CE422B); min-width:26px; }
.adm-race-prize input{ width:100%; min-height:38px; border:1px solid var(--rust-ln,rgba(201,108,91,.2)); border-radius:8px; background:rgba(0,0,0,.4); color:var(--t1,#F4EAE8); padding:0 9px; font-size:13px; }
.adm-race-total{ font-family:var(--fu); font-weight:700; font-size:14px; color:var(--t1,#F4EAE8); padding:10px 0; }
.adm-race-total b{ color:var(--gold2,#CE422B); font-size:17px; }
@keyframes rpIcoGlow{ 0%,100%{ box-shadow:0 8px 20px rgba(0,0,0,.5), 0 0 12px rgba(255,45,45,.45); } 50%{ box-shadow:0 8px 22px rgba(0,0,0,.55), 0 0 24px rgba(255,45,45,.85); } }
.hm-game:hover .hm-ico-rustpot-map{ animation:none; box-shadow:0 10px 26px rgba(0,0,0,.55), 0 0 30px rgba(255,45,45,.95); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
@keyframes hmFloat3d{
  0%,100%{ transform:translateY(0) rotateX(0deg) rotateY(0deg); }
  50%{ transform:translateY(-7px) rotateX(8deg) rotateY(-9deg); }
}
.hm-game:hover .hm-ico-coin, .hm-game:hover .hm-ico-swords{
  animation:none; transform:translateY(-3px) rotateX(13deg) rotateY(-15deg) scale(1.06);
  transition:transform .26s cubic-bezier(.2,.8,.3,1);
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
}
@keyframes hmClashA{ 0%,16%{ transform:rotate(0deg);} 38%{ transform:rotate(-15deg) translateY(-1px);} 50%{ transform:rotate(7deg);} 58%{ transform:rotate(2deg);} 74%,100%{ transform:rotate(0deg);} }
@keyframes hmClashB{ 0%,16%{ transform:rotate(0deg);} 38%{ transform:rotate(15deg) translateY(-1px);} 50%{ transform:rotate(-7deg);} 58%{ transform:rotate(-2deg);} 74%,100%{ transform:rotate(0deg);} }
@keyframes hmGlint{ 0%,38%{ opacity:0; transform:scale(.4);} 50%{ opacity:1; transform:scale(1.5);} 64%,100%{ opacity:0; transform:scale(.4);} }
.hm-game:hover .hm-ico-swords .hm-sword-a{ animation-duration:1.1s; }
.hm-game:hover .hm-ico-swords .hm-sword-b{ animation-duration:1.1s; }
@keyframes hmCoinFlip{ 0%{ transform:scaleX(1);} 45%{ transform:scaleX(.08);} 50%{ transform:scaleX(.05);} 55%{ transform:scaleX(.08);} 100%{ transform:scaleX(1);} }
.hm-game:hover .hm-coin-spin{ animation-duration:1.2s; }
.hm-game{ transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.hm-game:hover{ transform:translateY(-4px); box-shadow:0 18px 44px rgba(0,0,0,.45); }
.hm-game:hover .hm-game-art{ background:
    radial-gradient(140px 100px at 50% 30%, rgba(206,66,43,.22), transparent 72%),
    linear-gradient(160deg, rgba(58,37,37,.7), rgba(33,22,22,.62)); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
}
.nav-games{ position:relative; display:inline-flex; }
.nav-games-btn{
  display:inline-flex; align-items:center; gap:7px; cursor:pointer;
  font-family:var(--fu); font-weight:700; font-size:14px; color:var(--t1);
  background:transparent; border:0; padding:8px 12px; border-radius:10px; transition:all .15s ease;
}
.nav-games-btn:hover{ background:rgba(255,255,255,.05); color:#fff; }
.nav-games-btn:focus-visible{ outline:none; }
.nav-games-btn.active{ color:var(--gold2); }
.nav-games-caret{ font-size:10px; transition:transform .2s ease; opacity:.7; }
.nav-games.open .nav-games-caret{ transform:rotate(180deg); }
.nav-games-menu{
  position:fixed; top:72px; left:16px; z-index:1200;
  padding:12px; display:flex; flex-direction:row; gap:12px;
  background:linear-gradient(180deg, #281C1C, #211616);
  border:1px solid rgba(201,108,91,.2); border-radius:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
  animation:ngmIn .2s ease;
}
.nav-games-menu::before{ content:""; position:absolute; top:-6px; left:30px; width:12px; height:12px; background:#281C1C; border-left:1px solid rgba(201,108,91,.2); border-top:1px solid rgba(201,108,91,.2); transform:rotate(45deg); }
@keyframes ngmIn{ from{ opacity:0; transform:translateY(-8px); } to{ opacity:1; transform:translateY(0); } }
.ngm-card{ position:relative; width:176px; display:flex; flex-direction:column; overflow:hidden;
  border-radius:14px; text-decoration:none; border:1px solid rgba(201,108,91,.16);
  background:linear-gradient(170deg, rgba(40,28,28,.6), rgba(33,22,22,.7));
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.ngm-card:hover{ transform:translateY(-7px) scale(1.04); box-shadow:0 26px 56px rgba(0,0,0,.6); border-color:rgba(206,66,43,.45); }
#navGamesMenu .ngm-card:hover{ transform:translateY(-9px) scale(1.045) !important; box-shadow:0 28px 60px rgba(0,0,0,.62) !important; border-color:rgba(206,66,43,.5) !important; }
.ngm-card.active{ border-color:rgba(206,66,43,.45); }
.ngm-card::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.10) 48%,transparent 62%); transform:translateX(-130%); transition:transform .7s ease; }
.ngm-card:hover::after{ transform:translateX(130%); }
.ngm-art{ position:relative; height:96px; display:grid; place-items:center; overflow:hidden; }
.ngm-card-champions .ngm-art{ background:radial-gradient(90px 70px at 50% 38%, rgba(184,117,105,.4), transparent 72%), linear-gradient(160deg, rgba(58,37,37,.6), rgba(33,22,22,.55)); }
.ngm-card-flip .ngm-art{ background:radial-gradient(90px 70px at 50% 38%, rgba(206,66,43,.36), transparent 72%), linear-gradient(160deg, rgba(58,37,37,.55), rgba(33,22,22,.55)); }
.ngm-card-rustpot .ngm-art{ background:radial-gradient(90px 70px at 50% 38%, rgba(239,68,68,.36), transparent 72%), linear-gradient(160deg, rgba(92,26,26,.6), rgba(33,22,22,.55)); }
.ngm-card-rustpot:hover{ border-color:rgba(248,113,113,.42) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(248,113,113,.4) !important; }
.ngm-card-rustpot .ngm-bolts{ color:#CE422B; }
.ngm-art-svg{ width:62px; height:62px; overflow:visible; filter:drop-shadow(0 5px 12px rgba(0,0,0,.45)); position:relative; z-index:1; }
.ngm-art-rustpot-map{ border-radius:50%; object-fit:cover; display:block;
  border:2px solid rgba(255,72,72,.7); box-shadow:0 0 13px rgba(255,45,45,.34); }
.form-card > h4,
.hist-tab,
.hist-item-ico{ filter:grayscale(1) opacity(.92); }
.ngm-art-svg .hm-sword{ transform-origin:32px 32px; }
.ngm-meta{ padding:10px 12px 12px; }
.ngm-meta b{ display:block; color:#fff; font-size:14px; line-height:1.2; }
.ngm-meta small{ color:var(--t2); font-size:11px; }
.profile-menu a{ display:flex; align-items:center; gap:9px; }

@media (max-width:1099px){
  .nav-games{ display:block; width:100%; }
  .nav-games-menu{ position:static; flex-direction:column; box-shadow:none; border:0; background:transparent; padding:6px 0 0; gap:8px; animation:none; }
  .nav-games-menu::before{ display:none; }
  .nav-games-btn{ width:100%; justify-content:flex-start; }
  .ngm-card{ width:100%; flex-direction:row; align-items:center; }
  .ngm-art{ width:84px; height:64px; flex:0 0 auto; }
  .ngm-art-svg{ width:44px; height:44px; }
  .ngm-meta{ padding:0 12px; }
}
.rw-daily{ display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:16px;
  background:linear-gradient(135deg, rgba(206,66,43,.14), rgba(58,37,37,.4));
  border:1px solid rgba(206,66,43,.28); }
.rw-daily-ico{ font-size:34px; filter:drop-shadow(0 4px 10px rgba(0,0,0,.4)); animation:rwGift 2.8s ease-in-out infinite; }
@keyframes rwGift{ 0%,100%{ transform:rotate(-6deg) scale(1);} 50%{ transform:rotate(6deg) scale(1.08);} }
.rw-daily-body{ display:flex; flex-direction:column; gap:2px; }
.rw-daily-body b{ font-size:16px; color:#fff; }
.rw-daily-body span{ color:var(--t2); font-size:13px; }
.rw-daily-btn{ margin-left:auto; min-width:120px; }
.rw-daily-btn.claimed{ opacity:.6; }
.chat-message b, .chat-msg-head .chat-name, .chat-name{ color:#ffffff !important; }
.chat-name.cn-creator{ color:#E8A096 !important; }
.chat-message p{ color:#BFA7A2 !important; }
.chat-message-system p, .chat-message-system .chat-body p, .chat-message-system .chat-name{ color:#ffffff !important; }
.chat-name.cn-admin{ color:#E8A096 !important; }
.chat-name.cn-mod{ color:#E8A096 !important; }
.balance-pill, .balance-pill-main, #balance{ color:#ffffff !important; }
.ngm-ico{ overflow:hidden; }
.ngm-svg{ width:30px; height:30px; display:block; }
.ngm-svg .hm-sword{ transform-origin:32px 32px; }
.adm-mutes{ display:flex; flex-direction:column; gap:6px; }
.adm-mute-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:9px 12px; border-radius:10px; background:rgba(0,0,0,.26); border:1px solid rgba(201,108,91,.14); font-size:13px; }
.adm-mute-row.active{ border-color:rgba(239,68,68,.4); background:rgba(239,68,68,.08); }
.adm-mute-act{ font-family:var(--fu); font-weight:800; font-size:10px; letter-spacing:.05em; color:#E8A096; background:rgba(239,68,68,.16); padding:3px 7px; border-radius:6px; }
.adm-mute-act.un{ color:#86efac; background:rgba(34,197,94,.16); }
.adm-mute-user{ font-weight:700; color:#fff; }
.adm-mute-mins{ font-family:var(--fu); font-size:11px; color:var(--gold2,#CE422B); }
.adm-mute-reason{ color:var(--t1,#F4EAE8); flex:1 1 200px; }
.adm-mute-reason em{ color:var(--t3,#6C433D); }
.adm-mute-by,.adm-mute-until{ color:var(--t2,#BFA7A2); font-size:12px; margin-left:auto; }
.adm-mute-unmute-form{ margin:0; flex:0 0 auto; }
.adm-mute-unmute-btn{ appearance:none; border:1px solid rgba(134,239,172,.34); background:rgba(34,197,94,.12); color:#a7f3c0; border-radius:8px; padding:6px 10px; font:800 11px var(--fu); cursor:pointer; transition:background .15s,border-color .15s,transform .12s; }
.adm-mute-unmute-btn:hover{ background:rgba(34,197,94,.2); border-color:rgba(134,239,172,.55); transform:translateY(-1px); }
.home{ display:flex; flex-direction:column; gap:30px; }
.hm-promo-glow.gold{ background:radial-gradient(circle, rgba(206,66,43,.26), transparent 70%); }
@keyframes hmAurora{ 0%,100%{ transform:translate(0,0) scale(1); opacity:.85; } 50%{ transform:translate(-24px,18px) scale(1.12); opacity:1; } }
.hm-game{ position:relative; overflow:hidden; border:1px solid rgba(201,108,91,.16); border-radius:18px;
  background:linear-gradient(170deg, rgba(40,28,28,.6), rgba(33,22,22,.7)); isolation:isolate; }
.hm-game::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.10) 45%, transparent 60%);
  transform:translateX(-120%); transition:transform .7s ease; }
.hm-game:hover::after{ transform:translateX(120%); }
.hm-game:hover{ transform:translateY(-5px); box-shadow:0 22px 50px rgba(0,0,0,.5); border-color:rgba(206,66,43,.3); }
.hm-game-go{ color:var(--gold2,#CE422B); font-weight:700; }
.hm-feed-row{ transition:background .15s ease; animation:hmFeedIn .4s ease; }
.hm-feed-row:hover{ background:rgba(255,255,255,.04); }
@keyframes hmFeedIn{ from{ opacity:0; transform:translateX(-8px); } to{ opacity:1; transform:translateX(0); } }
.hm-feed-amt{ color:#86efac; font-weight:700; }

@media (max-width:760px){
  .home{ gap:22px; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .hm-promo-glow,.hm-feed-row{ animation:none !important; }
  .hm-game::after{ transition:none; }
}
.rf-header, .page-head, .arena-header{ position:relative; }
.rf-header::before, .page-head::before{
  content:""; position:absolute; left:50%; top:-10px; transform:translateX(-50%);
  width:min(560px,90%); height:120px; pointer-events:none; z-index:-1;
  background:radial-gradient(60% 80% at 50% 0%, rgba(206,66,43,.16), transparent 70%);
  filter:blur(6px);
}
.rf-header .page-title, .page-head .page-title{
  background:linear-gradient(180deg,#ffffff,#E8D6D2); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cf-side-btn{ position:relative; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.cf-side-btn:hover{ transform:translateY(-3px); }
.cf-side-btn.active.cf-side-red{ box-shadow:0 0 0 1px rgba(239,68,68,.5), 0 14px 34px rgba(239,68,68,.28); }
.cf-side-btn.active.cf-side-blue{ box-shadow:0 0 0 1px rgba(217,135,120,.5), 0 14px 34px rgba(217,135,120,.28); }
.cf-side-coin{ position:relative; transition:transform .25s cubic-bezier(.2,1.3,.4,1); }
.cf-side-btn:hover .cf-side-coin{ transform:scale(1.08); }
.cf-vs-divider{ font-family:var(--fu); font-weight:800; color:var(--t2); letter-spacing:.08em; opacity:.7; }
.cf-create-btn{ position:relative; overflow:hidden; }
.cf-create-btn::after{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.25) 45%,transparent 60%); transform:translateX(-130%); transition:transform .7s ease; }
.cf-create-btn:hover::after{ transform:translateX(130%); }
.cf-games-list .cf-game-row, .cf-game-card{ transition:transform .14s ease, border-color .14s ease, background .14s ease; }
.cf-games-list .cf-game-row:hover, .cf-game-card:hover{ transform:translateY(-2px); border-color:rgba(206,66,43,.3); }
.arena{ position:relative; }

.arena::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0; border-radius:inherit;
  background:radial-gradient(420px 220px at 50% 0%, rgba(184,117,105,.14), transparent 70%);
}
.hero-pool-display{ position:relative; overflow:hidden; }
.hero-pool-amt{ text-shadow:0 0 18px rgba(206,66,43,.4); }
.hero-pool-display::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(206,66,43,.14) 50%,transparent 60%);
  transform:translateX(-130%); animation:poolSheen 4.5s ease-in-out infinite;
}
@keyframes poolSheen{ 0%,70%{ transform:translateX(-130%);} 85%,100%{ transform:translateX(130%);} }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .hero-pool-display::after, .cf-create-btn::after{ animation:none; transition:none; }
}
.page-hero{ position:relative; }
.page-hero::before{
  content:""; position:absolute; left:50%; top:-6px; transform:translateX(-50%);
  width:min(620px,92%); height:130px; pointer-events:none; z-index:-1;
  background:radial-gradient(60% 80% at 50% 0%, rgba(206,66,43,.15), transparent 70%); filter:blur(6px);
}
.level-card{ position:relative; overflow:hidden; }
.level-card::after{ content:""; position:absolute; top:-60px; right:-40px; width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(206,66,43,.16), transparent 70%); pointer-events:none; animation:hmAurora 10s ease-in-out infinite; }
.level-fill{ background:linear-gradient(90deg,#CE422B,#CE422B) !important; box-shadow:0 0 12px rgba(206,66,43,.5); }
.pstat{ transition:transform .14s ease, border-color .14s ease, background .14s ease; }
.pstat:hover{ transform:translateY(-2px); border-color:rgba(206,66,43,.3); }
.pstat-balance{ background:linear-gradient(135deg, rgba(206,66,43,.14), rgba(58,37,37,.4)) !important; border-color:rgba(206,66,43,.3) !important; }
.profile-av-img, .rust-default-av{ transition:transform .2s ease, box-shadow .2s ease; }
.profile-av-img:hover, .rust-default-av:hover{ transform:scale(1.03); box-shadow:0 0 22px rgba(201,108,91,.45); }
.rb-card{ position:relative; overflow:hidden; transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.rb-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.4); border-color:rgba(206,66,43,.3); }
.rb-card::before{ content:""; position:absolute; top:-50px; right:-30px; width:160px; height:160px; border-radius:50%;
  background:radial-gradient(circle, rgba(206,66,43,.14), transparent 70%); pointer-events:none; }
.lb-hero{ position:relative; overflow:hidden; }
.lb-hero::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(300px 160px at 50% 0%, rgba(206,66,43,.18), transparent 70%); }
.lb-hero-prize{ position:relative; }
.lb-hero-coin{ top:14px; right:20px; margin-top:0; width:82px; height:82px; }
@media (max-width:760px){ .lb-hero-coin{ display:none; } }
.lb-prize-slot.rank-1{ box-shadow:0 0 0 1px rgba(206,66,43,.45), 0 10px 26px rgba(206,66,43,.18); }
.lb-row{ transition:transform .14s ease, background .14s ease, border-color .14s ease; }
.lb-row:hover{ transform:translateX(3px); background:rgba(255,255,255,.04); }
.lb-rank-badge.rank-1{ background:linear-gradient(145deg,#CE422B,#CE422B) !important; color:#281C1C !important; box-shadow:0 4px 14px rgba(206,66,43,.4); }
.lb-rank-badge.rank-2{ background:linear-gradient(145deg,#cbd5e1,#B87569) !important; color:#281C1C !important; }
.lb-rank-badge.rank-3{ background:linear-gradient(145deg,#c9803f,#a45a22) !important; color:#fff !important; }
.aff-panel{ position:relative; overflow:hidden; transition:border-color .16s ease, box-shadow .16s ease; }
.aff-panel:hover{ border-color:rgba(206,66,43,.25); }
.aff-partnership::before{ content:""; position:absolute; top:-70px; right:-50px; width:240px; height:240px; border-radius:50%;
  background:radial-gradient(circle, rgba(217,135,120,.16), transparent 70%); pointer-events:none; animation:hmAurora 11s ease-in-out infinite; }
.aff-metric{ transition:transform .14s ease; }
.aff-metric:hover{ transform:translateY(-2px); }
.aff-metric-n.g, .aff-metric-n{ text-shadow:0 0 14px rgba(206,66,43,.25); }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .level-card::after, .aff-partnership::before{ animation:none !important; }
}
.app-modal__overlay, .cf-modal-overlay{
  background:rgba(33,22,22,.78) !important; -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
}
.app-modal__card, .cf-modal-card{ position:relative; }
.app-modal__card::before, .cf-modal-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:3px; pointer-events:none; z-index:2;
  background:linear-gradient(90deg, transparent, var(--gold2,#CE422B), transparent); opacity:.9;
  border-radius:18px 18px 0 0;
}
.app-modal__icon{ filter:drop-shadow(0 6px 16px rgba(206,66,43,.35)); animation:amIconPop .4s cubic-bezier(.2,1.4,.4,1); }
@keyframes amIconPop{ 0%{ transform:scale(.5); opacity:0; } 100%{ transform:scale(1); opacity:1; } }
.app-modal__btn{ position:relative; overflow:hidden; transition:transform .14s ease, box-shadow .14s ease, filter .14s ease; }
.app-modal__btn::after{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%); transform:translateX(-130%); transition:transform .6s ease; }
.app-modal__btn:hover::after{ transform:translateX(130%); }
.app-modal__btn:hover{ transform:translateY(-2px); }
.app-modal__amount{ text-shadow:0 0 22px rgba(206,66,43,.4); }
.app-modal__close, .cf-modal-close{ position:absolute !important; z-index:5 !important; transition:transform .14s ease, background .14s ease, color .14s ease; }
.app-modal__close:hover{ transform:rotate(90deg); }
.modal-select{ transition:border-color .14s ease, box-shadow .14s ease; }
.modal-select:focus{ border-color:rgba(206,66,43,.5); box-shadow:0 0 0 3px rgba(206,66,43,.14); outline:none; }

.cf-modal-stage{ position:relative; }
.cf-modal-stage::before{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:14px;
  background:radial-gradient(closest-side, transparent 55%, rgba(0,0,0,.35)); }
.cf-modal-stage > *{ position:relative; z-index:1; }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .app-modal__icon{ animation:none; }
  .app-modal__btn::after{ transition:none; }
}
@media (max-width:560px){
  .btn-primary, .app-modal__btn, .cf-create-btn, #joinBtn, #cfCreateBtn{ min-height:48px; }
  .home{ gap:18px; }
  .ngm-item{ padding:12px 14px; }
}
.rr-toast-watch{ border:1px solid rgba(206,66,43,.5) !important; background:linear-gradient(135deg, rgba(206,66,43,.22), rgba(33,22,22,.96)) !important; }
.rr-toast-watch:hover{ filter:brightness(1.08); }
.rr-toast-watch .rr-toast-text{ font-weight:700; }

@media (max-width:1099px){ .ngm-art-rps.hm-rps3 .hm-rps-i{ font-size:20px; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
.rr-confetti-host{ position:fixed; inset:0; pointer-events:none; z-index:9999; overflow:hidden; }
.rr-confetti{ position:absolute; top:-22px; border-radius:2px; opacity:0; will-change:transform,opacity;
  box-shadow:0 1px 3px rgba(0,0,0,.3);
  animation-name:rrConfettiFall; animation-timing-function:cubic-bezier(.3,.6,.5,1); animation-fill-mode:forwards; }
@keyframes rrConfettiFall{
  0%{ opacity:0; transform:translateY(-22px) translateX(0) rotate(0); }
  10%{ opacity:1; }
  100%{ opacity:0; transform:translateY(102vh) translateX(var(--drift,0)) rotate(calc(var(--rot,180deg) * 4)); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rr-confetti-host{ display:none !important; } }
.empty-state-cta, .empty-state-cta:visited{ color:#fff !important; }
.empty-state-cta:hover{ color:#fff !important; filter:brightness(1.05); }
.hm-game-go{ color:#CE422B !important; font-weight:800; }
.cf-modal-stage{ position:relative; display:flex; align-items:center; justify-content:center; }
.cf-modal-stage .cf-coin-wrap{ margin-left:auto; margin-right:auto; }
.cf-modal-outcome{ text-align:center; }
.ngm-art{ border-radius:13px; }
.ngm-art-svg{ width:70px; height:70px; }
.timer-section-center{ display:flex; flex-direction:column; align-items:center; gap:6px; margin:6px 0 14px; }
.timer-section-center .timer-label{ font-family:var(--fu); font-weight:800; font-size:12px; letter-spacing:.14em; color:var(--gold2,#CE422B); }
.timer-section-center .timer-wrap{ position:relative; width:120px; height:120px; }
.timer-section-center .timer-inner{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.timer-section-center .timer-inner strong{ font-family:var(--fd); font-size:38px; line-height:1; color:#fff; }
.timer-section-center .timer-inner small{ font-size:11px; color:var(--t2); letter-spacing:.1em; }
.timer-section-center .timer-svg{ width:120px; height:120px; transform:rotate(-90deg); }
.cf-coin-wrap.flipping::before{
  width:230px !important; height:230px !important;
  background: radial-gradient(circle, rgba(206,66,43,.42), rgba(201,108,91,.16) 46%, transparent 72%) !important;
}
.rw-daily-btn{ width:auto !important; min-width:104px; min-height:0 !important; flex:0 0 auto;
  padding:11px 22px !important; font-size:14px !important; align-self:center; }
.rb-claim{ width:auto !important; min-height:0 !important; padding:9px 18px !important; font-size:13px !important; }
@media (max-width:560px){
  .rw-daily{ flex-wrap:wrap; }
  .rw-daily-btn{ margin-left:0 !important; width:100% !important; }
}
.timer-section-center .timer-wrap{ position:relative; }
.timer-section-center .timer-wrap::before{
  content:""; position:absolute; inset:-14px; border-radius:50%; z-index:0; pointer-events:none;
  background:radial-gradient(circle, rgba(206,66,43,.20), transparent 68%);
  animation:tmrAura 2.6s ease-in-out infinite;
}
@keyframes tmrAura{ 0%,100%{ opacity:.45; transform:scale(.94); } 50%{ opacity:.9; transform:scale(1.06); } }
.timer-section-center .timer-svg{ position:relative; z-index:1; }
.timer-section-center .timer-track{ stroke:rgba(255,255,255,.07); }
.timer-section-center .timer-prog{ stroke:var(--gold2,#D98778); filter:drop-shadow(0 0 9px rgba(206,66,43,.7)); }
.timer-section-center .timer-inner{ z-index:2; }
.timer-section-center .timer-inner strong{ animation:tmrBreath 2.6s ease-in-out infinite; }
@keyframes tmrBreath{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.05); } }
.timer-section-center .timer-inner strong.waiting{ color:var(--t2); animation:none; opacity:.75; }
.timer-section-center .timer-prog.waiting{ stroke:rgba(255,255,255,.12); filter:none; }
.timer-section-center .timer-inner strong.danger{ color:#E8A096 !important; animation:tmrBreathFast .7s ease-in-out infinite; }
.timer-section-center .timer-prog.danger{ stroke:#CE422B !important; filter:drop-shadow(0 0 5px rgba(239,68,68,.55)) !important; }
@keyframes tmrBreathFast{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.11); } }
.timer-section-center:has(.timer-prog.danger) .timer-wrap::before{
  background:radial-gradient(circle, rgba(239,68,68,.30), transparent 66%); animation-duration:.8s;
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .timer-section-center .timer-wrap::before, .timer-section-center .timer-inner strong{ animation:none !important; }
}
@media (max-width:1099px){
  #chatClose{ display:grid !important; place-items:center; width:34px !important; height:34px !important;
    font-size:18px !important; line-height:1 !important; background:rgba(255,255,255,.08) !important;
    color:#fff !important; border-radius:9px !important; cursor:pointer; flex:0 0 auto; }
  .chat-toggle{ display:inline-flex !important; }
}
@media (max-width:820px){
  .chat-drawer{ position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important;
    top:auto !important; width:100% !important; height:auto !important; max-height:78vh !important;
    border-radius:18px 18px 0 0 !important; z-index:360 !important;
    transition:transform .28s ease !important; }
  .chat-drawer.closed{ transform:translateY(110%) !important; pointer-events:none !important; }
  .chat-drawer:not(.closed){ transform:translateY(0) !important; pointer-events:auto !important; }
}
.site-footer{ margin-top:24px; border-top:1px solid var(--ln);
  background:linear-gradient(180deg, rgba(33,22,22,.32), rgba(33,22,22,.48));
  padding:32px clamp(16px,4vw,48px); }
.ftr-inner{ max-width:1100px; margin:0 auto; display:flex; flex-wrap:wrap; gap:26px;
  align-items:flex-start; justify-content:space-between; }
.ftr-brand{ max-width:330px; }
.ftr-logo{ font-family:var(--fd); font-size:24px; letter-spacing:.05em; color:var(--t1); }
.ftr-logo b{ color:var(--gold2); }
.ftr-tag{ color:var(--t3); font-size:13px; margin-top:8px; line-height:1.4; }
.ftr-links{ display:flex; flex-direction:column; gap:9px; }
.ftr-links a{ color:var(--t2); font-size:13px; text-decoration:none; transition:color .15s; }
.ftr-links a:hover{ color:var(--gold2); }
.ftr-meta{ max-width:340px; }
.ftr-18{ display:inline-block; font-weight:800; font-size:12px; color:#E8A096;
  border:1px solid rgba(239,68,68,.5); border-radius:6px; padding:2px 8px; margin-bottom:8px; }
.ftr-meta p{ color:var(--t3); font-size:12px; line-height:1.55; margin:0 0 6px; }
.ftr-copy{ opacity:.7; }
@media (max-width:820px){
  .site-footer{ margin-bottom:84px; }
  .ftr-inner{ flex-direction:column; gap:20px; }
}
#dailyFreeNav.on-cooldown{ font-variant-numeric:tabular-nums; letter-spacing:.02em; opacity:.85; }
#cfModal .cf-modal-overlay{
  background:radial-gradient(120% 90% at 50% 34%, rgba(33,22,22,.20), rgba(33,22,22,.42) 72%) !important;
  backdrop-filter:blur(4px) saturate(.92) brightness(.86) !important;
  -webkit-backdrop-filter:blur(4px) saturate(.92) brightness(.86) !important;
}
#cfModal .cf-modal-stage{
  display:grid !important;
  grid-template:minmax(0,1fr) / minmax(0,1fr) !important;
  place-items:center !important;
  position:relative !important;
}
#cfModal .cf-modal-stage > *{ grid-area:1 / 1 !important; }
#cfModal .cf-particles{ position:absolute !important; inset:0 !important; width:auto !important; margin:0 !important; }
#cfModal .cf-coin-wrap{
  position:relative !important;
  justify-self:center !important; align-self:center !important;
  margin:0 !important; left:auto !important; right:auto !important;
  top:auto !important; bottom:auto !important; inset:auto !important;
  transform-origin:50% 50% !important;
}
#cfModal .cf-modal-result{
  position:absolute !important; left:50% !important; right:auto !important;
  top:auto !important; bottom:16px !important; margin:0 !important;
  justify-self:auto !important; align-self:auto !important;
}
#cfModal .cf-coin-wrap.landed-red{  animation: cfWinPulseRed  1.3s ease-out 1; }
#cfModal .cf-coin-wrap.landed-blue{ animation: cfWinPulseBlue 1.3s ease-out 1; }
@keyframes cfWinPulseRed{
  0%{   filter:drop-shadow(0 0 8px rgba(239,68,68,.4)); }
  35%{  filter:drop-shadow(0 0 58px rgba(239,68,68,1)) drop-shadow(0 0 20px rgba(255,255,255,.55)); }
  100%{ filter:drop-shadow(0 0 30px rgba(217,135,120,.9)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
}
@keyframes cfWinPulseBlue{
  0%{   filter:drop-shadow(0 0 8px rgba(143,45,32,.4)); }
  35%{  filter:drop-shadow(0 0 58px rgba(143,45,32,1)) drop-shadow(0 0 20px rgba(255,255,255,.55)); }
  100%{ filter:drop-shadow(0 0 30px rgba(143,45,32,.9)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
}
#cfModal .cf-modal-result.show-red, #cfModal .cf-modal-result.show-blue{
  animation: cfBadgePop .5s cubic-bezier(.2,1.3,.4,1) 1;
}
@keyframes cfBadgePop{
  0%{   opacity:0; transform:translateX(-50%) scale(.6); }
  60%{  opacity:1; transform:translateX(-50%) scale(1.12); }
  100%{ opacity:1; transform:translateX(-50%) scale(1); }
}
#cfModal .cf-modal-player.winner{ box-shadow:0 0 28px rgba(206,66,43,.32) !important; }
@media (min-width:1100px){
  #navGamesMenu{
    padding:14px !important; gap:14px !important;
    background:linear-gradient(180deg,#281C1C,#211616) !important;
    border:1px solid rgba(206,66,43,.24) !important;
    box-shadow:0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(206,66,43,.07), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
  #navGamesMenu .ngm-card{ width:210px !important; border-radius:16px !important;
    background:linear-gradient(170deg, rgba(40,28,28,.7), rgba(33,22,22,.78)) !important; }
  #navGamesMenu .ngm-art{ height:126px !important; }
  #navGamesMenu .ngm-art-svg{ width:82px !important; height:82px !important; }
  #navGamesMenu .ngm-card:hover{ transform:translateY(-9px) scale(1.045) !important; box-shadow:0 28px 60px rgba(0,0,0,.66) !important; }
  #navGamesMenu .ngm-meta{ padding:12px 14px 15px !important; }
  #navGamesMenu .ngm-meta b{ font-size:15px !important; }
}
#navGamesMenu .ngm-art::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(72% 62% at 50% 40%, rgba(255,255,255,.10), transparent 70%); }
#navGamesMenu .ngm-meta b::after{ content:" →"; color:var(--gold2); opacity:0; margin-left:0; transition:opacity .18s ease, margin-left .18s ease; }
#navGamesMenu .ngm-card:hover .ngm-meta b::after{ opacity:1; margin-left:5px; }
.chat-sound-toggle{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:10px; border:1px solid rgba(206,66,43,.18); background:rgba(255,255,255,.05); color:#fff; cursor:pointer; font-size:17px; line-height:1; padding:0; transition:background .15s ease, border-color .15s ease, transform .08s ease; }
.chat-sound-toggle:hover{ background:rgba(255,255,255,.10); border-color:rgba(206,66,43,.45); }
.chat-sound-toggle:active{ transform:scale(.9); }
.chat-sound-toggle.is-off{ opacity:.55; }
.chat-sound-toggle .snd-ico{ pointer-events:none; }
.nav-games-btn:hover .nav-ico,
.nav-games-btn[aria-expanded="true"] .nav-ico{ animation:ngmIcoWiggle .6s ease; filter:drop-shadow(0 6px 12px rgba(201,108,91,.55)); }
.nav-games-btn[aria-expanded="true"] .nav-games-caret{ transform:rotate(180deg); }
.nav-games-caret{ transition:transform .25s ease; display:inline-block; }
@keyframes ngmIcoWiggle{
  0%{ transform:scale(1) rotate(0); }
  25%{ transform:scale(1.28) rotate(-11deg); }
  50%{ transform:scale(1.22) rotate(9deg); }
  75%{ transform:scale(1.24) rotate(-5deg); }
  100%{ transform:scale(1.16) rotate(0); }
}
.nav-ico-games{ display:inline-flex; align-items:center; justify-content:center; color:var(--gold2,#CE422B); }
.nav-ico-games svg{ width:21px; height:21px; display:block; }
.nav-games-btn:hover .nav-ico-games{ color:var(--gold2,#CE422B); }
.nav-games-btn[aria-expanded="true"] .nav-ico-games{ color:var(--gold,#CE422B); }
.ngm-card-champions .ngm-art-svg > g{ transform-box:view-box; transform-origin:32px 32px; }
.ngm-card-champions .ngm-art-svg > g:nth-of-type(1){ animation:ngmSwordA 2.6s ease-in-out infinite; }
.ngm-card-champions .ngm-art-svg > g:nth-of-type(2){ animation:ngmSwordB 2.6s ease-in-out infinite; }
.ngm-card-champions:hover .ngm-art-svg > g{ animation-duration:1.25s; }
@keyframes ngmSwordA{ 0%,18%{ transform:rotate(45deg);} 40%{ transform:rotate(29deg);} 50%{ transform:rotate(55deg);} 60%{ transform:rotate(48deg);} 74%,100%{ transform:rotate(45deg);} }
@keyframes ngmSwordB{ 0%,18%{ transform:rotate(-45deg);} 40%{ transform:rotate(-29deg);} 50%{ transform:rotate(-55deg);} 60%{ transform:rotate(-48deg);} 74%,100%{ transform:rotate(-45deg);} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .ngm-card-champions .ngm-art-svg > g, .nav-games-btn .nav-ico-games{ animation:none !important; } }
@keyframes rrFadeUp{ from{ opacity:0; transform:translateY(11px); } to{ opacity:1; transform:translateY(0); } }
@keyframes rrPopIn{ 0%{ opacity:0; transform:scale(.965); } 100%{ opacity:1; transform:scale(1); } }
.home .hm-promo{ animation:rrFadeUp .5s cubic-bezier(.2,.7,.3,1) both; }
.home .hm-originals-head{ animation:rrFadeUp .5s cubic-bezier(.2,.7,.3,1) .07s both; }
.home .hm-games{ animation:rrFadeUp .55s cubic-bezier(.2,.7,.3,1) .12s both; }
.page-hero{ animation:rrPopIn .5s cubic-bezier(.2,.8,.3,1) both; }
.hm-games .hm-game{ animation:rrFadeUp .5s cubic-bezier(.2,.7,.3,1) both; }
.hm-games .hm-game:nth-child(2){ animation-delay:.06s; }
.hm-games .hm-game:nth-child(3){ animation-delay:.12s; }
.hm-games .hm-game:nth-child(4){ animation-delay:.18s; }
.btn, .btn-primary, .hm-btn, .adm-btn, .cf-create-btn, .app-modal__btn{ transition:transform .12s ease, box-shadow .18s ease, filter .18s ease; }
.btn:active, .btn-primary:active, .hm-btn:active, .adm-btn:active, .cf-create-btn:active, .app-modal__btn:active{ transform:translateY(1px) scale(.985); }
.btn-primary:hover, .hm-btn-primary:hover, .cf-create-btn:hover{ filter:brightness(1.06); box-shadow:0 10px 26px rgba(206,66,43,.22); }
@keyframes rrCtaGlow{ 0%,100%{ box-shadow:0 8px 22px rgba(206,66,43,.16); } 50%{ box-shadow:0 10px 30px rgba(206,66,43,.32); } }
.hm-promo-card, .lb-card, .wallet-row{ transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .home .hm-promo,.home .hm-originals-head,.home .hm-games,.section-block,.page-hero,.hm-games .hm-game,.hm-btn-primary,.hm-btn-gold{ animation:none !important; }
}
.rw-daily-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:760px){ .rw-daily-row{ grid-template-columns:1fr; } }
.rw-promo-input{ display:flex; gap:8px; align-items:center; flex:0 0 auto; }
.rw-promo-input input{ width:150px; max-width:44vw; padding:10px 12px; border-radius:10px; border:1px solid rgba(206,66,43,.22); background:rgba(0,0,0,.28); color:#fff; font-weight:700; letter-spacing:.05em; text-transform:uppercase; font-size:13px; }
.rw-promo-input input::placeholder{ color:rgba(180,190,210,.5); letter-spacing:.06em; }
.rw-promo-input input:focus{ outline:none; border-color:rgba(206,66,43,.55); box-shadow:0 0 0 3px rgba(206,66,43,.12); }
.rw-wager{ margin-top:14px; padding:14px 16px; border-radius:14px; background:rgba(201,108,91,.06); border:1px solid rgba(206,66,43,.16); }
.rw-wager-head{ display:flex; justify-content:space-between; align-items:center; font-size:13px; color:var(--t2,#aab3c5); font-weight:600; }
.rw-wager-head b{ color:#fff; font-variant-numeric:tabular-nums; }
.rw-wager-head b.met{ color:#3ddc84; }
.rw-wager-bar{ height:9px; border-radius:6px; background:rgba(0,0,0,.35); overflow:hidden; margin:8px 0 6px; }
.rw-wager-bar span{ display:block; height:100%; width:0; border-radius:6px; background:linear-gradient(90deg,var(--gold2,#CE422B),var(--gold,#CE422B)); transition:width .5s ease; }
.rw-wager-bar span.met{ background:linear-gradient(90deg,#2fb46a,#3ddc84); }
.rw-wager small{ color:var(--t3,#9E817B); font-size:12px; }
.reveal-ready{ opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s cubic-bezier(.2,.7,.3,1); will-change:opacity, transform; }
.reveal-ready.in-view{ opacity:1; transform:none; }
::selection   { background: rgba(206,66,43,.30); color:#fff; text-shadow:none; }
::-moz-selection{ background: rgba(206,66,43,.30); color:#fff; text-shadow:none; }
.balance-pill, .balance-pill-main, .app-modal__amount, .chat-rain-pot, .rb-amount, .hm-top-wagered, .hm-chip, .rw-wager-head, .wd-wager-head{
  font-variant-numeric: tabular-nums; font-feature-settings:"tnum" 1;
}
a:focus-visible, button:focus-visible{
  outline: 2px solid rgba(206,66,43,.6); outline-offset: 2px;
}
html{ scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ html{ scroll-behavior:auto; } }
.muzzle-flash{
  width:52px; height:21px; pointer-events:none; z-index:7; border-radius:50%; opacity:0;
  transform-origin:center center; will-change:transform,opacity;
  background:radial-gradient(ellipse at 22% 50%, #ffffff 0%, #E8D6D2 24%, #E66A55 52%, rgba(255,140,30,.55) 74%, transparent 86%);
  filter:drop-shadow(0 0 9px rgba(230,106,85,.9));
  animation:muzzlePop .18s ease-out forwards;
}
.muzzle-flash::before{
  content:""; position:absolute; left:50%; top:50%; width:155%; height:155%; transform:translate(-50%,-50%);
  pointer-events:none;
  background:
    radial-gradient(ellipse 55% 7% at 50% 50%, rgba(232,214,210,.92), transparent 72%),
    radial-gradient(ellipse 7% 55% at 50% 50%, rgba(232,214,210,.6), transparent 72%);
}
.muzzle-flash.mf-rocket{ width:68px; height:29px;
  background:radial-gradient(ellipse at 22% 50%, #ffffff 0%, #E8D6D2 22%, #ff9a3a 50%, rgba(255,90,30,.6) 74%, transparent 88%);
  filter:drop-shadow(0 0 13px rgba(255,140,50,.95)); }
.gun-smoke{
  width:32px; height:32px; margin:-16px 0 0 -16px; pointer-events:none; z-index:6; border-radius:50%; opacity:0;
  background:radial-gradient(circle at 50% 50%, rgba(196,196,200,.5), rgba(150,150,156,.24) 52%, transparent 74%);
  filter:blur(2px); animation:gunSmoke .64s ease-out forwards;
}
@keyframes gunSmoke{
  0%  { opacity:0;   transform:scale(.4) translateY(0); }
  30% { opacity:.5;  transform:scale(1) translateY(-6px); }
  100%{ opacity:0;   transform:scale(1.65) translateY(-20px); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .gun-smoke{ animation:none; opacity:0; } }
.axe-proj{ width:64px; height:64px; margin:-32px 0 0 -32px; z-index:11; }
.axe-proj img{ width:100%; height:100%; display:block; filter:drop-shadow(0 3px 9px rgba(0,0,0,.62)); }
.axe-proj.spinning img{ animation:axeSpin .4s linear infinite; }
@keyframes axeSpin{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }
.arena-ambiance{ position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; border-radius:26px; }
.arena-floor3d{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; border-radius:24px; perspective:520px; perspective-origin:50% 36%; }
.arena-floor3d-grid{ position:absolute; left:-30%; right:-30%; bottom:-12%; height:64%; transform:rotateX(64deg); transform-origin:50% 100%; background-image:repeating-linear-gradient(0deg, transparent 0 38px, rgba(217,200,196,.16) 38px 40px), repeating-linear-gradient(90deg, transparent 0 38px, rgba(217,200,196,.14) 38px 40px); -webkit-mask-image:linear-gradient(to top, #000 8%, rgba(0,0,0,.4) 45%, transparent 86%); mask-image:linear-gradient(to top, #000 8%, rgba(0,0,0,.4) 45%, transparent 86%); }
.arena-ambiance i{
  position:absolute; bottom:-12px; width:4px; height:4px; border-radius:50%; opacity:0;
  background:radial-gradient(circle, rgba(255,198,122,.9), rgba(245,140,50,.5) 60%, transparent 76%);
  filter:blur(.4px); animation:arenaEmber linear infinite; will-change:transform,opacity;
}
.arena-ambiance i:nth-child(1){ left:12%; animation-duration:9s;   animation-delay:0s;   }
.arena-ambiance i:nth-child(2){ left:26%; animation-duration:11s;  animation-delay:2.4s; width:3px; height:3px; }
.arena-ambiance i:nth-child(3){ left:44%; animation-duration:8s;   animation-delay:1.1s; }
.arena-ambiance i:nth-child(4){ left:58%; animation-duration:12s;  animation-delay:3.6s; width:5px; height:5px; }
.arena-ambiance i:nth-child(5){ left:71%; animation-duration:10s;  animation-delay:.7s;  }
.arena-ambiance i:nth-child(6){ left:84%; animation-duration:9.5s; animation-delay:2s;   width:3px; height:3px; }
.arena-ambiance i:nth-child(7){ left:92%; animation-duration:11.5s;animation-delay:4.2s; }
@keyframes arenaEmber{
  0%   { transform:translateY(0) translateX(0);      opacity:0;   }
  14%  { opacity:.5; }
  72%  { opacity:.34; }
  100% { transform:translateY(-360px) translateX(16px); opacity:0; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .arena-ambiance i{ animation:none; opacity:0; } }
@keyframes muzzlePop{
  0%   { opacity:0; transform:translate(-50%,-50%) rotate(var(--a,0deg)) scaleX(.30) scaleY(.55); }
  28%  { opacity:1; transform:translate(-50%,-50%) rotate(var(--a,0deg)) scaleX(1.18) scaleY(1.06); }
  100% { opacity:0; transform:translate(-50%,-50%) rotate(var(--a,0deg)) scaleX(1.45) scaleY(.48); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .muzzle-flash{ animation-duration:.01s; } }
.shot-tracer{
  height:2.5px; pointer-events:none; z-index:6; opacity:0; border-radius:2px;
  transform-origin:0 50%; transform:rotate(var(--a,0deg));
  background:linear-gradient(90deg, rgba(230,106,85,0) 0%, rgba(230,106,85,.35) 55%, rgba(232,214,210,.95) 100%);
  filter:drop-shadow(0 0 5px rgba(230,106,85,.6));
  animation:tracerZip .30s ease-out forwards;
}
.shot-tracer.tracer-rocket{ height:4px;
  background:linear-gradient(90deg, rgba(255,150,70,0) 0%, rgba(255,150,70,.42) 55%, rgba(232,214,210,.95) 100%);
  filter:drop-shadow(0 0 9px rgba(255,140,50,.75)); }
@keyframes tracerZip{ 0%{opacity:0} 16%{opacity:1} 100%{opacity:0} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .shot-tracer{ display:none; } }
.health-ghost{
  position:absolute; top:0; left:0; height:100%; width:100%; z-index:0; pointer-events:none;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,72,72,.9), rgba(255,140,140,.62));
  box-shadow:0 0 8px rgba(255,70,70,.45);
}
.health-fill-right ~ .health-ghost, .health-ghost{ }
.impact-fx .impact-spark{
  width:5px; height:20px;
  background:linear-gradient(180deg,#ffffff 0%,#E8D6D2 42%,#E66A55 100%);
  box-shadow:0 0 7px rgba(230,106,85,.75);
}
.impact-fx .impact-ring{ border-color:rgba(230,106,85,.9); border-width:3.5px; }
@keyframes sFly{ 0%{opacity:1;transform:rotate(var(--a,0deg)) translateY(-4px) scale(1.15)} 100%{opacity:0;transform:rotate(var(--a,0deg)) translateY(-56px) scale(.2)} }
.cf-land-burst{
  position:absolute; left:50%; top:50%; width:150px; height:150px; margin:-75px 0 0 -75px;
  border-radius:50%; pointer-events:none; z-index:-1; opacity:0; border:3px solid currentColor;
  animation:cfLandBurst .72s ease-out forwards;
}
.cf-land-red{ color:rgba(239,68,68,.9); }
.cf-land-blue{ color:rgba(143,45,32,.9); }
@keyframes cfLandBurst{ 0%{opacity:.85;transform:scale(.5)} 100%{opacity:0;transform:scale(2.1)} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .cf-land-burst{ display:none; } }
@media (max-width: 820px){
  .chat-drawer{ z-index:1200 !important; }
  .chat-panel{ width:100vw !important; left:0 !important; right:0 !important; max-width:none !important; }
  .chat-drawer:not(.closed) .chat-panel{ transform:translateX(0) !important; }
  .chat-drawer.closed .chat-panel{ transform:translateX(100%) !important; }
}

.cf-list-head{ display:flex !important; flex-direction:row !important; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.cf-list-head .cf-create-open-btn{ margin-left:auto; align-self:flex-start; }
.cf-list-head-l{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.cf-create-open-btn{ flex:0 0 auto; white-space:nowrap; text-decoration:none; }
.cf-recent-sep{ display:flex; align-items:center; gap:12px; margin:24px 4px 12px; color:var(--t3,#6C433D); font-size:.76rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.cf-recent-sep span{ flex:0 0 auto; }
.cf-recent-sep::before, .cf-recent-sep::after{ content:""; flex:1; height:1px; background:var(--ln,rgba(201,108,91,.16)); }
.hm-bolt.b2{ animation-delay:.6s; } .hm-bolt.b3{ animation-delay:1.2s; }
.hm-bolt.b4{ animation-delay:1.8s; } .hm-bolt.b5{ animation-delay:2.4s; } .hm-bolt.b6{ animation-delay:3s; }
@keyframes hmBolt{ 0%,100%{opacity:0} 2%{opacity:.95} 5%{opacity:.18} 7%{opacity:.8} 10%{opacity:0} }
.hm-game:hover .hm-bolt{ animation-duration:1.7s; }
.hm-game:hover{ box-shadow:0 22px 50px rgba(0,0,0,.45), 0 0 26px var(--hm-glow,transparent); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
.ngm-bolts{ position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
.ngm-bolts svg{ width:100%; height:100%; display:block; }
.ngm-bolt{ fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; opacity:0;
  filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 5px currentColor); }
.ngm-card-champions .ngm-bolts{ color:#CE422B; }
.ngm-card-flip       .ngm-bolts{ color:#E66A55; }
.ngm-bolt{ animation: ngmBolt 4s steps(1,end) infinite; }
.ngm-bolt.nb2{ animation-delay:.9s; } .ngm-bolt.nb3{ animation-delay:1.8s; } .ngm-bolt.nb4{ animation-delay:2.7s; }
@keyframes ngmBolt{ 0%,100%{opacity:0} 3%{opacity:.72} 6%{opacity:.12} 8%{opacity:.55} 11%{opacity:0} }
.ngm-card:hover .ngm-bolt{ animation-duration:2s; }
.ngm-card-champions:hover{ border-color:rgba(206,66,43,.42) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(206,66,43,.4) !important; }
.ngm-card-flip:hover{ border-color:rgba(206,66,43,.42) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(206,66,43,.4) !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .ngm-bolt{ animation:none; opacity:.18; } }
@keyframes hmSpin{ to{ transform: rotate(360deg); } }
.hm-game:hover .hm-bolts::before{ animation-duration:3s; }
.hm-game:hover .hm-bolts::after{ animation-duration:5s; }
.ngm-bolts{ top:50% !important; left:50% !important; right:auto !important; bottom:auto !important;
  width:90px; height:90px; margin:-45px 0 0 -45px; border-radius:50%; overflow:visible !important; }
.ngm-bolts svg{ display:none !important; }
.ngm-bolts::before, .ngm-bolts::after{ content:""; position:absolute; border-radius:50%;
  background: conic-gradient(from 0deg, transparent 0 14deg, currentColor 24deg, transparent 44deg 112deg, currentColor 130deg, transparent 152deg 236deg, currentColor 252deg, transparent 274deg);
  -webkit-mask: radial-gradient(closest-side, transparent 60%, #000 65%, #000 90%, transparent 96%);
          mask: radial-gradient(closest-side, transparent 60%, #000 65%, #000 90%, transparent 96%);
  filter: drop-shadow(0 0 4px currentColor); }
.ngm-bolts::before{ inset:0; opacity:.85; animation: hmSpin 5s linear infinite; }
.ngm-bolts::after{ inset:12px; opacity:.45; animation: hmSpin 7.5s linear infinite reverse; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .hm-bolts::before,.hm-bolts::after,.ngm-bolts::before,.ngm-bolts::after{ animation:none; } }
.cf-history-list{ grid-template-columns:1fr !important; }
.cf-history-list .cf-game-row{ opacity:1 !important; }
.cf-list-head .steam-btn.cf-create-open-btn{ width:auto; min-height:40px; padding:0 18px; font-size:14px; }
@media (max-width:1099px){
  .ngm-bolts{ width:56px; height:56px; margin:-28px 0 0 -28px; }
  .ngm-bolts::after{ inset:9px; }
}
*{ -webkit-tap-highlight-color: transparent; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.cf-modal-card, .app-modal__card{
  max-height:92vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.chat-body, .chat-drawer, .cf-modal-card, .app-modal__card, .cf-create-card{
  overscroll-behavior: contain;
}
@media (hover: none) and (pointer: coarse){
  input, select, textarea{ font-size:16px !important; }
  .btn-primary, .btn-ghost, .cf-create-open-btn, .cf-create-btn, .cf-join-btn, .steam-btn, .app-modal__btn, .nav-link, .chat-send, .chat-toggle, .cf-cancel-btn, .rps-cancel-btn, .daily-claim-btn, .qa{
    min-height:44px;
  }
  .cf-modal-close, .cf-create-close, .chat-close{
    min-width:44px; min-height:44px;
  }
}
@media (max-width:560px){
  .cf-game-row{ padding-top:13px; padding-bottom:13px; }
}
.cf-create-card{ text-align:center; }
.cf-create-card .cf-side-picker{ justify-content:center; }
.cf-create-card .cf-wager-section{ display:flex; flex-direction:column; align-items:center; width:100%; }
.cf-create-card .cf-wager-label{ align-self:center; text-align:center; }
.cf-create-card .stake-input-wrap,
.cf-create-card .quick-amounts,
.cf-create-card .cf-create-btn{ margin-left:auto !important; margin-right:auto !important; }
.cf-create-card .cf-side-btn{ flex:0 1 134px; width:134px; min-width:0; box-sizing:border-box; }
.cf-create-card .cf-side-btn small{ white-space:nowrap; }
.hm-bolts::before, .hm-bolts::after, .ngm-bolts::before, .ngm-bolts::after{
  background:none !important; -webkit-mask:none !important; mask:none !important;
  inset:auto !important; top:50% !important; left:50% !important;
  width:3px !important; height:3px !important; margin:-1.5px !important;
  border-radius:50%; filter:none !important;
}
.ngm-bolts::before{
  box-shadow:34px 0 3px 1px currentColor, 17px 29px 3px 1px currentColor, -17px 29px 3px 1px currentColor,
             -34px 0 3px 1px currentColor, -17px -29px 3px 1px currentColor, 17px -29px 3px 1px currentColor;
  animation: sparkSpin 1.4s linear infinite !important;
}
.ngm-bolts::after{
  box-shadow:24px 0 2px 1px currentColor, 0 24px 2px 1px currentColor, -24px 0 2px 1px currentColor, 0 -24px 2px 1px currentColor;
  animation: sparkSpinR 1s linear infinite !important; opacity:.8;
}
@keyframes sparkSpin{ to{ transform: rotate(360deg); } }
@keyframes sparkSpinR{ to{ transform: rotate(-360deg); } }
@keyframes sparkFlick{ 0%{ opacity:1; } 100%{ opacity:.55; } }
.hm-game:hover .hm-bolts::before{ animation-duration:.9s, .28s !important; }
.hm-game:hover .hm-bolts::after{ animation-duration:.7s, .22s !important; }
@media (max-width:1099px){ .ngm-bolts{ display:none !important; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .hm-bolts::before,.hm-bolts::after,.ngm-bolts::before,.ngm-bolts::after{ animation:none !important; }
}
.adm-field{ display:flex; flex-direction:column; gap:3px; }
.adm-field > span{ font-size:11px; color:var(--t3,#9E817B); text-transform:uppercase; letter-spacing:.04em; }
.adm-field-btn{ align-self:flex-end; }
.adm-sub{ font-weight:400; color:var(--t3,#9E817B); font-size:12px; }
.adm-btn-danger{ border-color:rgba(239,68,68,.5) !important; color:#E8A096 !important; }
.adm-btn-danger:hover{ background:rgba(239,68,68,.16) !important; color:#fecaca !important; }
.admin-tool-row{ flex-wrap:wrap; align-items:flex-end; }
.rp-header{ text-align:center; margin:6px auto 22px; max-width:720px; }
.rp-grid{ display:grid; grid-template-columns:1fr 320px; gap:18px; align-items:start; max-width:1180px; margin:0 auto; }
@media (max-width:900px){ .rp-grid{ grid-template-columns:1fr; } }
.rp-stage{ max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.rp-stage.rp-stage-2col{ display:grid; grid-template-columns:580px minmax(0,1fr); gap:20px; align-items:start; max-width:1180px; }
.rp-stage-2col .rp-map-col{ min-width:0; }
.rp-stage-2col .rp-side-col{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.rp-stage-2col .rp-map{ max-width:100%; }
@media (max-width:1080px){
  .rp-stage.rp-stage-2col{ grid-template-columns:490px minmax(0,1fr); gap:16px; }
}
@media (max-width:860px){
  .rp-stage.rp-stage-2col{ grid-template-columns:1fr; }
  .rp-stage-2col .rp-map{ max-width:520px; margin-left:auto; margin-right:auto; }
}
.rp-join-bar{ display:flex; justify-content:center; }
.rp-join-open{ font-size:17px; font-weight:800; padding:14px 40px; border-radius:14px; cursor:pointer; letter-spacing:.01em;
  display:inline-flex; align-items:center; gap:10px; text-decoration:none; box-shadow:0 10px 26px rgba(0,0,0,.32); }
a.rp-join-open{ color:#1A1111; }
.rp-inpot-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.rp-inpot-head h3{ margin:0; }
.rp-skin-inline{ flex:0 0 auto; padding:8px 14px !important; font-size:12.5px !important; font-weight:800 !important; border-radius:10px !important; letter-spacing:0 !important; white-space:nowrap; box-shadow:0 6px 16px rgba(0,0,0,.28) !important; display:inline-flex; align-items:center; gap:7px; }
.rp-skin-inline svg{ width:15px; height:15px; }
a.rp-skin-inline{ text-decoration:none; }

.rp-map-card{ padding:16px; }
.rp-topline{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.rp-lab{ color:var(--t3,#B87569); font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.rp-pot{ font-size:32px; font-weight:900; line-height:1.05; display:inline-flex; align-items:center; gap:6px; color:var(--gold2,#CE422B); }
.rp-pot .coin-ico{ margin-right:0 !important; width:.82em !important; height:.82em !important; filter:drop-shadow(0 2px 6px rgba(206,66,43,.55)); align-self:center; }
.rp-pot #rpPot{ background:linear-gradient(180deg,#E8D6D2,#CE422B); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#CE422B; filter:drop-shadow(0 2px 8px rgba(206,66,43,.4)); }
.rp-count{ font-size:24px; font-weight:800; color:#E8D6D2; line-height:1.1; }
.rp-count.rp-danger{ color:#E56C59; animation:rpPulse .7s ease-in-out infinite; }
.rp-count.pop{ color:#ff5b5b; animation:rpCountPop .5s cubic-bezier(.2,1.5,.5,1); }
@keyframes rpCountPop{ 0%{ transform:scale(2.1); opacity:0; text-shadow:0 0 22px rgba(255,80,80,.8); } 45%{ transform:scale(.86); opacity:1; } 100%{ transform:scale(1); opacity:1; text-shadow:0 0 10px rgba(255,80,80,.45); } }
@keyframes rpPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }
.rp-status-wrap{ flex:1; text-align:center; }
.rp-status{ display:inline-block; font-size:13px; font-weight:700; color:#cbd5e6; padding:5px 12px; border-radius:999px;
            background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }

.rp-map{ position:relative; width:100%; max-width:700px; margin:0 auto; aspect-ratio:1/1; border-radius:14px; overflow:hidden;
  background:#211616 url("/assets/rustpot-map.jpg?v=156") center/cover no-repeat;
  border:1px solid rgba(255,255,255,.07); }
.rp-map::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:2;
  background:radial-gradient(125% 125% at 50% 50%, transparent 56%, rgba(33,22,22,.58) 100%); }
.rp-map::after{ content:""; display:block; padding-bottom:100%; }

.rp-empty{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; text-align:center;
  color:#F4EAE8; font-size:14px; font-weight:600; line-height:1.45; z-index:4; padding:14px 18px; border-radius:12px;
  background:rgba(33,22,22,.72); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(3px); box-shadow:0 8px 22px rgba(0,0,0,.45); }

@property --gcx { syntax:"<length-percentage>"; inherits:false; initial-value:50%; }
@property --gcy { syntax:"<length-percentage>"; inherits:false; initial-value:50%; }
@property --gr  { syntax:"<length-percentage>"; inherits:false; initial-value:0%; }
.rp-gas{ position:absolute; inset:0; pointer-events:none; z-index:5; transition:--gr .45s cubic-bezier(.33,.7,.3,1), --gcx .45s cubic-bezier(.33,.7,.3,1), --gcy .45s cubic-bezier(.33,.7,.3,1), opacity .4s; opacity:0;
  --gcx:50%; --gcy:50%; --gr:320px;
  background:none; }
.rp-gas.on{ opacity:1; }
.rp-ring{ position:absolute; border:3px solid rgba(255,70,70,.95); border-radius:50%; z-index:6; pointer-events:none;
  box-shadow:0 0 13px rgba(255,45,45,.82), inset 0 0 15px rgba(255,45,45,.52); transition:left .42s cubic-bezier(.33,.7,.3,1), top .42s cubic-bezier(.33,.7,.3,1), width .42s cubic-bezier(.33,.7,.3,1), height .42s cubic-bezier(.33,.7,.3,1), opacity .25s; opacity:0; transform:translate(-50%,-50%); will-change:transform; }
.rp-ring.on{ opacity:1; }

.rp-pl{ position:absolute; transform:translate(-50%,-50%); z-index:7; text-align:center; transition:opacity .4s, filter .4s, transform .3s; }
.rp-av{ width:30px; height:30px; border-radius:50%; border:2px solid var(--gold2,#CE422B); object-fit:cover; display:block;
        box-shadow:0 3px 10px rgba(0,0,0,.6); background:#1A1111; }
.rp-av-fb{ display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; color:#1A1111; }
.rp-nm{ font-size:11px; margin-top:3px; color:#fff; text-shadow:0 1px 3px #000; white-space:nowrap; font-weight:700; }
.rp-bt{ font-size:10px; color:var(--gold2,#CE422B); text-shadow:0 1px 2px #000; }
.rp-pl.dead{ opacity:.32 !important; filter:grayscale(1) brightness(.4) !important; }
.rp-pl.pop{ animation:rpPop .42s cubic-bezier(.3,.05,.4,1) forwards; pointer-events:none; z-index:9; }
@keyframes rpPop{ 0%{ transform:translate(-50%,-50%) scale(1); opacity:1; } 38%{ transform:translate(-50%,-50%) scale(1.55); opacity:1; filter:brightness(1.9); } 100%{ transform:translate(-50%,-50%) scale(.08); opacity:0; } }
.rp-boom{ position:absolute; width:48px; height:48px; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; z-index:8;
  background:radial-gradient(circle, rgba(232,214,210,.95) 0%, rgba(255,120,40,.72) 34%, rgba(255,50,30,.28) 60%, transparent 72%);
  filter:drop-shadow(0 0 12px rgba(255,110,40,.7)); animation:rpBoom .62s ease-out forwards; }
@keyframes rpBoom{ 0%{ opacity:0; transform:translate(-50%,-50%) scale(.2);} 16%{ opacity:1; transform:translate(-50%,-50%) scale(1);} 100%{ opacity:0; transform:translate(-50%,-50%) scale(2.6);} }
.rp-pl.win{ z-index:10; }
.rp-pl.win .rp-av,.rp-pl.win .rp-av-fb{ border-color:#CE422B; box-shadow:0 0 18px rgba(230,106,85,.9), 0 3px 10px rgba(0,0,0,.6); animation:rpWinPulse 1s ease-in-out infinite alternate; }
@keyframes rpWinPulse{ 0%{ transform:scale(1.02);} 100%{ transform:scale(1.16);} }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rp-pl.pop{ animation:none; opacity:0; } .rp-boom{ animation:none; opacity:0; } .rp-pl.win .rp-av,.rp-pl.win .rp-av-fb{ animation:none; } }
.rp-pl.dead .rp-av{ border-color:#555; position:relative; }
.rp-pl.dead .rp-av::after{ content:"☠"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; text-shadow:0 0 6px #000; }
.rp-pl.caught .rp-av{ animation:rpCaught .6s ease; }
@keyframes rpCaught{ 0%{ box-shadow:0 0 0 0 rgba(224,57,43,.9);} 100%{ box-shadow:0 0 0 28px rgba(224,57,43,0);} }
@keyframes rpScare{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,60,50,0); filter:brightness(1); } 22%,66%{ box-shadow:0 0 0 11px rgba(255,64,52,.8); filter:brightness(1.75) drop-shadow(0 0 7px #ff3c32); } 44%{ box-shadow:0 0 0 3px rgba(255,64,52,.35); filter:brightness(1.1); } }
.rp-pl.scare .rp-av{ animation:rpScare .62s ease; }
.rp-pl.win{ z-index:9; }
.rp-pl.win .rp-av{ border-color:var(--gold2,#CE422B); animation:rpWinPulse 1.1s ease-in-out infinite; }
@keyframes rpWinPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(230,106,85,.55);} 50%{ box-shadow:0 0 0 16px rgba(230,106,85,0);} }

.rp-banner{ position:absolute; inset:0; z-index:12; display:none; align-items:center; justify-content:center; flex-direction:column;
  background:radial-gradient(60% 50% at 50% 50%, rgba(33,22,22,.6), rgba(33,22,22,.88)); backdrop-filter:blur(2px); }
.rp-banner.show{ display:flex; animation:rpFade .4s ease; }
@keyframes rpFade{ from{ opacity:0;} to{ opacity:1;} }
.rp-ban-ttl{ font-size:12px; letter-spacing:.3em; color:var(--gold2,#CE422B); text-transform:uppercase; }
.rp-ban-who{ font-size:clamp(26px,6vw,48px); font-weight:900; margin:6px 0; color:#fff; }
.rp-ban-amt{ font-size:22px; color:var(--gold2,#CE422B); font-weight:800; }

.rp-players-line{ margin-top:10px; color:var(--t3,#B87569); font-size:12px; }
.rp-entrants{ display:flex; flex-direction:column; gap:8px; }
.rp-en-row{ display:flex; align-items:center; gap:11px; padding:9px 12px; border-radius:11px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); }
.rp-en-av{ width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0; border:1px solid rgba(255,255,255,.12); }
.rp-en-av-fb{ display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#281C1C,#281C1C); color:#E8D6D2; font-weight:800; font-size:15px; }
.rp-en-main{ flex:1; min-width:0; }
.rp-en-top{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:5px; }
.rp-en-name{ color:#e7edf6; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rp-en-pct{ color:var(--gold2,#CE422B); font-weight:800; font-size:13px; flex-shrink:0; }
.rp-en-bar{ height:6px; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden; }
.rp-en-bar span{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#CE422B,#e0392b); transition:width .5s ease; }
.rp-en-amt{ color:#aeb9cc; font-size:13px; font-weight:700; flex-shrink:0; white-space:nowrap; }
.rp-en-me{ border-color:rgba(206,66,43,.55); background:rgba(206,66,43,.08); }
.rp-en-you{ font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:#1A1111;
  background:var(--gold2,#CE422B); padding:1px 6px; border-radius:999px; margin-left:6px; vertical-align:middle; }
.rp-vf-toggle{ width:100%; text-align:left; cursor:pointer; font-family:var(--fd); font-size:15px; color:#fff;
  background:rgba(217,135,120,.1); border:1px solid rgba(201,108,91,.25); border-radius:10px; padding:11px 14px;
  display:flex; align-items:center; gap:8px; }
.rp-vf-toggle:hover{ background:rgba(217,135,120,.18); }
.rp-vf-caret{ margin-left:auto; transition:transform .2s; }
.rp-vf-toggle.open .rp-vf-caret{ transform:rotate(180deg); }
.rp-vf-body{ margin-top:10px; }
.rp-players-line code{ font-size:11px; color:var(--t2,#aeb6c6); }

.rp-side .section-block{ padding:16px; }
.rp-wager-label{ display:block; font-size:12px; color:var(--t3,#B87569); text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px; text-align:center; }
.rp-join-card .stake-input-wrap, .rp-join-card .quick-amounts{ margin:0 auto 12px; max-width:280px; }
.rp-join-btn{ width:100%; min-height:48px; font-size:15px; }
.rp-note{ display:block; color:var(--t3,#B87569); font-size:12px; margin-top:10px; line-height:1.5; }
.rp-recent{ display:flex; flex-direction:column; gap:7px; }
.rp-recent-row{ display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); font-size:13px; }
.rp-recent-row b{ flex:0 1 auto; min-width:0; color:#e6ebf4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rp-recent-pct{ flex:0 0 auto; color:#cfd6e4; font-weight:800; font-size:12px; }
.rp-recent-amt{ color:var(--gold2,#CE422B); font-weight:700; margin-left:auto; }
.rp-recent-pot{ color:var(--t3,#B87569); font-size:11px; }
.rp-watch{ margin-left:6px; padding:4px 10px; border-radius:8px; cursor:pointer; font-size:12px; font-weight:700;
  color:#1A1111; background:linear-gradient(180deg,#CE422B,#CE422B); border:0; transition:filter .15s, transform .1s; white-space:nowrap; }
.rp-watch:hover{ filter:brightness(1.08); }
.rp-watch:active{ transform:scale(.96); }
.rp-watch:disabled, .rp-watch.rp-watch-cool{ opacity:.5; cursor:default; filter:none; transform:none; pointer-events:none; }
.rp-verify-btn{ margin-left:6px; padding:4px 10px; border-radius:8px; cursor:pointer; font-size:12px; font-weight:700;
  color:#D9C8C4; background:rgba(255,255,255,.05); border:1px solid rgba(201,108,91,.35); transition:background .15s, border-color .15s; white-space:nowrap; }
.rp-verify-btn:hover{ background:rgba(217,135,120,.16); border-color:rgba(201,108,91,.6); }
.rp-verify{ margin-top:12px; padding:14px 14px 12px; border-radius:12px; border:1px solid rgba(201,108,91,.22);
  background:linear-gradient(180deg, rgba(33,22,22,.6), rgba(33,22,22,.55)); }
.rp-verify-modal{ margin-top:14px; max-height:280px; overflow-y:auto; }
.rp-verify-modal:empty{ display:none; }
.rp-vf-load{ color:var(--t2,#B87569); font-size:13px; padding:6px 2px; }
.rp-vf-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.rp-vf-head b{ font-family:var(--fd); font-size:16px; color:#fff; letter-spacing:.02em; }
.rp-vf-x{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#E8D6D2; width:26px; height:26px; border-radius:8px; cursor:pointer; line-height:1; }
.rp-vf-x:hover{ background:rgba(255,255,255,.12); }
.rp-vf-note{ font-size:12px; color:var(--t2,#B87569); line-height:1.5; margin:0 0 10px; }
.rp-vf-note code{ background:rgba(217,135,120,.12); padding:1px 5px; border-radius:5px; font-size:11px; color:#D9C8C4; }
.rp-vf-grid{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.rp-vf-kv{ display:flex; gap:8px; align-items:baseline; font-size:12px; }
.rp-vf-kv span{ flex:0 0 42%; color:var(--t3,#B87569); }
.rp-vf-kv code{ flex:1; word-break:break-all; color:#dbe5f4; font-size:11.5px; background:rgba(255,255,255,.03); padding:3px 6px; border-radius:6px; }
.rp-vf-table{ width:100%; border-collapse:collapse; font-size:12px; }
.rp-vf-table th{ text-align:left; color:var(--t3,#B87569); font-weight:600; padding:5px 8px; border-bottom:1px solid rgba(255,255,255,.08); }
.rp-vf-table td{ padding:5px 8px; border-bottom:1px solid rgba(255,255,255,.04); color:#E8D6D2; }
.rp-vf-table .rp-vf-hit{ background:rgba(206,66,43,.12); }
.bh-watch{ flex:0 0 auto; cursor:pointer; font-family:var(--fd); font-size:12.5px; font-weight:700; color:#E8D6D2;
  background:rgba(206,66,43,.1); border:1px solid rgba(206,66,43,.25); border-radius:999px; padding:6px 13px; white-space:nowrap;
  transition:background .15s, border-color .15s, color .15s; }
.bh-watch:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:#E8D6D2; }
.bh-watch-stage{ padding:6px 0 2px; }
.bhw-loading{ text-align:center; color:var(--t2,#B87569); padding:34px 0; font-size:14px; }
.bhw-card{ display:flex; flex-direction:column; gap:16px; }
.bhw-vs{ display:flex; align-items:stretch; justify-content:center; gap:14px; }
.bhw-side{ flex:1; display:flex; flex-direction:column; align-items:center; gap:7px; padding:18px 12px 14px; border-radius:14px;
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); position:relative; }
.bhw-win{ border-color:rgba(206,66,43,.5); background:rgba(206,66,43,.07); box-shadow:0 0 22px rgba(206,66,43,.14); }
.bhw-lose{ opacity:.72; }
.bhw-av-wrap{ position:relative; display:inline-flex; }
.bhw-crown{ position:absolute; top:-18px; left:50%; transform:translateX(-50%); font-size:26px; filter:drop-shadow(0 3px 6px rgba(0,0,0,.55)); z-index:3; pointer-events:none; }
.bhw-av{ width:74px; height:74px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.16); }
.bhw-win .bhw-av{ border-color:var(--gold2,#CE422B); }
.bhw-av-fb{ display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#281C1C,#281C1C); color:#E8D6D2; font-weight:800; font-size:30px; }
.bhw-name{ font-size:15px; font-weight:700; color:#F4EAE8; text-align:center; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bhw-chance{ font-size:12px; color:var(--gold2,#CE422B); font-weight:700; }
.bhw-out{ font-size:12px; color:var(--t3,#B87569); text-transform:uppercase; letter-spacing:.08em; }
.bhw-mid{ align-self:center; font-family:var(--fd); font-size:18px; font-weight:800; color:var(--t3,#B87569); }
.bhw-solo{ display:flex; flex-direction:column; align-items:center; gap:9px; padding:14px; }
.bhw-prize{ display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-radius:12px;
  background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.07); }
.bhw-prize span{ color:var(--t3,#B87569); font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.bhw-prize b{ font-size:22px; color:var(--gold2,#CE422B); font-weight:900; }
.rp-vf-roll{ font-size:12.5px; color:#E8D6D2; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
  border-radius:8px; padding:8px 11px; margin-bottom:10px; line-height:1.45; }
.rp-vf-roll b{ color:var(--gold2,#CE422B); }
.bhw-card{ animation:bhwIn .34s cubic-bezier(.2,.8,.3,1) both; }
@keyframes bhwIn{ from{ opacity:0; transform:translateY(9px) scale(.985); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .bhw-card{ animation:none; } }
@media (max-width:560px){
  .rp-join-open{ font-size:16px; padding:13px 30px; }
  .rp-en-av{ width:30px; height:30px; }
  .rp-en-name{ font-size:13px; }
  .rp-en-amt{ font-size:12px; }
  .bhw-vs{ gap:8px; }
  .bhw-side{ padding:15px 8px 12px; }
  .bhw-crown{ font-size:19px; top:-11px; }
  .bhw-av{ width:58px; height:58px; }
  .bhw-av-fb{ font-size:24px; }
  .bhw-name{ font-size:13px; }
  .bhw-mid{ font-size:15px; }
  .bhw-prize{ padding:11px 13px; }
  .bhw-prize b{ font-size:19px; }
  .rp-vf-kv{ flex-direction:column; gap:2px; }
  .rp-vf-kv span{ flex:none; }
}
@media (max-width:560px){
  .rp-join-open{ width:100%; max-width:340px; padding:13px 24px; font-size:16px; justify-content:center; }
  .rp-stage{ gap:13px; }
  .rp-en-amt{ font-size:12px; }
  .rp-en-av{ width:30px; height:30px; }
  .bhw-vs{ gap:9px; }
  .bhw-side{ padding:15px 8px 11px; }
  .bhw-crown{ font-size:19px; top:-11px; }
  .bhw-av{ width:58px; height:58px; }
  .bhw-av-fb{ font-size:24px; }
  .bhw-name{ font-size:13.5px; }
  .bhw-mid{ font-size:15px; }
  .bhw-prize b{ font-size:19px; }
  .bh-watch{ padding:5px 11px; font-size:12px; }
}
.rp-vf-table .rp-vf-hit td{ color:#E8D6D2; font-weight:700; }
@media (max-width:560px){ .rp-av{ width:24px; height:24px; } .rp-nm{ font-size:10px; } }
.hm-game-rustpot .hm-bolts, .ngm-card-rustpot .ngm-bolts{ color:#CE422B; }
.hm-game-rustpot .hm-game-go{ color:#E8A096; }
.hm-game .hm-bolts, .ngm-card .ngm-bolts{ display:none; }
@keyframes hmLedRun{ to{ stroke-dashoffset:var(--led-end,-150); } }
@keyframes hmLedFlick{ 0%,54%,73%,100%{ opacity:1; } 62%{ opacity:.35; } 85%{ opacity:.7; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--gold2,#CE422B); outline-offset:2px;
}
.rp-en-row{ transition:border-color .15s ease, background .15s ease, transform .12s ease; }
.rp-en-row:hover{ border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.05); transform:translateY(-1px); }
.rp-en-me:hover{ border-color:rgba(206,66,43,.7); }
.bh-row:hover{ border-color:rgba(206,66,43,.4); transform:translateY(-1px); }
.lb-row:hover{ transform:translateY(-1px); border-color:rgba(206,66,43,.32); }
.btn-primary{ position:relative; overflow:hidden; }
.btn-primary::before{
  content:""; position:absolute; top:0; left:-140%; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent);
  transform:skewX(-18deg); pointer-events:none;
}
.btn-primary:hover:not(:disabled)::before{ left:140%; transition:left .6s ease; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .btn-primary::before{ display:none; } }
@keyframes emberRise{
  0%{ transform:translateY(0) translateX(0); opacity:0; }
  12%{ opacity:.85; }
  70%{ opacity:.5; }
  100%{ transform:translateY(-190px) translateX(12px); opacity:0; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
.hm-games .hm-game:nth-child(5){ animation-delay:.24s; }
.hm-games .hm-game:nth-child(6){ animation-delay:.30s; }
@keyframes hmCaseGlow{ 0%,100%{ opacity:.55; transform:scale(.9); } 50%{ opacity:1; transform:scale(1.12); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
.rp-en-leader{ background:linear-gradient(90deg, rgba(230,106,85,.12), rgba(230,106,85,.03)); border-color:rgba(230,106,85,.35) !important; }
.rp-en-leader .rp-en-av{ box-shadow:0 0 0 2px rgba(230,106,85,.6), 0 0 12px rgba(230,106,85,.35); }
.rp-en-leader .rp-en-pct{ color:#E66A55; }
.rp-en-crown{ margin-right:5px; font-size:.92em; filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.btn-primary:active:not(:disabled){ transform:translateY(1px) scale(.985); box-shadow:0 2px 8px rgba(0,0,0,.32); transition:transform .06s ease, box-shadow .06s ease; }
.adm-pg{ display:flex; align-items:center; justify-content:center; gap:14px; margin:16px 0 4px; }
.adm-pg-btn{ font-family:var(--fu); font-weight:700; font-size:13px; color:var(--t1); background:var(--card); border:1px solid var(--ln2); border-radius:9px; padding:7px 15px; cursor:pointer; transition:background .15s, border-color .15s, transform .1s; }
.adm-pg-btn:hover:not(:disabled){ border-color:var(--p); background:var(--bg2); }
.adm-pg-btn:active:not(:disabled){ transform:translateY(1px); }
.adm-pg-btn:disabled{ opacity:.4; cursor:default; }
.adm-pg-info{ font-family:var(--fm); font-size:12.5px; color:var(--t2); }
.adm-pg-btn[aria-disabled]{ opacity:.4; pointer-events:none; }
.adm-ip{ display:block; font-family:var(--fm); font-size:10.5px; color:var(--t3); margin-top:2px; letter-spacing:.02em; }
.aff-table, .aff-users{ display:flex; flex-direction:column; gap:4px; overflow-x:auto; }
.aff-row, .aff-head{ display:grid; grid-template-columns:1.4fr 1fr .55fr .55fr 1fr 1fr 1fr .8fr; gap:10px; align-items:center; padding:10px 12px; min-width:720px; }
.aff-head{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--t3); border-bottom:1px solid var(--rust-ln); }
.aff-row:not(.aff-head){ border-radius:9px; background:rgba(0,0,0,.2); border:1px solid var(--rust-ln); }
.aff-name{ font-weight:700; color:var(--t1); }
.aff-code-c{ font-family:var(--fm); font-size:12px; color:var(--p); }
.aff-ftd-n{ color:#4ade80; font-weight:800; }
.aff-view{ justify-self:start; }
.aff-back{ display:inline-block; margin-bottom:14px; }
.aff-detail-head{ background:rgba(0,0,0,.22); border:1px solid var(--rust-ln); border-radius:12px; padding:16px 18px; margin-bottom:14px; }
.aff-detail-head h4{ margin:0 0 12px; font-family:var(--fu); font-size:20px; color:var(--t1); }
.aff-code{ font-family:var(--fm); font-size:12px; color:var(--p); background:rgba(206,66,43,.12); padding:3px 8px; border-radius:7px; margin-left:8px; vertical-align:middle; }
.aff-stat-row{ display:flex; flex-wrap:wrap; gap:22px; margin-bottom:12px; }
.aff-stat{ display:flex; flex-direction:column; }
.aff-stat b{ font-family:var(--fd); font-size:22px; color:var(--gold2); display:flex; align-items:center; gap:.12em; }
.aff-stat span{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--t3); margin-top:2px; }
.aff-games{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:12px; color:var(--t2); border-top:1px solid var(--rust-ln); padding-top:12px; }
.aff-games > span{ color:var(--t3); }
.aff-games em{ font-style:normal; background:rgba(255,255,255,.05); border:1px solid var(--rust-ln); border-radius:7px; padding:4px 9px; }
.aff-games em b{ color:var(--p); margin-left:4px; }
.aff-urow, .aff-uhead{ display:grid; grid-template-columns:1.2fr .8fr .45fr .9fr .9fr 2fr 1fr 1fr .45fr; gap:8px; align-items:center; padding:8px 11px; min-width:880px; }
.aff-games-cell{ font-family:var(--fm); font-size:11.5px; color:var(--t2); white-space:nowrap; }
.aff-games-cell b{ color:var(--p); }
.aff-uhead{ font-size:10.5px; text-transform:uppercase; letter-spacing:.07em; color:var(--t3); border-bottom:1px solid var(--rust-ln); }
.aff-urow:not(.aff-uhead){ border-radius:8px; background:rgba(0,0,0,.2); border:1px solid var(--rust-ln); font-size:13px; }
.aff-urow.is-banned{ opacity:.6; border-color:rgba(239,68,68,.4); }
.aff-u-name{ font-weight:700; color:var(--t1); }
.aff-ip{ font-family:var(--fm); font-size:11.5px; color:var(--t2); }
.aff-ftd-yes{ color:#4ade80; font-weight:800; font-style:normal; }
.aff-ftd-no{ color:var(--t3); font-style:normal; }
.rr-tap2play{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background:rgba(33,22,22,.78); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); cursor:pointer; animation:rrT2pIn .2s ease; }
@keyframes rrT2pIn{ from{ opacity:0 } to{ opacity:1 } }
.rr-tap2play-inner{ display:flex; align-items:center; gap:12px; font-family:var(--fu,sans-serif); font-weight:800; font-size:16px; letter-spacing:.01em; color:#fff; background:linear-gradient(135deg,var(--p,#D98778),var(--p2,#D98778)); padding:16px 26px; border-radius:14px; box-shadow:0 16px 44px rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.18); }
.rr-tap2play-ico{ display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; background:rgba(255,255,255,.2); border-radius:50%; font-size:13px; padding-left:2px; }
.snd-toggle{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:11px; border:1px solid var(--ln2); background:var(--card); font-size:16px; line-height:1; cursor:pointer; transition:background .15s, border-color .15s, transform .1s; flex:0 0 auto; }
.snd-toggle:hover{ border-color:var(--p); background:var(--bg2); }
.snd-toggle:active{ transform:translateY(1px); }
.snd-toggle.off{ opacity:.55; }
.cf-coin-wrap{ filter: drop-shadow(0 12px 30px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(230,106,85,.22)); }
.rp-map::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:4; border-radius:14px;
  background:radial-gradient(130% 100% at 50% -10%, rgba(230,106,85,.08), transparent 50%);
  box-shadow:inset 0 0 46px rgba(0,0,0,.34); }
.lb-row-gold{ position:relative; overflow:hidden; }
.lb-row-gold::after{
  content:""; position:absolute; top:0; left:-42%; width:36%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(230,106,85,.16), transparent);
  transform:skewX(-18deg); pointer-events:none;
  animation:lbLeaderShine 5s ease-in-out infinite;
}
@keyframes lbLeaderShine{ 0%,100%{ left:-42%; opacity:0; } 12%{ opacity:1; } 42%{ left:122%; opacity:0; } }
.lb-rank-badge.rank-gold{ animation:lbBadgePulse 2.4s ease-in-out infinite; }
@keyframes lbBadgePulse{
  0%,100%{ filter:drop-shadow(0 0 8px rgba(206,66,43,.7)); transform:scale(1); }
  50%    { filter:drop-shadow(0 0 14px rgba(230,106,85,.95)); transform:scale(1.08); }
}
.lb-hero-prize strong{ animation:lbPoolGlow 3.6s ease-in-out infinite; }
@keyframes lbPoolGlow{ 0%,100%{ text-shadow:0 0 18px rgba(206,66,43,.22); } 50%{ text-shadow:0 0 30px rgba(206,66,43,.5); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .lb-row-gold::after,.lb-rank-badge.rank-gold,.lb-hero-prize strong{ animation:none; } }
.rw-daily-btn:not(.claimed){ animation: rwClaimPulse 2.3s ease-in-out infinite; }
@keyframes rwClaimPulse{ 0%,100%{ filter: drop-shadow(0 0 0 rgba(230,106,85,0)); } 50%{ filter: drop-shadow(0 0 9px rgba(230,106,85,.6)); } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rw-daily-btn:not(.claimed){ animation:none; } }
.pstat{ transition: transform .2s ease, border-color .2s ease, box-shadow .25s ease; }
.pstat:hover{ transform: translateY(-3px); border-color: var(--vio-line); box-shadow: 0 12px 26px rgba(0,0,0,.34); }
.pstat-wr-bar{ height:5px; border-radius:3px; background:rgba(0,0,0,.4); overflow:hidden; margin-top:8px; }
.pstat-wr-bar span{ display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#CE422B,#CE422B); box-shadow:0 0 8px rgba(206,66,43,.45); transition:width .7s cubic-bezier(.2,.8,.3,1); }
.balance-overview{ position:relative; overflow:hidden; }
.balance-overview::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(80% 120% at 18% -12%, rgba(206,66,43,.10), transparent 55%); }
.balance-main, .balance-stats{ position:relative; z-index:1; }
.balance-val{ animation:balValGlow 3.6s ease-in-out infinite; }
@keyframes balValGlow{ 0%,100%{ text-shadow:0 0 16px rgba(206,66,43,.22); } 50%{ text-shadow:0 0 30px rgba(206,66,43,.48); } }
.bstat{ transition:transform .18s ease, border-color .18s ease; }
.bstat:hover{ transform:translateY(-2px); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .balance-val{ animation:none; } }
.aff-metric{ transition:transform .18s ease; }
.aff-metric:hover{ transform:translateY(-3px); }
.ref-row{ transition:background .15s ease; }
.ref-row:hover{ background:rgba(230,106,85,.05); }
.pf-intro{ color:var(--t2); max-width:760px; line-height:1.6; margin:0 0 16px; font-size:14px; }
.pf-verify{ display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; }
.pf-field{ display:flex; flex-direction:column; gap:6px; flex:1 1 240px; }
.pf-field.pf-field-sm{ flex:0 1 120px; }
.pf-field span{ font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--t3); }
.pf-field input{ background:rgba(0,0,0,.35); border:1px solid var(--ln); border-radius:10px; padding:11px 13px; color:var(--t1); font-family:var(--fm,monospace); font-size:13px; transition:border-color .15s, box-shadow .15s; }
.pf-field input:focus{ outline:none; border-color:var(--p); box-shadow:0 0 0 3px rgba(201,108,91,.18); }
.pf-verify .btn-primary{ flex:0 0 auto; }
.pf-out{ margin-top:16px; border:1px solid var(--ln); border-radius:14px; padding:16px 18px; background:rgba(0,0,0,.25); animation:pfFade .3s ease; }
@keyframes pfFade{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.pf-out-head{ font-family:var(--fd); font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--gold2); margin:14px 0 8px; }
.pf-out-head:first-child{ margin-top:0; }
.pf-rrow{ display:flex; justify-content:space-between; gap:14px; align-items:center; padding:7px 0; border-bottom:1px solid rgba(201,108,91,.1); flex-wrap:wrap; }
.pf-rrow span{ font-size:12px; color:var(--t3); flex:0 0 auto; }
.pf-rrow code{ font-size:12px; color:var(--p3); word-break:break-all; text-align:right; }
.pf-rrow b{ color:#fff; font-size:14px; }
.pf-hint{ font-size:12.5px; color:var(--t3); line-height:1.5; margin:8px 0 0; }
.pf-err{ color:var(--red2,#E56C59); font-size:14px; font-weight:600; }
@media (max-width:560px){ .pf-rrow{ flex-direction:column; align-items:flex-start; gap:2px; } .pf-rrow code{ text-align:left; } }
@supports (padding: env(safe-area-inset-bottom)){
  @media (max-width:760px){
    .chat-panel{ padding-bottom: env(safe-area-inset-bottom); }
    .chat-toggle{ bottom: calc(14px + env(safe-area-inset-bottom)) !important; }
  }
  .rr-toast-host{ bottom: calc(18px + env(safe-area-inset-bottom)); }
}
.lb-row{
  position:relative; overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.28);
  transition:transform .18s cubic-bezier(.2,.8,.3,1), box-shadow .2s, border-color .2s;
}
.lb-row-gold::before, .lb-row-silver::before, .lb-row-bronze::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px; z-index:2;
}
.lb-row-gold::before{   background:linear-gradient(180deg,#E8D6D2,#CE422B); }
.lb-row-silver::before{ background:linear-gradient(180deg,#f2f4f8,#aab0bd); }
.lb-row-bronze::before{ background:linear-gradient(180deg,#e6b07a,#b06d33); }
.lb-row-gold{
  background:linear-gradient(110deg,rgba(206,66,43,.16),rgba(33,22,22,.97) 60%) !important;
  border-color:rgba(206,66,43,.55) !important;
  box-shadow:0 4px 22px rgba(206,66,43,.18), inset 0 1px 0 rgba(232,214,210,.12);
}
.lb-row-silver{
  background:linear-gradient(110deg,rgba(200,206,218,.12),rgba(33,22,22,.97) 60%) !important;
  border-color:rgba(200,206,218,.45) !important;
  box-shadow:0 4px 18px rgba(200,206,218,.12);
}
.lb-row-bronze{
  background:linear-gradient(110deg,rgba(205,127,50,.14),rgba(33,22,22,.97) 60%) !important;
  border-color:rgba(205,127,50,.45) !important;
  box-shadow:0 4px 18px rgba(205,127,50,.13);
}
.lb-row:hover{ transform:translateY(-2px) !important; box-shadow:0 9px 26px rgba(0,0,0,.42); }
.lb-row-gold:hover{   box-shadow:0 9px 30px rgba(206,66,43,.3); }
.lb-row-silver:hover{ box-shadow:0 9px 28px rgba(200,206,218,.22); }
.lb-row-bronze:hover{ box-shadow:0 9px 28px rgba(205,127,50,.22); }
.lb-rank-badge{ background:rgba(255,255,255,.05); border-radius:50%; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); }
.lb-rank-badge.rank-gold{   font-size:21px; background:radial-gradient(circle at 50% 42%,rgba(206,66,43,.24),rgba(255,255,255,.04)); filter:drop-shadow(0 0 9px rgba(206,66,43,.85)); }
.lb-rank-badge.rank-silver{ font-size:20px; background:radial-gradient(circle at 50% 42%,rgba(200,206,218,.2),rgba(255,255,255,.04));  filter:drop-shadow(0 0 8px rgba(200,206,218,.7)); }
.lb-rank-badge.rank-bronze{ font-size:20px; background:radial-gradient(circle at 50% 42%,rgba(205,127,50,.22),rgba(255,255,255,.04)); filter:drop-shadow(0 0 8px rgba(205,127,50,.7)); }
.lb-row-gold::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:linear-gradient(105deg,transparent 32%,rgba(232,214,210,.15) 48%,transparent 64%);
  background-size:220% 100%; animation:lbShine 5s ease-in-out infinite;
}
@keyframes lbShine{ 0%,100%{ background-position:150% 0; } 55%{ background-position:-50% 0; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .lb-row-gold::after{ animation:none; opacity:0; } }
.cf-coin-wrap{ perspective: 950px; }
.cf-coin{ transform-style: preserve-3d; }
.chat-av{ cursor:pointer; transition:box-shadow .15s ease, transform .15s ease; }
.chat-av:hover{ box-shadow:0 0 0 2px var(--gold2,#CE422B); transform:translateY(-1px); }

.profile-card{ max-width:620px; }
.profile-head{ display:flex; align-items:center; gap:14px; text-align:left; margin-bottom:18px; }
.profile-av{ width:72px; height:72px; border-radius:50%; flex:0 0 auto; overflow:hidden;
  border:2px solid var(--gold2,#CE422B); background:#1A1111; display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.5); }
.profile-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.profile-av span{ font-size:30px; font-weight:800; color:var(--gold2,#CE422B); }
.profile-id{ min-width:0; }
.profile-name{ font-size:20px; font-weight:800; color:#fff; line-height:1.2; word-break:break-word; }
.profile-lvl{ font-size:13px; font-weight:700; color:var(--gold2,#CE422B); margin-top:3px; text-transform:uppercase; letter-spacing:.06em; }
.profile-stats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.profile-stat{ background:rgba(0,0,0,.32); border:1px solid rgba(201,108,91,.18); border-radius:12px; padding:14px 10px; text-align:center; }
.profile-stat-val{ font-size:22px; font-weight:900; color:#fff; line-height:1.1; }
.profile-stat-lbl{ font-size:11px; color:#BFA7A2; margin-top:4px; text-transform:uppercase; letter-spacing:.07em; }
.profile-stat-wager .profile-stat-val{ color:var(--gold2,#CE422B); }
.profile-stat-win   .profile-stat-val{ color:#E8A096; }
.profile-stat-loss  .profile-stat-val{ color:#E56C59; }
.profile-msg{ min-height:18px; margin-top:12px; font-size:13px; color:#BFA7A2; text-align:center; }
.profile-msg.err{ color:#E56C59; }
.profile-tip-history{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.profile-tip-col{ min-width:0; background:rgba(0,0,0,.24); border:1px solid rgba(201,108,91,.16); border-radius:12px; overflow:hidden; }
.profile-tip-head{ padding:10px 11px 8px; border-bottom:1px solid rgba(201,108,91,.12); display:flex; flex-direction:column; gap:2px; }
.profile-tip-head span{ color:#f1f3f7; font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.055em; }
.profile-tip-head small{ color:#7f8798; font-size:10px; }
.profile-tip-list{ max-height:244px; overflow:auto; scrollbar-width:thin; }
.profile-tip-row{ appearance:none; width:100%; border:0; border-bottom:1px solid rgba(201,108,91,.08); background:transparent; color:inherit; padding:8px 9px; display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:8px; text-align:left; cursor:pointer; }
.profile-tip-row:last-child{ border-bottom:0; }
.profile-tip-row:hover{ background:rgba(255,255,255,.035); }
.profile-tip-av{ width:30px; height:30px; border-radius:50%; overflow:hidden; background:#1A1111; border:1px solid rgba(206,66,43,.35); display:flex; align-items:center; justify-content:center; color:var(--gold2,#CE422B); font-size:12px; font-weight:850; }
.profile-tip-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.profile-tip-who{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.profile-tip-who b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#e9edf5; font-size:12px; }
.profile-tip-who small{ color:#777f90; font-size:10px; }
.profile-tip-amt{ white-space:nowrap; color:var(--gold2,#CE422B); font-size:12px; font-weight:850; display:inline-flex; align-items:center; gap:3px; }
.profile-tip-empty{ padding:18px 10px; color:#6C433D; text-align:center; font-size:11px; }
@media (max-width:640px){ .profile-card{ max-width:min(94vw,460px); } .profile-tip-history{ grid-template-columns:1fr; } .profile-tip-list{ max-height:180px; } }
.cf-coin-edge-disc{
  position:absolute; inset:-2px; border-radius:50%;
  background:hsl(30 24% 36%);
}
.cf-coin .cf-face::after{
  content:""; position:absolute; inset:0; border-radius:50%; pointer-events:none;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.26), rgba(255,255,255,0) 48%),
    radial-gradient(circle at 72% 82%, rgba(0,0,0,.28),       rgba(0,0,0,0)       56%);
  backface-visibility:hidden; -webkit-backface-visibility:hidden;
}
.cf-coin-edge-disc{ opacity:0; transition:opacity .15s ease; }
.cf-coin-wrap.flipping .cf-coin-edge-disc{ opacity:1; }
.cf-coin.landed-red  .cf-coin-edge-disc,
.cf-coin.landed-blue .cf-coin-edge-disc{ opacity:0 !important; }
.char-display:not(:has(.empty-seat))::before{
  content:""; position:absolute; left:50%; bottom:0; width:170%; height:56%;
  transform: translateX(-50%) perspective(480px) rotateX(66deg);
  transform-origin: 50% 100%;
  background:
    radial-gradient(ellipse 46% 22% at 50% 90%, rgba(0,0,0,.62), rgba(0,0,0,0) 72%),   
    repeating-linear-gradient(90deg, rgba(201,108,91,.11) 0 1px, transparent 1px 30px),
    repeating-linear-gradient(0deg,  rgba(201,108,91,.09) 0 1px, transparent 1px 26px);
  z-index:0; pointer-events:none;
  -webkit-mask-image: linear-gradient(0deg, #000 42%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(0deg, #000 42%, rgba(0,0,0,0) 100%);
}
.rp-map{
  box-shadow: inset 0 0 70px rgba(0,0,0,.62),    
              inset 0 10px 34px rgba(0,0,0,.42),  
              0 22px 50px rgba(0,0,0,.5);
}
.rp-av, .rp-av-fb{
  box-shadow: 0 5px 9px rgba(0,0,0,.6),                
              0 1px 0 rgba(255,255,255,.28) inset,     
              0 -2px 4px rgba(0,0,0,.38) inset;
}
.rp-ring{
  box-shadow: 0 0 30px rgba(255,40,40,.75), 0 0 60px rgba(255,40,40,.35),
              inset 0 0 26px rgba(255,40,40,.5);
}
.cf-side-coin-img{ width:100%; height:100%; object-fit:contain; display:block; -webkit-user-drag:none; user-select:none; filter: drop-shadow(0 3px 6px rgba(0,0,0,.45)); }
.cf-side-btn.cf-side-blue span{ color:#E8D6D2 !important; }
.cf-side-btn.active.cf-side-blue{
  border-color:rgba(150,162,182,.6) !important;
  background:rgba(40,28,28,.55) !important;
  box-shadow:0 0 0 1px rgba(150,162,182,.4), 0 10px 26px rgba(0,0,0,.45) !important;
  animation:none !important;
}
.cf-side-avatar.cf-side-blue{ border-color:#9aa4b6 !important; box-shadow:0 0 14px rgba(150,162,182,.32) !important; }
.cf-mini-coin.blue{
  background:linear-gradient(135deg,#211616,#2b2e34) !important; color:#E8D6D2 !important;
  border:1px solid rgba(150,162,182,.4) !important; box-shadow:0 0 12px rgba(150,162,182,.22) !important;
}
.cf-result-badge.show-blue{ background:rgba(40,28,28,.55) !important; border:1px solid rgba(150,162,182,.5) !important; color:#E8D6D2 !important; }
.cf-modal-result.show-blue{
  background:linear-gradient(180deg, rgba(33,22,22,.95), rgba(20,21,24,.9)) !important;
  color:#e3e8f0 !important; border:1px solid rgba(150,162,182,.5) !important;
  box-shadow:0 6px 26px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.cf-modal-outcome.blue{ color:#E8D6D2 !important; }
.cf-winner-blue{ background:rgba(40,28,28,.55) !important; color:#E8D6D2 !important; border:1px solid rgba(150,162,182,.4) !important; }
.cf-verify-result.blue{ background:rgba(40,28,28,.45) !important; color:#E8D6D2 !important; border:1px solid rgba(150,162,182,.3) !important; }
.cf-legend-item.blue{ color:#E8D6D2 !important; }
.cf-legend-item.blue .cf-legend-dot{ background:#3a3d44 !important; box-shadow:0 0 8px rgba(150,162,182,.6) !important; }
.cf-coin.landed-blue{ filter: drop-shadow(0 0 30px rgba(206,214,228,.92)) drop-shadow(0 12px 30px rgba(0,0,0,.6)) !important; }
.cf-coin.landed-blue.settle::after{ border-color:rgba(206,214,228,.72) !important; }
.cf-particle:nth-child(even){ background:rgba(206,214,228,.5) !important; }
.cf-coin-wrap.cf-celebrate{ position:relative; z-index:5; animation: cfCelebrate 1.25s cubic-bezier(.2,.7,.25,1) 1; }
@keyframes cfCelebrate{
  0%{   transform: scale(1)    rotate(0deg);   }
  30%{  transform: scale(1.22) rotate(200deg); }
  62%{  transform: scale(1.06) rotate(330deg); }
  100%{ transform: scale(1)    rotate(360deg); }
}
.cf-coin-wrap.cf-celebrate .cf-coin{ animation: cfCelebGlow 1.25s ease-out 1; }
@keyframes cfCelebGlow{
  0%,100%{ filter: drop-shadow(0 0 20px rgba(230,106,85,.55)) drop-shadow(0 10px 26px rgba(0,0,0,.6)); }
  40%{     filter: drop-shadow(0 0 46px rgba(230,106,85,1)) drop-shadow(0 0 84px rgba(255,170,70,.8)) drop-shadow(0 10px 26px rgba(0,0,0,.6)); }
}
.cf-coin-wrap.cf-celebrate::after{
  content:""; position:absolute; left:50%; top:50%; width:62%; height:62%;
  transform:translate(-50%,-50%) scale(.4); border-radius:50%;
  border:3px solid rgba(230,106,85,.85); pointer-events:none; z-index:-1;
  animation: cfCelebRing 1.0s ease-out 1;
}
@keyframes cfCelebRing{
  0%{   transform:translate(-50%,-50%) scale(.4);  opacity:.9; }
  100%{ transform:translate(-50%,-50%) scale(2.5); opacity:0;  }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .cf-coin-wrap.cf-celebrate, .cf-coin-wrap.cf-celebrate .cf-coin{ animation:none; }
  .cf-coin-wrap.cf-celebrate::after{ display:none; }
}
.btn-primary{ transition: transform .14s cubic-bezier(.2,.7,.3,1), filter .2s, box-shadow .2s; }
.btn-primary:active:not(:disabled){ transform: translateY(1px) scale(.975); filter:brightness(1.05); }
.btn-daily:active:not(.claimed){ transform: translateY(1px) scale(.97); }
.hm-game:active{ transform: translateY(-3px) scale(.995); }
.hm-game-go{ transition: transform .25s cubic-bezier(.34,1.6,.5,1); }
.hm-promo-card, .ngm-card, .rb-card, .fair-game-card, .stat-box, .form-card, .auth-card, .cf-create-card, .aff-panel, .notif-panel, .rps-modal-card, .pf-card, .lb-row-gold, .lb-row-silver, .lb-row-bronze {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -2px 7px rgba(0,0,0,.30),
    0 16px 34px -14px rgba(0,0,0,.60),
    0 5px 12px -7px rgba(0,0,0,.45);
}
.hm-game, .hm-promo-card, .ngm-card, .rb-card, .fair-game-card, .stat-box {
  transition: transform .2s cubic-bezier(.2,.7,.3,1), box-shadow .25s ease, border-color .25s ease;
  transform-style: preserve-3d;
  position: relative;
}
.card-glare{
  position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  opacity:0; transition:opacity .25s ease; z-index:4; mix-blend-mode:screen;
  background: radial-gradient(180px circle at var(--gx,50%) var(--gy,50%), rgba(255,255,255,.20), rgba(255,255,255,.06) 38%, transparent 62%);
}
.hm-promo-card:hover, .rb-card:hover, .stat-box:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 30px 56px -16px rgba(0,0,0,.65),
    0 10px 22px -9px rgba(0,0,0,.5);
}
.btn-primary{
  box-shadow: 0 4px 18px var(--pg), inset 0 1px 0 rgba(255,255,255,.26), 0 4px 0 rgba(0,0,0,.22);
}
.btn-primary:hover:not(:disabled){
  box-shadow: 0 8px 24px var(--pg), inset 0 1px 0 rgba(255,255,255,.30), 0 6px 0 rgba(0,0,0,.24);
}
.btn-primary:active:not(:disabled){
  box-shadow: 0 3px 12px var(--pg), inset 0 1px 0 rgba(255,255,255,.20), 0 2px 0 rgba(0,0,0,.26);
}
.btn-ghost, .btn-verify{ transition: background .16s, transform .14s cubic-bezier(.2,.7,.3,1), box-shadow .16s; box-shadow: 0 2px 0 rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05); }
.btn-ghost:active:not(:disabled), .btn-verify:active{ transform: translateY(1px) scale(.985); box-shadow: 0 1px 0 rgba(0,0,0,.2); }
.cf-side-coin, .cf-mini-coin{ filter: drop-shadow(0 4px 7px rgba(0,0,0,.45)); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .hm-game, .hm-promo-card, .ngm-card, .rb-card, .fair-game-card, .stat-box{ transition:none; }
}
.topbar{ box-shadow: 0 10px 30px -12px rgba(0,0,0,.7), 0 2px 0 rgba(0,0,0,.25); }
.app-modal__card, .cf-modal-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 40px 80px -24px rgba(0,0,0,.7),
    0 12px 30px -12px rgba(0,0,0,.55);
}
.profile-card, .profile-activity, .wallet-card, .pf-out{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -2px 6px rgba(0,0,0,.26),
    0 14px 30px -14px rgba(0,0,0,.55),
    0 4px 10px -6px rgba(0,0,0,.4);
}
.profile-card, .profile-activity, .wallet-card{
  transition: transform .26s cubic-bezier(.2,.7,.3,1), box-shadow .26s, border-color .26s;
}
.profile-card:hover, .profile-activity:hover, .wallet-card:hover{
  transform: translateY(-4px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 28px 52px -16px rgba(0,0,0,.62),
    0 9px 20px -9px rgba(0,0,0,.48);
}
.cf-coin .cf-face-red { background:#cd412a; border-radius:50%; backface-visibility:hidden; }
.cf-coin .cf-face-blue{ background:radial-gradient(circle at 42% 36%, #211616 0%, #211616 60%, #211616 100%); border-radius:50%; backface-visibility:hidden; }
.cf-face-img{ position:relative; z-index:1; }
.atk-weapon.hold      { animation: atkWpnHold     2.5s cubic-bezier(.2,1.5,.3,1) forwards; }
.atk-weapon.flip.hold { animation: atkWpnHoldFlip 2.5s cubic-bezier(.2,1.5,.3,1) forwards; }
@keyframes atkWpnHold {
  0%  { opacity:0; transform:translate(-50%,-50%) scale(.5) rotate(-3deg); }
  5%  { opacity:1; transform:translate(-50%,-50%) scale(.92) rotate(-1deg); }
  13% { opacity:1; transform:translate(-50%,-50%) scale(1.18) rotate(2deg); }
  22% { transform:translate(-50%,-50%) scale(1) rotate(0); }
  30% { transform:translate(-60%,-50%) scale(1.05) rotate(-2deg); }
  40% { transform:translate(-50%,-50%) scale(1) rotate(0); }
  90% { opacity:1; transform:translate(-50%,-50%) scale(1); }
  100%{ opacity:0; transform:translate(-50%,-50%) scale(.92); }
}
@keyframes atkWpnHoldFlip {
  0%  { opacity:0; transform:translate(-50%,-50%) scaleX(-1) scale(.5) rotate(3deg); }
  5%  { opacity:1; transform:translate(-50%,-50%) scaleX(-1) scale(.92) rotate(1deg); }
  13% { opacity:1; transform:translate(-50%,-50%) scaleX(-1) scale(1.18) rotate(-2deg); }
  22% { transform:translate(-50%,-50%) scaleX(-1) scale(1) rotate(0); }
  30% { transform:translate(-40%,-50%) scaleX(-1) scale(1.05) rotate(2deg); }
  40% { transform:translate(-50%,-50%) scaleX(-1) scale(1) rotate(0); }
  90% { opacity:1; transform:translate(-50%,-50%) scaleX(-1) scale(1); }
  100%{ opacity:0; transform:translate(-50%,-50%) scaleX(-1) scale(.92); }
}
.steam-btn{
  background: linear-gradient(135deg,#6C433D 0%,#3A2525 55%,#211616 100%) !important;
  border: 2px solid #E8A096 !important;
  color:#fff !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 0 1px rgba(206,66,43,.30), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.steam-btn:hover{
  background: linear-gradient(135deg,#6C433D 0%,#3A2525 55%,#281C1C 100%) !important;
  border-color:#D9C8C4 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.5), 0 0 0 3px rgba(206,66,43,.22), 0 0 20px rgba(206,66,43,.40) !important;
}
.steam-btn .steam-ico, .steam-btn svg{ color:#D9C8C4 !important; }
.cf-side-btn.active .cf-side-coin{ animation: coinBob 2.4s ease-in-out infinite !important; }
@keyframes coinBob{ 0%,100%{ transform: translateY(0) scale(1); } 50%{ transform: translateY(-4px) scale(1.05); } }
.cf-side-btn .cf-side-coin{ transition: transform .25s cubic-bezier(.2,.7,.3,1); }
.cf-side-btn:hover .cf-side-coin{ transform: translateY(-3px) scale(1.06); }
.cf-side-coin-img{ filter: drop-shadow(0 5px 8px rgba(0,0,0,.5)); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .cf-side-btn.active .cf-side-coin{ animation:none !important; } }
.cf-coin.landed-blue, .cf-coin.landed-red{ filter:none !important; }
.cf-coin-wrap.landed-blue{ filter: drop-shadow(0 0 30px rgba(206,214,228,.85)) drop-shadow(0 12px 30px rgba(0,0,0,.6)) !important; }
.cf-coin-wrap.landed-red{  filter: drop-shadow(0 0 30px rgba(217,135,120,.9))   drop-shadow(0 12px 30px rgba(0,0,0,.6)) !important; }
.rate-lead{ font-weight:900; font-size:1.2em; color:#fff; }
.cf-modal-players{ display:flex; align-items:flex-start; justify-content:center; gap:18px; }
.cf-modal-player{ display:flex; flex-direction:column; align-items:center; gap:7px; min-width:120px; transition:opacity .25s ease, transform .25s ease; }
.cf-modal-av-wrap{ position:relative; width:66px; height:66px; }
.cf-modal-av{ width:66px; height:66px; border-radius:50%; overflow:hidden; background:#211616; border:3px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.45); }
.cf-modal-av img{ width:100%; height:100%; object-fit:cover; display:block; }
.cf-modal-av span{ font-size:30px; font-weight:800; color:#cfd6dd; }
#cfModalRed  .cf-modal-av{ border-color:rgba(225,72,72,.85); }
#cfModalBlue .cf-modal-av{ border-color:rgba(120,130,140,.85); }
.cf-side-coin{ position:absolute; right:-4px; bottom:-4px; width:38px; height:38px; border-radius:50%; overflow:hidden; border:2px solid #211616; background:#211616; box-shadow:0 3px 8px rgba(0,0,0,.5); }
.cf-side-coin img{ width:100%; height:100%; object-fit:cover; display:block; }
.cf-modal-pname{ font-weight:800; font-size:15px; color:#eef2f5; max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cf-modal-pamt{ display:flex; align-items:center; gap:5px; font-weight:800; color:#E66A55; font-size:15px; }
.cf-modal-pamt .coin-ico{ width:15px; height:15px; }
.cf-modal-pct{ font-style:normal; font-weight:700; color:#8b949e; background:rgba(255,255,255,.06); padding:1px 8px; border-radius:999px; font-size:12.5px; }
.cf-modal-player.winner .cf-modal-av{ border-color:#E66A55; box-shadow:0 0 0 3px rgba(230,106,85,.25),0 6px 18px rgba(0,0,0,.5); }
.cf-modal-player.winner .cf-modal-pname{ color:#E66A55; }
.cf-modal-player.loser{ opacity:.5; }
.cf-modal-vs{ align-self:center; margin-top:34px; font-weight:900; color:#6b7480; letter-spacing:1px; }
@media (max-width:480px){
  .cf-modal-av,.cf-modal-av-wrap{ width:74px; height:74px; }
  .cf-modal-av span{ font-size:26px; }
  .cf-side-coin{ width:30px; height:30px; }
  .cf-modal-players{ gap:10px; }
  .cf-modal-player{ min-width:96px; }
  .cf-modal-vs{ margin-top:26px; }
}
.ngm-art-quick{ background:linear-gradient(135deg,#3A2525,#211616); display:flex; align-items:center; justify-content:center; }
.ngm-art-quick svg{ width:64px; height:64px; }

@media (max-width:480px){
}
.rr-action-btn{ flex:0 0 auto; background:linear-gradient(180deg,#E66A55,#E66A55); color:#281C1C; border:0; border-radius:14px; padding:14px 22px; font-size:15px; font-weight:900; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; box-shadow:0 6px 18px rgba(230,106,85,.3); transition:filter .15s,transform .05s; height:48px; }
.rr-action-btn:hover{ filter:brightness(1.06); }
.rr-action-btn:active{ transform:translateY(1px); }
@media (max-width:520px){ }

@media (max-width:560px){
  .rr-action-btn{ width:100%; justify-content:center; }
}
.emoji-mono{ filter: grayscale(1); opacity:.82; }
.chat-message-system .chat-name{ filter: grayscale(1); }
.coin-d{ font-weight:inherit; vertical-align:baseline; line-height:inherit; }
.coin-amt{ display:inline-block; white-space:nowrap; vertical-align:baseline; line-height:inherit; }
.coin-amt .coin-d, .coin-amt .coin-c{ letter-spacing:normal; }
.coin-fmt-holder{ position:relative; display:block; flex:1 1 auto; min-width:0; }
input.stake-input, #depAmount, #wdAmount, input[data-coinfmt]{ color:var(--t1) !important; -webkit-text-fill-color:var(--t1) !important; caret-color:var(--p); }
.coin-fmt-holder > input{ position:relative; z-index:1; color:transparent !important; -webkit-text-fill-color:transparent !important; caret-color:var(--p) !important; }
.coin-fmt-ghost{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; pointer-events:none; user-select:none; -webkit-user-select:none; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; white-space:nowrap; overflow:hidden; box-sizing:border-box; line-height:1; }
.coin-fmt-ghost .coin-d{ color:#F4EAE8 !important; -webkit-text-fill-color:#F4EAE8 !important; opacity:1 !important; font-weight:800; vertical-align:baseline; display:inline-block; flex:0 0 auto; white-space:nowrap; line-height:1; }
.coin-fmt-ghost .coin-c{ color:#F4EAE8 !important; -webkit-text-fill-color:#F4EAE8 !important; opacity:.45 !important; font-weight:800; vertical-align:baseline; display:inline-block; flex:0 0 auto; white-space:nowrap; line-height:1; }
.coin-fmt-holder > input::-webkit-inner-spin-button,
.coin-fmt-holder > input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
.coin-fmt-holder > input[type=number]{ -moz-appearance:textfield; }
.coin-c{ font-size:1em; opacity:.5; font-weight:inherit; vertical-align:baseline; line-height:inherit; }
.hero-stat b .coin-d, .hero-stat b .coin-c, .lp-stat b .coin-d, .lp-stat b .coin-c, .stat-box b .coin-d, .stat-box b .coin-c, .prize-amount .coin-d, .prize-amount .coin-c, #prizePool .coin-d, #prizePool .coin-c, #heroPool .coin-d, #heroPool .coin-c, .hero-pool-display strong .coin-d, .hero-pool-display strong .coin-c{
  background: linear-gradient(180deg, #E8D6D2, #CE422B 60%, #CE422B);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.qa.qa-max{ color:var(--gold2,#E66A55); border-color:rgba(230,106,85,.5); font-weight:800; letter-spacing:.03em; }
.qa.qa-max:hover{ background:rgba(230,106,85,.14); border-color:rgba(230,106,85,.8); }
#cfModalTitle:empty{ display:none; }
body{
  background:
    radial-gradient(1100px 680px at 80% -14%, rgba(184,117,105,.05), transparent 62%),
    #281C1C !important;
}
.topbar{ background:rgba(33,22,22,.90) !important; border-bottom:1px solid rgba(206,66,43,.10) !important; }
.topstrip{ background:linear-gradient(180deg,#281C1C,#211616) !important; border-bottom:1px solid rgba(255,255,255,.04) !important; }
.section-block, .form-card, .level-card, .wallet-card, .admin-stat, .admin-tool, .cf-game-row, .rps-open-row, .rps-recent-row, .bh-row, .hist-item, .balance-pill, .app-modal__card, .cf-modal-card, .rps-modal-card, .notif-panel, .profile-menu{
  background:linear-gradient(180deg,#281C1C,#281C1C) !important;
  border-color:rgba(206,66,43,.10) !important;
}
.chat-drawer{ background:linear-gradient(180deg,#281C1C,#211616) !important; border-right:1px solid rgba(206,66,43,.10) !important; }
.chat-head{ background:#281C1C !important; border-bottom:1px solid rgba(206,66,43,.10) !important; }
.chat-form{ background:#281C1C !important; border-top:1px solid rgba(206,66,43,.10) !important; }
.chat-form input{ background:#211616 !important; border:1px solid rgba(206,66,43,.14) !important; }
.chat-messages .chat-message:hover{ background:rgba(255,255,255,.025) !important; }
.hm-game{ background:linear-gradient(180deg,#211616,#211616) !important; border-color:rgba(206,66,43,.10) !important; }
::-webkit-scrollbar-track{ background:#281C1C !important; }
::-webkit-scrollbar-thumb{ background:#3A2525 !important; border:2px solid #281C1C !important; }
.brand{ gap:8px; }
.brand-logo{ height:30px; width:auto; aspect-ratio:1492/593; display:block; object-fit:contain; }
.ftr-logo{ display:inline-flex; align-items:center; }
.ftr-logo-img{ height:26px; width:auto; display:block; object-fit:contain; }
@media (max-width:560px){ .brand-logo{ height:26px; } }
.pill-steam{
  background:linear-gradient(135deg,#28d873,#1cb15c) !important;
  border:1px solid rgba(40,216,115,.55) !important; color:#04210d !important; font-weight:800 !important;
  box-shadow:0 6px 18px rgba(40,216,115,.26) !important;
}
.pill-steam .pill-steam-ico, .pill-steam svg{ color:#04210d !important; }
.pill-steam:hover{
  background:linear-gradient(135deg,#33e07e,#20bd64) !important;
  border-color:rgba(40,216,115,.8) !important;
  box-shadow:0 12px 26px rgba(40,216,115,.4) !important;
}
.hm-btn-steam{
  background:linear-gradient(135deg,#E66A55,#CE422B) !important;
  border:1px solid rgba(206,66,43,.55) !important; color:#3A2525 !important;
  box-shadow:0 8px 22px rgba(206,66,43,.28) !important;
}
.hm-btn-steam svg{ color:#3A2525 !important; }
.hm-btn-steam:hover{ background:linear-gradient(135deg,#E66A55,#E66A55) !important; box-shadow:0 12px 30px rgba(206,66,43,.42) !important; }
.brand-logo{ filter:drop-shadow(0 2px 7px rgba(0,0,0,.55)); transition:transform .18s ease, filter .18s ease; }
@media (hover:hover) and (pointer:fine){
  .brand:hover .brand-logo{ transform:scale(1.04); filter:drop-shadow(0 3px 10px rgba(206,66,43,.35)); }
}
@media (hover:none), (pointer:coarse){
  .brand, .brand *{ transform:none !important; transition:none !important; animation:none !important; }
}
.ftr-logo-img{ height:42px !important; }
.lb-hero-prize > span:first-child{ font-size:14px !important; letter-spacing:.22em !important;
  background:linear-gradient(180deg,#E8D6D2,#CE422B); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent; font-weight:800; }
.lb-hero-prize strong{ font-size:clamp(40px,5vw,60px) !important; gap:.1em !important;
  filter:drop-shadow(0 5px 16px rgba(206,66,43,.45)) !important; }
.lb-hero-prize strong span{
  display:inline !important; font-size:1em !important; line-height:1 !important;
  background:linear-gradient(180deg,#fff6cf 0%,#CE422B 36%,#CE422B 70%,#d07f1c 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  text-shadow:0 2px 30px rgba(206,66,43,.35); }
.lb-hero-prize strong .coin-amt .coin-c{ font-size:1em !important; opacity:.55 !important; }
.lb-hero-prize strong .coin-ico{ width:.66em !important; height:.66em !important;
  filter:drop-shadow(0 4px 10px rgba(206,66,43,.55)) !important; }
.lb-hero-prize small{ font-size:14px !important; }
.adm-gfilter .adm-gchip{ cursor:pointer; user-select:none; transition:all .14s ease; border:1px solid rgba(206,66,43,.16); }
.adm-gfilter .adm-gchip:hover{ border-color:rgba(206,66,43,.5); transform:translateY(-1px); }
.adm-gfilter .adm-gchip.is-on{ background:linear-gradient(135deg,rgba(206,66,43,.22),rgba(206,66,43,.10)); border-color:rgba(206,66,43,.65); color:#F4DEDA; }
.adm-gfilter .adm-gchip.is-on b{ color:#E8D6D2; }

.adm-ghist{ margin-top:12px; border:1px solid rgba(206,66,43,.12); border-radius:12px; overflow:hidden; background:rgba(33,22,22,.35); }
.adm-ghist-head, .adm-ghist-row{ display:grid; grid-template-columns:1.1fr 1.1fr .9fr .85fr 1fr; gap:8px; align-items:center; padding:9px 14px; }
.adm-ghist-head{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--t3,#B87569); background:rgba(206,66,43,.06); border-bottom:1px solid rgba(206,66,43,.12); }
.adm-ghist-row{ border-bottom:1px solid rgba(206,66,43,.06); font-size:13.5px; }
.adm-ghist-row:last-of-type{ border-bottom:none; }
.adm-ghist-row:hover{ background:rgba(255,255,255,.025); }
.adm-gh-game{ font-weight:700; color:#E8D6D2; }
.adm-gh-game.gt-cf{ color:#D98778; } .adm-gh-game.gt-ch{ color:#F4DEDA; } .adm-gh-game.gt-rp{ color:#ff8a8a; }
.adm-gh-game.gt-qg{ color:#9ad6a0; } .adm-gh-game.gt-rps{ color:#D9C8C4; }
.adm-gh-stake{ display:inline-flex; align-items:center; gap:.25em; font-family:var(--fm,monospace); color:#e9edf8; }
.adm-gh-stake .coin-ico{ width:.95em; height:.95em; }
.adm-gh-res{ font-weight:800; font-size:12px; letter-spacing:.04em; }
.adm-res-win{ color:#34d77b; } .adm-res-loss{ color:#ff6b6b; } .adm-res-draw{ color:var(--t3,#B87569); }
.adm-gh-when{ font-family:var(--fm,monospace); font-size:12.5px; color:var(--t3,#B87569); }
.adm-ghist-empty{ padding:18px 14px; text-align:center; color:var(--t3,#B87569); font-size:13px; }
.adm-ghist-note{ padding:8px 14px; font-size:11.5px; color:var(--t3,#B87569); background:rgba(206,66,43,.04); border-top:1px solid rgba(206,66,43,.08); }
@media (max-width:560px){
  .adm-ghist-head, .adm-ghist-row{ grid-template-columns:.95fr 1fr .85fr .75fr .95fr; padding:8px 10px; font-size:12px; }
}
.rp-ban-av{ position:relative; width:clamp(96px,22vw,142px); height:clamp(96px,22vw,142px); border-radius:50%;
  display:flex; align-items:center; justify-content:center; margin-bottom:8px;
  border:3px solid var(--gold2,#CE422B);
  box-shadow:0 0 0 6px rgba(206,66,43,.14), 0 14px 42px rgba(206,66,43,.38), 0 0 64px rgba(206,66,43,.25);
  background:radial-gradient(circle at 50% 35%, #281C1C, #211616);
  animation:rpWinPop .55s cubic-bezier(.2,1.3,.5,1) both; }
.rp-ban-av img{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; }
.rp-ban-av-ph{ font-size:clamp(40px,9vw,56px); }
.rp-ban-av-fb{ width:100%; height:100%; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:900; font-size:clamp(34px,8vw,50px); }
.rp-ban-rank{ position:absolute; bottom:-4px; right:-4px; background:linear-gradient(135deg,#CE422B,#CE422B); color:#3A2525;
  font-family:var(--fd,inherit); font-weight:900; font-size:15px; letter-spacing:.02em; padding:3px 11px; border-radius:999px;
  border:2px solid rgba(0,0,0,.3); box-shadow:0 4px 12px rgba(206,66,43,.55); }
.rp-ban-ttl{ animation:rpFade .6s ease both; }
.rp-ban-rew{ margin-top:12px; font-size:11px; letter-spacing:.32em; text-transform:uppercase; color:var(--t3,#B87569); }
.rp-ban-amt{ font-size:clamp(36px,8vw,60px) !important; font-weight:900 !important; line-height:1; margin-top:3px;
  display:flex; align-items:center; justify-content:center; gap:.12em; width:100%;
  font-variant-numeric:tabular-nums; color:#CE422B !important; -webkit-text-fill-color:#CE422B !important;
  text-shadow:0 2px 16px rgba(206,66,43,.55); filter:drop-shadow(0 4px 16px rgba(206,66,43,.3)); }
.rp-ban-amt .coin-amt{ color:#CE422B !important; -webkit-text-fill-color:#CE422B !important; }
.rp-ban-amt .coin-d{ color:#E8D6D2 !important; -webkit-text-fill-color:#E8D6D2 !important; opacity:1 !important; }
.rp-ban-amt .coin-c{ color:#CE422B !important; -webkit-text-fill-color:#CE422B !important; opacity:.75 !important; }
.rp-ban-amt .coin-ico{ width:.62em; height:.62em; -webkit-text-fill-color:initial; filter:drop-shadow(0 3px 6px rgba(206,66,43,.5)); flex:0 0 auto; }
@keyframes rpWinPop{ 0%{ transform:scale(.4); opacity:0; } 60%{ opacity:1; } 100%{ transform:scale(1); opacity:1; } }
.app-modal__overlay, .cf-modal-overlay{
  background:rgba(33,22,22,.58) !important;
  -webkit-backdrop-filter:blur(8px) saturate(115%) !important; backdrop-filter:blur(8px) saturate(115%) !important; }
@keyframes rrFloatY{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-9px); } }
.lb-prize-skin{ display:block; width:clamp(74px,16vw,112px); height:auto; margin:2px auto 0; object-fit:contain;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.5)); animation:rrFloatY 3.2s ease-in-out infinite; }
.lb-pod-1 .lb-prize-skin{ animation-duration:2.8s; }
.lb-pod-2 .lb-prize-skin{ animation-duration:3.5s; animation-delay:.35s; }
.lb-pod-3 .lb-prize-skin{ animation-duration:3.7s; animation-delay:.7s; }
.lb-prize-skin-sm{ width:30px; height:30px; object-fit:contain; vertical-align:middle; margin-right:4px;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)); animation:rrFloatY 3.4s ease-in-out infinite; }
.lbets{ margin-top:20px; }
.lbets-tabs{ display:flex; gap:9px; justify-content:center; margin-bottom:16px; flex-wrap:wrap; }
.lbets-tab{ display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:12px;
  border:1px solid rgba(206,66,43,.14); background:rgba(255,255,255,.03); color:var(--t2,#BFA7A2);
  font-weight:700; font-size:13.5px; cursor:pointer; transition:all .15s ease; }
.lbets-tab .lbets-tab-i{ display:inline-flex; } .lbets-tab .lbets-tab-i svg{ width:17px; height:17px; }
.lbets-tab:hover{ border-color:rgba(206,66,43,.4); color:#fff; transform:translateY(-1px); }
.lbets-tab.is-on{ background:linear-gradient(135deg,rgba(206,66,43,.28),rgba(206,66,43,.1)); border-color:rgba(206,66,43,.6); color:#fff; }
.lbets-table{ border:1px solid rgba(206,66,43,.1); border-radius:16px; overflow:hidden; background:rgba(33,22,22,.42); }
.lbets-head, .lbets-row{ display:grid; grid-template-columns:1.1fr 1.5fr .85fr .8fr .9fr; align-items:center; gap:10px; padding:11px 18px; }
.lbets-head{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--t3,#B87569); border-bottom:1px solid rgba(206,66,43,.1); }
.lbets-r{ text-align:right; justify-self:end; }
.lbets-row{ border-bottom:1px solid rgba(206,66,43,.05); }
.lbets-row.lbets-new{ animation:lbetsIn .55s cubic-bezier(.22,.72,.28,1); overflow:hidden; }
.lbets-row:last-child{ border-bottom:none; }
.lbets-row:hover{ background:rgba(255,255,255,.025); }
@keyframes lbetsIn{ 0%{ max-height:0; opacity:0; padding-top:0; padding-bottom:0; border-bottom-width:0; } 45%{ opacity:.55; } 100%{ max-height:64px; opacity:1; } }
.lbets-game{ display:inline-flex; align-items:center; gap:11px; min-width:0; }
.lbets-gi{ width:32px; height:32px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.lbets-gi svg{ width:18px; height:18px; }
.g-flip{ color:#E66A55; background:rgba(240,145,46,.13);} .g-rps{ color:#D98778; background:rgba(217,135,120,.13);}
.g-champ{ color:#CE422B; background:rgba(206,66,43,.13);}
.lbets-gn{ font-weight:700; color:#E8D6D2; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lbets-user{ display:inline-flex; align-items:center; gap:9px; min-width:0; }
.lbets-av{ width:28px; height:28px; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid rgba(255,255,255,.1); }
.lbets-av-fb{ display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#281C1C,#281C1C); color:#E8D6D2; font-weight:800; font-size:12px; }
.lbets-un{ color:#F4EAE8; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.lbets-lv{ flex:0 0 auto; font-size:11px; font-weight:800; color:#D9C8C4; }
.lbets-amt, .lbets-pay{ display:inline-flex; align-items:center; gap:.25em; justify-content:flex-end; font-family:var(--fm,monospace); }
.lbets-amt{ color:#e9edf8; } .lbets-amt .coin-ico, .lbets-pay .coin-ico{ width:14px; height:14px; }
.lbets-multi{ color:var(--t3,#B87569); font-weight:800; font-family:var(--fm,monospace); }
.lbets-multi.hot{ color:#34d77b; }
.lbets-pay{ color:var(--t3,#B87569); opacity:.7; } .lbets-pay.won{ color:#34d77b; opacity:1; }
.lbets-empty{ padding:24px; text-align:center; color:var(--t3,#B87569); }
@media (max-width:720px){
  .lbets-head, .lbets-row{ grid-template-columns:.7fr 1.3fr 1fr 1fr; gap:8px; padding:10px 12px; }
  .lbets-head span:nth-child(4), .lbets-row .lbets-multi{ display:none; }
  .lbets-gn{ display:none; }
}
.wallet-toggle{ display:flex; gap:6px; background:rgba(255,255,255,.04); border:1px solid rgba(206,66,43,.12);
  border-radius:13px; padding:5px; margin:2px auto 18px; width:-moz-fit-content; width:fit-content; }
.wallet-tab{ display:inline-flex; align-items:center; gap:6px; padding:9px 22px; border-radius:9px; border:none;
  background:transparent; color:var(--t2,#BFA7A2); font-weight:800; font-size:14px; cursor:pointer; transition:all .15s ease; }
.wallet-tab:hover{ color:#fff; }
.wallet-tab.is-on{ background:linear-gradient(135deg,#CE422B,#D98778); color:#281C1C; box-shadow:0 4px 12px rgba(206,66,43,.35); }
.lb-hero{ padding:20px 22px !important; gap:18px;
  background:linear-gradient(135deg,rgba(206,66,43,.05),rgba(33,22,22,.55)) !important; }
.lb-hero::before{ background:radial-gradient(70% 130% at 50% -10%, rgba(206,66,43,.13), transparent 60%) !important; }
.lb-hero::after{ display:none !important; }
.lb-hero-coin{ width:60px !important; height:60px !important; top:16px !important; right:18px !important; opacity:.9; }
.lb-race-title{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.2em; margin:0; line-height:1; font-family:var(--fd); }
.lb-race-title .coin-ico{ width:.8em; height:.8em; filter:drop-shadow(0 2px 5px rgba(143,85,75,.5)); }
.lb-race-title span[data-countup]{ font-size:clamp(30px,4.4vw,50px); color:#CE422B; -webkit-text-fill-color:#CE422B;
  font-weight:900; text-shadow:0 2px 16px rgba(206,66,43,.5); letter-spacing:.01em; }
.lb-race-title em{ font-style:normal; font-size:clamp(20px,3vw,34px); color:#eef2fa; font-weight:800; letter-spacing:.05em; opacity:.95; }
.lb-hero-prize small{ margin-top:8px; }
.lb-pod-medal{ top:-7px !important; right:-3px !important; left:auto !important; bottom:auto !important; }
.lbets-lv{ display:none !important; }
.lbets-user{ cursor:pointer; }
.cf-stage{ background:radial-gradient(circle at 50% 35%, rgba(58,37,37,.98), rgba(33,22,22,.99) 74%) !important; }
.chat-reply-btn{ font-size:10px !important; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  width:auto !important; min-width:0 !important; padding:2px 8px !important; border-radius:6px; line-height:1.5; }
.chat-name{ cursor:pointer; }
.chat-name:hover{ text-decoration:underline; }
.profile-avatar-btn{ position:relative; overflow:visible; }
.pa-level{ position:absolute; z-index:3; bottom:-3px; right:-3px; min-width:16px; height:16px; padding:0 3px;
  display:inline-flex; align-items:center; justify-content:center; border-radius:8px;
  background:linear-gradient(135deg,#CE422B,#D98778); color:#281C1C; font-size:10px; font-weight:900;
  border:2px solid var(--bg,#281C1C); line-height:1; box-shadow:0 2px 5px rgba(0,0,0,.4); }
.chat-rules{ margin:8px 10px 0; border:1px solid rgba(206,66,43,.12); border-radius:10px; background:rgba(255,255,255,.025); overflow:hidden; }
.chat-rules summary{ cursor:pointer; list-style:none; padding:9px 12px; font-weight:800; font-size:12.5px; color:#E8D6D2; display:flex; align-items:center; gap:7px; user-select:none; }
.chat-rules summary::-webkit-details-marker{ display:none; }
.chat-rules summary::after{ content:"▾"; margin-left:auto; color:var(--t3,#B87569); transition:transform .2s; }
.chat-rules[open] summary::after{ transform:rotate(180deg); }
.chat-rules-ico{ font-size:13px; }
.chat-rules ul{ margin:0; padding:2px 12px 12px 12px; list-style:none; display:flex; flex-direction:column; gap:7px; }
.chat-rules li{ position:relative; padding-left:16px; font-size:12px; line-height:1.45; color:var(--t2,#BFA7A2); }
.chat-rules li::before{ content:""; position:absolute; left:2px; top:7px; width:5px; height:5px; border-radius:50%; background:#CE422B; }
.adm-race-prize{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 10px;
  border:1px solid rgba(206,66,43,.1); border-radius:10px; background:rgba(0,0,0,.18); margin-bottom:8px; }
.adm-race-prize .adm-race-rank{ font-weight:800; color:var(--t3,#B87569); min-width:30px; }
.adm-race-prize > input[type=number]{ width:120px; }
.adm-prize-img{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-left:auto; }
.adm-prize-prev{ width:38px; height:38px; border-radius:8px; overflow:hidden; background:rgba(255,255,255,.04);
  border:1px solid rgba(206,66,43,.15); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.adm-prize-prev img{ width:100%; height:100%; object-fit:contain; }
.adm-prize-info{ font-size:11px; color:var(--t3,#B87569); font-family:var(--fm,monospace); }
.adm-prize-clear{ font-size:11px; color:#ff9b9b; display:inline-flex; align-items:center; gap:4px; cursor:pointer; }
.adm-prize-upload{ position:relative; overflow:hidden; display:inline-flex; align-items:center; cursor:pointer; }
.adm-prize-upload input[type=file]{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; }
.adm-prize-upload span{ display:inline-flex; align-items:center; gap:5px; padding:7px 12px; border-radius:8px; font-size:12px; font-weight:700;
  background:linear-gradient(135deg,rgba(169,52,35,.25),rgba(169,52,35,.12)); border:1px solid rgba(169,52,35,.5); color:#e9d8ff; }
.adm-prize-upload:hover span{ background:rgba(169,52,35,.35); }

.lb-prize-skin-wrap{ position:relative; display:flex; align-items:center; justify-content:center; margin:4px auto 0; padding:6px; }
.lb-prize-skin-wrap::before{ content:""; position:absolute; inset:0; border-radius:16px; z-index:0;
  background:radial-gradient(60% 60% at 50% 45%, rgba(206,66,43,.22), rgba(206,66,43,.05) 60%, transparent 75%); }
.lb-pod-1 .lb-prize-skin-wrap::before{ background:radial-gradient(60% 60% at 50% 45%, rgba(230,106,85,.30), rgba(206,66,43,.08) 60%, transparent 78%); }
.lb-prize-skin-wrap .lb-prize-skin{ position:relative; z-index:1; margin:0; }
@keyframes champAvIn{ from{ opacity:0; transform:scale(.94); } to{ opacity:1; transform:none; } }
#leftAvatarDisplay .rust-char-wrap, #rightAvatarDisplay .rust-char-wrap{ animation:champAvIn .26s ease; }
.es-incoming .es-label{ color:#9ad6a0; }
.lb-pod-av{ overflow:visible !important; }
.lb-pod-av-clip{ position:absolute; inset:0; border-radius:50%; overflow:hidden; display:grid; place-items:center; }
.lb-pod-av-clip img{ width:100%; height:100%; object-fit:cover; display:block; }
.lb-pod-medal{ z-index:3; }
.hm-game{ min-height:264px; }
.hm-game-go{ font-size:15px; white-space:nowrap; }
@media (max-width:900px){
  .hm-game{ min-height:0; }
}
.rb-card{ position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.rb-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; z-index:2; }
.rb-card::after{ content:""; position:absolute; top:-42%; left:50%; transform:translateX(-50%); width:150%; height:130px;
  border-radius:50%; filter:blur(30px); opacity:.55; z-index:0; pointer-events:none; }
.rb-card > *{ position:relative; z-index:1; }
.rb-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.4); }
.rb-daily::before{ background:linear-gradient(90deg,#f0a23c,#c97a2c); }
.rb-daily::after{ background:radial-gradient(rgba(206,66,43,.26),transparent 70%); }
.rb-daily .rb-period{ color:#f3b05a; }
.rb-weekly::before{ background:linear-gradient(90deg,#E8D6D2,#D98778); }
.rb-weekly::after{ background:radial-gradient(rgba(206,66,43,.24),transparent 70%); }
.rb-weekly .rb-period{ color:#CE422B; }
.rb-monthly{ border-color:rgba(206,66,43,.42) !important; }
.rb-monthly::before{ background:linear-gradient(90deg,#F4DEDA,#CE422B); }
.rb-monthly::after{ background:radial-gradient(rgba(230,106,85,.30),transparent 70%); }
.rb-monthly .rb-period{ color:#E66A55; }
.rf-strip-chip{ width:28px; height:28px; position:relative; border:1px solid rgba(0,0,0,.3);
  box-shadow:inset 0 1.5px 2px rgba(255,255,255,.45), inset 0 -2px 3px rgba(0,0,0,.4), 0 2px 5px rgba(0,0,0,.3);
  text-shadow:0 1px 1px rgba(0,0,0,.45); }
.rf-strip-chip::before{ content:""; position:absolute; inset:3.5px; border-radius:50%; border:1px solid rgba(255,255,255,.2); pointer-events:none; }
.rf-chip-red{ background:radial-gradient(circle at 38% 30%, #ff7a7a, #CE422B 46%, #8f1717); }
.rf-chip-blue{ background:radial-gradient(circle at 38% 30%, #D98778, #6E4540 46%, #6C433D); }

.hm-game{ will-change:transform; }
@media (hover: none){ .hm-game{ will-change:auto; } }
.rb-grid{ perspective:1000px; perspective-origin:center; }
.rb-card{ will-change:transform; }
.tilt-glare{ position:absolute; inset:0; z-index:5; pointer-events:none; opacity:0; transition:opacity .25s ease; mix-blend-mode:overlay; border-radius:inherit; }
.cf-side-btn{ perspective:520px; }
.cf-side-coin{ transform-style:preserve-3d; }
.cf-side-btn:hover .cf-side-coin{ transform: rotateY(13deg) rotateX(7deg) scale(1.10) !important; }
.cf-side-btn.active .cf-side-coin{ animation: cfCoin3D 3.4s ease-in-out infinite !important; }
@keyframes cfCoin3D{
  0%,100%{ transform: rotateY(-11deg) rotateX(6deg) translateY(0)    scale(1.04); }
  50%    { transform: rotateY( 11deg) rotateX(6deg) translateY(-4px) scale(1.08); }
}
.cf-side-btn.active.cf-side-red  .cf-side-coin-img{ filter: drop-shadow(0 6px 10px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(239,68,68,.65)); }
.cf-side-btn.active.cf-side-blue .cf-side-coin-img{ filter: drop-shadow(0 6px 10px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(143,45,32,.65)); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .cf-side-btn.active .cf-side-coin{ animation:none !important; } }
.arena-floor3d-grid{
  background-image:
    repeating-linear-gradient(0deg,  transparent 0 38px, rgba(217,200,196,.30) 38px 40px),
    repeating-linear-gradient(90deg, transparent 0 38px, rgba(217,200,196,.22) 38px 40px) !important;
  animation: arenaFloorScroll 2.6s linear infinite;
}
@keyframes arenaFloorScroll{ from{ background-position:0 0, 0 0; } to{ background-position:0 40px, 0 0; } }
.arena-floor3d::after{ content:""; position:absolute; left:6%; right:6%; bottom:44%; height:2px; z-index:1; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(217,200,196,.55), transparent); filter:blur(2px); }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .arena-floor3d-grid{ animation:none !important; } }
.rp-map-card{ position:relative;
  box-shadow: 0 34px 64px -22px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.05) inset, 0 0 0 1px rgba(206,66,43,.08); }
.rp-map{ position:relative;
  box-shadow: inset 0 3px 12px rgba(0,0,0,.6), inset 0 -2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.05);
  border-radius:14px; }
.profile-stat-wager .profile-stat-val{ display:inline-flex; align-items:center; gap:5px; }
.profile-stat-wager .profile-stat-val .coin-ico{ width:.85em; height:.85em; flex:0 0 auto; }
.profile-avatar-btn{ background:linear-gradient(145deg,#281C1C,#281C1C) !important; }
@media (hover:none){ .chat-actions{ opacity:1 !important; } }
.chat-ctx-btn{ display:flex !important; align-items:center; gap:9px; }
.chat-ctx-btn .nav-ico{ flex:0 0 auto; display:inline-flex; transition:none; }
.chat-ctx-btn .nav-ico svg{ width:17px; height:17px; display:block; }
.chat-ctx-btn:hover .nav-ico{ transform:none; }
.cf-coin-ico{ width:18px; height:18px; object-fit:contain; vertical-align:-4px; display:inline-block;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)); }
.cf-join-btn .cf-coin-ico{ width:17px; height:17px; vertical-align:-3px; margin-left:4px; }
.cf-modal-outcome .cf-coin-ico{ width:22px; height:22px; vertical-align:-5px; margin-left:3px; }
.cf-mini-coin.cf-mini-coin-img{ background:none !important; border:0 !important; box-shadow:none !important; }
.cf-mini-coin.cf-mini-coin-img img{ width:100%; height:100%; object-fit:contain; display:block; }
.rf-strip-chip.rf-strip-chip-img{ background:none !important; border:0 !important; box-shadow:none !important; width:24px; height:24px; }
.rf-strip-chip.rf-strip-chip-img img{ width:100%; height:100%; object-fit:contain; display:block; }
#cfSidePicker .cf-side-coin{ position:relative !important; right:auto !important; bottom:auto !important;
  width:62px !important; height:62px !important; margin:0 auto !important;
  border:0 !important; background:none !important; box-shadow:none !important; border-radius:0 !important; overflow:visible !important; }
#cfSidePicker .cf-side-coin-img, #cfSidePicker .cf-side-coin img{ object-fit:contain !important; filter:drop-shadow(0 5px 9px rgba(0,0,0,.5)) !important; }
#cfSidePicker .cf-side-btn{ padding:18px 14px 14px !important; }
#cfSidePicker .cf-side-btn small{ font-size:12px; opacity:.85; }
@media (max-width:560px){ }
.chat-ctx{ z-index:2400 !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
.player-panel:has(.empty-seat) .player-stats{ display:none !important; }
.chat-ctx{ min-width:156px; padding:5px; }
.chat-ctx-btn{ padding:8px 9px !important; font-size:12.5px; }
.chat-ctx .chat-ctx-name{ font-size:11.5px; padding:5px 9px 7px; }
.chat-ctx-btn .nav-ico svg{ width:16px; height:16px; }
@media (max-width:640px){
  .chat-ctx{ position:fixed !important; inset:0 !important; left:0 !important; top:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important; max-width:none !important; min-width:0 !important; border:0 !important; border-radius:0 !important;
    padding:0 !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:12px;
    background:rgba(33,22,22,.94) !important; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
    box-shadow:none !important; z-index:2400 !important; animation:cmFull .18s ease; }
  .chat-ctx[hidden]{ display:none !important; }
  .chat-ctx .chat-ctx-name{ text-align:center; font-size:17px; padding:0 0 16px !important; border:0 !important; margin:0 !important; color:var(--rust3); }
  .chat-ctx-btn{ width:84% !important; max-width:330px; justify-content:center; font-size:17px !important; padding:18px 20px !important;
    border-radius:14px !important; background:rgba(255,255,255,.06) !important; }
  .chat-ctx-btn .nav-ico svg{ width:20px; height:20px; }
}
@keyframes cmFull{ from{ opacity:0; } to{ opacity:1; } }
.adm-set-check{ flex-direction:row !important; align-items:center; gap:10px; flex-wrap:wrap; }
.adm-set-check > span{ order:1; }
.adm-set-check input[type=checkbox]{ order:0; width:38px; height:22px; flex:0 0 auto; appearance:none; -webkit-appearance:none; cursor:pointer;
  border-radius:999px; background:rgba(201,108,91,.25); position:relative; transition:background .18s; }
.adm-set-check input[type=checkbox]::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .18s; }
.adm-set-check input[type=checkbox]:checked{ background:var(--rust,#CE422B); }
.adm-set-check input[type=checkbox]:checked::after{ transform:translateX(16px); }
.adm-set-check small{ flex:1 1 100%; order:2; color:var(--t3,#B87569); font-size:.74rem; }
.stat-box .bet-amt{ white-space:nowrap; min-width:0; max-width:100%; overflow:visible; }
.stat-box .bet-amt > span{ flex:0 0 auto; min-width:0; }
.stat-box .bet-amt .coin-amt{ display:inline-flex !important; align-items:baseline; white-space:nowrap !important; flex:0 0 auto; width:auto !important; }
.stat-box .bet-amt .coin-d, .stat-box .bet-amt .coin-c{ display:inline-block !important; white-space:nowrap !important; }
.chat-lvl.lv-base,   .chat-msg-head .chat-lvl.lv-base{   background:linear-gradient(135deg,#B87569,#6C433D) !important; color:#160F0F !important; }
.chat-lvl.lv-teal,   .chat-msg-head .chat-lvl.lv-teal{   background:linear-gradient(135deg,#D98778,#B87569) !important; color:#211616 !important; }
.chat-lvl.lv-amber,  .chat-msg-head .chat-lvl.lv-amber{  background:linear-gradient(135deg,#D98778,#CE422B) !important; color:#281C1C !important; }
.chat-lvl.lv-gold,   .chat-msg-head .chat-lvl.lv-gold{   background:linear-gradient(135deg,#62db52,#2fa83e) !important; color:#06230c !important; }
.chat-lvl.lv-violet, .chat-msg-head .chat-lvl.lv-violet{ background:linear-gradient(135deg,#D98778,#D98778) !important; color:#ffffff !important; }
.hm-game-champions .hm-game-art{ position:relative; overflow:hidden; }
.hm-card-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center;
  z-index:0; opacity:1; pointer-events:none; filter:saturate(1.08) contrast(1.04); transition:transform .45s ease, filter .45s ease;
  -webkit-mask-image:linear-gradient(180deg,#000 76%,rgba(0,0,0,.72)); mask-image:linear-gradient(180deg,#000 76%,rgba(0,0,0,.72)); }
.hm-game:hover .hm-card-img{ transform:scale(1.06); filter:brightness(1.13) saturate(1.14) drop-shadow(0 0 16px rgba(255,180,80,.35)); }
.hm-card-img{ object-fit:cover !important; object-position:center top !important; -webkit-mask-image:none !important; mask-image:none !important; padding:0 !important; }
.hm-sparks{ position:absolute; inset:0; z-index:3; pointer-events:none; }
.hm-sparks i, .hm-sparks::before, .hm-sparks::after{
  content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%;
  background:radial-gradient(circle, #fff8e6 0%, #E8D6D2 34%, #ff9a32 68%, rgba(255,120,30,0) 100%);
  box-shadow:0 0 18px 6px rgba(255,165,60,.85), 0 0 40px 15px rgba(255,95,22,.45);
  animation:hmOrbit 5s linear infinite; will-change:transform; }
.hm-sparks i:nth-child(2){ animation-duration:5.8s; animation-delay:-2.0s; width:9px;  height:9px;  margin:-4.5px 0 0 -4.5px; }
.hm-sparks i:nth-child(3){ animation-duration:4.4s; animation-delay:-3.5s; width:14px; height:14px; margin:-7px 0 0 -7px; }
.hm-sparks::before{ animation-duration:6.2s; animation-delay:-2.7s; width:8px;  height:8px;  margin:-4px 0 0 -4px; }
.hm-sparks::after { animation-duration:4.9s; animation-delay:-4.4s; width:10px; height:10px; margin:-5px 0 0 -5px; }
.hm-game:hover .hm-sparks i, .hm-game:hover .hm-sparks::before, .hm-game:hover .hm-sparks::after{
  animation-duration:2.5s; box-shadow:0 0 22px 8px rgba(230,106,85,.95), 0 0 52px 20px rgba(255,100,25,.55); }
@keyframes hmOrbit{
  0%   { transform:translate(120px, 0)     scale(1.15); }
  12.5%{ transform:translate(85px, -52px)   scale(1); }
  25%  { transform:translate(0, -74px)      scale(.8); }
  37.5%{ transform:translate(-85px, -52px)  scale(.85); }
  50%  { transform:translate(-120px, 0)     scale(1); }
  62.5%{ transform:translate(-85px, 52px)   scale(1.12); }
  75%  { transform:translate(0, 74px)       scale(1.28); }
  87.5%{ transform:translate(85px, 52px)    scale(1.12); }
  100% { transform:translate(120px, 0)      scale(1.15); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .hm-sparks i, .hm-sparks::before, .hm-sparks::after{ animation:none !important; } }
.stake-bounds{ display:flex; align-items:center; justify-content:center; gap:5px; flex-wrap:wrap;
  margin:7px 0 2px; font-size:11.5px; font-weight:600; color:var(--t3,#B87569); letter-spacing:.02em; }
.stake-bounds .coin-ico{ width:.95em; height:.95em; vertical-align:-1px; }
.stat-box .bet-amt{ display:inline-flex !important; align-items:baseline !important; flex-wrap:nowrap !important; white-space:nowrap !important; max-width:100% !important; overflow:visible !important; min-width:0 !important; }
.stat-box .bet-amt > *{ flex:0 0 auto !important; }
.stat-box .bet-amt > span, .stat-box .bet-amt .coin-amt, .stat-box .bet-amt .coin-d, .stat-box .bet-amt .coin-c{ display:inline !important; white-space:nowrap !important; width:auto !important; vertical-align:baseline !important; }
.conv-hint{ margin:8px 0 4px !important; line-height:1.25 !important; }
.chat-messages{ gap:3px !important; }
.chat-messages .chat-message{ padding-top:3px !important; padding-bottom:3px !important; margin-top:0 !important; }
.chat-msg-head{ margin-bottom:1px !important; }
.cf-modal-overlay{ background:linear-gradient(180deg,rgba(33,22,22,.34),rgba(33,22,22,.46)) !important;
  -webkit-backdrop-filter:blur(4px) saturate(.92) !important; backdrop-filter:blur(4px) saturate(.92) !important; }
.cf-modal-card{ background:linear-gradient(180deg,rgba(40,28,28,.82),rgba(33,22,22,.88)) !important;
  -webkit-backdrop-filter:blur(20px) saturate(.95) !important; backdrop-filter:blur(20px) saturate(.95) !important; }
.cf-waiting-tag{ display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700;
  color:var(--rust,#CE422B); opacity:.92; padding:6px 10px; }
.dep-promo-row{ display:flex; gap:8px; align-items:stretch; }
.dep-promo-row #depPromo{ flex:1 1 auto; min-width:0; }
.dep-promo-apply{ flex:0 0 auto; padding:0 16px; border:0; border-radius:10px; cursor:pointer; font-weight:800; font-size:.84rem;
  color:#281C1C; background:linear-gradient(135deg,var(--rust,#CE422B),#D98778); transition:filter .15s, transform .05s; }
.dep-promo-apply:hover{ filter:brightness(1.08); }
.dep-promo-apply:active{ transform:translateY(1px); }
.dep-promo-apply:disabled{ opacity:.6; cursor:default; }
.dep-promo-note{ margin-top:7px; font-size:.78rem; line-height:1.35; color:var(--t3,#B87569); min-height:1em; }
.dep-promo-note.on{ color:#7ee0a6; }
.dep-promo-note b{ color:#fff; font-weight:800; }
.promo-tag{ font-size:.66rem; font-weight:800; color:#281C1C; background:var(--rust,#CE422B); padding:2px 7px; border-radius:999px; vertical-align:middle; margin-left:6px; }
.cf-modal-overlay{
  background: rgba(33,22,22,.42) !important;
  -webkit-backdrop-filter: blur(4px) saturate(.92) !important;
  backdrop-filter: blur(4px) saturate(.92) !important;
}
.cf-modal-card{
  background: linear-gradient(180deg, rgba(40,28,28,.95), rgba(33,22,22,.97)) !important;
}
#cfModal .cf-modal-stage{
  background: linear-gradient(180deg, rgba(33,22,22,.42), rgba(33,22,22,.62)) !important;
}
#cfModal .cf-modal-stage::before{
  content:""; position:absolute; inset:-24px; width:auto; height:auto; border-radius:0;
  background:url("/assets/rustpot-map.jpg") center/cover no-repeat;
  filter:blur(7px) brightness(.6) saturate(.92);
  z-index:0; pointer-events:none;
}
.chat-messages{ gap:2px !important; }
.chat-messages .chat-message{ padding:3px 4px !important; margin:0 !important; align-items:flex-start !important; }
.chat-message .chat-body{ padding-top:0 !important; margin-top:0 !important; }
.chat-msg-head{ margin:0 0 1px !important; line-height:1.1 !important; min-height:0 !important; }
.chat-message .chat-body > p{ margin:1px 0 0 !important; line-height:1.3 !important; }
.chat-message .chat-av{ margin-top:1px !important; }
.chat-del-btn{ filter:grayscale(.2); }
.chat-del-btn:hover{ filter:none; transform:scale(1.12); }
.chat-clear-btn{ display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:800; cursor:pointer;
  border:1px solid rgba(239,68,68,.4); background:rgba(239,68,68,.14); color:#E8A096; border-radius:8px; padding:3px 8px; margin-right:4px; }
.chat-clear-btn:hover{ background:rgba(239,68,68,.24); }
.chat-clear-btn.chat-clear-icon{ padding:0; width:26px; height:26px; gap:0; border-radius:7px; flex:0 0 auto; place-items:center; margin:0; }
.chat-clear-btn.chat-clear-icon svg{ width:14px; height:14px; }
.stat-box .bet-amt{ align-items:center !important; line-height:1 !important; }
.stat-box .bet-amt .coin-ico{ align-self:center !important; vertical-align:middle !important; position:relative !important; top:0 !important; margin:0 2px 0 0 !important; }
.stat-box .bet-amt .coin-amt{ display:inline-flex !important; align-items:center !important; line-height:1 !important; }
.stat-box .bet-amt .coin-d, .stat-box .bet-amt .coin-c{ line-height:1 !important; vertical-align:middle !important; }
.balance-pill{ gap:3px !important; }
.balance-group{ gap:0 !important; align-items:stretch !important; }
.balance-pill .coin-ico{ margin:0 !important; }
.balance-group .bal-plus{ align-self:stretch !important; }
.chat-actions{ opacity:1 !important; }
.chat-message .chat-actions{ opacity:1 !important; }
.chat-message:hover .chat-actions{ opacity:1 !important; }
.chat-del-btn{ background:rgba(239,68,68,.16) !important; border-color:rgba(239,68,68,.42) !important; color:#E8A096 !important; }
.chat-del-btn:hover{ background:rgba(239,68,68,.28) !important; color:#fff !important; }
.lb-prize-skin-wrap{ margin-bottom:14px !important; }
.lb-prize-skin{ margin-bottom:4px !important; }
.cf-row-side{ display:flex; align-items:center; gap:5px; min-width:0; }
.cf-row-av{ width:30px; height:30px; border-radius:8px; object-fit:cover; flex:0 0 auto; background:#211616; border:1px solid var(--ln); display:grid; place-items:center; font-weight:800; color:#cfd6dd; font-size:13px; }
.cf-row-coin{ width:22px; height:22px; display:inline-flex; flex:0 0 auto; }
.cf-row-coin img, .cf-row-wincoin img{ width:100%; height:100%; object-fit:contain; }
.cf-row-vs{ font-size:.66rem; font-weight:800; color:var(--t3); margin:0 2px; }
.cf-row-wincoin{ width:30px; height:30px; display:inline-flex; flex:0 0 auto; filter:drop-shadow(0 0 6px rgba(230,106,85,.4)); }
.balance-pill .balance-pill-main, .balance-pill #balance{ transition:text-shadow .25s ease, filter .25s ease; }
.balance-group:hover .balance-pill-main, .balance-pill:hover .balance-pill-main, .balance-group:hover #balance, .balance-pill:hover #balance{ text-shadow:0 0 9px rgba(206,66,43,.85), 0 0 18px rgba(206,66,43,.45); filter:brightness(1.12); }
.chat-head{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px; }
.chat-rules-btn{ display:inline-flex; align-items:center; gap:4px; font-size:.74rem; font-weight:800; cursor:pointer; border:1px solid var(--ln); background:rgba(255,255,255,.05); color:var(--t2); border-radius:8px; padding:4px 9px; flex:0 0 auto; }
.chat-rules-btn:hover{ background:var(--vio-soft); color:#fff; border-color:var(--vio-line); }
.chat-tiprain-btn{ display:inline-flex; align-items:center; gap:4px; font-size:.74rem; font-weight:800; cursor:pointer; border:1px solid rgba(206,66,43,.5); background:rgba(206,66,43,.14); color:#F4DEDA; border-radius:8px; padding:4px 9px; flex:0 0 auto; transition:background .15s, color .15s, border-color .15s; }
.chat-tiprain-btn:hover{ background:rgba(206,66,43,.26); color:#E8D6D2; border-color:rgba(206,66,43,.85); }
.chat-tiprain-btn svg{ color:#CE422B; }
.chat-rules-modal{ position:fixed; inset:0; z-index:2600; display:flex; align-items:center; justify-content:center; padding:18px; }
.chat-rules-modal[hidden]{ display:none; }
.chat-rules-modal-overlay{ position:absolute; inset:0; background:rgba(33,22,22,.6); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.chat-rules-modal-card{ position:relative; z-index:1; width:min(420px,92vw); max-height:80vh; overflow:auto; background:linear-gradient(180deg,rgba(40,28,28,.98),rgba(33,22,22,.99)); border:1px solid var(--vio-line); border-radius:16px; padding:22px; box-shadow:0 24px 60px rgba(0,0,0,.6); }
.chat-rules-modal-card h3{ margin:0 0 12px; font-family:var(--fd); font-size:1.15rem; color:#fff; display:flex; align-items:center; gap:8px; }
.chat-rules-modal-card ul{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:9px; }
.chat-rules-modal-card li{ color:var(--t2); font-size:.86rem; line-height:1.42; }
.chat-rules-modal-close{ position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:8px; border:1px solid var(--ln); background:rgba(255,255,255,.06); color:var(--t2); cursor:pointer; font-size:15px; }
.chat-rules-modal-close:hover{ background:rgba(255,255,255,.12); color:#fff; }
.pm-xp-bar{ height:6px; border-radius:5px; background:rgba(0,0,0,.4); overflow:hidden; border:1px solid var(--ln); margin:6px 0 3px; }
.pm-xp-bar span{ display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,#CE422B,#CE422B); box-shadow:0 0 10px rgba(206,66,43,.5); transition:width .6s ease; }
.pm-xp-text{ display:block; font-size:.66rem; color:var(--t3); }
.chat-msg-head{ flex-wrap:nowrap !important; margin-bottom:1px !important; min-height:0 !important; }
.chat-msg-head .chat-name{ flex:1 1 auto !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.chat-msg-head .chat-lvl, .chat-msg-head .chat-role{ flex:0 0 auto !important; }
.chat-actions{ position:static !important; margin-left:auto !important; flex:0 0 auto !important; gap:3px !important; opacity:1 !important; flex-wrap:nowrap !important; align-items:center !important; }
.chat-msg-head{ flex-wrap:nowrap !important; min-width:0 !important; }
.chat-msg-head .chat-name{ display:inline-block !important; min-width:0 !important; flex:0 1 auto !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
.chat-messages{ gap:3px !important; }
.chat-messages .chat-message{ padding:3px 7px !important; margin:0 !important; }
.chat-message .chat-body{ padding-top:0 !important; margin-top:0 !important; }
.chat-message .chat-body > p{ margin:0 !important; line-height:1.28 !important; }
.chat-act{ width:22px !important; height:22px !important; flex:0 0 auto !important; }
.chat-reply-btn{ width:auto !important; min-width:auto !important; height:22px !important; padding:0 8px !important; line-height:20px !important; white-space:nowrap !important; display:inline-flex !important; align-items:center !important; }
.rw-daily-row{ grid-template-columns:1fr !important; }
.rw-promo{ width:100% !important; }
.rw-promo-input{ flex:1 1 auto !important; }
.rw-promo-input input{ flex:1 1 auto !important; width:auto !important; max-width:none !important; }
#rwPromoBtn{ font-size:13px !important; font-weight:800 !important; padding:0 20px !important; min-height:44px !important; white-space:nowrap !important; flex:0 0 auto !important; width:auto !important; }
.confirm-modal-actions{ display:flex; gap:10px; margin-top:8px; }
.confirm-modal-actions .app-modal__btn{ flex:1 1 0; min-width:0; }
.confirm-no{ background:rgba(255,255,255,.08) !important; color:var(--t1) !important; border:1px solid var(--ln) !important; }
.confirm-no:hover{ background:rgba(255,255,255,.14) !important; }
.cf-row-wincoin{ width:38px !important; height:38px !important; filter:drop-shadow(0 0 8px rgba(230,106,85,.75)) !important; }
.lb-pod-base{ justify-content:center !important; overflow:hidden !important; }
.lb-pod-3 .lb-pod-base{ height:92px !important; }
@media (max-width:560px){ .lb-pod-3 .lb-pod-base{ height:80px !important; } }
.lb-pod-2 .lb-pod-base{ height:110px !important; }
@media (max-width:560px){ .lb-pod-2 .lb-pod-base{ height:94px !important; } }
@media (max-width:560px){ }
.page-title{
  background:linear-gradient(108deg,#ffffff 0%,#F4EAE8 30%,#E8D6D2 42%,#E66A55 50%,#E8D6D2 58%,#c9d2e2 70%,#c9d2e2 100%) !important;
  background-size:240% 100% !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  filter:drop-shadow(0 3px 16px rgba(206,66,43,.16));
  animation:titleShimmer 6.5s ease-in-out infinite;
}
@keyframes titleShimmer{ 0%,100%{ background-position:135% 0; } 50%{ background-position:-35% 0; } }
.btn-primary:hover:not(:disabled){ transform:translateY(-2px) scale(1.015); box-shadow:0 10px 26px rgba(206,66,43,.32), 0 2px 8px rgba(0,0,0,.35); }
.btn-primary:active:not(:disabled){ transform:translateY(0) scale(.99); }
.eyebrow{ animation:eyebrowGlow 4.5s ease-in-out infinite; }
@keyframes eyebrowGlow{ 0%,100%{ text-shadow:0 0 10px rgba(206,66,43,.10); } 50%{ text-shadow:0 0 18px rgba(206,66,43,.40); } }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .page-title, .eyebrow{ animation:none !important; } }
.level-card{
  background:linear-gradient(145deg, rgba(40,28,28,.96), rgba(33,22,22,.97)) !important;
  border:1px solid rgba(206,66,43,.16) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04) !important;
  position:relative; overflow:hidden;
}
.level-card::after{ content:""; position:absolute; top:-45%; right:-8%; width:240px; height:240px;
  background:radial-gradient(circle, rgba(206,66,43,.15), transparent 65%); pointer-events:none; }
.level-fill{ position:relative; overflow:hidden; }
.level-fill::after{ content:""; position:absolute; inset:0; border-radius:7px;
  background:linear-gradient(100deg, transparent 18%, rgba(255,255,255,.6) 50%, transparent 82%);
  transform:translateX(-100%); animation:xpShine 2.8s ease-in-out infinite; }
@keyframes xpShine{ 0%{ transform:translateX(-100%);} 60%,100%{ transform:translateX(120%);} }
.pstat{ transition:transform .18s ease, box-shadow .25s ease, border-color .2s ease; }
.pstat:hover{ transform:translateY(-3px); border-color:rgba(206,66,43,.3); box-shadow:0 12px 26px rgba(0,0,0,.35); }
.pstat-balance{ box-shadow:0 0 0 1px rgba(206,66,43,.18), 0 14px 32px rgba(206,66,43,.12); }
.profile-av-img{ border:0 !important;
  box-shadow:0 0 0 3px rgba(206,66,43,.55), 0 0 26px rgba(206,66,43,.3) !important;
  transition:transform .25s ease, box-shadow .25s ease; }
.profile-av-img:hover{ transform:scale(1.04);
  box-shadow:0 0 0 3px rgba(206,66,43,.85), 0 0 34px rgba(206,66,43,.45) !important; }
.lb-row{ transition:transform .16s ease, box-shadow .25s ease, border-color .2s ease; }
.lb-row:hover{ transform:translateX(4px); border-color:rgba(206,66,43,.28); box-shadow:0 8px 22px rgba(0,0,0,.32); }
.lb-rank-badge{ box-shadow:0 4px 12px rgba(0,0,0,.3); }
.lb-pod-1 .lb-pod-card{ position:relative; overflow:hidden; }
.lb-pod-1 .lb-pod-card::after{ content:""; position:absolute; top:0; left:-150%; width:60%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(232,214,210,.22), transparent); transform:skewX(-18deg);
  animation:lbSweep 4.5s ease-in-out infinite; pointer-events:none; }
@keyframes lbSweep{ 0%{ left:-150%;} 55%,100%{ left:165%;} }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .level-fill::after, .lb-pod-1 .lb-pod-card::after{ animation:none !important; } }
.balance-overview{
  background:linear-gradient(135deg, rgba(58,37,37,.5), rgba(33,22,22,.85)) !important;
  border:1px solid rgba(206,66,43,.2) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.balance-val{ text-shadow:0 2px 18px rgba(206,66,43,.35); }
.bstat{ transition:transform .18s ease, border-color .18s ease, box-shadow .22s ease; }
.bstat:hover{ transform:translateY(-3px); border-color:rgba(206,66,43,.3); box-shadow:0 10px 22px rgba(0,0,0,.3); }
.wallet-grid form{ transition:box-shadow .25s ease, border-color .2s ease; }
.wallet-grid form:hover{ box-shadow:0 14px 34px rgba(0,0,0,.4); border-color:rgba(206,66,43,.22); }
.rb-card{ background:linear-gradient(180deg, #281C1C, rgb(37 44 66)) !important; }
.rb-card.rb-daily{ border-color:rgba(206,66,43,.35) !important; }
.rb-amount{ text-shadow:0 2px 16px rgba(206,66,43,.35); }
.rb-card:hover{ border-color:rgba(206,66,43,.4) !important; }
.rw-daily.rw-promo{ background:radial-gradient(120% 140% at 100% 0%, rgba(201,108,91,.16), transparent 55%), linear-gradient(135deg, rgba(58,37,37,.42), rgba(33,22,22,.86)) !important;
  border:1px solid rgba(206,66,43,.20) !important; box-shadow:0 14px 36px rgba(0,0,0,.4); }
.aff-metric{ transition:transform .18s ease, box-shadow .25s ease, border-color .2s ease; }
.aff-metric:hover{ transform:translateY(-3px); border-color:rgba(206,66,43,.3); box-shadow:0 12px 26px rgba(0,0,0,.35); }
.aff-metric-n{ text-shadow:0 2px 14px rgba(206,66,43,.25); }
.ref-row{ transition:background .16s ease, transform .16s ease; }
.ref-row:hover{ background:rgba(206,66,43,.06); transform:translateX(3px); }
.fair-card{ transition:transform .18s ease, box-shadow .25s ease, border-color .2s ease; }
.fair-card:hover{ transform:translateY(-3px); border-color:rgba(206,66,43,.28); box-shadow:0 14px 32px rgba(0,0,0,.35); }
.fair-game-card{ transition:transform .18s ease, box-shadow .25s ease, border-color .2s ease; }
.fair-game-card:hover{ transform:translateY(-4px); border-color:rgba(206,66,43,.3); box-shadow:0 16px 36px rgba(0,0,0,.4); }
.ngm-art-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:2; }
.ngm-art-photo::after{ content:""; }
.ngm-card .ngm-art-photo{ box-shadow:inset 0 -30px 40px -20px rgba(33,22,22,.7); }
.hm-game-art .hm-sparks, .ngm-art .hm-sparks{ position:absolute; inset:0; pointer-events:none; z-index:4; overflow:hidden; border-radius:inherit; }
.hm-game-art .hm-sparks i, .hm-game-art .hm-sparks::before, .hm-game-art .hm-sparks::after, .ngm-art .hm-sparks i, .ngm-art .hm-sparks::before, .ngm-art .hm-sparks::after{
  content:""; position:absolute; width:1.5px; height:12px; border-radius:2px;
  background:linear-gradient(180deg, transparent, rgba(232,214,210,.95) 45%, rgba(230,106,85,.7), transparent);
  box-shadow:0 0 6px rgba(230,106,85,.9), 0 0 2px rgba(255,255,255,.8);
  opacity:0;
}
.hm-game-art .hm-sparks i:nth-child(1), .ngm-art .hm-sparks i:nth-child(1){ left:16%; top:62%; animation:sparkRoam 5.6s ease-in-out infinite; }
.hm-game-art .hm-sparks i:nth-child(2), .ngm-art .hm-sparks i:nth-child(2){ left:54%; top:74%; animation:sparkRoam 6.9s ease-in-out .8s infinite; }
.hm-game-art .hm-sparks i:nth-child(3), .ngm-art .hm-sparks i:nth-child(3){ left:80%; top:58%; animation:sparkRoam 6.1s ease-in-out 1.7s infinite; }
.hm-game-art .hm-sparks::before, .ngm-art .hm-sparks::before{ left:34%; top:80%; animation:sparkRoam 7.4s ease-in-out .4s infinite; }
.hm-game-art .hm-sparks::after,  .ngm-art .hm-sparks::after { left:68%; top:70%; animation:sparkRoam 6.5s ease-in-out 1.25s infinite; }
@keyframes sparkRoam{
  0%{ opacity:0; transform:translate(0,0) rotate(6deg) scale(.65); }
  14%{ opacity:1; }
  50%{ transform:translate(16px,-30px) rotate(-9deg) scale(1); }
  82%{ opacity:.95; }
  100%{ opacity:0; transform:translate(32px,-58px) rotate(11deg) scale(.55); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .hm-game-art .hm-sparks i, .ngm-art .hm-sparks i, .hm-game-art .hm-sparks::before, .hm-game-art .hm-sparks::after, .ngm-art .hm-sparks::before, .ngm-art .hm-sparks::after{ animation:none !important; opacity:0 !important; } }
.ftr-art{ margin-left:auto; align-self:center; display:flex; }
.ftr-art-svg{ width:106px; height:106px; display:block; filter:drop-shadow(0 5px 16px rgba(0,0,0,.55)); opacity:.92; }
@media (max-width:760px){ .ftr-art{ margin:6px auto 0; } .ftr-art-svg{ width:88px; height:88px; } }
.pstat-balance b{ display:flex !important; align-items:center; gap:0; line-height:1; white-space:nowrap; }
.pstat-balance b .coin-ico{ vertical-align:middle; width:.9em; height:.9em; flex:0 0 auto; margin-right:.3em; }
.pstat-balance b .coin-amt{ display:inline-flex !important; align-items:baseline; flex:0 0 auto; white-space:nowrap; line-height:1; }
.pstat-balance b .coin-amt .coin-d,
.pstat-balance b .coin-amt .coin-c{ display:inline-block !important; white-space:nowrap; vertical-align:baseline; line-height:1; }
#cfModalResult{ display:none !important; }
.hist-item-ico.hist-ico-rustflip{ filter:opacity(.95); }
.hist-ico-rustflip .coin-ico{ width:22px; height:22px; }
.aff-games-link{ color:inherit; text-decoration:none; cursor:pointer; border-radius:7px; padding:2px 6px; margin:-2px -6px; transition:background .15s, color .15s; display:inline-block; }
.aff-games-link:hover{ background:rgba(206,66,43,.14); color:var(--gold2); }
.aff-games-link b{ color:var(--gold2); }
.aff-pg-game{ display:inline-flex; align-items:center; gap:5px; font-weight:600; }
.aff-pg-game svg{ width:16px; height:16px; flex:none; }
.aff-pg-game .coin-ico{ width:.95em; height:.95em; }
.hm-sparks i, .hm-sparks::before, .hm-sparks::after{
  width:2px !important; height:17px !important; border-radius:2px !important;
  background:linear-gradient(to bottom, rgba(255,245,225,0) 0%, #E8D6D2 38%, #ff9a32 82%, rgba(255,120,30,0) 100%) !important;
  box-shadow:0 0 7px 1px rgba(255,170,70,.7) !important; }
.lb-pod-av img, .lb-av img{ object-position:center top !important; }
.cf-coin .cf-face-red{ filter:saturate(.82) brightness(1.01); }
.cf-coin.landed-red{ filter:drop-shadow(0 0 13px rgba(230,96,74,.4)) drop-shadow(0 8px 22px rgba(0,0,0,.55)) !important; }
.cf-modal.open .cf-modal-card, .cf-modal.show .cf-modal-card{ animation:cfModalInFade .26s ease !important; }
@keyframes cfModalInFade{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }
.cf-modal-card, .cf-create-card, .app-modal__card, .chat-rules-modal-card, .fr-rules-card, .rfd-vmodal-card, .rfd-cmodal-card, .tv-card{ background:#211616 !important; border:1px solid var(--vio-line) !important; }
.ftr-art{ position:relative; }
.ftr-art-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:2; }
.coin-amt{ display:inline-block; white-space:nowrap; }
.pstat b, .pstat-balance b{ white-space:nowrap; }
.pstat b .coin-amt, .pstat-balance b .coin-amt{ display:inline-block; }
.brand, .brand-logo, .brand img{ border:0 !important; outline:0 !important; box-shadow:none !important; background:none !important; }
.ftr-art{ position:relative; width:158px; height:118px; }
.ftr-art-svg{ width:118px !important; height:118px !important; margin:0 auto; }
.ftr-art-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:2;
  animation:ftrCharSway 5.5s ease-in-out infinite; filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)); transform-origin:50% 90%; }
.ftr-art-photo ~ .ftr-art-svg{ display:none !important; }
.ftr-art-photo{ object-fit:contain !important; }
@keyframes ftrCharSway{ 0%,100%{ transform:translateY(0) rotate(-1.2deg); } 50%{ transform:translateY(-5px) rotate(1.2deg); } }
@media (max-width:760px){ .ftr-art{ width:132px; height:104px; margin:6px auto 0; } .ftr-art-svg{ width:100px !important; height:100px !important; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .ftr-art-photo{ animation:none; } }
.site-footer{ padding:36px clamp(20px,5vw,56px) 30px !important; margin-top:14px !important; }
.ftr-inner{ max-width:1080px !important; gap:10px 40px !important; align-items:flex-start !important; }
.ftr-brand{ max-width:340px; }
.ftr-meta{ max-width:360px; }
.ftr-links{ gap:8px; }
.ftr-art{ width:150px !important; height:76px !important; align-self:flex-start !important; margin-top:-2px !important; }
.ftr-art-svg{ width:76px !important; height:76px !important; }
.ftr-art-photo{ filter:drop-shadow(0 6px 14px rgba(0,0,0,.5)); }
@media (max-width:820px){
  .site-footer{ padding:30px clamp(18px,5vw,40px) 26px !important; }
  .ftr-inner{ gap:16px !important; align-items:flex-start !important; }
}
@media (max-width:760px){
  .ftr-art{ width:126px !important; height:92px !important; margin:2px auto 0 !important; }
  .ftr-art-svg{ width:92px !important; height:92px !important; }
}
.lb-podium-wrap{ padding-top:22px; }
.lb-pod-1 .lb-pod-card{ padding-top:20px; }
.notif-msg .coin-ico,
.rr-toast-text .coin-ico{ width:.95em; height:.95em; vertical-align:-0.12em; margin-right:.26em; }
.chat-form button{ width:38px !important; min-height:38px !important; }
.chat-form input{ min-height:38px !important; }
.chat-form button[type=submit] svg, .chat-emoji-btn svg{ width:23px !important; height:23px !important; }
.chat-rules-btn svg{ width:17px !important; height:17px !important; }
.chat-clear-btn svg{ width:16px !important; height:16px !important; }
.chat-reply-btn svg, .chat-reply-ico svg, .chat-reply-q-ico svg{ width:15px !important; height:15px !important; }
.chat-ctx-btn .nav-ico svg{ width:19px !important; height:19px !important; }
.timer-section-center .timer-wrap::before{ display:none !important; background:none !important; animation:none !important; }
.timer-section-center:has(.timer-prog.danger) .timer-wrap::before{ display:none !important; background:none !important; }
.player-stats .stat-box b{ font-size:25px !important; }
.player-stats .stat-box b.bet-amt .coin-ico{ width:.8em !important; height:.8em !important; }
@media (max-width:760px){ .player-stats .stat-box b{ font-size:22px !important; } }
@media (max-width:680px){
  .player-stats{ grid-template-columns:1fr !important; gap:6px !important; }
  .player-stats .stat-box{ min-width:0; }
  .player-stats .stat-box b{ font-size:19px !important; }
}
.chat-form{ position: relative; }
.chat-mention{
  color:#281C1C !important; background:var(--gold); border-radius:5px;
  padding:1px 6px; font-weight:800; display:inline; white-space:nowrap;
}
.chat-mention.me{ background:var(--gold); color:#281C1C !important; }
.chat-mention-pop{
  position:fixed; width:262px; max-width:calc(100vw - 16px); z-index:4000;
  min-width:262px; max-height:280px; overflow-y:auto; overflow-x:hidden;
  background:#211616; border:1px solid rgba(206,66,43,.22);
  border-radius:11px; padding:6px; box-shadow:0 12px 34px rgba(0,0,0,.55); display:block;
}
.chat-mention-pop[hidden]{ display:none; }
.chat-mention-item{
  display:flex; align-items:center; gap:9px; width:100%; box-sizing:border-box; padding:9px 12px; margin:0 0 2px; border:0; border-radius:8px;
  background:transparent; color:#F4EAE8; font-size:14px; font-weight:700; text-align:left; cursor:pointer;
  white-space:nowrap; word-break:normal; line-height:1.25;
}
.chat-mention-item:last-child{ margin-bottom:0; }
.chat-mention-item:hover, .chat-mention-item.sel{ background:rgba(206,66,43,.22); color:#E8D6D2; }
.chat-mention-item .cm-name{ flex:1 1 auto; min-width:0; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; word-break:normal !important; color:inherit !important; font:700 14px var(--fu,inherit); }
.chat-mention-empty{ padding:10px 12px; color:var(--t3,#6C433D); font-size:13px; font-weight:600; }
.affx-hero{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.affx-hero-sub{ color:var(--t2); font-size:14px; margin:0 0 2px; }
.affx-hero-sub .g{ color:var(--gold2); font-weight:800; }

.affx-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:16px 0 14px; }
@media (min-width:900px){ .affx-stats{ grid-template-columns:repeat(5,1fr); } }
.affx-stat{ position:relative; background:linear-gradient(180deg,#211616,#211616); border:1px solid var(--ln); border-radius:14px; padding:14px 15px; min-width:0; }
.affx-stat-l{ display:flex; align-items:center; gap:5px; font-size:10.5px; font-weight:800; letter-spacing:.06em; color:var(--t3); text-transform:uppercase; white-space:nowrap; }
.affx-stat-n{ display:flex; align-items:center; gap:6px; margin-top:8px; font-family:var(--fu); font-weight:800; font-size:22px; color:var(--t1); font-variant-numeric:tabular-nums; }
.affx-stat-n.g{ color:var(--gold2); }
.affx-stat-n .coin-ico{ width:18px; height:18px; }
.affx-stat-ico{ color:var(--t2); flex:0 0 auto; }
.affx-tip{ width:15px; height:15px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(0,0,0,.3); border:1px solid var(--ln2); color:var(--t3); font-size:10px; font-weight:800; cursor:help; font-style:normal; }
.affx-stat-claim{ border-color:rgba(206,66,43,.34); background:linear-gradient(180deg,rgba(206,66,43,.10),#211616); }
.affx-claim-btn{ margin-top:10px; width:100%; padding:7px; border:0; border-radius:9px; cursor:pointer; font-family:var(--fu); font-weight:800; font-size:12px; letter-spacing:.04em; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); box-shadow:0 4px 12px rgba(206,66,43,.34); transition:filter .15s, transform .15s; }
.affx-claim-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }
.affx-claim-btn:disabled{ opacity:.7; cursor:default; transform:none; }

.affx-share{ display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:0; align-items:end; }
@media (min-width:760px){ .affx-share{ grid-template-columns:1fr 1fr; column-gap:20px; } }
.affx-banner-cta{ display:block; margin:12px 0 4px; grid-column:1 / -1; }
.affx-share-l{ display:block; font-size:12.5px; font-weight:800; color:var(--gold2); margin:0 0 7px; letter-spacing:.02em; }
.affx-copy-row{ display:flex; align-items:center; gap:0; background:#211616; border:1px solid var(--ln2); border-radius:11px; overflow:hidden; }
.affx-copy-ico{ display:flex; align-items:center; padding:0 4px 0 12px; color:var(--gold); flex:0 0 auto; }
.affx-copy-input{ flex:1 1 auto; min-width:0; background:transparent; border:0; outline:0; color:var(--t1); font-size:13.5px; font-weight:700; padding:12px 10px; font-family:var(--fm); }
.affx-copy-btn{ flex:0 0 auto; align-self:stretch; padding:0 18px; border:0; cursor:pointer; font-family:var(--fu); font-weight:800; font-size:12px; letter-spacing:.04em; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); transition:filter .15s; }
.affx-copy-btn:hover{ filter:brightness(1.07); }
.affx-copy-btn.done{ background:linear-gradient(135deg,#2bb964,#1f9a52); color:#fff; }

.affx-card{ background:linear-gradient(180deg,#21161679,#211616); border:1px solid var(--ln); border-radius:16px; margin-bottom:14px; overflow:hidden; }
.affx-card-title{ font-family:var(--fu); font-weight:800; font-size:14px; letter-spacing:.06em; color:var(--t1); text-transform:uppercase; margin:0; }
.affx-card-title-pad{ padding:16px 16px 0; }
.affx-chart-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:15px 16px 6px; }
.affx-range{ display:inline-flex; gap:4px; background:#211616; border:1px solid var(--ln); border-radius:9px; padding:3px; }
.affx-range button{ border:0; background:transparent; color:var(--t3); font-size:11.5px; font-weight:800; padding:5px 10px; border-radius:6px; cursor:pointer; transition:background .15s, color .15s; }
.affx-range button:hover{ color:var(--t1); }
.affx-range button.on{ background:rgba(206,66,43,.16); color:var(--gold2); }
.affx-chart-wrap{ padding:4px 8px 12px; }
.affx-chart{ width:100%; min-height:230px; }
.affx-chart-empty{ display:flex; align-items:center; justify-content:center; height:200px; color:var(--t3); font-size:13px; }
.affx-line{ fill:none; stroke:#CE422B; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 6px rgba(206,66,43,.4)); }
.affx-grid{ stroke:rgba(201,108,91,.10); stroke-width:1; }
.affx-axis{ fill:var(--t3); font-size:10px; font-family:var(--fm); }
.affx-dot{ fill:#E66A55; stroke:#211616; stroke-width:1.4; }

.affx-table-scroll{ overflow-x:auto; }
.affx-table{ width:100%; border-collapse:collapse; min-width:680px; }
.affx-table th{ text-align:left; font-size:10.5px; font-weight:800; letter-spacing:.05em; color:var(--t3); text-transform:uppercase; padding:12px 14px; border-bottom:1px solid var(--ln); white-space:nowrap; }
.affx-table td{ padding:12px 14px; font-size:13.5px; color:var(--t1); border-bottom:1px solid rgba(201,108,91,.06); white-space:nowrap; font-variant-numeric:tabular-nums; }
.affx-table td.g{ color:var(--gold2); font-weight:700; }
.affx-table td .coin-ico{ width:14px; height:14px; }
.affx-table tbody tr:last-child td{ border-bottom:0; }
.affx-table tbody tr:hover td{ background:rgba(206,66,43,.04); }
.affx-td-user{ display:flex; align-items:center; gap:9px; }
.affx-av{ width:26px; height:26px; border-radius:50%; object-fit:cover; flex:0 0 26px; background:#281C1C; }
.affx-av-fb{ display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:12px; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); }
.affx-uname{ font-weight:700; color:var(--t1); }
.affx-td-date{ color:var(--t2); }
.affx-badge{ display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.03em; padding:3px 9px; border-radius:999px; background:rgba(201,108,91,.12); color:var(--t2); border:1px solid var(--ln2); }
.affx-badge.on{ background:rgba(43,185,100,.14); color:#5fd497; border-color:rgba(43,185,100,.34); }
.affx-badge-ftd{ background:rgba(206,66,43,.16); color:var(--gold2); border-color:rgba(206,66,43,.38); }
.affx-empty-row td{ text-align:center; color:var(--t3); padding:26px 14px !important; }
.affx-pager{ display:flex; align-items:center; justify-content:center; gap:12px; padding:12px; }
.affx-pg{ width:32px; height:32px; border-radius:8px; border:1px solid var(--ln2); background:#211616; color:var(--t1); font-size:15px; font-weight:800; cursor:pointer; transition:background .15s; }
.affx-pg:hover:not(:disabled){ background:rgba(206,66,43,.14); border-color:rgba(206,66,43,.34); }
.affx-pg:disabled{ opacity:.35; cursor:default; }
.affx-pg-num{ min-width:28px; height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px; border-radius:8px; background:linear-gradient(135deg,#CE422B,#CE422B); color:#281C1C; font-weight:800; font-size:13px; }

.affx-apikey-card{ padding:16px; }
.affx-apikey-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.affx-apikey-sub{ color:var(--t3); font-size:12.5px; margin:5px 0 0; }
.affx-apikey-btn{ flex:0 0 auto; padding:10px 18px; border:1px solid rgba(206,66,43,.4); border-radius:10px; background:rgba(206,66,43,.10); color:var(--gold2); font-family:var(--fu); font-weight:800; font-size:13px; cursor:pointer; transition:background .15s; }
.affx-apikey-btn:hover{ background:rgba(206,66,43,.18); }
.affx-apikey-btn:disabled{ opacity:.7; cursor:default; }
.affx-apikey-out{ margin-top:14px; }
.affx-codeform{ margin:0 0 16px; }
.affx-codeform-row{ display:flex; gap:10px; flex-wrap:wrap; }
.affx-code-edit{ flex:1 1 220px; min-width:0; background:#211616; border:1px solid var(--ln2); border-radius:11px; padding:12px 14px; color:var(--t1); font-size:14px; font-weight:700; font-family:var(--fm); outline:0; }
.affx-code-edit:focus{ border-color:rgba(206,66,43,.5); }
.affx-code-save{ flex:0 0 auto; padding:0 20px; border:1px solid rgba(206,66,43,.4); border-radius:11px; background:rgba(206,66,43,.12); color:var(--gold2); font-family:var(--fu); font-weight:800; font-size:13px; cursor:pointer; transition:background .15s; }
.affx-code-save:hover{ background:rgba(206,66,43,.2); }
.affx-codeform-hint{ display:block; margin-top:7px; color:var(--t3); font-size:11.5px; }
.affx-apikey-docs{ margin:12px 0 0; color:var(--t3); font-size:12px; line-height:1.5; }
.affx-apikey-docs code{ background:#211616; border:1px solid var(--ln); border-radius:5px; padding:1px 6px; color:var(--gold2); font-size:11.5px; word-break:break-all; }
.chat-ctx-btn[hidden]{ display:none !important; }
.chat-ctx-btn.chat-ctx-danger{ color:#E8A096 !important; }
.chat-ctx-btn.chat-ctx-danger:hover{ background:rgba(239,68,68,.16) !important; color:#fff !important; }
.chat-ctx-btn.chat-ctx-mod .nav-ico{ opacity:.9; }
.afflv-card{ padding-bottom:6px; }
.afflv-list{ display:flex; flex-direction:column; gap:8px; padding:12px 14px 14px; }
.afflv-row{ display:flex; align-items:center; gap:14px; background:linear-gradient(180deg,#211616,#211616); border:1px solid var(--ln); border-radius:12px; padding:11px 14px; transition:border-color .15s, background .15s; }
.afflv-row.on{ border-color:rgba(206,66,43,.45); background:linear-gradient(180deg,rgba(206,66,43,.10),#211616); }
.afflv-badge{ flex:0 0 auto; min-width:54px; text-align:center; font-family:var(--fu); font-weight:800; font-size:13px; letter-spacing:.03em; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); border-radius:8px; padding:6px 8px; }
.afflv-row:not(.on) .afflv-badge{ color:var(--gold2); background:rgba(206,66,43,.14); border:1px solid rgba(206,66,43,.3); }
.afflv-mid{ flex:1 1 auto; min-width:0; }
.afflv-prog-top{ display:flex; align-items:baseline; gap:6px; margin-bottom:5px; font-size:12.5px; }
.afflv-prog-val{ display:inline-flex; align-items:center; gap:4px; color:var(--gold2); font-weight:800; font-variant-numeric:tabular-nums; }
.afflv-prog-val .coin-ico{ width:13px; height:13px; }
.afflv-prog-goal{ color:var(--t3); font-weight:700; }
.afflv-bar{ height:6px; border-radius:99px; background:rgba(201,108,91,.12); overflow:hidden; }
.afflv-bar span{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#CE422B,#CE422B); box-shadow:0 0 10px rgba(206,66,43,.45); }
.afflv-rates{ flex:0 0 auto; display:flex; flex-direction:column; gap:3px; text-align:right; }
.afflv-rate{ font-size:12px; color:var(--t2); white-space:nowrap; }
.afflv-rate b{ color:var(--gold2); font-weight:800; }
@media (max-width:560px){
  .afflv-row{ flex-wrap:wrap; gap:8px 12px; }
  .afflv-rates{ flex-direction:row; gap:12px; text-align:left; width:100%; }
}
.stake-input.bad{ animation:qgShake .4s; }
.bhw-solo{ position:relative; }
.bhw-solo .bhw-av{ width:92px; height:92px; border-color:var(--gold2,#CE422B); box-shadow:0 0 26px rgba(206,66,43,.40); }
.bhw-solo .bhw-av-fb{ font-size:36px; }
.bhw-solo .bhw-crown{ top:-16px; font-size:26px; }
.bhw-solo .bhw-chance{ color:var(--gold2,#CE422B); font-weight:700; font-size:12px; }
.brand{ align-items:center; }
.brand-beta{
  display:inline-flex; align-items:center; align-self:center;
  font-size:10px; font-weight:800; letter-spacing:.10em; line-height:1;
  color:#160F0F; text-transform:uppercase;
  background:linear-gradient(145deg, var(--gold2,#CE422B), var(--gold,#CE422B));
  padding:3px 6px 2px; border-radius:6px; margin-left:2px;
  box-shadow:0 2px 8px rgba(206,66,43,.32); position:relative; top:-1px;
}
@media (max-width:560px){ .brand-beta{ font-size:9px; padding:2px 5px; } }
@media (max-width:1150px){ .brand-beta{ display:none; } }
.chat-rain-tag{ display:inline-flex; align-items:center; gap:5px; font-weight:800; font-size:11px; letter-spacing:.08em;
  color:#D9C8C4; background:linear-gradient(180deg, rgba(217,135,120,.18), rgba(217,135,120,.05));
  padding:2px 8px 2px 5px; border-radius:7px; border:1px solid rgba(217,135,120,.38); line-height:1; vertical-align:middle; }
.chat-rain-tag .crt-txt{ text-shadow:0 1px 4px rgba(217,135,120,.5); }
.crt-drops{ position:relative; width:15px; height:14px; display:inline-block; overflow:hidden; flex:0 0 15px; }
.crt-drops i{ position:absolute; top:-5px; width:1.6px; height:5px; border-radius:1px; background:linear-gradient(180deg,#d4ecff,#D98778); opacity:0;
  animation:crtRain 1s linear infinite; }
.crt-drops i:nth-child(1){ left:2px;  animation-delay:0s; }
.crt-drops i:nth-child(2){ left:6px;  animation-delay:.28s; }
.crt-drops i:nth-child(3){ left:10px; animation-delay:.55s; }
.crt-drops i:nth-child(4){ left:13px; animation-delay:.78s; }
@keyframes crtRain{ 0%{ transform:translateY(-5px); opacity:0; } 18%{ opacity:.95; } 100%{ transform:translateY(15px); opacity:0; } }
.chat-tip-tag{ display:inline-flex; align-items:center; gap:4px; font-weight:800; font-size:11px; letter-spacing:.08em;
  color:#160F0F; background:linear-gradient(145deg,var(--gold2,#CE422B),var(--gold,#CE422B));
  padding:2px 8px; border-radius:7px; line-height:1; vertical-align:middle; box-shadow:0 2px 7px rgba(206,66,43,.3); }
.chat-tip-tag .coin-ico{ width:13px; height:13px; flex:0 0 13px; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .crt-drops i{ animation:none; opacity:.85; } }
.rev-periods{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:14px 0 10px; }
.rev-pill{ display:inline-flex; align-items:center; padding:8px 16px; border-radius:9px; font-weight:700; font-size:13px;
  color:var(--t2); background:rgba(255,255,255,.04); border:1px solid var(--ln); text-decoration:none; transition:.15s; }
.rev-pill:hover{ color:var(--t1); border-color:var(--p); }
.rev-pill.on{ color:#160F0F; background:linear-gradient(145deg,var(--gold2,#CE422B),var(--gold,#CE422B)); border-color:transparent; }
.rev-custom{ display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid var(--ln); }
.rev-custom.on{ border-color:var(--gold,#CE422B); }
.rev-custom input[type=date]{ background:rgba(0,0,0,.35); border:1px solid var(--ln); border-radius:7px; color:var(--t1); padding:6px 8px; font-size:13px; color-scheme:dark; }
.rev-arrow{ color:var(--t3); }
.rev-apply{ padding:7px 14px; border-radius:7px; border:0; background:var(--p); color:#fff; font-weight:700; font-size:13px; cursor:pointer; }
.rev-apply:hover{ filter:brightness(1.1); }
.rev-range-note{ color:var(--t2); font-size:12.5px; margin-bottom:14px; }
.rev-range-note b{ color:var(--t1); }
.rev-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.rev-card{ background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)); border:1px solid var(--ln); border-radius:14px; padding:16px 18px; }
.rev-card-lbl{ color:var(--t3); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-bottom:8px; }
.rev-card-num{ font-size:26px; font-weight:800; color:var(--t1); display:flex; align-items:center; gap:6px; }
.rev-card-num .coin-ico{ width:20px; height:20px; }
.rev-card-num.neg{ color:#ff6b6b; }
.rev-dep{ border-color:rgba(90,200,140,.30); }
.rev-dep .rev-card-num{ color:#7fdca5; }
.rev-wd{ border-color:rgba(255,120,120,.30); }
.rev-wd .rev-card-num{ color:#ff9b9b; }
.rev-comm{ border-color:rgba(206,66,43,.45); background:linear-gradient(180deg, rgba(206,66,43,.10), rgba(206,66,43,.02)); }
.rev-comm .rev-card-num{ color:var(--gold2,#CE422B); }
.rev-forfeit{ border-color:rgba(217,135,120,.38); background:linear-gradient(180deg, rgba(217,135,120,.10), rgba(217,135,120,.02)); }
.rev-forfeit .rev-card-num{ color:#D9C8C4; }
.rev-tables{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.rev-tbl{ background:rgba(255,255,255,.025); border:1px solid var(--ln); border-radius:12px; overflow:hidden; }
.rev-tbl-head{ padding:11px 14px; font-weight:700; font-size:13px; color:var(--t1); background:rgba(255,255,255,.04); border-bottom:1px solid var(--ln); }
.rev-trow{ display:flex; justify-content:space-between; align-items:center; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,.05); font-size:13px; }
.rev-trow:last-child{ border-bottom:0; }
.rev-trow span{ color:var(--t2); }
.rev-trow b{ color:var(--t1); display:inline-flex; align-items:center; gap:5px; font-weight:700; }
.rev-trow b .coin-ico{ width:14px; height:14px; }
.rev-trow-tot{ background:rgba(206,66,43,.06); }
.rev-trow-tot span, .rev-trow-tot b{ color:var(--gold2,#CE422B); font-weight:800; }
.rev-foot-note{ color:var(--t3); font-size:11.5px; margin-top:14px; line-height:1.5; }
@media (max-width:860px){ .rev-cards{ grid-template-columns:1fr 1fr; } .rev-tables{ grid-template-columns:1fr; } }
@media (max-width:480px){ .rev-cards{ grid-template-columns:1fr; } .rev-custom{ width:100%; flex-wrap:wrap; } }
.adm-gh-vs{ font-size:12.5px; color:var(--t2,#D9C8C4); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.legal-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.legal-tab{ display:inline-block; padding:8px 14px; border-radius:10px; font-size:13px; font-weight:700;
  color:var(--t2,#BFA7A2); background:linear-gradient(180deg,var(--rust-card2,#281C1C),var(--rust-card,#211616));
  border:1px solid var(--rust-ln,rgba(206,66,43,.14)); text-decoration:none; transition:color .15s ease, border-color .15s ease, transform .12s ease; }
.legal-tab:hover{ color:#fff; border-color:rgba(206,66,43,.3); transform:translateY(-1px); }
.legal-tab.active{ color:#281C1C; background:linear-gradient(135deg,#CE422B,#D98778); border-color:transparent; box-shadow:0 6px 16px rgba(206,66,43,.28); }
.legal-doc{ line-height:1.7; color:var(--t2,#c2c9dc); width:100%; max-width:none; }
.legal-doc p{ max-width:1100px; }
.legal-doc h3{ margin:22px 0 8px; font-size:16px; color:#fff; font-weight:800; }
.legal-doc h3:first-of-type{ margin-top:8px; }
.legal-doc p{ margin:0 0 12px; }
.legal-doc a{ color:#CE422B; text-decoration:none; border-bottom:1px solid rgba(230,106,85,.35); }
.legal-doc a:hover{ border-bottom-color:#CE422B; }
.legal-updated{ font-size:12px; color:var(--t3,#6C433D); text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px !important; }
.ftr-links-legal{ margin-top:6px; opacity:.92; }
.ftr-links-legal a{ font-size:12px; }
.ftr-links-legal{ flex-wrap:wrap; }
.ftr-links-legal a{ white-space:nowrap; }
.ftr-links a{ white-space:nowrap; }
.cf-view-btn{ display:inline-flex; align-items:center; gap:5px; padding:7px 13px; border:1px solid rgba(206,66,43,.25);
  background:rgba(206,66,43,.1); color:#E8D6D2; font:700 12px var(--fu,inherit); border-radius:9px; cursor:pointer; transition:background .15s, border-color .15s; }
.cf-view-btn:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:#E8D6D2; }
.cf-game-actions .cf-waiting-tag{ margin-left:8px; }
.ftr-fair-img{ display:block; max-width:96px; height:auto; margin-top:6px; opacity:.9; }
.wr-scan-link{ color:#CE422B; text-decoration:none; font-weight:700; border-bottom:1px solid rgba(230,106,85,.4); }
.wr-scan-link:hover{ color:#E8D6D2; }
.adm-wreq-acct{ font-size:12px; color:var(--t2,#BFA7A2); word-break:break-all; }
.fair-copy{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-left:6px; vertical-align:middle;
  border:1px solid rgba(206,66,43,.28); background:rgba(206,66,43,.1); color:#E8D6D2; border-radius:6px; cursor:pointer;
  font-size:12px; line-height:1; padding:0; transition:background .14s, border-color .14s, color .14s; }
.fair-copy:hover{ background:rgba(206,66,43,.18); border-color:rgba(206,66,43,.45); color:#E8D6D2; }
.fair-copy.copied{ background:rgba(74,222,128,.2); border-color:rgba(74,222,128,.5); color:#bbf7d0; }
.cf-row-wonskin{ display:inline-flex; align-items:center; gap:6px; }
.cf-row-wonskin img{ width:30px; height:30px; object-fit:contain; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
.cf-row-stakedskins{ display:inline-flex; align-items:center; gap:4px; flex:0 0 auto; margin-right:2px; }
.cf-row-stakedskins img{ width:28px; height:28px; object-fit:contain; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
.cf-row-stakedskins .skin-stack .ss-th{ width:28px; height:28px; }
.cf-row-wonval{ display:inline-flex; align-items:center; gap:3px; color:var(--gold2,#D98778); font-weight:800; font-size:13px; }
.rp-recent-wonskin{ display:inline-flex; align-items:center; gap:5px; color:var(--gold2,#D98778); font-weight:800; font-size:13px; }
.rp-recent-wonskin > img, .cf-row-wonskin > img{ width:28px; height:28px; object-fit:contain; box-sizing:border-box; border:1.5px solid rgba(0,0,0,.55); border-radius:8px; background:rgba(0,0,0,.22); filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)); }
.rp-recent-wonskin .skin-stack .ss-th, .cf-row-wonskin .skin-stack .ss-th{ width:28px; height:28px; }
.affx-lvl-chip{ display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:22px; padding:0 6px;
  border-radius:6px; background:rgba(206,66,43,.14); color:#CE422B; font-weight:800; font-size:12px; }
.affx-td-lvl, .affx-td-games{ text-align:center; color:var(--t1,#F4EAE8); font-weight:600; }
@media (max-width: 480px){
  .fair-copy{ width:26px; height:26px; font-size:13px; margin-left:5px; }
  .cf-row-wonskin img, .rp-recent-wonskin img{ width:24px; height:24px; }
  .cf-row-wonval, .rp-recent-wonskin{ font-size:12px; }
  .affx-table th, .affx-table td{ padding:10px 10px; font-size:12.5px; }
  .affx-lvl-chip{ min-width:22px; height:20px; font-size:11px; }
  .wr-scan-link{ display:inline-block; margin-top:2px; }
  .ftr-fair-img{ margin-left:auto; margin-right:auto; }
  .bh-prize{ font-size:13px; }
}
@media (max-width: 360px){
  .cf-game-row .cf-history-row-result{ font-size:12px; }
  .fair-copy{ width:24px; height:24px; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
@media (max-width: 560px){ }
.chat-game-card{ display:flex; flex-direction:column; gap:8px; margin-top:6px; padding:9px 11px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.22));
  border:1px solid rgba(206,66,43,.18); border-radius:12px;
  box-shadow:0 6px 16px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04); max-width:100%; }
.cgc-top{ display:flex; align-items:center; gap:10px; min-width:0; }
.cgc-bottom{ display:flex; align-items:center; justify-content:flex-start; gap:8px 10px; flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.07); padding-top:8px; }
.cgc-load{ color:#9E817B; font-size:12px; padding:4px 2px; }
.cgc-thumb{ width:46px; height:46px; flex:0 0 46px; border-radius:9px; object-fit:cover;
  background:#211616; border:1px solid rgba(255,255,255,.08); }
.cgc-thumb-ico{ display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--gold2,#CE422B);
  background:radial-gradient(120% 120% at 50% 0%, rgba(206,66,43,.18), rgba(33,22,22,.9)); }
.cgc-thumb-ico svg{ width:26px; height:26px; }
.cgc-info{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.cgc-label{ font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#CE422B; }
.cgc-win{ font-size:12px; color:#c7cee0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cgc-win b{ color:#eef2fb; }
.cgc-pot{ display:inline-flex; align-items:center; gap:3px; font-size:13px; font-weight:800; color:#F4DEDA;
  text-shadow:0 0 12px rgba(206,66,43,.25); }
.cgc-pot .coin-ico{ width:13px; height:13px; }
.cgc-watch{ flex:0 0 auto; align-self:center; display:inline-flex; align-items:center; justify-content:center;
  padding:5px 12px; border-radius:8px; font-size:11.5px; font-weight:800; text-decoration:none; cursor:pointer; white-space:nowrap;
  color:#E8D6D2; background:rgba(206,66,43,.1); border:1px solid rgba(206,66,43,.25);
  transition:background .15s ease, border-color .15s ease, color .15s ease; }
.cgc-watch:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:#E8D6D2; }
.cgc-btns{ display:flex; align-items:center; gap:6px; flex:0 0 auto; margin-left:auto; }
@media (max-width: 480px){ .chat-game-card{ max-width:100%; } .cgc-thumb{ width:40px; height:40px; flex-basis:40px; } }
#chatRainPot{ display:inline-block; transition:transform .18s ease, text-shadow .18s ease; }
#chatRainPot.rain-pot-rising{ animation:rainPotRise .9s ease-out; }
@keyframes rainPotRise{
  0%{ transform:translateY(2px); text-shadow:0 0 0 rgba(206,66,43,0); }
  40%{ transform:translateY(-2px); text-shadow:0 0 14px rgba(206,66,43,.55); }
  100%{ transform:translateY(0); text-shadow:0 0 8px rgba(206,66,43,.2); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ #chatRainPot.rain-pot-rising{ animation:none; } }
.rp-pot-skins{ margin-top:7px; display:flex; flex-wrap:wrap; gap:5px; align-items:center; min-height:0; }
.rp-pot-skins:empty{ display:none; }
.rp-pot-skins .skin-stack{ transform:scale(1.05); transform-origin:left center; }
.champ-pot-skins{ margin-top:8px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; justify-content:center; }
.champ-pot-skins:empty{ display:none; }
.champ-pot-skins .skin-stack{ transform:scale(1.12); transform-origin:center; }
.cgc-thumb-stack{ position:relative; width:46px; height:46px; flex:0 0 46px; background:transparent !important; border:0 !important; padding:0; overflow:visible; }
.cgc-thumb-stack .skin-stack{ position:static; gap:0; }
.cgc-thumb-stack .ss-th{ width:46px; height:46px; }
.cgc-thumb-stack .skin-stack-more{ position:absolute; right:-5px; bottom:-5px; margin:0; font-size:10px; font-weight:800; padding:1px 5px; z-index:2; background:#281C1C; color:#F4EAE8; box-shadow:0 2px 6px rgba(0,0,0,.5); }
@media (max-width: 480px){ .cgc-thumb-stack{ width:40px; height:40px; flex-basis:40px; } .cgc-thumb-stack .ss-th{ width:40px; height:40px; } }
.rp-recent-wonskin .skin-stack, .cf-row-wonskin .skin-stack{ vertical-align:middle; }
.cf-views-badge{ position:absolute; right:-5px; bottom:-5px; width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; border:2.5px solid #211616;
  box-shadow:0 3px 9px rgba(0,0,0,.55); z-index:3; }
.cf-views-badge svg{ width:19px; height:19px; display:block; }
.cf-views-red{ background:linear-gradient(135deg,#ff3b30,#c81e14); color:#fff; }
.cf-views-blue{ background:linear-gradient(135deg,#281C1C,#211616); color:#ff4136; }
@media (max-width:560px){ .cf-views-badge{ width:28px; height:28px; right:-3px; bottom:-3px; } .cf-views-badge svg{ width:16px; height:16px; } }
.cf-modal-player .cf-modal-pmain{ display:flex; align-items:center; justify-content:center; gap:8px; }
.cf-modal-pskins{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
.cf-modal-pskins:empty{ display:none; }
.cf-modal-pskins .skin-stack .ss-th{ width:40px; height:40px; }
.cf-modal-pskins .skin-stack-more{ font-size:11px; }
.cf-modal-player{ max-width:210px !important; }
@media (max-width:560px){ .cf-modal-pskins .skin-stack .ss-th{ width:32px; height:32px; } .cf-modal-player{ max-width:170px !important; } }
.ftr-build{ opacity:.5; font-size:.85em; letter-spacing:.02em; margin-left:4px; }
.cf-modal-sidecoin{ position:absolute; right:-5px; bottom:-5px; width:36px; height:36px; border-radius:50%;
  overflow:visible; border:none; background:transparent; box-shadow:none; z-index:3;
  display:flex; align-items:center; justify-content:center; }
.cf-modal-sidecoin img{ width:100%; height:100%; object-fit:contain; display:block;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.6)); }
@media (max-width:560px){ .cf-modal-sidecoin{ width:30px; height:30px; right:-3px; bottom:-3px; } }
.rp-map{ position:relative; }
.rp-pot-skins-bl{ position:absolute; left:10px; bottom:10px; margin:0; z-index:6;
  background:rgba(33,22,22,.66); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:5px 7px;
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); max-width:64%; }
.rp-pot-skins-bl:empty{ display:none; }
.rp-pot-skins-bl .skin-stack{ transform:none; }
.rp-pot-skins-bl .skin-stack .ss-th{ width:34px; height:34px; }
.champ-pot-skins, .rp-pot-skins-bl, .champ-seat-skins{ position:relative; z-index:8; }
@keyframes rpNearEdge{ 0%,100%{ transform:scale(1); filter:none; } 40%{ transform:scale(1.18); filter:drop-shadow(0 0 8px #E66A55) brightness(1.25); } }
.rp-av-wrap.rp-nearedge, .rp-nearedge{ animation:rpNearEdge .34s ease; z-index:20 !important; }
@keyframes rpRingThrob{ 0%,100%{ box-shadow:0 0 0 2px rgba(255,60,60,.6), inset 0 0 40px rgba(255,40,40,.25); } 50%{ box-shadow:0 0 0 4px rgba(255,90,90,.95), inset 0 0 70px rgba(255,60,60,.5); } }
.rp-ring.rp-ring-throb{ animation:rpRingThrob .34s ease; }
.hm-free{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin:16px 0 8px;
  background:rgba(33,22,22,.42); border:1px solid rgba(206,66,43,.1);
  border-radius:16px; padding:18px 22px; }
.hm-free-hero{ display:flex; align-items:center; gap:18px; flex:1 1 260px; min-width:220px; }
.hm-free-hero-ico{ width:58px; height:58px; flex:none; display:flex; align-items:center; justify-content:center;
  color:var(--gold2,#CE422B); background:radial-gradient(62% 62% at 50% 42%, rgba(206,66,43,.15), transparent 72%); }
.hm-free-hero-ico svg{ width:40px; height:40px; }
.hm-free-item{ display:flex; align-items:flex-start; gap:12px; text-decoration:none; padding:7px 8px; border-radius:11px; transition:background .14s; }
.hm-free-item:hover{ background:rgba(255,255,255,.04); }
.hm-free-i{ width:34px; height:34px; flex:none; display:flex; align-items:center; justify-content:center;
  color:#aeb7cb; transition:color .14s; }
.hm-free-i svg{ width:22px; height:22px; display:block; }
.hm-free-item:hover .hm-free-i{ color:var(--gold2,#CE422B); }
@media (max-width:620px){ }
@media (max-width:820px){ }
.nav-games-menu{ flex-direction:column !important; gap:3px !important; width:238px; padding:8px !important; }
.nav-games-menu::before{ left:24px; }
.ngm-card{ width:auto !important; flex-direction:row !important; align-items:center; gap:10px; min-height:44px; padding:6px 11px !important; border-radius:10px; overflow:visible !important; transition:background .14s ease !important; }
.ngm-card:hover{ transform:none !important; box-shadow:none !important; background:rgba(255,255,255,.055); }
.ngm-card::after{ display:none !important; }
.ngm-art{ display:none !important; }
.ngm-meta{ padding:0 !important; flex:1; min-width:0; }
.ngm-meta b{ font-size:13.5px; line-height:1.15; }
.ngm-meta small{ display:none !important; }
.ngm-stat{ margin-left:auto; font-size:11.5px; font-weight:800; color:#9E817B; white-space:nowrap; display:inline-flex; align-items:center; gap:4px; }
.ngm-stat .coin-ico{ width:12px; height:12px; flex:0 0 12px; }
.ngm-stat .coin-amt{ color:#F4DEDA; }
.ngm-stat.live::before{ content:""; width:7px; height:7px; border-radius:50%; background:#42d778; box-shadow:0 0 6px #42d778; display:inline-block; }
.ngm-stat-wait{ color:#E66A55; }
#prizePool .coin-d, #heroPool .coin-d, .rp-pot .coin-d{ font-weight:inherit !important; }
#prizePool .coin-c, #heroPool .coin-c, .rp-pot .coin-c{
  font-size:1em !important; opacity:.5 !important; font-weight:inherit !important; vertical-align:baseline !important; letter-spacing:0 !important;
}
.arena #prizePool .coin-c, .arena #heroPool .coin-c, .arena .bhw-prize .coin-c, .arena .cgc-pot .coin-c{ color:#9E817B !important; -webkit-text-fill-color:#9E817B !important; opacity:1 !important; background:none !important; }
.fair-game-ico{ color:var(--gold2,#CE422B); line-height:0; }
.fair-game-ico svg{ width:32px; height:32px; display:inline-block; }
.hist-item-gico{ display:inline-flex; align-items:center; justify-content:center; color:#aeb7cb; flex:0 0 auto; }
.hist-item-gico svg{ width:18px; height:18px; display:block; }
svg.ic{ width:1em; height:1em; vertical-align:-.14em; display:inline-block; flex:none; }
.rr-toast-info    .rr-toast-ico{ color:var(--rust3); }
.rr-toast-success .rr-toast-ico{ color:#22c55e; }
.rr-toast-money   .rr-toast-ico{ color:#CE422B; }
.rr-toast-error   .rr-toast-ico{ color:#CE422B; }
.rr-toast-win     .rr-toast-ico{ color:#CE422B; }
.bhw-crown{ color:#CE422B; }
.ngm-ico svg{ transform-origin:50% 50%; overflow:visible; transition:filter .2s ease; }
@keyframes ngmCrownShake{ 0%,100%{transform:rotate(0)} 18%{transform:rotate(-10deg)} 38%{transform:rotate(8deg)} 58%{transform:rotate(-5deg)} 78%{transform:rotate(3deg)} }
.ngm-card-champions:hover .ngm-ico svg{ animation:ngmCrownShake .5s ease-in-out; filter:drop-shadow(0 0 7px rgba(206,66,43,.9)); }
@keyframes ngmFlip{ 0%{transform:rotateY(0)} 100%{transform:rotateY(360deg)} }
.ngm-card-flip .ngm-ico{ perspective:220px; }
.ngm-card-flip:hover .ngm-ico svg{ animation:ngmFlip .7s cubic-bezier(.4,.05,.3,1); }
@keyframes ngmPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(.76)} }
.ngm-card-rustpot:hover .ngm-ico svg{ animation:ngmPulse 1.15s ease-in-out infinite; filter:drop-shadow(0 0 7px rgba(239,68,68,.75)); }
@keyframes ngmQIn{ 0%{opacity:0} 100%{opacity:1} }
@keyframes ngmQBob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-.9px)} }
.rp-pot-skins-below{ display:flex; justify-content:center; align-items:center; gap:6px; margin:11px 0 3px; flex-wrap:wrap; min-height:0; }
.rp-pot-skins-below:empty{ display:none; }
.rp-pot-skins-below .skin-stack{ transform:none; }
.rp-pot-skins-below .skin-stack .ss-th{ width:36px; height:36px; }
.rp-recent-row{ gap:10px; }
.rp-recent-l{ display:flex; align-items:center; gap:7px; min-width:0; flex:1 1 auto; }
.rp-recent-l .rp-recent-name{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rp-recent-r{ display:flex; align-items:center; gap:9px; margin-left:auto; flex:0 0 auto; }
.rp-recent-r .rp-recent-amt, .rp-recent-r .rp-recent-wonskin{ margin-left:0; }
.cf-coin-wrap.cf-waiting{ position:relative; filter:grayscale(1) brightness(.72) contrast(.92); animation:none !important; transform:none !important; }
.cf-coin-wrap.cf-waiting .cf-face-img{ visibility:hidden !important; }
.cf-coin-wrap.cf-waiting .cf-face{ background:radial-gradient(circle at 50% 36%, #5a606c 0%, #281C1C 58%, #281C1C 100%) !important; }
.cf-coin-wrap.cf-waiting::after{
  content:"?"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:var(--fd,system-ui,sans-serif); font-size:72px; font-weight:900; color:#c2c9d6;
  text-shadow:0 3px 10px rgba(0,0,0,.7); z-index:6; pointer-events:none;
}
.cf-outcome-waiting{ color:#9aa3b8 !important; font-weight:700; }
.cf-share-chat{ position:absolute; top:12px; right:96px; z-index:6; width:34px; height:34px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center; gap:0;
  border:1px solid rgba(206,66,43,.30);
  background:linear-gradient(180deg, rgba(206,66,43,.15), rgba(0,0,0,.22)); color:#CE422B;
  cursor:pointer; transition:filter .15s ease, transform .06s ease; }
.cf-share-chat svg{ width:17px; height:17px; flex:none; }
.cf-share-chat span{ display:none; }
.cf-share-chat:hover{ filter:brightness(1.12); }
.cf-share-chat:active{ transform:translateY(1px); }
.cgc-live{ color:#8fe3a3; font-weight:900; font-size:10px; letter-spacing:.05em; }
.cgc-open-card{ border-color:rgba(143,227,163,.34) !important; }
.cgc-join{ color:#08210f !important; background:linear-gradient(180deg,#7ee0a6,#43c47a) !important;
  border-color:rgba(0,0,0,.2) !important; box-shadow:0 2px 8px rgba(67,196,122,.32) !important; }
#cfModal .cf-modal-players{ justify-content:space-between !important; align-items:flex-start !important; gap:8px; padding:0 4px; }
#cfModal .cf-mplayer-left{ align-items:center; }
#cfModal .cf-mplayer-right{ align-items:center; }
#cfModal .cf-modal-vs{ align-self:center; margin-top:34px; }
.cf-modal-pskins-below{ display:flex; align-items:center; justify-content:center; gap:4px; margin-top:3px; min-height:0; }
.cf-modal-pskins-below:empty{ display:none; }
.cf-modal-pskins-below .skin-stack .ss-th{ width:34px; height:34px; }
.cf-modal-pskins-below .skin-stack-more{ font-size:10px; font-weight:800; }
@media (max-width:560px){ .cf-modal-pskins-below .skin-stack .ss-th{ width:28px; height:28px; } }
.block-door{
  position:absolute; top:50%; width:104px; opacity:0; z-index:8; pointer-events:none;
  transform:translate(-50%,-50%) scale(.9);
  transition:transform .1s ease-out, opacity .08s ease-out;
  filter:drop-shadow(0 6px 15px rgba(0,0,0,.6));
}
.block-door.in{ opacity:1; transform:translate(-50%,-50%) scale(1); }
.block-door.real.bs-l{ left:66%; }
.block-door.real.bs-r{ left:34%; }
.door-svg,.door-img{ width:100%; height:auto; display:block; filter:drop-shadow(0 5px 13px rgba(0,0,0,.62)); }
.block-door.clink{ animation:doorHit .34s ease; }
@keyframes doorHit{
  0%{ transform:translate(-50%,-50%) scale(1) rotate(0); }
  22%{ transform:translate(calc(-50% + 3px),-50%) scale(1.03) rotate(1.4deg); }
  55%{ transform:translate(calc(-50% - 2px),-50%) scale(1.01) rotate(-.8deg); }
  100%{ transform:translate(-50%,-50%) scale(1) rotate(0); }
}
.door-sparks{ position:absolute; width:8px; height:8px; transform:translate(-50%,-50%); pointer-events:none; }
.door-sparks::before{
  content:""; position:absolute; inset:-9px; border-radius:50%;
  background:radial-gradient(circle, rgba(232,214,210,.95), rgba(255,150,45,.55) 42%, transparent 72%);
  animation:doorSparkFlash .42s ease-out forwards;
}
.door-sparks::after{
  content:""; position:absolute; inset:-4px; border-radius:50%;
  box-shadow:0 0 0 2px rgba(230,106,85,.85), 0 0 12px 2px rgba(255,170,60,.6);
  animation:doorSparkRing .46s ease-out forwards;
}
@keyframes doorSparkFlash{ 0%{ transform:scale(.35); opacity:1; } 100%{ transform:scale(1.7); opacity:0; } }
@keyframes doorSparkRing{ 0%{ transform:scale(.3); opacity:.9; } 100%{ transform:scale(2.2); opacity:0; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .block-door{ transition:none; } .block-door.clink{ animation:none; } .door-sparks::before,.door-sparks::after{ animation:none; opacity:0; } }


























.r-grey{ --rc:#B87569; } .r-blue{ --rc:#D98778; } .r-purple{ --rc:#D98778; }
.r-pink{ --rc:#E66A55; } .r-red{ --rc:#e0503f; } .r-gold{ --rc:#CE422B; }












































 














@media (max-width:600px){    }





































 
























@media (max-width:560px){    }




.lvr-lead{color:var(--t2);font-size:14px;margin:2px 0 16px;max-width:680px;line-height:1.5}
.lvr-top{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch;margin-bottom:18px}
.lvr-cur{flex:1;min-width:280px;display:flex;gap:14px;align-items:center;background:rgba(0,0,0,.22);border:1px solid var(--ln);border-radius:14px;padding:16px 18px}
.lvr-badge{flex:none;font:900 15px var(--fu);letter-spacing:.04em;padding:10px 14px;border-radius:11px;background:linear-gradient(135deg,#3A2525,#281C1C);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.35)}
.lvr-prog{flex:1;min-width:0}
.lvr-prog-head{display:flex;justify-content:space-between;font:700 12px var(--fu);color:var(--t2);margin-bottom:7px}
.lvr-bar{height:9px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}
.lvr-bar>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#CE422B,#E66A55);box-shadow:0 0 10px rgba(224,102,63,.5);transition:width .5s ease}
.lvr-prog-sub{font:600 11.5px var(--fu);color:var(--t3);margin-top:6px}
.lvr-claimbox{flex:none;min-width:220px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:rgba(224,102,63,.08);border:1px solid rgba(224,102,63,.28);border-radius:14px;padding:16px 18px}
.lvr-claim-amt{display:flex;flex-direction:column;gap:2px}
.lvr-claim-lbl{font:700 11px var(--fu);text-transform:uppercase;letter-spacing:.06em;color:var(--t2)}
.lvr-claim-amt b{font:900 22px var(--fu);color:var(--gold2,#D98778);display:inline-flex;align-items:center;gap:5px}
.lvr-claim-amt b .coin-ico{width:16px;height:16px}
.lvr-ladder{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px}
.lvr-tier{flex:none;width:132px;background:rgba(0,0,0,.22);border:1px solid var(--ln);border-radius:13px;padding:14px 12px;text-align:center;position:relative}
.lvr-tier-top{font:700 12px var(--fu);color:var(--t2);text-transform:uppercase;letter-spacing:.05em}
.lvr-tier-amt{font:900 18px var(--fu);color:var(--t1);margin:8px 0;display:inline-flex;align-items:center;gap:5px}
.lvr-tier-amt .coin-ico{width:15px;height:15px}
.lvr-tier-badge{font:700 11px var(--fu);text-transform:uppercase;letter-spacing:.05em;color:var(--t3)}
.lvr-tier.lvr-ready{border-color:rgba(224,102,63,.5);background:rgba(224,102,63,.1)}
.lvr-tier.lvr-ready .lvr-tier-badge{color:#E66A55}
.lvr-tier.lvr-claimed{opacity:.6}
.lvr-tier.lvr-claimed .lvr-tier-badge{color:#4ade80}
.lvr-tier.lvr-locked{opacity:.72}
.crown-coin-ico{display:inline-flex;align-items:center;line-height:0}
.crown-coin-ico svg{display:block}
.crown-pill .balance-pill-main{color:#CE422B;font-weight:800}
@keyframes crownPulse{0%{transform:scale(1)}42%{transform:scale(1.13)}100%{transform:scale(1)}}
.crown-pill.updated{animation:crownPulse .5s ease}
.ss-th{
  background: radial-gradient(circle at 50% 34%, #6C433D, #281C1C 82%) !important;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 2px 5px rgba(0,0,0,.32);
}
.ss-th img, .cm-img, .cf-face-img, .rp-recent-wonskin, .rp-skin-inline, .skin-card img, .cf-modal-pskins img { filter: drop-shadow(0 3px 6px rgba(0,0,0,.55)); }
.skin-card, .rp-pot-skin, .cgc-thumb-stack, .sst-th { background-color: rgba(201,108,91,.16) !important; }
.rf-crownbar{position:relative;overflow:hidden}
.rf-crownbar::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);animation:rfShine 4.5s ease-in-out infinite}
@keyframes rfShine{0%{left:-60%}55%,100%{left:130%}}
.rf-card{position:relative}
.rf-card::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(180deg,rgba(206,66,43,.35),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
.rf-prize{position:relative}
.rf-prize::after{content:"LIVE";position:absolute;top:12px;right:12px;font:800 9px var(--fu);letter-spacing:.08em;color:#fff;background:rgba(239,68,68,.9);padding:3px 8px 3px 15px;border-radius:20px}
.rf-prize::before{content:"";position:absolute;top:17px;right:44px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:rfPulse 1.3s ease-in-out infinite;z-index:1}
@keyframes rfPulse{0%,100%{opacity:1}50%{opacity:.35}}
.rf-prize img{transition:transform .3s ease}
.rf-card:hover .rf-prize img{transform:scale(1.06)}
.rf-tbox b{text-shadow:0 0 12px rgba(206,66,43,.4)}
.rf-avatars:hover .rf-av,.rf-avatars:hover .rf-av-fb{border-color:#CE422B}
.rf-winrow{transition:border-color .18s ease}
.rf-winrow:hover{border-color:rgba(206,66,43,.4)}
.lb-podium-wrap{
  background:linear-gradient(180deg,rgba(40,28,28,.55),rgba(33,22,22,.74));
  border:1px solid rgba(206,66,43,.22);
  border-radius:22px;
  padding:32px 22px 24px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
}
.skin-tip-float{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.22) transparent; }
.skin-tip-float::-webkit-scrollbar{ width:7px; }
.skin-tip-float::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.22); border-radius:4px; }
.skin-tip-float.has-scroll::after{ content:"⌄ scroll"; position:sticky; bottom:0; display:block; text-align:center; font:800 10px var(--fu); letter-spacing:.06em; color:#CE422B; padding:6px 0 4px; margin-top:-2px; background:linear-gradient(180deg,transparent,rgba(33,22,22,.97) 55%); pointer-events:none; }
.rf-tin-wrap{ position:relative; flex:none; }
.rf-tin-wrap .rf-tin{ padding-right:30px !important; }
.rf-tin-ico{ position:absolute; right:9px; top:50%; transform:translateY(-50%); pointer-events:none; display:inline-flex; line-height:0; }
.rf-tin-wrap .rf-tin{ width:92px !important; padding:13px 30px 13px 12px !important; font-size:16px !important; }
.rf-enterbtn{ padding:13px 18px !important; font-size:15px !important; font-weight:800 !important; }
.lvr-claim-big{ font-size:26px !important; } .lvr-claim-big .coin-d{ font-weight:900; }
.rfpart{ position:fixed; inset:0; background:rgba(0,0,0,.8); z-index:9998; display:none; align-items:center; justify-content:center; padding:20px; }
.rfpart.open{ display:flex; }
.rfpart-box{ background:var(--card); border:1px solid var(--ln); border-radius:18px; width:420px; max-width:100%; max-height:80vh; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.5); }
.rfpart-head{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--ln); font:800 16px var(--fu); color:var(--t1); }
.rfpart-close{ background:none; border:none; color:var(--t2); font-size:20px; cursor:pointer; line-height:1; }
.rfpart-list{ overflow-y:auto; padding:10px 14px; display:flex; flex-direction:column; gap:7px; }
.rfpart-row{ display:flex; align-items:center; gap:10px; font:700 13px var(--fu); color:var(--t2); padding:6px 4px; }
.rfpart-row img,.rfpart-row .rf-av-fb{ width:30px; height:30px; margin:0; border-width:1px; }
.rfpart-row b{ margin-left:auto; color:#CE422B; }
.rfpart-more{ margin:6px 14px 16px; padding:11px; background:rgba(206,66,43,.1); border:1px solid rgba(206,66,43,.3); color:#CE422B; border-radius:10px; font:800 13px var(--fu); cursor:pointer; }
.rfpart-more:hover{ background:rgba(206,66,43,.18); }



.rfv-cwrap{ display:flex; gap:6px; align-items:stretch; }
.rfv-cwrap code{ flex:1; min-width:0; }
.rfv-copy{ flex:none; background:rgba(206,66,43,.14); border:1px solid rgba(206,66,43,.34); color:#CE422B; border-radius:8px; padding:0 13px; font:800 11px var(--fu); cursor:pointer; white-space:nowrap; }
.rfv-copy:hover{ background:rgba(206,66,43,.24); }
.rfv-copy.done{ background:rgba(74,222,128,.18); border-color:rgba(74,222,128,.42); color:#4ade80; }
.pstat b .coin-amt .coin-c, .pstat b .coin-c{ font-size:1em !important; }
.rfv-cwrap{ display:flex; gap:6px; align-items:center; }
.rfv-cwrap code{ flex:1; min-width:0; }
.rfv-cwrap .fair-copy{ flex:none; }






.pf-verify{ justify-content:flex-start !important; }
.pf-verify .pf-field{ flex:1 1 200px; min-width:0; }
.pf-verify .pf-field-sm{ flex:0 1 130px; }
.pf-verify .btn-primary{ flex:0 0 auto; align-self:flex-end; min-width:130px; margin:0; }
@media(max-width:560px){ .pf-verify .btn-primary{ flex:1 1 100%; } }






.coin-amt .coin-d, .coin-d{ opacity:1 !important; font-size:1em !important; font-weight:800 !important; -webkit-text-fill-color:currentColor !important; background:none !important; color:inherit !important; }
.coin-amt .coin-c, .coin-c{ opacity:.5 !important; font-size:1em !important; font-weight:800 !important; -webkit-text-fill-color:currentColor !important; background:none !important; color:inherit !important; }
.rf-pv{ background:rgba(0,0,0,.32) !important; color:var(--t1) !important; border:1px solid rgba(206,66,43,.42); box-shadow:none !important; }
.rf-pv .coin-ico{ opacity:1; }
.rfpart-tix{ margin-left:auto !important; color:#fff !important; display:inline-flex; align-items:center; gap:4px; }
.page-loader{ position:fixed; inset:0; z-index:99999; background:#281C1C; display:flex; align-items:center; justify-content:center; transition:opacity .45s ease; }
.page-loader.hide{ opacity:0; pointer-events:none; }
.pl-icon{ width:104px; height:104px; position:relative; background:rgba(206,66,43,.16);
  -webkit-mask:url(/assets/favicon-256.png?v=4) center/contain no-repeat; mask:url(/assets/favicon-256.png?v=4) center/contain no-repeat; }
.pl-icon::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:0; background:linear-gradient(180deg,#CE422B,#CE422B); animation:plFill 1.7s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes plFill{ 0%{ height:0; } 50%{ height:100%; } 100%{ height:0; } }
.lb-pod{ opacity:0; animation:lbPodIn .6s cubic-bezier(.2,.75,.3,1) forwards; }
.lb-pod-2{ animation-delay:.12s; } .lb-pod-1{ animation-delay:.28s; } .lb-pod-3{ animation-delay:.42s; }
@keyframes lbPodIn{ from{ opacity:0; } to{ opacity:1; } }
.lb-pod-card{ background:linear-gradient(180deg,rgba(40,28,28,.92),rgba(33,22,22,.94)) !important; border-radius:16px !important; box-shadow:0 16px 38px rgba(0,0,0,.42) !important; }
.lb-pod-1 .lb-pod-card{ box-shadow:0 20px 50px rgba(230,106,85,.24), 0 16px 38px rgba(0,0,0,.5) !important; border:1px solid rgba(230,106,85,.5) !important; }
.lb-pod-2 .lb-pod-card{ border:1px solid rgba(200,205,215,.42) !important; }
.lb-pod-3 .lb-pod-card{ border:1px solid rgba(205,127,50,.45) !important; }
.lb-pod-1 .lb-pod-av{ box-shadow:0 0 0 3px #CE422B, 0 0 28px rgba(230,106,85,.6) !important; }
.lb-pod-2 .lb-pod-av{ box-shadow:0 0 0 3px #c8ccd6, 0 0 18px rgba(200,205,215,.4) !important; }
.lb-pod-3 .lb-pod-av{ box-shadow:0 0 0 3px #B87569, 0 0 18px rgba(205,127,50,.4) !important; }
.lb-pod-name{ font-weight:800 !important; letter-spacing:.01em; }
.lb-pod-wager{ font-weight:800 !important; }
.lb-pod-1 .lb-pod-wager{ color:#CE422B !important; }
.lb-pod-trophy{ animation:lbFloat 2.8s ease-in-out infinite; }
@keyframes lbFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
.lb-pod-rank{ display:none !important; }
.lb-pod-1 .lb-pod-shine{ background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.22),transparent 80%) !important; animation:lbShine 3.2s ease-in-out infinite !important; }
@keyframes lbShine{ 0%{ transform:translateX(-120%); } 55%,100%{ transform:translateX(220%); } }
.lb-rank-badge{ font-weight:900 !important; }
.lb-row{ transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.lb-row:hover{ box-shadow:0 6px 18px rgba(0,0,0,.35); }
.coin-amt{ display:inline-flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:baseline !important; white-space:nowrap !important; vertical-align:baseline !important; gap:0 !important; width:auto !important; }
.coin-amt .coin-d, .coin-amt .coin-c{ display:inline-block !important; white-space:nowrap !important; line-height:1 !important; font-size:1em !important; font-weight:800 !important; vertical-align:baseline !important; letter-spacing:0 !important; -webkit-text-fill-color:currentColor !important; background:none !important; color:inherit !important; }
.coin-amt .coin-d{ opacity:1 !important; }
.coin-amt .coin-c{ opacity:.5 !important; }
.arena-hist-grid{ display:grid !important; grid-template-columns:1fr 1fr; gap:10px; }
@media(max-width:640px){ .arena-hist-grid{ grid-template-columns:1fr; } }
.rf-win-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; }
@media(max-width:640px){ .rf-win-grid{ grid-template-columns:1fr; } }
.rf-win-grid .rf-winrow{ margin:0 !important; max-width:none !important; }
#rfWin .rfpart-list{ padding:14px; }



.csd-row{ display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.03); border:1px solid var(--ln); border-radius:10px; padding:7px 10px; }
.csd-av img, .csd-fb{ width:26px; height:26px; border-radius:50%; object-fit:cover; display:inline-flex; align-items:center; justify-content:center; }
.csd-fb{ background:linear-gradient(135deg,#3A2525,#281C1C); color:#fff; font:800 11px var(--fu); }
.csd-skin{ width:34px; height:26px; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.csd-meta{ display:flex; flex-direction:column; min-width:0; flex:1; line-height:1.2; }
.csd-meta b{ font-size:12px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csd-meta span{ font-size:10.5px; color:var(--t3); }
.csd-val{ font:800 12px var(--fu); color:#CE422B; display:inline-flex; align-items:center; gap:3px; white-space:nowrap; }
.csd-val .coin-ico{ width:11px; height:11px; }
.fair-game-card{ border-color:var(--ln) !important; background:linear-gradient(180deg,rgba(40,28,28,.7),rgba(33,22,22,.72)) !important; }
.fair-game-card:hover{ border-color:rgba(206,66,43,.42) !important; box-shadow:0 16px 42px rgba(0,0,0,.45), 0 0 0 1px rgba(206,66,43,.22) !important; }
.fair-game-card h4{ color:var(--t1) !important; }
.fair-game-ico{ color:#CE422B; }
.fair-game-card code, .fg-note code, .fairness-explainer code{ color:#CE422B !important; border-color:rgba(206,66,43,.22) !important; background:rgba(0,0,0,.34) !important; }
.fairness-explainer .fe-step{ background:linear-gradient(180deg,rgba(40,28,28,.7),rgba(33,22,22,.72)) !important; border-color:var(--ln) !important; }
.fairness-explainer .fe-num{ background:linear-gradient(180deg,#CE422B,#CE422B) !important; color:#281C1C !important; box-shadow:0 4px 12px rgba(230,106,85,.32); font-weight:800; }
.pf-intro code{ color:#CE422B !important; }
.pf-field input:focus{ border-color:rgba(206,66,43,.5) !important; box-shadow:0 0 0 3px rgba(206,66,43,.16) !important; }
.pf-verify{ align-items:flex-end !important; justify-content:flex-start !important; gap:12px !important; }
.pf-verify .pf-field{ flex:1 1 210px; min-width:0; }
.pf-verify .pf-field-sm{ flex:0 1 130px; }
.pf-verify .btn-primary{ background:linear-gradient(180deg,#CE422B,#CE422B) !important; color:#281C1C !important; border:none !important; font-weight:800 !important; letter-spacing:.02em; padding:12px 26px !important; border-radius:10px !important; flex:0 0 auto !important; align-self:flex-end !important; min-width:132px; margin:0 !important; box-shadow:0 6px 16px rgba(230,106,85,.34); transition:transform .15s ease, box-shadow .15s ease; }
.pf-verify .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(230,106,85,.44); }
@media(max-width:560px){ .pf-verify .btn-primary{ flex:1 1 100% !important; } }
.auth-page{ background:radial-gradient(circle at 50% 28%, rgba(206,66,43,.09), transparent 58%); }
.auth-steam-card{ position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(40,28,28,.96),rgba(33,22,22,.98)) !important; border:1px solid rgba(206,66,43,.22) !important; box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.03) inset !important; padding-top:30px !important; }
.auth-glow{ position:absolute; top:-70px; left:50%; transform:translateX(-50%); width:300px; height:300px; border-radius:50%; background:radial-gradient(circle, rgba(206,66,43,.16), transparent 62%); pointer-events:none; animation:authGlow 4s ease-in-out infinite; }
@keyframes authGlow{ 0%,100%{ opacity:.5; transform:translateX(-50%) scale(.92); } 50%{ opacity:1; transform:translateX(-50%) scale(1.08); } }
.auth-logo{ position:relative; width:220px; max-width:74%; height:auto; margin:0 auto 4px; display:block; filter:drop-shadow(0 10px 26px rgba(206,66,43,.28)); }
.auth-steam-card h1{ position:relative; }
.auth-steam-card .steam-btn-lg{ position:relative; background:linear-gradient(180deg,#6C433D,#3A2525) !important; border:1px solid rgba(217,135,120,.3) !important; box-shadow:0 8px 22px rgba(58,37,37,.4) !important; transition:transform .15s ease, box-shadow .15s ease; }
.auth-steam-card .steam-btn-lg:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(58,37,37,.55) !important; }
.steam-trust{ position:relative; }
.pf-verify-actions{ margin-top:16px; }
.pf-verify-actions .btn-primary{ display:inline-block; background:linear-gradient(180deg,#CE422B,#CE422B); color:#281C1C; border:none; font-weight:800; letter-spacing:.02em; padding:12px 34px; border-radius:10px; box-shadow:0 6px 16px rgba(230,106,85,.32); cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; }
.pf-verify-actions .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(230,106,85,.44); }
.fair-card, .mini-row{ background:linear-gradient(180deg,rgba(40,28,28,.7),rgba(33,22,22,.72)) !important; border:1px solid var(--ln) !important; border-radius:12px !important; }
.mini-row{ padding:12px 14px !important; margin-bottom:8px !important; }
.fair-hist-more{ display:block; margin:14px auto 0; background:rgba(206,66,43,.12); color:#CE422B; border:1px solid rgba(206,66,43,.32); border-radius:10px; padding:11px 22px; font-weight:700; font-size:13px; cursor:pointer; transition:background .15s ease; }
.fair-hist-more:hover{ background:rgba(206,66,43,.2); }
.mini-row.hist-hidden{ display:none; }
.rfd-drawer{ position:fixed !important; right:0; top:calc(var(--topstrip-h, 0px) + var(--topbar-h, 74px)) !important; bottom:0; width:344px; max-width:92vw; z-index:990 !important; transition:transform .32s cubic-bezier(.4,0,.2,1); }
.rfd-drawer.closed{ transform:translateX(106%); pointer-events:none; }
.rfd-panel{ height:100%; display:flex; flex-direction:column; background:linear-gradient(180deg, var(--bg2,#1A1111), var(--bg,#211616)); border-left:1px solid var(--ln); box-shadow:-10px 0 34px rgba(0,0,0,.45); }
.rfd-head{ display:flex; align-items:center; gap:8px; padding:13px 14px; border-bottom:1px solid var(--ln); flex:0 0 auto; }
.rfd-title{ font-weight:800; color:var(--t1); font-size:15px; }
.rfd-bal{ margin-left:auto; font-weight:800; color:#CE422B; font-size:13px; display:inline-flex; align-items:center; }
.rfd-x{ background:rgba(255,255,255,.06); border:1px solid var(--ln); width:28px; height:28px; border-radius:8px; color:var(--t2); cursor:pointer; line-height:1; }
.rfd-x:hover{ color:var(--t1); background:rgba(255,255,255,.12); }
.rfd-body{ flex:1; overflow-y:auto; padding:10px; display:flex; flex-direction:column; gap:10px; }
.rfd-msg{ color:var(--t2); text-align:center; padding:34px 12px; line-height:1.6; }
.rfd-card{ background:rgba(255,255,255,.03); border:1px solid var(--ln); border-radius:12px; padding:12px; }
.rfd-card-top{ display:flex; align-items:center; gap:10px; }
.rfd-prize{ width:46px; height:36px; object-fit:contain; flex:0 0 auto; filter:drop-shadow(0 2px 5px rgba(0,0,0,.5)); }
.rfd-card-info{ flex:1; min-width:0; }
.rfd-card-info b{ display:block; font-size:13px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rfd-pv{ font-size:12px; color:#CE422B; display:inline-flex; align-items:center; gap:3px; }
.rfd-pv .coin-ico{ width:11px; height:11px; }
.rfd-cd{ font-size:11px; color:var(--t3); font-weight:700; white-space:nowrap; }
.rfd-avatars{ display:flex; gap:4px; margin:10px 0; overflow:hidden; will-change:transform; }
.rfd-av{ width:27px; height:27px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.rfd-av-fb{ background:linear-gradient(135deg,#3A2525,#281C1C); color:#fff; display:inline-flex; align-items:center; justify-content:center; font:800 11px var(--fu); }
.rfd-av-more{ background:rgba(255,255,255,.08); color:var(--t2); display:inline-flex; align-items:center; justify-content:center; font:800 10px var(--fu); }
.rfd-noent{ font-size:12px; color:var(--t3); }
.rfd-stats{ display:flex; gap:14px; font-size:12px; color:var(--t2); margin-bottom:10px; }
.rfd-stats b{ color:var(--t1); }
.rfd-enter{ display:flex; gap:6px; }
.rfd-tin{ flex:1; min-width:0; background:rgba(0,0,0,.3); border:1px solid var(--ln); border-radius:8px; color:var(--t1); padding:8px 10px; font-size:13px; }
.rfd-enter-btn{ background:linear-gradient(180deg,#CE422B,#CE422B); color:#281C1C; border:none; font-weight:800; border-radius:8px; padding:8px 16px; cursor:pointer; }
.rfd-enter-btn:hover{ filter:brightness(1.05); }
.rfd-enter-btn:disabled{ opacity:.6; cursor:default; }
.rfd-winner{ margin-top:10px; text-align:center; font-size:13px; color:#CE422B; font-weight:700; padding:9px; background:rgba(206,66,43,.1); border:1px solid rgba(206,66,43,.28); border-radius:8px; animation:rfdWinIn .4s ease; }
@keyframes rfdWinIn{ from{ opacity:0; transform:scale(.94); } to{ opacity:1; transform:scale(1); } }
@media(max-width:560px){ .rfd-drawer{ width:100%; top:56px; } }
.rfd-scrim{ position:fixed; inset:0; background:rgba(33,22,22,.55); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  z-index:988; opacity:0; pointer-events:none; transition:opacity .3s ease; }
@media(min-width:981px){ .rfd-scrim{ display:none !important; } }
@media(max-width:980px){
  .rfd-scrim{ display:none !important; opacity:0 !important; pointer-events:none !important; }
  body.rfd-mobile-showing{ overflow:hidden; }
}
@media(max-width:760px){ .rfd-drawer{ width:100%; } }
.rfd-toggle-wrap{ position:fixed !important; right:20px !important; bottom:20px !important; z-index:200 !important; display:flex; flex-direction:column; align-items:center; gap:7px; transition:opacity .25s, transform .25s; }
.rfd-active-badge{ display:inline-flex; align-items:center; gap:6px; background:rgba(33,22,22,.94); border:1px solid rgba(206,66,43,.4); color:#F4EAE8; font-size:11px; font-weight:700; padding:5px 12px; border-radius:20px; box-shadow:0 4px 14px rgba(0,0,0,.45); }
.rfd-active-badge b{ color:#CE422B; }
.rfd-active-dot{ width:7px; height:7px; border-radius:50%; background:#3ddc84; box-shadow:0 0 8px #3ddc84; flex:0 0 auto; }
.rfd-toggle{ display:flex !important; flex-direction:column; align-items:center; gap:2px; padding:11px 26px !important; min-height:0 !important; width:auto !important;
  border-radius:14px !important; background:linear-gradient(135deg,#CE422B,#d88a1f) !important; border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:0 8px 24px rgba(217,135,120,.5) !important; color:#fff !important; cursor:pointer !important;
  writing-mode:horizontal-tb !important; font-family:var(--fu,inherit); animation:rfdGlow 2.4s ease-in-out infinite; transition:transform .18s ease, filter .18s ease; }
.rfd-toggle:hover{ filter:brightness(1.06); transform:translateY(-2px); }
.rfd-toggle-label{ font-size:15px !important; font-weight:800; letter-spacing:.03em; color:#fff !important; }
.rfd-toggle-bal{ font-size:11px; font-weight:700; color:#fff !important; display:inline-flex; align-items:center; gap:3px; opacity:.96; }
.rfd-toggle-bal b{ color:#fff !important; }
@keyframes rfdGlow{ 0%,100%{ box-shadow:0 8px 24px rgba(217,135,120,.5); } 50%{ box-shadow:0 10px 30px rgba(230,106,85,.85), 0 0 0 5px rgba(230,106,85,.18); } }
body.rfd-open .rfd-toggle-wrap{ opacity:0 !important; pointer-events:none !important; transform:translateY(24px) !important; }
.rfd-toggle.rfd-bump{ animation:rfdBump .6s ease !important; }
@keyframes rfdBump{ 0%{ transform:scale(1); } 30%{ transform:scale(1.13); box-shadow:0 0 0 9px rgba(230,106,85,.32) !important; } 100%{ transform:scale(1); } }
.rfd-bal{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-weight:800; color:#CE422B; font-size:15px; }
.rfd-bal-ico{ flex:0 0 auto; }
.rfd-bal b{ color:#CE422B; font-weight:800; }
.rfd-card{ padding:0 !important; overflow:hidden; }
.rfd-prize{ width:auto; height:auto; display:flex; flex-direction:column; align-items:center; text-align:center; padding:11px 12px 7px; background:radial-gradient(120% 90% at 50% 0%, rgba(206,66,43,.14), transparent 62%); }
.rfd-prize img{ max-width:56%; max-height:60px; object-fit:contain; filter:drop-shadow(0 6px 13px rgba(0,0,0,.6)); }
.rfd-emoji{ font-size:38px; line-height:1; }
.rfd-name{ margin-top:6px; font-size:12.5px; font-weight:800; color:var(--t1); line-height:1.2; }
.rfd-pv{ margin-top:6px; font:900 12.5px var(--fu); color:var(--t1); background:rgba(0,0,0,.34); border:1px solid rgba(206,66,43,.42); border-radius:20px; padding:3px 12px; display:inline-flex; align-items:center; gap:5px; }
.rfd-pv .coin-ico{ width:12px; height:12px; }
.rfd-cd{ margin-top:6px; font-size:11px; color:var(--t3); font-weight:700; }
.rfd-avatars{ display:flex !important; flex-wrap:wrap; gap:4px; justify-content:center; margin:7px 12px 0 !important; overflow:hidden; max-height:24px; }
.rfd-avatars:empty{ display:none !important; margin:0 !important; }
.rfd-avatars .rfd-av, .rfd-avatars .rfd-av-fb, .rfd-avatars .rfd-av-more{ width:22px !important; height:22px !important; font-size:9px !important; }
.rfd-stats{ justify-content:center; padding:0 12px; margin-top:7px; font-size:11.5px; }
.rfd-enter{ padding:9px 12px 11px; gap:6px; }
.rfd-tin-wrap{ position:relative; flex:1; min-width:0; display:flex; }
.rfd-tin-wrap .rfd-tin{ flex:1; width:100%; padding-right:30px !important; }
.rfd-tin-ico{ position:absolute; right:9px; top:50%; transform:translateY(-50%); pointer-events:none; opacity:.9; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance:none !important; margin:0 !important; }
input[type=number]{ -moz-appearance:textfield !important; appearance:textfield !important; }
.chat-tiprain-btn{ border-color:rgba(255,255,255,.45) !important; background:rgba(255,255,255,.06) !important; color:#fff !important; }
.chat-tiprain-btn svg{ color:#fff !important; }
.chat-tiprain-btn:hover{ background:rgba(255,255,255,.13) !important; color:#fff !important; border-color:rgba(255,255,255,.72) !important; }
.mkt-sync{ border-color:rgba(255,255,255,.45) !important; color:#fff !important; }
.mkt-sync svg{ color:#fff !important; stroke:#fff !important; }
@media(min-width:981px){
  main.page{ transition: padding-right .32s cubic-bezier(.4,0,.2,1); }
  body.rfd-open main.page{ padding-right:364px !important; }
}
.ngm-card-champions .ngm-art{ background:radial-gradient(90px 70px at 50% 38%, rgba(206,66,43,.4), transparent 72%), linear-gradient(160deg, rgba(143,85,75,.55), rgba(33,22,22,.55)) !important; }
.ngm-card-champions:hover{ border-color:rgba(206,66,43,.5) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(206,66,43,.45) !important; }
.ngm-card-champions .ngm-bolts, .ngm-card-champions .ngm-art-svg, .ngm-card-champions svg{ color:#CE422B !important; }
.ngm-card-flip .ngm-art{ background:radial-gradient(90px 70px at 50% 38%, rgba(240,145,46,.4), transparent 72%), linear-gradient(160deg, rgba(110,64,18,.55), rgba(33,22,22,.55)) !important; }
.ngm-card-flip:hover{ border-color:rgba(240,145,46,.5) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(240,145,46,.45) !important; }
.ngm-card-flip .ngm-bolts, .ngm-card-flip .ngm-art-svg, .ngm-card-flip svg{ color:#E66A55 !important; }
.ngm-card-rustpot .ngm-bolts, .ngm-card-rustpot .ngm-art-svg, .ngm-card-rustpot svg{ color:#CE422B !important; }
.hm-game-champions .hm-game-ico, .hm-game-champions .hm-game-ico svg{ color:#CE422B !important; }
.hm-game-flip .hm-game-ico, .hm-game-flip .hm-game-ico svg{ color:#E66A55 !important; }
.hm-game-rustpot .hm-game-ico, .hm-game-rustpot .hm-game-ico svg{ color:#CE422B !important; }
.g-champ{ color:#CE422B !important; background:rgba(206,66,43,.13) !important; }
.g-flip{ color:#E66A55 !important; background:rgba(240,145,46,.13) !important; }
.g-pot{ color:#CE422B !important; background:rgba(239,68,68,.13) !important; }
.btn-primary, .cf-create-btn, #joinBtn, .cf-join-btn, .btn-skin-stake, .cf-skin-btn, .rp-skin-primary{ animation:none !important; }
.btn-primary:hover::before, .cf-create-btn:hover::before, #joinBtn:hover::before, .empty-state-cta:hover::before, .join-btn:hover::before, .cf-join-btn:hover::before, .btn-skin-stake:hover::before{ animation:none !important; content:none !important; }
.btn-primary:hover, .cf-create-btn:hover, #joinBtn:hover, .cf-join-btn:hover{ box-shadow:none !important; }
.lb-pod-rank{ font-size:26px !important; font-weight:900 !important; line-height:1 !important; opacity:.95 !important; letter-spacing:0 !important; }
.lb-pod-1 .lb-pod-rank{ color:#CE422B !important; }
.lb-pod-2 .lb-pod-rank{ color:#D9C8C4 !important; }
.lb-pod-3 .lb-pod-rank{ color:#e2a06a !important; }
.chat-rain{ background:linear-gradient(180deg, rgba(43,27,27,.96), rgba(22,15,15,.96)) !important; border-color:rgba(206,66,43,.34) !important; }
.chat-rain-glow{ background:radial-gradient(circle, rgba(206,66,43,.24), transparent 70%) !important; }
.chat-rain-title{ color:#E8A096 !important; }
.chat-rain-pot, #chatRainPot{ color:#ffffff !important; }
.chat-rain-meta{ color:#C7B8B5 !important; }
.chat-rain-usd{ color:#E8A096 !important; }
.chat-rain-timer{ color:#CE422B !important; }
.chat-rain-tag{ background:rgba(206,66,43,.16) !important; color:#E8D6D2 !important; border-color:rgba(206,66,43,.42) !important; }
.chat-rain-join, .fr-join{ background:linear-gradient(180deg,#CE422B,#A93423) !important; color:#F4EAE8 !important; border-color:rgba(206,66,43,.5) !important; }
.chat-rain-join:hover, .fr-join:hover{ filter:brightness(1.08) !important; }
#rainBarFill, .rain-bar-fill, .fr-bar-fill{ background:linear-gradient(90deg,#D98778,#D98778) !important; }
.pstat b .coin-c, .profile-stats-grid .coin-c, .pstat .coin-amt .coin-c{ opacity:1 !important; font-size:1em !important; }
.skin-btn{ font-size:15px !important; }
.skin-btn .coin-amt{ font-size:1.05em !important; }
.skin-btn .coin-ico{ width:14px !important; height:14px !important; }
.chat-tiprain-btn{ display:inline-flex !important; align-items:center !important; gap:4px !important; font-size:.74rem !important; font-weight:800 !important; border:1px solid var(--ln) !important; background:rgba(255,255,255,.05) !important; color:var(--t2) !important; border-radius:8px !important; padding:4px 9px !important; }
.chat-tiprain-btn:hover{ background:var(--vio-soft) !important; color:#fff !important; border-color:var(--vio-line) !important; }
.chat-tiprain-btn svg{ width:17px !important; height:17px !important; color:var(--t2) !important; }
.champ-pot-skins-bar{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px; margin:12px auto 4px; padding:9px 11px; max-width:94%; background:rgba(0,0,0,.24); border:1px solid var(--ln); border-radius:12px; }
.champ-pot-skins-bar:empty{ display:none !important; }
.champ-pot-skins-bar img, .champ-pot-skins-bar .pot-skin, .champ-pot-skins-bar > *{ width:34px !important; height:34px !important; object-fit:contain !important; }
.cf-game-wager{ display:inline-flex !important; align-items:center !important; gap:9px !important; }
.rp-empty{ align-items:center; justify-content:center; gap:1px; font-weight:700; }
.rp-dots{ display:inline-flex; align-items:flex-end; margin-left:2px; }
.rp-dots i{ width:4px; height:4px; border-radius:50%; background:currentColor; margin-left:3px; opacity:.35; animation:rpDot 1.35s infinite ease-in-out; }
.rp-dots i:nth-child(2){ animation-delay:.18s; }
.rp-dots i:nth-child(3){ animation-delay:.36s; }
@keyframes rpDot{ 0%,65%,100%{ opacity:.35; transform:translateY(0); } 32%{ opacity:1; transform:translateY(-4px); } }
.chat-pinned{ background:linear-gradient(180deg, rgba(206,66,43,.11), rgba(206,66,43,.04)) !important; border:1px solid rgba(206,66,43,.32) !important; border-radius:10px !important; padding:10px 12px !important; gap:9px !important; align-items:flex-start !important; }
.chat-pinned-ico{ font-size:16px !important; color:#CE422B !important; }
.chat-pinned-ico svg{ width:17px !important; height:17px !important; }
.chat-pinned-body{ font-size:13.5px !important; line-height:1.5 !important; }
.chat-pinned-author{ color:#CE422B !important; font-weight:800 !important; margin-right:5px; }
.chat-pinned-text{ color:#fff !important; }
.rfd-bal-lbl{ color:var(--t2); font-weight:700; font-size:13px; margin-right:1px; }
.hm-race-t3-w .coin-ico{ width:12px; height:12px; }
.afflv-prog-top{ align-items:center !important; }
.afflv-prog-goal{ display:inline-flex !important; align-items:center !important; }
.site-footer{ margin-bottom:20px !important; }
.ftr-art{ height:70px !important; width:118px !important; align-self:center !important; }
.skin-usd-line{ font-size:11.5px; color:var(--t3); font-weight:600; margin:0; }
.champ-pot-skins-bar{ background:rgba(206,66,43,.06) !important; border:1px solid rgba(206,66,43,.2) !important; border-radius:var(--r2) !important; margin:8px auto 4px !important; padding:8px 10px !important; position:relative; max-width:94%; display:flex; flex-wrap:wrap; justify-content:center; gap:5px; }
.champ-pot-skins-bar::before{ content:""; position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:2px; height:8px; background:rgba(206,66,43,.4); }
.champ-pot-skins-bar:empty{ display:none !important; }
.champ-pot-skins-bar img, .champ-pot-skins-bar .pot-skin, .champ-pot-skins-bar > *{ width:32px !important; height:32px !important; object-fit:contain !important; background:rgba(0,0,0,.22); border-radius:6px; padding:2px; }
.profile-menu .pm-item-btn{ display:flex; align-items:center; gap:9px; padding:10px 12px; border-radius:9px; color:var(--t2); font-size:13.5px; font-weight:600; background:none; border:none; width:100%; text-align:left; cursor:pointer; font-family:inherit; transition:background .15s,color .15s; }
.profile-menu .pm-item-btn:hover{ background:rgba(201,108,91,.16); color:#fff; }
.profile-menu .pm-item-btn .nav-ico{ display:inline-flex; }
.ftr-art{ width:114px !important; height:60px !important; align-self:flex-start !important; overflow:visible !important; margin:0 0 0 auto !important; }
.ftr-art-photo{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:contain !important; object-position:center top !important; }
.site-footer{ margin-bottom:0 !important; }
.ftr-inner{ gap:8px 40px !important; align-items:center !important; }
.ftr-meta p{ margin:3px 0 !important; }
.ftr-brand .ftr-tag{ margin:4px 0 !important; }
.lb-pod-rank{ display:inline-block !important; font-size:34px !important; font-weight:900 !important; line-height:1 !important; opacity:1 !important; }
.lb-pod-1 .lb-pod-rank{ color:#CE422B !important; }
.lb-pod-2 .lb-pod-rank{ color:#D9C8C4 !important; }
.lb-pod-3 .lb-pod-rank{ color:#e2a06a !important; }
.battle-status{ display:none !important; }
.prize-display{ border-radius:var(--r2) !important; border:1px solid rgba(206,66,43,.22) !important; margin:0 !important; }
.champ-pot-skins-bar{ width:auto !important; max-width:none !important; margin:0 0 2px !important; padding:11px 12px !important;
  background:rgba(206,66,43,.06) !important; border:1px solid rgba(206,66,43,.22) !important;
  border-radius:var(--r2) !important; display:flex; flex-wrap:wrap; justify-content:center; gap:7px; position:relative; }
.champ-pot-skins-bar::before{ content:"" !important; position:absolute !important; top:-11px !important; left:50% !important;
  transform:translateX(-50%) !important; width:2px !important; height:11px !important; background:rgba(206,66,43,.45) !important; }
.champ-pot-skins-bar:empty{ display:none !important; }
.champ-pot-skins-bar{ gap:8px !important; padding:11px 12px !important; }
.champ-pot-skins-bar .cps-grid{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; gap:8px !important; position:relative !important; }
.champ-pot-skins-bar > *, .champ-pot-skins-bar img{ width:auto !important; height:auto !important; }
.champ-pot-skins-bar .cps-th{ width:56px !important; height:56px !important; flex:0 0 auto !important; display:flex !important;
  align-items:center !important; justify-content:center !important; border-radius:10px !important; padding:4px !important;
  background:radial-gradient(circle at 50% 34%, #6C433D, #281C1C 82%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09), 0 2px 6px rgba(0,0,0,.34) !important; }
.champ-pot-skins-bar .cps-th img{ width:100% !important; height:100% !important; object-fit:contain !important; filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) !important; }
.champ-pot-skins-bar .ss-th{ width:52px !important; height:52px !important; border-radius:10px !important; background:rgba(0,0,0,.25) !important; padding:4px !important; }
.champ-pot-skins-bar .ss-th img{ width:100% !important; height:100% !important; object-fit:contain !important; }
.champ-pot-skins-bar .ss-more{ width:52px !important; height:52px !important; font-size:14px !important; border-radius:10px !important; }
.lb-pod-base{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:3px !important; }
.lb-pod-prize{ font-size:12px !important; }
.ftr-art{ margin:0 0 0 auto !important; align-self:flex-start !important; }
.ftr-inner{ align-items:center !important; }
#rainCaptchaModal .app-modal__overlay{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:rgba(33,22,22,.55) !important; }
#rainCaptchaBox{ min-height:78px; min-width:300px; display:flex; align-items:center; justify-content:center; }
#rainCaptchaModal .app-modal__card{ max-width:340px; }
.rfd-recent{ margin-top:4px; padding-top:14px; border-top:1px solid var(--ln); }
.rfd-recent-title{ font-size:13px; font-weight:800; color:var(--t2); margin-bottom:10px; letter-spacing:.02em; text-transform:uppercase; }
.rfd-winrow{ display:flex; align-items:center; gap:9px; padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid var(--ln); margin-bottom:7px; }
.rfd-winrow img, .rfd-winrow-ph{ width:36px; height:36px; object-fit:contain; flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-size:20px; }
.rfd-winrow-main{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.rfd-winrow-main b{ font-size:12.5px; color:var(--t1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rfd-winrow-main span{ font-size:11px; color:var(--t3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rfd-winrow-tk{ font-size:11.5px; font-weight:700; color:#CE422B; flex:0 0 auto; white-space:nowrap; }
.rfd-verify{ flex:0 0 auto; background:rgba(206,66,43,.1); border:1px solid rgba(206,66,43,.25); color:#E8D6D2; border-radius:8px; padding:5px 10px; font:700 11px var(--fu); cursor:pointer; transition:background .15s, border-color .15s, color .15s; }
.rfd-verify:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:#E8D6D2; }
.rfd-vmodal{ position:fixed; inset:0; z-index:2000; align-items:center; justify-content:center; padding:16px; }
.rfd-vmodal-ov{ position:absolute; inset:0; background:rgba(33,22,22,.72); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.rfd-vmodal-card{ position:relative; z-index:1; width:min(460px,94vw); max-height:86vh; overflow-y:auto; background:linear-gradient(180deg,#211616,#211616); border:1px solid var(--ln); border-radius:16px; padding:22px 22px 18px; box-shadow:0 24px 60px rgba(0,0,0,.6); }
.rfd-vmodal-x{ position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:8px; background:rgba(255,255,255,.06); border:1px solid var(--ln); color:var(--t2); cursor:pointer; font-size:13px; line-height:1; }
.rfd-vmodal-x:hover{ color:var(--t1); background:rgba(255,255,255,.12); }
.rfd-vmodal-title{ font:800 17px var(--fu); color:var(--t1); margin-bottom:4px; }
.rfd-vmodal-sub{ color:var(--t3); font-size:12.5px; margin:0 0 16px; line-height:1.5; }
.rfd-vmodal-rows{ display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.rfd-v-row{ display:flex; flex-direction:column; gap:4px; }
.rfd-v-l{ font:700 10.5px var(--fu); text-transform:uppercase; letter-spacing:.04em; color:var(--t3); }
.rfd-v-v{ font-family:var(--fm,ui-monospace,monospace); font-size:12px; color:var(--t1); background:rgba(0,0,0,.34); border:1px solid var(--ln); border-radius:8px; padding:8px 10px; word-break:break-all; }
.rfd-vmodal-formula{ font-size:11.5px; color:var(--t3); line-height:1.55; background:rgba(206,66,43,.05); border:1px solid rgba(206,66,43,.16); border-radius:10px; padding:11px 13px; }
.rfd-vmodal-formula code{ color:#CE422B; font-family:var(--fm,ui-monospace,monospace); font-size:11px; }
.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; }
div:has(> h1), .mkt-head, .mkt-head > div, .rp-header, .rf-header, .lb-page-head, .pf2{ text-align:left !important; }
.arena-header{ justify-content:space-between !important; align-items:flex-end !important; text-align:left !important; }
.arena-header-left{ flex:1 1 auto !important; display:block !important; text-align:left !important; }
div:has(> h1) > .eyebrow, .mkt-head > div > .eyebrow, .rp-header .eyebrow, .rf-header .eyebrow, .lb-page-head .eyebrow, .pf2 > .eyebrow{
  display:block !important; text-align:left !important; justify-content:flex-start !important; margin-left:0 !important; margin-right:0 !important; width:100%; max-width:100%; font-size:12px !important; }
.ftr-inner{ align-items:flex-start !important; }
.ftr-links{ gap:6px !important; }
body.chat-off .site-footer{ margin-bottom:0 !important; }
.rfd-panel{ min-height:0 !important; }
.rfd-body{ min-height:0 !important; padding:12px 10px 22px !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
@media(max-width:760px){ .rfd-body{ padding-bottom:96px !important; } }
.rfd-card{ flex:0 0 auto !important; display:flex !important; flex-direction:row !important; align-items:stretch !important; gap:13px !important; padding:12px !important; overflow:hidden !important;
  background:linear-gradient(180deg, rgba(40,28,28,.62), rgba(33,22,22,.74)) !important;
  border:1px solid rgba(206,66,43,.26) !important; border-radius:15px !important;
  box-shadow:0 8px 22px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05) !important; }
.rfd-thumb{ flex:0 0 104px !important; width:104px !important; align-self:stretch !important; display:flex !important; align-items:center !important; justify-content:center !important;
  padding:8px !important; border-radius:12px !important; background:radial-gradient(120% 120% at 50% 30%, rgba(206,66,43,.17), rgba(0,0,0,.28) 70%) !important; border:1px solid rgba(206,66,43,.13) !important; }
.rfd-thumb img{ max-width:100% !important; max-height:100px !important; object-fit:contain !important; filter:drop-shadow(0 8px 16px rgba(0,0,0,.6)) !important; }
.rfd-thumb .rfd-emoji{ font-size:50px !important; }
.rfd-info{ flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:6px !important; text-align:left !important; }
.rfd-name{ margin:0 !important; font-size:15px !important; font-weight:800 !important; text-align:left !important; white-space:normal !important; line-height:1.2 !important; }
.rfd-pv{ margin:0 !important; font-size:13px !important; padding:3px 12px !important; border-color:rgba(206,66,43,.5) !important; align-self:flex-start !important; }
.rfd-cd{ margin:0 !important; align-self:flex-start !important; font-size:12px !important; }
.rfd-avatars{ margin:1px 0 0 !important; justify-content:flex-start !important; flex-wrap:nowrap !important; max-height:none !important; overflow:visible !important; }
.rfd-info .rfd-avatars .rfd-av, .rfd-info .rfd-avatars .rfd-av-fb{ margin-left:-7px !important; border:1.5px solid #211616 !important; box-shadow:0 1px 3px rgba(0,0,0,.4); }
.rfd-info .rfd-avatars > :first-child{ margin-left:0 !important; }
.rfd-info .rfd-avatars .rfd-av-more{ margin-left:2px !important; padding:0 5px !important; width:auto !important; min-width:22px !important; }
.rfd-stats{ margin:0 !important; justify-content:flex-start !important; gap:14px !important; }
.rfd-enter{ padding:5px 0 0 !important; width:100% !important; margin-top:auto !important; display:flex !important; gap:8px !important; }
.rfd-tin-wrap{ flex:1 1 auto !important; min-width:0 !important; }
.rfd-enter-btn{ flex:0 0 auto !important; padding:9px 18px !important; box-shadow:0 4px 12px rgba(230,106,85,.32); }
.rfd-avatars{ cursor:pointer; transition:opacity .15s ease; }
.rfd-avatars:hover{ opacity:.82; }
.rfd-ent-list{ display:flex; flex-direction:column; gap:6px; margin-top:12px; }
.rfd-ent-row{ display:flex; align-items:center; gap:10px; padding:8px 10px; background:rgba(255,255,255,.04); border:1px solid var(--ln); border-radius:10px; }
.rfd-ent-row .rfd-av, .rfd-ent-row .rfd-av-fb{ width:30px !important; height:30px !important; flex:0 0 auto; border-radius:50%; }
.rfd-ent-name{ flex:1; min-width:0; font-weight:700; color:var(--t1); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rfd-ent-tk{ flex:0 0 auto; font-size:12px; color:var(--t2); }
.rfd-ent-tk b{ color:#CE422B; }
.rfd-ent-empty{ text-align:center; color:var(--t3); padding:20px 10px; font-size:13px; }
.rfd-v-vwrap{ display:flex; align-items:flex-start; gap:8px; }
.rfd-v-vwrap .rfd-v-v{ flex:1; min-width:0; }
.rfd-v-copy{ flex:0 0 auto; margin-left:0 !important; margin-top:5px; }
.cf-modal-join-slot{ margin-top:10px; display:flex; justify-content:center; }
.cf-modal-join{ display:inline-flex; align-items:center; gap:6px; padding:9px 22px; border:none; border-radius:10px; cursor:pointer;
  background:linear-gradient(180deg,#CE422B,#CE422B); color:#281C1C; font-weight:800; font-size:13.5px;
  box-shadow:0 6px 16px rgba(230,106,85,.34); transition:filter .15s ease, transform .15s ease; }
.cf-modal-join:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.adm-rp-skin-val-disp{ font:800 12px var(--fu,inherit); color:#CE422B; display:inline-flex; align-items:center; gap:4px; white-space:nowrap; margin-left:2px; }
.adm-rp-skin-val-disp .coin-ico{ width:12px; height:12px; }
.rc-eyebrow{ margin-bottom:14px; }
.rc-wrap{ position:relative; overflow:hidden; border-radius:22px; margin:0 0 26px; padding:26px 16px 32px;
  background:radial-gradient(120% 90% at 50% 0%, rgba(206,66,43,.12), transparent 58%), linear-gradient(180deg,#211616 0%,#1A1111 52%,#211616 100%);
  border:1px solid rgba(206,66,43,.2); box-shadow:0 18px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05); }
.rc-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.rc-sun{ position:absolute; left:50%; top:36%; width:min(400px,72%); aspect-ratio:1; transform:translate(-50%,-50%);
  background:radial-gradient(circle at 50% 55%, rgba(255,170,70,.32), rgba(206,66,43,.15) 45%, transparent 66%); filter:blur(6px); opacity:.8; }
.rc-grid{ position:absolute; left:50%; bottom:-2px; width:230%; height:50%; transform:translateX(-50%) perspective(320px) rotateX(64deg); transform-origin:bottom center;
  background-image:
    repeating-linear-gradient(to right, rgba(206,66,43,.16) 0 1px, transparent 1px 6.6%),
    repeating-linear-gradient(to top, rgba(206,66,43,.16) 0 1px, transparent 1px 13%);
  -webkit-mask-image:linear-gradient(to top,#000 4%, transparent 92%); mask-image:linear-gradient(to top,#000 4%, transparent 92%); opacity:.5; }
.rc-hero{ position:relative; z-index:2; text-align:center; margin-bottom:22px; }
.rc-hero-top{ display:inline-flex; align-items:center; gap:8px; font:800 clamp(17px,3.4vw,26px)/1 var(--fu,sans-serif); font-style:italic; color:#eef; letter-spacing:.02em; text-shadow:0 2px 10px rgba(0,0,0,.5); }
.rc-hero-amt{ display:inline-flex; align-items:center; gap:4px; }
.rc-hero-top .coin-ico{ width:clamp(18px,3vw,24px); height:clamp(18px,3vw,24px); margin-right:0 !important; }
.rc-hero-pool{ color:#fff; }
.rc-hero-weekly{ margin:2px 0 8px; font:900 clamp(46px,12vw,104px)/0.86 var(--fu,"Arial Black",sans-serif); letter-spacing:.02em; text-transform:uppercase;
  background:linear-gradient(180deg,#E8D6D2 0%,#E66A55 42%,#f5951f 58%,#d0700f 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  filter:drop-shadow(1px 1px 0 #b85e0e) drop-shadow(2px 3px 0 #9a4c08) drop-shadow(3px 5px 0 #7a3d08) drop-shadow(0 9px 16px rgba(0,0,0,.55)); }
.rc-hero-timer{ display:inline-flex; align-items:center; gap:6px; font:700 13px var(--fu,sans-serif); color:#c9bfe6; }
.rc-hero-timer b{ color:#fff; }
.rc-podium{ position:relative; z-index:2; display:flex; align-items:flex-end; justify-content:center; gap:clamp(8px,4vw,44px); padding-top:22px; }
.rc-pod{ position:relative; display:flex; flex-direction:column; align-items:center; width:clamp(94px,28%,178px); }
.rc-pod-1{ transform:translateY(-22px); }
.rc-pod.is-empty{ opacity:.5; }
.rc-tab{ position:static; margin:0 0 12px; display:inline-flex; align-items:baseline; gap:5px; padding:5px 14px; border-radius:8px; box-shadow:0 5px 12px rgba(0,0,0,.4); }
.rc-tab b{ font:900 15px var(--fu,sans-serif); line-height:1; color:#281C1C; }
.rc-tab i{ font:800 9.5px var(--fu,sans-serif); font-style:normal; text-transform:uppercase; letter-spacing:.06em; color:rgba(40,28,28,.85); }
.rc-tab-gold{ background:linear-gradient(160deg,#F4DEDA,#E66A55); }
.rc-tab-gold b{ font-size:17px; }
.rc-tab-silver{ background:linear-gradient(160deg,#e9edf5,#aab4c6); }
.rc-tab-bronze{ background:linear-gradient(160deg,#f0b98a,#c17b45); }
.rc-av-wrap{ position:relative; z-index:1; }
.rc-av{ position:relative; z-index:1; border-radius:50%; overflow:hidden; background:linear-gradient(160deg,#281C1C,#211616); display:grid; place-items:center; }
.rc-av img{ width:100%; height:100%; object-fit:cover; }
.rc-av span{ font:800 26px var(--fu,sans-serif); color:#fff; }
.rc-gold .rc-av{ width:92px; height:92px; border:3px solid #E66A55; box-shadow:0 0 24px rgba(230,106,85,.42), 0 12px 24px rgba(0,0,0,.5); }
.rc-silver .rc-av{ width:76px; height:76px; border:3px solid #c3cbd8; box-shadow:0 0 16px rgba(195,203,216,.28), 0 10px 20px rgba(0,0,0,.5); }
.rc-bronze .rc-av{ width:76px; height:76px; border:3px solid #cf9463; box-shadow:0 0 16px rgba(207,148,99,.28), 0 10px 20px rgba(0,0,0,.5); }
.rc-name-row{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:15px; max-width:100%; }
.rc-lvl{ flex:0 0 auto; background:linear-gradient(180deg,#E66A55,#D98778); color:#281C1C; font:900 11px var(--fu,sans-serif); padding:2px 7px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,.35); }
.rc-name{ font:800 14px var(--fu,sans-serif); color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rc-gold .rc-name{ font-size:15px; }
.rc-points{ margin-top:3px; font:700 11.5px var(--fu,sans-serif); color:#B87569; letter-spacing:.04em; }
.rc-points b{ color:#fff; font-weight:900; }
.rc-prize{ margin-top:11px; display:inline-flex; align-items:center; gap:7px; font:800 12.5px var(--fu,sans-serif); color:#fff; background:rgba(58,37,37,.55); border:1px solid rgba(230,106,85,.72); border-radius:22px; padding:6px 14px; box-shadow:0 6px 14px rgba(0,0,0,.4); }
.rc-prize-lbl{ font-size:10.5px; font-weight:800; letter-spacing:.06em; color:#D98778; }
.rc-prize-amt{ display:inline-flex; align-items:center; gap:3px; color:#F4DEDA; }
.rc-prize-amt .coin-ico{ width:14px; height:14px; margin-right:0 !important; }
.rc-points .coin-c, .rc-prize .coin-c{ opacity:.72; }
.rc-points .coin-d{ color:#ffffff; }
.rc-gold .rc-prize{ border-color:rgba(230,106,85,.72); background:rgba(58,37,37,.55); }
.rc-prize-skin{ margin-top:10px; }
.rc-prize-skin img{ max-height:80px; max-width:132px; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(0,0,0,.55)); }
@media (max-width:560px){
  .rc-wrap{ padding:20px 10px 26px; }
  .rc-tab{ padding:4px 11px; margin-bottom:9px; } .rc-tab b{ font-size:13px; } .rc-tab-gold b{ font-size:14px; } .rc-tab i{ font-size:8.5px; }
  .rc-gold .rc-av{ width:74px; height:74px; } .rc-silver .rc-av, .rc-bronze .rc-av{ width:60px; height:60px; }
  .rc-name{ font-size:12px; } .rc-gold .rc-name{ font-size:12.5px; }
  .rc-points{ font-size:10px; } .rc-prize{ font-size:11px; padding:5px 10px; }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rc-sun{ animation:none; } }
.hm-free{ display:block !important; height:auto !important; min-height:0 !important; flex:none !important; padding:20px 22px !important; }
.hm-free-hero{ display:flex !important; align-items:center; gap:16px; margin:0 0 16px !important; max-width:none !important; width:auto !important; flex:none !important; }
.hm-free-item{ align-items:center !important; gap:11px !important; padding:9px 13px !important; background:rgba(255,255,255,.025) !important; border:1px solid rgba(206,66,43,.09) !important; border-radius:12px !important; }
.hm-free-item:hover{ background:rgba(206,66,43,.06) !important; border-color:rgba(206,66,43,.28) !important; }
.hm-free-i{ width:34px !important; height:34px !important; border-radius:10px !important; background:rgba(206,66,43,.08) !important; }
.hm-free-item:hover .hm-free-i{ background:rgba(206,66,43,.16) !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(206,66,43,.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(206,66,43,.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; } }
.tip-amt-wrap.has-coinoverlay{ position:relative; }
.tip-field .tip-amt-wrap.has-coinoverlay input{ color:transparent !important; caret-color:var(--gold2,#CE422B) !important; -webkit-text-fill-color:transparent !important; }
.tip-field .tip-amt-wrap.has-coinoverlay input::placeholder{ color:rgba(150,160,180,.55) !important; -webkit-text-fill-color:rgba(150,160,180,.55) !important; }
.tip-coin-overlay{ position:absolute; left:36px; right:12px; top:0; bottom:0; display:flex; align-items:center; pointer-events:none; z-index:3;
  font-size:17px; font-weight:800; line-height:1; letter-spacing:0; color:var(--gold2,#CE422B); white-space:nowrap; overflow:hidden; }
.tip-coin-overlay:empty{ display:none; }
.tip-coin-overlay .coin-amt{ display:inline-flex; align-items:baseline; }
@keyframes rainGlowPulse{
  0%{ box-shadow:0 0 0 0 rgba(206,66,43,0); filter:brightness(1); }
  15%{ box-shadow:0 0 0 3px rgba(206,66,43,.85), 0 0 46px 10px rgba(206,66,43,.6); filter:brightness(1.4) saturate(1.25); }
  50%{ filter:brightness(1.08); }
  100%{ box-shadow:0 0 0 0 rgba(206,66,43,0); filter:brightness(1); }
}
#chatRain.rain-glow-pulse{ animation:rainGlowPulse 1.25s ease-in-out 3 !important; border-radius:14px; position:relative; z-index:20 !important; }
.skin-dd{ position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:60; max-height:340px; overflow-y:auto;
  background:#211616; border:1px solid rgba(206,66,43,.32); border-radius:11px; box-shadow:0 16px 40px rgba(0,0,0,.6); padding:5px; }
.skin-dd-head{ position:sticky; top:-5px; margin:-5px -5px 4px; padding:7px 10px; background:#1A1111; border-bottom:1px solid rgba(206,66,43,.18); border-radius:11px 11px 0 0; font:700 11px var(--fu); letter-spacing:.03em; color:var(--t3); text-transform:uppercase; }
.skin-dd-row{ display:flex; align-items:center; gap:10px; padding:7px 9px; border-radius:8px; cursor:pointer; }
.skin-dd-row:hover{ background:rgba(206,66,43,.12); }
.skin-dd-row img, .skin-dd-noimg{ width:34px; height:34px; object-fit:contain; background:rgba(0,0,0,.34); border-radius:7px; flex:0 0 auto; }
.skin-dd-name{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 13px var(--fu); color:var(--t1); }
.skin-dd-val{ flex:0 0 auto; display:inline-flex; align-items:center; gap:2px; font:800 13px var(--fu); color:#CE422B; }
.skin-dd-val .coin-ico{ margin-right:0 !important; width:13px !important; height:13px !important; }
.skin-dd-empty{ padding:12px; text-align:center; color:var(--t3); font-size:12px; }
::selection{ background:rgba(206,66,43,.30); color:#fff; text-shadow:none; }
::-moz-selection{ background:rgba(206,66,43,.30); color:#fff; text-shadow:none; }
.app-modal__btn.gold, .hm-btn-primary, .hm-btn-gold{ position:relative; overflow:hidden; }
.app-modal__btn.gold::before, .hm-btn-primary::before, .hm-btn-gold::before{
  content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.34), transparent);
  transform:skewX(-20deg); pointer-events:none; z-index:1;
}
.app-modal__btn.gold:hover::before, .hm-btn-primary:hover::before, .hm-btn-gold:hover::before{ animation:btnShine .75s ease; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .app-modal__btn.gold::before, .hm-btn-primary::before, .hm-btn-gold::before{ display:none; } }
.cf-games-list .cf-game-row{ background:linear-gradient(180deg, rgba(40,28,28,.6), rgba(33,22,22,.58)) !important; box-shadow:0 6px 16px rgba(0,0,0,.3); }
.cf-games-list .cf-game-row:hover{ box-shadow:0 12px 26px rgba(0,0,0,.42), 0 0 0 1px rgba(206,66,43,.22) !important; }
.cf-game-wager .coin-ico{ filter:drop-shadow(0 1px 4px rgba(206,66,43,.5)); }
@keyframes rfdGlowPulse{ 0%{ box-shadow:0 0 0 0 rgba(206,66,43,0);} 15%{ box-shadow:0 0 0 3px rgba(206,66,43,.78), 0 0 36px 8px rgba(206,66,43,.6); filter:brightness(1.15);} 50%{ filter:brightness(1.05);} 100%{ box-shadow:0 0 0 0 rgba(206,66,43,0);} }
.rfd-glow-pulse{ animation:rfdGlowPulse 1.3s ease-in-out 3 !important; position:relative; z-index:60 !important; border-radius:12px; }
.center-waiting-head{ text-align:left !important; }
.center-waiting-head .eyebrow{ display:block !important; margin:0 0 2px !important; width:auto !important; justify-content:flex-start !important; }
.rfd-create-btn{ display:inline-flex; align-items:center; gap:5px; padding:6px 11px; border-radius:9px; font:800 12px var(--fu); cursor:pointer; white-space:nowrap;
  color:#281C1C; background:linear-gradient(180deg,#F4DEDA,#CE422B); border:none; box-shadow:0 3px 10px rgba(206,66,43,.4); transition:filter .15s, transform .1s; }
.rfd-create-btn:hover{ filter:brightness(1.07); } .rfd-create-btn:active{ transform:scale(.96); }
.rfd-head{ flex-wrap:wrap !important; gap:8px !important; }
.rfd-head .rfd-bal{ margin-left:auto; }

.rfd-cmodal{ position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:18px; }
.rfd-cmodal-ov{ position:absolute; inset:0; background:rgba(33,22,22,.72); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.rfd-cmodal-card{ position:relative; z-index:1; width:min(540px,96vw); max-height:90vh; overflow:auto; background:linear-gradient(180deg,#211616,#211616); border:1px solid rgba(206,66,43,.24); border-radius:18px; padding:22px; box-shadow:0 30px 80px rgba(0,0,0,.6); }
.rfd-cmodal-x{ position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:8px; border:1px solid var(--ln2); background:rgba(255,255,255,.05); color:var(--t2); cursor:pointer; font-size:14px; }
.rfd-cmodal-x:hover{ color:#fff; border-color:rgba(206,66,43,.5); }
.rfd-cmodal-title{ font:900 20px var(--fu); color:var(--t1); }
.rfd-cmodal-sub{ font-size:12.5px; color:var(--t3); line-height:1.5; margin:6px 0 16px; }
.rfd-cmodal-lbl{ font:800 11px var(--fu); letter-spacing:.08em; text-transform:uppercase; color:var(--t2); margin:12px 0 8px; }
.rfd-cmodal-lbl span{ color:var(--t3); font-weight:600; text-transform:none; letter-spacing:0; }
.rfd-cmodal-skins{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:10px; max-height:420px; overflow:auto; padding:2px; }
.rfd-cmodal-empty{ grid-column:1/-1; padding:32px 16px; text-align:center; color:var(--t3); font-size:12.5px; line-height:1.5; }
.rfd-cskin{ display:flex; flex-direction:column; gap:6px; padding:10px; border-radius:13px; cursor:pointer; text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.18)); border:1px solid var(--ln2); color:var(--t1); transition:border-color .14s, background .14s, transform .12s; }
.rfd-cskin:hover{ border-color:rgba(206,66,43,.42); transform:translateY(-2px); }
.rfd-cskin.on{ border-color:#CE422B; background:rgba(206,66,43,.14); box-shadow:inset 0 0 0 1px rgba(206,66,43,.5); }
.rfd-cskin-img{ height:64px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:radial-gradient(72% 72% at 50% 38%, rgba(206,66,43,.14), transparent 72%); }
.rfd-cskin-img img{ max-width:100%; max-height:100%; object-fit:contain; }
.rfd-cskin-nm{ font:600 12px var(--fu); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rfd-cskin-val{ display:inline-flex; align-items:center; justify-content:center; gap:4px; font:800 13px var(--fu); color:var(--gold2,#CE422B); }
.rfd-cskin-val .coin-ico{ margin-right:0 !important; }
.rfd-cmodal-hours{ display:flex; gap:6px; flex-wrap:wrap; }
.rfd-cmodal-hours button{ flex:1 1 auto; min-width:48px; padding:9px 0; border-radius:10px; font:800 13px var(--fu); cursor:pointer;
  background:rgba(255,255,255,.04); border:1px solid var(--ln2); color:var(--t2); transition:all .14s; }
.rfd-cmodal-hours button:hover{ border-color:rgba(206,66,43,.4); color:var(--t1); }
.rfd-cmodal-hours button.on{ background:linear-gradient(180deg,#F4DEDA,#CE422B); color:#281C1C; border-color:transparent; }
.rfd-cmodal-go{ width:100%; margin-top:16px; padding:12px; border-radius:12px; font:800 14px var(--fu); cursor:pointer;
  color:#281C1C; background:linear-gradient(180deg,#F4DEDA,#CE422B); border:none; box-shadow:0 8px 22px rgba(206,66,43,.34); transition:filter .15s; }
.rfd-cmodal-go:hover:not(:disabled){ filter:brightness(1.07); }
.rfd-cmodal-go:disabled{ opacity:.5; cursor:not-allowed; }
.rfd-cmodal-msg{ margin-top:10px; text-align:center; font-size:12.5px; color:var(--t3); min-height:1em; }
.rfd-cmodal-msg.err{ color:#ff8a8a; }
.rfd-mtoggle, .rfd-mclose, .rfd-mscrim{ display:none; }
@media(max-width:1600px){
  body.rfd-open main.page{ padding-right:clamp(16px,3vw,44px) !important; }
  .rfd-mtoggle{ display:inline-flex !important; align-items:center; gap:7px; position:fixed; right:14px; bottom:14px; z-index:940;
    padding:10px 15px; border-radius:999px; border:1px solid rgba(255,255,255,.16); cursor:pointer;
    background:linear-gradient(145deg,#CE422B,#CE422B); color:#281C1C; font:800 13px var(--fu, sans-serif); box-shadow:0 6px 18px rgba(0,0,0,.42); }
  .rfd-mtoggle svg{ flex:0 0 auto; }
  body.rfd-mobile-showing .rfd-mtoggle{ opacity:0; pointer-events:none; }
  .rfd-drawer{ position:fixed !important; left:0 !important; right:0 !important; top:auto !important; bottom:0 !important; width:100% !important; max-width:none !important;
    height:82vh !important; max-height:82vh !important; transform:translateY(101%) !important; transition:transform .32s cubic-bezier(.4,0,.2,1) !important;
    z-index:998 !important; border-radius:18px 18px 0 0 !important; border:1px solid var(--ln2) !important; margin:0 !important; }
  .rfd-drawer.rfd-mobile-open{ transform:translateY(0) !important; }
  .rfd-drawer .rfd-panel{ height:100% !important; max-height:100% !important; border-radius:18px 18px 0 0 !important; }
  .rfd-mclose{ display:inline-flex !important; align-items:center; justify-content:center; width:30px; height:30px; flex:0 0 auto; margin-left:6px;
    border-radius:8px; border:1px solid var(--ln2); background:rgba(255,255,255,.05); color:var(--t2); cursor:pointer; font-size:13px; }
  .rfd-mclose:hover{ color:#fff; }
  .rfd-mscrim{ display:block; position:fixed; inset:0; z-index:997; background:rgba(33,22,22,.55); opacity:0; pointer-events:none; transition:opacity .3s; }
  body.rfd-mobile-showing .rfd-mscrim{ opacity:1; pointer-events:auto; }
}
.player-panel.winner, .player-panel.champ-ready, .player-panel.winner.loser, .player-panel.champ-ready.loser{ opacity:1 !important; filter:none !important; }
@media(max-width:980px){ body.chat-open .rfd-mtoggle{ opacity:0 !important; pointer-events:none !important; } }
.rfd-thumb{ position:relative !important; }
.rfd-thumb-pv{ position:absolute; top:6px; right:6px; z-index:2; display:inline-flex; align-items:center; gap:3px; padding:3px 7px; border-radius:8px;
  font:800 12px var(--fu); color:#F4DEDA; background:rgba(33,22,22,.84); border:1px solid rgba(206,66,43,.42); box-shadow:0 2px 8px rgba(0,0,0,.4); }
.rfd-thumb-pv .coin-ico{ margin-right:0 !important; width:12px !important; height:12px !important; }
.rfd-thumb-pv .coin-c{ opacity:.5; }
.rfd-thumb-by{ position:absolute; left:6px; bottom:6px; z-index:2; max-width:calc(100% - 12px); padding:2px 7px; border-radius:7px;
  font:700 10px var(--fu); color:#dfe1ea; background:rgba(33,22,22,.82); border:1px solid rgba(255,255,255,.1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-tag{ display:inline-flex; align-items:center; padding:1px 9px; border-radius:7px; font:800 10.5px/1.5 var(--fu, sans-serif); letter-spacing:.1em; text-transform:uppercase; }
.chat-tag-rain{ color:#D9C8C4; border:1px solid rgba(217,135,120,.55); background:rgba(217,135,120,.1); }
.chat-tag-raffle{ color:#F4DEDA; border:1px solid rgba(206,66,43,.6); background:rgba(206,66,43,.12); }
.chat-tag-tip{ color:#E8D6D2; border:1px solid rgba(206,66,43,.62); background:rgba(206,66,43,.14); }
.chat-message-rain .chat-body, .chat-message-raffle .chat-body, .chat-message-tip .chat-body{ margin-left:0 !important; }
.chat-message-raffle p, .chat-message-rain p, .chat-message-tip p{ color:var(--t2) !important; }
.rfd-winrow-th{ position:relative; display:inline-flex; flex:0 0 auto; }
.rfd-winrow-tip{ position:absolute; left:calc(100% + 9px); top:50%; transform:translateY(-50%) translateX(-5px); z-index:40; min-width:120px; max-width:190px;
  display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:7px 10px; border-radius:10px; pointer-events:none; opacity:0; transition:opacity .14s, transform .14s;
  background:rgba(33,22,22,.98); border:1px solid rgba(206,66,43,.42); box-shadow:0 10px 26px rgba(0,0,0,.6); }
.rfd-winrow-th:hover .rfd-winrow-tip{ opacity:1; transform:translateY(-50%) translateX(0); }
.rfd-winrow-tip::before{ content:""; position:absolute; right:100%; top:50%; transform:translateY(-50%); border:6px solid transparent; border-right-color:rgba(206,66,43,.42); }
.rfd-winrow-tip b{ font:700 12px var(--fu, sans-serif); color:var(--t1); white-space:normal; line-height:1.25; }
.rfd-winrow-tip-pv{ display:inline-flex; align-items:center; gap:3px; font:800 13px var(--fu, sans-serif); color:#F4DEDA; }
.rfd-winrow-tip-pv .coin-ico{ margin-right:0 !important; width:13px !important; height:13px !important; }
.hist-item-amt .coin-ico{ margin-right:0 !important; width:.82em !important; height:.82em !important; }
.hist-item-amt .coin-c{ opacity:.5; font-weight:inherit; }
.hist-item-amt .coin-amt, .hist-item-amt .coin-d{ font-variant-numeric:tabular-nums; }
@media (max-width:980px){
  body::after{ display:none !important; }
  body::before{ mix-blend-mode:normal !important; }
}
.page-loader{ animation: plFailsafe 0s linear 7s forwards; }
@keyframes plFailsafe{ to{ opacity:0 !important; pointer-events:none !important; visibility:hidden !important; } }
@media (max-width:980px){
  html body main.page,
  html body.rfd-open main.page,
  html body.chat-open main.page{ padding-right:0 !important; padding-left:0 !important; filter:none !important; opacity:1 !important; pointer-events:auto !important; }
  html, body{ overflow-x:hidden !important; }
  html body{ pointer-events:auto !important; filter:none !important; }
  html body::after, html body::before{ display:none !important; }
  html body .rfd-drawer{ position:fixed !important; left:0 !important; right:0 !important; top:auto !important; bottom:0 !important; width:100% !important; max-width:none !important; transform:translateY(101%) !important; z-index:998 !important; }
  html body .rfd-drawer.rfd-mobile-open{ transform:translateY(0) !important; }
  html body:not(.rfd-mobile-showing) .rfd-mscrim{ opacity:0 !important; pointer-events:none !important; }
  html body .topbar{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}
@media (max-width:900px){
  .topbar{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; background:rgba(33,22,22,.975) !important; }
  .chat-drawer, .chat-panel, .chat-body, .rfd-drawer, .rfd-panel, .rfd-body, .cf-modal-overlay, .cf-modal-card, .app-modal__overlay, .app-modal__card, .rps-modal-overlay, .rfd-vmodal, .rfd-cmodal, .rfd-mscrim, .rr-toast, .rfpart{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  *{ mix-blend-mode:normal !important; }
  .section-block, .hm-quick, .market-grid, .inv-grid{ content-visibility:auto; contain-intrinsic-size:auto 600px; }
}
.qa:hover, .quick-amounts button:hover{ transform:none !important; box-shadow:none !important; }
.lb-lvl{ display:inline-block; vertical-align:middle; margin-right:6px; position:relative; top:-1px; }
.notif-item{ display:flex !important; flex-direction:row !important; align-items:flex-start; gap:9px; }
.notif-ico{ flex:0 0 auto; width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:rgba(255,255,255,.06); color:var(--t2); margin-top:1px; }
.notif-ico svg{ width:15px; height:15px; }
.notif-msg{ flex:1 1 auto; min-width:0; }
.notif-time{ flex:0 0 auto; white-space:nowrap; align-self:flex-start; }
.notif-ico-rain{ color:#D98778; background:rgba(217,135,120,.12); }
.notif-ico-raffle, .notif-ico-tip{ color:var(--gold2); background:rgba(206,66,43,.12); }
.notif-ico-pot{ color:#ffb454; background:rgba(255,180,84,.12); }
.notif-ico-win{ color:#CE422B; background:rgba(206,66,43,.15); }
.notif-ico-level{ color:#5ad36d; background:rgba(90,211,109,.12); }
.rp-pot-and-skins{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.rp-pot-skins-inline{ margin:0 !important; display:flex; align-items:center; }
.rp-pot-skins-inline:empty{ display:none; }
.rp-pot-skins-inline .sst-th{ width:32px !important; height:32px !important; }
@media (max-width:900px){
  .rfd-mtoggle{ bottom: calc(14px + env(safe-area-inset-bottom)) !important; }
}
.hm-game:hover, .lp-mode:hover, .fair-game-card:hover, .rw-ach.unlocked:hover, .lb-row:hover, .lb-rows .lb-row:hover, .cf-history-clickable:hover, .cw-av:hover, .profile-avatar-btn:hover, .chat-pin-btn:hover, .stat-box:hover, .hero-stat:hover, .lp-stat:hover, .bal-btn:hover, .bx-btn-join:hover, .bx-btn-bot:hover, .rps-move-btn:hover, .qa:hover, .quick-amounts button:hover, .topstrip-free:hover{ transform:none !important; }
.hm-promo-rewards:hover, .hm-promo-card:hover, .ngm-card:hover, #navGamesMenu .ngm-card:hover, .rb-card:hover, .pstat:hover, .aff-metric:hover, .bstat:hover, .fair-card:hover, .fair-game-card:hover, .profile-av-img:hover, .chat-del-btn:hover, .chat-form button[type=submit]:hover{ transform:none !important; }
#navGamesMenu .ngm-card:hover, .adm-gfilter .adm-gchip:hover, .adm-tab:hover, .admin-stat:hover, .aff-metric:hover, .affx-claim-btn:hover, .app-modal__btn:hover, .auth-steam-card .steam-btn-lg:hover, .bal-btn:hover, .bal-minus:hover, .bal-plus:hover, .bh-row:hover, .brand:hover, .bstat:hover, .btn-primary:hover, .bx-btn-join:hover, .bx-btn-bot:hover, .cf-games-list .cf-game-row:hover, .cf-game-card:hover, .cf-history-clickable:hover, .cf-join-btn:hover, .cf-modal-join:hover, .cf-side-btn:hover, .cgc-watch:hover, .chat-act:hover, .chat-av:hover, .chat-del-btn:hover, .chat-form button[type=submit]:hover, .chat-pin-btn:hover, .chat-rain-join:hover, .chat-rain-tip:hover, .cw-av:hover, .empty-state-cta:hover, .fair-card:hover, .fair-game-card:hover, .hist-tab:hover, .hm-btn-ghost:hover, .hm-btn-primary:hover, .hm-btn-steam:hover, .hm-game:hover, .hm-promo-card:hover, .hm-promo-rewards:hover, .lb-row:hover, .lbets-tab:hover, .legal-tab:hover, .lp-btn-ghost:hover, .lp-btn-primary:hover, .lp-mode:hover, .nav a:hover, .nav a:hover .nav-ico, .nav-more-btn:hover, .ngm-card:hover, .pf-verify .btn-primary:hover, .pf-verify-actions .btn-primary:hover, .pill-steam:hover, .profile-av-img:hover, .rust-default-av:hover, .profile-avatar-btn:hover, .pstat:hover, .qa:hover, .quick-amounts button:hover, .rb-card:hover, .rf-card:hover, .rfd-cskin:hover, .rfd-toggle:hover, .rp-en-row:hover, .rps-btn-join:hover, .rps-btn-bot:hover, .rps-move-btn:hover, .rps-open-list .rps-open-row:hover, .rps-open-card:hover, .rw-ach.unlocked:hover, .stat-box:hover, .hero-stat:hover, .lp-stat:hover, .steam-btn:hover, .topstrip-free:hover, .topstrip-nav a:hover, .tx-pg-btn:hover{ transform:none !important; }
.affx-claim-btn{ background:linear-gradient(180deg,#CE422B,#CE422B) !important; }
@media (min-width:981px){
  main.page{ min-height: calc(100vh - var(--rr-header-h, calc(var(--topstrip-h) + var(--topbar-h))) - 150px); }
}
.notif-ico-flip{ color:#CE422B; background:rgba(206,66,43,.13); }
.notif-ico-champ{ color:#5ad36d; background:rgba(90,211,109,.13); }
.notif-ico-case{ color:#D98778; background:rgba(217,135,120,.13); }
@keyframes rrCardSheen{ 0%{ transform:translateX(-130%);} 55%,100%{ transform:translateX(130%);} }
@keyframes rrGlowPulse{ 0%,100%{ opacity:.55; text-shadow:0 0 10px rgba(206,66,43,.28);} 50%{ opacity:1; text-shadow:0 0 20px rgba(206,66,43,.5);} }
@keyframes rrDcCta{ 0%,100%{ box-shadow:0 0 0 1px rgba(206,66,43,.4), 0 0 14px rgba(206,66,43,.18);} 50%{ box-shadow:0 0 0 1px rgba(206,66,43,.7), 0 0 24px rgba(206,66,43,.45);} }
.hist-item-view{ flex:0 0 auto; align-self:center; display:inline-flex; align-items:center; gap:5px; margin-left:14px;
  padding:7px 13px; border:1px solid rgba(206,66,43,.25); background:rgba(206,66,43,.1); color:#E8D6D2;
  font:700 12px var(--fu,inherit); border-radius:9px; text-decoration:none; white-space:nowrap;
  transition:background .15s, border-color .15s, color .15s; }
.hist-item-view:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:#E8D6D2; }
.hist-item-view svg{ width:14px; height:14px; }
.champ-pot-skins-inside{ background:none !important; border:none !important; box-shadow:none !important;
  padding:0 !important; margin:9px 0 0 !important; max-width:100% !important; width:auto !important; gap:4px !important; }
.champ-pot-skins-inside::before{ display:none !important; }
.champ-pot-skins-inside .cps-grid{ gap:5px !important; }
.champ-pot-skins-inside .cps-th, .champ-pot-skins-inside .ss-th, .champ-pot-skins-inside .ss-more{ width:34px !important; height:34px !important; padding:2px !important; border-radius:7px !important; }
.adm-backpack{ margin:14px 0 6px; padding:12px 14px; background:rgba(0,0,0,.2); border:1px solid var(--ln); border-radius:12px; }
.adm-bp-head{ display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--t2); margin-bottom:10px; flex-wrap:wrap; gap:6px; }
.adm-bp-head b{ color:var(--gold2); } .adm-bp-total{ display:inline-flex; align-items:center; gap:4px; color:var(--t3); }
.adm-bp-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(78px,1fr)); gap:8px; }
.adm-bp-item{ position:relative; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:6px;
  background:radial-gradient(circle at 50% 34%, #3A2525, #281C1C 82%); border:1px solid rgba(255,255,255,.08); border-radius:9px; }
.adm-bp-item img{ max-width:100%; max-height:68%; object-fit:contain; filter:drop-shadow(0 3px 5px rgba(0,0,0,.5)); }
.adm-bp-val{ position:absolute; bottom:3px; left:0; right:0; text-align:center; font-size:10px; font-weight:800; color:#E8D6D2; display:inline-flex; align-items:center; justify-content:center; gap:2px; }
.adm-bp-val .coin-ico{ width:9px; height:9px; }
.adm-bp-item.is-staked{ opacity:.72; border-color:rgba(206,66,43,.4); }
.adm-bp-staked{ position:absolute; top:3px; left:3px; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.04em; color:#281C1C; background:var(--gold2); padding:1px 4px; border-radius:4px; }
.prize-display{ position:relative; overflow:hidden;
  background:linear-gradient(180deg, rgba(206,66,43,.10), rgba(206,66,43,.03)) !important;
  border:1px solid rgba(206,66,43,.28) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06), inset 0 0 40px rgba(206,66,43,.06) !important; }
.prize-display::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; border-radius:inherit;
  background:radial-gradient(90% 120% at 50% -15%, rgba(206,66,43,.22), transparent 68%);
  animation:rrPPGlow 4.2s ease-in-out infinite; }
@keyframes rrPPGlow{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.prize-label{ position:relative; z-index:1; }
.prize-amount{ position:relative; z-index:1; animation:rrPPAmt 3.4s ease-in-out infinite; }
@keyframes rrPPAmt{ 0%,100%{ text-shadow:0 2px 14px rgba(206,66,43,.28), 0 0 2px rgba(206,66,43,.2); }
                    50%{ text-shadow:0 2px 22px rgba(206,66,43,.55), 0 0 6px rgba(206,66,43,.4); } }
.champ-pot-skins-inside{ position:relative; z-index:1; display:flex !important; justify-content:center !important; align-items:center !important;
  margin:12px -14px -12px !important; padding:12px 14px 13px !important;
  border-top:1px solid rgba(206,66,43,.16) !important;
  background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.04)) !important; border-radius:0 !important; }
.champ-pot-skins-inside::after{ display:none !important; }
.champ-pot-skins-inside .cps-grid{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; gap:8px !important; position:static !important; width:auto !important; }
.champ-pot-skins-inside .cps-th, .champ-pot-skins-inside .ss-th, .champ-pot-skins-inside .ss-more{
  width:50px !important; height:50px !important; padding:5px !important; border-radius:12px !important; flex:0 0 auto !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background:radial-gradient(circle at 50% 30%, #3A2525, #281C1C 86%) !important;
  box-shadow:inset 0 0 0 1px rgba(206,66,43,.18), inset 0 1px 0 rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.4) !important;
  transition:box-shadow .18s ease !important; }
.champ-pot-skins-inside .cps-th:hover{ box-shadow:inset 0 0 0 1px rgba(206,66,43,.55), 0 5px 14px rgba(206,66,43,.22) !important; }
.champ-pot-skins-inside .cps-th img, .champ-pot-skins-inside .ss-th img{ width:100% !important; height:100% !important; object-fit:contain !important; display:block !important; margin:0 !important; filter:drop-shadow(0 2px 5px rgba(0,0,0,.55)) !important; }
.champ-pot-skins-inside .skin-stack-tip{ position:absolute !important; }
.hm-free-item{ position:relative; overflow:hidden; transition:background .16s ease, border-color .16s ease !important; }
.hm-free-item::before{ content:""; position:absolute; left:0; top:8px; bottom:8px; width:0; border-radius:3px;
  background:linear-gradient(180deg,#CE422B,#CE422B); box-shadow:0 0 10px rgba(206,66,43,.5); transition:width .2s ease; }
.hm-free-item:hover{ border-color:rgba(206,66,43,.32) !important; background:rgba(206,66,43,.055) !important; }
.hm-free-item:hover::before{ width:3px; }
.hm-free-i{ transition:background .16s ease, box-shadow .16s ease, color .16s ease !important; }
.hm-free-item:hover .hm-free-i{ box-shadow:0 0 16px rgba(206,66,43,.35), inset 0 0 0 1px rgba(206,66,43,.3); color:#E8D6D2 !important; }
.hm-free-item .hm-free-t b{ transition:color .16s ease; }
.hm-free-item:hover .hm-free-t b{ color:#E8D6D2; }
.chat-rain-tag{ animation:rrRainGlow 2.4s ease-in-out infinite; }
@keyframes rrRainGlow{ 0%,100%{ box-shadow:0 0 0 1px rgba(206,66,43,.28), 0 0 0 rgba(206,66,43,0); }
                       50%{ box-shadow:0 0 0 1px rgba(206,66,43,.55), 0 0 14px rgba(206,66,43,.4); } }
.crt-drops i{ background:linear-gradient(180deg,#c8fff2,#D98778) !important; box-shadow:0 0 3px rgba(206,66,43,.6); }
@keyframes rrDcHalo{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.affx-claim-btn, .cf-join-btn, .rp-join-btn, .btn-primary, .create-game-btn{ position:relative; overflow:hidden; }
.affx-claim-btn::after, .cf-join-btn::after, .rp-join-btn::after, .btn-primary::after, .create-game-btn::after{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent); transform:skewX(-18deg); opacity:0; }
.affx-claim-btn:hover::after, .cf-join-btn:hover::after, .rp-join-btn:hover::after, .btn-primary:hover::after, .create-game-btn:hover::after{
  animation:rrBtnSweep .7s ease; }
@keyframes rrBtnSweep{ 0%{ left:-60%; opacity:0; } 30%{ opacity:1; } 100%{ left:130%; opacity:0; } }
.section-title h3{ position:relative; }
.section-title h3::after{ content:""; position:absolute; left:0; bottom:-5px; width:26px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,#CE422B, transparent); }
.lb-lvl, .rc-lvl{ background:linear-gradient(180deg,#D98778,#d4923a) !important; color:#281C1C !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 1px 2px rgba(0,0,0,.32) !important; }
.chat-tip-tag{ animation:rrTipGlow 2.6s ease-in-out infinite; }
@keyframes rrTipGlow{ 0%,100%{ box-shadow:0 0 0 1px rgba(206,66,43,.3), 0 0 0 rgba(206,66,43,0); }
                      50%{ box-shadow:0 0 0 1px rgba(206,66,43,.55), 0 0 12px rgba(206,66,43,.35); } }
.rp-pot{ text-shadow:0 0 16px rgba(206,66,43,.28); }
.skin-card{ transition:border-color .16s ease, box-shadow .16s ease !important; }
.skin-card:hover{ box-shadow:0 10px 26px rgba(0,0,0,.42), 0 0 0 1px rgba(206,66,43,.32), inset 0 0 26px rgba(206,66,43,.05) !important;
  border-color:rgba(206,66,43,.3) !important; }
.online-dot{ box-shadow:0 0 7px rgba(74,222,128,.65), 0 0 0 1px rgba(74,222,128,.25) !important; }
.bal-btn{ transition:box-shadow .16s ease, border-color .16s ease !important; }
.bal-btn:hover{ box-shadow:0 0 0 1px rgba(206,66,43,.38), 0 5px 16px rgba(206,66,43,.16) !important; }
.nav a:hover, .nav-link:hover{ color:#E8D6D2 !important; }
.cf-coin{ filter:drop-shadow(0 4px 10px rgba(0,0,0,.4)) drop-shadow(0 0 14px rgba(206,66,43,.22)); }
.cf-vs{ box-shadow:inset 0 0 0 1px rgba(206,66,43,.32), 0 0 14px rgba(206,66,43,.16); }
.lb-row{ transition:background .14s ease !important; }
.lb-row:hover{ background:rgba(206,66,43,.05) !important; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-track{ background:rgba(0,0,0,.2); }
*::-webkit-scrollbar-thumb{ background:linear-gradient(180deg, rgba(206,66,43,.5), rgba(206,66,43,.3)); border-radius:6px; border:2px solid transparent; background-clip:padding-box; }
*::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg, rgba(206,66,43,.72), rgba(206,66,43,.5)); background-clip:padding-box; }
input:focus, textarea:focus, select:focus{ box-shadow:0 0 0 2px rgba(206,66,43,.22) !important; border-color:rgba(206,66,43,.48) !important; }
.pf-avatar{ box-shadow:0 0 0 3px rgba(206,66,43,.42), 0 0 22px rgba(206,66,43,.22), inset 0 0 0 1px rgba(0,0,0,.3) !important; }
.pf-card{ position:relative; transition:border-color .16s ease, box-shadow .16s ease !important; }
.pf-card:hover{ box-shadow:0 10px 26px rgba(0,0,0,.36), 0 0 0 1px rgba(206,66,43,.2) !important; }
.pf-out{ position:relative; overflow:hidden; }
.pf-out::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(80% 120% at 50% -10%, rgba(206,66,43,.1), transparent 66%); }
.pf-out > *{ position:relative; z-index:1; }






.wallet-card, .wallet-row{ transition:border-color .16s ease, box-shadow .16s ease, background .16s ease !important; }
.wallet-card:hover, .wallet-row:hover{ box-shadow:0 8px 22px rgba(0,0,0,.34), 0 0 0 1px rgba(206,66,43,.24) !important; }
.wallet-tab:hover{ color:#E8D6D2 !important; }
.wd-icon{ box-shadow:0 0 14px rgba(206,66,43,.16); }
.cm-img{ box-shadow:inset 0 0 0 1px rgba(206,66,43,.18), 0 4px 12px rgba(0,0,0,.4) !important; }
.rfd-card{ transition:border-color .16s ease, box-shadow .16s ease !important; }
.rfd-card:hover{ box-shadow:0 8px 20px rgba(0,0,0,.36), 0 0 0 1px rgba(206,66,43,.24) !important; border-color:rgba(206,66,43,.3) !important; }
.rfd-prize{ text-shadow:0 0 12px rgba(206,66,43,.28); }
.rfd-enter-btn{ position:relative; overflow:hidden; }
.rfd-enter-btn::after{ content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.3), transparent); transform:skewX(-18deg); opacity:0; }
.rfd-enter-btn:hover::after{ animation:rrBtnSweep .7s ease; }
.rfd-winrow-th{ box-shadow:inset 0 0 0 1px rgba(206,66,43,.2) !important; }
.chat-message{ transition:background .12s ease !important; border-radius:8px; }
.chat-message:hover{ background:rgba(255,255,255,.035) !important; }
.chat-mentions-me{ box-shadow:inset 3px 0 0 rgba(206,66,43,.85), 0 0 0 1px rgba(206,66,43,.14) !important; }
.chat-message-rain, .chat-message-tip, .chat-message-raffle, .chat-message-announcement, .chat-message-system{ box-shadow:inset 3px 0 0 var(--gold2,#CE422B) !important; }
.site-footer{ position:relative; }
.site-footer::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(206,66,43,.42), transparent); }
.ftr-links a{ transition:color .14s ease; }
.ftr-links a:hover{ color:#E8D6D2 !important; }
.ftr-brand{ filter:drop-shadow(0 0 12px rgba(206,66,43,.14)); }
@keyframes rrFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
.empty-char{ animation:rrFloat 3.4s ease-in-out infinite; filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)); }
.empty-icon{ animation:rrFloat 3.4s ease-in-out infinite; }
.rr-toast{ transition:box-shadow .2s ease; }
.rr-toast-success{ box-shadow:0 12px 32px rgba(0,0,0,.42), 0 0 20px rgba(74,222,128,.22) !important; }
.rr-toast-money, .rr-toast-win{ box-shadow:0 12px 32px rgba(0,0,0,.42), 0 0 22px rgba(206,66,43,.3) !important; }
.rr-toast-error{ box-shadow:0 12px 32px rgba(0,0,0,.42), 0 0 20px rgba(239,68,68,.24) !important; }
.rr-toast-info{ box-shadow:0 12px 32px rgba(0,0,0,.42), 0 0 18px rgba(206,66,43,.22) !important; }
.tab, .admin-nav-tab, .seg-btn, .wallet-tab{ transition:color .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease !important; }
.tab.active, .admin-nav-tab.active, .seg-btn.active, .wallet-tab.active{ text-shadow:0 0 10px rgba(206,66,43,.3); }
button:active, .adm-btn:active, .cf-join-btn:active, .rp-join-btn:active, .rfd-enter-btn:active, .affx-claim-btn:active, .bal-btn:active{ filter:brightness(.93) !important; }
.adm-stat-live .admin-stat-num{ color:#4ade80; display:flex; align-items:center; justify-content:center; gap:7px; }
.adm-stat-live .admin-stat-num::before{ content:""; width:9px; height:9px; border-radius:50%; background:#4ade80;
  box-shadow:0 0 9px rgba(74,222,128,.85); animation:rrAdmLive 1.8s ease-in-out infinite; flex:0 0 auto; }
@keyframes rrAdmLive{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.35; transform:scale(.82); } }
.adm-stat-login{ border-color:rgba(206,66,43,.3) !important; background:linear-gradient(180deg, rgba(206,66,43,.06), transparent) !important; }
.adm-stat-login .admin-stat-num{ color:#CE422B; }
.adm-stat-guest{ border-color:rgba(206,66,43,.28) !important; background:linear-gradient(180deg, rgba(206,66,43,.05), transparent) !important; }
.adm-stat-guest .admin-stat-num{ color:#D9C8C4; }
.rr-tasks{ display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; }
.rr-task{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:11px; padding:20px 14px 16px; border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.06)); border:1px solid var(--ln);
  transition:border-color .16s ease, box-shadow .16s ease; }
.rr-task:hover{ border-color:rgba(206,66,43,.3); box-shadow:0 10px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05); }
.rr-task.done{ opacity:.72; }
.rr-task-ico{ flex:0 0 auto; width:56px; height:56px; display:grid; place-items:center; border-radius:15px;
  background:rgba(206,66,43,.1); color:#CE422B; border:1px solid rgba(206,66,43,.2); }
.rr-task-ico svg{ width:28px; height:28px; }
.rr-task-discord .rr-task-ico{ background:rgba(206,66,43,.12); color:#D9C8C4; border-color:rgba(206,66,43,.28); }
.rr-task-x .rr-task-ico{ background:rgba(230,236,245,.08); color:#e6ecf5; border-color:rgba(230,236,245,.18); }
.rr-task-steam .rr-task-ico{ background:rgba(206,66,43,.1); color:#E8A096; border-color:rgba(206,66,43,.26); }
.rr-task-body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.rr-task-body b{ display:block; font-size:14px; color:#F4EAE8; line-height:1.25; }
.rr-task-body span{ font-size:11.5px; color:var(--t3); line-height:1.35; }
.rr-hl{ color:#CE422B; font-weight:800; }
.rr-task-cta{ flex:0 0 auto; margin-top:auto; display:flex; flex-direction:column; align-items:center; gap:9px; width:100%; padding-top:4px; }
.rr-task-coin{ display:inline-flex; align-items:center; gap:4px; font-weight:800; color:#E8D6D2; font-size:15px; }
.rr-task-coin .coin-ico{ width:15px; height:15px; }
.rr-task-btn{ width:100%; padding:9px 14px; border-radius:10px; border:none; cursor:pointer; font:800 13px var(--fu,inherit);
  background:linear-gradient(180deg,#CE422B,#CE422B); color:#281C1C; transition:filter .14s ease, box-shadow .14s ease; }
.rr-task-btn:hover{ box-shadow:0 4px 14px rgba(206,66,43,.3); }
.rr-task-btn:active{ filter:brightness(.93); }
.rr-task-btn.done, .rr-task-btn:disabled{ background:rgba(206,66,43,.16); color:#B87569; cursor:default; box-shadow:none; }
@media (max-width:820px){ .rr-tasks{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:440px){ .rr-tasks{ grid-template-columns:1fr; } }

.rr-pform-ov{ position:fixed; inset:0; z-index:9000; background:rgba(33,22,22,.72); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:grid; place-items:center; padding:20px; }
.rr-pform{ position:relative; width:min(430px,94vw); background:linear-gradient(180deg,#211616,#211616); border:1px solid rgba(206,66,43,.2); border-radius:16px; padding:22px 22px 20px; box-shadow:0 24px 60px rgba(0,0,0,.5); }
.rr-pform h3{ margin:0 0 4px; font-size:18px; color:#f3f5fa; }
.rr-pform-sub{ margin:0 0 16px; font-size:12.5px; color:var(--t3); }
.rr-pform-sub .coin-ico{ width:13px; height:13px; vertical-align:-2px; }
.rr-pform label{ display:block; font-size:11.5px; color:var(--t3); margin-bottom:11px; font-weight:600; }
.rr-pform input{ width:100%; margin-top:5px; padding:10px 12px; border-radius:9px; background:rgba(0,0,0,.28); border:1px solid var(--ln); color:#F4EAE8; font-size:14px; box-sizing:border-box; }
.rr-pform input:focus{ outline:none; border-color:rgba(206,66,43,.5); box-shadow:0 0 0 2px rgba(206,66,43,.2); }
.rr-pform-row2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.rr-pform-x{ position:absolute; top:12px; right:14px; background:none; border:none; color:var(--t3); font-size:24px; line-height:1; cursor:pointer; }
.rr-pform-x:hover{ color:#fff; }
.rr-pform-err{ min-height:16px; color:#ff8f8f; font-size:12px; margin-bottom:8px; }
.rr-pform-submit{ width:100%; padding:12px; font-size:14px; }
.adm-forms-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; flex-wrap:wrap; }
.adm-forms-count{ color:var(--t2); font-size:13px; } .adm-forms-count b{ color:var(--gold2); font-size:15px; }
.adm-forms-dl{ display:inline-flex; align-items:center; }
.adm-forms-table-wrap{ overflow-x:auto; border:1px solid var(--ln); border-radius:12px; }
.adm-forms-table{ width:100%; border-collapse:collapse; font-size:13px; min-width:620px; }
.adm-forms-table th{ text-align:left; padding:10px 12px; background:rgba(0,0,0,.25); color:var(--t3); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid var(--ln); }
.adm-forms-table td{ padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.05); color:#dce1ec; }
.adm-forms-table tr:last-child td{ border-bottom:none; }
.adm-forms-table tr:hover td{ background:rgba(206,66,43,.04); }
.adm-forms-table a{ color:#D9C8C4; text-decoration:none; } .adm-forms-table a:hover{ color:#D9C8C4; }
.adm-forms-rid{ display:inline-block; font-size:10px; color:#281C1C; background:var(--gold2); padding:1px 5px; border-radius:4px; font-weight:800; vertical-align:middle; }
.adm-bp-rm{ position:absolute; top:2px; right:2px; margin:0; z-index:2; }
.adm-bp-rm button{ width:18px; height:18px; border-radius:5px; border:none; background:rgba(220,60,60,.88); color:#fff; font-size:14px; line-height:1; cursor:pointer; display:grid; place-items:center; opacity:0; transition:opacity .12s ease; padding:0; }
.adm-bp-item:hover .adm-bp-rm button{ opacity:1; }
.adm-bp-rm button:hover{ background:#e23b3b; }
.adm-bp-add{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; align-items:center; }
.adm-bp-add input{ padding:8px 11px; border-radius:8px; background:rgba(0,0,0,.28); border:1px solid var(--ln); color:#F4EAE8; font-size:13px; }
.adm-bp-add input[type=number]{ width:140px; }
.adm-bp-add input[name=skin_name]{ flex:1 1 190px; min-width:150px; }
.adm-bp-add input:focus{ outline:none; border-color:rgba(206,66,43,.5); }
.affx-stat{ background:linear-gradient(180deg,#211616,#211616) !important; border-color:var(--ln2, rgba(206,66,43,.18)) !important; }
.affx-stat-claim{ background:linear-gradient(180deg,rgba(206,66,43,.12),#211616) !important; border-color:rgba(206,66,43,.34) !important; }
.aff-lvl-shield{ color:#CE422B !important; background:linear-gradient(180deg,#281C1C,#281C1C) !important; }
.aff-code-box{ background:rgba(206,66,43,.05) !important; border:1px solid rgba(206,66,43,.14) !important; }
.cf-create-card, .cf-watch-card, .rp-join-card, .rp-map-card, .afflv-card, .affx-apikey-card, .cgc-open-card, .bhw-card{
  transition:box-shadow .17s ease, border-color .17s ease !important; }
.cf-create-card:hover, .cf-watch-card:hover, .rp-join-card:hover, .rp-map-card:hover, .afflv-card:hover, .affx-apikey-card:hover, .bhw-card:hover{
  box-shadow:0 10px 26px rgba(0,0,0,.34), 0 0 0 1px rgba(206,66,43,.24), inset 0 1px 0 rgba(255,255,255,.05) !important;
  border-color:rgba(206,66,43,.3) !important; }
.afflv-row.on{ background:linear-gradient(180deg, rgba(206,66,43,.07), transparent) !important; border-color:rgba(206,66,43,.26) !important; }
.afflv-row{ transition:background .16s ease, border-color .16s ease !important; }
.rfd-info-btn{ width:16px; height:16px; border-radius:50%; border:1px solid rgba(206,66,43,.4); background:rgba(206,66,43,.12); color:#CE422B; font:italic 800 10px/1 Georgia, serif; cursor:pointer; margin-left:6px; vertical-align:middle; padding:0; display:inline-flex; align-items:center; justify-content:center; }
.rfd-info-btn:hover{ background:rgba(206,66,43,.22); }
.rfd-cmodal-maxnote{ font-size:11px; color:var(--t3); margin-left:8px; font-weight:600; }
.rfd-cmodal-info{ margin:6px 0 10px; padding:10px 12px; background:rgba(0,0,0,.24); border:1px solid var(--ln); border-radius:10px; display:flex; flex-direction:column; gap:3px; }
.rfd-cmodal-info b{ color:#F4EAE8; font-size:12px; margin-bottom:2px; }
.rfd-cmodal-info span{ font-size:11.5px; color:var(--t2); }
.rfd-cmodal-hours button.off{ opacity:.32; cursor:not-allowed; text-decoration:line-through; }
.rfd-card{ position:relative !important; }
.rfd-creator{ position:absolute; left:5px; right:5px; bottom:5px; z-index:3; display:flex; align-items:center; gap:4px;
  padding:2px 7px 2px 2px; background:linear-gradient(180deg, rgba(33,22,22,.5), rgba(33,22,22,.92)); border:1px solid rgba(255,255,255,.1); border-radius:999px; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.rfd-creator-av{ width:17px; height:17px; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid rgba(206,66,43,.5); background:#211616; }
.rfd-creator-noav{ display:inline-flex; align-items:center; justify-content:center; font-size:9px; font-weight:800; color:#281C1C; background:linear-gradient(180deg,#CE422B,#CE422B); }
.rfd-creator-nm{ font-size:10px; font-weight:700; color:#e6ebf5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.lb-stat-val, .lb-stat-prize .lb-stat-val{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#CE422B !important; color:#CE422B !important; }
.rp-recent-l{ display:flex !important; align-items:center !important; }
.rp-recent-av{ width:22px; height:22px; border-radius:50%; object-fit:cover; flex:0 0 auto; margin-right:7px; border:1px solid rgba(206,66,43,.32); background:#211616; }
.rp-recent-av-fb{ display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:#281C1C; background:linear-gradient(180deg,#CE422B,#CE422B); }
.chat-mention-item{ display:flex !important; align-items:center !important; gap:8px !important; }
.cm-av{ width:22px; height:22px; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid rgba(206,66,43,.25); background:#211616; }
.cm-av-fb{ display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:#281C1C; background:linear-gradient(180deg,#CE422B,#CE422B); }
.rb-card{ position:relative; overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.06)) !important;
  border:1px solid var(--ln) !important; transition:border-color .16s ease, box-shadow .16s ease !important; }
.rb-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#CE422B,#CE422B); opacity:.9; }
.rb-card:hover{ border-color:rgba(206,66,43,.32) !important; box-shadow:0 12px 30px rgba(0,0,0,.36) !important; }
.rb-daily::before{ background:linear-gradient(90deg,#B87569,#D98778) !important; }
.rb-weekly::before{ background:linear-gradient(90deg,#D98778,#D98778) !important; }
.rb-monthly::before{ background:linear-gradient(90deg,#CE422B,#CE422B) !important; }
.rb-amount{ text-shadow:0 0 14px rgba(206,66,43,.25); }
.rb-table{ width:100%; border-collapse:collapse; }
.rb-table th{ font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--t3); padding:9px 10px; border-bottom:1px solid var(--ln); text-align:center; }
.rb-table th:first-child{ text-align:left; }
.rb-table td{ padding:9px 10px; text-align:center; font-size:13px; color:#dbe0ec; border-bottom:1px solid rgba(255,255,255,.045); font-weight:700; }
.rb-table td:first-child{ text-align:left; color:var(--t2); }
.rb-table tr:last-child td{ border-bottom:none; }
.rb-tr-you td{ background:linear-gradient(90deg, rgba(206,66,43,.1), transparent) !important; color:#E8D6D2 !important; }
.rb-tr-you td:first-child{ color:#CE422B !important; }
.rb-you-tag{ display:inline-block; font-size:9px; font-weight:800; text-transform:uppercase; color:#281C1C; background:linear-gradient(180deg,#CE422B,#CE422B); padding:1px 5px; border-radius:4px; margin-left:6px; vertical-align:middle; }
.player-panel.loser{ opacity:1 !important; filter:none !important; }
.player-panel.champ-out{ pointer-events:none !important; }
.player-panel.champ-out .char-display,
.player-panel.champ-out .player-name,
.player-panel.champ-out .health-section{ opacity:0 !important; transform:translateY(22px) scale(.9) !important; transition:opacity .42s ease, transform .42s ease !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .player-panel.champ-out .char-display, .player-panel.champ-out .player-name, .player-panel.champ-out .health-section{ transition:none !important; } }
@media (max-width: 980px){
  .chat-toggle{
    position:fixed !important; left:14px !important; right:auto !important; bottom:14px !important; top:auto !important;
    transform:none !important; flex-direction:row !important; width:auto !important; height:auto !important; min-height:0 !important;
    padding:11px 16px !important; border-radius:999px !important; writing-mode:horizontal-tb !important; text-orientation:mixed !important;
    z-index:942 !important; box-shadow:0 6px 18px rgba(0,0,0,.42) !important; border:1px solid rgba(255,255,255,.16) !important; }
  .chat-toggle .chat-label, .chat-toggle .chat-icon{ writing-mode:horizontal-tb !important; }
  .chat-toggle .chat-icon{ font-size:16px !important; }
  body.chat-open .chat-toggle{ opacity:0 !important; pointer-events:none !important; }
  .chat-toggle{ bottom: calc(14px + env(safe-area-inset-bottom)) !important; }
}
@media (min-width:1601px){
  .chat-drawer{ position:fixed !important; left:0 !important; right:auto !important;
    top:var(--topbar-h, 56px) !important; bottom:0 !important; width:344px !important; max-width:88vw !important;
    height:auto !important; max-height:none !important; transform:translateX(0) !important; z-index:90 !important;
    border-radius:0 !important; border-left:0 !important; border-right:1px solid var(--rust-ln2, rgba(206,66,43,.12)) !important; }
  .chat-drawer.closed{ transform:translateX(0) !important; }
  body:not(.chat-off) main.page{ margin-left:344px !important; margin-right:auto !important; }
  body.chat-off main.page{ margin-left:auto !important; }
  .chat-toggle, #chatClose{ display:none !important; }
}
.rr-task{ position:relative; }
.rr-task-badge{ position:absolute; top:10px; right:10px; z-index:2; font:800 9.5px var(--fu, sans-serif); text-transform:uppercase; letter-spacing:.04em;
  color:#E8A096; background:rgba(206,66,43,.12); border:1px solid rgba(206,66,43,.3); padding:2px 7px; border-radius:999px; }
.chat-panel > .chat-head{ order:10 !important; border-bottom:0 !important; border-top:1px solid var(--ln) !important; margin-top:0 !important; }
.cm-val{ display:flex; align-items:center; justify-content:center; gap:4px; margin-top:5px; font:800 13px var(--fd, inherit); color:#E8D6D2; text-shadow:0 0 10px rgba(206,66,43,.25); }
.cm-val .coin-ico{ width:13px; height:13px; flex:0 0 auto; }
.rc-topbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rc-prev-btn{ display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:10px; cursor:pointer;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.1)); border:1px solid var(--ln); color:var(--t2); font:800 12.5px var(--fu,sans-serif);
  transition:border-color .16s ease, color .16s ease, box-shadow .16s ease; }
.rc-prev-btn:hover{ border-color:rgba(206,66,43,.4); color:#CE422B; box-shadow:0 6px 16px rgba(0,0,0,.3); }
.rc-prev-btn svg{ flex:0 0 auto; }
.rc-prev-modal{ position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:20px; }
.rc-prev-overlay{ position:absolute; inset:0; background:rgba(33,22,22,.72); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.rc-prev-card{ position:relative; z-index:1; width:min(560px,94vw); max-height:82vh; overflow-y:auto;
  background:linear-gradient(180deg,#211616,#211616); border:1px solid var(--ln); border-radius:16px; padding:20px; box-shadow:0 24px 60px rgba(0,0,0,.6); }
.rc-prev-card h3{ margin:0 0 14px; color:#CE422B; font-size:17px; }
.rc-prev-close{ position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:8px; border:1px solid var(--ln); background:rgba(255,255,255,.05); color:var(--t2); cursor:pointer; font-size:14px; }
.rc-prev-close:hover{ color:#fff; }
.rc-prev-list{ display:flex; flex-direction:column; gap:10px; }
.rc-prev-empty{ color:var(--t3); font-size:13px; text-align:center; padding:20px; }
.rc-prev-row{ padding:11px 13px; background:rgba(0,0,0,.2); border:1px solid var(--ln); border-radius:11px; }
.rc-prev-when{ font-size:11.5px; color:var(--t3); font-weight:700; margin-bottom:7px; display:flex; align-items:center; gap:4px; }
.rc-prev-when .coin-ico{ width:12px; height:12px; }
.rc-prev-winners{ display:flex; flex-direction:column; gap:4px; }
.rc-prev-w{ font-size:12.5px; color:#dbe0ec; display:flex; align-items:center; gap:6px; }
.rc-prev-w b{ color:#CE422B; min-width:26px; }
.rc-prev-prize{ margin-left:auto; color:#E8D6D2; font-weight:800; display:inline-flex; align-items:center; gap:3px; }
.rc-prev-prize .coin-ico{ width:12px; height:12px; }
@media (max-width: 1000px){
  .arena-grid{ grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; }
  .arena-grid .left-panel, .arena-grid .right-panel{ min-width: 0 !important; }
  .player-panel{ min-height: 0 !important; }
  .player-panel > *{ max-width: 100%; min-width: 0; }
  .player-panel .seat-badge{ flex-wrap: nowrap; justify-content: center; min-width: 0; }
  .player-panel .seat-badge > .seat-icon{ flex: 0 0 auto; }
  .player-panel .seat-badge > *:not(.seat-icon){ min-width: 0; }
  /* rr(#7): keep both fighter cards on the same row and vertically aligned on every small screen */
  .arena-grid .left-panel  { grid-column: 1 !important; grid-row: 1 !important; }
  .arena-grid .right-panel { grid-column: 2 !important; grid-row: 1 !important; }
  .arena-grid .control-panel { grid-column: 1 / -1 !important; grid-row: 2 !important; order: 0 !important; position: static !important; }
  .arena-grid .seat-badge{ min-height: 42px !important; align-items: center !important; }
}
.chat-panel > .chat-head{ padding:7px 11px !important; justify-content:flex-end !important; align-items:center !important; gap:8px !important; min-height:0 !important; }
.chat-panel > .chat-head .chat-clear-btn{ order:-1 !important; margin-right:0 !important; margin-left:0 !important; }
.chat-head .chat-vol{ display:inline-flex; align-items:center; margin-left:auto; flex:0 0 auto; position:relative; }
.chat-vol-btn{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; cursor:pointer; border:1px solid var(--ln); background:rgba(255,255,255,.05); color:var(--t2); border-radius:8px; flex:0 0 auto; line-height:0; }
.chat-vol-btn:hover, .chat-vol-btn[aria-expanded="true"]{ background:rgba(255,255,255,.08); color:#fff; border-color:var(--ln); }
.chat-vol-pop{ position:absolute; bottom:calc(100% + 8px); right:0; z-index:40; display:flex; align-items:center; padding:10px 13px; border-radius:10px; background:#211616; border:1px solid var(--vio-line); box-shadow:0 14px 34px rgba(0,0,0,.5); }
.chat-vol-pop[hidden]{ display:none; }
.chat-vol-pop .chat-vol-range{ width:120px; }
.chat-staff{ position:relative; flex:0 0 auto; display:inline-flex; order:-1; margin-right:auto; }
.chat-staff .chat-staff-btn{ width:26px !important; min-height:26px !important; height:26px !important; padding:0 !important; border-radius:8px !important; background:var(--vio-soft) !important; color:var(--gold2,#CE422B) !important; border:1px solid var(--vio-line) !important; display:inline-flex !important; align-items:center; justify-content:center; place-items:center; cursor:pointer; line-height:0; box-shadow:none !important; }
.chat-staff .chat-staff-btn:hover, .chat-staff .chat-staff-btn[aria-expanded="true"]{ border-color:var(--vio-line) !important; background:#281C1C !important; }
.chat-staff-menu{ position:absolute; bottom:calc(100% + 8px); left:0; z-index:60; min-width:176px; padding:6px !important; border-radius:12px !important; background:#211616 !important; border:1px solid var(--vio-line) !important; box-shadow:0 18px 40px rgba(0,0,0,.55) !important; display:flex; flex-direction:column; gap:2px; width:auto !important; min-height:0 !important; }
.chat-staff-menu[hidden]{ display:none; }
.chat-staff-title{ font:800 10.5px var(--fu,system-ui); letter-spacing:.08em; text-transform:uppercase; color:var(--t3) !important; padding:5px 9px 6px; }
.chat-staff .chat-staff-item{ display:flex !important; align-items:center; gap:9px; width:100% !important; min-height:0 !important; height:auto !important; padding:8px 10px !important; border:0 !important; background:transparent !important; color:var(--t2) !important; font:600 12.5px system-ui,sans-serif !important; text-align:left; border-radius:8px !important; cursor:pointer; box-shadow:none !important; place-items:initial !important; }
.chat-staff .chat-staff-item svg{ flex:0 0 auto; width:15px !important; height:15px !important; color:var(--gold2,#CE422B) !important; }
.chat-staff .chat-staff-item:hover{ background:var(--vio-soft) !important; color:#fff !important; }
.chat-staff-emoji{ font-size:15px; width:16px; display:inline-flex; justify-content:center; flex:0 0 auto; }
.chat-staff .chat-staff-btn svg{ width:16px !important; height:16px !important; }
body.rr-view-cd{ counter-reset: rrvcd var(--rr-vcd, 3); }
body.rr-view-cd .cf-watch-btn,
body.rr-view-cd .cgc-watch,
body.rr-view-cd .champ-game-watch,
body.rr-view-cd .rp-watch,
body.rr-view-cd .rr-view,
body.rr-view-cd .bh-watch{
  pointer-events:none; opacity:.7; cursor:not-allowed; position:relative; color:transparent !important;
}
body.rr-view-cd .cf-watch-btn::after,
body.rr-view-cd .cgc-watch::after,
body.rr-view-cd .champ-game-watch::after,
body.rr-view-cd .rp-watch::after,
body.rr-view-cd .rr-view::after,
body.rr-view-cd .bh-watch::after{
  content: counter(rrvcd) "s";
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  color:#CE422B; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.02em;
}
body.rr-view-cd .view-cooldown{ color:inherit !important; }
body.rr-view-cd .view-cooldown::after{ content:none; }

.view-cooldown{ opacity:.7 !important; cursor:not-allowed !important; }
.view-cooldown .cd-num{ font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.chat-head{ display:flex; align-items:center; }
.chat-head .chat-lang{ position:relative; flex:0 0 auto; order:-1; margin-right:auto; }
.chat-head #chatOnline{ order:1; }
.chat-head #chatRulesBtn{ order:3; }
.chat-head #chatVol{ order:4; margin-left:0 !important; }
.chat-head #creatorOpenBtn{ order:5; }
.chat-head .chat-head-actions{ order:9; }
.chat-lang-btn svg{ width:17px !important; height:17px !important; }
.chat-panel > .chat-head .chat-lang-btn svg{ width:14px !important; height:14px !important; }
.chat-lang-btn{ display:inline-flex; align-items:center; gap:4px; cursor:pointer; border:1px solid var(--ln); background:rgba(255,255,255,.05); color:var(--t2); border-radius:8px; padding:4px 9px; font-size:.74rem; font-weight:800; flex:0 0 auto; line-height:1; }
.chat-lang-btn:hover, .chat-lang-btn[aria-expanded="true"]{ background:rgba(255,255,255,.08); color:#fff; border-color:var(--ln); }
.chat-lang-menu{ position:absolute; bottom:calc(100% + 8px); left:0; z-index:60; min-width:132px; padding:6px; border-radius:10px; background:#211616; border:1px solid var(--vio-line); box-shadow:0 14px 34px rgba(0,0,0,.5); display:flex; flex-direction:column; gap:2px; }
.chat-lang-menu[hidden]{ display:none; }
.chat-lang-item{ display:block; width:100%; text-align:left; padding:7px 10px; border:0; background:transparent; color:var(--t2); font:600 12.5px system-ui,sans-serif; border-radius:7px; cursor:pointer; }
.chat-lang-item:hover{ background:var(--vio-soft); color:#fff; }
.chat-vol-range{ -webkit-appearance:none; appearance:none; width:62px; height:4px; border-radius:999px; cursor:pointer; outline:none; flex:0 0 auto;
  background:linear-gradient(90deg, var(--gold2,#CE422B) 0 var(--vol,85%), rgba(255,255,255,.15) var(--vol,85%) 100%); }
.chat-vol-range::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:12px; height:12px; border-radius:50%; background:var(--gold2,#CE422B); border:2px solid rgba(18,13,7,.9); box-shadow:0 1px 4px rgba(0,0,0,.5); cursor:pointer; }
.chat-vol-range::-moz-range-thumb{ width:11px; height:11px; border:2px solid rgba(18,13,7,.9); border-radius:50%; background:var(--gold2,#CE422B); cursor:pointer; }
.chat-vol-range::-moz-range-track{ height:4px; border-radius:999px; background:transparent; }
.chat-vol-range:focus-visible{ outline:2px solid rgba(206,66,43,.55); outline-offset:3px; }
.chat-panel > .chat-head .chat-rules-btn{ margin-left:6px !important; }
.chat-panel > .chat-head .chat-online{ margin-right:0 !important; font-size:11.5px !important; }
.chat-panel > .chat-head .chat-rules-btn{ padding:4px 9px !important; font-size:.7rem !important; }
.chat-panel > .chat-head .chat-lang-btn{ padding:4px 9px !important; font-size:.7rem !important; }
.chat-panel > .chat-head .chat-rules-btn, .chat-panel > .chat-head .chat-lang-btn{ height:28px !important; min-height:28px !important; box-sizing:border-box !important; align-items:center !important; }
.chat-panel > .chat-head .chat-rules-btn svg{ width:14px !important; height:14px !important; }
.chat-panel > .chat-head .chat-head-actions{ margin-left:0 !important; }
.fair-hash-row{ display:flex; align-items:flex-start; gap:6px; }
.fair-hash-row .fair-hash{ flex:1 1 auto; min-width:0; }
.fair-hash-row .fair-copy{ flex:0 0 auto; margin-left:0 !important; margin-top:1px; }
.mkt-bulk-bar{ position:fixed; left:0; right:0; bottom:0; z-index:996; display:flex; gap:12px; align-items:center;
  padding:13px clamp(12px,3vw,28px); background:linear-gradient(180deg,rgba(33,22,22,.96),rgba(33,22,22,.98));
  border-top:1px solid rgba(206,66,43,.3); box-shadow:0 -8px 26px rgba(0,0,0,.45); backdrop-filter:blur(8px);
  transform:translateY(115%); transition:transform .34s cubic-bezier(.2,.85,.3,1); pointer-events:none; }
.mkt-bulk-bar.open{ transform:translateY(0); pointer-events:auto; }
.mbb-items{ display:flex; gap:7px; overflow-x:auto; flex:1 1 auto; padding:2px; }
.mbb-chip{ position:relative; flex:0 0 auto; display:inline-flex; flex-direction:column; align-items:center; gap:2px;
  padding:5px 8px 4px; border:1px solid rgba(206,66,43,.25); border-radius:9px; background:rgba(255,255,255,.04); cursor:pointer; transition:border-color .15s,background .15s; }
.mbb-chip:hover{ border-color:rgba(239,68,68,.55); background:rgba(239,68,68,.12); }
.mbb-chip img{ width:40px; height:40px; object-fit:contain; }
.mbb-chip-c{ font-size:11px; font-weight:700; color:#E8D6D2; white-space:nowrap; }
.mbb-x{ position:absolute; top:-6px; right:-6px; width:16px; height:16px; border-radius:50%; background:#281C1C; color:#fff; font-size:9px; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .15s; }
.mbb-chip:hover .mbb-x{ opacity:1; }
.mbb-side{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.mbb-total{ font-size:13px; color:var(--t2,#BFA7A2); font-weight:600; display:flex; align-items:center; gap:4px; }
.mbb-total b{ color:#CE422B; font-size:15px; }
.mbb-count{ color:var(--t3,#B87569); font-weight:500; }
.mbb-buy{ padding:9px 18px; border:0; border-radius:9px; font-weight:800; font-size:13px; cursor:pointer; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); transition:filter .15s; }
.mbb-buy:hover{ filter:brightness(1.07); } .mbb-buy:disabled{ opacity:.6; cursor:default; }
.mbb-clear{ padding:9px 12px; border:1px solid rgba(206,66,43,.25); border-radius:9px; background:transparent; color:var(--t2,#BFA7A2); font-weight:600; font-size:12px; cursor:pointer; }
.mbb-clear:hover{ border-color:rgba(239,68,68,.5); color:#E8A096; }
.skin-card.sk-selected{ outline:2px solid #CE422B; outline-offset:1px; box-shadow:0 0 0 4px rgba(206,66,43,.18); }
.skin-card:not(.sk-selected):hover{ outline:1px solid rgba(206,66,43,.3); outline-offset:1px; }
.skin-card{ position:relative; }
.sk-qty{ position:absolute; top:6px; right:6px; z-index:3; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:#CE422B; color:#281C1C; font-weight:800; font-size:11px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.55); pointer-events:none; }
.mbb-qty{ position:absolute; top:3px; left:3px; min-width:18px; height:18px; padding:0 4px; border-radius:9px; background:#CE422B; color:#281C1C; font-size:10.5px; font-weight:800; display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:0 1px 3px rgba(0,0,0,.4); }
body.mkt-has-bulk .site-footer{ margin-bottom:96px !important; }
body.mkt-has-bulk .chat-toggle, body.mkt-has-bulk .rfd-mtoggle{ bottom:84px !important; }
body.mkt-has-bulk .rfd-toggle-wrap{ bottom:90px !important; }
@media (max-width:560px){ .mkt-bulk-bar{ gap:8px; padding:8px 12px; } .mbb-chip img{ width:32px; height:32px; } .mbb-total{ font-size:12px; } .mbb-total b{ font-size:13px; } .mbb-count{ display:none; } .mbb-buy{ padding:8px 12px; font-size:12px; white-space:nowrap; } .mbb-clear{ display:none; } }
.sup-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:10px; border:1px solid rgba(206,66,43,.16); background:rgba(255,255,255,.03); color:var(--t2,#BFA7A2); cursor:pointer; transition:background .15s, border-color .15s, color .15s; }
.sup-btn:hover{ background:rgba(206,66,43,.12); border-color:rgba(206,66,43,.4); color:#E8D6D2; }
.sup-btn .sup-ico svg{ width:20px; height:20px; }
.sup-live-dot{ position:absolute; top:6px; right:6px; width:7px; height:7px; border-radius:50%; background:#38d16a; box-shadow:0 0 0 2px rgba(33,22,22,.9), 0 0 6px rgba(56,209,106,.8); animation:supPulse 2s infinite; }
@keyframes supPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.4; } }
.sup-panel{ position:fixed; bottom:20px; right:20px; z-index:1000; width:370px; max-width:calc(100vw - 32px); height:520px; max-height:calc(100vh - 100px); display:flex; flex-direction:column; border-radius:16px; overflow:hidden; background:linear-gradient(180deg,rgba(33,22,22,.98),rgba(33,22,22,.99)); border:1px solid rgba(206,66,43,.28); box-shadow:0 20px 60px rgba(0,0,0,.55); backdrop-filter:blur(10px); animation:supIn .28s cubic-bezier(.2,.85,.3,1); }
@keyframes supIn{ from{ opacity:0; transform:translateY(16px) scale(.98); } to{ opacity:1; transform:none; } }
.sup-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-bottom:1px solid rgba(206,66,43,.12); background:linear-gradient(180deg,rgba(206,66,43,.1),transparent); }
.sup-head-l{ display:flex; align-items:center; gap:10px; }
.sup-head-ico{ display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:9px; background:rgba(206,66,43,.16); color:#CE422B; }
.sup-head-ico svg{ width:19px; height:19px; }
.sup-head-title{ font-weight:800; font-size:14px; color:var(--t1,#F4EAE8); }
.sup-head-sub{ font-size:11px; color:var(--t3,#B87569); }
.sup-close{ width:30px; height:30px; border:0; background:transparent; color:var(--t2,#BFA7A2); font-size:14px; cursor:pointer; border-radius:8px; }
.sup-close:hover{ background:rgba(255,255,255,.06); color:#fff; }
.sup-body{ flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; scrollbar-width:thin; scrollbar-color:rgba(206,66,43,.5) transparent; }
.sup-msg{ display:flex; } .sup-msg.sup-user{ justify-content:flex-end; }
.sup-bubble{ max-width:82%; padding:9px 12px; border-radius:13px; font-size:13.5px; line-height:1.45; word-wrap:break-word; }
.sup-bot .sup-bubble{ background:rgba(255,255,255,.05); color:var(--t1,#F4EAE8); border:1px solid rgba(206,66,43,.12); border-bottom-left-radius:4px; }
.sup-user .sup-bubble{ background:linear-gradient(135deg,#CE422B,#CE422B); color:#281C1C; font-weight:600; border-bottom-right-radius:4px; }
.sup-typing{ display:inline-flex; gap:4px; align-items:center; }
.sup-typing span{ width:6px; height:6px; border-radius:50%; background:rgba(206,66,43,.8); animation:supBounce 1.1s infinite; }
.sup-typing span:nth-child(2){ animation-delay:.15s; } .sup-typing span:nth-child(3){ animation-delay:.3s; }
@keyframes supBounce{ 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-4px); opacity:1; } }
.sup-inputbar{ display:flex; align-items:flex-end; gap:8px; padding:10px 12px; border-top:1px solid rgba(206,66,43,.12); background:rgba(0,0,0,.2); }
.sup-inputbar textarea{ flex:1; resize:none; max-height:100px; padding:9px 12px; border-radius:10px; border:1px solid rgba(206,66,43,.2); background:rgba(255,255,255,.04); color:var(--t1,#F4EAE8); font:inherit; font-size:13.5px; line-height:1.4; outline:none; }
.sup-inputbar textarea:focus{ border-color:rgba(206,66,43,.5); }
.sup-send{ flex:0 0 auto; width:38px; height:38px; border:0; border-radius:10px; background:linear-gradient(135deg,#CE422B,#CE422B); color:#281C1C; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:filter .15s; }
.sup-send:hover{ filter:brightness(1.08); } .sup-send:disabled{ opacity:.6; cursor:default; }
.sup-send svg{ width:18px; height:18px; }
@media (max-width:480px){ .sup-panel{ bottom:0; right:0; left:0; width:100%; max-width:100%; height:100%; max-height:100%; border-radius:0; } }
.sup-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; }
.sup-chip{ padding:6px 11px; border-radius:14px; border:1px solid rgba(206,66,43,.35); background:rgba(206,66,43,.08); color:#E8D6D2; font-size:12px; font-weight:600; cursor:pointer; transition:background .15s, border-color .15s; }
.sup-chip:hover{ background:rgba(206,66,43,.18); border-color:rgba(206,66,43,.6); }
.sup-head-actions{ display:flex; align-items:center; gap:2px; }
.sup-clear{ width:30px; height:30px; border:0; background:transparent; color:var(--t3,#B87569); cursor:pointer; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; }
.sup-clear:hover{ background:rgba(239,68,68,.12); color:#E8A096; }
.sup-clear svg{ width:16px; height:16px; }
@media (min-width:1100px){
  .mkt-bulk-bar{ left:344px; right:16px; border-radius:14px 14px 0 0; }
  body.rfd-open .mkt-bulk-bar{ right:344px; }
  body.chat-off .mkt-bulk-bar{ left:16px; }
}
.fair-seeds{ max-width:900px; margin:0 auto 22px; padding:20px 22px; border-radius:16px; background:linear-gradient(180deg,rgba(33,22,22,.7),rgba(33,22,22,.7)); border:1px solid rgba(206,66,43,.22); }
.fair-seeds-head{ margin-bottom:14px; }
.fair-seeds-head h2{ margin:0 0 4px; font-size:18px; color:var(--t1,#F4EAE8); }
.fair-seeds-sub{ font-size:13px; color:var(--t3,#B87569); line-height:1.45; }
.fair-seeds-grid{ display:grid; grid-template-columns:1fr 1fr auto; gap:14px; margin-bottom:16px; }
.fair-seed-field{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.fair-seed-field > span{ font-size:11.5px; color:var(--t3,#B87569); font-weight:600; }
.fair-seed-nonce{ min-width:90px; }
.fair-seed-val{ padding:9px 11px; border-radius:9px; background:rgba(0,0,0,.28); border:1px solid rgba(206,66,43,.16); overflow-x:auto; }
.fair-seed-val code{ font-size:12.5px; color:#E8D6D2; white-space:nowrap; }
.fair-seed-field input{ padding:9px 11px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(206,66,43,.2); color:var(--t1,#F4EAE8); font:inherit; font-size:13px; outline:none; }
.fair-seed-field input:focus{ border-color:rgba(206,66,43,.5); }
.fair-seeds-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.fair-seeds-btn{ padding:10px 18px; border:0; border-radius:10px; font-weight:800; font-size:13px; cursor:pointer; color:#281C1C; background:linear-gradient(135deg,#CE422B,#CE422B); transition:filter .15s; }
.fair-seeds-btn:hover{ filter:brightness(1.07); } .fair-seeds-btn:disabled{ opacity:.6; cursor:default; }
.fair-seeds-note{ font-size:12px; color:var(--t3,#B87569); }
.fair-revealed{ margin-top:16px; padding:14px 16px; border-radius:11px; background:rgba(56,209,106,.07); border:1px solid rgba(56,209,106,.28); font-size:12.5px; color:var(--t2,#BFA7A2); line-height:1.7; }
.fair-revealed b{ color:#8fe3a8; display:block; margin-bottom:6px; }
.fair-revealed code{ color:#E8D6D2; word-break:break-all; }
.fair-revealed-formula{ margin-top:8px; color:var(--t3,#B87569); }
.fair-seeds-guest{ text-align:center; color:var(--t3,#B87569); padding:18px; }
@media (max-width:640px){ .fair-seeds-grid{ grid-template-columns:1fr; } }
#potSkins.champ-pot-skins-inside{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; margin:10px auto 0 !important; padding:8px 10px !important; justify-content:center !important; background:rgba(0,0,0,.18) !important; border:1px solid rgba(206,66,43,.1) !important; border-radius:12px !important; }
#potSkins.champ-pot-skins-inside:empty{ display:none !important; }
#potSkins .cps-grid{ width:100% !important; margin:0 auto !important; justify-content:center !important; }
.cgc-win.cgc-spoiler-hidden{ color:var(--t3,#B87569); font-style:italic; font-weight:500; }
.chat-sys-tag{ display:inline-flex; align-items:center; padding:1px 9px; border-radius:7px; font:800 10.5px/1.5 var(--fu, sans-serif); letter-spacing:.1em; text-transform:uppercase; }
.chat-sys-tag-announcement, .chat-sys-tag-races, .chat-sys-tag-bonus, .chat-sys-tag-mod{ color:var(--gold2); border:1px solid rgba(206,66,43,.5); background:rgba(206,66,43,.13); }
.chat-tag-tip{ color:#8fe3a8; border:1px solid rgba(80,210,120,.55); background:rgba(80,210,120,.12); }
.chat-tag svg{ width:12px; height:12px; margin-right:4px; flex:0 0 auto; }
.chat-sys-tag svg{ width:12px; height:12px; margin-right:4px; flex:0 0 auto; }
.rc-embers{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
.rc-embers i{ position:absolute; bottom:-14px; width:5px; height:5px; border-radius:50%;
  background:radial-gradient(circle, rgba(206,66,43,.75), rgba(206,66,43,0) 70%);
  animation:rcEmber linear infinite; will-change:transform, opacity; }
@keyframes rcEmber{
  0%{ transform:translateY(0) translateX(0) scale(.5); opacity:0; }
  10%{ opacity:.85; }
  85%{ opacity:.45; }
  100%{ transform:translateY(-112%) translateX(var(--dx,12px)) scale(1.15); opacity:0; }
}
.rc-embers i:nth-child(1){ left:6%;  --dx:18px;  width:4px; height:4px; animation-duration:11s;   animation-delay:0s; }
.rc-embers i:nth-child(2){ left:14%; --dx:-14px; width:6px; height:6px; animation-duration:14s;   animation-delay:2.4s; }
.rc-embers i:nth-child(3){ left:22%; --dx:10px;  width:3px; height:3px; animation-duration:9s;    animation-delay:1.1s; }
.rc-embers i:nth-child(4){ left:30%; --dx:-20px; width:5px; height:5px; animation-duration:13s;   animation-delay:3.6s; }
.rc-embers i:nth-child(5){ left:38%; --dx:16px;  width:4px; height:4px; animation-duration:10s;   animation-delay:0.8s; }
.rc-embers i:nth-child(6){ left:46%; --dx:-10px; width:7px; height:7px; animation-duration:15s;   animation-delay:4.2s; }
.rc-embers i:nth-child(7){ left:54%; --dx:14px;  width:3px; height:3px; animation-duration:8.5s;  animation-delay:2s; }
.rc-embers i:nth-child(8){ left:62%; --dx:-18px; width:5px; height:5px; animation-duration:12s;   animation-delay:5s; }
.rc-embers i:nth-child(9){ left:70%; --dx:12px;  width:4px; height:4px; animation-duration:11.5s; animation-delay:1.6s; }
.rc-embers i:nth-child(10){ left:78%; --dx:-16px; width:6px; height:6px; animation-duration:13.5s; animation-delay:3s; }
.rc-embers i:nth-child(11){ left:86%; --dx:10px;  width:3px; height:3px; animation-duration:9.5s;  animation-delay:0.4s; }
.rc-embers i:nth-child(12){ left:92%; --dx:-12px; width:5px; height:5px; animation-duration:14.5s; animation-delay:4.6s; }
.rc-embers i:nth-child(13){ left:10%; --dx:8px;   width:3px; height:3px; animation-duration:10.5s; animation-delay:6s; }
.rc-embers i:nth-child(14){ left:50%; --dx:-8px;  width:4px; height:4px; animation-duration:12.5s; animation-delay:6.8s; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .rc-embers{ display:none; } }
.chat-sys-ico-rain{ color:var(--gold2); }
.chat-sys-ico-tip{ color:var(--gold2); }
.chat-sys-ico-raffle{ color:var(--gold2); }
.chat-av .chat-sys-ico-rain svg, .chat-av .chat-sys-ico-tip svg, .chat-av .chat-sys-ico-raffle svg{ width:18px; height:18px; }
.chat-sys-tag{ box-shadow: 0 0 11px -4px currentColor; }
.chat-av .chat-sys-ico{ filter: drop-shadow(0 0 3px rgba(255,255,255,.18)); }
.chat-av .chat-sys-ico-rain, .chat-av .chat-sys-ico-tip, .chat-av .chat-sys-ico-raffle{ filter: drop-shadow(0 0 5px currentColor); }
::selection{ background:rgba(206,66,43,.30); color:#fff; text-shadow:none; }
::-moz-selection{ background:rgba(206,66,43,.30); color:#fff; text-shadow:none; }
:focus-visible{ outline:2px solid rgba(206,66,43,.55); outline-offset:2px; border-radius:5px; }
.btn-primary{ transition:transform .16s, filter .16s, opacity .18s, box-shadow .24s ease; }
.btn-primary:hover:not(:disabled){ box-shadow:0 10px 26px var(--pg), inset 0 1px 0 rgba(255,255,255,.14); }
.btn-primary:active:not(:disabled){ transform:translateY(0) scale(.99); filter:brightness(1.04); }
.chat-sys-tag-rain, .chat-sys-tag-tip, .chat-sys-tag-raffle{ color:var(--gold2); border:1px solid rgba(206,66,43,.5); background:rgba(206,66,43,.10); }
.chat-messages .chat-message.chat-message-announcement,
.chat-messages .chat-message.chat-message-rain,
.chat-messages .chat-message.chat-message-tip,
.chat-messages .chat-message.chat-message-trivia,
.chat-messages .chat-message.chat-message-raffle{
  border-radius:11px !important; margin-top:7px !important; padding:9px 11px 9px 13px !important;
  background:linear-gradient(100deg, rgba(206,66,43,.19), rgba(122,45,18,.12) 55%, rgba(206,66,43,.05)) !important;
  border:1px solid rgba(206,66,43,.36) !important;
  box-shadow:inset 3px 0 0 var(--gold2,#CE422B), inset 0 0 22px rgba(206,66,43,.06), 0 2px 10px rgba(0,0,0,.28) !important;
}
.chat-message-announcement .chat-sys-ico, .chat-message-rain .chat-sys-ico, .chat-message-tip .chat-sys-ico, .chat-message-trivia .chat-sys-ico, .chat-message-raffle .chat-sys-ico{ color:var(--gold2) !important; }
.chat-message-announcement .chat-body, .chat-message-rain .chat-body, .chat-message-tip .chat-body, .chat-message-trivia .chat-body, .chat-message-raffle .chat-body{ background:none !important; border:0 !important; }
.chat-message-announcement .chat-body p, .chat-message-rain .chat-body p, .chat-message-tip .chat-body p, .chat-message-trivia .chat-body p, .chat-message-raffle .chat-body p{ color:var(--gold2) !important; }
.chat-sys-tag-rain, .chat-sys-tag-tip, .chat-sys-tag-raffle, .chat-sys-tag-announcement, .chat-sys-tag-races, .chat-sys-tag-bonus, .chat-sys-tag-mod{
  color:var(--gold2) !important; border:1px solid rgba(206,66,43,.5) !important; background:rgba(206,66,43,.13) !important;
}
.rc-scape{ position:absolute; left:0; right:0; bottom:0; width:100%; height:min(44%,240px); opacity:.5; pointer-events:none; z-index:0; }
.rfd-create-btn{ padding:4px 9px !important; font:800 11px var(--fu) !important; gap:4px !important; border-radius:8px !important; }
.rfd-create-btn svg{ width:12px !important; height:12px !important; }
.player-panel .seat-badge{ justify-content:center !important; text-align:center; }
.player-panel .seat-badge b{ font-family:var(--fd) !important; font-size:23px !important; letter-spacing:.07em !important; text-transform:uppercase; line-height:1; text-shadow:0 2px 8px rgba(0,0,0,.45); }
.player-panel .seat-badge small{ letter-spacing:.24em !important; font-weight:700; opacity:.85; }
.mkt-bulk-hint{ display:flex; align-items:center; gap:8px; margin:0 0 12px; padding:8px 12px; border-radius:10px;
  font:600 12.5px var(--fu); color:var(--gold2); background:rgba(206,66,43,.09); border:1px dashed rgba(206,66,43,.32); }
.mkt-bulk-hint svg{ flex:0 0 auto; }
.skin-card{ cursor:pointer; }
.skin-card::after{ content:""; position:absolute; top:8px; left:8px; width:19px; height:19px; border-radius:6px; z-index:5;
  border:2px solid rgba(206,66,43,.5); background:rgba(16,12,8,.55); opacity:0; transition:opacity .15s ease, background .15s ease; pointer-events:none;
  display:flex; align-items:center; justify-content:center; font:900 12px var(--fu); color:#1a120a; }
.skin-card:hover::after{ opacity:.85; }
.skin-card.sk-selected::after{ content:"✓"; opacity:1; background:var(--gold2); border-color:var(--gold2); }
#joinBtn{ display:none !important; }
.chat-message-system .chat-av{ display:flex !important; align-items:center; justify-content:center; }
.chat-message-system .chat-av .chat-sys-ico{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.chat-message-system .chat-av .chat-sys-ico svg{ width:16px !important; height:16px !important; }
@media (max-width:640px){
  .chat-toggle{ left:11px !important; right:auto !important; bottom:11px !important; padding:8px 12px !important; gap:5px !important; }
  .chat-toggle, .chat-toggle .chat-label{ font-size:11.5px !important; }
  .chat-toggle svg, .chat-toggle .chat-icon{ width:14px !important; height:14px !important; font-size:13px !important; }
  .rfd-mtoggle{ right:11px !important; left:auto !important; bottom:11px !important; padding:8px 12px !important; gap:5px !important; font-size:11.5px !important; }
  .rfd-mtoggle svg{ width:14px !important; height:14px !important; }
}
.arena-grunge{ position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; opacity:.75;
  background:
    radial-gradient(ellipse 65% 42% at 50% 112%, rgba(232,142,58,.16), rgba(180,90,40,.05) 45%, transparent 72%),
    radial-gradient(ellipse 120% 55% at 50% -12%, rgba(0,0,0,.3), transparent 62%),
    radial-gradient(circle at 8% 12%,  rgba(206,66,43,.06), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(150,70,28,.06),  transparent 24%),
    repeating-linear-gradient(135deg, rgba(206,66,43,.02) 0 1.5px, transparent 1.5px 48px),
    repeating-linear-gradient(45deg,  rgba(0,0,0,.045) 0 1.5px, transparent 1.5px 48px); }
@media (max-width:820px){
  html body .chat-toggle{ left:12px !important; right:auto !important; top:auto !important; bottom:12px !important;
    width:auto !important; height:auto !important; min-height:0 !important; max-width:44vw !important; padding:8px 13px !important; gap:6px !important;
    flex-direction:row !important; border-radius:999px !important; writing-mode:horizontal-tb !important; text-orientation:mixed !important;
    font-size:12px !important; line-height:1 !important; z-index:640 !important; }
  html body .chat-toggle .chat-label{ writing-mode:horizontal-tb !important; font-size:12px !important; white-space:nowrap; }
  html body .chat-toggle .chat-icon, html body .chat-toggle .chat-icon svg{ width:15px !important; height:15px !important; font-size:14px !important; writing-mode:horizontal-tb !important; }
  html body .rfd-mtoggle{ right:12px !important; left:auto !important; top:auto !important; bottom:12px !important; max-width:44vw !important;
    padding:8px 13px !important; gap:6px !important; font-size:12px !important; z-index:640 !important; }
  html body .rfd-mtoggle svg{ width:15px !important; height:15px !important; }
}
.nav a:hover{ background:none !important; box-shadow:none !important; transform:none !important; color:#fff !important; }
.nav a:hover .nav-ico, .nav-more-btn:hover .nav-ico{ filter:none !important; transform:none !important; animation:none !important; }
.nav a:hover::after{ width:0 !important; }
.notif-item{ align-items:center !important; }
.notif-ico{ margin-top:0 !important; }
.canta-modal__selall{ padding:9px 16px; border-radius:10px; border:1px solid rgba(206,66,43,.4); background:rgba(206,66,43,.1); color:#CE422B; font:800 12.5px var(--fu); cursor:pointer; white-space:nowrap; transition:background .15s; }
.canta-modal__selall:hover{ background:rgba(206,66,43,.2); }
.fair-seed-val{ display:flex; align-items:center; gap:8px; }
.fair-seed-val code, .fair-seed-input input{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fair-copy{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border-radius:9px; border:1px solid rgba(206,66,43,.32); background:rgba(206,66,43,.09); color:#CE422B; cursor:pointer; transition:background .15s, transform .08s, border-color .15s, color .15s; }
.fair-copy:hover{ background:rgba(206,66,43,.2); }
.fair-copy:active{ transform:scale(.9); }
.fair-copy.copied{ background:rgba(110,231,160,.22); border-color:#6ee7a0; color:#6ee7a0; }
.fair-rev-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.fair-rev-row code{ overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.fair-games{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(290px, 1fr)) !important; gap:14px !important; }
.nav a.active{ background:none !important; border-color:transparent !important; box-shadow:none !important; transform:none !important; color:#fff !important; text-shadow:0 0 12px rgba(255,255,255,.4); }
.nav a.active .nav-ico{ transform:none !important; animation:none !important; color:#fff !important; filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 3px rgba(255,255,255,.45)) !important; }
.nav a.active::after{ width:0 !important; }
.fair-seeds{ max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
.affx-tip{ position:relative; cursor:help; }
.affx-tip::after{ content:attr(data-tip); position:absolute; bottom:calc(100% + 9px); left:50%; transform:translateX(-50%) translateY(5px); width:230px; max-width:70vw; padding:10px 13px; border-radius:10px; background:#211616; border:1px solid rgba(206,66,43,.32); color:#D9C8C4; font:600 12px/1.45 var(--fu, system-ui); text-align:center; opacity:0; pointer-events:none; transition:opacity .15s ease, transform .15s ease; z-index:60; box-shadow:0 10px 28px rgba(0,0,0,.55); white-space:normal; }
.affx-tip::before{ content:""; position:absolute; bottom:calc(100% + 3px); left:50%; transform:translateX(-50%) translateY(5px); border:6px solid transparent; border-top-color:rgba(206,66,43,.32); opacity:0; pointer-events:none; transition:opacity .15s ease, transform .15s ease; z-index:60; }
.affx-tip:hover::after, .affx-tip:hover::before{ opacity:1; transform:translateX(-50%) translateY(0); }
.arena-embers{ position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; border-radius:inherit; }
.arena-embers span{ position:absolute; bottom:-8px; width:3px; height:3px; border-radius:50%; background:radial-gradient(circle, rgba(245,180,90,.8), rgba(200,90,30,0) 70%); filter:blur(.3px); animation:emberRise linear infinite; }
@keyframes emberRise{ 0%{ transform:translateY(0) translateX(0) scale(1); opacity:0; } 12%{ opacity:.55; } 88%{ opacity:.35; } 100%{ transform:translateY(-360px) translateX(14px) scale(.35); opacity:0; } }
.arena-embers span:nth-child(1){ left:10%; animation-duration:9s;  animation-delay:0s;   }
.arena-embers span:nth-child(2){ left:23%; animation-duration:11.5s; animation-delay:2.4s; }
.arena-embers span:nth-child(3){ left:38%; animation-duration:8.4s; animation-delay:4.1s; width:2px;height:2px; }
.arena-embers span:nth-child(4){ left:52%; animation-duration:12.6s; animation-delay:1.2s; }
.arena-embers span:nth-child(5){ left:64%; animation-duration:9.8s; animation-delay:5.3s; width:2px;height:2px; }
.arena-embers span:nth-child(6){ left:76%; animation-duration:10.7s; animation-delay:3.0s; }
.arena-embers span:nth-child(7){ left:87%; animation-duration:8.9s; animation-delay:6.2s; width:2px;height:2px; }
.arena-embers span:nth-child(8){ left:95%; animation-duration:11.2s; animation-delay:1.8s; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .arena-embers{ display:none; } }
.hm-game-rustpot:hover .hm-game-go{ color:#ff6b6e !important; }
.hm-game-rustpot:hover .hm-game-ico{ filter:drop-shadow(0 6px 14px rgba(239,68,68,.5)) !important; }
@media (max-width:1600px){
  html body.rfd-mobile-showing .rfd-drawer{ transform:translateY(0) !important; }
  html body:not(.rfd-mobile-showing) .rfd-drawer{ transform:translateY(101%) !important; }
}
.hm-game-champions:hover .hm-game-go{ color:#CE422B !important; }
.hm-game-champions:hover .hm-game-ico{ filter:drop-shadow(0 6px 14px rgba(206,66,43,.5)) !important; }
.hm-game-flip:hover .hm-game-go{ color:#E66A55 !important; }
.hm-game-flip:hover .hm-game-ico{ filter:drop-shadow(0 6px 14px rgba(240,145,46,.5)) !important; }
.arena-firelight{ position:absolute; left:0; right:0; bottom:0; height:64%; z-index:0; pointer-events:none; border-radius:inherit;
  background:
    radial-gradient(128% 94% at 50% 124%, rgba(244,140,52,.28), rgba(200,86,28,.11) 42%, transparent 70%),
    radial-gradient(52% 48% at 50% 116%, rgba(255,172,76,.22), transparent 72%);
  mix-blend-mode:screen; }
.arena-firelight::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(58% 40% at 50% 120%, rgba(255,122,42,.12), transparent 66%);
  animation:arenaFireFlicker 5.5s ease-in-out infinite; }
@keyframes arenaFireFlicker{ 0%,100%{ opacity:.68; } 42%{ opacity:1; } 68%{ opacity:.8; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .arena-firelight::after{ animation:none; } }
.arena-scenery{ position:absolute; left:0; right:0; bottom:0; height:min(52%,300px); z-index:0; pointer-events:none; opacity:.72;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='270' viewBox='0 0 1400 270' preserveAspectRatio='xMidYMax slice'%3E%3Cpath d='M0 270 L0 214 Q200 182 400 206 T800 200 T1200 212 T1400 196 L1400 270Z' fill='%230b0e16' opacity='.6'/%3E%3Cg fill='%23090c13' opacity='.72'%3E%3Cpath d='M168 270 L188 84 L208 270Z'/%3E%3Crect x='185' y='66' width='6' height='20'/%3E%3C/g%3E%3Cg stroke='%23090c13' stroke-width='2.6' opacity='.7' fill='none'%3E%3Cpath d='M176 150 L200 150 M172 194 L204 194 M169 230 L207 230'/%3E%3C/g%3E%3Cg fill='none' stroke='%23090c13' stroke-width='3.2' opacity='.62'%3E%3Cpath d='M428 270 L470 116 L512 270 M444 202 L496 202 M454 160 L486 160'/%3E%3C/g%3E%3Cpath d='M628 270 Q676 188 730 214 Q772 172 822 208 Q852 192 884 270Z' fill='%230a0d15' opacity='.66'/%3E%3Cg fill='%23090c13' opacity='.72'%3E%3Cpath d='M968 270 L968 188 L1030 160 L1092 188 L1092 270Z'/%3E%3Crect x='1012' y='212' width='20' height='58' fill='%23060810'/%3E%3Cpath d='M968 188 L1030 160 L1092 188' stroke='%23161010' stroke-width='2' fill='none' opacity='.6'/%3E%3C/g%3E%3Cg fill='%230b0e16' opacity='.56'%3E%3Cpath d='M1228 270 L1246 92 L1264 270Z'/%3E%3Crect x='1235' y='118' width='22' height='11'/%3E%3C/g%3E%3Crect x='0' y='266' width='1400' height='4' fill='%23000' opacity='.32'/%3E%3C/svg%3E") no-repeat center bottom / cover;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 55%); mask-image:linear-gradient(180deg, transparent 0%, #000 55%); }
.rf-header-flex{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.rf-header-flex .rf-header-l{ min-width:0; }
.rf-head-btn{ width:auto !important; flex:0 0 auto; padding:11px 20px !important; font-size:13.5px !important; margin:0 !important; border-radius:11px !important; }
@media (max-width:560px){ .rf-header-flex{ align-items:stretch; } .rf-head-btn{ width:100% !important; text-align:center; } }
.cf-list-head{ display:flex !important; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.rf-list-btn{ width:auto !important; flex:0 0 auto; padding:9px 16px !important; font-size:13px !important; margin:0 !important; border-radius:10px !important; }
@media (max-width:520px){ .rf-list-btn{ width:100% !important; text-align:center; } }
.skin-card{ content-visibility:auto; contain-intrinsic-size:auto 264px; }
.hm-feed-row{ content-visibility:auto; contain-intrinsic-size:auto 44px; }
.skin-card{ --rc:#B87569; }
.skin-card.sk-common{ --rc:#B87569; }
.skin-card.sk-uncommon{ --rc:#D98778; }
.skin-card.sk-rare{ --rc:#D98778; }
.skin-card.sk-epic{ --rc:#D98778; }
.skin-card.sk-legendary{ --rc:#E66A55; }
.skin-card.sk-mythic{ --rc:#CE422B; }
.skin-card .skin-img{ position:relative; border-bottom:2px solid color-mix(in srgb, var(--rc) 72%, transparent); }
.skin-card .skin-img::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:44%; z-index:0; pointer-events:none;
  background:radial-gradient(120% 100% at 50% 128%, color-mix(in srgb, var(--rc) 32%, transparent), transparent 72%); }
.skin-card .skin-img img{ position:relative; z-index:1; }
.skin-card{ border-color:color-mix(in srgb, var(--rc) 24%, rgba(255,255,255,.07)) !important; }
.skin-card:hover{ border-color:var(--rc) !important; box-shadow:0 12px 28px rgba(0,0,0,.45), 0 0 0 1px var(--rc), inset 0 0 30px color-mix(in srgb, var(--rc) 13%, transparent) !important; }
.empty-row{ flex-direction:column !important; gap:4px; padding:26px 16px !important; text-align:center; }
.empty-row::before{ content:""; width:38px; height:38px; opacity:.42; flex:0 0 auto;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a94a8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5 12 4l9 4.5-9 4.5-9-4.5Z'/%3E%3Cpath d='M3 8.5v7L12 20l9-4.5v-7'/%3E%3Cpath d='M12 13v7' opacity='.5'/%3E%3C/svg%3E"); }
.dw-np-note{ font-size:12.5px; line-height:1.5; color:var(--t3,#9E817B); margin:2px 0 14px; }
.dw-np-note b{ color:var(--t2,#c2ccdd); }
.dw-min{ font-size:12px; color:var(--t3,#9E817B); margin:12px 0 2px; }
.dw-min-warn{ font-size:10.5px; line-height:1.4; color:var(--t3,#9E817B); margin:9px 0 2px; opacity:.9; }
.dw-min-warn.is-error{ color:#ffb4b4; font-weight:700; opacity:1; }
.dw-cta.is-off{ opacity:.45; pointer-events:none; filter:grayscale(.4); }
.dw-wd-field{ display:flex; flex-direction:column; gap:6px; margin-top:13px; }
.dw-wd-field > span{ font:800 10px var(--fu,inherit); letter-spacing:.1em; text-transform:uppercase; color:var(--t3,#9E817B); }
.dw-wd-field input, .dw-wd-field select.dw-select{ width:100%; box-sizing:border-box; padding:11px 13px; border-radius:11px; background:rgba(0,0,0,.28); border:1px solid var(--ln,rgba(255,255,255,.1)); color:var(--t1,#F4EAE8); font:600 14px var(--fu,inherit); }
.wd-coins{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:6px; }
.wd-coin{ flex:0 0 calc((100% - 24px) / 4); display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 4px; border-radius:12px; border:1px solid var(--ln,#382424); background:rgba(0,0,0,.2); cursor:pointer; transition:border-color .15s, background .15s, transform .1s; }
.wd-coin:hover{ border-color:rgba(206,66,43,.4); }
.wd-coin:active{ transform:scale(.97); }
.wd-coin.is-on{ border-color:var(--gold2,#CE422B); background:rgba(206,66,43,.08); box-shadow:inset 0 0 0 1px rgba(206,66,43,.4); }
.wd-coin-ico{ width:30px; height:30px; flex:0 0 auto; }
.wd-coin-nm{ font-size:11px; font-weight:700; color:var(--t1,#F4EAE8); line-height:1.1; text-align:center; }
.wd-coin-nm em{ display:block; font-style:normal; font-size:8.5px; font-weight:700; color:var(--t3,#9E817B); letter-spacing:.03em; margin-top:1px; }
.dw-wd-field input:focus, .dw-wd-field select.dw-select:focus{ outline:none; border-color:var(--gold2,#CE422B); box-shadow:0 0 0 3px rgba(206,66,43,.14); }
#withdrawModal .wd-wager{ margin-top:12px; }
.fe-icobox{ position:relative; width:46px; height:46px; border-radius:13px; display:grid; place-items:center; flex-shrink:0;
  color:var(--gold2,#CE422B); background:linear-gradient(150deg, rgba(206,66,43,.16), rgba(206,66,43,.04)); border:1px solid rgba(206,66,43,.24); }
.fe-icobox svg{ width:24px; height:24px; }
.fe-n{ position:absolute; top:-7px; left:-7px; width:20px; height:20px; border-radius:50%; background:var(--p,#CE422B); color:#fff; font:800 11px var(--fu,inherit); display:grid; place-items:center; box-shadow:0 2px 6px rgba(0,0,0,.42); }
.affx-hero{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.affx-hero-tx{ min-width:0; }
.affx-hero-sub{ margin:9px 0 0; font-size:13.5px; color:var(--t3,#9E817B); max-width:440px; line-height:1.5; }
.affx-hero-art{ flex:0 0 auto; width:210px; max-width:40%; }
.affx-hero-art svg{ width:100%; height:auto; display:block; filter:drop-shadow(0 6px 14px rgba(0,0,0,.3)); }
@media (max-width:640px){ .affx-hero-art{ display:none; } .affx-hero-sub{ max-width:none; } }
.rb-card{ position:relative; overflow:hidden; }
.rb-claim.rb-locked{ opacity:.62; cursor:not-allowed; filter:grayscale(.35); font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.rb-claim.rb-locked:hover{ transform:none; }
.rb-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; opacity:.85; z-index:1; }
.rb-daily::before{ background:linear-gradient(180deg,#5ad36d,transparent 130%); }
.rb-weekly::before{ background:linear-gradient(180deg,#D98778,transparent 130%); }
.rb-monthly::before{ background:linear-gradient(180deg,#CE422B,transparent 130%); }
.skin-skel{ border-radius:14px; min-height:236px; border:1px solid rgba(255,255,255,.05);
  background: linear-gradient(90deg, rgba(255,255,255,.035) 25%, rgba(201,108,91,.10) 50%, rgba(255,255,255,.035) 75%);
  background-size:800px 100%; animation:rrShimmer 1.3s infinite linear; }
.dw-calc-recv{ display:inline-flex; align-items:baseline; gap:0; line-height:1; }
.dw-usd-cur{ color:var(--gold2,#CE422B); font-weight:800; font-size:1.05em; margin-right:1px; }
.dw-usd-d{ color:var(--gold2,#CE422B); font-weight:900; font-size:1.7em; letter-spacing:-0.01em; }
.dw-usd-c{ color:var(--gold2,#CE422B); font-weight:800; font-size:0.92em; opacity:.55; }
.rr-bwarn{ position:fixed; right:18px; bottom:18px; z-index:99999; display:flex; align-items:center; gap:11px; max-width:340px; padding:13px 16px; border-radius:12px; background:linear-gradient(150deg,#3a2226,#2a1418); border:1px solid rgba(224,80,63,.5); color:#ffd9d4; font:600 13px var(--fu,inherit); line-height:1.4; box-shadow:0 12px 32px rgba(0,0,0,.5); transform:translateY(24px); opacity:0; transition:transform .35s ease, opacity .35s ease; }
.rr-bwarn.show{ transform:translateY(0); opacity:1; }
.rr-bwarn svg{ color:#e0503f; flex:0 0 auto; }
@media (max-width:520px){ .rr-bwarn{ left:14px; right:14px; max-width:none; } }
.tx-head-sub{ margin:7px 0 0; font-size:13.5px; color:var(--t3,#9E817B); line-height:1.5; max-width:540px; }
.lb-row.is-me{ background:linear-gradient(90deg, rgba(206,66,43,0.15), rgba(206,66,43,0.03)); box-shadow:0 0 0 1.5px rgba(206,66,43,0.45) inset; }
.lb-row.is-me .lb-rank-badge{ color:var(--gold2,#CE422B); }
.lb-you{ display:inline-block; margin-left:6px; padding:1px 7px; border-radius:6px; background:var(--gold2,#CE422B); color:#281C1C; font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; vertical-align:middle; }
.rc-pod.is-me .rc-av{ box-shadow:0 0 0 2px var(--gold2,#CE422B), 0 0 20px rgba(206,66,43,0.45) !important; }
@media (max-width:1600px){
  html body button.chat-toggle{
    display:inline-flex !important; position:fixed !important;
    left:13px !important; right:auto !important; top:auto !important;
    bottom:calc(13px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important; max-width:43vw !important; height:auto !important; min-height:0 !important; min-width:0 !important;
    flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:7px !important;
    padding:9px 15px !important; border-radius:999px !important;
    writing-mode:horizontal-tb !important; text-orientation:mixed !important; transform:none !important;
    font-size:12.5px !important; line-height:1 !important; white-space:nowrap !important; overflow:hidden !important;
    z-index:946 !important; pointer-events:auto !important;
  }
  html body button.chat-toggle .chat-label{ writing-mode:horizontal-tb !important; font-size:12.5px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  html body button.chat-toggle .chat-icon,
  html body button.chat-toggle .chat-icon svg,
  html body button.chat-toggle > svg{ writing-mode:horizontal-tb !important; width:16px !important; height:16px !important; flex:0 0 auto !important; }
  html body button.chat-toggle .chat-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; line-height:0 !important; margin:0 !important; }
  html body button.chat-toggle .chat-icon svg{ display:block !important; vertical-align:middle !important; }

  html body button.rfd-mtoggle{
    display:inline-flex !important; position:fixed !important;
    left:auto !important; right:13px !important; top:auto !important;
    bottom:calc(13px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important; max-width:43vw !important; min-width:0 !important;
    align-items:center !important; justify-content:center !important; gap:7px !important;
    padding:9px 15px !important; border-radius:999px !important; transform:none !important;
    font-size:12.5px !important; line-height:1 !important; white-space:nowrap !important; overflow:hidden !important;
    z-index:946 !important; pointer-events:auto !important;
  }
  html body button.rfd-mtoggle svg{ width:16px !important; height:16px !important; flex:0 0 auto !important; }
  html body.mkt-has-bulk button.chat-toggle, html body.mkt-has-bulk button.rfd-mtoggle{ bottom:calc(86px + env(safe-area-inset-bottom,0px)) !important; }
  html body.chat-open button.chat-toggle{ opacity:0 !important; pointer-events:none !important; transform:translateY(170%) !important; }
  html body.rfd-mobile-showing button.rfd-mtoggle{ opacity:0 !important; pointer-events:none !important; transform:translateY(170%) !important; }
}
.page-head-sub{ margin:7px 0 0; font-size:13.5px; color:var(--t3,#9E817B); line-height:1.5; max-width:560px; }
@media (max-width:640px){ .page-head-sub{ font-size:12.5px; } }
.mkt-head-sub{ margin:6px 0 0; font-size:13.5px; color:var(--t3,#9E817B); line-height:1.5; max-width:560px; }
@media (max-width:640px){ .mkt-head-sub{ font-size:12.5px; } }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ }
@media (max-width:560px){ }
.dw-calc-val{ align-items:center !important; }
.dw-calc-val input#depAmount, .dw-calc-val input#wdAmount, .dw-calc-val input#dwUsd, .dw-calc-val input#wdUsd{
  font-family:var(--fu) !important; font-size:25px !important; font-weight:900 !important;
  color:var(--gold2,#CE422B) !important; -webkit-text-fill-color:var(--gold2,#CE422B) !important;
  letter-spacing:.01em !important; line-height:1 !important; text-align:center !important;
  flex:1 1 auto !important; width:auto !important; min-width:0 !important;
}
.dw-calc-val > .coin-ico{ width:19px !important; height:19px !important; flex:0 0 auto; }
.dw-calc-val input#dwUsd, .dw-calc-val input#wdUsd{ text-align:left !important; }
.dw-usd-d{ font-size:1.25em !important; }
.dw-calc.dw-calc--stack{ display:flex !important; flex-direction:column; grid-template-columns:none; gap:9px; align-items:stretch; }
.dw-calc--stack .dw-calc-side{ gap:6px; min-width:0; }
.dw-calc--stack .dw-calc-val{ border:1px solid var(--ln,#382424); background:rgba(0,0,0,.3); border-radius:11px; padding:10px 14px; }
.dw-calc--stack .dw-calc-val:focus-within{ border-color:rgba(206,66,43,.55); box-shadow:0 0 0 3px rgba(206,66,43,.12); }
.dw-calc-eqv{ align-self:center; color:var(--t3,#9E817B); font-size:14px; font-weight:800; line-height:1; margin:-1px 0; }
.dw-pay-cur{ flex:0 0 auto; color:var(--gold2,#CE422B); font-family:var(--fu); font-weight:900; font-size:25px; line-height:1; margin-right:1px; }
.dw-calc-bonus{ flex:0 0 auto; }
.dw-calc-val input[type=number]::-webkit-outer-spin-button,
.dw-calc-val input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.dw-calc-val input[type=number]{ -moz-appearance:textfield; appearance:textfield; }
.dw-calc-val .coin-fmt-holder{ flex:1 1 auto; min-width:0; }
.coin-fmt-holder > input#depAmount, .coin-fmt-holder > input#wdAmount{ width:100% !important; color:transparent !important; -webkit-text-fill-color:transparent !important; }
.dw-calc-val .coin-fmt-ghost .coin-d{ color:var(--gold2,#CE422B) !important; -webkit-text-fill-color:var(--gold2,#CE422B) !important; opacity:1 !important; font-weight:900 !important; }
.dw-calc-val .coin-fmt-ghost .coin-c{ color:var(--gold2,#CE422B) !important; -webkit-text-fill-color:var(--gold2,#CE422B) !important; opacity:.5 !important; font-weight:900 !important; }
.wr-scan-ico{ display:inline-flex; align-items:center; gap:4px; margin-left:8px; padding:1px 8px 1px 6px; border-radius:999px;
  background:rgba(206,66,43,.12); border:1px solid rgba(206,66,43,.32); color:var(--gold2,#CE422B) !important; font-weight:700; font-size:11px;
  text-decoration:none !important; vertical-align:middle; transition:background .15s, border-color .15s; }
.wr-scan-ico:hover{ background:rgba(206,66,43,.2); border-color:rgba(206,66,43,.55); }
.wr-scan-ico svg{ flex:0 0 auto; }
.wr-scan-txt{ line-height:1; }
.adm-wreq-acct{ display:inline-flex; align-items:center; gap:5px; flex-wrap:wrap; }
.adm-wreq-addr{ font-family:var(--fm,monospace); word-break:break-all; }
.adm-wreq-copy{ flex:0 0 auto; margin-left:2px; }
.adm-wd-item{ background:rgba(255,255,255,.015); border-radius:10px; }
.adm-wd-item + .adm-wd-item{ margin-top:3px; }
.adm-wd-manage{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 12px 12px; border-bottom:1px solid rgba(255,255,255,.05); }
.adm-wd-addr{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--t2,#9aa3ad); min-width:0; }
.adm-wd-addr code{ font-size:12px; color:var(--t1,#F4EAE8); background:rgba(0,0,0,.28); border:1px solid var(--ln,#382424); border-radius:6px; padding:2px 7px; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.adm-wd-copy{ flex:0 0 auto; }
.adm-wd-txlink{ display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:700; color:#D98778; text-decoration:none; background:rgba(217,135,120,.1); border:1px solid rgba(217,135,120,.3); border-radius:7px; padding:4px 9px; }
.adm-wd-txlink:hover{ background:rgba(217,135,120,.18); }
.adm-wd-scanform{ display:inline-flex; align-items:center; gap:6px; flex:1 1 240px; min-width:200px; }
.adm-wd-scaninput{ flex:1 1 auto; min-width:0; font-size:12px; padding:7px 9px; border-radius:7px; background:rgba(0,0,0,.25); border:1px solid var(--ln,#382424); color:var(--t1,#F4EAE8); }
.adm-wd-scaninput:focus{ outline:none; border-color:rgba(206,66,43,.5); }
.adm-wd-scanbtn{ flex:0 0 auto; white-space:nowrap; }
.adm-wd-editcell{ display:flex; align-items:center; justify-content:flex-end; }
.adm-wd-editbtn{ display:inline-flex; align-items:center; gap:5px; font-size:11px; padding:5px 10px; white-space:nowrap; }
.adm-wd-editrow{ display:none !important; padding:2px 12px 12px; gap:6px; }
.adm-wd-refundrow{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 12px 12px; }
.adm-wd-refund-note{ font-size:11.5px; color:#e6b06a; font-weight:600; }
.adm-wd-item.is-open .adm-wd-editrow{ display:flex !important; }
.adm-wd-item.is-open{ outline:1px solid rgba(206,66,43,.25); outline-offset:-1px; }
.adm-link-modal{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px; }
.adm-link-modal[hidden]{ display:none; }
.adm-link-overlay{ position:absolute; inset:0; background:rgba(33,22,22,.72); backdrop-filter:blur(3px); }
.adm-link-card{ position:relative; z-index:1; width:min(480px,100%); background:var(--bg2,#211616); border:1px solid var(--ln,#382424); border-radius:16px; padding:22px; box-shadow:0 24px 70px rgba(0,0,0,.6); }
.adm-link-card h4{ margin:0 0 8px; font-size:17px; color:var(--t1,#F4EAE8); }
.adm-link-card p{ margin:0 0 14px; font-size:12.5px; line-height:1.5; color:var(--t3,#9E817B); }
.adm-link-card input{ width:100%; box-sizing:border-box; font-size:13px; padding:11px 12px; border-radius:9px; background:rgba(0,0,0,.3); border:1px solid var(--ln,#382424); color:var(--t1,#F4EAE8); }
.adm-link-card input:focus{ border-color:rgba(206,66,43,.55); box-shadow:0 0 0 3px rgba(206,66,43,.12); outline:none; }
.adm-link-err{ display:none; margin-top:8px; font-size:11.5px; font-weight:700; color:#ffb4b4; }
.adm-link-err.show{ display:block; }
.adm-link-actions{ display:flex; gap:9px; justify-content:flex-end; margin-top:16px; }
.blog-wrap{ max-width:1000px; margin:0 auto; }
.blog-none{ padding:40px; text-align:center; color:var(--t3); }
.blog-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; }
.blog-card{ display:flex; flex-direction:column; border-radius:16px; overflow:hidden; background:linear-gradient(180deg,rgba(33,22,22,.75),rgba(33,22,22,.72)); border:1px solid var(--rust-ln,rgba(255,255,255,.08)); text-decoration:none; transition:transform .16s,border-color .16s,box-shadow .16s; }
.blog-card:hover{ transform:translateY(-4px); border-color:rgba(206,66,43,.35); box-shadow:0 16px 34px rgba(0,0,0,.4); }
.blog-card-img{ aspect-ratio:16/9; overflow:hidden; background:rgba(0,0,0,.3); display:grid; place-items:center; }
.blog-card-img img{ width:100%; height:100%; object-fit:cover; }
.blog-card-imgph{ font:800 22px var(--fd); color:rgba(206,66,43,.35); letter-spacing:.08em; }
.blog-card-body{ padding:15px 16px 16px; display:flex; flex-direction:column; gap:7px; flex:1; }
.blog-card-title{ font:800 16px var(--fu); color:var(--t1); margin:0; line-height:1.3; }
.blog-card-ex{ font-size:12.5px; color:var(--t3); margin:0; line-height:1.5; flex:1; }
.blog-card-date{ font-size:11px; color:var(--t3); font-weight:600; }
.blog-pager{ display:flex; gap:6px; justify-content:center; margin-top:24px; flex-wrap:wrap; }
.blog-pg{ min-width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; border:1px solid var(--rust-ln); color:var(--t2); text-decoration:none; font-weight:700; font-size:13px; }
.blog-pg.on,.blog-pg:hover{ border-color:var(--gold2); color:var(--gold2); }
.blog-single{ max-width:760px; margin:0 auto; }
.blog-back{ display:inline-block; margin-bottom:16px; color:var(--t3); text-decoration:none; font-size:13px; font-weight:600; }
.blog-back:hover{ color:var(--gold2); }
.blog-cover{ border-radius:16px; overflow:hidden; margin-bottom:22px; border:1px solid var(--rust-ln); }
.blog-cover img{ width:100%; display:block; }
.blog-title{ font:900 34px/1.15 var(--fu); color:var(--t1); margin:0 0 10px; letter-spacing:-.01em; }
.blog-meta{ color:var(--t3); font-size:13px; font-weight:600; margin-bottom:24px; }
.blog-body{ color:var(--t1); font-size:16px; line-height:1.75; }
.blog-body h2{ font:800 24px var(--fu); margin:32px 0 12px; color:var(--t1); }
.blog-body h3{ font:800 19px var(--fu); margin:26px 0 10px; color:var(--t1); }
.blog-body p{ margin:0 0 18px; color:var(--t2); }
.blog-body a{ color:var(--gold2); }
.blog-body ul,.blog-body ol{ margin:0 0 18px; padding-left:22px; color:var(--t2); }
.blog-body li{ margin-bottom:8px; }
.blog-body img{ max-width:100%; border-radius:12px; margin:16px 0; }
.blog-body blockquote{ border-left:3px solid var(--gold2); margin:18px 0; padding:4px 0 4px 18px; color:var(--t2); font-style:italic; }
.blog-body code{ background:rgba(0,0,0,.3); padding:2px 6px; border-radius:6px; font-size:.9em; }
.blog-faq{ margin-top:40px; border-top:1px solid var(--rust-ln); padding-top:26px; }
.blog-faq h2{ font:800 22px var(--fu); margin:0 0 14px; color:var(--t1); }
.blog-faq-item{ border:1px solid var(--rust-ln); border-radius:12px; margin-bottom:10px; overflow:hidden; }
.blog-faq-item summary{ padding:14px 16px; cursor:pointer; font-weight:700; color:var(--t1); font-size:14.5px; list-style:none; }
.blog-faq-item summary::-webkit-details-marker{ display:none; }
.blog-faq-item[open] summary{ color:var(--gold2); }
.blog-faq-a{ padding:0 16px 14px; color:var(--t2); font-size:14px; line-height:1.6; }
.blog-adm-wrap{ display:grid; grid-template-columns:1.4fr 1fr; gap:20px; align-items:start; }
@media(max-width:900px){ .blog-adm-wrap{ grid-template-columns:1fr; } .blog-grid{ grid-template-columns:1fr; } }
.blog-adm-editor{ display:flex; flex-direction:column; gap:12px; }
.blog-adm-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:4px; }
.blog-adm-list{ display:flex; flex-direction:column; gap:8px; }
.blog-adm-item{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 14px; border-radius:11px; background:rgba(255,255,255,.03); border:1px solid var(--rust-ln); flex-wrap:wrap; }
.blog-adm-item-main{ min-width:0; }
.blog-adm-item-main b{ color:var(--t1); font-size:14px; }
.blog-adm-badge{ display:inline-block; margin-left:8px; padding:2px 8px; border-radius:6px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.blog-adm-badge.on{ background:rgba(110,231,160,.16); color:#6ee7a0; }
.blog-adm-badge.off{ background:rgba(255,255,255,.08); color:var(--t3); }
.blog-adm-slug{ font-size:11.5px; color:var(--t3); margin-top:3px; word-break:break-all; }
.blog-adm-item-act{ display:flex; gap:6px; flex:0 0 auto; }
.blog-more{ max-width:1000px; margin:48px auto 0; border-top:1px solid var(--rust-ln); padding-top:30px; }
.blog-more h2{ font:800 22px var(--fu); color:var(--t1); margin:0 0 16px; }
.blog-progress{ position:fixed; top:0; left:0; right:0; height:3px; background:transparent; z-index:300; pointer-events:none; }
.blog-progress #blogProgressBar{ display:block; height:100%; width:0; background:linear-gradient(90deg,var(--gold2,#CE422B),#E66A55); box-shadow:0 0 10px rgba(206,66,43,.5); transition:width .1s linear; }
.blog-article-head{ margin-bottom:24px; }
.blog-eyebrow{ display:inline-block; font:800 11px var(--fu); letter-spacing:.14em; text-transform:uppercase; color:var(--gold2,#CE422B); margin-bottom:12px; }
.blog-meta{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; color:var(--t3); font-size:13px; font-weight:600; margin-bottom:0; }
.blog-avatar{ width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--gold2,#CE422B),#C96C5B); color:#281C1C; font:800 13px var(--fu); flex:0 0 auto; }
.blog-by{ color:var(--t1); }
.blog-dot{ width:3px; height:3px; border-radius:50%; background:var(--t3); opacity:.6; flex:0 0 auto; }
.blog-share{ margin-top:36px; padding-top:22px; border-top:1px solid var(--rust-ln); display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.blog-share-label{ font:800 13px var(--fu); color:var(--t2); }
.blog-share-btns{ display:flex; gap:8px; flex-wrap:wrap; }
.blog-share-btn{ display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:9px; border:1px solid var(--rust-ln); background:rgba(255,255,255,.03); color:var(--t1); font-size:13px; font-weight:700; text-decoration:none; cursor:pointer; transition:border-color .16s,background .16s,color .16s; }
.blog-share-btn:hover{ border-color:var(--gold2,#CE422B); background:rgba(206,66,43,.08); }
.blog-share-btn.is-copied{ border-color:#6ee7a0; color:#6ee7a0; background:rgba(110,231,160,.08); }
.blog-hero-sub{ color:var(--t3); font-size:14.5px; margin:10px 0 0; max-width:540px; line-height:1.5; }
.blog-featured{ display:grid; grid-template-columns:1.25fr 1fr; gap:0; border-radius:18px; overflow:hidden; background:linear-gradient(180deg,rgba(33,22,22,.8),rgba(33,22,22,.78)); border:1px solid var(--rust-ln); text-decoration:none; margin-bottom:22px; transition:border-color .16s,box-shadow .16s,transform .16s; }
.blog-featured:hover{ border-color:rgba(206,66,43,.4); box-shadow:0 18px 40px rgba(0,0,0,.42); transform:translateY(-3px); }
.blog-featured-img{ min-height:280px; background:rgba(0,0,0,.3); display:grid; place-items:center; overflow:hidden; }
.blog-featured-img img{ width:100%; height:100%; object-fit:cover; }
.blog-featured-body{ padding:34px; display:flex; flex-direction:column; justify-content:center; gap:13px; }
.blog-featured-tag{ display:inline-block; align-self:flex-start; font:800 10px var(--fu); letter-spacing:.12em; text-transform:uppercase; color:var(--gold2,#CE422B); background:rgba(206,66,43,.12); padding:4px 10px; border-radius:6px; }
.blog-featured-title{ font:900 27px/1.2 var(--fu); color:var(--t1); margin:0; letter-spacing:-.01em; }
.blog-featured-ex{ font-size:14px; color:var(--t3); line-height:1.6; margin:0; }
.blog-featured-meta{ font-size:12px; color:var(--t3); font-weight:600; }
@media(max-width:760px){ .blog-featured{ grid-template-columns:1fr; } .blog-featured-img{ min-height:0; aspect-ratio:16/9; } .blog-featured-body{ padding:22px; } .blog-featured-title{ font-size:22px; } }
.blog-cover-row{ display:flex; gap:8px; align-items:center; }
.blog-cover-row input#blCover{ flex:1 1 auto; min-width:0; }
.blog-cover-row #blCoverUpload{ flex:0 0 auto; white-space:nowrap; }
.blog-cover-preview{ position:relative; margin-top:10px; border-radius:11px; overflow:hidden; border:1px solid var(--rust-ln); max-width:340px; }
.blog-cover-preview img{ display:block; width:100%; max-height:190px; object-fit:cover; }
.blog-cover-clear{ position:absolute; top:8px; right:8px; width:28px; height:28px; border-radius:8px; border:none; background:rgba(33,22,22,.82); color:#fff; font-size:14px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.blog-cover-clear:hover{ background:rgba(220,60,60,.9); }
.blog-toolbar{ display:flex; gap:4px; flex-wrap:wrap; margin-bottom:6px; }
.blog-toolbar button{ min-width:32px; height:30px; padding:0 9px; border-radius:7px; border:1px solid var(--rust-ln); background:rgba(255,255,255,.03); color:var(--t2); font-size:12.5px; font-weight:700; cursor:pointer; transition:border-color .14s,background .14s,color .14s; }
.blog-toolbar button:hover{ border-color:var(--gold2,#CE422B); color:var(--gold2,#CE422B); background:rgba(206,66,43,.08); }
.blog-wordcount{ margin-top:6px; font-size:11.5px; color:var(--t3); font-weight:600; text-align:right; }
.dw-calc--stack .dw-calc-val{ justify-content:center !important; }
.dw-calc-val input#dwUsd, .dw-calc-val input#wdUsd, .dw-calc-val input#depAmount, .dw-calc-val input#wdAmount{
  flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important;
  text-align:center !important; opacity:1 !important;
  color:var(--gold2,#CE422B) !important; -webkit-text-fill-color:var(--gold2,#CE422B) !important;
}
.rg-toggle-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border-radius:14px; background:linear-gradient(100deg,rgba(206,66,43,.1),rgba(122,45,18,.06)); border:1px solid rgba(206,66,43,.28); flex-wrap:wrap; }
.rg-toggle-info{ font-size:13.5px; color:var(--t2); line-height:1.55; flex:1 1 320px; }
.tr-strip{ position:relative; display:flex; align-items:center; gap:10px; margin:0 10px 12px; padding:11px 14px; border-radius:16px; background:radial-gradient(58% 90% at 82% 32%, rgba(206,66,43,.28), transparent 60%), radial-gradient(120% 120% at 10% 118%, rgba(201,108,91,.32), transparent 64%), linear-gradient(160deg, #281C1C 0%, #281C1C 48%, #281C1C 100%); border:1px solid rgba(206,66,43,.42); box-shadow:0 12px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(232,214,210,.16), inset 0 0 40px rgba(143,85,75,.3); }
.tr-strip::before{ content:""; position:absolute; top:-9px; left:50%; transform:translateX(-50%); width:2px; height:9px; border-radius:2px; background:linear-gradient(180deg, rgba(206,66,43,.15), rgba(206,66,43,.6)); }
.tr-strip::after{ content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background:rgba(206,66,43,.75); box-shadow:0 0 8px rgba(206,66,43,.45); }
.tr-strip-ico{ flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(206,66,43,.16); color:var(--gold2,#CE422B); box-shadow:0 0 12px -3px var(--gold2); }
.tr-strip-ico svg{ width:18px; height:18px; }
.tr-strip-txt{ flex:1 1 auto; min-width:0; font-size:12.5px; color:var(--t2); line-height:1.3; }
.tr-strip-txt b{ display:block; font-family:var(--fu); font-weight:900; font-size:13.5px; letter-spacing:.01em; background:linear-gradient(180deg,#E8D6D2,#CE422B); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#CE422B; filter:drop-shadow(0 2px 4px rgba(206,66,43,.35)); }
.tr-strip-sub{ display:block; color:rgba(235,225,200,.6); font-size:10.5px; margin-top:1px; }
.tr-strip-info{ flex:0 0 auto; width:21px; height:21px; border-radius:50%; border:1px solid rgba(206,66,43,.45); background:rgba(206,66,43,.12); color:var(--gold2,#CE422B); font:800 11px system-ui,sans-serif; cursor:pointer; display:grid; place-items:center; transition:background .15s,transform .1s; }
.tr-strip-info:hover{ background:rgba(206,66,43,.26); transform:scale(1.08); }
.chat-trivia-btn{ font-size:14px !important; }
.tv-modal{ position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center; padding:16px; }
.tv-overlay{ position:absolute; inset:0; background:rgba(33,22,22,.72); }
.tv-card{ position:relative; z-index:1; width:100%; max-width:400px; background:linear-gradient(180deg,#281C1C,#160F0F); border:1px solid var(--rust-ln,rgba(184,117,105,.2)); border-radius:16px; padding:22px; box-shadow:0 24px 60px rgba(0,0,0,.5); }
.tv-close{ position:absolute; top:12px; right:12px; width:30px; height:30px; border-radius:8px; border:1px solid var(--rust-ln); background:rgba(255,255,255,.04); color:var(--t2); cursor:pointer; }
.tv-card h3{ font:800 18px var(--fu); color:var(--t1); margin:0 0 16px; }
.tv-field{ display:block; margin-bottom:12px; }
.tv-field span{ display:block; font-size:12px; font-weight:700; color:var(--t2); margin-bottom:5px; }
.tv-field input{ width:100%; box-sizing:border-box; padding:10px 12px; border-radius:10px; border:1px solid var(--rust-ln); background:rgba(0,0,0,.3); color:var(--t1); font-size:14px; }
.tv-field input:focus{ border-color:var(--gold2,#CE422B); outline:none; }
.tv-msg{ font-size:12.5px; color:#ff9a9a; min-height:16px; margin-bottom:6px; }
.tv-actions{ display:flex; gap:8px; margin-top:6px; }
.tv-btn{ padding:10px 16px; border-radius:10px; font:800 13px system-ui,sans-serif; cursor:pointer; border:1px solid transparent; }
.tv-btn-go{ flex:1; background:linear-gradient(180deg,var(--gold2,#CE422B),#D98778); color:#281C1C; border:none; }
.tv-btn-ghost{ background:rgba(255,255,255,.04); border:1px solid var(--rust-ln); color:var(--t2); }
.tv-btn:hover{ filter:brightness(1.05); }
.rg-hist{ margin-top:14px; }
.rg-hist-title{ font:800 11px var(--fu); text-transform:uppercase; letter-spacing:.1em; color:var(--t3); margin-bottom:8px; }
.rg-hist-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 12px; border-radius:9px; background:rgba(0,0,0,.2); border:1px solid var(--rust-ln); margin-bottom:5px; font-size:12.5px; }
.rg-hist-main{ color:var(--t1); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rg-hist-main b{ color:var(--gold2,#CE422B); }
.rg-hist-when{ flex:0 0 auto; color:var(--t3); font-size:11.5px; }
.db-size-list{ margin-top:6px; }
.db-size-row{ display:grid; grid-template-columns:1fr 120px 100px; gap:12px; align-items:center; padding:8px 12px; border-radius:8px; font-size:12.5px; }
.db-size-row:nth-child(odd){ background:rgba(255,255,255,.02); }
.db-size-head{ font:800 11px var(--fu); text-transform:uppercase; letter-spacing:.08em; color:var(--t3); background:none !important; }
.db-size-nm{ color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.db-size-row > span:nth-child(2), .db-size-row > span:nth-child(3){ text-align:right; color:var(--t2); }
.db-size-b{ font-weight:700; color:var(--gold2,#CE422B) !important; }
.db-size-total{ margin-top:10px; font-size:13px; color:var(--t2); text-align:right; }
.db-size-total b{ color:var(--t1); }
@media(max-width:560px){ .db-size-row{ grid-template-columns:1fr 80px 76px; gap:8px; font-size:11.5px; } }
.chat-trivia-banner{ display:flex; align-items:center; gap:8px; padding:8px 12px; margin:0 0 6px; border-radius:10px; background:var(--bg,#281C1C); border:1px solid var(--vio-line); font-size:12.5px; animation:ctbIn .42s cubic-bezier(.2,.7,.3,1); }
@keyframes ctbIn{ from{ opacity:0; transform:translateY(-7px); } to{ opacity:1; transform:translateY(0); } }
.ctb-badge{ flex:0 0 auto; font:800 11px var(--fu); color:#CE422B; white-space:nowrap; }
.ctb-q{ flex:1 1 auto; min-width:0; color:var(--t1); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ctb-reward{ flex:0 0 auto; color:var(--gold2,#CE422B); font-weight:700; font-size:11.5px; white-space:nowrap; }
.chat-sys-ico-trivia{ color:var(--gold2); }
.chat-av .chat-sys-ico-trivia svg{ width:18px; height:18px; }
.chat-av .chat-sys-ico-trivia{ filter: drop-shadow(0 0 5px currentColor); }
.chat-messages .chat-message.chat-message-trivia{ border-radius:11px !important; margin-top:7px !important; padding:9px 11px 9px 13px !important; background:linear-gradient(100deg, rgba(206,66,43,.19), rgba(122,45,18,.12) 55%, rgba(206,66,43,.05)) !important; border:1px solid rgba(206,66,43,.36) !important; box-shadow:inset 3px 0 0 var(--gold2,#CE422B), inset 0 0 22px rgba(206,66,43,.06), 0 2px 10px rgba(0,0,0,.28) !important; }
.chat-message-trivia .chat-sys-ico{ color:var(--gold2) !important; }
.chat-message-trivia .chat-body{ background:none !important; border:0 !important; }
.chat-message-trivia .chat-body p{ color:var(--gold2) !important; }
.chat-sys-tag-trivia{ color:var(--gold2) !important; border:1px solid rgba(206,66,43,.55) !important; background:rgba(206,66,43,.16) !important; box-shadow:0 0 11px -4px var(--gold2); }
.adm-tab-badge{ display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; margin-left:5px; border-radius:9px; background:#e5484d; color:#fff; font:800 11px/1 var(--fu); vertical-align:middle; box-shadow:0 0 10px -2px #e5484d; }
.admin-nav-tab.active .adm-tab-badge{ background:#281C1C; color:#ffb4b4; box-shadow:none; }
@media (max-width:1600px){
  html body .chat-drawer{
    position:fixed !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
    width:100% !important; height:auto !important; max-height:80vh !important; max-width:none !important;
    border-radius:18px 18px 0 0 !important; border-left:0 !important; border-right:0 !important; z-index:360 !important;
    transition:transform .28s ease !important;
  }
  html body:not(.chat-open) .chat-drawer,
  html body .chat-drawer.closed{
    transform:translateY(115%) !important; visibility:hidden !important; pointer-events:none !important;
  }
  html body.chat-open .chat-drawer:not(.closed){
    transform:translateY(0) !important; visibility:visible !important; pointer-events:auto !important;
  }
  .chat-toggle{ display:inline-flex !important; }
  html body:not(.rfd-mobile-showing) .rfd-drawer{ visibility:hidden !important; pointer-events:none !important; }
  html body.rfd-mobile-showing .rfd-drawer{ visibility:visible !important; pointer-events:auto !important; }
  .rfd-mtoggle{ display:inline-flex !important; }
  html body main.page{ margin-left:auto !important; margin-right:auto !important; }
}
@media (max-width:820px){
  .fair-seed-val code{
    overflow-x:auto !important; text-overflow:clip !important;
    -webkit-overflow-scrolling:touch; user-select:all; -webkit-user-select:all;
    scrollbar-width:none;
  }
  .fair-seed-val code::-webkit-scrollbar{ display:none; }
}
@media (max-width:820px){
  input[type=text], input[type=number], input[type=email], input[type=search], input[type=tel], input[type=url], input[type=password], input:not([type]), textarea, select{ font-size:16px !important; }
}
a, button, [role="button"], input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], select, summary{
  touch-action: manipulation;
}
.rfd-thumb-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:50px; opacity:.45; pointer-events:none; z-index:0; }
.rfd-thumb-img{ position:relative; z-index:1; opacity:0; transition:opacity .28s ease; }
.rfd-thumb-img.on{ opacity:1; }
@media (max-width:480px){
  .cf-games-col,
  .cf-main-grid #cfOpenGames.cf-games-col{ grid-template-columns:minmax(0,1fr) !important; }
  .cf-game-row, .cf-game-card{ min-width:0 !important; gap:9px !important; }
  .cf-game-row *, .cf-game-card *{ min-width:0 !important; }
  .cf-game-creator{ flex:1 1 auto !important; min-width:0 !important; }
  .cf-game-name, .cf-creator-name, .cf-game-creator .cf-game-name, .cf-game-row [class*=name]{ min-width:0 !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
  .cf-game-actions{ min-width:0 !important; flex-shrink:1 !important; }
}
@media (max-width:480px){
  .affx-share-col, .affx-copy-row{ min-width:0 !important; max-width:100% !important; }
  .affx-copy-row{ box-sizing:border-box !important; }
  .affx-copy-input{ min-width:0 !important; }
}
.chat-body p a.chat-link{ color:#CE422B; text-decoration:underline; text-decoration-color:rgba(206,66,43,.45); text-underline-offset:2px; word-break:break-word; transition:color .12s,text-decoration-color .12s; }
.chat-body p a.chat-link:hover{ color:#E8D6D2; text-decoration-color:#E8D6D2; }
.chat-trivia-banner{ flex-direction:column; align-items:stretch; }
.chat-trivia-banner .ctb-row{ display:flex; align-items:center; gap:8px; min-width:0; }
.ctb-img-wrap{ display:block; margin-top:8px; border-radius:10px; overflow:hidden; line-height:0; border:1px solid rgba(206,66,43,.32); background:rgba(0,0,0,.28); }
.ctb-img{ display:block; width:100%; max-height:160px; object-fit:contain; }
.chat-live-strip{ display:flex; flex-direction:column; gap:6px; margin:0 0 6px; }
.cls-item{ display:flex; align-items:center; gap:8px; padding:7px 11px; border-radius:10px; text-decoration:none; background:linear-gradient(100deg,rgba(239,68,68,.16),rgba(239,68,68,.06)); border:1px solid rgba(239,68,68,.4); transition:filter .15s,transform .12s; }
.cls-item:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.cls-dot{ width:8px; height:8px; border-radius:50%; background:#ff4d4d; box-shadow:0 0 0 0 rgba(255,77,77,.55); animation:clsPulse 1.5s ease-out infinite; flex:0 0 auto; }
@keyframes clsPulse{ 0%{box-shadow:0 0 0 0 rgba(255,77,77,.55)} 70%{box-shadow:0 0 0 7px rgba(255,77,77,0)} 100%{box-shadow:0 0 0 0 rgba(255,77,77,0)} }
.cls-live{ font:800 10px var(--fu); letter-spacing:.1em; color:#ff6b6b; flex:0 0 auto; }
.cls-name{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--t1); font-weight:700; font-size:12.5px; }
.cls-watch{ flex:0 0 auto; font:700 11px var(--fu); color:#ff8a8a; }
.creator-panel{ margin:0 0 8px; padding:9px 11px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(206,66,43,.28); }
.creator-panel.cp-on{ background:linear-gradient(100deg,rgba(239,68,68,.14),rgba(206,66,43,.08)); border-color:rgba(239,68,68,.42); box-shadow:0 0 0 1px rgba(239,68,68,.14); }
.cp-head{ display:flex; align-items:center; gap:7px; margin-bottom:7px; }
.cp-dot{ width:8px; height:8px; border-radius:50%; background:#CE422B; flex:0 0 auto; }
.creator-panel.cp-on .cp-dot{ background:#ff4d4d; animation:clsPulse 1.5s ease-out infinite; }
.cp-title{ font:800 11px var(--fu); letter-spacing:.06em; text-transform:uppercase; color:#CE422B; flex:1 1 auto; }
.creator-panel.cp-on .cp-title{ color:#ffb3b3; }
.cp-state{ font:800 10.5px var(--fu); letter-spacing:.08em; color:var(--t3); }
.creator-panel.cp-on .cp-state{ color:#ff6b6b; }
.cp-row{ display:flex; gap:7px; align-items:center; }
.cp-row input{ flex:1 1 auto; min-width:0; padding:8px 10px; border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.3); color:var(--t1); font-size:12.5px; }
.cp-btn{ flex:0 0 auto; padding:8px 14px; border-radius:8px; border:0; cursor:pointer; font:800 12px var(--fu); color:#fff; }
.cp-go{ background:linear-gradient(180deg,#CE422B,#C96C5B); } .cp-go:hover{ filter:brightness(1.08); }
.cp-end{ background:linear-gradient(180deg,#CE422B,#b91c1c); } .cp-end:hover{ filter:brightness(1.08); }
.cp-msg{ font-size:11.5px; color:var(--t3); margin-top:5px; } .cp-msg:empty{ margin-top:0; }
.chat-message.chat-live-card{ display:block; padding:0; background:none; border:0; }
.chat-live-card .clc-inner{ display:flex; align-items:center; gap:10px; padding:11px 13px; border-radius:12px; background:color-mix(in srgb, var(--clc-accent,#CE422B) 15%, transparent); border:1px solid color-mix(in srgb, var(--clc-accent,#CE422B) 55%, transparent); box-shadow:0 0 0 1px color-mix(in srgb, var(--clc-accent,#CE422B) 12%, transparent),0 6px 18px -10px color-mix(in srgb, var(--clc-accent,#CE422B) 60%, transparent); animation:ctbIn .4s cubic-bezier(.2,.7,.3,1); }
.clc-badge{ display:flex; align-items:center; gap:5px; padding:4px 9px; border-radius:8px; background:var(--clc-accent,#CE422B); color:#fff; font:800 10px var(--fu); letter-spacing:.12em; flex:0 0 auto; }
.clc-badge svg{ width:15px; height:15px; }
.clc-dot{ width:7px; height:7px; border-radius:50%; background:#fff; animation:clcPulse 1.4s ease-out infinite; }
@keyframes clcPulse{ 0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)} 70%{box-shadow:0 0 0 6px rgba(255,255,255,0)} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0)} }
.clc-body{ flex:1 1 auto; min-width:0; }
.clc-name{ font-weight:800; font-size:13.5px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.clc-sub{ font-size:11.5px; color:#ffb3b3; font-weight:600; }
.clc-watch{ flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; padding:8px 14px; border-radius:9px; background:var(--clc-accent,#CE422B); color:#fff; font:800 12px var(--fu); text-decoration:none; transition:filter .12s,transform .12s; }
.clc-watch:hover{ filter:brightness(1.1); transform:translateY(-1px); }
.clc-kick .clc-badge, .clc-kick .clc-watch{ color:#211616; }
.tv-img-row{ display:flex; gap:8px; align-items:center; }
.tv-img-row input[type=text]{ flex:1 1 auto; min-width:0; }
.tv-upload-btn{ flex:0 0 auto; padding:9px 14px; border-radius:9px; border:1px solid rgba(206,66,43,.4); background:rgba(206,66,43,.16); color:#CE422B; font:800 12px system-ui,sans-serif; cursor:pointer; white-space:nowrap; }
.tv-upload-btn:hover{ background:rgba(206,66,43,.26); }
.tv-upload-btn:disabled{ opacity:.6; cursor:default; }
.tv-img-status{ font-size:11.5px; margin-top:5px; color:var(--t3,#9a927f); }
.tv-img-status.ok{ color:#6ee7a0; } .tv-img-status.err{ color:#ff8a8a; }
.tv-img-status:empty{ margin-top:0; }
.rr-lightbox{ position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(33,22,22,.86); backdrop-filter:blur(4px); padding:24px; }
.rr-lightbox.on{ display:flex; }
.rr-lightbox-inner{ position:relative; max-width:min(92vw,760px); max-height:88vh; }
.rr-lightbox-img{ max-width:100%; max-height:88vh; border-radius:14px; box-shadow:0 24px 60px rgba(0,0,0,.6); display:block; }
.rr-lightbox-x{ position:absolute; top:-14px; right:-14px; width:36px; height:36px; border-radius:50%; border:0; background:#281C1C; color:#fff; font-size:24px; line-height:34px; cursor:pointer; box-shadow:0 4px 12px rgba(0,0,0,.5); }
.rr-lightbox-x:hover{ background:#281C1C; }
.ctb-reward{ display:inline-flex; align-items:center; gap:4px; }
.ctb-reward .coin-ico{ flex:0 0 auto; width:1.05em; height:1.05em; margin-right:0; }
@keyframes hmQpIcoPop{ 0%,100%{ transform:rotate(0deg) scale(1); } 28%{ transform:rotate(-10deg) scale(1.14); } 58%{ transform:rotate(8deg) scale(1.08); } 80%{ transform:rotate(-3deg) scale(1.03); } }
@media (max-width:1099px){
  .nav.open{
    background:linear-gradient(180deg, #211616, #211616) !important;
    border:1px solid rgba(206,66,43,.14) !important; border-top:0 !important;
    border-radius:0 0 20px 20px !important;
    box-shadow:0 22px 60px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.05) !important;
    padding:14px !important; gap:5px !important;
  }
  .nav.open a, .nav.open .nav-games-btn{ border-radius:12px !important; transition:background .16s ease, transform .12s ease !important; }
  .nav.open a:hover, .nav.open .nav-games-btn:hover{ background:rgba(184,117,105,.12) !important; }
  .nav.open a:active{ transform:scale(.985) !important; }
  .nav.open a.active{ background:linear-gradient(90deg, rgba(206,66,43,.16), rgba(206,66,43,.05)) !important; box-shadow:inset 3px 0 0 var(--gold2,#CE422B) !important; }
  .nav.open .nav-ico{ opacity:.9; }
  .nav.open a.active .nav-ico{ color:var(--gold2,#CE422B); opacity:1; }
}
.creator-open-btn{ position:relative; }
.creator-open-btn .cob-dot{ width:6px; height:6px; border-radius:50%; background:#CE422B; margin-right:2px; flex:0 0 auto; display:inline-block; }
.creator-open-btn.is-live .cob-dot, .creator-open-btn .cob-dot.on{ background:#ff4d4d; box-shadow:0 0 7px rgba(255,77,77,.85); animation:clsPulse 1.5s ease-out infinite; }
.creator-open-btn.is-live{ color:#ff8a8a !important; border-color:rgba(239,68,68,.4) !important; }
.creator-modal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:20px; }
.creator-modal[hidden]{ display:none; }
.creator-modal-ov{ position:absolute; inset:0; background:rgba(33,22,22,.72); backdrop-filter:blur(3px); opacity:0; transition:opacity .2s ease; }
.creator-modal.on .creator-modal-ov{ opacity:1; }
.creator-modal .creator-panel{ position:relative; z-index:1; width:100%; max-width:420px; margin:0 !important; padding:18px !important;
  border-radius:16px !important; background:linear-gradient(180deg,#281C1C,#211616) !important; border:1px solid rgba(206,66,43,.34) !important;
  box-shadow:0 30px 70px rgba(0,0,0,.6) !important; transform:translateY(10px) scale(.98); opacity:0; transition:transform .22s cubic-bezier(.2,.7,.3,1), opacity .2s ease; }
.creator-modal.on .creator-panel{ transform:translateY(0) scale(1); opacity:1; }
.creator-modal.on .creator-panel.cp-on{ background:linear-gradient(180deg,rgba(239,68,68,.16),rgba(40,28,28,.98)) !important; border-color:rgba(239,68,68,.44) !important; }
.creator-modal .cp-head{ margin-bottom:11px; }
.cp-x{ margin-left:6px; flex:0 0 auto; width:26px; height:26px; border-radius:7px; border:0; background:rgba(255,255,255,.06); color:var(--t2); font-size:20px; line-height:1; cursor:pointer; }
.cp-x:hover{ background:rgba(255,255,255,.12); color:#fff; }
.cp-desc{ font-size:12px; color:var(--t3); line-height:1.5; margin:0 0 13px; } .cp-desc b{ color:#ffb3b3; font-weight:800; }
.creator-modal .cp-row{ flex-direction:column; align-items:stretch; gap:9px; }
.creator-modal .cp-row input{ width:100%; padding:11px 12px; font-size:13px; }
.creator-modal .cp-btn{ width:100%; padding:11px 14px; font-size:13px; }
@media (max-width:760px){
  
  
}
#rrBuyToastHost{ position:fixed; right:16px; bottom:16px; z-index:100001; display:flex; flex-direction:column; gap:8px; align-items:flex-end; pointer-events:none; }
.rr-buy-toast{ display:inline-flex; align-items:center; gap:10px; max-width:330px; padding:12px 15px; border-radius:12px;
  background:linear-gradient(180deg,#281C1C,#211616); border:1px solid rgba(74,222,128,.4);
  box-shadow:0 14px 34px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05); color:var(--t1,#e8ecf4);
  font:700 13px var(--fu,inherit); letter-spacing:.01em; transform:translateX(120%); opacity:0;
  transition:transform .34s cubic-bezier(.2,.8,.3,1), opacity .34s ease; }
.rr-buy-toast.in{ transform:translateX(0); opacity:1; }
.rr-buy-toast.out{ transform:translateX(120%); opacity:0; }
.rr-buy-toast .rbt-ico{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:rgba(74,222,128,.16); color:#4ade80; }
.rr-buy-toast .rbt-msg{ min-width:0; line-height:1.3; }
@media (max-width:560px){ #rrBuyToastHost{ right:10px; bottom:10px; left:10px; align-items:stretch; } .rr-buy-toast{ max-width:none; } }
.chat-message.chat-message-system{
  --sys-accent:#CE422B;
  display:flex !important; align-items:center; gap:11px;
  margin:8px 2px !important; padding:11px 13px !important;
  border-radius:14px !important;
  background:linear-gradient(150deg, color-mix(in srgb, var(--sys-accent) 16%, transparent), color-mix(in srgb, var(--sys-accent) 4%, transparent)) !important;
  border:1px solid color-mix(in srgb, var(--sys-accent) 34%, transparent) !important;
  box-shadow:0 8px 22px -14px color-mix(in srgb, var(--sys-accent) 65%, transparent), inset 0 1px 0 rgba(255,255,255,.05) !important;
  animation:sysCardIn .38s cubic-bezier(.2,.7,.3,1);
}
@keyframes sysCardIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
.chat-message.chat-message-system.chat-message-trivia{ --sys-accent:#CE422B; }
.chat-message.chat-message-system .chat-av{
  flex:0 0 auto; width:40px !important; height:40px !important; min-width:40px; border-radius:12px !important;
  display:grid !important; place-items:center; overflow:visible;
  background:radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--sys-accent) 34%, transparent), color-mix(in srgb, var(--sys-accent) 10%, transparent)) !important;
  border:1px solid color-mix(in srgb, var(--sys-accent) 42%, transparent) !important;
  box-shadow:0 2px 8px -3px color-mix(in srgb, var(--sys-accent) 60%, transparent);
}
.chat-message.chat-message-system .chat-av .chat-sys-ico,
.chat-message.chat-message-system .chat-av .chat-sys-ico-rain,
.chat-message.chat-message-system .chat-av .chat-sys-ico-raffle,
.chat-message.chat-message-system .chat-av .chat-sys-ico-tip,
.chat-message.chat-message-system .chat-av .chat-sys-ico-trivia{
  color:var(--sys-accent) !important; background:none !important; width:auto !important; height:auto !important;
}
.chat-message.chat-message-system .chat-av .chat-sys-ico svg{ width:21px !important; height:21px !important; }
.chat-message.chat-message-system .chat-av img{ width:40px !important; height:40px !important; border-radius:12px; }
.chat-message.chat-message-system .chat-body{ flex:1 1 auto; min-width:0; }
.chat-message.chat-message-system .chat-msg-head{ gap:6px; margin-bottom:1px; }
.chat-message.chat-message-system .chat-sys-tag,
.chat-message.chat-message-system .chat-name{
  display:inline-block !important; font:800 10px var(--fu) !important; letter-spacing:.12em !important;
  color:var(--sys-accent) !important; background:none !important; border:0 !important; padding:0 !important;
  text-shadow:none !important; filter:none !important;
}
.chat-message.chat-message-system .chat-body p{
  color:var(--t1) !important; font-weight:600 !important; font-size:12.5px !important;
  line-height:1.36 !important; margin:1px 0 0 !important;
}
.chat-message.chat-message-system .chat-body p .coin-amt,
.chat-message.chat-message-system .chat-body p b{ color:#fff !important; }
@media (max-width:560px){
  .chat-message.chat-message-system{ gap:9px; padding:10px 11px !important; }
  .chat-message.chat-message-system .chat-av{ width:34px !important; height:34px !important; min-width:34px; }
  .chat-message.chat-message-system .chat-av .chat-sys-ico svg{ width:18px !important; height:18px !important; }
}
.chat-form .chat-input-wrap{ flex:1 1 auto; min-width:0; position:relative; display:flex; }
.chat-form .chat-input-wrap #chatInput{ flex:1 1 auto; width:100%; padding-right:42px; }
.chat-char-count{ position:absolute; right:11px; top:50%; transform:translateY(-50%); font:700 10px var(--fu,inherit); letter-spacing:.02em; color:var(--t3,#B87569); opacity:.55; pointer-events:none; transition:color .15s ease, opacity .15s ease; }
.chat-char-count.cc-low{ color:#CE422B; opacity:1; }
.chat-char-count.cc-min{ color:#E56C59; opacity:1; }
.chat-emote{ height:26px; width:auto; max-width:84px; max-height:26px; vertical-align:middle; object-fit:contain; display:inline-block; margin:0 1px; }
.chat-reply-quote .chat-emote{ height:16px; max-height:16px; max-width:40px; }
.chat-emoji-pop .emote-pick img, .emote-pick img{ width:100%; height:26px; max-height:26px; object-fit:contain; display:block; }
.cp-warn{ color:#CE422B !important; font-weight:700; }
.rb-card.rb-daily:not(:hover),
.rb-card.rb-weekly:not(:hover),
.rb-card.rb-monthly:not(:hover){ border-color:var(--ln) !important; }
:root{
  --rr-below-header: calc(var(--topstrip-h, 0px) + 74px + 10px);
  --cf-x-top: var(--rr-below-header);
}
.control-panel{ top: var(--rr-below-header) !important; }
.cf-modal{ padding-top: calc(var(--cf-x-top) + 4px) !important; padding-bottom: 22px !important; }
.cf-modal-card{ max-height: calc(100vh - var(--cf-x-top) - 34px) !important; }

@media (max-width:640px){
  .cf-modal-close{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 3000 !important;
  }
  .cf-modal{ padding-top: calc(var(--cf-x-top) - 6px) !important; padding-bottom: 16px !important; }
  .cf-modal-card{ max-height: calc(100vh - var(--cf-x-top) - 26px) !important; }
}
.arena-floor3d-grid{
  background-image:
    repeating-linear-gradient(0deg,  transparent 0 46px, rgba(196,206,224,.055) 46px 47px),
    repeating-linear-gradient(90deg, transparent 0 46px, rgba(196,206,224,.040) 46px 47px) !important;
  opacity:.5 !important;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 55%, #000 100%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 55%, #000 100%);
}
.arena-floor3d::after{
  background:linear-gradient(90deg, transparent, rgba(214,222,236,.16), transparent) !important;
}
.arena::before{
  background:radial-gradient(520px 260px at 50% 0%, rgba(226,214,190,.05), transparent 72%) !important;
}
.arena-firelight{
  background:
    radial-gradient(120% 78% at 50% 92%, rgba(252,158,66,.40), rgba(206,88,26,.16) 44%, transparent 76%),
    radial-gradient(64% 40% at 50% 90%, rgba(255,186,96,.32), transparent 66%) !important;
}
.arena-firelight::after{
  background:radial-gradient(44% 28% at 50% 91%, rgba(255,132,44,.22), transparent 66%) !important;
}
.arena-grunge{ opacity:.62 !important; }
.arena-scenery{ opacity:.34 !important; }
.arena-embers span:nth-child(n/**/+5){ display:none !important; }
.arena-embers span{ opacity:.5 !important; }
.arena-ambiance i{ opacity:.28 !important; }

@media (prefers-reduced-motion: reduce) and (min-width:100000px){
  .arena-embers, .arena-ambiance{ display:none !important; }
}
@media (max-width:720px){
  .arena-ambiance, .arena-embers{ display:none !important; }
}
@media (max-width:720px){
  .arena-firelight{
    background:
      radial-gradient(185% 52% at 50% 92%, rgba(252,158,66,.40), rgba(206,88,26,.16) 46%, transparent 76%),
      radial-gradient(102% 28% at 50% 90%, rgba(255,186,96,.32), transparent 66%) !important;
  }
  .arena-firelight::after{
    background:radial-gradient(76% 20% at 50% 91%, rgba(255,132,44,.22), transparent 66%) !important;
  }
  .arena-floor3d-grid{
    background-image:
      repeating-linear-gradient(0deg,  transparent 0 30px, rgba(196,206,224,.055) 30px 31px),
      repeating-linear-gradient(90deg, transparent 0 30px, rgba(196,206,224,.040) 30px 31px) !important;
  }
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible{
  outline: 2px solid rgba(206,66,43,.92) !important;
  outline-offset: 2px !important;
}
.arena a:focus-visible, .arena button:focus-visible, .panel a:focus-visible, .panel button:focus-visible, .app-modal a:focus-visible, .app-modal button:focus-visible{
  outline-offset: 3px !important;
}
@media (max-width:720px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea{
    font-size:16px !important;
  }
  .coin-fmt-ghost{ font-size:16px !important; }
  button,
  .btn,
  .btn-primary,
  .btn-sm,
  a.btn,
  [role="button"],
  .adm-btn,
  .chat-form button,
  .cf-join-btn,
  .cf-cancel-btn,
  .cf-watch-btn,
  .cf-verify-btn,
  .btn-daily,
  .btn-verify,
  .rr-claim,
  .skin-btn{
    min-height:44px !important;
  }
  .btn-ico, .ic, button svg, a.btn svg, .btn-primary.loading::after, .btn.loading::after{
    min-height:0 !important;
  }
  .profile-avatar-btn, .rr-toast-x, .app-modal__close, .cf-modal-close{
    min-width:44px !important;
    min-height:44px !important;
  }
}
@media (max-width:720px){
  html body .chat-drawer{
    height:calc(100vh - var(--rr-header-h, 64px)) !important;
    height:calc(100dvh - var(--rr-header-h, 64px)) !important;
    max-height:78vh !important; max-height:78dvh !important;
  }
  html body .chat-panel{ max-height:80vh !important; max-height:80dvh !important; }
  .rfd-drawer{ height:82vh !important; height:82dvh !important;
               max-height:82vh !important; max-height:82dvh !important; }
  .notif-panel{ max-height:70vh !important; max-height:70dvh !important; }
  .sup-panel{ max-height:calc(100vh - 100px) !important; max-height:calc(100dvh - 100px) !important; }

  .cf-modal-card{ max-height:calc(100vh - var(--cf-x-top) - 26px) !important;
                  max-height:calc(100dvh - var(--cf-x-top) - 26px) !important; }
  .app-modal__card{ max-height:92vh !important; max-height:92dvh !important; }
  .chat-rules-modal-card{ max-height:80vh !important; max-height:80dvh !important; }
  .rfd-vmodal-card{ max-height:86vh !important; max-height:86dvh !important; }
  .rfd-cmodal-card{ max-height:90vh !important; max-height:90dvh !important; }
  .cf-create-card{ max-height:90vh !important; max-height:90dvh !important; }
}
@media (max-width:720px){
  .adm-wd-addr code, .adm-set-divider code{
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:break-all;
  }
}
@media (max-width:720px), (pointer:coarse){
  .rb-claim, .brand, #menuToggle, #cantaBtn, #notifBell, .ftr-soc, .nav-icon-btn, .topbar-icon, .rr-task-cta, #profileAvatarBtn, .profile-avatar-btn, .lbets-tab, .rr-task-btn, #rrProfileBtn, #rfdMobileToggle, .rfd-tab{
    min-width:44px !important;
    min-height:44px !important;
  }
  .ftr-mail, .ftr-links a, .ftr-ga, .ftr-fair-link{
    display:inline-block;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .chat-toggle, #chatToggle{ min-height:44px !important; }
  .nav a, .nav-link, .menu-item{ min-height:44px !important; display:flex; align-items:center; }
  .rr-task-badge{ font-size:11px !important; }
  .eyebrow{ font-size:12px !important; letter-spacing:.10em; }
  .hm-bs-sub, .rr-hl, .lbets-r{ font-size:12.5px !important; }
}
@media (pointer:coarse) and (max-height:520px){
  .topbar{ padding-top:2px !important; padding-bottom:2px !important; }
  .topstrip{ display:none !important; }
}

@media (max-width:720px){
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
}
@media (max-width:720px), (pointer:coarse){
  .topbar .brand .brand-logo{
    height:46px !important;
    width:auto; max-width:none;
  }
  .topbar .brand{
    min-width:0 !important;
    padding:0 4px;
  }
  .topbar-inner{ gap:6px !important; }
  .balance-group{ max-width:104px !important; gap:3px !important; margin-left:2px; }
  .balance-pill{ padding:4px 7px !important; }
}
@media (max-width:720px){
  .seat-badge > .seat-icon{ flex:0 0 auto; }
  .seat-badge > *:not(.seat-icon){ min-width:0; overflow-wrap:anywhere; }
}
.brand-mark{ display:none; }
@media (max-width:720px){
  .brand-logo{ display:none !important; }
  .brand{ flex:0 0 auto !important; }

  .brand-mark{
    display:block;
    width:40px; height:40px;
    object-fit:contain;
    flex:0 0 auto;
  }
}
@media (max-width:720px){
  .prize-label{
    font-size:11.5px !important;
  }
  .seat-badge .seat-role, .seat-badge > *:not(.seat-icon) > *{ font-size:11.5px; }
}
.rfd-head .rfd-bal-info{
  margin-left:auto !important;
  margin-right:0 !important;
  width:15px !important;
  height:15px !important;
  min-width:15px !important;
  min-height:15px !important;
  font-size:9px !important;
  line-height:1 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.rfd-head .rfd-bal{ margin-left:0 !important; }
@media (max-width:720px){
}
@media (max-width:720px){
  .hm-accent, .eyebrow, .page-title, .hm-bs-ring, .prize-amount{
    animation:none !important;
  }
  .hm-promo-embers, .hm-promo-embers i, .arena-ambiance, .arena-embers, .hm-bs-embers, .hm-bs-orbs{ display:none !important; }
  .arena-floor3d-grid{ animation:none !important; }
}
@media (max-width:720px){
}
@media (max-width:720px){
  .topbar .topbar-inner{ position:relative; }
  .topbar .topbar-inner > #menuToggle{ flex:0 0 auto; }
}
@media (max-width:720px){
  .topbar .topbar-inner::after{
    content:"";
    flex:1 1 24px;
    min-width:24px;
    order:5;
    height:1px;
  }
  .topbar .topbar-inner::before{
    content:"";
    flex:1 1 24px;
    min-width:24px;
    order:3;
    height:1px;
  }
  .topbar .topbar-inner #menuToggle,
  .topbar .topbar-inner #notifBell,
  .topbar .topbar-inner #cantaBtn{ order:1; }
  .topbar .topbar-inner .balance-group{ order:6; }
  .topbar .topbar-inner #profileAvatarBtn,
  .topbar .topbar-inner .profile-avatar-btn{ order:7; }
}
@media (max-width:720px){
  .ftr-inner{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    flex-direction:unset !important;
    gap:18px 16px !important;
    align-items:start !important;
  }
  .ftr-brand, .ftr-meta{ grid-column:1 / -1; max-width:none; }
  .ftr-links{ min-width:0; }
}
#hmBannerTrack{ overflow:hidden !important; }
.aff-apiask-card{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding:22px 26px !important; margin-top:16px; background:linear-gradient(180deg,#281C1C,#211616) !important; }
.aff-apiask-l{ flex:1 1 320px; min-width:0; }
.aff-apiask-card .affx-card-title{ background:none !important; background-image:none !important; padding:0 !important; margin:0 0 8px !important; font-size:16px; letter-spacing:.05em; color:#fff; }
.aff-apiask-txt{ color:var(--t2); font-size:13.5px; margin:0; line-height:1.6; max-width:660px; }
.aff-apiask-btn{ display:inline-flex; align-items:center; gap:9px; padding:12px 22px; border-radius:12px; background:linear-gradient(180deg,#D98778,#D98778); color:#fff !important; font-weight:800; font-size:14px; text-decoration:none; box-shadow:0 6px 18px rgba(206,66,43,.45), inset 0 1px 0 rgba(255,255,255,.3); white-space:nowrap; transition:transform .15s ease, box-shadow .15s ease; flex:0 0 auto; }
.aff-apiask-btn:hover{ transform:translateY(-2px); box-shadow:0 9px 24px rgba(206,66,43,.55), inset 0 1px 0 rgba(255,255,255,.35); }

.aff-banners{ margin:18px 0 4px; }
.aff-banners-head{ text-align:center; color:var(--t2); font-size:12.5px; line-height:1.5; margin:0 0 16px; max-width:760px; }
.aff-banners-list{ display:flex; flex-direction:column; gap:22px; }
.aff-bn-wrap{ display:flex; flex-direction:column; gap:9px; padding:16px; border-radius:14px; background:linear-gradient(180deg,#211616aa,#211616); border:1px solid var(--vio-line); }
.aff-bn-head{ display:flex; align-items:center; justify-content:space-between; }
.aff-bn-size{ font-size:11px; font-weight:800; letter-spacing:.1em; color:#D98778; text-transform:uppercase; }
.aff-bn-frame{ display:flex; justify-content:center; line-height:0; overflow-x:auto; max-width:100%; border-radius:12px; padding:2px; }
.aff-bn-frame .aff-bn-svg{ max-width:100%; height:auto; }
.aff-bn-svg{ display:block; max-width:100%; height:auto; border-radius:12px; }
.aff-bn-actions{ display:flex; flex-direction:column; align-items:center; gap:12px; }
.aff-bn-dl{ display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:9px; background:linear-gradient(180deg,#E8D6D2,#D98778 55%,#D98778); border:1px solid #C96C5B; color:#281C1C; font-weight:800; font-size:12.5px; cursor:pointer; box-shadow:0 2px 7px rgba(217,135,120,.4), inset 0 1px 0 rgba(255,255,255,.5); transition:transform .15s ease; white-space:nowrap; }
.aff-bn-dl:hover{ transform:translateY(-1px); }
.aff-bn-link{ display:flex; align-items:center; gap:0; flex:1; min-width:200px; max-width:460px; border:1px solid var(--vio-line); border-radius:9px; overflow:hidden; background:#160F0F; }
.aff-bn-link input{ flex:1; min-width:0; background:none; border:0; color:var(--t2); font-size:12px; padding:9px 11px; outline:none; }
.aff-bn-linkcopy{ flex:0 0 auto; padding:9px 14px; background:#211616; border:0; border-left:1px solid var(--vio-line); color:#CE422B; font-weight:800; font-size:12px; cursor:pointer; }
.aff-bn-linkcopy:hover{ background:#281C1C; }
@media (max-width:760px){
  .affx-table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%; }
  .affx-table{ min-width:0 !important; width:100% !important; font-size:12px !important; table-layout:fixed; }
  .affx-table th, .affx-table td{ padding:7px 6px !important; white-space:normal !important; overflow-wrap:anywhere; }
  .affx-table th:nth-child(n/**/+5), .affx-table td:nth-child(n/**/+5){ display:none; }
}
@media (max-width:900px){
  .hm-promo, .hm-bs, .hm-banner{ overflow:hidden; }
}
@media (max-width:900px){
  .fr-info, .tr-strip-info, .rfd-info-btn, .rfd-bal-info{
    min-height:0 !important; min-width:0 !important;
    width:28px !important; height:28px !important;
    flex:0 0 28px !important; align-self:center !important;
    border-radius:50% !important; padding:0 !important;
  }

}
@media (max-width:760px){
  .affx-stat-l{ white-space:normal !important; line-height:1.25; }
}
@media (max-width:900px){
  footer, .ftr, .site-footer{ padding-bottom:72px !important; }
  main.page{ padding-bottom:72px !important; }
}
.aff-showbanner-btn{ display:flex; align-items:center; justify-content:center; gap:9px; margin:0; width:100%; padding:11px 24px; border-radius:11px;
  background:linear-gradient(180deg,#E8D6D2,#D98778 52%,#D98778); border:1px solid #C96C5B; color:#281C1C;
  font-weight:800; font-size:14px; letter-spacing:.015em; cursor:pointer; white-space:nowrap; position:relative; overflow:hidden;
  box-shadow:0 4px 14px rgba(217,135,120,.35), 0 2px 5px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.6), inset 0 -2px 4px rgba(140,90,20,.25);
  transition:transform .15s cubic-bezier(.2,.8,.2,1), box-shadow .15s ease; }
.aff-showbanner-btn::before{ content:""; position:absolute; inset:0 0 auto 0; height:50%; background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0)); pointer-events:none; }
.aff-showbanner-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(217,135,120,.45), 0 3px 7px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.68), inset 0 -2px 4px rgba(140,90,20,.25); }
.aff-showbanner-btn:active{ transform:translateY(0); }
.aff-showbanner-btn.is-on{ background:linear-gradient(180deg,#3A2525,#281C1C); border-color:var(--vio-line); color:#D98778; }
.aff-apiask-card{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.aff-apiask-l{ flex:1 1 340px; min-width:0; background:none !important; padding:0 !important; border:0 !important; box-shadow:none !important; }
.aff-apiask-card .affx-card-title{ margin:0 0 6px; }
.aff-apiask-txt{ color:var(--t2); font-size:13px; margin:0; line-height:1.55; background:none !important; padding:0 !important; }
.aff-apiask-btn{ display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:11px; flex:0 0 auto;
  background:linear-gradient(180deg,#D98778,#D98778); color:#fff; font-weight:800; font-size:14px; text-decoration:none;
  box-shadow:0 4px 14px rgba(206,66,43,.42), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .14s ease; }
.aff-apiask-btn:hover{ transform:translateY(-2px); }
.aff-banners{ margin:14px 0 2px; display:flex; flex-direction:column; gap:16px; }
.aff-banners-head{ text-align:center; color:var(--t2); font-size:12.5px; margin:0; line-height:1.5; }
.aff-bn-row{ display:flex; flex-direction:column; align-items:center; gap:14px; padding:20px 18px; border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.14)); border:1px solid rgba(206,66,43,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.aff-bn-meta{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; }
.aff-bn-dim{ font-size:11px; font-weight:800; letter-spacing:.08em; color:#D98778; text-transform:uppercase;
  padding:4px 12px; border-radius:20px; background:rgba(206,66,43,.1); border:1px solid rgba(206,66,43,.2); }
.aff-bn-frame{ display:flex; justify-content:center; align-items:center; width:100%; overflow-x:auto; padding:2px 0; }
.aff-bn-svg{ display:block; max-width:100%; height:auto; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.35); }
.aff-bn-actions{ display:flex; flex-direction:column; align-items:center; gap:11px; width:100%; }
.aff-bn-dl{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 26px; border-radius:11px; cursor:pointer;
  background:linear-gradient(180deg,#E8D6D2,#D98778 55%,#D98778); border:1px solid #C96C5B; color:#281C1C; font-weight:800; font-size:13.5px;
  box-shadow:0 3px 10px rgba(217,135,120,.45), inset 0 1px 0 rgba(255,255,255,.55); transition:transform .14s ease, box-shadow .14s ease; }
.aff-bn-dl:hover{ transform:translateY(-1px); box-shadow:0 5px 14px rgba(217,135,120,.55), inset 0 1px 0 rgba(255,255,255,.55); }
.aff-bn-dl:active{ transform:translateY(0); }
.aff-bn-linkwrap{ display:flex; align-items:center; gap:0; width:100%; max-width:420px;
  border:1px solid rgba(206,66,43,.28); border-radius:10px; overflow:hidden; background:rgba(0,0,0,.28); }
.aff-bn-link{ flex:1; min-width:0; background:transparent; border:0; color:#D98778; font-size:12px; padding:10px 12px; outline:none; text-align:center; }
.aff-bn-copy{ flex:0 0 auto; padding:10px 16px; border:0; border-left:1px solid rgba(206,66,43,.28); cursor:pointer;
  background:rgba(206,66,43,.14); color:#CE422B; font-weight:800; font-size:12px; transition:background .14s ease; white-space:nowrap; }
.aff-bn-copy:hover{ background:rgba(206,66,43,.24); }
.aff-bn-copy.done{ background:#2f9e5f; color:#fff; }
.aff-bn-modal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:calc(var(--topbar-h,74px) + var(--topstrip-h,0px) + 16px) 20px 24px; }
.aff-bn-modal[hidden]{ display:none; }
.aff-bn-modal .app-modal__overlay{ position:fixed; inset:0; z-index:0; background:rgba(33,22,22,.8); backdrop-filter:blur(5px); }
.aff-bn-card{ position:relative; z-index:1; width:min(680px,100%); max-height:90vh; display:flex; flex-direction:column;
  background:linear-gradient(180deg,#281C1C,#211616); border:1px solid rgba(206,66,43,.24); border-radius:20px;
  box-shadow:0 30px 90px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.03) inset; padding:26px 26px 22px; animation:affBnIn .2s cubic-bezier(.2,.8,.2,1) both; }
@keyframes affBnIn{ from{ opacity:0; transform:translateY(14px) scale(.97); } to{ opacity:1; transform:none; } }
.aff-bn-close{ position:absolute; top:16px; right:16px; width:36px; height:36px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:#D98778; cursor:pointer; transition:background .14s ease, color .14s ease, transform .14s ease; }
.aff-bn-close:hover{ background:rgba(255,255,255,.14); color:#fff; transform:rotate(90deg); }
.aff-bn-modal-head{ text-align:center; padding:0 44px 18px; margin-bottom:18px; border-bottom:1px solid rgba(206,66,43,.14); }
.aff-bn-modal-title{ margin:0 0 7px; font-size:22px; font-weight:800; color:#E8D6D2; letter-spacing:-0.01em; }
.aff-bn-scroll{ overflow-y:auto; display:flex; flex-direction:column; gap:18px; padding:2px 6px 2px 2px; }
.aff-bn-scroll::-webkit-scrollbar{ width:8px; }
.aff-bn-scroll::-webkit-scrollbar-thumb{ background:rgba(206,66,43,.25); border-radius:4px; }
.aff-bn-scroll::-webkit-scrollbar-track{ background:rgba(0,0,0,.15); border-radius:4px; }
.aff-bn-modal{ display:flex !important; align-items:center !important; justify-content:center !important; }
.aff-bn-card{ margin:0 auto !important; }
.aff-bn-scroll{ align-items:stretch !important; }
.aff-bn-row{ align-items:center !important; text-align:center !important; }
.aff-bn-actions{ align-items:center !important; width:100% !important; }
.aff-bn-dl{ margin:0 auto !important; }
.aff-bn-linkwrap{ margin:0 auto !important; }
.aff-bn-frame{ justify-content:center !important; margin:0 auto !important; }
.chat-reply-bar{ margin:0 10px 8px !important; }
.chat-form{ padding:10px !important; gap:8px !important; display:flex !important; align-items:center !important; }
.chat-form > button{ flex:0 0 auto; width:42px !important; height:42px !important; border-radius:10px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.chat-input-wrap{ flex:1 1 auto !important; min-width:0 !important; }
.chat-input-wrap input{ width:100% !important; box-sizing:border-box !important; }
@media (max-width:820px){
  #chatClose{
    width:36px !important; height:36px !important; margin-right:6px !important;
    display:grid !important; place-items:center !important; font-size:18px !important;
    background:rgba(255,255,255,.09) !important; border:1px solid rgba(255,255,255,.12) !important;
    border-radius:10px !important; flex:0 0 auto !important; position:relative !important; z-index:2 !important;
  }
  #chatClose:active{ background:rgba(255,255,255,.16) !important; }
  .chat-vol-btn, #chatVolBtn{ margin-right:8px !important; }
  .chat-head-actions{ display:flex !important; align-items:center !important; gap:8px !important;
    padding-right:4px !important; }
}
@media (max-width:820px){
  .pf2-id .copy-ico{ min-width:34px !important; padding:6px !important; margin:-6px !important; background-clip:content-box; }
}
.chat-lang-flag{ display:block; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.35); flex:0 0 auto; }
.chat-lang-flag-cur{ display:inline-flex; align-items:center; }
.chat-lang-btn{ gap:6px !important; }
.chat-lang-item{ display:flex !important; align-items:center; gap:9px; }
.chat-lang-item .chat-lang-flag{ width:22px; height:15px; }
.chat-lang-item span{ flex:1; }
.chat-lang-item.is-active{ background:rgba(206,66,43,.14); color:#CE422B; }
.chat-lang-menu{ min-width:150px !important; }
.chat-panel > .chat-head .chat-rules-btn,
.chat-panel > .chat-head .chat-vol-btn,
.chat-panel > .chat-head .chat-staff-btn,
.chat-panel > .chat-head .chat-lang-btn{
  height:30px !important; border-radius:9px !important; transition:background .14s ease, border-color .14s ease !important;
}
.chat-panel > .chat-head .chat-online{ opacity:.85; }
.chat-lang-btn{ background:rgba(255,255,255,.06) !important; }
.chat-lang-btn:hover{ background:rgba(206,66,43,.14) !important; border-color:rgba(206,66,43,.35) !important; }
@media (max-width:820px){
  .chat-drawer .chat-head{ gap:6px !important; padding:8px 10px !important; }
  .chat-drawer .chat-head .chat-rules-btn{ font-size:0 !important; padding:0 !important; width:34px !important; justify-content:center !important; }
  .chat-drawer .chat-head .chat-rules-btn svg{ margin:0 !important; }
  .chat-drawer .chat-head .chat-lang{ margin-right:auto !important; }
  .chat-drawer #chatClose{ margin-right:3px !important; margin-left:8px !important; }
  .chat-drawer .chat-vol{ margin-right:6px !important; }
}
@media (max-width:820px){
  .chat-drawer .chat-head{ gap:7px !important; padding:9px 11px !important; align-items:center !important; }
  .chat-drawer .chat-head .chat-staff-btn,
  .chat-drawer .chat-head .chat-rules-btn,
  .chat-drawer .chat-head .chat-vol,
  .chat-drawer .chat-head .chat-vol-btn,
  .chat-drawer .chat-head #chatClose{
    width:36px !important; height:36px !important; min-width:36px !important; min-height:36px !important; max-height:36px !important; padding:0 !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    border-radius:10px !important; background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.1) !important; margin:0 !important; flex:0 0 auto !important;
    box-sizing:border-box !important;
  }
  .chat-drawer .chat-head .chat-vol{ position:relative !important; padding:0 !important; }
  .chat-drawer .chat-head .chat-vol .chat-vol-btn{ width:100% !important; height:100% !important; background:transparent !important; border:0 !important; }
  .chat-drawer .chat-head .chat-staff-btn:active,
  .chat-drawer .chat-head .chat-rules-btn:active,
  .chat-drawer .chat-head .chat-vol-btn:active,
  .chat-drawer .chat-head #chatClose:active{ background:rgba(255,255,255,.14) !important; }
  .chat-drawer .chat-head .chat-staff-btn svg,
  .chat-drawer .chat-head .chat-rules-btn svg,
  .chat-drawer .chat-head .chat-vol-btn svg,
  .chat-drawer .chat-head #chatClose svg{ width:18px !important; height:18px !important; margin:0 !important; }
  .chat-drawer .chat-head .chat-rules-btn{ font-size:0 !important; letter-spacing:0 !important; }
  .chat-drawer .chat-head #chatClose{ font-size:0 !important; }
  .chat-drawer .chat-head #chatClose::before{ content:"✕"; font-size:17px !important; line-height:1 !important; color:#fff; }
  .chat-drawer .chat-head .chat-lang{ order:-1 !important; margin-right:auto !important; }
  .chat-drawer .chat-head .chat-lang-btn{ height:36px !important; border-radius:10px !important; }
  .chat-drawer .chat-head .chat-online{ display:inline-flex !important; align-items:center !important; height:36px !important; }
}
.adm-tip-history{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px}.adm-tip-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.adm-tip-row:last-child{border-bottom:0}.adm-tip-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-tip-row small{color:#7f8798;font-size:10px;white-space:nowrap}.adm-tip-row b{white-space:nowrap;color:var(--gold2,#CE422B)}@media(max-width:760px){.adm-tip-history{grid-template-columns:1fr}}
.rr-fair-verify-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:9px;padding:7px 11px;border:1px solid rgba(206,66,43,.42);border-radius:8px;background:rgba(206,66,43,.11);color:var(--gold2);font:800 11px/1 var(--fu);cursor:pointer;}
.rr-fair-verify-btn:hover{background:rgba(206,66,43,.18);border-color:rgba(206,66,43,.7);}
.fair-verified-ok{padding:9px 11px;border:1px solid rgba(34,197,94,.45);background:rgba(34,197,94,.08);color:#86efac;border-radius:9px;font-weight:800;}
.fair-verified-bad{padding:9px 11px;border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.08);color:#E8A096;border-radius:9px;font-weight:800;}
.vp-proof-note{display:block;margin-top:5px;color:var(--t3);font-size:10px;line-height:1.35}
.fair-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.fair-proof-grid>div{padding:12px;border:1px solid var(--ln);border-radius:11px;background:rgba(255,255,255,.025)}.fair-proof-grid b{color:var(--gold2)}.fair-proof-grid p{margin:5px 0 0;color:var(--t2);font-size:12px;line-height:1.5}.fair-proof-answer{margin-top:12px;padding:12px 14px;border:1px solid rgba(206,66,43,.28);background:rgba(206,66,43,.07);border-radius:11px;color:var(--t2);font-size:12px;line-height:1.55}.fair-proof-answer b{color:var(--t1)}
.fair-ledger-head{display:flex;gap:8px;align-items:center;margin:8px 0 10px;color:var(--t3);font-size:11px}.fair-ledger-head code{display:inline-block;padding:4px 7px;margin:0}.fair-ledger-list{display:grid;gap:8px}.fair-ledger-row{padding:11px 12px;border:1px solid var(--ln);border-radius:11px;background:rgba(0,0,0,.16)}.fair-ledger-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}.fair-ledger-meta b{color:var(--gold2);font-size:11px}.fair-ledger-meta span{color:var(--t3);font-size:10px}.fair-ledger-meta i{margin-left:auto;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.06em;padding:3px 7px;border-radius:999px}.fair-ledger-meta i.is-open{color:#E8D6D2;background:rgba(230,106,85,.10);border:1px solid rgba(230,106,85,.28)}.fair-ledger-meta i.is-revealed{color:#86efac;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.28)}.fair-ledger-kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;align-items:start;margin-top:5px}.fair-ledger-kv span{color:var(--t3);font-size:10px;padding-top:5px}.fair-ledger-kv code{margin:0;padding:5px 7px;font-size:9px;max-height:46px;overflow:auto}.fair-ledger-row .rr-fair-verify-btn{margin-top:8px}
@media(max-width:760px){.fair-proof-grid{grid-template-columns:1fr}.fair-ledger-kv{grid-template-columns:1fr;gap:2px}.fair-ledger-meta i{margin-left:0}}
.fair-proof-copy{margin-top:10px}.fair-ledger-head .fair-copy{flex:0 0 auto}
#chatRain .fr-brand-main,#chatRain .fr-brand-top,#chatRain .fr-meta,#chatRain .fr-pot,#chatRain .fr-timer,#chatRain .fr-join,#chatRain .fr-joined{font-family:var(--fu)!important;}
.fair-page-sub{max-width:1120px;margin:-8px auto 14px;color:var(--t3);font-size:13px;font-weight:600;letter-spacing:.02em;}
.fair-hero{max-width:1120px;margin:0 auto 14px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(206,66,43,.25);border-radius:18px;background:linear-gradient(135deg,rgba(206,66,43,.09),rgba(40,28,28,.72) 42%,rgba(33,22,22,.82));box-shadow:0 14px 42px rgba(0,0,0,.22);}
.fair-hero-copy{min-width:0;max-width:760px}.fair-hero-copy .eyebrow{display:none}.fair-hero h2{margin:0 0 6px;font-family:var(--fd);font-size:32px;font-weight:400;letter-spacing:.025em;color:var(--t1);}.fair-hero p{margin:0;color:var(--t2);font-size:13.5px;line-height:1.55}.fair-hero p b{color:var(--gold2)}
.fair-hero-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(206,66,43,.44);background:linear-gradient(180deg,rgba(206,66,43,.2),rgba(206,66,43,.1));color:var(--gold2);font-weight:800;font-size:12.5px;white-space:nowrap}
.fair-hero-btn:hover{background:rgba(206,66,43,.18)}

.fairness-explainer.fair-flow{max-width:1120px;margin:0 auto 14px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.fair-flow .fe-step{min-height:88px!important;padding:13px 14px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;border-radius:13px!important;background:rgba(33,22,22,.72)!important;border:1px solid var(--ln)!important;}
.fair-flow .fe-icobox{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(206,66,43,.1);border:1px solid rgba(206,66,43,.25);color:var(--gold2)}
.fair-flow .fe-n{position:static!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;color:inherit!important;font:800 13px/1 var(--fu)!important}
.fair-flow .fe-icobox svg{display:none!important}.fair-flow .fe-body{min-width:0;font-size:12px;line-height:1.4;color:var(--t2)}.fair-flow .fe-body b{display:block;margin-bottom:3px;color:var(--t1);font-size:13px}.fair-flow .fe-body span{display:block}

.fair-verifier,.fair-proof-block,.fair-history,.fair-fold{max-width:1120px;margin:0 auto 14px!important;}
.fair-verifier{padding:20px!important;border-color:rgba(206,66,43,.28)!important;background:linear-gradient(180deg,rgba(40,28,28,.82),rgba(33,22,22,.86))!important;box-shadow:0 18px 48px rgba(0,0,0,.25)}
.fair-verifier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.fair-verifier-head h3{margin:2px 0 3px;font-size:21px;color:var(--t1)}.fair-verifier-head p{margin:0;color:var(--t3);font-size:12.5px}.fair-local-badge{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(34,197,94,.26);border-radius:999px;background:rgba(34,197,94,.07);color:#86efac;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.pf-verify.pf-verify-main{display:grid!important;grid-template-columns:160px repeat(3,minmax(0,1fr)) 88px!important;gap:10px!important;align-items:end}.pf-verify .pf-field{min-width:0}.pf-field>span{display:block;margin-bottom:5px;color:var(--t3);font-size:10.5px;font-weight:700}.pf-field input,.pf-field select{width:100%;height:39px;padding:0 10px;border:1px solid rgba(206,66,43,.18);border-radius:9px;background:rgba(0,0,0,.24);color:var(--t1);font:600 12px/1.2 var(--fu);outline:none}.pf-field select{cursor:pointer}.pf-field input:focus,.pf-field select:focus{border-color:rgba(206,66,43,.48);box-shadow:0 0 0 2px rgba(206,66,43,.07)}
.fair-mini-details{margin-top:10px;border:1px solid var(--ln);border-radius:10px;background:rgba(0,0,0,.13);overflow:hidden}.fair-mini-details>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;cursor:pointer;color:var(--t2);font-size:11.5px;font-weight:700}.fair-mini-details>summary::-webkit-details-marker{display:none}.fair-mini-details>summary:after{content:"+";margin-left:auto;color:var(--gold2);font-size:16px;font-weight:500}.fair-mini-details[open]>summary:after{content:"−"}.fair-mini-details>summary small{color:var(--t3);font-size:10px;font-weight:500}.fair-mini-details .pf-verify-adv{padding:0 11px 11px!important;display:grid!important;grid-template-columns:1fr 160px 2fr!important;gap:10px!important}.pf-field-wide{grid-column:auto!important}
.pf-verify-actions{display:flex!important;align-items:center!important;gap:12px!important;margin-top:12px!important}.pf-verify-actions>span{color:var(--t3);font-size:11px}.fair-verify-primary{min-height:40px!important;padding:0 20px!important;border-radius:10px!important;font-size:13px!important}.pf-out{margin-top:12px!important;border-radius:11px!important}.pf-out .pf-rrow{grid-template-columns:180px minmax(0,1fr)!important}.pf-out code{font-size:10.5px!important}

.fair-proof-block{padding:16px 18px!important}.fair-proof-block .section-title{margin-bottom:7px}.fair-proof-block .section-title h3{font-size:17px}.fair-proof-grid.fair-proof-simple{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0}.fair-proof-simple>div{padding:10px 11px}.fair-proof-simple b{font-size:12px}.fair-proof-simple p{font-size:11px;line-height:1.42}.fair-proof-answer-wrap{margin-top:9px}.fair-proof-answer-wrap .fair-proof-answer{margin:0 10px 8px;font-size:11.5px;line-height:1.5}.fair-proof-answer-wrap .fair-proof-copy{margin:0 10px 10px}

.fair-history{padding:16px 18px!important}.fair-history .section-title{margin-bottom:4px}.fair-history .pf-intro{margin:0 0 10px!important;font-size:11.5px;color:var(--t3)}.fair-history .mini-list{display:grid;gap:7px}.fair-history .mini-row{padding:10px 11px!important;border-radius:10px!important}.fair-history .fair-row-header{gap:8px}.fair-history .fair-row-header>span,.fair-history .fair-row-header>b{font-size:10.5px}.fair-history .fair-hash-row{margin-top:6px;align-items:center}.fair-history .fair-hash{max-height:none!important;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap!important;font-size:9.5px!important;color:var(--t3)!important;background:rgba(0,0,0,.2)!important}.fair-history .rr-fair-verify-btn{margin-top:6px;padding:6px 10px}.fair-history .fair-hist-more{margin-top:9px;padding:8px 14px;font-size:11px}

.fair-fold{display:block;border:1px solid var(--ln);border-radius:13px;background:rgba(33,22,22,.68);overflow:hidden}.fair-fold>summary{list-style:none;display:flex;align-items:center;min-height:58px;padding:0 16px;cursor:pointer}.fair-fold>summary::-webkit-details-marker{display:none}.fair-fold>summary span{display:flex;flex-direction:column;gap:2px;min-width:0}.fair-fold>summary b{color:var(--t1);font-size:13px}.fair-fold>summary small{color:var(--t3);font-size:10.5px;font-weight:500}.fair-fold>summary i{margin-left:auto;font-style:normal;color:var(--gold2);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.fair-fold>summary i:after{content:"  +";font-size:14px;font-weight:500}.fair-fold[open]>summary{border-bottom:1px solid var(--ln);background:rgba(255,255,255,.018)}.fair-fold[open]>summary i:after{content:"  −"}.fair-fold-body{padding:14px 16px}.fair-fold .fair-seeds{margin:0!important;padding:0!important;border:0!important;background:none!important}.fair-fold .fair-games{margin:0!important}.fair-fold .fair-grid{margin:0!important}.fair-fold .section-block.fair-ledger{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.fair-ledger-fold .fair-ledger-list{max-height:620px;overflow:auto;padding-right:3px}

@media(max-width:980px){.pf-verify.pf-verify-main{grid-template-columns:140px repeat(2,minmax(0,1fr))}.pf-verify.pf-verify-main .pf-field-sm{grid-column:auto}.fair-mini-details .pf-verify-adv{grid-template-columns:1fr 140px}.fair-mini-details .pf-field-wide{grid-column:1/-1!important}}
@media(max-width:760px){.fair-page-sub{margin-left:0;margin-right:0}.fair-hero{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.fair-hero h2{font-size:27px}.fair-hero-btn{width:100%}.fairness-explainer.fair-flow{grid-template-columns:1fr!important}.fair-flow .fe-step{min-height:0!important}.fair-verifier{padding:15px!important}.fair-verifier-head{display:block}.fair-local-badge{display:inline-flex;margin-top:8px}.pf-verify.pf-verify-main{grid-template-columns:1fr!important}.pf-verify.pf-verify-main .pf-field-sm{grid-column:auto}.fair-mini-details .pf-verify-adv{grid-template-columns:1fr!important}.pf-verify-actions{align-items:stretch!important;flex-direction:column}.fair-verify-primary{width:100%}.pf-out .pf-rrow{grid-template-columns:1fr!important}.fair-proof-grid.fair-proof-simple{grid-template-columns:1fr}.fair-history .fair-row-header{align-items:flex-start;flex-wrap:wrap}.fair-history .fair-date{margin-left:0!important;width:100%}.fair-fold>summary{min-height:62px;padding:0 13px}.fair-fold-body{padding:12px}.fair-seeds-grid{grid-template-columns:1fr!important}.fair-games{grid-template-columns:1fr!important}}
.fair-history-fold .fair-history{max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}.fair-history-fold .fair-history .section-title{margin-top:0}.fair-history-fold .fair-history .section-title .eyebrow{display:none}.fair-history-fold .fair-history .section-title h3{font-size:15px}.fair-history-fold .fair-history .pf-intro{max-width:780px}.fair-history-fold .mini-row{background:rgba(0,0,0,.14)!important}
.ar-fight-count{display:block;margin-top:1px;font-size:11px;line-height:1;color:var(--t3,#B87569);font-weight:600;white-space:nowrap}
.champ-game-card{margin-bottom:12px}
.champ-game-fights{display:grid;gap:6px;margin:10px 0 2px}
.champ-game-fight{display:grid;grid-template-columns:34px minmax(100px,.55fr) 1fr;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(33,22,22,.44)}
.champ-game-fight>span{font:600 11px/1 ui-monospace,"Cascadia Code","Segoe UI Mono",Menlo,Consolas,monospace;color:var(--gold,#D98778)}
.champ-game-fight>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.champ-game-fight>small{min-width:0;color:var(--t3,#B87569);font-size:12px;line-height:1.25}
.champ-game-verify-status{margin:10px 0 12px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(33,22,22,.46);color:var(--t2,#BFA7A2);font-size:13px}
.champ-game-verify-status.checking{border-color:rgba(217,135,120,.24)}
.champ-game-verify-status.verified{border-color:rgba(66,211,140,.38);background:rgba(24,100,67,.12);color:#80e8b2}
.champ-game-verify-status.failed{border-color:rgba(255,94,94,.36);background:rgba(120,30,30,.12);color:#ff9c9c}
.champ-game-verify-status b,.champ-game-verify-status small{display:block}
.champ-game-verify-status small{margin-top:4px;color:inherit;opacity:.82;line-height:1.35}
.champ-game-checks{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.champ-game-check{padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.045);font:600 11px/1.2 ui-monospace,"Cascadia Code","Segoe UI Mono",Menlo,Consolas,monospace}
.champ-game-check.ok{color:#7ee7af}.champ-game-check.bad{color:#ff9999}
.champ-game-proof-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-left:6px}
@media(max-width:720px){.champ-game-fight{grid-template-columns:28px 1fr}.champ-game-fight>small{grid-column:2}.champ-game-proof-link{margin:7px 0 0;display:flex}}
.champ-game-proof-actions{display:flex;gap:8px;align-items:center;margin-top:9px}.champ-game-proof-actions .rr-fair-verify-btn{text-decoration:none}
.champ-game-proof-result{margin-top:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(33,22,22,.42);font-size:13px;color:var(--t2,#BFA7A2)}
.champ-game-proof-result.checking{border-color:rgba(217,135,120,.24)}.champ-game-proof-result.verified{border-color:rgba(66,211,140,.38);background:rgba(24,100,67,.12);color:#80e8b2}.champ-game-proof-result.failed{border-color:rgba(255,94,94,.36);background:rgba(120,30,30,.12);color:#ff9c9c}
.champ-game-proof-result b,.champ-game-proof-result small{display:block}.champ-game-proof-result small{margin-top:4px;line-height:1.35;color:inherit;opacity:.82}
@media(max-width:640px){.champ-game-proof-actions{flex-direction:column;align-items:stretch}.champ-game-proof-actions .rr-fair-verify-btn{display:flex;justify-content:center}}
.champ-game-receipt{margin-top:12px;border:1px solid rgba(206,66,43,.18);border-radius:10px;background:rgba(33,22,22,.28);overflow:hidden}
.champ-game-receipt>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;cursor:pointer;color:var(--t1);font-weight:800;font-size:12.5px}
.champ-game-receipt>summary::-webkit-details-marker{display:none}.champ-game-receipt>summary:after{content:"+";margin-left:auto;color:var(--gold2,#CE422B);font-size:17px;font-weight:500}.champ-game-receipt[open]>summary:after{content:"−"}
.champ-game-receipt>summary small{color:var(--t3,#B87569);font-size:10.5px;font-weight:600;margin-left:auto}.champ-game-receipt>summary:after{margin-left:0}
.champ-game-receipt-body{padding:0 10px 10px}.champ-game-receipt-actions{display:flex;align-items:center;gap:8px;margin:2px 0 9px}.champ-proof-json{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:7px;color:var(--t2,#BFA7A2);font-size:11px;font-weight:700;text-decoration:none}.champ-proof-json:hover{border-color:rgba(206,66,43,.28);color:var(--gold2,#CE422B)}
.champ-proof-fight{border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(33,22,22,.42);overflow:hidden;margin-top:6px}.champ-proof-fight>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:39px;padding:0 10px;cursor:pointer;font-size:11.5px;font-weight:800}.champ-proof-fight>summary::-webkit-details-marker{display:none}.champ-proof-fight>summary i{margin-left:auto;font-style:normal;font:700 10px/1.2 ui-monospace,"Cascadia Code","Segoe UI Mono",Menlo,Consolas,monospace;color:var(--t3,#B87569)}.champ-proof-fight>summary i.ok{color:#7ee7af}.champ-proof-fight>summary i.bad{color:#ff9999}.champ-proof-fight>summary i.ledger{color:var(--gold2,#CE422B)}
.champ-proof-fight-body{padding:0 10px 10px}.champ-proof-note{padding:8px 9px;margin-bottom:8px;border-radius:7px;background:rgba(206,66,43,.055);color:var(--t3,#B87569);font-size:10.5px;line-height:1.45}.champ-proof-note b{color:var(--t2,#BFA7A2)}
.champ-proof-kv-grid,.champ-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.champ-proof-kv{position:relative;min-width:0;padding:8px 34px 8px 9px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:rgba(0,0,0,.18)}.champ-proof-kv>span{display:block;margin-bottom:4px;color:var(--t3,#B87569);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.champ-proof-kv>code{display:block;overflow-wrap:anywhere;word-break:break-word;color:var(--t1,#f3f5fa);font:600 10px/1.35 ui-monospace,"Cascadia Code","Segoe UI Mono",Menlo,Consolas,monospace}.champ-proof-kv>.fair-copy{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.fair-champ-receipt{margin-top:12px}.champ-game-proof-result>.champ-game-receipt{color:var(--t2,#BFA7A2)}
@media(max-width:720px){.champ-proof-kv-grid,.champ-proof-grid{grid-template-columns:1fr}.champ-game-receipt>summary{align-items:flex-start;flex-direction:column;gap:2px;padding:9px 11px}.champ-game-receipt>summary small{margin-left:0}.champ-game-receipt>summary:after{position:absolute;right:12px}.champ-game-receipt{position:relative}.champ-game-receipt-actions{align-items:stretch;flex-direction:column}.champ-proof-json{justify-content:center}}
.adm-bp-bulkbar{ display:flex !important; align-items:center; gap:12px; margin:0 0 10px; flex-wrap:wrap;
  padding:8px 10px; border-radius:9px; background:rgba(230,106,85,.07); border:1px solid rgba(230,106,85,.22); }
.adm-bp-bulkbar-alt{ margin:10px 0 0; }
.adm-bp-delbtn{ margin-left:auto; }
.adm-bp-delbtn.is-armed{ box-shadow:0 0 0 2px rgba(239,68,68,.35); }
.adm-bp-all{ display:inline-flex; align-items:center; gap:7px; cursor:pointer;
  font:600 12.5px system-ui,-apple-system,sans-serif; color:#9E817B; user-select:none; }
.adm-bp-all input{ width:15px; height:15px; accent-color:#E66A55; cursor:pointer; }
.adm-bp-bulkbar .adm-btn[disabled]{ opacity:.42; cursor:not-allowed; }

.adm-bp-item{ position:relative; }
.adm-bp-pick{ position:absolute; top:5px; left:5px; z-index:3; cursor:pointer;
  width:20px; height:20px; display:flex; align-items:center; justify-content:center;
  border-radius:5px; background:rgba(33,22,22,.72); }
.adm-bp-pick input{ width:14px; height:14px; margin:0; accent-color:#E66A55; cursor:pointer; }
.adm-bp-item.is-picked{ outline:2px solid #E66A55; outline-offset:-2px; }
.adm-bp-item.is-picked .adm-bp-pick{ background:#E66A55; }
@media (max-width:1099px){
  .topbar .topbar-inner > .brand{
    position:absolute !important;
    transform:none !important;
    left:0 !important; right:0 !important; margin-left:auto !important; margin-right:auto !important;
    top:0 !important; bottom:0 !important; margin-top:auto !important; margin-bottom:auto !important;
    width:88px !important; height:40px !important;
    flex:none !important; min-width:0 !important; overflow:visible !important;
    display:flex; align-items:center; justify-content:center;
    z-index:1;
  }
  .canta-btn{ order:3 !important; }
  .balance-group{ margin-left:auto !important; }
  .balance-group, .profile-wrap{ position:relative; z-index:2; }
}
@media (max-width:720px){
  .topbar .topbar-inner > .brand{ width:40px !important; }
  .topbar .topbar-inner::before,
  .topbar .topbar-inner::after{ content:none !important; }
}
@media (max-width:430px){ .balance-group{ max-width:96px !important; } }
@media (max-width:370px){ .balance-group{ max-width:84px !important; } }
#chatMessages, .chat-messages{ overflow-anchor:none; scroll-behavior:auto !important; }
.ctb-pool{ margin-left:auto; font-size:11px; opacity:.62; white-space:nowrap; }
.tv-budget{ font-size:12px; opacity:.75; margin:2px 0 8px; }
.pf2-joined{ font-size:12.5px; color:var(--t3); margin-top:2px; font-weight:600; }
.profile-joined{ font-size:11.5px; color:var(--t3); margin-top:1px; }
@media (max-width:700px){ .pf2-kpis{ grid-template-columns:repeat(2,1fr); gap:10px; } }
@media (max-width:430px){ .pf2-kpis{ grid-template-columns:1fr; } .pf2-kpi{ padding:13px 14px 13px 16px; } }
@media (max-width:520px){ .ctb-pool{ margin-left:0; width:100%; padding-top:2px; } }
.adm-set-note{ grid-column:1/-1; font-size:12.5px; color:var(--t3); line-height:1.5; margin:-4px 0 2px; }
.rp-pl.rp-colored .rp-av{ box-shadow:0 0 0 2.5px var(--rp-col,#CE422B), 0 2px 8px rgba(0,0,0,.55); border-radius:50%; }
.rp-pl.rp-colored::after{ content:""; position:absolute; inset:-4px; border-radius:50%; border:1.5px solid var(--rp-col,#CE422B); opacity:.35; pointer-events:none; }
.rp-pl.rp-mine .rp-av{ box-shadow:0 0 0 3.5px var(--rp-col,#CE422B), 0 0 14px var(--rp-col,#CE422B); }
.rp-pl.rp-mine::after{ opacity:.9; border-width:2px; }
.rp-en-row.rp-en-col{ position:relative; padding-left:14px; }
.rp-en-row.rp-en-col::before{ content:""; position:absolute; left:4px; top:8px; bottom:8px; width:3px; border-radius:2px; background:var(--rp-col,#CE422B); opacity:.85; }
.rp-en-dot{ display:none; }
.rp-en-row.rp-en-col .rp-en-av{ box-shadow:0 0 0 2px var(--rp-col,#CE422B); border-radius:50%; }
.rp-en-you{ margin-left:6px; background:var(--rp-col,#CE422B); color:#281C1C; font:700 8.5px/1.4 ui-sans-serif,system-ui;
            letter-spacing:.4px; padding:1px 5px; border-radius:6px; vertical-align:middle; }
.adm-ipban-list{ display:flex; flex-direction:column; gap:10px; margin:10px 0 6px; }
.adm-ipban{ border:1px solid rgba(206,66,43,.16); border-radius:12px; background:rgba(33,22,22,.6); overflow:hidden; }
.adm-ipban-head{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:10px 12px; background:rgba(239,68,68,.08); border-bottom:1px solid rgba(206,66,43,.14); }
.adm-ipban-head b{ font-size:13.5px; letter-spacing:.2px; }
.adm-ipban-reason{ color:#E8A096; font-size:12.5px; }
.adm-ipban-date{ margin-left:auto; color:var(--t3); font-size:11.5px; }
.adm-ipban-x{ background:rgba(239,68,68,.16); color:#E8A096; border:1px solid rgba(239,68,68,.35); border-radius:8px; padding:4px 10px; font-size:12px; cursor:pointer; }
.adm-ipban-x:hover{ background:rgba(239,68,68,.26); }
.adm-ipban-members{ padding:8px 12px 12px; }
.adm-ipban-mtitle{ font-size:11.5px; text-transform:uppercase; letter-spacing:.5px; color:var(--t3); margin-bottom:6px; }
.adm-ipban-m{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:6px 0; border-top:1px solid rgba(206,66,43,.08); font-size:12.5px; }
.adm-ipban-mu{ font-weight:700; min-width:180px; }
.adm-ipban-mb{ font-size:10.5px; padding:1px 7px; border-radius:6px; background:rgba(74,222,128,.14); color:#86efac; }
.adm-ipban-mb.is-banned{ background:rgba(239,68,68,.16); color:#E8A096; }
.adm-ipban-mm{ color:var(--t3); }
.adm-ipban-empty{ color:var(--t3); font-size:12.5px; font-style:italic; }
.admin-stat-num .coin-ico{ margin-right:0; }
.lb-prize-amt .coin-ico{ margin-right:0; }
.lb-pod-wager .coin-ico{ margin-right:0; }
.lb-pod-prize .coin-ico{ margin-right:0; }
.bet-amt .coin-ico{ margin-right:0; }
.cf-modal-pamt .coin-ico{ margin-right:0; }
.adm-gh-stake .coin-ico{ margin-right:0; }
.lb-race-title .coin-ico{ margin-right:0; }
.stake-bounds .coin-ico{ margin-right:0; }
.aff-pg-game .coin-ico{ margin-right:0; }
.affx-stat-n .coin-ico{ margin-right:0; }
.afflv-prog-val .coin-ico{ margin-right:0; }
.chat-tip-tag .coin-ico{ margin-right:0; }
.rev-card-num .coin-ico{ margin-right:0; }
.rev-trow b .coin-ico{ margin-right:0; }
.cgc-pot .coin-ico{ margin-right:0; }
.ngm-stat .coin-ico{ margin-right:0; }






.lvr-claim-amt b .coin-ico{ margin-right:0; }
.lvr-tier-amt .coin-ico{ margin-right:0; }

.csd-val .coin-ico{ margin-right:0; }
.rfd-pv .coin-ico{ margin-right:0; }
.rfd-pv .coin-ico{ margin-right:0; }
.adm-rp-skin-val-disp .coin-ico{ margin-right:0; }
.cf-game-wager .coin-ico{ margin-right:0; }
.adm-bp-val .coin-ico{ margin-right:0; }
.rr-task-coin .coin-ico{ margin-right:0; }
.cm-val .coin-ico{ margin-right:0; }
.rc-prev-when .coin-ico{ margin-right:0; }
.rc-prev-prize .coin-ico{ margin-right:0; }
.rp-ban-amt .coin-ico{ margin-right:0; }
.rp-pot .coin-ico{ margin-right:0; }
.rp-ban-pot .coin-ico{ margin-right:0; }
.adm-ipban-head-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:6px 0 12px; }
.adm-ipban-table{ width:100%; border-collapse:collapse; font-size:13px; }
.adm-ipban-table th{ text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.5px; color:var(--t3); padding:6px 8px; border-bottom:1px solid rgba(206,66,43,.16); }
.adm-ipban-table td{ padding:8px; border-bottom:1px solid rgba(206,66,43,.08); vertical-align:middle; }
.adm-ipb-ip code{ font-size:12.5px; word-break:break-all; }
.adm-copy{ background:rgba(206,66,43,.14); border:1px solid rgba(206,66,43,.28); color:var(--t2);
  border-radius:6px; padding:1px 6px; margin-left:6px; cursor:pointer; font-size:12px; line-height:1.4; }
.adm-copy:hover{ background:rgba(206,66,43,.26); }
.adm-ipb-count{ background:rgba(232,160,150,.14); border:1px solid rgba(232,160,150,.32); color:#D9C8C4;
  border-radius:7px; padding:3px 9px; cursor:pointer; font-size:12px; font-weight:700; }
.adm-ipb-count:hover{ background:rgba(232,160,150,.26); }
.adm-ipb-date{ color:var(--t3); font-size:12px; white-space:nowrap; }
.adm-ipb-modal{ position:fixed; inset:0; background:rgba(33,22,22,.72); display:grid; place-items:center; z-index:4000; padding:20px; }
.adm-ipb-box{ background:#211616; border:1px solid rgba(206,66,43,.22); border-radius:14px; width:min(560px,100%); max-height:76vh; display:flex; flex-direction:column; box-shadow:0 24px 60px rgba(0,0,0,.6); }
.adm-ipb-mhead{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-bottom:1px solid rgba(206,66,43,.16); }
.adm-ipb-mhead button{ background:none; border:none; color:var(--t3); font-size:16px; cursor:pointer; }
.adm-ipb-mbody{ padding:10px 14px 14px; overflow:auto; }
.adm-ipb-u{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:7px 0; border-top:1px solid rgba(206,66,43,.08); font-size:12.5px; }
.adm-ipb-un{ font-weight:700; min-width:170px; }
.adm-ipb-ub{ font-size:10.5px; padding:1px 7px; border-radius:6px; background:rgba(74,222,128,.14); color:#86efac; }
.adm-ipb-ub.is-banned{ background:rgba(239,68,68,.16); color:#E8A096; }
.adm-ipb-um{ color:var(--t3); }
.adm-ipban-empty{ color:var(--t3); font-style:italic; padding:10px 0; }
.rp-pot, .rp-ban-amt, .rp-en-amt, .champ-pot, .champ-stack, .ch-stake, .arena-pot, .rp-pot .coin-amt, .rp-ban-amt .coin-amt{
  text-shadow:0 1px 0 rgba(0,0,0,.92), 0 -1px 0 rgba(0,0,0,.75),
              1px 0 0 rgba(0,0,0,.75), -1px 0 0 rgba(0,0,0,.75),
              0 2px 6px rgba(0,0,0,.55) !important;
}
.rp-pot .coin-ico, .rp-ban-amt .coin-ico, .champ-pot .coin-ico, .champ-stack .coin-ico{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.9)) drop-shadow(0 0 3px rgba(0,0,0,.6)) !important;
}
.us-ipban-reason{ flex:1 1 200px; min-width:150px; background:rgba(33,22,22,.7); border:1px solid rgba(206,66,43,.22);
  border-radius:8px; padding:6px 9px; color:var(--t1); font-size:12.5px; margin-right:6px; }
.us-danger{ background:rgba(239,68,68,.18); border:1px solid rgba(239,68,68,.42); color:#E8A096;
  border-radius:8px; padding:6px 12px; font-weight:700; font-size:12.5px; cursor:pointer; }
.us-danger:hover{ background:rgba(239,68,68,.30); }
.pf-commit{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin:0 0 12px;
  padding:7px 12px; border-radius:10px; background:rgba(74,222,128,.07);
  border:1px solid rgba(74,222,128,.22); font-size:12px; }
.pf-commit-lab{ color:var(--t3); }
.pf-commit-hash{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11.5px;
  color:#86efac; background:rgba(0,0,0,.28); padding:2px 7px; border-radius:6px; word-break:break-all; }
.pf-commit-copy{ background:rgba(74,222,128,.14); border:1px solid rgba(74,222,128,.3); color:#86efac;
  border-radius:6px; padding:1px 7px; cursor:pointer; font-size:12px; line-height:1.5; }
.pf-commit-copy:hover{ background:rgba(74,222,128,.26); }
@media (max-width:640px){ .pf-commit{ font-size:11px; padding:6px 9px; } .pf-commit-lab{ flex:1 1 100%; } }
.fair-proof-answer{ line-height:1.65; }
.fair-proof-answer p{ margin:0 0 12px; }
.fair-proof-answer p:last-child{ margin-bottom:0; }
.fair-proof-answer code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.92em;
  background:rgba(0,0,0,.3); padding:1px 5px; border-radius:5px; }
.fair-proof-note{ border-left:3px solid rgba(74,222,128,.45); padding:8px 0 8px 12px;
  background:rgba(74,222,128,.05); border-radius:0 8px 8px 0; }
.wr-tot{ display:inline-flex; gap:7px; margin-left:8px; font-size:11px; font-weight:700; vertical-align:middle; }
.wr-tot-d{ color:#86efac; background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.26); border-radius:6px; padding:1px 6px; }
.wr-tot-w{ color:#E8A096; background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.26); border-radius:6px; padding:1px 6px; }
.pf-commit-info{ background:rgba(74,222,128,.14); border:1px solid rgba(74,222,128,.32); color:#86efac;
  border-radius:50%; width:18px; height:18px; line-height:1; font-weight:900; font-size:12px; cursor:pointer; }
.pf-commit-info:hover{ background:rgba(74,222,128,.28); }
.pf-commit-note{ margin:-6px 0 12px; padding:10px 13px; border-radius:10px; font-size:12.5px; line-height:1.6;
  color:var(--t2); background:rgba(74,222,128,.05); border:1px solid rgba(74,222,128,.18); }
@media (min-width:601px){
  .cf-modal-player{ flex-direction:row; align-items:center; gap:10px; max-width:none; flex:1 1 0; }
  .cf-mplayer-left{  flex-direction:row;         text-align:left;  justify-content:flex-end; }
  .cf-mplayer-right{ flex-direction:row-reverse; text-align:right; justify-content:flex-end; }
  .cf-modal-pmain{ flex:0 0 auto; }
  .cf-modal-player > .cf-modal-pname,
  .cf-modal-player > .cf-modal-pamt,
  .cf-modal-player > .cf-modal-pskins,
  .cf-modal-player > .cf-modal-join-slot{ flex:0 1 auto; }
  .cf-modal-player{ flex-wrap:wrap; }
  .cf-mplayer-left  .cf-modal-pname,
  .cf-mplayer-left  .cf-modal-pamt,
  .cf-mplayer-left  .cf-modal-pskins,
  .cf-mplayer-left  .cf-modal-join-slot{ margin-left:2px; }
  .cf-mplayer-right .cf-modal-pname,
  .cf-mplayer-right .cf-modal-pamt,
  .cf-mplayer-right .cf-modal-pskins,
  .cf-mplayer-right .cf-modal-join-slot{ margin-right:2px; }
  .cf-modal-pskins.cf-modal-pskins-below{ margin-top:2px; max-width:190px; }
  .cf-mplayer-left  .cf-modal-pskins{ justify-content:flex-start; }
  .cf-mplayer-right .cf-modal-pskins{ justify-content:flex-end; }
  .cf-modal-players{ gap:18px; align-items:center; }
  .cf-modal-vs{ margin-top:0; align-self:center; }
}
.pf-commit{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0 12px;
  padding:8px 12px; border-radius:10px;
  background:rgba(74,222,128,.06); border:1px solid rgba(74,222,128,.22); font-size:12px; }
.pf-commit-lab{ color:var(--t3); flex:1 1 100%; }
.pf-commit-hash{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; line-height:1.5;
  color:#86efac; background:rgba(0,0,0,.32); padding:3px 8px; border-radius:6px;
  word-break:break-all; flex:1 1 auto; min-width:0; }
.pf-commit-copy, .pf-commit-info{ flex:0 0 auto; width:22px; height:22px; padding:0; border-radius:6px;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  font:800 12px/1 ui-sans-serif,system-ui;
  background:rgba(74,222,128,.14); border:1px solid rgba(74,222,128,.3); color:#86efac; }
.pf-commit-copy:hover, .pf-commit-info:hover{ background:rgba(74,222,128,.28); }
.pf-commit-info{ font-size:11px; font-style:italic; }
.rp-players-line .pf-commit-copy, .rp-players-line .pf-commit-info{ margin-left:5px; vertical-align:middle; }
@media (max-width:640px){ .pf-commit{ font-size:11px; padding:7px 9px; } .pf-commit-hash{ font-size:10px; } }
.adm-sd-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:8px 0 14px; }
@media (max-width:900px){ .adm-sd-grid{ grid-template-columns:1fr; } }
.adm-sd-h{ font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--t3); margin-bottom:8px; }
.adm-sd-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:6px 0; border-top:1px solid rgba(206,66,43,.08); font-size:12.5px; }
.adm-sd-ev{ font-size:10.5px; font-weight:800; padding:1px 7px; border-radius:6px; }
.adm-sd-ev.is-ip{ background:rgba(239,68,68,.16); color:#E8A096; }
.adm-sd-ev.is-sign{ background:rgba(230,106,85,.16); color:#E8A096; }
.adm-sd-ev.is-verify{ background:rgba(232,160,150,.14); color:#D9C8C4; }
.adm-sd-when{ color:var(--t3); font-size:11.5px; white-space:nowrap; }
.adm-sd-det{ color:var(--t2); word-break:break-word; flex:1 1 200px; }
.cf-modal-pamt-right{ justify-content:flex-end; }
.cf-modal-pamt-right .cf-modal-pct{ margin-right:6px; }
.cf-modal-pamt-right .coin-ico{ margin-right:4px; }

@media (min-width:601px){
  #cfModal .cf-modal-player{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;max-width:none;flex:1 1 0}
  #cfModal .cf-mplayer-left{justify-content:flex-end;text-align:left}
  #cfModal .cf-mplayer-right{flex-direction:row-reverse;justify-content:flex-end;text-align:right}
  #cfModal .cf-modal-pinfo{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:210px}
  #cfModal .cf-mplayer-left .cf-modal-pinfo{align-items:flex-start}
  #cfModal .cf-mplayer-right .cf-modal-pinfo{align-items:flex-end}
  #cfModal .cf-modal-pinfo .cf-modal-pskins{margin-top:0;max-width:190px}
  #cfModal .cf-mplayer-left .cf-modal-pinfo .cf-modal-pskins{justify-content:flex-start}
  #cfModal .cf-mplayer-right .cf-modal-pinfo .cf-modal-pskins{justify-content:flex-end}
}
@media (max-width:600px){
  #cfModal .cf-modal-pinfo{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
}
.rp-commit{margin-top:8px;margin-bottom:0}

#cfModal .cf-modal-player{align-items:flex-start!important}
#cfModal .cf-modal-pmain,#cfModal .cf-modal-pinfo{align-self:flex-start!important}
#cfModal .cf-modal-pinfo{padding-top:0!important;justify-content:flex-start!important}
#cfModal .cf-modal-pname{margin-top:0!important;line-height:1.15!important;min-height:18px}
#cfModal .cf-modal-pamt{display:flex;align-items:center;gap:5px;min-height:38px}
#cfModal .cf-modal-pamt-right{justify-content:flex-end}
#cfModal .cf-modal-pskins-inline{display:inline-flex;align-items:center;margin:0!important;max-width:92px!important}
#cfModal .cf-modal-pskins-inline .skin-stack{display:inline-flex;align-items:center}
#cfModal .cf-modal-pct-row{display:block;margin:0!important;min-height:16px;line-height:16px}
#cfModal .cf-mplayer-left .cf-modal-pct-row{text-align:left;align-self:flex-start}
#cfModal .cf-mplayer-right .cf-modal-pct-row{text-align:right;align-self:flex-end}
@media (min-width:601px){#cfModal .cf-modal-players{align-items:flex-start!important}#cfModal .cf-modal-vs{align-self:center!important}#cfModal .cf-modal-player{align-items:flex-start!important}#cfModal .cf-mplayer-left .cf-modal-pinfo,#cfModal .cf-mplayer-right .cf-modal-pinfo{padding-top:0!important}}
.adm-ipb-users-inline{display:flex;flex-wrap:wrap;gap:6px;min-width:220px}
.adm-ipb-user-chip{display:inline-flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--t1);text-decoration:none;line-height:1.15}
.adm-ipb-user-chip:hover{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.08)}
.adm-ipb-user-chip span{font-size:10px;color:var(--t3)}
.adm-ipb-user-chip.is-banned{border-color:rgba(239,68,68,.3)}
.adm-ipb-user-chip.is-banned span{color:#E56C59}
.adm-ipb-none{font-size:11px;color:var(--t3)}

#cfModal .cf-modal-players{padding-top:22px!important}
#cfModal .cf-modal-pmain{position:relative!important;width:66px!important;flex:0 0 66px!important}
#cfModal .cf-modal-pmain>.cf-modal-pname{position:absolute!important;top:-22px!important;width:130px!important;max-width:130px!important;line-height:18px!important;margin:0!important}
#cfModal .cf-mplayer-left .cf-modal-pmain>.cf-modal-pname{left:0!important;text-align:left!important}
#cfModal .cf-mplayer-right .cf-modal-pmain>.cf-modal-pname{right:0!important;text-align:right!important}
#cfModal .cf-modal-pinfo{padding-top:0!important}
#cfModal .cf-modal-pinfo>.cf-modal-pamt{min-height:38px!important}
#cfModal .cf-modal-pinfo>.cf-modal-pct-row{min-height:16px!important;line-height:16px!important}
@media (max-width:600px){#cfModal .cf-modal-players{padding-top:20px!important}#cfModal .cf-modal-pmain{width:74px!important;flex-basis:74px!important}#cfModal .cf-modal-pmain>.cf-modal-pname{top:-20px!important;width:110px!important;max-width:110px!important;font-size:13px!important}}
#cfModal .cf-modal-player{margin-top:-22px!important;padding:32px 8px 10px!important}
@media (max-width:600px){#cfModal .cf-modal-player{margin-top:-20px!important;padding:30px 8px 10px!important}}

body.rr-page-leaving main.page{opacity:.72;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease;}
body.rr-page-leaving .page-loader{display:flex;opacity:1;pointer-events:auto;transition:opacity .08s ease;}
@media (prefers-reduced-motion:reduce){body.rr-page-leaving main.page{transform:none;transition:none}.page-loader{transition:none}.pl-icon::after{animation-duration:2.4s}}
.adm-ipban-groups{gap:12px;margin-top:12px}
.adm-ipban-group-card{overflow:hidden}
.adm-ipban-head-copy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.adm-ipban-group-grid{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(320px,1.15fr);gap:0;align-items:stretch}
.adm-ipban-group-col{min-width:0;padding:12px}
.adm-ipban-group-col+.adm-ipban-group-col{border-left:1px solid rgba(206,66,43,.12)}
.adm-ipban-ip-stack{display:flex;flex-direction:column;gap:7px}
.adm-ipban-ip-line{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border:1px solid rgba(206,66,43,.12);border-radius:9px;background:rgba(33,22,22,.34)}
.adm-ipban-ip-value{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto}
.adm-ipban-ip-value code{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:12.5px;color:var(--t1)}
.adm-ipban-ip-line .adm-copy{flex:0 0 auto;margin-left:2px}
.adm-ipban-ip-line .adm-ipban-x{flex:0 0 auto;white-space:nowrap}
.adm-ipb-users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;min-width:0}
.adm-ipb-users-grid .adm-ipb-user-chip{display:flex;min-width:0;width:100%;box-sizing:border-box}
.adm-ipb-users-grid .adm-ipb-user-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-ipban-account-col{background:rgba(255,255,255,.012)}
@media (max-width:980px){.adm-ipban-group-grid{grid-template-columns:1fr}.adm-ipban-group-col+.adm-ipban-group-col{border-left:0;border-top:1px solid rgba(206,66,43,.12)}}
@media (max-width:560px){.adm-ipban-head{align-items:flex-start}.adm-ipban-date{margin-left:0;width:100%}.adm-ipban-group-col{padding:10px}.adm-ipban-ip-line{align-items:flex-start;flex-wrap:wrap}.adm-ipban-ip-value{width:100%}.adm-ipban-ip-line .adm-ipban-x{margin-left:auto}.adm-ipb-users-grid{grid-template-columns:1fr}}
.adm-ipb-users-inline{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px;min-width:0}
.adm-ipb-users-inline .adm-ipb-user-chip{display:flex;width:100%;min-width:0;box-sizing:border-box}
.adm-ipb-users-inline .adm-ipb-user-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:560px){.adm-ipb-users-inline{grid-template-columns:1fr}}
.profile-menu{min-width:250px}
.profile-menu .pm-referral-btn{justify-content:flex-start;min-width:0}
.profile-menu .pm-referral-btn .pm-item-label{white-space:nowrap}
.pm-ref-badge{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;border:1px solid rgba(206,66,43,.34);background:linear-gradient(135deg,rgba(206,66,43,.18),rgba(206,66,43,.08));color:#E8A096;font-size:10px;font-weight:900;letter-spacing:.02em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.18)}
.pm-ref-badge .coin-ico{width:12px;height:12px;margin:0;transform:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.referral-modal-card{max-width:410px}
.referral-modal-icon{color:#CE422B}
.rw-code-section{margin:18px 0 28px}
.rw-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rw-code-card{position:relative;min-width:0;overflow:hidden;padding:20px;border-radius:17px;border:1px solid rgba(206,66,43,.16);background:linear-gradient(145deg,rgba(40,28,28,.96),rgba(33,22,22,.98));box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)}
.rw-code-card::after{content:"";position:absolute;pointer-events:none;width:190px;height:190px;right:-72px;top:-96px;border-radius:50%;background:radial-gradient(circle,rgba(206,66,43,.12),transparent 68%)}
.rw-code-referral{border-color:rgba(206,66,43,.24);background:radial-gradient(120% 135% at 100% 0%,rgba(206,66,43,.12),transparent 48%),linear-gradient(145deg,rgba(40,28,28,.98),rgba(33,22,22,.99))}
.rw-code-head{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:0;margin-bottom:12px}
.rw-code-head h3{margin:1px 0 0;color:#fff;font-size:18px;line-height:1.15}
.rw-code-head .eyebrow{font-size:9px;line-height:1;letter-spacing:.12em}
.rw-code-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;color:#E8A096;background:rgba(206,66,43,.1);border:1px solid rgba(206,66,43,.22)}
.rw-code-icon svg{width:20px;height:20px}
.rw-code-copy{position:relative;z-index:1;margin:0 0 13px;color:var(--t2);font-size:13px;line-height:1.45}
.rw-social-code-note{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;padding:9px 10px;border-radius:11px;border:1px solid rgba(206,66,43,.14);background:rgba(0,0,0,.18);color:var(--t3);font-size:11.5px;line-height:1.35}
.rw-social-code-links{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.rw-social-code-links a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:8px;border:1px solid rgba(206,66,43,.24);background:rgba(206,66,43,.08);color:#E8A096;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.rw-social-code-links a:hover{border-color:rgba(206,66,43,.52);background:rgba(206,66,43,.14);color:#F4EAE8}
.rw-ref-perks{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
.rw-ref-perks span{display:inline-flex;align-items:center;gap:3px;padding:6px 8px;border-radius:8px;background:rgba(206,66,43,.08);border:1px solid rgba(206,66,43,.16);color:#D9C8C4;font-size:11.5px;font-weight:800}
.rw-ref-perks .coin-ico{width:12px;height:12px;margin:0;transform:none}
.rw-code-form{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-width:0}
.rw-code-form input{min-width:0;flex:1 1 auto;height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(206,66,43,.22);background:rgba(0,0,0,.28);color:#fff;font:800 13px var(--fu);letter-spacing:.045em;text-transform:uppercase;outline:none}
.rw-code-form input::placeholder{color:rgba(180,190,210,.5);text-transform:none;letter-spacing:0;font-weight:600}
.rw-code-form input:focus{border-color:rgba(206,66,43,.52);box-shadow:0 0 0 3px rgba(206,66,43,.09)}
.rw-code-form .app-modal__btn{width:auto;min-width:108px;height:44px;margin:0;padding:0 15px;white-space:nowrap}
.rw-code-note{position:relative;z-index:1;min-height:18px;margin-top:8px;color:var(--t3);font-size:11.5px;font-weight:650}
.rw-code-note.ok{color:#86efac}
.rw-code-note.err{color:#E8A096}
@media (max-width:820px){.rw-code-grid{grid-template-columns:1fr}.rw-social-code-note{align-items:flex-start;flex-direction:column}}
@media (max-width:520px){.profile-menu{min-width:min(250px,calc(100vw - 24px))}.rw-code-card{padding:16px}.rw-code-form{align-items:stretch;flex-direction:column}.rw-code-form .app-modal__btn{width:100%}.rw-code-head-ref{flex-wrap:wrap}.rw-social-code-links{width:100%}.rw-social-code-links a{flex:1 1 0}.pm-ref-badge{font-size:9px;padding:4px 6px}}
@media (max-width:720px), (pointer:coarse){
  .rw-social-code-links a{min-height:44px!important;padding:0 12px!important;font-size:12px!important}
  .profile-menu{max-width:calc(100vw - 16px)!important}
  .profile-menu .pm-referral-btn .pm-item-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .chat-form input{min-height:44px!important}
  .chat-form>button,.chat-panel>.chat-head .chat-rules-btn,.chat-panel>.chat-head .chat-lang-btn{min-width:44px!important;min-height:44px!important;height:44px!important}
  .rp-vf-x, .chat-rules-modal-close, .rfd-x, .rfd-vmodal-x, .rfd-cmodal-x, .rfd-mclose, .rr-pform-x, .rc-prev-close, .sup-close, .tv-close, .cp-x, .fr-rules-close, .aff-bn-close{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .app-modal{padding:12px!important;padding-top:max(12px,env(safe-area-inset-top,0px))!important;padding-right:max(12px,env(safe-area-inset-right,0px))!important;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;padding-left:max(12px,env(safe-area-inset-left,0px))!important}
  .rw-code-note{font-size:12px!important;line-height:1.35!important}
}
@media (max-width:360px){
  .rr-pform-row2{grid-template-columns:1fr!important;gap:0!important}
  .rr-pform-ov{padding:12px!important;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important}
  .rr-pform{width:100%!important;padding:20px 16px 16px!important}
}
@media (pointer:coarse) and (max-width:900px), (max-width:900px) and (orientation:landscape) and (max-height:520px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea{font-size:16px!important}
  .app-modal__close,.cf-modal-close,.cf-create-close,.chat-close{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
}

.section-title h3, .arena-header h1, .page-hero h1, .hero-title, .auth-card h1, .cf-modal-head h3, .app-modal__title{
  font-family:var(--fhd,var(--fd)); font-weight:800; letter-spacing:.018em; font-stretch:semi-condensed; font-kerning:normal; text-rendering:optimizeLegibility;
}
.section-title h3{ max-width:100%; overflow-wrap:anywhere; }
.rp-inpot-head h3, .rp-recent-card .section-title h3, .cf-list-section .section-title h3{ font-size:clamp(21px,2.15vw,29px); }
.section-title .eyebrow{ font-family:var(--fu); font-weight:800; letter-spacing:.12em; }
@media (max-width:720px){
  .section-title h3{ font-size:clamp(20px,6.2vw,27px); letter-spacing:.012em; }
  .rp-inpot-head h3, .rp-recent-card .section-title h3, .cf-list-section .section-title h3{ font-size:clamp(20px,5.8vw,25px); }
}
.cf-join-btn,.cf-modal-join{color:#281C1C !important;font-weight:800 !important;font-size:13.5px !important;line-height:1.1;text-align:center}
.lp-btn-primary,.empty-state-cta,.empty-state-cta:visited,.bx-btn-join,.bx-btn-bot,.rfd-toggle,.rfd-toggle-label,.rfd-toggle-bal,.rfd-toggle-bal b,.chat-toggle{color:#281C1C !important}
.lp-btn-primary,.empty-state-cta,.bx-btn-join,.bx-btn-bot{font-weight:800 !important}
@media(max-width:700px){.cf-join-btn,.cf-modal-join{font-size:13px !important}.cf-join-btn{padding-left:12px !important;padding-right:12px !important}}

/* IN POT rows intentionally never receive reveal/dimming state. */
.sk-common    { --rk:#8F7772; --rkglow:rgba(143,119,114,.20); }
.sk-uncommon  { --rk:#A86454; --rkglow:rgba(168,100,84,.22); }
.sk-rare      { --rk:#B83A27; --rkglow:rgba(184,58,39,.24); }
.sk-epic      { --rk:#CE422B; --rkglow:rgba(206,66,43,.26); }
.sk-legendary { --rk:#CE422B; --rkglow:rgba(206,66,43,.30); }
.sk-mythic    { --rk:#E66A55; --rkglow:rgba(230,106,85,.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(55,35,35,.78),rgba(36,23,23,.82)); 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(55,35,35,.82),rgba(36,23,23,.90)); 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,#8F7772); 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(201,108,91,.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:#F4DEDA; background:rgba(33,22,22,.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,#D7C2BE); border:1px solid var(--rk,var(--ln)); }
.skin-tag.staked{ color:#CE422B; border-color:rgba(206,66,43,.5); background:rgba(206,66,43,.14); }
.skin-tag.spent { color:#E8A096; 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(201,108,91,.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(48,31,31,.98),rgba(28,18,18,.99)); 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(201,108,91,.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,#CE422B); }
.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,#CE422B),var(--gold,#CE422B)); color:#281C1C; font:800 11px/18px var(--fu,sans-serif); text-align:center; box-shadow:0 0 0 2px var(--rust-bg2,#211616), 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,#CE422B); }
.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,#CE422B)); color:#281C1C; }
.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,#8F7772); 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(201,108,91,.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:#CE422B; background:rgba(206,66,43,.14); }
.cm-tag.spent{ color:#ef9a9a; background:rgba(239,77,107,.14); }
.cm-tag.sold{ color:#B87569; background:rgba(201,108,91,.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,#CE422B)); color:#281C1C; }
.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:#E8A096; 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, #CE422B);
  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:#281C1C;
  background:linear-gradient(180deg,#E66A55,#E66A55);
  border:0;
  box-shadow:0 8px 22px rgba(230,106,85,.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,#E66A55,#E66A55);
  color:#281C1C;
}
.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,#8a93a8); 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,#F4EAE8);
  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:#211616; color:#F4EAE8; }
.cf-game-range{ font:600 11px var(--fu,inherit); color:var(--t3,#B87569); 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:#281C1C; 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,#F4EAE8); 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,#E66A55,#D98778); color:#281C1C; border-color:transparent; }
.canta-tool--sell:hover{ background:linear-gradient(180deg,#E66A55,#D98778); 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:#281C1C;
  background:linear-gradient(180deg,#E66A55,#CE422B); box-shadow:0 4px 14px rgba(206,66,43,.3);
}
.canta-modal__confirm:disabled{ background:rgba(255,255,255,.07); color:var(--t3,#B87569); 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,#D9C8C4); 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,#211616); border:1px solid var(--ln,#382424);
  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,#382424); }
.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,#F4EAE8); 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,#F4EAE8); 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,#8F7772); font-weight:600; }
.mkt-range-sep{ color:var(--t3,#8F7772); 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,#D9C8C4); 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,#382424); }
.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,#382424); 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,#382424); border-radius:11px; padding:4px; }
.dw-tab{ flex:1; height:34px; border:0; border-radius:8px; background:transparent; color:var(--t2,#D9C8C4); 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,#9E817B); 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,#382424); background:rgba(255,255,255,.02); color:var(--t1,#F4EAE8); 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:#CE422B; background:radial-gradient(70% 70% at 50% 35%, rgba(230,106,85,.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,#9E817B); }
.dw-ref{ margin-top:auto; padding-top:14px; border-top:1px solid var(--ln,#382424); }
.dw-ref-head{ font-size:12px; font-weight:800; color:var(--t1,#F4EAE8); display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:8px; }
.dw-ref-bonus{ font-size:10.5px; font-weight:700; color:#CE422B; background:rgba(230,106,85,.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,#382424); 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,#E8D6D2,#CE422B); color:#281C1C; font-weight:800; font-size:13px; cursor:pointer; flex:0 0 auto; }
.dw-ref-note{ font-size:11.5px; color:var(--t3,#9E817B); 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,#9E817B); font-weight:700; }
.dw-select{ height:46px; padding:0 12px; border-radius:11px; border:1px solid var(--ln,#382424); 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,#382424); 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,#9E817B); line-height:1.45; margin:0 0 10px; }
.dw-min{ font-size:12px; color:var(--t2,#D9C8C4); 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,#9E817B); 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,#382424); 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,#382424); background:rgba(255,255,255,.04); color:var(--t2,#D9C8C4); 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:#CE422B; }
.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,#382424); 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,#9E817B); 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:#CE422B; }
.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,#9E817B); font-weight:800; }
.dw-cta{ width:100%; height:50px; margin-top:auto; border:0; border-radius:13px; background:linear-gradient(180deg,#E8D6D2,#CE422B 46%,#CE422B); color:#281C1C; font-weight:900; font-size:15px; letter-spacing:.02em; cursor:pointer; box-shadow:0 6px 18px rgba(217,135,120,.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,#382424); 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,#D9C8C4); 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,#382424); }
  .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:#281C1C; color:#F4EAE8; 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,#382424); }
@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,#9E817B); 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:#E8D6D2; }
.dw-ref-timer svg{ color:#CE422B; flex:0 0 auto; }
.dw-ref-timer b{ font-family:var(--fm,ui-monospace,monospace); color:#CE422B; 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(206,66,43,.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(206,66,43,.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(201,108,91,.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:#160F0F !important; color:var(--lvc,#B87569) !important; border:1px solid var(--lvc,#B87569) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.6) !important; }
.pa-level.lvt1 { --lvc:#9E817B; } .pa-level.lvt2 { --lvc:#9E817B; } .pa-level.lvt3 { --lvc:#BFA7A2; }
.pa-level.lvt4 { --lvc:#B87569; } .pa-level.lvt5 { --lvc:#B87569; } .pa-level.lvt6 { --lvc:#B86855; }
.pa-level.lvt7 { --lvc:#C67560; } .pa-level.lvt8 { --lvc:#D98778; } .pa-level.lvt9 { --lvc:#88b06c; }
.pa-level.lvt10{ --lvc:#C96C5B; }
                                                                                                      
                                                                                                    
                                                                                                    
                                                                                                      
.profile-avatar-btn:has(.pa-level){ border-color:var(--lvc,#B87569) !important; box-shadow:0 0 0 2px var(--lvc,#B87569), 0 0 10px -2px var(--lvc,#B87569) !important; }
.profile-avatar-btn:has(.pa-level):hover{ box-shadow:0 0 0 2px var(--lvc,#B87569), 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:#160F0F !important; color:var(--lvc,#B87569) !important; border:1px solid var(--lvc,#B87569) !important; }
.chat-av.chat-av-lv{ border-color:var(--lvc,#B87569) !important; box-shadow:0 0 0 2px var(--lvc,#B87569), 0 0 9px -1px var(--lvc,#B87569) !important; }
.chat-av.lvt1,.chat-av-lvl.lvt1{--lvc:#9E817B}.chat-av.lvt2,.chat-av-lvl.lvt2{--lvc:#9E817B}.chat-av.lvt3,.chat-av-lvl.lvt3{--lvc:#BFA7A2}
.chat-av.lvt4,.chat-av-lvl.lvt4{--lvc:#B87569}.chat-av.lvt5,.chat-av-lvl.lvt5{--lvc:#B87569}.chat-av.lvt6,.chat-av-lvl.lvt6{--lvc:#B86855}
.chat-av.lvt7,.chat-av-lvl.lvt7{--lvc:#C67560}.chat-av.lvt8,.chat-av-lvl.lvt8{--lvc:#D98778}.chat-av.lvt9,.chat-av-lvl.lvt9{--lvc:#88b06c}.chat-av.lvt10,.chat-av-lvl.lvt10{--lvc:#C96C5B}

                                                                                                  
                                                                                   
.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:#160F0F !important; color:var(--lvc,#B87569) !important; border:1px solid var(--lvc,#B87569) !important; }
.lvl-pill.lvt1,.pf2-lvl.lvt1,.rc-lvl.lvt1,.affx-lvl-chip.lvt1{--lvc:#9E817B}.lvl-pill.lvt2,.pf2-lvl.lvt2,.rc-lvl.lvt2,.affx-lvl-chip.lvt2{--lvc:#9E817B}.lvl-pill.lvt3,.pf2-lvl.lvt3,.rc-lvl.lvt3,.affx-lvl-chip.lvt3{--lvc:#BFA7A2}.lvl-pill.lvt4,.pf2-lvl.lvt4,.rc-lvl.lvt4,.affx-lvl-chip.lvt4{--lvc:#B87569}.lvl-pill.lvt5,.pf2-lvl.lvt5,.rc-lvl.lvt5,.affx-lvl-chip.lvt5{--lvc:#B87569}
.lvl-pill.lvt6,.pf2-lvl.lvt6,.rc-lvl.lvt6,.affx-lvl-chip.lvt6{--lvc:#B86855}.lvl-pill.lvt7,.pf2-lvl.lvt7,.rc-lvl.lvt7,.affx-lvl-chip.lvt7{--lvc:#C67560}.lvl-pill.lvt8,.pf2-lvl.lvt8,.rc-lvl.lvt8,.affx-lvl-chip.lvt8{--lvc:#D98778}.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:#C96C5B}
.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,#D9C8C4); 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,#211616); border:1px solid var(--ln,#382424); 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,#F4EAE8);
  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(206,66,43,.34), transparent 60%),
    radial-gradient(120% 120% at 10% 118%, rgba(201,108,91,.36), transparent 64%),
    linear-gradient(160deg, #281C1C 0%, #281C1C 48%, #281C1C 100%) !important;
  border:1px solid rgba(206,66,43,.42) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.6), inset 0 1px 0 rgba(232,214,210,.18), inset 0 0 60px rgba(143,85,75,.35) !important; }
#chatRain.free-rain.fr-active{ border-color:rgba(230,106,85,.6) !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ #chatRain.free-rain *{ animation:none !important; } }
                                                                               
#chatRain.free-rain::before{content:none !important;display:none !important;background:none !important;animation:none !important;}
@keyframes frEmblemSpin{to{transform:none;}} }
                                                                      
#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(232,214,210,.18), transparent 70%) !important; }
                                                                    
#chatRain .fr-rain{display:none !important;}
#chatRain .fr-rain i{display:none !important;background:none !important;animation:none !important;}
@keyframes frCoinFall{to{transform:none;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(206,66,43,.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(232,214,210,.72) !important; text-shadow:0 1px 2px rgba(0,0,0,.5) !important; }
#chatRain .fr-drop{ flex:0 0 auto !important; color:rgba(232,214,210,.8) !important; -webkit-text-fill-color:rgba(232,214,210,.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,#CE422B) !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,#CE422B);
  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,228,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(201,108,91,.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:#F4DEDA !important; text-shadow:0 0 16px rgba(206,66,43,.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(232,214,210,.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,#E8D6D2,#CE422B) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#CE422B !important;
  filter:drop-shadow(0 2px 5px rgba(206,66,43,.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(201,108,91,.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,228,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:#281C1C !important; border:none !important;
  background:linear-gradient(180deg,#E8D6D2,#CE422B 46%,#CE422B) !important;
  box-shadow:0 4px 13px rgba(217,135,120,.5), inset 0 1px 0 rgba(255,255,255,.75), inset 0 -2px 4px rgba(150,95,20,.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(206,66,43,.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:#281C1C !important; background:linear-gradient(180deg,#E8D6D2,#CE422B 46%,#CE422B) !important; border:none !important;
  box-shadow:0 4px 13px rgba(217,135,120,.45), inset 0 1px 0 rgba(255,255,255,.72), inset 0 -2px 4px rgba(150,95,20,.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(206,66,43,.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(206,66,43,.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(206,66,43,.3) !important; transition:width .5s ease !important; }
#chatRain.free-rain.fr-active .fr-bar-fill{ background:linear-gradient(90deg,#F4DEDA,#D98778,#F4DEDA) !important; background-size:200% 100% !important; box-shadow:0 0 14px rgba(206,66,43,.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(232,214,210,.84) !important; text-shadow:0 1px 2px rgba(0,0,0,.55) !important; }
#chatRain.free-rain.fr-active .fr-meta{ color:rgba(235,228,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:#281C1C !important;
  text-shadow:0 -1px 0 rgba(255,246,214,.55), 0 1px 0 rgba(74,46,10,.55), 0 2px 4px rgba(0,0,0,.28) !important; }
                                                                                                              
.hm-promo-lvl-badge.lvt1{--lvc:#9E817B}.hm-promo-lvl-badge.lvt2{--lvc:#9E817B}.hm-promo-lvl-badge.lvt3{--lvc:#BFA7A2}.hm-promo-lvl-badge.lvt4{--lvc:#B87569}.hm-promo-lvl-badge.lvt5{--lvc:#B87569}.hm-promo-lvl-badge.lvt6{--lvc:#B86855}.hm-promo-lvl-badge.lvt7{--lvc:#C67560}.hm-promo-lvl-badge.lvt8{--lvc:#D98778}.hm-promo-lvl-badge.lvt9{--lvc:#88b06c}.hm-promo-lvl-badge.lvt10{--lvc:#C96C5B}.hm-promo-lvl-badge.lvt11{--lvc:#D98778}.hm-promo-lvl-badge.lvt12{--lvc:#D98778}.hm-promo-lvl-badge.lvt13{--lvc:#D98778}.hm-promo-lvl-badge.lvt14{--lvc:#D98778}.hm-promo-lvl-badge.lvt15{--lvc:#E66A55}
.hm-promo-lvl-badge{ background:linear-gradient(150deg, var(--lvc,#9E817B), 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:#E8D6D2; --lvc2:#9E817B; }                   
.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:#D98778; --lvc2:#B87569; }                  
.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:#E66A55; --lvc2:#D98778; }                   
.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:#C96C5B; --lvc2:#8F3B2D; }                     
.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:#D95842; --lvc2:#9E3022; }                    
.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:#C67560; --lvc2:#7D3028; }                    
.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:#B86855; --lvc2:#7A352B; }                    
.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:#CE7867; --lvc2:#8F463A; }                        
.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:#D98778; --lvc2:#B87569; }                   
.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:#B87569; --lvc2:#6C433D; }                     
.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:#D98778; --lvc2:#B87569; }                       
.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:#D98778; --lvc2:#8F3B2D; }                        
.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:#E8A096; --lvc2:#A54839; }                     
.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:#D9C8C4; --lvc2:#9F574A; }                     
.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:#E8D6D2; --lvc2:#D98778; }                      
                                                                                  
.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,#E8D6D2), var(--lvc2,#9E817B)) !important; color:#fff !important;
}
                                                                                           
                                                                                        
                                                                                          
                                                                                 
.rc-lvl[class*="lvt"], .lb-lvl[class*="lvt"], .affx-lvl-chip[class*="lvt"]{
  background:linear-gradient(135deg, var(--lvc,#E8D6D2), var(--lvc2,#9E817B)) !important;
  color:#fff !important;
  box-shadow:0 2px 5px color-mix(in srgb, var(--lvc,#B87569) 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:#D9C8C4; --lvc2:#D98778; }
.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,#F4EAE8 0%,#D9C8C4 20%,#CE7867 38%,#E8A096 52%,#B86855 70%,#D9C8C4 100%) !important;
  background-size:280% 100% !important; color:#281C1C !important;
  animation:lvtDiamond 3.4s linear infinite !important;
  box-shadow:0 0 10px -1px rgba(217,200,196,.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:#E8A096; --lvc2:#D98778; }
.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,#E8A096 0%,#E66A55 20%,#CE422B 40%,#D98778 60%,#B86855 80%,#E8A096 100%) !important;
  background-size:300% 100% !important; color:#281C1C !important;
  animation:lvtHype 2.4s linear infinite !important;
  box-shadow:0 0 14px -1px rgba(206,66,43,.72), 0 0 6px rgba(217,135,120,.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,#9E817B) !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,#CE422B) !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,#E8D6D2,#D98778) !important; }
.rb-weekly::after{ background:radial-gradient(rgba(206,66,43,.26),transparent 70%) !important; }
.rb-weekly .rb-period{ color:#D98778 !important; }

                                                                                             
.level-card .level-badge, .level-badge{ background:linear-gradient(145deg,#CE422B,#CE422B) !important; color:#281C1C !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(206,66,43,.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:#9aa3b5 !important; background:rgba(206,66,43,.05) !important; border:1px dashed rgba(201,108,91,.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:#9aa3b5 !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:#F4DEDA; 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(40,28,28,.5)); border:1px solid rgba(206,66,43,.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(40,28,28,.92), transparent); }
.rfd-sp-fade-r{ right:0; background:linear-gradient(270deg, rgba(40,28,28,.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,#E66A55,#CE422B); box-shadow:0 0 14px rgba(206,66,43,.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 #E66A55; }
.rfd-sp-pointer::after{ bottom:-1px; border-bottom:10px solid #E66A55; }
.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:#211616; 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(206,66,43,.85), inset 0 0 0 2px #E66A55; 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:#CE422B; }
.topbar nav a[data-nb="champion"]{ --nb:#CE422B; }
.topbar nav a[data-nb="coinflip"]{ --nb:#CE422B; }
.topbar nav a[data-nb="mk"]{ --nb:#D98778; }
.topbar nav a[data-nb="rc"]{ --nb:#D98778; }
.topbar nav a[data-nb="rw"]{ --nb:#D98778; }
.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(206,66,43,.35)); }
.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:#9E817B !important; -webkit-text-fill-color:#9E817B !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; } }
@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}
}
/* ========================================================================
   RUSTNECRO UI ENHANCEMENT LAYER — 2026-08
   Visual-only polish. Loaded after the legacy cascade so existing game logic,
   IDs, event wiring and server rendering stay untouched.
   ======================================================================== */
:root{
  --ui-bg:#160F0F;
  --ui-surface:rgba(33,22,22,.88);
  --ui-surface-2:rgba(40,28,28,.9);
  --ui-surface-3:rgba(40,28,28,.92);
  --ui-border:rgba(201,108,91,.13);
  --ui-border-strong:rgba(206,66,43,.27);
  --ui-gold:#CE422B;
  --ui-gold-2:#E8D6D2;
  --ui-text:#F4EAE8;
  --ui-muted:#BFA7A2;
  --ui-dim:#6C433D;
  --ui-shadow:0 22px 60px rgba(0,0,0,.32);
  --ui-shadow-soft:0 12px 32px rgba(0,0,0,.2);
  --ui-radius:18px;
  --ui-radius-sm:13px;
}

/* ---------- foundation ---------- */
html{background:var(--ui-bg)!important;scrollbar-color:rgba(206,66,43,.42) rgba(33,22,22,.65);}
body{
  color:var(--ui-text)!important;
  background:
    radial-gradient(900px 540px at 12% -8%,rgba(206,66,43,.11),transparent 66%),
    radial-gradient(820px 520px at 88% 2%,rgba(143,85,75,.08),transparent 68%),
    radial-gradient(760px 560px at 50% 110%,rgba(89,42,24,.15),transparent 68%),
    linear-gradient(180deg,#160F0F 0%,#1D1414 46%,#160F0F 100%)!important;
  letter-spacing:.005em;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 65%);opacity:.46;
}
::selection{background:rgba(206,66,43,.28);color:#fff8e8;}
:focus-visible{outline:2px solid rgba(232,214,210,.9)!important;outline-offset:3px!important;box-shadow:0 0 0 4px rgba(206,66,43,.12)!important;}

main.page{
  width:min(1380px,calc(100% - 32px))!important;
  margin-inline:auto!important;
  padding-top:28px!important;
  padding-bottom:54px!important;
}
.page-head, .page-hero, .arena-header, .rf-header, .rp-header, .mkt-head{
  position:relative;
}
.page-head::before, .page-hero::before, .arena-header::before, .rf-header::before, .rp-header::before, .mkt-head::before{
  content:"";position:absolute;left:0;top:-10px;width:44px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--ui-gold),rgba(206,66,43,.08));box-shadow:0 0 18px rgba(206,66,43,.25);
}
.page-head-sub,.hero-sub,.fair-page-sub,.blog-hero-sub,.mkt-head-sub{color:var(--ui-muted)!important;line-height:1.65!important;}
.eyebrow{
  color:var(--ui-gold)!important;font-weight:800!important;letter-spacing:.16em!important;
  text-transform:uppercase!important;font-size:11px!important;
}

/* ---------- global surfaces ---------- */
.section-block, .fair-card, .affx-card, .pf2-settings, .pf2-games, .pf2-hist, .rb-card, .rr-task, .rf-card, .blog-card, .blog-featured, .legal-doc, .rp-map-card, .rp-entrants-card, .rp-recent-card, .adm-panel, .rfadm-card, .admin-tool, .rev-card, .adm-stat-card{
  border:1px solid var(--ui-border)!important;
  background:linear-gradient(155deg,rgba(40,28,28,.93),rgba(33,22,22,.9))!important;
  box-shadow:var(--ui-shadow-soft)!important;
  border-radius:var(--ui-radius)!important;
}
.section-block, .fair-card, .affx-card, .pf2-settings, .pf2-games, .pf2-hist, .legal-doc, .rp-map-card, .rp-entrants-card, .rp-recent-card{
  position:relative;overflow:hidden;
}
.section-block::before, .fair-card::before, .affx-card::before, .pf2-settings::before, .pf2-games::before, .pf2-hist::before, .legal-doc::before, .rp-map-card::before, .rp-entrants-card::before, .rp-recent-card::before{
  content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(232,214,210,.32),rgba(255,255,255,.06),transparent);
}
.section-title{gap:9px!important;}
.section-title h2,.section-title h3{color:var(--ui-text)!important;letter-spacing:.025em!important;}

/* controls */
.btn-primary, .steam-btn, .pill-steam, .app-modal__btn.gold, .rr-claim, .rb-claim, .cf-create-open-btn, .affx-claim-btn, .pf2-set-save, .skin-btn:not(:disabled), .adm-btn.primary{
  border:1px solid rgba(232,214,210,.32)!important;
  background:linear-gradient(180deg,#CE422B 0%,#CE422B 100%)!important;
  color:#281C1C!important;font-weight:800!important;
  box-shadow:0 9px 24px rgba(206,66,43,.13),inset 0 1px rgba(255,255,255,.28)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
.btn-primary:hover, .steam-btn:hover, .pill-steam:hover, .app-modal__btn.gold:hover, .rr-claim:hover, .rb-claim:hover, .cf-create-open-btn:hover, .affx-claim-btn:hover, .pf2-set-save:hover, .skin-btn:not(:disabled):hover{
  transform:translateY(-2px)!important;filter:brightness(1.045)!important;
  box-shadow:0 13px 30px rgba(206,66,43,.19),inset 0 1px rgba(255,255,255,.32)!important;
}
.btn-ghost, .cf-modal-close, .rfpart-close, .rfvmodal-x, .qgm-close, .mkt-range-clear, .affx-copy-btn, .fair-copy{
  border-color:rgba(201,108,91,.15)!important;background:rgba(255,255,255,.035)!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
.btn-ghost:hover, .cf-modal-close:hover, .rfpart-close:hover, .rfvmodal-x:hover, .qgm-close:hover, .mkt-range-clear:hover, .affx-copy-btn:hover, .fair-copy:hover{
  background:rgba(206,66,43,.1)!important;border-color:rgba(206,66,43,.31)!important;color:var(--ui-gold-2)!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),select,textarea,.stake-input,.mkt-search input,.mkt-sort,.mkt-range-in,.affx-copy-input,.pf-field input,.pf-field select,.pf2-set-input,.us-input,.adm-field input,.adm-field select,.adm-field textarea{
  border-color:rgba(201,108,91,.14)!important;background:rgba(33,22,22,.56)!important;color:var(--ui-text)!important;
  border-radius:11px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):hover,select:hover,textarea:hover{border-color:rgba(201,108,91,.24)!important;}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,select:focus,textarea:focus{border-color:rgba(206,66,43,.43)!important;box-shadow:0 0 0 3px rgba(206,66,43,.09)!important;}

/* ---------- top navigation ---------- */
.topbar{
  background:rgba(33,22,22,.84)!important;border-bottom:1px solid rgba(201,108,91,.11)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;backdrop-filter:blur(24px) saturate(130%)!important;
}
.topbar-inner{width:min(1400px,calc(100% - 24px))!important;min-height:72px!important;}
.brand{position:relative!important;transition:transform .18s ease,filter .18s ease!important;}
.brand:hover{transform:translateY(-1px)!important;filter:brightness(1.08)!important;}
.brand-logo{filter:drop-shadow(0 6px 14px rgba(0,0,0,.36))!important;}
.brand-beta{background:rgba(206,66,43,.1)!important;border:1px solid rgba(206,66,43,.21)!important;color:#CE422B!important;}
.nav{
  background:rgba(33,22,22,.62)!important;border:1px solid rgba(201,108,91,.1)!important;
  padding:5px!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.nav>a,.nav-games-btn{border-radius:999px!important;transition:color .15s ease,background .15s ease,transform .15s ease!important;}
.nav>a:hover,.nav-games-btn:hover{background:rgba(255,255,255,.05)!important;color:#f7f1e4!important;transform:translateY(-1px)!important;}
.nav>a.active,.nav-games-btn.active{
  background:linear-gradient(180deg,rgba(206,66,43,.16),rgba(206,66,43,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(206,66,43,.18),0 4px 16px rgba(0,0,0,.16)!important;color:var(--ui-gold-2)!important;
}
.nav-games-menu,.profile-menu{
  border:1px solid rgba(201,108,91,.14)!important;background:rgba(33,22,22,.97)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.52)!important;backdrop-filter:blur(18px)!important;border-radius:17px!important;
}
.ngm-card{border-radius:13px!important;border:1px solid transparent!important;}
.ngm-card:hover{border-color:rgba(201,108,91,.13)!important;background:rgba(255,255,255,.045)!important;transform:translateX(2px)!important;}

/* ---------- footer ---------- */
.site-footer{
  background:linear-gradient(180deg,rgba(33,22,22,.66),rgba(33,22,22,.96))!important;
  border-top:1px solid rgba(201,108,91,.1)!important;box-shadow:0 -18px 50px rgba(0,0,0,.18)!important;
}
.ftr-inner{width:min(1380px,calc(100% - 32px))!important;}
.ftr-links a,.ftr-mail,.ftr-soc{transition:color .15s ease,transform .15s ease,background .15s ease!important;}
.ftr-links a:hover{color:var(--ui-gold-2)!important;transform:translateX(2px)!important;}
.ftr-soc:hover{transform:translateY(-2px)!important;background:rgba(206,66,43,.09)!important;}

/* ---------- HOME ---------- */
.page-home .hm-banner,.page-home .hm-promo-card,.page-home .hm-free-item,.page-home .hm-qp,
.page-home .lbets-wrap,.page-home .hm-free{
  border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-soft)!important;
}
.page-home .hm-banner{border-radius:22px!important;overflow:hidden!important;background:rgba(33,22,22,.8)!important;}
.page-home .hm-bslide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(33,22,22,.42),transparent 52%),linear-gradient(0deg,rgba(33,22,22,.5),transparent 48%);}
.page-home .hm-bs-left{position:relative;z-index:2!important;}
.page-home .hm-bs-ttl{letter-spacing:.035em!important;text-shadow:0 8px 26px rgba(0,0,0,.4)!important;}
.page-home .hm-bs-cta{box-shadow:0 10px 28px rgba(0,0,0,.24)!important;}
.page-home .hm-promo-card{border-radius:20px!important;background:linear-gradient(145deg,rgba(40,28,28,.94),rgba(33,22,22,.92))!important;}
.page-home .hm-qp{border-radius:16px!important;background:rgba(33,22,22,.75)!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;}
.page-home .hm-qp:hover{transform:translateY(-3px)!important;border-color:rgba(206,66,43,.22)!important;box-shadow:0 16px 32px rgba(0,0,0,.28)!important;}
.page-home .hm-free-item{border-radius:15px!important;background:rgba(255,255,255,.022)!important;}
.page-home .lbets-head{background:rgba(255,255,255,.025)!important;border-radius:10px!important;}

/* ---------- CHAMPION ---------- */
.page-arena .arena-header{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(40,28,28,.8),rgba(33,22,22,.72))!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-arena .arena-grid{gap:16px!important;}
.page-arena .player-panel,.page-arena .control-panel{
  border-color:rgba(201,108,91,.14)!important;background:linear-gradient(165deg,rgba(40,28,28,.94),rgba(33,22,22,.96))!important;
  box-shadow:0 22px 48px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)!important;border-radius:20px!important;
}
.page-arena .player-panel:hover{border-color:rgba(206,66,43,.22)!important;}
.page-arena .stat-box,.page-arena .weapon-display,.page-arena .center-waiting{
  background:rgba(33,22,22,.32)!important;border:1px solid rgba(201,108,91,.1)!important;border-radius:13px!important;
}
.page-arena .timer-section-center{filter:drop-shadow(0 14px 20px rgba(0,0,0,.25));}
.page-arena .arena-hist-grid{border-radius:14px!important;overflow:hidden!important;}

/* ---------- RUSTFLIP ---------- */
.page-coinflip .rf-header{padding:17px 18px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-coinflip .rf-recent-strip{border-radius:13px!important;background:rgba(33,22,22,.38)!important;border:1px solid rgba(201,108,91,.09)!important;}
.page-coinflip .cf-create-card,.page-coinflip .cf-modal-card{border-radius:22px!important;border-color:rgba(201,108,91,.17)!important;background:linear-gradient(155deg,rgba(40,28,28,.98),rgba(33,22,22,.99))!important;box-shadow:0 30px 80px rgba(0,0,0,.58)!important;}
.page-coinflip .cf-side-btn{border-radius:15px!important;border-color:rgba(201,108,91,.12)!important;background:rgba(255,255,255,.025)!important;}
.page-coinflip .cf-side-btn:hover,.page-coinflip .cf-side-btn.active{border-color:rgba(206,66,43,.3)!important;background:rgba(206,66,43,.07)!important;}
.page-coinflip .cf-games-list{border-radius:15px!important;overflow:hidden!important;}
.page-coinflip .cf-game-row,.page-coinflip .cf-history-row{transition:background .15s ease,transform .15s ease!important;}
.page-coinflip .cf-game-row:hover,.page-coinflip .cf-history-row:hover{background:rgba(255,255,255,.03)!important;}

/* ---------- RUSTPOT ---------- */
.page-rustpot .rp-header{padding:15px 18px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.7)!important;}
.page-rustpot .rp-stage{gap:16px!important;}
.page-rustpot .rp-map-card{box-shadow:0 26px 64px rgba(0,0,0,.34)!important;}
.page-rustpot .rp-map{border-radius:16px!important;overflow:hidden!important;box-shadow:inset 0 0 70px rgba(0,0,0,.35)!important;}
.page-rustpot .rp-pot{filter:drop-shadow(0 8px 22px rgba(206,66,43,.13));}
.page-rustpot .rp-banner{border-radius:14px!important;background:rgba(33,22,22,.48)!important;border:1px solid rgba(201,108,91,.1)!important;}
.page-rustpot .rp-recent-row,.page-rustpot .rp-entrant-row{border-radius:10px!important;transition:background .15s ease!important;}
.page-rustpot .rp-recent-row:hover,.page-rustpot .rp-entrant-row:hover{background:rgba(255,255,255,.03)!important;}

/* ---------- MARKET + INVENTORY ---------- */
.page-market .mkt-head,.page-inventory .mkt-head{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-market .mkt-toolbar,.page-inventory .mkt-toolbar{padding:12px!important;border:1px solid rgba(201,108,91,.1)!important;border-radius:15px!important;background:rgba(33,22,22,.45)!important;}
.page-market .skin-grid,.page-inventory .skin-grid{gap:15px!important;}
.page-market .skin-card,.page-inventory .skin-card{border:1px solid rgba(201,108,91,.115)!important;border-radius:17px!important;background:linear-gradient(155deg,rgba(40,28,28,.93),rgba(33,22,22,.95))!important;box-shadow:0 12px 28px rgba(0,0,0,.21)!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;}
.page-market .skin-card:hover,.page-inventory .skin-card:hover{transform:translateY(-4px)!important;border-color:rgba(206,66,43,.22)!important;box-shadow:0 20px 38px rgba(0,0,0,.31)!important;}
.page-market .skin-img,.page-inventory .skin-img{filter:drop-shadow(0 13px 15px rgba(0,0,0,.26));transition:transform .2s ease!important;}
.page-market .skin-card:hover .skin-img,.page-inventory .skin-card:hover .skin-img{transform:scale(1.035)!important;}
.page-market .mkt-pager button,.page-inventory .mkt-pager button{border-radius:10px!important;}

/* ---------- RAFFLE ---------- */
.page-raffle .page-hero{padding:22px!important;border:1px solid var(--ui-border)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(40,28,28,.78),rgba(33,22,22,.76))!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-raffle .rf-grid{gap:16px!important;}
.page-raffle .rf-card{border-radius:19px!important;overflow:hidden!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;}
.page-raffle .rf-card:hover{transform:translateY(-4px)!important;border-color:rgba(206,66,43,.23)!important;box-shadow:0 20px 40px rgba(0,0,0,.31)!important;}
.page-raffle .rf-tbox{border-radius:12px!important;background:rgba(33,22,22,.36)!important;}
.page-raffle .rfpart-box,.page-raffle .rfvmodal-card,.page-raffle .rfreveal-box{border-radius:21px!important;border-color:rgba(201,108,91,.17)!important;background:linear-gradient(155deg,rgba(40,28,28,.985),rgba(33,22,22,.995))!important;box-shadow:0 30px 80px rgba(0,0,0,.58)!important;}

/* ---------- RACES ---------- */
.page-leaderboard .rc-wrap{border:1px solid rgba(201,108,91,.13)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 28px 72px rgba(0,0,0,.37)!important;}
.page-leaderboard .rc-hero{background:linear-gradient(180deg,rgba(33,22,22,.15),rgba(33,22,22,.55))!important;}
.page-leaderboard .rc-pod{border-radius:17px!important;border:1px solid rgba(201,108,91,.12)!important;background:rgba(33,22,22,.58)!important;box-shadow:0 13px 28px rgba(0,0,0,.22)!important;}
.page-leaderboard .rc-pod-1{border-color:rgba(206,66,43,.3)!important;box-shadow:0 17px 38px rgba(0,0,0,.28),0 0 28px rgba(206,66,43,.08)!important;}
.page-leaderboard .lb-row{border-radius:12px!important;transition:background .15s ease,transform .15s ease!important;}
.page-leaderboard .lb-row:hover{background:rgba(255,255,255,.032)!important;transform:translateX(2px)!important;}

/* ---------- REWARDS ---------- */
.page-rewards .page-hero{padding:22px!important;border:1px solid var(--ui-border)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(40,28,28,.78),rgba(33,22,22,.76))!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-rewards .rr-tasks{gap:13px!important;}
.page-rewards .rr-task{border-radius:16px!important;transition:transform .16s ease,border-color .16s ease!important;}
.page-rewards .rr-task:hover{transform:translateY(-2px)!important;border-color:rgba(206,66,43,.2)!important;}
.page-rewards .rr-task-ico{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;}
.page-rewards .rb-grid{gap:15px!important;}
.page-rewards .rb-card{position:relative;overflow:hidden!important;}
.page-rewards .rb-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px 140px at 20% 0%,rgba(206,66,43,.07),transparent 70%);}

/* ---------- AFFILIATE ---------- */
.page-affiliate .page-head{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-affiliate .affx-stats{gap:13px!important;}
.page-affiliate .affx-stat{border:1px solid rgba(201,108,91,.11)!important;background:rgba(255,255,255,.025)!important;border-radius:15px!important;}
.page-affiliate .affx-copy-row{border-radius:13px!important;background:rgba(33,22,22,.34)!important;border:1px solid rgba(201,108,91,.1)!important;}
.page-affiliate .afflv-card{border-radius:18px!important;border-color:rgba(201,108,91,.13)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-affiliate .afflv-row{border-radius:12px!important;}

/* ---------- FAIRNESS ---------- */
.page-fairness .page-head{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-fairness .fair-hero{border-radius:20px!important;border:1px solid rgba(206,66,43,.17)!important;background:linear-gradient(145deg,rgba(39,38,43,.86),rgba(33,22,22,.94))!important;box-shadow:0 22px 54px rgba(0,0,0,.29)!important;}
.page-fairness .fair-flow{gap:11px!important;}
.page-fairness .fe-step{border-radius:15px!important;border:1px solid rgba(201,108,91,.1)!important;background:rgba(255,255,255,.024)!important;}
.page-fairness .fair-game-card{border-radius:15px!important;transition:transform .15s ease,border-color .15s ease!important;}
.page-fairness .fair-game-card:hover{transform:translateY(-2px)!important;border-color:rgba(206,66,43,.22)!important;}
.page-fairness code,.page-fairness .fair-seed-val{background:rgba(33,22,22,.5)!important;border-radius:8px!important;}

/* ---------- PROFILE ---------- */
.page-profile .pf2-hero{border-radius:22px!important;border:1px solid rgba(201,108,91,.13)!important;background:linear-gradient(145deg,rgba(40,28,28,.86),rgba(33,22,22,.9))!important;box-shadow:0 25px 62px rgba(0,0,0,.34)!important;overflow:hidden!important;}
.page-profile .pf2-av{box-shadow:0 0 0 3px rgba(206,66,43,.15),0 16px 34px rgba(0,0,0,.32)!important;}
.page-profile .pf2-kpis{gap:12px!important;}
.page-profile .pf2-kpi{border-radius:15px!important;border:1px solid rgba(201,108,91,.1)!important;background:rgba(255,255,255,.025)!important;}
.page-profile .pf2-game{border-radius:13px!important;transition:background .15s ease,transform .15s ease!important;}
.page-profile .pf2-game:hover{background:rgba(255,255,255,.03)!important;transform:translateX(2px)!important;}
.page-profile .pf2-xp-bar,.page-profile .pf2-kpi-wrbar{overflow:hidden!important;box-shadow:inset 0 1px 4px rgba(0,0,0,.35)!important;}

/* ---------- TRANSACTIONS / BETS / ACTIVITY ---------- */
.page-transactions .page-head,.page-bets .page-head,.page-activity .page-head{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-transactions .hist-tabs,.page-bets .hist-tabs{padding:5px!important;border:1px solid rgba(201,108,91,.1)!important;border-radius:999px!important;background:rgba(33,22,22,.35)!important;}
.page-transactions .hist-tab,.page-bets .hist-tab{border-radius:999px!important;}
.page-transactions .hist-tab.active,.page-bets .hist-tab.active{background:rgba(206,66,43,.11)!important;color:var(--ui-gold-2)!important;box-shadow:inset 0 0 0 1px rgba(206,66,43,.15)!important;}
.page-transactions .hist-item,.page-bets .hist-item{border-radius:13px!important;border:1px solid transparent!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important;}
.page-transactions .hist-item:hover,.page-bets .hist-item:hover{background:rgba(255,255,255,.03)!important;border-color:rgba(201,108,91,.08)!important;transform:translateX(2px)!important;}
.page-activity .mini-row,.page-activity .act-row{border-radius:12px!important;transition:background .15s ease!important;}
.page-activity .mini-row:hover,.page-activity .act-row:hover{background:rgba(255,255,255,.03)!important;}

/* ---------- BLOG ---------- */
.page-blog .page-head{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-blog .blog-featured{overflow:hidden!important;border-radius:21px!important;transition:transform .18s ease,border-color .18s ease!important;}
.page-blog .blog-featured:hover{transform:translateY(-3px)!important;border-color:rgba(206,66,43,.2)!important;}
.page-blog .blog-grid{gap:17px!important;}
.page-blog .blog-card{overflow:hidden!important;border-radius:18px!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;}
.page-blog .blog-card:hover{transform:translateY(-4px)!important;border-color:rgba(206,66,43,.2)!important;box-shadow:0 20px 40px rgba(0,0,0,.3)!important;}
.page-blog .blog-card-img img,.page-blog .blog-featured-img img{transition:transform .28s ease,filter .28s ease!important;}
.page-blog .blog-card:hover .blog-card-img img,.page-blog .blog-featured:hover .blog-featured-img img{transform:scale(1.035)!important;filter:saturate(1.06)!important;}
.page-blog .blog-single{max-width:950px!important;}
.page-blog .blog-body{font-family:var(--fu)!important;line-height:1.82!important;color:#cbd0dc!important;}
.page-blog .blog-body h2,.page-blog .blog-body h3{color:#f1eee6!important;margin-top:1.55em!important;}
.page-blog .blog-body blockquote{border-left:3px solid var(--ui-gold)!important;background:rgba(206,66,43,.055)!important;border-radius:0 12px 12px 0!important;}
.page-blog .blog-body pre{border-radius:14px!important;border:1px solid rgba(201,108,91,.11)!important;background:#160F0F!important;}

/* ---------- LEGAL ---------- */
.page-legal .page-head{padding:18px 20px!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:rgba(33,22,22,.72)!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-legal .legal-tabs{padding:5px!important;border-radius:999px!important;border:1px solid rgba(201,108,91,.1)!important;background:rgba(33,22,22,.36)!important;}
.page-legal .legal-tab{border-radius:999px!important;}
.page-legal .legal-tab.active{background:rgba(206,66,43,.1)!important;color:var(--ui-gold-2)!important;box-shadow:inset 0 0 0 1px rgba(206,66,43,.15)!important;}
.page-legal .legal-doc{padding:clamp(22px,4vw,42px)!important;line-height:1.8!important;color:#c2c8d5!important;}
.page-legal .legal-doc h2,.page-legal .legal-doc h3{color:#f0ede5!important;margin-top:1.4em!important;}
.page-legal .legal-doc a{color:var(--ui-gold-2)!important;text-decoration:underline;text-decoration-color:rgba(206,66,43,.3);text-underline-offset:3px;}

/* ---------- ADMIN ---------- */
.page-admin main.page{width:min(1480px,calc(100% - 28px))!important;}
.page-admin .page-hero{padding:22px!important;border:1px solid var(--ui-border)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(40,28,28,.78),rgba(33,22,22,.76))!important;box-shadow:var(--ui-shadow-soft)!important;}
.page-admin .section-block{padding:20px!important;}
.page-admin .admin-stats,.page-admin .admin-cards,.page-admin .rev-cards{gap:12px!important;}
.page-admin .admin-stat,.page-admin .aff-stat,.page-admin .adm-stat-card,.page-admin .rev-card{border-radius:15px!important;border:1px solid rgba(201,108,91,.1)!important;background:rgba(255,255,255,.025)!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important;}
.page-admin .adm-tab{border-radius:10px!important;}
.page-admin .adm-tab.active{background:rgba(206,66,43,.1)!important;color:var(--ui-gold-2)!important;box-shadow:inset 0 0 0 1px rgba(206,66,43,.16)!important;}
.page-admin .admin-settings-grid{gap:12px!important;}
.page-admin .adm-set{border-radius:13px!important;border:1px solid rgba(201,108,91,.085)!important;background:rgba(255,255,255,.02)!important;}
.page-admin .aff-urow,.page-admin .rev-trow,.page-admin .db-size-row{border-radius:9px!important;}
.page-admin .aff-urow:not(.aff-uhead):hover,.page-admin .rev-trow:not(:first-child):hover,.page-admin .db-size-row:not(.db-size-head):hover{background:rgba(255,255,255,.027)!important;}

/* ---------- shared dialogs / tables / empty states ---------- */
.app-modal__panel,.modal-card,.deposit-modal,.withdraw-modal{
  border-radius:22px!important;border:1px solid rgba(201,108,91,.17)!important;background:linear-gradient(155deg,rgba(40,28,28,.985),rgba(33,22,22,.995))!important;box-shadow:0 32px 90px rgba(0,0,0,.62)!important;
}
.app-modal__overlay,.cf-modal-overlay,.qgm-overlay,.rfvmodal-ov{backdrop-filter:blur(9px)!important;background:rgba(33,22,22,.68)!important;}
.rr-tbl-head,.cf-tbl-head{color:#6C433D!important;background:rgba(255,255,255,.018)!important;border-radius:9px!important;}
.empty-row,.rf-empty,.mkt-grid-msg,.hist-empty-filtered{color:#B87569!important;border:1px dashed rgba(201,108,91,.12)!important;background:rgba(255,255,255,.015)!important;border-radius:13px!important;}

/* ---------- micro-interactions (desktop only) ---------- */
@media (hover:hover) and (pointer:fine){
  .section-block, .fair-card, .affx-card, .rb-card, .rf-card, .blog-card, .skin-card{will-change:transform;}
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  main.page{width:min(100% - 20px,1380px)!important;padding-top:18px!important;padding-bottom:40px!important;}
  .topbar-inner{width:calc(100% - 16px)!important;min-height:64px!important;}
  .page-head, .page-hero, .arena-header, .rf-header, .rp-header, .mkt-head{border-radius:16px!important;}
  .section-block, .fair-card, .affx-card, .pf2-settings, .pf2-games, .pf2-hist, .rb-card, .rr-task, .rf-card, .blog-card, .blog-featured, .legal-doc, .rp-map-card, .rp-entrants-card, .rp-recent-card{border-radius:15px!important;}
  .nav{box-shadow:0 24px 70px rgba(0,0,0,.55)!important;}
  .page-admin .section-block{padding:15px!important;}
}
@media (max-width:600px){
  main.page{width:calc(100% - 14px)!important;padding-top:12px!important;}
  .page-head, .page-hero, .arena-header, .rf-header, .rp-header, .mkt-head{padding:14px!important;border-radius:14px!important;}
  .page-head::before, .page-hero::before, .arena-header::before, .rf-header::before, .rp-header::before, .mkt-head::before{left:14px;top:0;width:34px;height:2px;}
  .section-block{padding-left:13px!important;padding-right:13px!important;}
  .site-footer{margin-top:14px!important;}
  .ftr-inner{width:calc(100% - 22px)!important;}
  .page-market .skin-grid,.page-inventory .skin-grid{gap:10px!important;}
  .page-market .skin-card,.page-inventory .skin-card{border-radius:14px!important;}
  .page-home .hm-banner{border-radius:15px!important;}
  .page-admin main.page{width:calc(100% - 14px)!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
}

/* ---------- standalone LOGIN ---------- */
.page-login{
  min-height:100vh!important;background:
    radial-gradient(700px 480px at 18% 20%,rgba(206,66,43,.13),transparent 68%),
    radial-gradient(700px 500px at 88% 82%,rgba(93,61,39,.13),transparent 70%),
    linear-gradient(135deg,#160F0F,#1D1414 54%,#160F0F)!important;
}
.page-login .lgn-shell{width:min(1160px,calc(100% - 34px))!important;gap:clamp(30px,6vw,84px)!important;}
.page-login .lgn-hero{position:relative!important;}
.page-login .lgn-hero::before{content:"";position:absolute;left:0;top:-18px;width:48px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--ui-gold),transparent);}
.page-login .lgn-headline{text-shadow:0 12px 34px rgba(0,0,0,.35)!important;letter-spacing:.025em!important;}
.page-login .lgn-panel{perspective:900px;}
.page-login .lgn-card{border-radius:24px!important;border:1px solid rgba(201,108,91,.16)!important;background:linear-gradient(155deg,rgba(40,28,28,.96),rgba(33,22,22,.97))!important;box-shadow:0 35px 90px rgba(0,0,0,.47)!important;backdrop-filter:blur(16px)!important;}
.page-login .lgn-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(232,214,210,.35),transparent);}
.page-login .lgn-card-logo{filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))!important;}
.page-login .lgn-steam{border:1px solid rgba(217,200,196,.16)!important;box-shadow:0 14px 34px rgba(33,22,22,.46),inset 0 1px rgba(255,255,255,.08)!important;}
.page-login .lgn-steam:hover{box-shadow:0 19px 42px rgba(33,22,22,.54),0 0 24px rgba(217,135,120,.07)!important;}
@media(max-width:760px){.page-login .lgn-shell{width:calc(100% - 20px)!important;}.page-login .lgn-card{border-radius:19px!important;}}

/* ---------- standalone ADMIN GATE / HEALTH / SYSTEM SHELLS ---------- */
.page-admin-gate{
  background:radial-gradient(680px 460px at 50% 10%,rgba(206,66,43,.11),transparent 68%),linear-gradient(180deg,#160F0F,#160F0F)!important;
}
.page-admin-gate .gate{position:relative;overflow:hidden;border-radius:23px!important;border:1px solid rgba(201,108,91,.16)!important;background:linear-gradient(155deg,rgba(40,28,28,.97),rgba(33,22,22,.98))!important;box-shadow:0 34px 90px rgba(0,0,0,.52)!important;padding:34px 29px!important;}
.page-admin-gate .gate::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,214,210,.42),transparent);}
.page-admin-gate .gate-badge{box-shadow:0 12px 30px rgba(206,66,43,.1)!important;}
.page-admin-gate button{box-shadow:0 12px 30px rgba(206,66,43,.15)!important;transition:transform .16s ease,filter .16s ease!important;}
.page-admin-gate button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);}
.page-admin-gate a.back:hover{color:var(--ui-gold-2)!important;}

.page-repair.auth-page{background:radial-gradient(760px 520px at 50% 0%,rgba(206,66,43,.1),transparent 70%),linear-gradient(180deg,#160F0F,#160F0F)!important;padding:28px!important;}
.page-repair .auth-card{border-radius:23px!important;border:1px solid rgba(201,108,91,.16)!important;background:linear-gradient(155deg,rgba(40,28,28,.97),rgba(33,22,22,.98))!important;box-shadow:0 34px 90px rgba(0,0,0,.52)!important;padding:30px!important;}
.page-repair .auth-card>div{border-color:rgba(201,108,91,.11)!important;}

.rr-system-page{min-height:100vh;display:grid!important;place-items:center!important;padding:24px!important;background:radial-gradient(620px 420px at 50% 34%,rgba(206,66,43,.09),transparent 70%),#160F0F!important;}
.rr-system-card{width:min(390px,100%);text-align:center;padding:34px 28px;border-radius:22px;border:1px solid rgba(201,108,91,.14);background:linear-gradient(155deg,rgba(40,28,28,.95),rgba(33,22,22,.97));box-shadow:0 30px 80px rgba(0,0,0,.5);}
.rr-system-card img{width:min(150px,58%);height:auto;margin:0 auto 18px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.34));}
.rr-system-card b{display:block;font-family:var(--fd);font-size:27px;letter-spacing:.06em;color:#f2eee5;margin-bottom:7px;}
.rr-system-card span{display:block;color:#8f98aa;font-size:13px;line-height:1.6;}
.rr-system-bar{height:3px;width:92px;border-radius:999px;margin:20px auto 0;background:rgba(255,255,255,.055);overflow:hidden;position:relative;}
.rr-system-bar::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(90deg,var(--ui-gold),var(--ui-gold-2));animation:rrSys 1.5s ease-in-out infinite;}
@keyframes rrSys{to{left:100%}}
.pstat-balance b{
  display:inline-flex !important; flex-wrap:nowrap; align-items:baseline;
  gap:.16em; white-space:nowrap; line-height:1.12; max-width:100%;
}
.pstat-balance b .coin-ico{ align-self:center; flex:0 0 auto; }
.pstat-balance b .coin-amt{ display:inline-block; white-space:nowrap; }
.pstat-balance b .coin-amt .coin-d,
.pstat-balance b .coin-amt .coin-c{ display:inline; white-space:nowrap; }
.hist-item-ico{ display:none !important; }
.hist-item{ gap:12px; }
@media (max-width:900px){
}
@media (max-width:560px){
  .hm-games{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; max-width:none !important; }
}
.lb-podium-wrap{ padding-top:22px; }
.lb-pod-av img{ object-position:center center; }
.site-footer{ padding-top:46px; padding-bottom:46px; }
.ftr-art-photo{ object-fit:contain; }
@media (min-width:761px){
  .ftr-inner{ flex-wrap:nowrap !important; align-items:center !important; gap:28px 44px !important; }
  .ftr-brand{ max-width:300px; }
  .ftr-meta{ max-width:330px; }
  .ftr-art{ width:132px !important; height:132px !important; margin-left:auto !important; align-self:center; flex:0 0 auto; }
  .ftr-art-svg{ width:120px !important; height:120px !important; }
}
@media (max-width:760px){
  .ftr-inner{ flex-wrap:wrap !important; }
  .ftr-art{ width:140px !important; height:140px !important; margin:10px auto 0 !important; align-self:center; }
  .ftr-art-svg{ width:120px !important; height:120px !important; }
}
.cf-coin .cf-face-red{ background:transparent !important; }
.arena.finish-slowmo{ filter:saturate(1.16) contrast(1.05) brightness(1.05); transition:filter .22s ease; }
@media (hover:hover){
  .chat-message .chat-actions{ opacity:0 !important; pointer-events:none; transition:opacity .12s ease; }
  .chat-message:hover .chat-actions{ opacity:1 !important; pointer-events:auto; }
}
.profile-avatar-btn img{ border-radius:50% !important; }
.player-panel .char-display{ order:1; }
.player-panel .health-section-top{ order:2; margin:6px auto 0; align-items:center; text-align:center; width:100%; }
.player-panel .health-section-top .health-label{ justify-content:center; }
.player-panel .player-name{ order:3; text-align:center; margin-top:2px; }
.player-panel .player-stats{ order:4; }
.player-panel .rust-char-name{ display:none !important; }
.cf-modal-outcome, .cf-modal-outcome.red, .cf-modal-outcome.blue, .cf-modal-outcome.mine, .cf-modal-outcome i, .rps-outcome i{ filter:none; }
.rp-recent-pct{ font-size:11px; font-weight:800; color:#E66A55; background:rgba(230,106,85,.12);
  border:1px solid rgba(230,106,85,.28); border-radius:999px; padding:1px 7px; margin:0 6px 0 8px; white-space:nowrap; }
.list-pager{ display:flex; align-items:center; justify-content:center; gap:14px; margin:14px 0 2px; }
.list-pager-btn{ background:rgba(184,117,105,.10); border:1px solid rgba(206,66,43,.22); color:var(--t1,#F4EAE8);
  font-size:13px; font-weight:700; padding:6px 14px; border-radius:9px; cursor:pointer; transition:background .15s, border-color .15s; }
.list-pager-btn:hover:not(:disabled){ background:rgba(184,117,105,.18); border-color:rgba(206,66,43,.4); }
.list-pager-btn:disabled{ opacity:.4; cursor:default; }
.list-pager-info{ font-size:12px; font-weight:700; color:var(--rust3,#B87569); letter-spacing:.3px; min-width:92px; text-align:center; }
.es-pulse{ animation:none !important; opacity:.16 !important; }
.es-label{ animation:none !important; opacity:.9 !important; }
.es-q{ animation:none !important; opacity:.55 !important; }
.player-panel .char-display{ min-height:150px; }
.player-panel .health-section-top{ margin-top:3px; }
.player-panel .player-name{ margin-top:0; }
.level-card{ padding:10px 14px !important; margin-bottom:10px !important; }
.level-head{ margin-bottom:6px !important; gap:10px !important; }
.level-badge{ width:38px !important; height:38px !important; font-size:13px !important; border-radius:9px !important; }
.level-title{ font-size:13.5px !important; }
.level-xp{ font-size:11px !important; margin-top:1px !important; }
.level-bar{ height:8px !important; }
.level-hint{ margin-top:5px !important; font-size:10.5px !important; }
.rf-strip-items{ display:flex !important; flex-wrap:wrap !important; gap:7px !important; align-items:center !important; }
.rf-strip-chip.rf-strip-chip-img{ width:26px !important; height:26px !important; min-width:26px !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important; border-radius:50% !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.rf-strip-chip.rf-strip-chip-img::before{ content:none !important; display:none !important; }
.rf-strip-chip.rf-strip-chip-img img.cf-coin-ico{ width:24px !important; height:24px !important; object-fit:contain !important; display:block !important; }
.prof-left-col{ display:flex !important; flex-direction:column !important; gap:14px !important; min-width:0 !important; }
.prof-left-col .level-card{ margin-bottom:0 !important; }
#awpDimLayer{ position:fixed; inset:0; z-index:9990; background:#000; opacity:0; pointer-events:none; }
body.awp-dim #awpDimLayer{ animation:awpDim 1.5s ease forwards; }
@keyframes awpDim{ 0%{opacity:0;} 16%{opacity:.34;} 78%{opacity:.34;} 100%{opacity:0;} }
@media (max-width: 980px){
  .chat-toggle{ padding:15px 22px !important; gap:9px !important; font-size:14.5px !important; letter-spacing:.04em !important;
    box-shadow:0 12px 30px rgba(184,117,105,.55) !important; right:16px !important; bottom:16px !important; }
  .chat-toggle .chat-icon{ font-size:24px !important; }
}
.chat-rules-btn{ display:inline-flex !important; align-items:center !important; gap:6px !important; }
.chat-rules-btn svg{ flex:0 0 auto; }
.chat-rules-modal-card h3 .chat-rules-ico{ display:inline-flex; align-items:center; vertical-align:-3px; margin-right:3px; }
.ftr-socials{ display:flex; gap:10px; margin-top:15px; }
.ftr-soc{ width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:11px; color:var(--t2,#aeb6c4); background:rgba(184,117,105,.09);
  border:1px solid rgba(206,66,43,.18); text-decoration:none;
  transition:transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease; }
.ftr-soc svg{ display:block; }
.ftr-soc:hover{ transform:translateY(-2px); color:#281C1C; border-color:transparent;
  background:linear-gradient(145deg,#CE422B,#CE422B); box-shadow:0 8px 22px rgba(206,66,43,.4); }
.ftr-soc-dc:hover{ color:#fff; background:linear-gradient(145deg,#D98778,#D98778); box-shadow:0 8px 22px rgba(206,66,43,.45); }
.site-footer{ background:linear-gradient(180deg, rgba(255,255,255,.015), transparent) !important; }
.ftr-brand{ max-width:380px !important; }
.ftr-art{ width:clamp(220px,26vw,340px) !important; align-self:stretch !important; min-height:200px !important; max-height:244px !important; }
.ftr-art-photo{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center !important; border-radius:14px !important;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.5)) !important; }
@media (max-width:760px){ .ftr-art{ width:min(88vw,380px) !important; min-height:178px !important; max-height:200px !important; margin:12px auto 0 !important; } }
.chat-clear-btn{ display:inline-flex !important; align-items:center !important; gap:5px !important; }
.chat-clear-btn svg{ flex:0 0 auto; }
.rf-strip-items{ flex-wrap:nowrap !important; overflow:hidden !important; gap:9px !important;
  -webkit-mask-image:linear-gradient(90deg,#000 93%,transparent) !important; mask-image:linear-gradient(90deg,#000 93%,transparent) !important; }
.rf-strip-chip.rf-strip-chip-img{ width:38px !important; height:38px !important; min-width:38px !important; flex:0 0 auto !important; }
.rf-strip-chip.rf-strip-chip-img img.cf-coin-ico{ width:34px !important; height:34px !important; }
.rf-strip-label{ font-size:12px !important; letter-spacing:.1em !important; }
.cf-game-actions{ display:flex !important; align-items:center !important; gap:8px !important; }
.cf-row-winner{ font-size:12.5px; font-weight:700; color:var(--t2,#c4ccd8);
  max-width:96px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cf-coin.landed-red, .cf-coin.landed-blue{ filter:none !important; }
.cf-land-burst{ border-width:2px !important; }
@keyframes cfLandBurst{ 0%{opacity:.35;transform:scale(.7)} 100%{opacity:0;transform:scale(1.85)} }
.ftr-inner{ justify-content:space-between !important; align-items:stretch !important; }
.ftr-art{ margin-left:auto !important; flex:1 1 300px !important; min-width:260px !important; max-width:460px !important;
  align-self:stretch !important; min-height:210px !important; max-height:none !important; }
.ftr-art-photo{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center !important; border-radius:14px !important;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.5)) !important; }
@media (max-width:760px){ .ftr-inner{ align-items:flex-start !important; } .ftr-art{ flex:none !important; width:min(92vw,420px) !important; min-height:180px !important; margin:12px auto 0 !important; } }
.rb-table-wrap{ margin-top:20px; }
.rb-table-h{ margin:0 0 4px; font-size:15px; color:var(--t1,#F4EAE8); }
.rb-table-sub{ margin:0 0 12px; font-size:12.5px; color:var(--t3,#8a93a3); line-height:1.55; max-width:640px; }
.rb-table{ width:100%; border-collapse:collapse; font-size:13.5px; background:rgba(184,117,105,.05);
  border:1px solid rgba(206,66,43,.14); border-radius:12px; overflow:hidden; }
.rb-table th, .rb-table td{ padding:10px 14px; text-align:left; }
.rb-table thead th{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--t3,#8a93a3);
  background:rgba(184,117,105,.06); border-bottom:1px solid rgba(206,66,43,.16); }
.rb-table tbody tr{ border-top:1px solid rgba(206,66,43,.08); }
.rb-table td{ color:var(--t2,#c4ccd8); } .rb-table td:first-child{ font-weight:700; color:var(--t1,#F4EAE8); }
.rb-tr-you{ background:linear-gradient(90deg, rgba(206,66,43,.12), transparent); } .rb-tr-you td{ color:#E8D6D2; }
.rb-you-tag{ display:inline-block; margin-left:6px; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:#281C1C; background:linear-gradient(145deg,#CE422B,#CE422B); padding:1px 7px; border-radius:999px; vertical-align:1px; }
@media (max-width:560px){ .rb-table th, .rb-table td{ padding:8px 10px; font-size:12.5px; } }
.free-rain{ position:relative; margin:0 0 8px; padding:9px 12px 8px; border-radius:14px; overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 42%), linear-gradient(145deg, rgba(58,37,37,.55), rgba(40,28,28,.88));
  border:1px solid rgba(206,66,43,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 -10px 22px rgba(0,0,0,.32), 0 8px 22px rgba(0,0,0,.34); }
.fr-glow{ position:absolute; inset:-40% -10% auto -10%; height:130%; pointer-events:none;
  background:radial-gradient(60% 80% at 50% 0%, rgba(206,66,43,.18), transparent 70%); opacity:.7; }
.free-rain.fr-active .fr-glow{ background:radial-gradient(60% 92% at 50% 0%, rgba(230,106,85,.22), rgba(206,66,43,.12) 60%, transparent 76%); animation:frPulse 2.4s ease-in-out infinite; }
@keyframes frPulse{ 0%,100%{ opacity:.5 } 50%{ opacity:1 } }
.fr-row{ position:relative; display:flex; align-items:center; gap:9px; }
.fr-title{ display:inline-flex; align-items:center; gap:6px; font-family:var(--fd,inherit); font-weight:800; font-size:13.5px; letter-spacing:.02em; color:#F4EAE8; text-shadow:0 1px 0 rgba(0,0,0,.4); white-space:nowrap; }
.fr-drop{ display:inline-flex; color:#E9806D; filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.free-rain.fr-active .fr-drop{ color:#E9806D; animation:frBob 1.8s ease-in-out infinite; }
@keyframes frBob{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-1.6px) } }
.fr-info{ width:18px; height:18px; flex:0 0 auto; border-radius:50%; border:1px solid rgba(206,66,43,.4); background:rgba(184,117,105,.16); color:#E8D6D2; font:italic 700 11px/1 Georgia,serif; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .15s; }
.fr-info:hover{ background:linear-gradient(145deg,#CE422B,#CE422B); color:#281C1C; border-color:transparent; transform:scale(1.08); }
.fr-pot{ margin-left:auto; display:inline-flex; align-items:center; gap:4px; font-weight:800; font-size:14px; color:var(--gold2,#CE422B); text-shadow:0 1px 2px rgba(0,0,0,.45); }
.fr-actions{ display:inline-flex; gap:6px; }
.fr-join, .fr-tip{ border:0; cursor:pointer; font-weight:800; font-size:12px; border-radius:9px; padding:6px 12px; color:#281C1C; background:linear-gradient(145deg,#CE422B,#CE422B); box-shadow:0 3px 10px rgba(206,66,43,.4), inset 0 1px 0 rgba(255,255,255,.5); transition:transform .14s, filter .14s; text-decoration:none; }
.fr-tip{ padding:6px 10px; }
.fr-join:hover, .fr-tip:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.fr-join.joined{ background:rgba(120,200,140,.2); color:#bfe9c8; box-shadow:none; cursor:default; }
.fr-join:disabled{ cursor:default; transform:none; }
.fr-bar{ position:relative; height:15px; margin-top:7px; border-radius:8px; overflow:hidden; background:rgba(0,0,0,.32); border:1px solid rgba(206,66,43,.16); box-shadow:inset 0 1px 3px rgba(0,0,0,.5); }
.fr-bar-fill{ position:absolute; inset:0 auto 0 0; width:0%; border-radius:8px; transition:width .6s ease; background:linear-gradient(90deg, rgba(206,66,43,.85), rgba(169,52,35,.95)); box-shadow:0 0 12px rgba(206,66,43,.5); }
.free-rain.fr-active .fr-bar-fill{ background:linear-gradient(90deg, #CE422B, #CE422B); box-shadow:0 0 14px rgba(230,106,85,.6); }
.fr-bar-label{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:10.5px; font-weight:800; letter-spacing:.03em; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.75); white-space:nowrap; }
.fr-rules-modal{ position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; }
.fr-rules-modal[hidden]{ display:none; }
.fr-rules-overlay{ position:absolute; inset:0; background:rgba(33,22,22,.66); backdrop-filter:blur(3px); }
.fr-rules-card{ position:relative; max-width:380px; width:calc(100% - 36px); border-radius:16px; padding:20px 20px 16px; background:linear-gradient(160deg, rgba(58,37,37,.98), rgba(33,22,22,.99)); border:1px solid rgba(206,66,43,.22); box-shadow:0 24px 60px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.1); }
.fr-rules-card h3{ margin:0 0 12px; display:flex; align-items:center; gap:8px; font-size:17px; color:#F4EAE8; }
.fr-rules-card h3 .fr-drop{ color:#E9806D; }
.fr-rules-card ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px; }
.fr-rules-card li{ position:relative; padding-left:22px; font-size:13px; line-height:1.5; color:var(--t2,#c4ccd8); }
.fr-rules-card li::before{ content:""; position:absolute; left:4px; top:6px; width:7px; height:7px; border-radius:50%; background:linear-gradient(145deg,#CE422B,#CE422B); box-shadow:0 0 6px rgba(230,106,85,.5); }
.fr-rules-close{ position:absolute; top:12px; right:12px; width:28px; height:28px; border-radius:8px; cursor:pointer; border:1px solid rgba(206,66,43,.2); background:rgba(184,117,105,.12); color:#E8D6D2; font-size:13px; line-height:1; }
.fr-rules-close:hover{ background:rgba(206,66,43,.22); color:#fff; }
.rp-recent-row b{ flex:0 0 auto !important; margin-left:auto !important; }
.rp-recent-row .rp-recent-amt{ margin-left:0; }
.fr-timer{ display:inline-flex; align-items:center; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-weight:800; font-size:14px; letter-spacing:.5px; line-height:1; color:#281C1C; padding:4px 10px; border-radius:8px;
  background:linear-gradient(145deg,#CE422B,#CE422B); box-shadow:0 2px 8px rgba(206,66,43,.45), inset 0 1px 0 rgba(255,255,255,.5);
  text-shadow:0 1px 0 rgba(255,255,255,.3); }
.free-rain.fr-active .fr-timer{ animation:frTimerPulse 2s ease-in-out infinite; }
@keyframes frTimerPulse{ 0%,100%{ box-shadow:0 2px 8px rgba(206,66,43,.45), inset 0 1px 0 rgba(255,255,255,.5); }
  50%{ box-shadow:0 2px 16px rgba(230,106,85,.9), inset 0 1px 0 rgba(255,255,255,.6); transform:translateY(-.5px); } }
.fr-bar{ height:16px; }
.fr-bar-label{ font-size:11px; }
.ftr-inner{ justify-content:flex-start !important; align-items:center !important; }
.ftr-art{ position:relative !important; width:190px !important; height:150px !important;
  min-width:0 !important; max-width:none !important; min-height:0 !important; max-height:none !important;
  flex:0 0 auto !important; margin-left:auto !important; align-self:center !important;
  display:flex !important; align-items:center !important; justify-content:center !important; }
.ftr-art-photo{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
  object-fit:contain !important; animation:none !important; }
.ftr-art-svg{ width:150px !important; height:150px !important; }
@media (max-width:760px){
  .ftr-inner{ align-items:flex-start !important; }
  .ftr-art{ width:150px !important; height:120px !important; margin:10px auto 0 !important; }
  .ftr-art-svg{ width:112px !important; height:112px !important; }
}
.chat-lvl.lvt1,  .chat-msg-head .chat-lvl.lvt1 { background:linear-gradient(135deg,#E8D6D2,#9E817B) !important; color:#211616 !important; }
.chat-lvl.lvt2,  .chat-msg-head .chat-lvl.lvt2 { background:linear-gradient(135deg,#D98778,#B87569) !important; color:#211616 !important; }
.chat-lvl.lvt3,  .chat-msg-head .chat-lvl.lvt3 { background:linear-gradient(135deg,#B86855,#7A352B) !important; color:#281C1C !important; }
.chat-lvl.lvt4,  .chat-msg-head .chat-lvl.lvt4 { background:linear-gradient(135deg,#E66A55,#D98778) !important; color:#ffffff !important; }
.chat-lvl.lvt5,  .chat-msg-head .chat-lvl.lvt5 { background:linear-gradient(135deg,#C96C5B,#8F3B2D) !important; color:#06230c !important; }
.chat-lvl.lvt6,  .chat-msg-head .chat-lvl.lvt6 { background:linear-gradient(135deg,#D95842,#9E3022) !important; color:#1a2606 !important; }
.chat-lvl.lvt7,  .chat-msg-head .chat-lvl.lvt7 { background:linear-gradient(135deg,#C67560,#7D3028) !important; color:#2a1402 !important; }
.chat-lvl.lvt8,  .chat-msg-head .chat-lvl.lvt8 { background:linear-gradient(135deg,#B86855,#7A352B) !important; color:#281C1C !important; }
.chat-lvl.lvt9,  .chat-msg-head .chat-lvl.lvt9 { background:linear-gradient(135deg,#CE7867,#8F463A) !important; color:#ffffff !important; }
.chat-lvl.lvt10, .chat-msg-head .chat-lvl.lvt10{ background:linear-gradient(135deg,#D98778,#B87569) !important; color:#ffffff !important; }
.chat-reply-btn{ display:inline-flex !important; align-items:center; justify-content:center; }
.chat-reply-btn svg{ display:block; }

.chat-form{ position:relative; }
.chat-emoji-btn{ min-height:34px; width:34px; flex-shrink:0; padding:0; border-radius:7px !important; cursor:pointer;
  background:rgba(255,255,255,.06) !important; color:var(--t2,#aab2c2) !important; border:1px solid var(--ln) !important;
  display:grid !important; place-items:center; transition:background .15s, color .15s; }
.chat-emoji-btn:hover{ background:rgba(255,255,255,.12) !important; color:var(--gold2,#CE422B) !important; }
.chat-emoji-pop{ position:absolute; bottom:calc(100% + 8px); right:8px; z-index:60;
  width:min(284px, calc(100vw - 40px)); max-height:206px; overflow-y:auto;
  display:grid; grid-template-columns:repeat(8,1fr); gap:2px; padding:8px;
  background:linear-gradient(160deg, rgba(40,28,28,.99), rgba(33,22,22,.99)); border:1px solid rgba(206,66,43,.22);
  border-radius:12px; box-shadow:0 16px 40px rgba(0,0,0,.55); }
.chat-emoji-pop[hidden]{ display:none; }
.emoji-pick{ font-size:18px; line-height:1; padding:4px 0; border-radius:7px; background:transparent; border:0; cursor:pointer;
  transition:background .12s, transform .12s; }
.emoji-pick:hover{ background:rgba(255,255,255,.12); transform:scale(1.18); }
.chat-reply-q-ico svg, .chat-reply-ico svg{ vertical-align:middle; display:inline-block; }
.chat-reply-q-ico, .chat-reply-ico{ display:inline-flex; align-items:center; }
.free-rain .fr-row{ justify-content:flex-start !important; gap:7px; flex-wrap:nowrap; }
.fr-pot{ margin-left:0 !important; }
.fr-timer[hidden], .fr-actions[hidden]{ display:none !important; }
.free-rain.fr-building .fr-bar-fill{ background:linear-gradient(90deg, rgba(206,66,43,.85), rgba(169,52,35,.95)) !important; }
.cf-coin-wrap.landed-red, .cf-coin-wrap.landed-blue{ filter:none !important; }
.cf-coin.landed-red,  .cf-coin.landed-blue { filter:none !important; }
.cf-coin.landed-red  { box-shadow: 0 0 30px 5px rgba(239,68,68,.55),  0 10px 26px rgba(0,0,0,.6) !important; }
.cf-coin.landed-blue { box-shadow: 0 0 30px 5px rgba(143,45,32,.55), 0 10px 26px rgba(0,0,0,.6) !important; }
.free-rain{ padding:8px 10px 7px !important; }
.free-rain .fr-row{ gap:6px !important; flex-wrap:nowrap !important; justify-content:flex-start !important; min-width:0; }
.fr-title{ font-size:12.5px !important; gap:5px !important; flex:0 0 auto; }
.fr-info{ width:16px !important; height:16px !important; font-size:10px !important; }
.fr-timer{ flex:0 0 auto; }
.fr-pot{ margin-left:0 !important; gap:2px !important; font-size:13px !important; flex:0 0 auto; }
.fr-pot .coin-ico{ margin-right:0 !important; width:.92em !important; height:.92em !important; }
.fr-actions{ margin-left:0 !important; gap:5px !important; flex:0 0 auto; }
.fr-join{ padding:5px 11px !important; font-size:11.5px !important; border-radius:8px !important; }
.fr-tip{ padding:0 !important; width:26px !important; height:26px !important; display:inline-flex !important; align-items:center; justify-content:center; font-size:15px !important; line-height:1 !important; border-radius:8px !important; }
.cf-coin.landed-blue .cf-face-red { display:none !important; }
.cf-coin.landed-red  .cf-face-blue{ display:none !important; }
.ftr-inner{ align-items:stretch !important; }
.ftr-art{ flex:2 1 460px !important; min-width:360px !important; max-width:760px !important; min-height:300px !important; max-height:none !important; align-self:stretch !important; }
.ftr-art-svg{ width:100% !important; height:auto !important; max-width:560px !important; max-height:320px !important; }
.ftr-art-photo{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; border-radius:16px !important; }
@media (max-width:760px){ .ftr-art{ flex:none !important; width:min(94vw,580px) !important; min-height:240px !important; margin:14px auto 0 !important; } .ftr-art-svg{ max-width:92vw !important; } }
.free-rain.fr-building .fr-bar-fill{ overflow:hidden; animation:frBuildPulse 2.4s ease-in-out infinite; }
@keyframes frBuildPulse{ 0%,100%{ filter:brightness(1) } 50%{ filter:brightness(1.22) } }
.free-rain.fr-building .fr-bar-fill::after{ content:""; position:absolute; inset:0; border-radius:8px;
  background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.28) 50%, transparent 70%);
  transform:translateX(-100%); animation:frBuildSheen 2.6s ease-in-out infinite; }
@keyframes frBuildSheen{ 0%{ transform:translateX(-100%) } 60%,100%{ transform:translateX(220%) } }
.free-rain.fr-building .fr-bar-label{ opacity:.92; }
.free-rain{ padding:11px 13px 10px !important; border-radius:15px !important; }
.free-rain .fr-row{ gap:7px !important; min-width:0 !important; }
.fr-title{ font-size:14.5px !important; gap:6px !important; flex:0 1 auto !important; min-width:0 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fr-drop svg{ width:17px !important; height:17px !important; }
.fr-info{ width:18px !important; height:18px !important; font-size:11px !important; }
.fr-timer{ display:none !important; }
.fr-pot{ font-size:15px !important; gap:3px !important; margin-left:auto !important; flex:0 0 auto !important; }
.fr-pot .coin-ico{ width:1em !important; height:1em !important; margin-right:0 !important; }
.fr-actions{ gap:6px !important; flex:0 0 auto !important; margin-left:0 !important; }
.fr-join{ min-width:84px !important; text-align:center !important; padding:7px 12px !important; font-size:13px !important; border-radius:9px !important; }
.fr-join.joined{ min-width:84px !important; }
.fr-tip{ width:30px !important; height:30px !important; font-size:17px !important; border-radius:9px !important; }
.fr-bar{ height:18px !important; margin-top:9px !important; }
.fr-bar-label{ font-size:11.5px !important; letter-spacing:.04em !important; }
.free-rain.fr-active .fr-join:not(.joined){ animation:frJoinPulse 1.4s ease-in-out infinite; }
@keyframes frJoinPulse{
  0%,100%{ box-shadow:0 3px 10px rgba(206,66,43,.4), inset 0 1px 0 rgba(255,255,255,.5); }
  50%{     box-shadow:0 0 17px rgba(230,106,85,.92), inset 0 1px 0 rgba(255,255,255,.6); }
}
.site-footer{ overflow:visible !important; position:relative !important; }
.ftr-art{ width:300px !important; height:300px !important; align-self:flex-end !important; margin-bottom:-26px !important; position:relative !important; }
.ftr-art-photo, .ftr-art-photo.ftr-art-anim{
  position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; top:auto !important;
  width:100% !important; height:auto !important; max-height:340px !important;
  object-fit:contain !important; object-position:bottom center !important;
  animation:none !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.6));
}
.ftr-art .ftr-art-svg{ opacity:.0 !important; }
.ftr-art:has(.ftr-art-photo[src=""]) .ftr-art-svg, .ftr-art:not(:has(.ftr-art-photo)) .ftr-art-svg{ opacity:1 !important; }
@media (max-width:760px){ .ftr-art{ width:190px !important; height:210px !important; margin-bottom:-18px !important; } .ftr-art-svg{ width:120px !important; height:120px !important; } }
@media (prefers-reduced-motion: reduce){ .ftr-art-photo, .ftr-art-photo.ftr-art-anim{ animation:none !important; } }
.timer-section-center .timer-wrap::before{ display:none !important; background:none !important; animation:none !important; }
.player-stats .stat-box b{ font-size:24px !important; }
.player-stats .stat-box b.bet-amt .coin-ico{ width:.8em !important; height:.8em !important; }
@media (max-width:760px){ .player-stats .stat-box b{ font-size:21px !important; } }
.level-badge.lvt1,  .hm-promo-lvl-badge.lvt1 { background:linear-gradient(135deg,#E8D6D2,#9E817B) !important; color:#211616 !important; box-shadow:0 8px 20px rgba(184,117,105,.35) !important; }
.level-badge.lvt2,  .hm-promo-lvl-badge.lvt2 { background:linear-gradient(135deg,#D98778,#B87569) !important; color:#211616 !important; box-shadow:0 8px 20px rgba(217,135,120,.35) !important; }
.level-badge.lvt3,  .hm-promo-lvl-badge.lvt3 { background:linear-gradient(135deg,#B86855,#7A352B) !important; color:#281C1C !important; box-shadow:0 8px 20px rgba(217,135,120,.35) !important; }
.level-badge.lvt4,  .hm-promo-lvl-badge.lvt4 { background:linear-gradient(135deg,#E66A55,#D98778) !important; color:#ffffff !important; box-shadow:0 8px 20px rgba(217,135,120,.4) !important; }
.level-badge.lvt5,  .hm-promo-lvl-badge.lvt5 { background:linear-gradient(135deg,#C96C5B,#8F3B2D) !important; color:#06230c !important; box-shadow:0 8px 20px rgba(90,211,109,.35) !important; }
.level-badge.lvt6,  .hm-promo-lvl-badge.lvt6 { background:linear-gradient(135deg,#D95842,#9E3022) !important; color:#1a2606 !important; box-shadow:0 8px 20px rgba(188,230,63,.35) !important; }
.level-badge.lvt7,  .hm-promo-lvl-badge.lvt7 { background:linear-gradient(135deg,#C67560,#7D3028) !important; color:#2a1402 !important; box-shadow:0 8px 20px rgba(230,106,85,.4) !important; }
.level-badge.lvt8,  .hm-promo-lvl-badge.lvt8 { background:linear-gradient(135deg,#B86855,#7A352B) !important; color:#281C1C !important; box-shadow:0 8px 20px rgba(230,106,85,.4) !important; }
.level-badge.lvt9,  .hm-promo-lvl-badge.lvt9 { background:linear-gradient(135deg,#CE7867,#8F463A) !important; color:#ffffff !important; box-shadow:0 8px 20px rgba(244,104,63,.4) !important; }
.level-badge.lvt10, .hm-promo-lvl-badge.lvt10{ background:linear-gradient(135deg,#D98778,#B87569) !important; color:#ffffff !important; box-shadow:0 8px 20px rgba(232,72,154,.4) !important; }
.nav-games-menu .ngm-card{ border:1px solid rgba(184,117,105,.18) !important; }
.nav-games-menu .ngm-card:hover{ transform:none !important; }
.hm-promo-welcome{ min-height:225px; display:flex; flex-direction:column; justify-content:center; }
.hm-promo-welcome.hm-guest .hm-promo-sub{ display:none; }
.hm-promo-welcome.hm-guest .hm-promo-title{ font-size:clamp(22px,2.8vw,30px); line-height:1.07; }
.hm-promo-welcome.hm-guest .hm-promo-cta{ margin-top:10px; }
.hm-promo-welcome.hm-guest .hm-promo-chips{ margin-top:10px; }
@keyframes cfWinPulseRed{
  0%{   filter:drop-shadow(0 0 14px rgba(239,68,68,.55)) drop-shadow(0 10px 24px rgba(0,0,0,.55)); }
  40%{  filter:drop-shadow(0 0 42px rgba(239,68,68,.95)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
  100%{ filter:drop-shadow(0 0 30px rgba(239,68,68,.9))  drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
}
@keyframes cfWinPulseBlue{
  0%{   filter:drop-shadow(0 0 14px rgba(143,45,32,.55)) drop-shadow(0 10px 24px rgba(0,0,0,.55)); }
  40%{  filter:drop-shadow(0 0 42px rgba(143,45,32,.95)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
  100%{ filter:drop-shadow(0 0 30px rgba(143,45,32,.9))  drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
}
.free-rain{
  margin:0 0 12px !important;
  padding:14px 16px 13px !important;
  border-radius:16px !important;
  border:1px solid rgba(206,66,43,.22) !important;
  background:
    radial-gradient(120% 150% at 50% -25%, rgba(206,66,43,.14), transparent 62%),
    linear-gradient(180deg, rgba(40,28,28,.94), rgba(33,22,22,.97)) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.free-rain.fr-active{
  border-color:rgba(230,106,85,.36) !important;
  background:
    radial-gradient(120% 160% at 50% -25%, rgba(230,106,85,.20), rgba(206,66,43,.06) 55%, transparent 74%),
    linear-gradient(180deg, rgba(40,28,28,.95), rgba(40,28,28,.98)) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.46), 0 0 0 1px rgba(230,106,85,.14), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.free-rain .fr-row{ gap:10px !important; align-items:center !important; flex-wrap:nowrap !important; }
.free-rain .fr-title{ font-size:13.5px !important; font-weight:800 !important; letter-spacing:.02em !important; color:#F4EAE8 !important; }
.free-rain .fr-pot{ font-size:14.5px !important; font-weight:800 !important; color:#CE422B !important; gap:5px !important; }
.free-rain .fr-timer{ font-size:13px !important; font-weight:800 !important; }
.free-rain .fr-bar{ height:22px !important; margin-top:12px !important; border-radius:11px !important;
  background:rgba(0,0,0,.36) !important; border:1px solid rgba(206,66,43,.18) !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.6) !important; }
.free-rain .fr-bar-fill{ border-radius:11px !important; }
.free-rain.fr-building .fr-bar-fill{ background:linear-gradient(90deg, rgba(206,66,43,.85), rgba(169,52,35,.98)) !important; box-shadow:0 0 16px rgba(206,66,43,.55) !important; }
.free-rain.fr-active .fr-bar-fill{ background:linear-gradient(90deg, #CE422B, #CE422B) !important; box-shadow:0 0 18px rgba(230,106,85,.65) !important; }
.free-rain .fr-bar-label{ font-size:12px !important; font-weight:800 !important; letter-spacing:.04em !important; text-shadow:0 1px 3px rgba(0,0,0,.8) !important; }
.fr-tip{ width:auto !important; height:auto !important; padding:8px 16px !important; font-size:12px !important;
  font-weight:800 !important; letter-spacing:.07em !important; border-radius:9px !important; line-height:1 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.fr-join{ padding:8px 16px !important; font-size:12px !important; border-radius:9px !important; }
@media (max-width:760px){
  .free-rain{ padding:12px 13px 11px !important; }
  .free-rain .fr-bar{ height:20px !important; }
  .fr-tip, .fr-join{ padding:7px 13px !important; }
}
.chat-form button[type=submit],
.chat-emoji-btn{
  background:#211616 !important;
  color:#CE422B !important;
  border:1px solid rgba(206,66,43,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.chat-form button[type=submit]:hover,
.chat-emoji-btn:hover{
  background:#281C1C !important;
  color:#F4DEDA !important;
  border-color:rgba(206,66,43,.45) !important;
}
.chat-form button[type=submit] svg, .chat-emoji-btn svg{ display:block; }
.lb-stat-val{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#E8D6D2 !important; color:#E8D6D2 !important; }
.lb-stat-prize .lb-stat-val{ -webkit-text-fill-color:#4ade80 !important; color:#4ade80 !important; }
.lb-stat-empty .lb-stat-val{ -webkit-text-fill-color:var(--t3) !important; color:var(--t3) !important; }
.lb-pod-wager{ background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:#E8D6D2 !important; color:#E8D6D2 !important; }
.lb-stat-val .coin-ico, .lb-pod-wager .coin-ico{ -webkit-text-fill-color:initial !important; }
.lb-pod-rank{ color:#281C1C !important; -webkit-text-fill-color:#281C1C !important;
  text-shadow:0 1.5px 0 rgba(255,255,255,.62), 0 -1px 1px rgba(0,0,0,.30), 0 3px 6px rgba(0,0,0,.22) !important; }
.lb-pod-prize{ color:#fff6e2 !important; -webkit-text-fill-color:#fff6e2 !important; }
.chat-mention-pop{ position:fixed; width:262px !important; min-width:262px !important; max-width:calc(100vw - 16px) !important; overflow-x:hidden !important; z-index:4000 !important; }
.chat-mention-item{ display:flex !important; align-items:center; gap:9px; width:100% !important; box-sizing:border-box; white-space:nowrap !important; word-break:normal !important; color:#F4EAE8 !important; }
.chat-mention-item.sel, .chat-mention-item:hover{ color:#E8D6D2 !important; }
.chat-mention-item .cm-name{ flex:1 1 auto !important; min-width:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; word-break:normal !important; max-width:none !important; width:auto !important; color:inherit !important; font:700 14px var(--fu,inherit) !important; }
.chat-message.chat-message-rain .chat-body,
.chat-message.chat-message-tip  .chat-body{
  background:none !important; border:0 !important; box-shadow:none !important;
  padding:2px 0 2px !important; overflow:visible !important;
}
.chat-message.chat-message-rain .chat-body::before,
.chat-message.chat-message-tip  .chat-body::before,
.chat-message.chat-message-rain .chat-body::after{ content:none !important; background:none !important; animation:none !important; }
.chat-message.chat-message-rain .chat-body p{ color:#F4DEDA !important; font-weight:600 !important; text-shadow:none !important; }
.chat-message.chat-message-tip  .chat-body p{ color:#E8D6D2 !important; font-weight:600 !important; text-shadow:none !important; }
.chat-rain-tag, .chat-tip-tag{
  position:relative !important; overflow:hidden !important; display:inline-flex !important; align-items:center !important;
  background:none !important; border:0 !important; padding:1px 8px !important; border-radius:6px !important;
  font-weight:800 !important; letter-spacing:.05em !important; line-height:1.45 !important;
}
.chat-rain-tag{ color:#F4DEDA !important; }
.chat-tip-tag{ color:#E8D6D2 !important; }
.chat-rain-tag .crt-txt, .chat-tip-tag .crt-txt{ position:relative !important; z-index:1 !important; }
.chat-rain-tag::before, .chat-tip-tag::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:0 !important; pointer-events:none !important;
  background:none !important;
  opacity:0 !important;
}
.chat-tip-tag::before{ opacity:.5 !important; }
.chat-rain-tag .crt-drops, .chat-tip-tag .coin-ico{ display:none !important; }
@media (prefers-reduced-motion:reduce){ .chat-rain-tag::before, .chat-tip-tag::before{ animation:none !important; } }
.pstat b .coin-amt, .profile-stats-grid b .coin-amt{ display:inline-block !important; white-space:nowrap !important; }
.pstat b .coin-amt .coin-d, .pstat b .coin-amt .coin-c, .profile-stats-grid b .coin-amt .coin-d, .profile-stats-grid b .coin-amt .coin-c{ display:inline !important; white-space:nowrap !important; }
.pstat b{ white-space:nowrap; display:inline-flex; align-items:baseline; gap:4px; flex-wrap:nowrap; }
.pstat-id{ display:inline-flex !important; align-items:center; gap:8px; }
.copy-ico{ display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; padding:0; border:0; cursor:pointer;
  border-radius:7px; background:rgba(206,66,43,.12); color:#CE422B; transition:background .15s ease, color .15s ease, transform .12s ease; flex:0 0 auto; }
.copy-ico:hover{ background:rgba(206,66,43,.24); color:#E8D6D2; transform:translateY(-1px); }
.copy-ico.copied{ background:rgba(43,185,100,.2); color:#6ee7a8; }
.fair-copy-row{ display:inline-flex; align-items:center; gap:6px; }
.pstat b .coin-amt{ font-size:19px !important; font-weight:800 !important; line-height:1 !important; }
.pstat b .coin-amt .coin-d{ font-size:19px !important; font-weight:800 !important; }
.pstat b .coin-amt .coin-c{ font-size:16px !important; font-weight:800 !important; opacity:.78; }
.pstat b .coin-ico{ width:19px !important; height:19px !important; flex:0 0 19px !important; }
.chat-av{ position:relative !important; overflow:visible !important; }
.chat-av > img{ border-radius:9px !important; }
.chat-av > span:not(.chat-av-lvl){ border-radius:9px !important; }
.chat-av-lvl{ position:absolute !important; bottom:-3px !important; right:-3px !important; left:auto !important; transform:none !important;
  min-width:12px !important; width:auto !important; height:12px !important; padding:0 2px !important; display:inline-flex !important; align-items:center; justify-content:center;
  font-family:var(--fm); font-weight:800 !important; font-size:7.5px !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; pointer-events:none;
  background:#160F0F !important; color:var(--lvc,#B87569) !important; border:1px solid var(--lvc,#B87569) !important; }
.chat-av.chat-av-lv{ border-color:var(--lvc,#B87569) !important; box-shadow:0 0 0 2px var(--lvc,#B87569), 0 0 9px -1px var(--lvc,#B87569) !important; }
.chat-av.lvt1,  .chat-av-lvl.lvt1 { --lvc:#B87569; }
.chat-av.lvt2,  .chat-av-lvl.lvt2 { --lvc:#D98778; }
.chat-av.lvt3,  .chat-av-lvl.lvt3 { --lvc:#D98778; }
.chat-av.lvt4,  .chat-av-lvl.lvt4 { --lvc:#D98778; }
.chat-av.lvt5,  .chat-av-lvl.lvt5 { --lvc:#C67560; }
.chat-av.lvt6,  .chat-av-lvl.lvt6 { --lvc:#D98778; }
.chat-av.lvt7,  .chat-av-lvl.lvt7 { --lvc:#E66A55; }
.chat-av.lvt8,  .chat-av-lvl.lvt8 { --lvc:#E66A55; }
.chat-av.lvt9,  .chat-av-lvl.lvt9 { --lvc:#D95842; }
.chat-av.lvt10, .chat-av-lvl.lvt10{ --lvc:#C67560; }
.hist-row .hist-skins{ display:inline-flex; vertical-align:middle; margin-right:6px; }
.hist-row .hist-skins .skin-stack{ transform:translateY(1px); }
.free-rain{
  border:1px solid rgba(206,66,43,.42) !important;
  background:
    radial-gradient(58% 90% at 82% 32%, rgba(206,66,43,.24), transparent 60%),
    radial-gradient(120% 120% at 10% 118%, rgba(201,108,91,.30), transparent 64%),
    linear-gradient(160deg, #281C1C 0%, #281C1C 48%, #281C1C 100%) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(232,214,210,.14), inset 0 0 40px rgba(143,85,75,.28) !important;
}
.free-rain.fr-active{
  border-color:rgba(206,66,43,.55) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.5), 0 0 0 1px rgba(230,106,85,.18), inset 0 1px 0 rgba(232,214,210,.16), inset 0 0 44px rgba(143,85,75,.32) !important;
}
.free-rain .fr-ico{ flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center; border-radius:9px;
  background:rgba(206,66,43,.16); box-shadow:0 0 12px -3px var(--gold2,#CE422B); }
.free-rain .fr-ico .coin-ico{ width:18px !important; height:18px !important; margin:0 !important; }
.free-rain .fr-brand{ display:inline-flex; align-items:center; gap:8px; min-width:0; }
.free-rain .fr-brand-main{ font-family:var(--fu); font-weight:900; font-size:13.5px; letter-spacing:.01em;
  background:linear-gradient(180deg,#E8D6D2,#CE422B); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:#CE422B !important; filter:drop-shadow(0 2px 4px rgba(206,66,43,.35)); }
.free-rain .fr-title{ color:#F4DEDA !important; }
.free-rain .fr-drop{ color:#CE422B !important; }
.free-rain .fr-info{ border-color:rgba(206,66,43,.42) !important; background:rgba(206,66,43,.16) !important; color:#CE422B !important; }
.free-rain .fr-info:hover{ background:linear-gradient(145deg,#CE422B,#CE422B) !important; color:#281C1C !important; border-color:transparent !important; }
.free-rain .fr-bar{ border-color:rgba(206,66,43,.20) !important; }
.free-rain.fr-building .fr-bar-fill{ background:linear-gradient(90deg, rgba(206,66,43,.7), rgba(217,135,120,.85)) !important; box-shadow:0 0 14px rgba(206,66,43,.4) !important; }
.free-rain .fr-pot{ flex:0 0 auto !important; }
.free-rain .fr-brand-main{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.free-rain .fr-potline{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; min-width:0; }
.free-rain .fr-pot-lbl{ flex:0 0 auto; font:800 10.5px var(--fu,inherit); letter-spacing:.09em; text-transform:uppercase; color:#D98778; opacity:.92; }
.free-rain .fr-potline .fr-pot{ flex:1 1 auto; justify-content:flex-end; display:inline-flex !important; align-items:center; gap:5px; margin:0 !important; padding:0 !important;
  font-weight:900 !important; font-size:19px !important; color:#CE422B !important; min-width:0; overflow:hidden; }
.free-rain .fr-potline .fr-pot .coin-ico{ width:20px !important; height:20px !important; margin:0 !important; flex:0 0 auto; }
.free-rain .fr-potline .fr-pot #chatRainPot{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:760px){ .free-rain .fr-potline .fr-pot{ font-size:18px !important; } }
.free-rain .fr-brand{ gap:5px !important; }
.free-rain .fr-brand .fr-info{ margin-left:0 !important; }
.free-rain .fr-pot .fr-pot-ava{ display:inline-flex; align-items:center; flex:0 0 auto; margin-right:1px; filter:drop-shadow(0 0 3px rgba(217,135,120,.35)); }
.free-rain .fr-pot .fr-pot-ava svg{ width:1.1em !important; height:1.1em !important; }
.site-footer .ftr-inner{ justify-content:center !important; }
@media (max-width:820px){ .site-footer .ftr-inner{ justify-content:flex-start !important; } }
.rc-podium .rc-points{ font-size:13.5px !important; }
.rc-podium .rc-points b{ font-size:16.5px !important; }
.rc-podium .rc-points b .coin-ico, .rc-podium .rc-points .coin-ico{ width:15px !important; height:15px !important; }
.rc-pod-1 .rc-points{ font-size:14.5px !important; }
.rc-pod-1 .rc-points b{ font-size:18px !important; }
@media (max-width:600px){ .rc-podium .rc-points{ font-size:11.5px !important; } .rc-podium .rc-points b{ font-size:14px !important; } .rc-pod-1 .rc-points b{ font-size:15px !important; } }
.rr-buy-toast.rbt-err .rbt-ico{ background:rgba(248,113,113,.16) !important; color:#E56C59 !important; }
@media (max-width:760px){
  .ftr-links a{ padding:4px 0; }
  .ftr-links-legal a{ padding:3px 0; }
}
.dw-mi-img{ width:26px; height:26px; object-fit:contain; border-radius:6px; display:block; }
.dw-mi{ min-width:30px; display:inline-flex; align-items:center; justify-content:center; }
.dw-mi-crypto svg{ width:30px; height:22px; }
.cf-tbl-head, .rr-tbl-head, .cf-hrow, .rr-trow{
  display:grid;
  grid-template-columns:minmax(130px,168px) minmax(0,1fr) 104px minmax(132px,164px) 96px;
  align-items:center; gap:14px;
  column-gap:14px;
}
.cf-tbl-head{
  padding:0 16px 8px; margin-top:10px;
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--t3,#B87569);
}
.cf-tbl-head span:nth-child(3){ text-align:right; }
.cf-tbl-head span:last-child{ text-align:center; }
.cf-tbl, .rr-tbl{ display:flex; flex-direction:column; gap:10px; }
.cf-hrow{
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
  border:1px solid rgba(206,66,43,.10);
  border-radius:14px; padding:12px 16px; cursor:pointer;
  transition:transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.cf-hrow:hover, .rr-trow:hover{
  transform:translateY(-2px);
  border-color:rgba(206,66,43,.34);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  box-shadow:0 12px 28px rgba(0,0,0,.4);
}
.cf-c-players{ display:flex; align-items:center; gap:9px; min-width:0; }
.cf-c-players .cf-p{ display:inline-flex; }
.cf-c-players .cf-row-av{ width:30px; height:30px; border-radius:9px; object-fit:cover; }
.cf-row-vs{ font-size:10.5px; font-weight:800; letter-spacing:.08em; color:var(--t3,#B87569); }
.cf-c-items{ display:flex; align-items:center; min-width:0; overflow:hidden; }
.cf-c-items .ss-th,
.cf-c-items .skin-stack .ss-th,
.cf-c-items .cf-row-stakedskins .skin-stack .ss-th{ width:42px; height:42px; }
@media (max-width:1100px){
  .cf-c-items .ss-th,
  .cf-c-items .skin-stack .ss-th,
  .cf-c-items .cf-row-stakedskins .skin-stack .ss-th{ width:34px; height:34px; }
}
@media (max-width:1000px){
  .cf-c-items .ss-th,
  .cf-c-items .skin-stack .ss-th,
  .cf-c-items .cf-row-stakedskins .skin-stack .ss-th{ width:30px; height:30px; }
}
.cf-c-empty{ color:var(--t3,#B87569); opacity:.6; }
.cf-c-value{
  display:flex; align-items:center; justify-content:flex-end; gap:6px; white-space:nowrap;
  font-weight:800; color:var(--gold2,#CE422B);
}
.cf-c-result{ display:flex; align-items:center; gap:8px; min-width:0; }
.cf-c-result .cf-row-av{ width:30px; height:30px; border-radius:9px; object-fit:cover; }
.cf-res-coin{ display:inline-flex; }
.cf-res-coin .cf-coin, .cf-res-coin img, .cf-res-coin svg{ width:22px; height:22px; }
.cf-res-name{ font-size:12.5px; font-weight:700; color:var(--t1,#F4EAE8);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cf-c-actions{ display:flex; align-items:center; justify-content:center; gap:7px; }
.cf-act{
  width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:9px; cursor:pointer; color:var(--t2,#b9c4d8);
  background:rgba(255,255,255,.05); border:1px solid rgba(206,66,43,.14);
  transition:background .14s ease, color .14s ease, border-color .14s ease;
}
.cf-act:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:var(--gold2,#CE422B); }
@media (max-width:950px){
  .cf-tbl-head{ display:none; }
  .cf-hrow{ grid-template-columns:minmax(0,1fr) auto; grid-auto-rows:auto; row-gap:9px; }
  .cf-c-players{ grid-column:1; grid-row:1; }
  .cf-c-value  { grid-column:2; grid-row:1; padding-right:0; }
  .cf-c-items  { grid-column:1 / -1; grid-row:2; }
  .cf-c-result { grid-column:1; grid-row:3; padding-left:0; border-left:0; }
  .cf-c-actions{ grid-column:2; grid-row:3; }
}
@media (prefers-reduced-motion: reduce){ .cf-hrow:hover{ transform:none; } }
.cf-tbl-head span:nth-child(3),
.cf-hrow > .cf-c-value{ padding-right:18px; }
.cf-tbl-head span:nth-child(4),
.cf-hrow > .cf-c-result{ padding-left:20px; border-left:1px solid rgba(206,66,43,.12); }
.cf-tbl-head span:nth-child(4){ border-left-color:transparent; }
.cf-res-tile{ position:relative; display:inline-flex; }
.cf-res-tile .cf-row-av{ width:40px; height:40px; border-radius:11px; object-fit:cover;
  border:1px solid rgba(206,66,43,.30); }
.cf-res-coin{ position:absolute; top:-7px; left:-7px; display:inline-flex;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)); }
.cf-res-coin .cf-coin, .cf-res-coin img, .cf-res-coin svg{ width:22px; height:22px; }
.cf-c-actions .cf-act{ width:auto; min-width:62px; height:32px; padding:0 14px;
  font-size:12px; font-weight:700; letter-spacing:.02em; }
.rr-tbl-head{
  padding:0 16px 8px; margin-top:10px;
  font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--t3,#B87569);
}
.rr-tbl{ display:flex; flex-direction:column; gap:10px; }
.rr-trow{
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
  border:1px solid rgba(206,66,43,.10);
  border-radius:14px; padding:12px 16px; cursor:pointer;
  transition:transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.rr-trow:hover{
  transform:translateY(-2px); border-color:rgba(206,66,43,.34);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  box-shadow:0 12px 28px rgba(0,0,0,.4);
}
.rr-c-player{ display:flex; align-items:center; gap:9px; min-width:0; }
.rr-av{ width:34px; height:34px; border-radius:10px; object-fit:cover; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.06); font-weight:800; font-size:13px; color:var(--t2,#b9c4d8); }
.rr-name{ font-size:12.5px; font-weight:700; color:var(--t1,#F4EAE8);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rr-c-items{ display:flex; align-items:center; min-width:0; overflow:hidden; }
.rr-c-items .ss-th{ width:34px; height:34px; }
.rr-c-val{ display:flex; align-items:center; justify-content:flex-end; gap:6px; white-space:nowrap;
  font-weight:800; color:var(--gold2,#CE422B); padding-right:18px; }
.rr-c-act{ display:flex; align-items:center; justify-content:center; }
.rr-c-act .rr-view{
  min-width:62px; height:32px; padding:0 14px; border-radius:9px; cursor:pointer;
  font-size:12px; font-weight:700; color:var(--t2,#b9c4d8);
  background:rgba(255,255,255,.05); border:1px solid rgba(206,66,43,.14);
  transition:background .14s ease, color .14s ease, border-color .14s ease;
}
.rr-c-act .rr-view:hover{ background:rgba(206,66,43,.16); border-color:rgba(206,66,43,.4); color:var(--gold2,#CE422B); }
.rr-c-empty{ color:var(--t3,#B87569); opacity:.6; }
.rr-pct{ font-size:11.5px; font-weight:800; color:var(--gold2,#CE422B);
  background:rgba(206,66,43,.12); border:1px solid rgba(206,66,43,.22);
  border-radius:7px; padding:3px 8px; }
@media (prefers-reduced-motion: reduce){ .rr-trow:hover{ transform:none; } }
.rp-tbl-head, .rp-trow{
  display:grid;
  grid-template-columns:minmax(112px,1fr) 58px minmax(96px,1.5fr) 92px 74px;
  align-items:center; gap:10px;
}
.rp-tbl-head span:nth-child(4){ text-align:right; padding-right:10px; }
.rp-trow .rr-c-val{ padding-right:10px; }
.rp-trow .rr-av{ width:30px; height:30px; }
.rp-trow .rr-c-items .ss-th{ width:30px; height:30px; }
.rp-trow .rr-view{ min-width:56px; padding:0 10px; }
.rp-tbl-head span:last-child{ text-align:center; }
.rp-c-chance{ display:flex; align-items:center; }
.rp-recent-card{ container-type:inline-size; }
@container (max-width: 500px){
  .rp-tbl-head{ display:none; }
  .rp-trow{ grid-template-columns:minmax(0,1fr) auto; row-gap:9px; }
  .rp-trow .rr-c-player{ grid-column:1; grid-row:1; }
  .rp-trow .rp-c-chance{ grid-column:2; grid-row:1; }
  .rp-trow .rr-c-items { grid-column:1 / -1; grid-row:2; }
  .rp-trow .rr-c-val   { grid-column:1; grid-row:3; justify-content:flex-start; padding-right:0; }
  .rp-trow .rr-c-act   { grid-column:2; grid-row:3; }
}
@container (max-width: 260px){
  .rp-trow{ grid-template-columns:minmax(0,1fr); row-gap:7px; padding:10px 12px; }
  .rp-trow .rr-c-player,
  .rp-trow .rp-c-chance,
  .rp-trow .rr-c-items,
  .rp-trow .rr-c-val,
  .rp-trow .rr-c-act{ grid-column:1; justify-content:flex-start; }
  .rp-trow .rr-view{ width:100%; }
}
@supports not (container-type: inline-size){
  @media (max-width:1340px){
    .rp-tbl-head{ display:none; }
    .rp-trow{ grid-template-columns:minmax(0,1fr) auto; row-gap:9px; }
    .rp-trow .rr-c-items{ grid-column:1 / -1; }
    .rp-trow .rr-c-val{ justify-content:flex-start; padding-right:0; }
  }
}
@media (max-width:900px){
  .rp-tbl-head{ display:none; }
  .rp-trow{ grid-template-columns:minmax(0,1fr) auto; row-gap:9px; }
  .rp-trow .rr-c-items{ grid-column:1 / -1; }
}
@media (max-width:900px){
}
.ar-tbl-head, .ar-trow{
  display:grid;
  grid-template-columns:minmax(140px,1fr) minmax(0,1.6fr) 120px 88px;
  align-items:center; gap:14px;
}
.ar-tbl-head span:nth-child(3){ text-align:right; padding-right:18px; }
.ar-tbl-head span:last-child{ text-align:center; }
.ar-c-items{ display:flex; align-items:center; min-width:0; overflow:hidden; }
.ar-c-items .ss-th{ width:34px; height:34px; }
.ar-trow .bh-ico{ display:none; }
.arena-hist-grid.rr-tbl{ display:flex; flex-direction:column; gap:10px; }
@media (max-width:900px){
  .ar-tbl-head{ display:none; }
  .ar-trow{ grid-template-columns:1fr auto; row-gap:8px; }
  .ar-c-items{ grid-column:1 / -1; }
}
.cf-tbl-head:not(:has(+ * .cf-hrow)){ display:none; }
.rp-tbl-head:not(:has(+ * .rp-trow)){ display:none; }
.ar-tbl-head:not(:has(+ * .ar-trow)){ display:none; }
.us-hint{ font-weight:600; font-size:11.5px; color:var(--t3,#B87569); margin-left:6px; }
.us-hint-warn{ color:#f5a34a; }
.adm-clear{ display:flex; align-items:center; gap:7px; margin-top:7px;
  font-size:11.5px; font-weight:600; color:var(--t3,#B87569); cursor:pointer; }
.adm-clear input{ width:auto; margin:0; }
.adm-fmt{ display:block; margin-top:6px; font-size:11.5px; font-weight:600; line-height:1.45; }
.adm-fmt.good{ color:#4ade80; }
.adm-fmt.warn{ color:#f5a34a; }
.adm-fmt.bad { color:#E56C59; }
.brand:hover .brand-logo,
.brand:hover .brand-icon-rust,
.brand:hover img,
.brand:hover svg{ transform:none !important; }
.brand:hover .brand-logo{ filter:drop-shadow(0 2px 7px rgba(0,0,0,.55)) !important; }
.brand:hover .brand-icon-rust{ filter:drop-shadow(0 3px 12px rgba(201,108,91,.45)) !important; }
.chat-mention{
  background:none !important; color:var(--gold2,#CE422B) !important;
  padding:0 !important; border-radius:0 !important; font-weight:700 !important;
}
.chat-mention.me{
  background:var(--gold,#CE422B) !important; color:#281C1C !important;
  padding:1px 6px !important; border-radius:5px !important; font-weight:800 !important;
  box-shadow:0 0 0 1px rgba(206,66,43,.55), 0 0 10px rgba(206,66,43,.45);
}
.min-chip{
  display:inline-flex; align-items:center; gap:5px; vertical-align:middle;
  margin-left:10px; padding:3px 10px; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09);
  font-family:var(--fu, system-ui) !important;
  font-size:13px !important; font-weight:700 !important;
  letter-spacing:.01em !important; text-transform:none !important;
  line-height:1.3; white-space:nowrap; color:var(--t3,#B87569);
}
.min-chip .coin-ico{ width:1.15em; height:1.15em; vertical-align:-2px; }
.min-chip .coin-amt{ color:#e6ebf5; font-size:1.08em; }
.min-chip .coin-c, .min-chip .coin-d{ opacity:1 !important; }
.arena-min{ margin-top:8px; }
.arena-min .min-chip{ margin-left:0; }
@media (max-width: 640px){
  .min-chip{ font-size:12px !important; margin-left:6px; padding:2px 8px; }
}
.wd-coin-skins .wd-coin-ico{ object-fit:contain; border-radius:6px; }
.wd-coin-skins{ border-bottom:1px solid rgba(255,255,255,.07); padding-bottom:9px; margin-bottom:3px; }
.sd-pick{ margin-top:12px; }
.sd-pick-note{ font-size:12.5px; line-height:1.45; color:#BFA7A2; margin-bottom:10px; }
.sd-pick-foot span{ font-size:12.5px; color:#BFA7A2; }
.sd-held{ margin-bottom:10px; padding:9px 11px; border-radius:10px;
  background:rgba(230,106,85,.08); border-left:3px solid #D98778; }
.sd-held b{ display:block; font-size:12px; color:#CE422B; margin-bottom:3px; }
.sd-held span{ display:block; font-size:12px; color:#E8D6D2; }
.sd-held span .sd-cd{ display:inline; font-size:inherit; margin:0; color:#CE422B; font-weight:700;
  font-variant-numeric:tabular-nums; }
.sd-url{ width:100%; margin:2px 0 4px; font-size:12.5px; }
.sd-pick-note a{ color:#CE422B; text-decoration:underline; }
.sd-held span.sd-nocredit{ color:#e08a8a; }
.sd-held .sd-tradelink{ display:inline-flex; align-items:center; gap:6px; margin-top:9px; padding:7px 12px;
  border-radius:8px; background:rgba(230,106,85,.14); border:1px solid rgba(217,135,120,.5);
  color:#CE422B; font-size:12px; font-weight:700; text-decoration:none; line-height:1;
  transition:background .15s ease, border-color .15s ease; }
.sd-held .sd-tradelink:hover{ background:rgba(230,106,85,.22); border-color:#D98778; }
.sd-held .sd-tradelink svg{ flex:0 0 auto; }
@media (max-width: 720px){
  .dw-modal{ align-items:flex-end; }
  .dw-modal .dw-card{
    width:100vw !important; max-width:100vw !important;
    max-height:94vh; max-height:94dvh;
    border-radius:16px 16px 0 0;
    display:flex; flex-direction:column;
    padding-bottom:env(safe-area-inset-bottom);
    overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  }
  .dw-modal .dw-grid{
    flex:1 1 auto; min-height:0;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .dw-modal .app-modal__close{ position:sticky; top:6px; float:right; margin-right:6px; z-index:5; }
  .dw-side{ padding:12px 12px 14px; gap:10px; }
  .dw-methods{ gap:6px; }
  .dw-method{ padding:9px 11px; gap:9px; }
  .dw-mi{ width:32px; height:32px; }
  .dw-panel{ padding:14px 14px 18px !important; }
  .dw-title{ font-size:19px !important; }
  .wd-coins{ gap:6px; }
  .wd-coin{ padding:7px 9px !important; }
  }
@media (max-width: 400px){
  .dw-mrow{ grid-template-columns:1fr; }
  .dw-method--sm{ flex-direction:row; text-align:left; padding:9px 11px; }
  }
@media (pointer:coarse), (max-width: 900px) and (orientation: landscape) and (max-height: 520px){
  .dw-modal .dw-card{ max-height:100vh; max-height:100dvh; border-radius:0; }
}
@media (max-width: 860px){
  .rr-pform, .fr-rules-card, .tv-card{
    max-height:92vh; max-height:92dvh;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
}
@media (max-width: 860px){
  .app-modal__card:not(.dw-card):not(.canta-modal__card){
    max-height:92vh; max-height:92dvh;
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .app-modal__card:not(.dw-card):not(.canta-modal__card) .app-modal__close{
    position:sticky; top:0; float:right; z-index:5;
  }
}
[hidden]{ display:none !important; }
@media (min-width:721px){
  .dw-modal.sd-wide .dw-card{ max-width:1200px !important; width:min(96vw,1200px) !important; }
  .dw-modal.sd-wide .dw-grid{ grid-template-columns:260px 1fr; }
}

@media (max-width: 720px){
}
.adm-clear{ display:flex; align-items:center; gap:7px; margin-top:6px; font-size:11.5px; color:#9E817B; cursor:pointer; }
.adm-clear input{ width:auto; margin:0; }
.adm-subtabs{ display:flex; gap:6px; flex-wrap:wrap; margin:0 0 14px; padding-bottom:10px;
  border-bottom:1px solid rgba(206,66,43,.13); }
.adm-subtab{ padding:7px 14px; border-radius:9px; font-size:12.5px; font-weight:700; cursor:pointer;
  color:#BFA7A2; background:rgba(255,255,255,.04); border:1px solid rgba(206,66,43,.14); }
.adm-subtab:hover{ background:rgba(255,255,255,.07); color:#dfe4f0; }
.adm-subtab.is-on{ color:#281C1C; background:linear-gradient(180deg,#CE422B,#CE422B); border-color:transparent; }
.adm-set-wide{ grid-column:1 / -1; }
.adm-set-wide textarea{ width:100%; min-height:88px; font-family:var(--fm,monospace); font-size:12px; line-height:1.5; }
.admin-tool-hint code,
.adm-set small code,
.adm-panel p code,
.adm-set-divider code{
  display:inline !important;
  padding:1px 6px; margin:0 1px; border-radius:5px;
  font-size:.82em; line-height:inherit; white-space:nowrap;
  background:rgba(0,0,0,.35); border:1px solid rgba(201,108,91,.22); color:#CE422B;
}
.sd-pick-note.sd-compact{
  margin:0 0 8px; padding:7px 10px; border-radius:8px; font-size:11.5px; line-height:1.45;
  background:rgba(206,66,43,.07); border-left:2px solid rgba(206,66,43,.5); color:#E8D6D2;
}
.sd-pick-note.sd-compact b{ color:#CE422B; }
.dw-modal .dw-panel:has(.sd-native) .dw-np-note,


.sd-pick-note.sd-point{ background:rgba(206,66,43,.13); border-left-color:#CE422B; color:#f1e3c6; }
.sd-pick-note.sd-point b{ color:#CE422B; }
@keyframes sdShimmer{ from{ background-position:180% 0; } to{ background-position:-40% 0; } }

.sd-bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px;
  padding-top:10px; border-top:1px solid rgba(206,66,43,.13); font-size:12.5px; color:#BFA7A2; }
.sd-bar .sd-short{ color:#e08a8a; }
@media (max-width:640px){
  .sd-grid{ grid-template-columns:repeat(auto-fill,minmax(98px,1fr)); max-height:min(46dvh,320px); }
  .sd-tile img, .sd-tile-noimg{ width:54px; height:44px; }
}
.sd-loading{ display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:9px; margin:0 0 10px; padding:16px 14px; border-radius:12px; text-align:center;
  background:linear-gradient(180deg, rgba(206,66,43,.07), rgba(206,66,43,.03));
  border:1px solid rgba(206,66,43,.16); }
.sd-loading-tx{ display:flex; flex-direction:column; gap:3px; }
.sd-loading-tx b{ font-size:13.5px; color:#CE422B; font-weight:800; letter-spacing:.2px; }
.sd-loading-tx em{ font-size:11.5px; color:#9E817B; font-style:normal; line-height:1.45; }
.sd-spin{ width:22px; height:22px; border-radius:50%;
  border:2.5px solid rgba(206,66,43,.18); border-top-color:#CE422B;
  animation:sdSpin .7s linear infinite; }
@keyframes sdSpin{ to{ transform:rotate(360deg); } }
.sd-dep-live{ display:flex; flex-direction:column; gap:12px; padding:4px 2px; }
.sd-dep-err .sd-dep-live-ttl{ color:#f1a0a0 !important; }
.sd-dep-err .sd-status{ border-color:rgba(239,68,68,.28) !important; background:rgba(239,68,68,.06) !important; }
.sd-err-x{ flex:0 0 auto; width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font:800 14px var(--fu); color:#fff; background:rgba(239,68,68,.85); }
.sd-dep-link{ font:700 12px var(--fu); color:#CE422B !important; text-decoration:none; align-self:center; margin-left:4px; }
.sd-dep-link:hover{ text-decoration:underline; }
.sd-dep-live-head{ display:flex; align-items:center; gap:11px; }
.sd-dep-live-head .sd-spin{ flex:0 0 auto; }
.sd-dep-live-ttl{ font:800 15px var(--fu); color:#CE422B; letter-spacing:.2px; }
.sd-dep-live-head.is-ok .sd-dep-live-ttl{ color:#7ee0a6; }
.sd-dep-live-head.is-warn .sd-dep-live-ttl{ color:#e8b06a; }
.sd-dep-live .sd-status{ font-size:12.5px; line-height:1.5; color:#BFA7A2; background:rgba(255,255,255,.03); border:1px solid rgba(206,66,43,.14); border-radius:10px; padding:9px 11px; }
.sd-dep-live .sd-status a{ color:#CE422B; font-weight:700; }
.sd-dep-live .sd-detail{ display:inline-block; margin-left:4px; font-style:normal; font-size:11px; color:#9E817B; text-transform:lowercase; }
.sd-done{ display:flex; align-items:center; gap:11px; padding:12px 13px; border-radius:11px;
  background:rgba(78,214,142,.09); border:1px solid rgba(78,214,142,.30); }
.sd-done-check{ flex:0 0 auto; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#0c1b12; background:linear-gradient(180deg,#66e6a2,#37c46e); box-shadow:0 3px 10px rgba(55,196,110,.35);
  animation:sdDonePop .32s cubic-bezier(.34,1.56,.64,1) both; }
.sd-done-text{ font:700 13px var(--fu,system-ui); color:#8ff0bb; line-height:1.4; }
@keyframes sdDonePop{ 0%{ transform:scale(.4); opacity:0; } 100%{ transform:scale(1); opacity:1; } }
.sd-dep-steps{ margin:0; padding:0 0 0 20px; display:flex; flex-direction:column; gap:7px; }
.sd-dep-steps li{ font-size:12px; line-height:1.5; color:#BFA7A2; }
.sd-dep-steps li b{ color:#e7ecf6; font-weight:700; }
.sd-dep-actions{ display:flex; flex-direction:column; gap:8px; margin-top:2px; }
.sd-dep-actions .rr-action-btn{ text-align:center; text-decoration:none; }
.sd-dep-steam{ display:block; }
.rr-action-btn.sd-ghost{ background:rgba(255,255,255,.05) !important; color:#BFA7A2 !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:none !important; }
.rr-action-btn.sd-ghost:hover{ background:rgba(255,255,255,.09) !important; color:#fff !important; }
@media (prefers-reduced-motion: reduce){
  .sd-spin{ animation:none; border-top-color:#CE422B; opacity:.7; }
  .sd-tile.sd-skel{ animation:none; }
}
.sd-tile.sd-cant{ opacity:.5; cursor:pointer; }
.sd-tile.sd-cant:hover{ background:#281C1C; border-color:#4A3030; }
.sd-tile.sd-cant.is-on{ border-color:#e08a8a; background:rgba(224,138,138,.10); box-shadow:0 0 0 1px rgba(224,138,138,.35) inset; }
.sd-pager{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:10px; }
.sd-pg{ padding:6px 12px; border-radius:8px; font-size:12px; font-weight:700; cursor:pointer;
  background:#211616; border:1px solid #402929; color:#E8D6D2; }
.sd-pg:hover:not(:disabled){ background:#281C1C; border-color:#4A3030; }
.sd-pg:disabled{ opacity:.35; cursor:default; }
.sd-pg-n{ font-size:12px; color:#9E817B; min-width:60px; text-align:center; }
.sd-grid{
  display:grid; gap:10px; padding:2px;
  grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
  max-height:min(50dvh, 400px); overflow-y:auto; overscroll-behavior:contain;
}
.sd-tile, .sd-tile.sd-skel{
  display:flex; flex-direction:column; align-items:center; justify-content:space-between;
  gap:6px; padding:10px 8px 9px; min-height:126px; box-sizing:border-box;
  border-radius:12px; text-align:center; font:inherit;
  background:#211616; border:1px solid #281C1C; color:#E8D6D2;
  transition:border-color .12s ease, background .12s ease, transform .12s ease;
}
.sd-tile{ cursor:pointer; }
.sd-tile.sd-skel{ cursor:default; border-color:#281C1C;
  background:linear-gradient(100deg,#211616 30%,#281C1C 50%,#211616 70%);
  background-size:220% 100%; animation:sdShimmer 1.1s linear infinite; }
.sd-tile:hover{ background:#281C1C; border-color:#4A3030; transform:translateY(-1px); }
.sd-tile.is-on{ border-color:#CE422B; background:rgba(206,66,43,.10);
  box-shadow:0 0 0 1px rgba(206,66,43,.35) inset; transform:none; }
.sd-tile img, .sd-tile-noimg{ width:100%; height:58px; object-fit:contain; }
.sd-tile-noimg{ border-radius:8px; background:rgba(255,255,255,.04); }
.sd-tile-nm{ font-size:11px; line-height:1.3; color:#BFA7A2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sd-tile-v{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap;
  font-size:12.5px; font-weight:800; color:#CE422B; }
.sd-tile-no{ position:relative; cursor:not-allowed;
  background:linear-gradient(180deg,#211616,#211616); border-color:#281C1C; }
.sd-tile-no img{ filter:grayscale(1) brightness(.6); opacity:.72; }
.sd-tile-no .sd-tile-nm{ color:#6C433D; }
.sd-tile-no:hover{ background:linear-gradient(180deg,#211616,#211616); border-color:#281C1C; transform:none; box-shadow:none; }
.sd-tile-flag{ position:absolute; top:6px; left:50%; transform:translateX(-50%);
  padding:2.5px 7px; border-radius:6px; font-size:8.5px; font-weight:900; letter-spacing:.04em;
  text-transform:uppercase; white-space:nowrap; z-index:2; pointer-events:none;
  color:#ffdede; background:rgba(176,64,64,.94); border:1px solid rgba(230,120,120,.65);
  box-shadow:0 2px 7px rgba(0,0,0,.45); }
.sd-tile-noval{ font-style:normal; color:#6C433D; font-weight:700; }
.sd-tile{ background:linear-gradient(180deg,#211616,#211616); }
.sd-tile:not(.sd-skel):not(.sd-tile-no):hover{ box-shadow:0 6px 16px rgba(0,0,0,.34); }
.sd-tile.is-on{ background:linear-gradient(180deg,rgba(206,66,43,.17),rgba(206,66,43,.05));
  box-shadow:0 0 0 1px rgba(206,66,43,.45) inset, 0 5px 16px rgba(206,66,43,.13); }
.sd-tile-v{ padding:2px 9px; border-radius:999px; background:rgba(230,106,85,.10); }
.sd-tile-no .sd-tile-v{ background:rgba(255,255,255,.03); color:#6C433D; }
.sd-filter{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 10px; }
.sd-filter input[type="search"]{ flex:1 1 170px; min-width:0; padding:9px 12px; border-radius:10px;
  background:#1D1414; border:1px solid #402929; color:#F4EAE8; font-size:12.5px; }
.sd-filter input[type="search"]:focus, .sd-max:focus, .sd-sort:focus{ outline:none; border-color:#6C433D; }
.sd-max{ width:104px; flex:0 0 104px; padding:9px 12px; border-radius:10px;
  background:#1D1414; border:1px solid #402929; color:#F4EAE8; font-size:12.5px; }
.sd-sort{ flex:0 0 auto; padding:9px 10px; border-radius:10px;
  background:#1D1414; border:1px solid #402929; color:#F4EAE8; font-size:12.5px; }
.sd-afford{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#BFA7A2;
  cursor:pointer; white-space:nowrap; user-select:none; }
.sd-afford input{ width:auto; margin:0; cursor:pointer; }
.sd-refresh{ flex:0 0 auto; min-width:34px; height:34px; padding:0 12px; display:inline-flex; align-items:center; gap:6px;
  justify-content:center; border-radius:10px; cursor:pointer; font-size:13px; font-weight:600; line-height:1; white-space:nowrap;
  background:#211616; border:1px solid #402929; color:#E8D6D2; }
.sd-refresh .sd-refresh-tx{ font-size:12.5px; }
.sd-refresh:hover{ background:#281C1C; border-color:#4A3030; }
.sd-refresh.is-busy{ opacity:.5; cursor:default; }
.sd-filter #sdCount, .sd-filter #sdInvCount{ font-size:11.5px; color:#9E817B; white-space:nowrap; margin-left:auto; }

@media (max-width:560px){
  .sd-grid{ grid-template-columns:repeat(auto-fill, minmax(104px, 1fr)); max-height:min(44dvh,300px); }
  .sd-tile, .sd-tile.sd-skel{ min-height:112px; }
  .sd-tile img, .sd-tile-noimg{ height:48px; }
  .sd-filter input[type="search"]{ flex:1 1 100%; }
  .sd-filter #sdCount, .sd-filter #sdInvCount{ margin-left:0; }
}
.sd-pick-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.sd-pick-foot .sd-short{ color:#e08a8a; }
.tip-msg.tip-msg--collapse:empty{ min-height:0; margin:0; }
.dw-main .dw-panel .dw-title{ margin-bottom:10px; }
.sd-pg-n{ display:inline-flex; align-items:center; gap:6px; }
.sd-pg-in{ width:52px; padding:5px 6px; border-radius:8px; text-align:center;
  background:#1D1414; border:1px solid #402929; color:#F4EAE8; font-size:12px; font-weight:700;
  -moz-appearance:textfield; appearance:textfield; }
.sd-pg-in::-webkit-outer-spin-button, .sd-pg-in::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.sd-pg-in:focus{ outline:none; border-color:#CE422B; }
.sd-pg-of{ font-style:normal; font-size:11.5px; color:#9E817B; }
@media (min-width:421px) and (max-width:700px){
  .sd-filter input[type="search"]{ flex:1 1 100%; }
  .sd-sort{ flex:1 1 auto; }
}
.sd-band{ display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; }
.sd-band .sd-max{ width:74px; flex:0 0 74px; }
.sd-band em{ font-style:normal; color:#9E817B; font-size:12px; }

@media (max-width:420px){
  .sd-filter{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; }
  .sd-filter input[type="search"]{ grid-column:1 / -1; }
  .sd-band{ grid-column:1 / -1; }
  .sd-band .sd-max{ flex:1 1 auto; width:auto; min-width:0; }
  .sd-max{ width:auto; flex:initial; min-width:0; }
  .sd-sort{ grid-column:1 / -1; width:100%; min-width:0; }
  .sd-afford{ grid-column:1; justify-self:start; }
  .sd-refresh{ grid-column:2; justify-self:end; }
  .sd-filter #sdCount, .sd-filter #sdInvCount{ grid-column:1 / -1; text-align:right; margin-left:0; }
  .sd-pg-in{ width:46px; }
  .sd-pager{ gap:8px; }
  .sd-pg{ padding:6px 9px; font-size:11.5px; }
  .sd-bar{ flex-wrap:wrap; gap:8px; }
  .sd-bar span{ flex:1 1 100%; }
  .sd-bar .rr-action-btn{ width:100%; }
}
@media (min-width:421px) and (max-width:700px){
  .sd-filter input[type="search"]{ flex:1 1 100%; }
  .sd-sort{ flex:1 1 auto; }
}
.sd-detail{ display:inline-block; margin-top:5px; font-style:normal; font-size:11px;
  color:#9E817B; word-break:break-word; }
.sd-foot{ margin-top:8px; padding-top:8px; text-align:center; font-size:11.5px; color:#9E817B;
  border-top:1px solid rgba(206,66,43,.10); }
.sd-bonus{ color:#7fd39b; font-weight:700; }
.pf2-trade{ background:rgba(255,255,255,.02); border:1px solid rgba(206,66,43,.14);
  border-radius:14px; padding:14px 16px; margin:0 0 22px; }
.pf2-trade-note{ margin:0 0 10px; font-size:12.5px; line-height:1.5; color:#9E817B; }
.pf2-trade-note a{ color:#CE422B; }
.pf2-trade-row{ display:flex; gap:9px; flex-wrap:wrap; }
.pf2-trade-row input{ flex:1 1 320px; min-width:0; padding:10px 12px; border-radius:10px;
  background:#1D1414; border:1px solid #402929; color:#F4EAE8;
  font:12px/1.4 ui-monospace,Menlo,Consolas,monospace; }
.pf2-trade-row input:focus{ outline:none; border-color:#6C433D; }
.pf2-trade-save{ flex:0 0 auto; padding:10px 20px; border:0; border-radius:10px; cursor:pointer;
  background:linear-gradient(180deg,#CE422B,#CE422B); color:#281C1C; font-weight:800; font-size:13px; }
.pf2-trade-save:disabled{ opacity:.6; cursor:default; }
.pf2-trade-msg{ min-height:0; margin-top:8px; font-size:12px; }
.pf2-trade-msg.is-ok{ color:#7fd39b; }
.pf2-trade-msg.is-err{ color:#e08a8a; }
@media (max-width:560px){ .pf2-trade-save{ width:100%; } }
.pf2-lvl[class*="lvt"]{ box-shadow:0 3px 9px color-mix(in srgb, var(--lvc,#B87569) 42%, transparent); }
.chat-trivia-banner{
  position:relative; overflow:hidden;
  display:flex !important; flex-direction:column; align-items:stretch; gap:9px;
  margin:10px 12px 6px; padding:13px 14px;
  border-radius:14px;
  border:1px solid var(--vio-line) !important;
  background:linear-gradient(180deg, rgba(40,28,28,.98), rgba(33,22,22,.99)) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06);
}
.chat-trivia-banner::before{
  content:""; position:absolute; inset:-40% -10% auto -10%; height:140%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(217,200,196,.12), transparent 70%);
}
.chat-trivia-banner > *{ position:relative; z-index:1; }
.ctb-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.chat-trivia-banner .ctb-badge{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:5px;
  font:800 10.5px/1 var(--fu); letter-spacing:.7px; text-transform:uppercase;
  color:#D9C8C4; background:rgba(217,135,120,.20); border:1px solid rgba(217,200,196,.38);
  padding:4px 9px; border-radius:999px;
}
.chat-trivia-banner .ctb-reward{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; white-space:nowrap;
  font:800 16px var(--fu); color:#fff;
}
.chat-trivia-banner .ctb-q{
  display:block; width:100%; min-width:0;
  white-space:normal; overflow:visible; text-overflow:clip;
  font-size:13px; line-height:1.5; font-weight:600; color:#E8D6D2;
  overflow-wrap:anywhere;
}
.chat-trivia-banner[hidden]{ display:none !important; }
.chat-trivia-banner [hidden]{ display:none !important; }
.rr-task.is-daily{
  border-color:rgba(206,66,43,.42) !important;
  background:linear-gradient(140deg, rgba(206,66,43,.10), rgba(206,66,43,.02)) !important;
  box-shadow:0 0 0 1px rgba(206,66,43,.10), 0 6px 20px rgba(206,66,43,.08);
}
.rr-task.is-daily .rr-task-badge{
  background:linear-gradient(180deg,#CE422B,#CE422B); color:#281C1C;
  font-weight:800; letter-spacing:.3px;
}
.rr-task.is-daily .rr-task-ico{ color:#CE422B; }
.sd-status{ margin:8px 0 0; padding:9px 11px; border-radius:10px; font-size:12px; line-height:1.5;
  color:#BFA7A2; background:rgba(255,255,255,.03); border:1px solid rgba(206,66,43,.14); }
.sd-status a{ color:#CE422B; font-weight:700; }
.sd-status .sd-detail{ display:inline-block; margin-left:4px; font-style:normal; font-size:10.5px;
  color:#6C433D; letter-spacing:.4px; }
.rp-ban-av:empty, .rr-c-player .rr-av-slot:empty{
  background:
    radial-gradient(circle at 50% 38%, rgba(184,117,105,.30) 0 22%, transparent 23%),
    radial-gradient(ellipse 46% 34% at 50% 88%, rgba(184,117,105,.30) 0 60%, transparent 61%),
    #281C1C;
}
.rp-ban-av:empty{ border-color:rgba(206,66,43,.30); }
.dw-calc--stack .dw-calc-lbl{ display:inline-flex; align-items:center; gap:7px; }
.dw-calc--stack .dw-calc-lbl .dw-calc-bonus{
  font-size:11.5px; font-weight:800; color:#5cf08f; letter-spacing:.2px;
  background:rgba(92,240,143,.12); border:1px solid rgba(92,240,143,.28);
  border-radius:999px; padding:2px 8px;
}
.dw-calc--stack .dw-calc-lbl .dw-calc-bonus[hidden]{ display:none !important; }
body.nav-open .rfd-mtoggle,
body.nav-open .chat-toggle{ opacity:0 !important; pointer-events:none !important; }
@media (max-width:820px){
  .chat-head #chatClose,
  .chat-clear-btn.chat-clear-icon,
  .fr-rules-close,
  .rfd-info-btn,
  .rfd-mclose{
    position:relative;
    padding:10px !important;
    margin:-10px !important;
    background-clip:content-box;
  }
  .rfd-mtoggle, .chat-toggle{ min-height:44px; }
}
@media (max-width:1400px){
  body.chat-open .rfd-mtoggle{ opacity:0 !important; pointer-events:none !important; }
}
.dw-calc-val input#wdUsd,
.dw-calc-val input#dwUsd{ text-align:center !important; }

.dw-calc-val > .coin-ico,
.dw-calc-val > .dw-pay-cur{
  width:22px !important; min-width:22px; height:22px;
  display:inline-flex !important; align-items:center; justify-content:center;
  flex:0 0 22px !important;
}
.dw-calc-val > .dw-pay-cur{ font-size:19px !important; line-height:1; }

.dw-calc--stack .dw-calc-eqv{
  align-self:center !important;
  width:100%; text-align:center;
  margin:0 !important; opacity:.55;
}
.page-head-sub{ margin-left:auto !important; margin-right:auto !important; }
section:has(> h1){ text-align:center !important; }
section:has(> h1) > .eyebrow{
  display:inline-flex !important; align-items:center;
  font-size:14px !important; letter-spacing:.16em;
}
.adm-int-status{
  display:flex; flex-wrap:wrap; gap:14px;
  margin:0 0 14px; padding:11px 13px;
  border:1px solid var(--ln); border-radius:12px;
  background:rgba(255,255,255,.02);
  font-size:12.5px; color:var(--t2);
}
.adm-int-status > span{ display:inline-flex; align-items:center; gap:7px; }

.adm-int-badge{
  display:inline-flex; align-items:center;
  padding:2px 9px; border-radius:999px;
  font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  border:1px solid transparent;
}
.adm-int-badge.on  { color:#4ade80; background:rgba(74,222,128,.12);  border-color:rgba(74,222,128,.34); }
.adm-int-badge.set { color:var(--gold2); background:rgba(206,66,43,.10); border-color:rgba(206,66,43,.30); }
.adm-int-badge.off { color:var(--t3);   background:rgba(255,255,255,.04); border-color:var(--ln); }
.adm-set input[data-saved="1"]{
  border-color:rgba(74,222,128,.42) !important;
  background:rgba(74,222,128,.05) !important;
}
.adm-set input[data-saved="1"]::placeholder{ color:#4ade80; opacity:.85; }
.cf-watch-card{ max-width:520px !important; }
.cf-watch-stage .rp-map{ max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }

@media (min-width:861px){
  .cf-watch-card{ max-width:700px !important; }
}
@media (max-width:900px){
  .chat-head{ min-width:0; }
  .chat-head .chat-title{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1 1 auto; }
  .chat-head .chat-online{ flex:0 0 auto !important; margin-right:6px; white-space:nowrap; }
  .chat-head .chat-head-actions{ flex:0 0 auto; margin-left:0; }
}
.center-waiting[hidden]{ display:none !important; }
.center-waiting:not([hidden]){ display:block; }
.rfd-sortbar{
  display:flex; align-items:center; flex-wrap:nowrap; gap:6px;
  padding:9px 12px; flex:0 0 auto; overflow:hidden;
  border-bottom:1px solid var(--ln, rgba(206,66,43,.14));
  background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}
.rfd-sort-lbl{
  font-size:11px; font-weight:700; letter-spacing:.4px; text-transform:uppercase;
  color:var(--t3, #B87569); margin-right:2px; flex:0 0 auto; white-space:nowrap;
}
.rfd-sort-chip{
  appearance:none; cursor:pointer; white-space:nowrap; flex:0 1 auto; min-width:0;
  overflow:hidden; text-overflow:ellipsis;
  font-size:12px; font-weight:700; line-height:1;
  padding:6px 11px; border-radius:999px;
  color:#BFA7A2; background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  transition:background .15s, border-color .15s, color .15s, transform .1s;
}
.rfd-sort-chip:hover{ background:rgba(206,66,43,.10); border-color:rgba(206,66,43,.30); color:#E8D6D2; }
.rfd-sort-chip:active{ transform:translateY(1px); }
.rfd-sort-chip.is-active{
  color:#281C1C; background:linear-gradient(180deg,#CE422B,#D98778);
  border-color:rgba(206,66,43,.55); box-shadow:0 2px 8px rgba(206,66,43,.22);
}
@media(max-width:760px){
  .rfd-sortbar{ padding:8px 10px; gap:4px; }
  .rfd-sort-chip{ font-size:11px; padding:6px 9px; }
  .rfd-sort-lbl{ font-size:10px; margin-right:1px; }
}
.dw-coin-hint{
  display:flex; align-items:flex-start; gap:8px;
  margin:10px 0 4px; padding:10px 12px;
  background:rgba(206,66,43,.08); border:1px solid rgba(206,66,43,.28);
  border-radius:10px; font-size:12.5px; line-height:1.45; color:var(--t2,#BFA7A2);
}
.dw-coin-hint b{ color:var(--gold2,#CE422B); font-weight:700; }
.dw-coin-hint-ico{ flex:0 0 auto; font-size:14px; color:var(--gold,#CE422B); line-height:1.3; }
.rw-bonus-lead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rw-steam-req{display:inline-flex;align-items:center;white-space:nowrap;padding:2px 8px;border-radius:999px;border:1px solid rgba(206,66,43,.28);background:rgba(206,66,43,.08);color:var(--gold2,#CE422B);font-size:11px;font-weight:800;line-height:1.45;letter-spacing:.02em}
@media(max-width:560px){.rw-steam-req{font-size:10.5px;padding:2px 7px}}
.dw-np-field{display:flex;flex-direction:column;gap:6px;margin:0 0 13px}.dw-np-field>span,.dw-np-pay-label{font:800 10px var(--fu,inherit);letter-spacing:.1em;text-transform:uppercase;color:var(--t3,#9E817B)}.dw-np-field .dw-select{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:11px;background:rgba(0,0,0,.28);border:1px solid var(--ln,rgba(255,255,255,.1));color:var(--t1,#F4EAE8);font:700 13px var(--fu,inherit);outline:none}.dw-np-field .dw-select:focus{border-color:rgba(206,66,43,.55);box-shadow:0 0 0 3px rgba(206,66,43,.12)}.dw-coin-hint.is-error{border-color:rgba(255,120,120,.35);color:#ffb4b4}.dw-np-pay{margin:12px 0 10px;padding:13px;border:1px solid rgba(206,66,43,.24);border-radius:13px;background:rgba(0,0,0,.24)}.dw-np-pay-top{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.dw-np-pay-top>div{min-width:0;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.dw-np-pay-top span{display:block;margin-bottom:4px;font:800 9px var(--fu,inherit);letter-spacing:.09em;text-transform:uppercase;color:var(--t3,#9E817B)}.dw-np-pay-top strong{display:block;overflow-wrap:anywhere;color:var(--t1,#F4EAE8);font:800 13px var(--fu,inherit)}.dw-np-copy{display:flex;gap:7px;margin:5px 0 10px}.dw-np-copy input{min-width:0;flex:1;padding:10px 11px;border-radius:9px;background:rgba(0,0,0,.34);border:1px solid var(--ln,rgba(255,255,255,.1));color:var(--t1,#F4EAE8);font:600 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.dw-np-copy button{flex:0 0 auto;padding:0 12px;border:1px solid rgba(206,66,43,.3);border-radius:9px;background:rgba(206,66,43,.1);color:var(--gold2,#CE422B);font:800 11px var(--fu,inherit);cursor:pointer}.dw-np-expiry{font-size:10.5px;line-height:1.45;color:var(--t3,#9E817B)}.dw-np-check{height:38px!important;margin-top:10px!important;font-size:11px!important}@media(max-width:520px){.dw-np-pay-top{grid-template-columns:1fr}.dw-np-copy input{font-size:11px}}
.dw-np-pay>.dw-np-copy{margin-bottom:0}.dw-np-pay>.dw-coin-hint{margin:12px 0 14px}.dw-deposit-codes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}.dw-ref.dw-ref--inline{margin-top:0;padding:10px;border:1px solid var(--ln,#382424);border-radius:10px;background:rgba(255,255,255,.025)}.dw-ref--inline .dw-ref-head{margin-bottom:7px}.dw-ref--inline .dw-ref-row{display:grid;grid-template-columns:1fr;gap:7px}.dw-ref--inline .dw-ref-apply{width:100%;}.dw-ref--inline .dw-ref-note{min-height:0}.dw-ref--inline .dw-ref-note:empty{display:none}.dw-ref--inline .dw-ref-timer{margin-bottom:7px}.dw-np-copy:last-of-type{margin-bottom:0}@media(max-width:720px){.dw-deposit-grid .dw-side .wd-coins{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.dw-deposit-grid .dw-side .wd-coin{min-width:0!important;padding:9px 10px!important}.dw-deposit-codes{grid-template-columns:1fr;gap:8px}.dw-ref.dw-ref--inline{padding:9px}}@media(max-width:520px){.dw-np-pay>.dw-coin-hint{margin:10px 0 12px;padding:9px 10px}}@media(max-width:380px){.dw-deposit-grid .dw-side .wd-coins{grid-template-columns:1fr}}


/* ==========================================================================\n   RUSTNECRO 2026 — final theme/layout overrides\n   ========================================================================== */
:root{
  --rn-red:#CE422B; --rn-red-soft:#e66a55; --rn-brown:#281C1C; --rn-deep:#160f0f;
  --bg:#281C1C !important; --bg2:#1d1414 !important; --card:#302020 !important;
  --card2:#382424 !important; --line:rgba(206,66,43,.22) !important;
  --p:#CE422B !important; --accent:#CE422B !important; --gold:#CE422B !important;
  --text:#f6eeeb !important; --muted:#b9a8a4 !important;
}
html,body{background:#281C1C !important;color:#f6eeeb !important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;}
body::before{background:radial-gradient(70% 42% at 50% 0,rgba(206,66,43,.13),transparent 70%),linear-gradient(180deg,#281C1C,#160f0f) !important;}
.grain,.scanlines{opacity:.025 !important}.topbar{background:rgba(31,20,20,.96)!important;border-bottom:1px solid rgba(206,66,43,.22)!important;box-shadow:0 12px 34px rgba(0,0,0,.2)!important;}
.topbar-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;position:relative!important;max-width:none!important;padding-inline:18px!important;}
.nav-shell{grid-column:1;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;min-width:0!important;width:100%!important;}
.nav-games{justify-self:end!important;padding-right:clamp(90px,11vw,190px)!important}.nav-more{justify-self:start!important;padding-left:clamp(90px,11vw,190px)!important}
.brand-word{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;gap:7px!important;text-decoration:none!important;white-space:nowrap!important;z-index:4!important;}
.brand-word>span{font-family:"Rust","Arial Black",Impact,sans-serif!important;font-size:clamp(20px,2vw,31px)!important;line-height:1!important;letter-spacing:.065em!important;color:#CE422B!important;text-shadow:0 1px 0 #120b0b,0 0 22px rgba(206,66,43,.18)!important;transform:scaleX(.93)!important;}
.brand-beta{position:static!important;color:#e9b3aa!important;background:rgba(206,66,43,.11)!important;border-color:rgba(206,66,43,.28)!important;}
.nav a{color:#c7b8b5!important}.nav a:hover,.nav a.active{color:#fff!important;background:rgba(206,66,43,.12)!important}.nav a.active::after{background:#CE422B!important;}
.pill-steam,.steam-btn,.dw-cta,.app-modal__btn.gold,.btn-primary,.btn-skin-stake{background:linear-gradient(180deg,#d95139,#b83421)!important;border-color:#e26049!important;color:#fff!important;box-shadow:0 7px 20px rgba(206,66,43,.20)!important;}
.pill-steam:hover,.steam-btn:hover,.dw-cta:hover,.app-modal__btn.gold:hover,.btn-primary:hover,.btn-skin-stake:hover{filter:brightness(1.08)!important;}
.section-block,.rp-map-card,.rp-entrants-card,.rp-recent-card,.cf-card,.app-modal__card,.profile-menu,.notif-panel{background:linear-gradient(180deg,rgba(55,35,35,.98),rgba(36,23,23,.98))!important;border-color:rgba(206,66,43,.18)!important;}
.eyebrow,.rp-lab,.section-title .eyebrow,.nav-info{color:#df7b6b!important}.page-title{font-family:"Rust","Arial Black",Impact,sans-serif!important;letter-spacing:.035em!important;}
.coin-ico{background-image:url('/assets/dollar.svg')!important;background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;mask:none!important;-webkit-mask:none!important;}
.coin-c{opacity:.72;font-size:.82em}.coin-amt{font-variant-numeric:tabular-nums;white-space:nowrap}
.free-rain{background:linear-gradient(135deg,rgba(206,66,43,.17),rgba(40,28,28,.88))!important;border-color:rgba(206,66,43,.28)!important}.fr-glow{background:radial-gradient(circle,rgba(206,66,43,.25),transparent 68%)!important;}
.page-loader,.rr-loader{background:#281C1C!important}

/* swapped side panels: raffles LEFT, chat RIGHT. Content only reserves space for panels that are open. */
@media (min-width:1201px){
  html body .rfd-drawer{left:0!important;right:auto!important;transform:none!important;border-right:1px solid rgba(206,66,43,.18)!important;}
  html body .rfd-drawer.closed{transform:translateX(-106%)!important}
  html body.rfd-open main.page{padding-right:clamp(16px,3vw,44px)!important;margin-left:344px!important;margin-right:0!important;}
  html body .chat-drawer{right:0!important;left:auto!important;transform:none!important;border-left:1px solid rgba(206,66,43,.18)!important;border-right:0!important;}
  html body .chat-drawer.closed{transform:translateX(106%)!important;pointer-events:none!important;}
  html body.chat-open:not(.chat-off) main.page{margin-left:344px!important;margin-right:344px!important;}
  html body:not(.chat-open) main.page,html body.chat-off main.page{margin-right:0!important;}
  html body.rfd-open .mkt-bulk-bar{left:344px!important;right:16px!important;} html body.chat-open .mkt-bulk-bar{right:344px!important;}
}
.chat-drawer,.rfd-drawer{background:linear-gradient(180deg,#2c1d1d,#1a1111)!important;border-color:rgba(206,66,43,.20)!important;}

.rp-header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin-bottom:14px!important}.rp-header .page-title{margin-bottom:0!important}
.rp-view-toggle{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border-radius:11px;border:1px solid rgba(206,66,43,.35);background:rgba(206,66,43,.10);color:#f7e7e3;font-weight:800;cursor:pointer;transition:.18s ease}
.rp-view-toggle:hover:not(:disabled){background:rgba(206,66,43,.19);transform:translateY(-1px)}.rp-view-toggle:disabled{opacity:.42;cursor:not-allowed;transform:none}.rp-view-dot{width:8px;height:8px;border-radius:50%;background:#CE422B;box-shadow:0 0 12px rgba(206,66,43,.65)}
.rp-login-hint{font-size:12px;color:#bfaeaa;text-align:right;max-width:180px}
.rp-classic{position:relative;min-height:340px;padding:34px 0 18px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(206,66,43,.12),transparent 38%),#1c1212;border-radius:15px;border:1px solid rgba(206,66,43,.16)}
.rp-reel-window{position:relative;overflow:hidden;width:100%;padding:18px 0}.rp-reel-window::before,.rp-reel-window::after{content:"";position:absolute;top:0;bottom:0;width:12%;z-index:3;pointer-events:none}.rp-reel-window::before{left:0;background:linear-gradient(90deg,#1c1212,transparent)}.rp-reel-window::after{right:0;background:linear-gradient(-90deg,#1c1212,transparent)}
.rp-reel-marker{position:absolute;z-index:5;left:50%;top:4px;bottom:4px;width:2px;background:#CE422B;box-shadow:0 0 18px rgba(206,66,43,.7)}.rp-reel-marker::before,.rp-reel-marker::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent}.rp-reel-marker::before{top:0;border-top:11px solid #CE422B}.rp-reel-marker::after{bottom:0;border-bottom:11px solid #CE422B}
.rp-reel-track{display:flex;gap:10px;width:max-content;will-change:transform;padding:0 calc(50% - 66px)}.rp-reel-cell{width:132px;min-width:132px;height:190px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#372323,#241717);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;box-shadow:0 12px 25px rgba(0,0,0,.18)}.rp-reel-cell img,.rp-reel-ph{width:92px;height:92px;object-fit:contain;border-radius:10px;background:rgba(0,0,0,.18)}.rp-reel-ph{display:grid;place-items:center;font-family:"Rust","Arial Black",Impact,sans-serif;color:#CE422B;font-size:26px}.rp-reel-cell b{display:block;width:100%;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px}.rp-reel-cell small{display:flex;align-items:center;gap:5px;color:#d8c4bf;margin-top:4px}.rp-reel-cell.rp-reel-win{border-color:rgba(206,66,43,.5);box-shadow:inset 0 0 24px rgba(206,66,43,.08),0 12px 25px rgba(0,0,0,.22)}.rp-reel-status{text-align:center;font-weight:800;color:#c9b5b1;margin-top:14px}.rp-reel-status strong{color:#fff}.rp-reel-status span{display:inline-flex;gap:5px;align-items:center;color:#e97c69}

@media(max-width:1200px){
  .topbar-inner{display:flex!important}.nav-shell{display:flex!important;position:fixed!important;inset:var(--rr-header-h,74px) 10px auto 10px!important;flex-direction:column!important;align-items:stretch!important;background:#211616!important;border:1px solid rgba(206,66,43,.22)!important;border-radius:14px!important;padding:10px!important;opacity:0!important;pointer-events:none!important;transform:translateY(-8px)!important;transition:.18s ease!important;z-index:1300!important}.nav-shell.open{opacity:1!important;pointer-events:auto!important;transform:none!important}.nav-shell .brand-word{display:none!important}.nav-games,.nav-more{justify-self:auto!important;padding:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.account{margin-left:auto!important}.rp-stage-2col{grid-template-columns:1fr!important}.rp-header{align-items:center!important}
}
@media(max-width:640px){.nav-games,.nav-more{grid-template-columns:1fr!important}.rp-view-toggle{min-height:36px;padding:0 10px;font-size:12px}.rp-classic{min-height:290px}.rp-reel-cell{width:112px;min-width:112px;height:165px}.rp-reel-cell img,.rp-reel-ph{width:76px;height:76px}.rp-reel-track{padding:0 calc(50% - 56px)} }

/* Rustnecro desktop drawer geometry: widths must shrink with the viewport, never overflow it. */
@media (min-width:1201px){
  html body main.page{box-sizing:border-box!important;max-width:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) main.page{
    margin-left:344px!important;margin-right:344px!important;
    width:calc(100vw - 688px)!important;
  }
  html body.rfd-open:not(.chat-open) main.page,
  html body.rfd-open.chat-off main.page{
    margin-left:344px!important;margin-right:0!important;
    width:calc(100vw - 344px)!important;
  }
  html body:not(.rfd-open).chat-open:not(.chat-off) main.page{
    margin-left:0!important;margin-right:344px!important;
    width:calc(100vw - 344px)!important;
  }
  html body:not(.rfd-open):not(.chat-open) main.page,
  html body:not(.rfd-open).chat-off main.page{
    margin-left:0!important;margin-right:0!important;
    width:100%!important;
  }
}

/* Explicit nav grid placement keeps the centered wordmark clear of both nav groups. */
@media (min-width:1201px){
  .nav-games{grid-column:1!important;}
  .nav-more{grid-column:3!important;}
  .brand-mobile{display:none!important;}
}
@media (max-width:1200px){
  .brand-mobile{
    display:flex!important;position:static!important;transform:none!important;
    order:3!important;flex:1 1 auto!important;min-width:96px!important;
    justify-content:center!important;align-items:center!important;overflow:visible!important;
  }
  .brand-mobile>span{font-size:clamp(18px,5vw,24px)!important;}
  .account>.pill-steam{order:7!important;flex:0 0 auto!important;margin-left:auto!important;}
}

/* Rustnecro final palette closure: remove remaining legacy blue/gold accents from public UI. */
.free-rain.fr-building .fr-bar-fill,
.free-rain.fr-active .fr-bar-fill{
  background:linear-gradient(90deg,#A93423,#CE422B,#E66A55)!important;
  box-shadow:0 0 16px rgba(206,66,43,.42)!important;
}
.free-rain.fr-active .fr-glow,.free-rain .fr-glow{background:radial-gradient(60% 92% at 50% 0%,rgba(206,66,43,.24),rgba(206,66,43,.08) 60%,transparent 76%)!important}
.free-rain .fr-drop,.free-rain .fr-pot,.free-rain .fr-info{color:#E9806D!important}
.free-rain .fr-title,.free-rain .fr-brand-main,.free-rain .fr-pot-lbl{color:#E8D6D2!important}
.free-rain .fr-info{border-color:rgba(206,66,43,.34)!important;background:rgba(206,66,43,.12)!important}
.free-rain .fr-info:hover{background:#CE422B!important;color:#fff!important}
.free-rain .fr-bar{border-color:rgba(206,66,43,.22)!important}
.free-rain .fr-pot .fr-pot-ava{filter:drop-shadow(0 0 3px rgba(206,66,43,.34))!important}
.chat-message.chat-message-rain .chat-body p,.chat-rain-tag{color:#E9806D!important}
.chat-rain-tag,.chat-tip-tag{border-color:rgba(206,66,43,.30)!important;background:rgba(206,66,43,.09)!important}
.steam-btn .steam-ico,.steam-btn svg,.pill-steam .pill-steam-ico,.pill-steam svg,.hm-btn-steam svg{color:#F7E8E5!important}
.pf2-kpi{--kc:#CE422B!important}.pf2-kpi-val{color:#E8D6D2!important}.pf2-gs.win b,.pf2-row-amt.up{color:#E9806D!important}.pf2-row-amt.down{color:#CE422B!important}

/* === Rustnecro visual regression closure 2026-08-22 rev2 === */
:root{--rn-bg:#281C1C;--rn-card:#211616;--rn-card2:#301F1F;--rn-red:#CE422B;--rn-red2:#E66A55;--rn-line:rgba(206,66,43,.22);}
body,.page-loader,.rr-loader{background-color:var(--rn-bg)!important;}
.topbar{background:rgba(31,20,20,.97)!important;border-bottom:1px solid var(--rn-line)!important;box-shadow:0 10px 32px rgba(0,0,0,.38)!important;}
.chat-drawer,.chat-panel,.rfd-drawer{background:linear-gradient(180deg,#2A1B1B 0%,#1B1212 100%)!important;border-color:var(--rn-line)!important;}
.chat-panel>.chat-head,.chat-head,.chat-form{background:#211616!important;border-color:var(--rn-line)!important;}
.chat-form input{background:#181010!important;border-color:rgba(206,66,43,.18)!important;color:#F6ECEA!important;}
.chat-form input:focus{border-color:#CE422B!important;box-shadow:0 0 0 3px rgba(206,66,43,.12)!important;background:#1D1212!important;}
.chat-form>button,.chat-form button[type=submit],.chat-emoji-btn,.chat-rules-btn,.chat-lang-btn,.chat-vol-btn{border-color:rgba(206,66,43,.24)!important;background:#2A1B1B!important;color:#F4DEDA!important;}
.chat-form button[type=submit]{background:linear-gradient(135deg,#CE422B,#A93423)!important;color:#fff!important;}
.chat-online-dot{background:#45D483!important;box-shadow:0 0 8px rgba(69,212,131,.8)!important;}

/* Right-side navigation keeps icon + label in every desktop item. */
.nav-more a{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.nav-more a .nav-ico{display:inline-flex!important;width:19px!important;height:19px!important;align-items:center!important;justify-content:center!important;color:#D98778!important;flex:0 0 auto!important;}
.nav-more a .nav-ico svg{display:block!important;width:19px!important;height:19px!important;}
.nav-more a:hover .nav-ico,.nav-more a.active .nav-ico{color:#CE422B!important;}

/* One eyebrow system: larger, consistently left aligned. */
.eyebrow,.section-title .eyebrow,.rp-header .eyebrow,.rf-header .eyebrow,.lb-page-head .eyebrow,.blog-eyebrow,.lp-sec-eyebrow{
  display:block!important;width:100%!important;text-align:left!important;justify-content:flex-start!important;
  font-size:13px!important;line-height:1.2!important;letter-spacing:.12em!important;margin:0 0 7px!important;color:#E07C6B!important;
}
.section-title,.page-hero>div,.rp-header>div,.rf-header>div,.lb-page-head>div{ text-align:left!important; align-items:flex-start!important; }
@media(max-width:720px){.eyebrow,.section-title .eyebrow,.rp-header .eyebrow,.rf-header .eyebrow,.lb-page-head .eyebrow,.blog-eyebrow,.lp-sec-eyebrow{font-size:12.5px!important;}}

/* Rain is a compact card, never a stack of overlapping absolute-looking controls. */
#chatRain.free-rain{padding:12px!important;margin:8px 10px!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(206,66,43,.13),rgba(40,28,28,.97))!important;border:1px solid rgba(206,66,43,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.28)!important;}
#chatRain .fr-row{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-items:stretch!important;min-width:0!important;}
#chatRain .fr-brand{display:flex!important;align-items:center!important;min-width:0!important;gap:7px!important;}
#chatRain .fr-brand-main{font-size:14px!important;font-weight:900!important;color:#F3D9D4!important;background:none!important;-webkit-text-fill-color:currentColor!important;filter:none!important;}
#chatRain .fr-right{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;min-width:0!important;}
#chatRain .fr-pot{justify-self:start!important;margin:0!important;min-width:0!important;font-size:18px!important;color:#F2A497!important;overflow:hidden!important;}
#chatRain .fr-pot #chatRainPot{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#chatRain .fr-timer{justify-self:end!important;padding:6px 8px!important;min-width:54px!important;text-align:center!important;background:rgba(206,66,43,.15)!important;border:1px solid rgba(206,66,43,.28)!important;color:#F3C2BA!important;box-shadow:none!important;text-shadow:none!important;}
#chatRain .fr-tip{grid-column:1!important;justify-self:start!important;background:#2B1B1B!important;border:1px solid rgba(206,66,43,.25)!important;color:#EAA093!important;box-shadow:none!important;}
#chatRain .fr-actions{grid-column:1 / -1!important;width:100%!important;margin:0!important;display:flex!important;min-width:0!important;}
#chatRain .fr-actions .fr-join{width:100%!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;border:1px solid rgba(206,66,43,.34)!important;background:linear-gradient(135deg,#CE422B,#A93423)!important;color:#fff!important;box-shadow:none!important;}
#chatRain .fr-actions .fr-join-note{font-size:11px!important;letter-spacing:.01em!important;text-transform:uppercase!important;}
#chatRain .fr-bar{height:7px!important;margin-top:10px!important;background:#160E0E!important;border-color:rgba(206,66,43,.18)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.55)!important;}
#chatRain .fr-bar-fill{background:linear-gradient(90deg,#8F2D20,#CE422B,#E66A55)!important;box-shadow:0 0 12px rgba(206,66,43,.32)!important;}
#chatRain .fr-meta{margin-top:7px!important;color:#BFA7A2!important;font-size:11.5px!important;line-height:1.3!important;}
#chatRain .fr-rain{opacity:.18!important;pointer-events:none!important;}

/* Branded loader: RN mark, wordmark and a real progress rail. */
.page-loader{background:radial-gradient(circle at 50% 42%,rgba(206,66,43,.12),transparent 28%),#281C1C!important;}
.page-loader .pl-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:230px;}
.page-loader .pl-logo{display:flex;flex-direction:column;align-items:center;gap:7px;}
.page-loader .pl-rn{width:82px;height:82px;border-radius:18px;display:grid;place-items:center;font-family:"Rust","Arial Black",Impact,sans-serif;font-size:38px;font-weight:900;letter-spacing:-.04em;color:#CE422B;background:#1D1313;border:1px solid rgba(206,66,43,.32);box-shadow:0 14px 36px rgba(0,0,0,.35),inset 0 0 26px rgba(206,66,43,.06);}
.page-loader .pl-word{font-family:"Rust","Arial Black",Impact,sans-serif;font-size:20px;font-weight:900;letter-spacing:.13em;color:#F0D9D5;}
.page-loader .pl-track{position:relative;width:220px;height:5px;border-radius:999px;overflow:hidden;background:#160F0F;border:1px solid rgba(206,66,43,.15);}
.page-loader .pl-track span{position:absolute;inset:0 auto 0 0;width:42%;border-radius:999px;background:linear-gradient(90deg,#8F2D20,#CE422B,#E66A55);animation:rnLoadRail 1.15s ease-in-out infinite;box-shadow:0 0 12px rgba(206,66,43,.45);}
.page-loader .pl-copy{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8F7772;}
@keyframes rnLoadRail{0%{transform:translateX(-115%)}100%{transform:translateX(350%)}}
.page-loader .pl-icon{display:none!important;}

/* Rustpot classic jackpot becomes the primary full-width stage, then In Pot, then Last Games. */
.rp-view-toggle{position:relative;overflow:hidden;min-height:42px!important;padding:0 15px!important;border-radius:12px!important;border:1px solid rgba(206,66,43,.30)!important;background:linear-gradient(180deg,#2C1C1C,#211616)!important;color:#F2DCD8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.22)!important;}
.rp-view-toggle::before{content:"";position:absolute;inset:0;border-left:3px solid #CE422B;pointer-events:none;}
.rp-view-toggle .rp-view-dot{width:7px;height:7px;background:#CE422B;box-shadow:0 0 10px rgba(206,66,43,.6);}
.rp-view-toggle:hover:not(:disabled){background:linear-gradient(180deg,#382323,#271818)!important;border-color:rgba(206,66,43,.52)!important;transform:none!important;}
.rp-view-toggle:disabled{filter:grayscale(.35);opacity:.48!important;}
body.rp-classic-mode .rp-stage.rp-stage-2col{display:flex!important;flex-direction:column!important;max-width:1180px!important;gap:16px!important;}
body.rp-classic-mode .rp-map-col,body.rp-classic-mode .rp-side-col{width:100%!important;max-width:none!important;}
body.rp-classic-mode .rp-side-col{display:flex!important;flex-direction:column!important;gap:16px!important;}
body.rp-classic-mode #rpInPotCard{order:1!important;} body.rp-classic-mode #rpLastGamesCard{order:2!important;}
body.rp-classic-mode .rp-map-card{padding:18px!important;}
body.rp-classic-mode .rp-classic{min-height:300px!important;padding:22px 0 16px!important;background:radial-gradient(55% 80% at 50% 50%,rgba(206,66,43,.10),transparent 68%),linear-gradient(180deg,#241717,#1A1111)!important;border-color:rgba(206,66,43,.22)!important;}
.rp-reel-window{padding:20px 0!important;}
.rp-reel-track{gap:10px!important;}
.rp-reel-cell{width:126px!important;min-width:126px!important;height:164px!important;border-radius:12px!important;padding:9px!important;background:linear-gradient(180deg,#352222,#241717)!important;border:1px solid rgba(206,66,43,.13)!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important;}
.rp-reel-cell img,.rp-reel-ph{width:92px!important;height:92px!important;border-radius:10px!important;object-fit:cover!important;background:#170F0F!important;border:1px solid rgba(206,66,43,.12)!important;}
.rp-reel-cell b{font-size:12px!important;color:#F3E4E1!important;}
.rp-reel-cell small{font-size:11px!important;color:#BFA9A5!important;}
.rp-reel-marker{width:2px!important;background:#CE422B!important;box-shadow:0 0 18px rgba(206,66,43,.72)!important;}
.rp-reel-track.rp-reel-idle{padding:0!important;animation:rpIdleMarquee 32s linear infinite!important;}
@keyframes rpIdleMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 5px),0,0)}}
.rp-reel-status{margin-top:10px!important;font-size:12px!important;color:#AD938E!important;letter-spacing:.02em!important;}
body.rp-classic-mode .rp-entrants-card,body.rp-classic-mode .rp-recent-card{width:100%!important;}
body.rp-classic-mode .rp-entrants{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:8px!important;}
body.rp-classic-mode .rp-recent{width:100%!important;}
@media(max-width:700px){.rp-header{align-items:flex-start!important;flex-direction:column!important}.rp-view-toggle{width:100%!important;justify-content:center!important}.rp-reel-cell{width:108px!important;min-width:108px!important;height:148px!important}.rp-reel-cell img,.rp-reel-ph{width:78px!important;height:78px!important}.rp-reel-track{padding:0 calc(50% - 54px)!important}.rp-reel-track.rp-reel-idle{animation-duration:36s!important}body.rp-classic-mode .rp-entrants{grid-template-columns:1fr!important;}}

/* Rustnecro REV3 — rain guest state: no login CTA/button, neutral unknown marker. */
#chatRain .fr-actions.fr-actions-guest{
  justify-content:flex-end!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  grid-column:1 / -1!important;
}
#chatRain .fr-guest-mark{
  width:30px!important;
  height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border-radius:50%!important;
  border:1px solid rgba(206,66,43,.30)!important;
  background:rgba(40,28,28,.72)!important;
  color:#D9968B!important;
  font:900 16px/1 Arial,Helvetica,sans-serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  cursor:default!important;
  user-select:none!important;
}
#chatRain .fr-guest-mark:hover{transform:none!important;filter:none!important;}
@media (max-width:520px){
  #chatRain .fr-guest-mark{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:15px!important;}
}

/* ==========================================================================\n   RUSTNECRO REV5 — header/rain/chat/loader/classic jackpot closure\n   User-visible corrections 2026-08-22\n   ========================================================================== */

/* Header: reserve a real dead-zone around the centered wordmark. The nav groups
   are positioned relative to the viewport center instead of a column shortened
   by the account controls, so Races can never drift underneath the logo. */
@media (min-width:1201px){
  .topbar-inner{
    display:flex!important;
    position:relative!important;
    width:min(1600px,100%)!important;
    min-height:72px!important;
    padding:0 18px!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }
  .nav-shell{
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    min-width:0!important;
    display:block!important;
    pointer-events:none!important;
  }
  .nav-shell .nav,.nav-shell .brand-word{pointer-events:auto!important;}
  .nav-games,.nav-more{
    position:absolute!important;
    top:50%!important;
    display:flex!important;
    align-items:center!important;
    padding:4px!important;
    margin:0!important;
    width:auto!important;
    max-width:none!important;
    transform:translateY(-50%)!important;
  }
  .nav-games{right:calc(50% + 142px)!important;justify-self:auto!important;}
  .nav-more{left:calc(50% + 142px)!important;justify-self:auto!important;}
  .brand-word{
    left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;height:auto!important;overflow:visible!important;
    z-index:6!important;
  }
  .brand-word>span{
    font-size:clamp(24px,2vw,30px)!important;
    letter-spacing:.055em!important;
    transform:none!important;
  }
  .brand-word:hover,.brand-word:focus-visible{
    transform:translate(-50%,-50%)!important;
    filter:none!important;
  }
  .brand-word:hover>span{transform:none!important;color:#CE422B!important;text-shadow:0 1px 0 #120b0b,0 0 18px rgba(206,66,43,.16)!important;}
  .account{position:relative!important;z-index:8!important;margin-left:auto!important;}
}
@media (min-width:1201px) and (max-width:1390px){
  .nav-games{right:calc(50% + 126px)!important;}
  .nav-more{left:calc(50% + 126px)!important;}
  .nav a{font-size:11.5px!important;padding-inline:7px!important;gap:5px!important;}
  .nav-more a .nav-ico,.nav-more a .nav-ico svg{width:17px!important;height:17px!important;}
  .brand-word>span{font-size:25px!important;letter-spacing:.045em!important;}
}

/* Right-side navigation icons: single-stroke, no hover morphing. */
.nav-more a .nav-ico{color:#D98778!important;filter:none!important;transform:none!important;}
.nav-more a .nav-ico svg{stroke-width:1.75!important;overflow:visible!important;}
.nav-more a:hover .nav-ico,.nav-more a.active .nav-ico{color:#F08A78!important;filter:none!important;transform:none!important;}
.nav-ico-market svg{width:20px!important;height:20px!important;}

/* Chat must always be closable. Desktop close persists and a clean reopen tab
   appears only while the drawer is closed. */
#chatClose{
  display:inline-grid!important;place-items:center!important;
  width:32px!important;height:32px!important;min-width:32px!important;
  padding:0!important;border-radius:9px!important;
  border:1px solid rgba(206,66,43,.22)!important;
  background:#2B1B1B!important;color:#F4DEDA!important;
  cursor:pointer!important;opacity:1!important;visibility:visible!important;
  flex:0 0 32px!important;
}
#chatClose svg{display:block!important;width:16px!important;height:16px!important;}
#chatClose:hover{background:rgba(206,66,43,.16)!important;border-color:rgba(206,66,43,.42)!important;color:#fff!important;transform:none!important;}
.chat-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:4px!important;}
@media (min-width:1201px){
  .chat-toggle{
    display:flex!important;position:fixed!important;
    left:auto!important;right:0!important;top:112px!important;bottom:auto!important;
    width:42px!important;min-height:118px!important;padding:0!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    border-radius:12px 0 0 12px!important;border:1px solid rgba(206,66,43,.34)!important;border-right:0!important;
    background:linear-gradient(180deg,#CE422B,#A93423)!important;
    box-shadow:-8px 0 22px rgba(0,0,0,.32)!important;
    writing-mode:vertical-rl!important;color:#fff!important;z-index:945!important;
    transform:none!important;animation:none!important;
  }
  body.chat-open .chat-toggle{opacity:0!important;pointer-events:none!important;transform:translateX(100%)!important;}
  body:not(.chat-open) .chat-toggle{opacity:1!important;pointer-events:auto!important;transform:none!important;}
  body:not(.chat-open) .chat-toggle::after{display:none!important;animation:none!important;}
}

/* Rain guest state: no login button/CTA. A small neutral ? occupies the action
   slot so nothing overlaps the pot/timer rows. */
#chatRain .fr-actions.fr-actions-guest{grid-column:3!important;grid-row:1!important;width:auto!important;justify-self:end!important;align-self:center!important;justify-content:flex-end!important;}
#chatRain .fr-actions.fr-actions-guest .fr-guest-mark{
  width:30px!important;height:30px!important;min-width:30px!important;
  border-radius:9px!important;border:1px solid rgba(206,66,43,.24)!important;
  background:#211616!important;color:#DB8A7D!important;
  font:900 16px/1 Arial,Helvetica,sans-serif!important;
  box-shadow:none!important;
}
#chatRain .fr-right{grid-template-columns:minmax(0,1fr) auto auto!important;}
#chatRain .fr-tip{grid-column:auto!important;justify-self:end!important;}
#chatRain .fr-actions:not(.fr-actions-guest){grid-column:1 / -1!important;}
@media(max-width:520px){
  #chatRain .fr-right{grid-template-columns:minmax(0,1fr) auto!important;}
  #chatRain .fr-tip{grid-column:1!important;grid-row:2!important;}
  #chatRain .fr-actions.fr-actions-guest{grid-column:2!important;grid-row:2!important;}
}

/* Loader: only the Rustnecro wordmark and the progress rail. No RN tile and no
   "Loading Rustnecro" copy. */
.page-loader .pl-rn,.page-loader .pl-copy,.page-loader .pl-icon{display:none!important;}
.page-loader .pl-wrap{gap:16px!important;min-width:260px!important;}
.page-loader .pl-logo{display:flex!important;align-items:center!important;justify-content:center!important;}
.page-loader .pl-word{
  display:block!important;
  font-family:"Rust","Arial Black",Impact,sans-serif!important;
  font-size:clamp(28px,4vw,42px)!important;font-weight:900!important;
  letter-spacing:.075em!important;line-height:1!important;color:#CE422B!important;
  text-shadow:0 2px 0 #120B0B,0 0 28px rgba(206,66,43,.20)!important;
}
.page-loader .pl-track{width:min(280px,62vw)!important;height:4px!important;border:0!important;background:#170F0F!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.55)!important;}

/* Classic Jackpot controls: JOIN remains in the page header, above the reel. */
.rp-header{align-items:center!important;}
.rp-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;}
.rp-header-actions .rp-join-top{min-height:42px!important;min-width:92px!important;padding:0 18px!important;border-radius:11px!important;}
.rp-header-actions .rp-login-hint-top{max-width:190px!important;line-height:1.25!important;}
.rp-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;}
body.rp-classic-mode .rp-topline{align-items:flex-start!important;}
body.rp-classic-mode .rp-header-actions{position:relative!important;z-index:8!important;}
@media(max-width:700px){
  .rp-header{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .rp-header-actions{width:100%!important;justify-content:stretch!important;display:grid!important;grid-template-columns:1fr auto!important;}
  .rp-header-actions .rp-view-toggle{width:auto!important;min-width:0!important;}
  .rp-header-actions .rp-join-top{min-width:88px!important;}
  .rp-header-actions .rp-login-hint-top{grid-column:1/-1!important;max-width:none!important;text-align:left!important;}
}

/* Classic reel = player avatars only. Item values/prices are intentionally not
   rendered in this mode. */
.rp-reel-cell{height:154px!important;justify-content:center!important;gap:8px!important;}
.rp-reel-cell img,.rp-reel-ph{
  width:96px!important;height:96px!important;border-radius:50%!important;
  object-fit:cover!important;border:2px solid rgba(206,66,43,.20)!important;
  background:#160F0F!important;
}
.rp-reel-ph{font-family:Arial,Helvetica,sans-serif!important;font-size:34px!important;font-weight:900!important;color:#D5897C!important;}
.rp-reel-cell b{margin:0!important;font-size:12px!important;line-height:1.25!important;color:#F2E3E0!important;}
.rp-reel-cell small{display:none!important;}
.rp-reel-cell.rp-reel-win,.rp-reel-cell.rp-reel-landed{
  border-color:rgba(206,66,43,.58)!important;
  box-shadow:0 0 0 1px rgba(206,66,43,.16),0 0 28px rgba(206,66,43,.17),0 12px 26px rgba(0,0,0,.30)!important;
}
.rp-reel-cell.rp-reel-landed img,.rp-reel-cell.rp-reel-landed .rp-reel-ph{border-color:#CE422B!important;box-shadow:0 0 22px rgba(206,66,43,.35)!important;}
.rp-reel-track.rp-reel-idle{animation:rpIdleMarquee 32s linear infinite!important;}
.rp-reel-track.rp-reel-idle.rp-reel-drawing{animation-duration:3.8s!important;filter:saturate(1.08) brightness(1.04);}
.rp-reel-track.rp-reel-drawing .rp-reel-cell{box-shadow:0 10px 25px rgba(0,0,0,.30)!important;}
.rp-reel-status{min-height:18px!important;}
@media(max-width:700px){
  .rp-reel-cell{height:136px!important;}
  .rp-reel-cell img,.rp-reel-ph{width:78px!important;height:78px!important;}
  .rp-reel-ph{font-size:28px!important;}
}


/* ==========================================================================
   RUSTNECRO REV5.1 — header/chat/rain hard closure
   ========================================================================== */
/* The centered wordmark owns a fixed safety zone. Header beta is intentionally
   hidden here because it enlarged the hit-box and visually collided with Races. */
@media (min-width:1201px){
  .brand-word .brand-beta{display:none!important;}
  .brand-word,.brand-word:hover,.brand-word:focus,.brand-word:focus-visible{
    left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    background:transparent!important;box-shadow:none!important;filter:none!important;
    padding:0!important;margin:0!important;border:0!important;
  }
  .brand-word>span,.brand-word:hover>span,.brand-word:focus>span{
    display:block!important;transform:scaleX(.90)!important;
    font-size:27px!important;letter-spacing:.055em!important;
    color:#CE422B!important;text-shadow:0 1px 0 #120B0B,0 0 14px rgba(206,66,43,.14)!important;
    transition:none!important;
  }
  .nav-games{right:calc(50% + 170px)!important;}
  .nav-more{left:calc(50% + 170px)!important;}
}
@media (min-width:1201px) and (max-width:1390px){
  .nav-games{right:calc(50% + 154px)!important;}
  .nav-more{left:calc(50% + 154px)!important;}
  .brand-word>span,.brand-word:hover>span{font-size:24px!important;letter-spacing:.045em!important;}
}

/* Market uses one clean price-tag glyph; no crowded storefront strokes. */
.nav-ico-market,.nav-ico-market svg{width:19px!important;height:19px!important;}
.nav-ico-market svg{stroke-width:1.8!important;}

/* Keep Close visible even though the legacy chat toolbar lives at the bottom.
   It is anchored to the drawer's top-right so it can never be squeezed out. */
.chat-drawer{position:fixed!important;}
.chat-drawer #chatClose{
  position:absolute!important;top:10px!important;right:10px!important;z-index:80!important;
  display:grid!important;visibility:visible!important;opacity:1!important;
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:10px!important;border:1px solid rgba(206,66,43,.34)!important;
  background:rgba(40,28,28,.94)!important;color:#F8E8E5!important;
  box-shadow:0 7px 20px rgba(0,0,0,.28)!important;
}
.chat-drawer #chatClose::before{content:none!important;}
.chat-drawer #chatClose svg{display:block!important;width:17px!important;height:17px!important;}
.chat-drawer #chatClose:hover{background:#CE422B!important;border-color:#E36752!important;color:#fff!important;}

/* Guest rain is informational only: never render or reserve a login CTA. */
#chatRain .fr-actions.fr-actions-guest{
  min-width:30px!important;max-width:30px!important;min-height:30px!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
#chatRain .fr-actions.fr-actions-guest .fr-guest-mark{display:grid!important;place-items:center!important;}

/* Classic join is always above the reel and remains visually primary. */
body.rp-classic-mode .rp-header-actions .rp-join-top{order:-1!important;}
body.rp-classic-mode .rp-header-actions .rp-view-toggle{order:0!important;}


/* Duplicate header wordmark must never leak into desktop. */
.brand-mobile{display:none!important;}
@media (max-width:1200px){
  .brand-mobile{display:flex!important;position:static!important;transform:none!important;}
}


/* Rustpot view switch: one compact swap glyph, no decorative dot. */
.rp-view-toggle{gap:9px!important;padding:0 13px!important;}
.rp-view-toggle .rp-view-dot{display:none!important;}
.rp-view-ico{
  width:28px!important;height:28px!important;display:inline-grid!important;place-items:center!important;
  flex:0 0 28px!important;border-radius:8px!important;background:rgba(206,66,43,.12)!important;
  border:1px solid rgba(206,66,43,.22)!important;color:#E68A79!important;
}
.rp-view-ico svg{width:16px!important;height:16px!important;display:block!important;}
.rp-view-toggle:hover:not(:disabled) .rp-view-ico{background:rgba(206,66,43,.20)!important;color:#fff!important;}
.rp-header-actions .rp-join-top{width:auto!important;flex:0 0 auto!important;}
@media(max-width:700px){.rp-header-actions .rp-join-top{width:100%!important;}}


/* ========================================================================== 
   RUSTNECRO REV6 — consolidated public UI closure
   This layer is intentionally last. It removes late legacy blue/gold overrides,
   keeps the wordmark clear, and makes desktop/mobile behavior deterministic.
   ========================================================================== */
:root{
  --bg:#281C1C!important;--bg2:#211616!important;--card:#322020!important;--card2:#3A2525!important;
  --p:#CE422B!important;--p2:#CE422B!important;--p3:#E66A55!important;--gold:#CE422B!important;--gold2:#E66A55!important;
  --game-rustpot:#CE422B!important;--game-rustflip:#CE422B!important;--game-champion:#CE422B!important;
  --t1:#F5EAE8!important;--t2:#C9B7B3!important;--t3:#9E8580!important;
  --ln:rgba(206,66,43,.14)!important;--ln2:rgba(206,66,43,.26)!important;
}

/* Header: one stable central navigation island. No hover scaling, no logo/nav collision. */
@media (min-width:1321px){
  .topbar-inner{display:flex!important;position:relative!important;width:min(1600px,100%)!important;min-height:72px!important;padding:0 18px!important;margin:0 auto!important;gap:10px!important;}
  .mobile-menu,.brand-mobile{display:none!important;}
  .nav-shell{position:absolute!important;left:50%!important;top:0!important;bottom:0!important;transform:translateX(-50%)!important;width:min(900px,calc(100vw - 520px))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:26px!important;align-items:center!important;pointer-events:none!important;}
  .nav-shell .nav,.nav-shell .brand-word{pointer-events:auto!important;}
  .nav-games,.nav-more{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;padding:0!important;margin:0!important;width:auto!important;max-width:100%!important;background:transparent!important;border:0!important;overflow:visible!important;}
  .nav-games{grid-column:1!important;justify-self:end!important;}.nav-more{grid-column:3!important;justify-self:start!important;}
  .brand-word,.brand-word:hover,.brand-word:focus,.brand-word:focus-visible{position:static!important;grid-column:2!important;left:auto!important;top:auto!important;transform:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;}
  .brand-word>span,.brand-word:hover>span,.brand-word:focus>span{font-family:"Rust","Arial Black",Impact,sans-serif!important;font-size:clamp(23px,1.8vw,28px)!important;letter-spacing:.045em!important;line-height:1!important;transform:scaleX(.91)!important;color:#CE422B!important;text-shadow:0 1px 0 #120B0B,0 0 13px rgba(206,66,43,.13)!important;transition:none!important;}
  .brand-beta{display:none!important;}
  .account{position:relative!important;z-index:20!important;margin-left:auto!important;}
}
@media (max-width:1320px){
  .topbar-inner{display:flex!important;position:relative!important;min-height:64px!important;padding:0 10px!important;gap:7px!important;}
  .mobile-menu{display:flex!important;order:1!important;flex:0 0 auto!important;}
  .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;align-items:center!important;min-width:0!important;transform:none!important;}
  .brand-mobile>span{font-family:"Rust","Arial Black",Impact,sans-serif!important;font-size:clamp(18px,4vw,23px)!important;letter-spacing:.035em!important;transform:scaleX(.91)!important;white-space:nowrap!important;}
  .nav-shell{display:flex!important;position:fixed!important;left:10px!important;right:10px!important;top:calc(var(--rr-header-h,64px) + 7px)!important;bottom:auto!important;width:auto!important;transform:translateY(-8px)!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px!important;background:rgba(33,22,22,.985)!important;border:1px solid rgba(206,66,43,.24)!important;border-radius:14px!important;box-shadow:0 20px 48px rgba(0,0,0,.46)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:1300!important;}
  .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
  .nav-shell>.brand-word{display:none!important;}
  .nav-shell .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important;gap:6px!important;}
  .nav-shell .nav a{min-width:0!important;justify-content:center!important;border:1px solid rgba(206,66,43,.12)!important;border-radius:10px!important;background:rgba(206,66,43,.035)!important;padding:8px 7px!important;}
  .nav-shell .nav a:hover,.nav-shell .nav a.active{background:rgba(206,66,43,.12)!important;border-color:rgba(206,66,43,.25)!important;}
  .account{margin-left:auto!important;position:relative!important;z-index:20!important;}
}
@media(max-width:640px){.nav-shell .nav{grid-template-columns:1fr!important;}.nav-shell .nav a{justify-content:flex-start!important;min-height:43px!important;}}

/* Navigation: all decorative icons belong to the Rust palette and stay still on hover. */
.topbar nav a[data-nb]{--nb:#D98778!important;}
.topbar nav a[data-nb].active{--nb:#CE422B!important;}
.topbar nav a[data-nb] .nav-ico,.topbar nav a[data-nb] .nav-ico svg,.topbar nav a[data-nb]:hover .nav-ico,.topbar nav a[data-nb]:hover .nav-ico svg,.topbar nav a[data-nb].active .nav-ico{color:var(--nb)!important;transform:none!important;animation:none!important;filter:none!important;fill:none!important;}
.topbar nav a[data-nb] .nav-ico svg{stroke:currentColor!important;stroke-width:1.8!important;width:19px!important;height:19px!important;margin:0!important;}
.nav-ico-market,.nav-ico-market svg{width:20px!important;height:20px!important;}

/* Shared surfaces: remove legacy blue cards that were still visible on market, dialogs and chat. */
.section-block,.page-head,.page-hero,.rp-map-card,.rp-entrants-card,.rp-recent-card,.cf-card,.rf-card,.rb-card,.fair-card,.blog-card,.blog-featured,.legal-doc,.app-modal__panel,.modal-card,.deposit-modal,.withdraw-modal,.notif-panel,.profile-menu,.skin-card,.mkt-stat,.skin-pop-menu{
  background:linear-gradient(180deg,rgba(55,35,35,.96),rgba(34,22,22,.98))!important;border-color:rgba(206,66,43,.17)!important;
}
input,textarea,select,.mkt-search input,.skin-stake-sel{accent-color:#CE422B;}
.mkt-search input,.skin-stake-sel,.mkt-pager button{background:#1A1111!important;border-color:rgba(206,66,43,.18)!important;color:#F5EAE8!important;}

/* One eyebrow language across every public page. */
.eyebrow,.section-title .eyebrow,.page-head .eyebrow,.page-hero .eyebrow,.rp-header .eyebrow,.rf-header .eyebrow,.lb-page-head .eyebrow,.blog-eyebrow,.lp-sec-eyebrow,.mkt-head .eyebrow,.rw-code-head .eyebrow{
  display:block!important;width:100%!important;max-width:none!important;text-align:left!important;justify-content:flex-start!important;align-self:flex-start!important;font-size:13px!important;line-height:1.2!important;letter-spacing:.115em!important;margin:0 0 7px!important;color:#E08070!important;
}

/* Rain: deterministic guest/auth layouts with reserved cells; no CTA overlap. */
#chatRain.free-rain{padding:11px 12px 10px!important;margin:8px 10px!important;background:linear-gradient(145deg,rgba(206,66,43,.12),rgba(40,28,28,.98))!important;border:1px solid rgba(206,66,43,.27)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 9px 22px rgba(0,0,0,.24)!important;}
#chatRain .fr-row{display:block!important;}
#chatRain .fr-right{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-auto-rows:auto!important;gap:8px!important;align-items:center!important;margin-top:8px!important;}
#chatRain .fr-pot{grid-column:1!important;grid-row:1!important;justify-self:start!important;font-size:17px!important;min-width:0!important;}
#chatRain .fr-timer{grid-column:2!important;grid-row:1!important;justify-self:end!important;}
#chatRain .fr-tip{grid-column:3!important;grid-row:1!important;justify-self:end!important;}
#chatRain .fr-actions{grid-column:1/-1!important;grid-row:2!important;width:100%!important;}
#chatRain .fr-actions.fr-actions-guest{grid-column:3!important;grid-row:1!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;justify-self:end!important;align-self:center!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#chatRain .fr-actions.fr-actions-guest .fr-guest-mark{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#211616!important;border:1px solid rgba(206,66,43,.25)!important;color:#E19A8E!important;font:900 15px/1 Arial,Helvetica,sans-serif!important;cursor:default!important;box-shadow:none!important;}
#chatRain .fr-meta{min-height:15px!important;}
@media(max-width:430px){#chatRain .fr-right{grid-template-columns:minmax(0,1fr) auto!important;}#chatRain .fr-pot{grid-column:1!important}#chatRain .fr-timer{grid-column:2!important}#chatRain .fr-tip{grid-column:1!important;grid-row:2!important}#chatRain .fr-actions.fr-actions-guest{grid-column:2!important;grid-row:2!important}}

/* Chat: close button owns real space so header controls never sit underneath it. */
.chat-drawer .chat-head{position:relative!important;padding-right:54px!important;min-height:54px!important;}
.chat-drawer #chatClose{position:absolute!important;top:9px!important;right:10px!important;width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;z-index:90!important;border-radius:10px!important;border:1px solid rgba(206,66,43,.31)!important;background:#281C1C!important;color:#F6E6E3!important;box-shadow:0 6px 18px rgba(0,0,0,.26)!important;}
.chat-drawer #chatClose:hover{background:#CE422B!important;border-color:#E66A55!important;color:#fff!important;transform:none!important;}
.chat-drawer .chat-form,.chat-drawer .chat-panel>.chat-head{background:#211616!important;border-color:rgba(206,66,43,.18)!important;}
.chat-drawer .chat-form input{background:#181010!important;border-color:rgba(206,66,43,.18)!important;}

/* Loader: wordmark + rail only. */
.page-loader .pl-rn,.page-loader .pl-copy,.page-loader .pl-icon{display:none!important;}
.page-loader .pl-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:15px!important;}
.page-loader .pl-word{display:block!important;color:#CE422B!important;font-family:"Rust","Arial Black",Impact,sans-serif!important;font-size:clamp(28px,4vw,42px)!important;letter-spacing:.06em!important;line-height:1!important;}
.page-loader .pl-track{width:min(280px,66vw)!important;height:4px!important;background:#170F0F!important;border-radius:999px!important;overflow:hidden!important;}
.page-loader .pl-track>span{display:block!important;height:100%!important;background:linear-gradient(90deg,#A93423,#CE422B,#E66A55)!important;box-shadow:0 0 12px rgba(206,66,43,.38)!important;}

/* Classic Jackpot: controls remain above the reel; reel cards are avatar-only. */
body.rp-classic-mode .rp-header{align-items:center!important;}
body.rp-classic-mode .rp-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;}
body.rp-classic-mode .rp-header-actions .rp-join-top{order:0!important;min-height:42px!important;}
body.rp-classic-mode .rp-header-actions .rp-view-toggle{order:1!important;min-height:42px!important;}
.rp-reel-cell{justify-content:center!important;gap:8px!important;}
.rp-reel-cell img,.rp-reel-ph{object-fit:cover!important;border-radius:50%!important;}
.rp-reel-cell small{display:none!important;}
.rp-reel-track.rp-reel-idle{animation:rpIdleMarquee 32s linear infinite!important;}
.rp-reel-track.rp-reel-idle.rp-reel-drawing{animation-duration:3.4s!important;}
@media(max-width:700px){body.rp-classic-mode .rp-header-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;}body.rp-classic-mode .rp-header-actions .rp-join-top,body.rp-classic-mode .rp-header-actions .rp-view-toggle{width:100%!important;}}

/* ========================================================================== 
   RUSTNECRO REV7 — final interaction/layout closure
   2026-08-22
   ========================================================================== */

/* Header and page are one responsive canvas. Opening chat moves the header/menu
   with the content instead of leaving navigation underneath the drawer. */
@media (min-width:1101px){
  .topbar{transition:left .28s ease,right .28s ease!important;}
  html body.chat-open:not(.chat-off) .topbar{right:344px!important;}
  html body:not(.chat-open) .topbar,html body.chat-off .topbar{right:0!important;}
}
@media (min-width:1601px){
  html body.rfd-open .topbar{left:344px!important;}
  html body:not(.rfd-open) .topbar{left:0!important;}
}
@media (min-width:1101px) and (max-width:1600px){
  .topbar{left:0!important;}
}

/* Desktop navigation is laid out, not absolutely guessed. This permanently
   reserves room for the backpack/account controls and prevents Market overlap. */
@media (min-width:1101px){
  .topbar-inner{
    width:100%!important;max-width:1600px!important;margin:0 auto!important;
    min-height:68px!important;padding:0 16px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:14px!important;
  }
  .mobile-menu,.brand-mobile{display:none!important;}
  .nav-shell{
    position:static!important;inset:auto!important;transform:none!important;
    width:100%!important;max-width:900px!important;min-width:0!important;
    justify-self:center!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;gap:22px!important;padding:0!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  .nav-games,.nav-more{
    position:static!important;inset:auto!important;transform:none!important;
    display:flex!important;align-items:center!important;width:auto!important;
    margin:0!important;padding:0!important;gap:5px!important;overflow:visible!important;
    background:transparent!important;border:0!important;
  }
  .nav-games{justify-self:end!important;}.nav-more{justify-self:start!important;}
  .brand-word,.brand-word:hover,.brand-word:focus,.brand-word:focus-visible{
    position:static!important;inset:auto!important;transform:none!important;
    justify-self:center!important;padding:0 2px!important;margin:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;
  }
  .brand-word>span,.brand-word:hover>span,.brand-word:focus>span{
    display:block!important;font-size:25px!important;line-height:1!important;
    letter-spacing:.042em!important;transform:scaleX(.91)!important;
    transition:none!important;color:#CE422B!important;
  }
  .account{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;white-space:nowrap!important;}
  .canta-btn,.notif-bell,.profile-avatar-btn,.balance-group{flex:0 0 auto!important;}
}
/* When the chat leaves less horizontal room, keep everything visible without
   allowing Market/Races to run into the backpack. */
@media (min-width:1101px) and (max-width:1500px){
  html body.chat-open:not(.chat-off) .nav-shell{max-width:650px!important;gap:12px!important;}
  html body.chat-open:not(.chat-off) .nav a{padding-inline:5px!important;font-size:10.5px!important;gap:3px!important;}
  html body.chat-open:not(.chat-off) .nav-info{display:none!important;}
  html body.chat-open:not(.chat-off) .brand-word>span{font-size:21px!important;}
  html body.chat-open:not(.chat-off) .balance-pill{padding-inline:8px!important;}
}
@media (min-width:1101px) and (max-width:1260px){
  .nav-shell{max-width:670px!important;gap:12px!important;}
  .nav a{padding-inline:5px!important;font-size:10.5px!important;}
  .nav-info{display:none!important;}
  .brand-word>span{font-size:21px!important;}
  .balance-pill{padding-inline:8px!important;}
}

/* No menu/game movement on mouse hover. Geometry is invariant. */
.topbar .nav a,.topbar .nav a:hover,.topbar .nav a:focus,.topbar .nav a:active,
.topbar .nav a .nav-ico,.topbar .nav a:hover .nav-ico,.topbar .nav a .nav-ico svg,.topbar .nav a:hover .nav-ico svg,
.topbar .brand,.topbar .brand:hover,.topbar .brand>span,.topbar .brand:hover>span{
  transform:none!important;animation:none!important;filter:none!important;
}
.topbar .nav a{box-sizing:border-box!important;min-height:40px!important;border:1px solid transparent!important;padding-block:0!important;transition:background-color .14s ease,color .14s ease,border-color .14s ease!important;}
.topbar .nav a:hover,.topbar .nav a.active{border-color:rgba(206,66,43,.18)!important;}
.topbar .nav a::after,.topbar .nav a:hover::after{display:none!important;width:0!important;transform:none!important;}

/* Chat controls: X is directly LEFT of the language selector, in normal flow. */
.chat-drawer .chat-head{
  position:relative!important;display:flex!important;align-items:center!important;
  gap:7px!important;min-height:54px!important;padding:9px 10px!important;overflow:visible!important;
}
.chat-drawer .chat-head-actions{order:-20!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;}
.chat-drawer .chat-lang{order:-19!important;flex:0 0 auto!important;margin:0!important;position:relative!important;}
.chat-drawer #chatClose{
  position:static!important;inset:auto!important;display:grid!important;place-items:center!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  margin:0!important;border-radius:9px!important;border:1px solid rgba(206,66,43,.26)!important;
  background:#281C1C!important;color:#F5EAE8!important;box-shadow:none!important;
}
.chat-drawer #chatClose svg{width:15px!important;height:15px!important;}
.chat-drawer #chatClose:hover{background:rgba(206,66,43,.18)!important;border-color:#CE422B!important;color:#fff!important;}
.chat-drawer .chat-online{margin-left:auto!important;}

/* Coin Rain: compact two-line card. No oversized full-width Join button. */
#chatRain.free-rain{
  margin:8px 10px!important;padding:10px 11px!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(206,66,43,.10),rgba(35,23,23,.98))!important;
  border:1px solid rgba(206,66,43,.24)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
#chatRain .fr-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
#chatRain .fr-brand{display:flex!important;align-items:center!important;gap:6px!important;flex:1 1 auto!important;min-width:0!important;}
#chatRain .fr-brand-main{font-size:12px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;color:#F0B0A4!important;white-space:nowrap!important;}
#chatRain .fr-info{width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;border-radius:7px!important;}
#chatRain .fr-right{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:6px!important;margin:0!important;min-width:0!important;flex:0 1 auto!important;
}
#chatRain .fr-pot{display:inline-flex!important;align-items:center!important;gap:3px!important;margin:0!important;font-size:14px!important;font-weight:900!important;white-space:nowrap!important;color:#F1A497!important;text-shadow:none!important;}
#chatRain .fr-pot .coin-ico{width:14px!important;height:14px!important;margin:0!important;}
#chatRain .fr-timer{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:28px!important;min-width:50px!important;padding:0 7px!important;border-radius:8px!important;background:#211616!important;border:1px solid rgba(206,66,43,.18)!important;color:#D8C3BF!important;font-size:10.5px!important;box-shadow:none!important;}
#chatRain .fr-tip{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:8px!important;}
#chatRain .fr-actions,#chatRain .fr-actions:not(.fr-actions-guest){display:flex!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;flex:0 0 auto!important;}
#chatRain .fr-actions .fr-join{
  width:auto!important;min-width:64px!important;height:30px!important;min-height:30px!important;
  padding:0 12px!important;border-radius:8px!important;font-size:11px!important;line-height:1!important;
  white-space:nowrap!important;text-transform:uppercase!important;letter-spacing:.04em!important;
  background:#CE422B!important;color:#fff!important;border:1px solid #D65B47!important;box-shadow:none!important;
}
#chatRain .fr-actions .fr-join:hover:not(:disabled){background:#DC513A!important;filter:none!important;transform:none!important;}
#chatRain .fr-actions.fr-actions-guest{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;}
#chatRain .fr-actions.fr-actions-guest .fr-guest-mark{width:28px!important;height:28px!important;border-radius:8px!important;}
#chatRain .fr-bar{height:3px!important;margin-top:8px!important;border-radius:99px!important;background:#1A1111!important;overflow:hidden!important;}
#chatRain .fr-meta{min-height:0!important;margin-top:6px!important;font-size:10px!important;line-height:1.25!important;color:#A98E89!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:390px){
  #chatRain .fr-row{display:grid!important;grid-template-columns:1fr auto!important;}
  #chatRain .fr-right{grid-column:1/-1!important;justify-content:flex-start!important;}
  #chatRain .fr-actions{margin-left:auto!important;}
}

/* Classic Jackpot: no status strip/no wasted gap; Join remains above the reel. */
body.rp-classic-mode .rp-header-actions{display:flex!important;align-items:center!important;gap:8px!important;}
body.rp-classic-mode .rp-header-actions .rp-join-top{order:0!important;width:auto!important;min-width:74px!important;min-height:38px!important;height:38px!important;padding:0 14px!important;border-radius:9px!important;}
body.rp-classic-mode .rp-header-actions .rp-view-toggle{order:1!important;min-height:38px!important;height:38px!important;}
.rp-classic{padding-bottom:0!important;}
.rp-reel-status{display:none!important;margin:0!important;height:0!important;min-height:0!important;padding:0!important;}
.rp-reel-window{margin-bottom:0!important;}
body.rp-classic-mode .rp-players-line{margin-top:10px!important;}
.rp-reel-track.rp-reel-drawing{filter:none!important;}
/* The IN POT list never darkens during either reveal, so it cannot leak winner state. */
.rp-en-row.rp-en-dead,.rp-en-row.rp-en-dead:hover{opacity:1!important;filter:none!important;background:inherit!important;border-color:inherit!important;}
.rp-en-row.rp-en-dead .rp-en-name,.rp-en-row.rp-en-dead .rp-en-bar>span{opacity:1!important;color:inherit!important;}

/* Classic history View: show the actual winner profile photo, not the battle map. */
.rp-classic-watch{position:relative;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px;border-radius:16px;background:radial-gradient(circle at 50% 35%,rgba(206,66,43,.13),transparent 46%),#1B1212;border:1px solid rgba(206,66,43,.20);overflow:hidden;}
.rp-classic-watch::before,.rp-classic-watch::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:2px;height:34px;background:#CE422B;box-shadow:0 0 14px rgba(206,66,43,.55);}
.rp-classic-watch::before{top:0}.rp-classic-watch::after{bottom:0}
.rp-classic-watch-av{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:#120C0C;border:3px solid #CE422B;box-shadow:0 0 0 7px rgba(206,66,43,.08),0 18px 38px rgba(0,0,0,.35);overflow:hidden;color:#D99084;font:900 42px Arial,sans-serif;}
.rp-classic-watch-av img{width:100%;height:100%;object-fit:cover;display:block;}
.rp-classic-watch-name{font-size:18px;font-weight:900;color:#F6E9E6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rp-classic-watch-pot{display:inline-flex;align-items:center;gap:5px;font-size:16px;font-weight:900;color:#F0A495;}
.rp-classic-watch-pot .coin-ico{width:16px;height:16px;}
.rp-classic-watch-loading{min-height:260px;display:grid;place-items:center;color:#B89D98;font-size:13px;}

/* Mobile header remains clean and never lets account controls collide. */
@media(max-width:1100px){
  .topbar{left:0!important;right:0!important;}
  .topbar-inner{width:100%!important;max-width:none!important;padding:0 9px!important;display:flex!important;gap:6px!important;}
  .mobile-menu{display:flex!important;order:1!important;}
  .brand-mobile{display:flex!important;order:2!important;flex:1 1 auto!important;min-width:0!important;justify-content:center!important;overflow:hidden!important;}
  .brand-mobile>span{font-size:clamp(17px,4.2vw,22px)!important;white-space:nowrap!important;}
  .account{display:contents!important;}
  .canta-btn{order:3!important;}
  .notif-wrap{order:4!important;}
  .balance-group{order:5!important;max-width:116px!important;min-width:0!important;}
  .profile-wrap{order:6!important;}
  .nav-shell{top:calc(var(--rr-header-h,64px) + 7px)!important;}
}
@media(max-width:650px){
  .notif-wrap{display:none!important;}
  .balance-group{max-width:92px!important;}
  .canta-btn{width:36px!important;height:36px!important;}
  .profile-avatar-btn{width:34px!important;height:34px!important;}
}

/* ========================================================================== 
   RUSTNECRO REV7.2 — synchronized shell + classic/rain final closure
   ========================================================================== */
/* Desktop drawers and header use the exact same geometry as main.page. This
   prevents a fixed header from remaining underneath either side panel. */
@media (min-width:1201px){
  .topbar{transition:left .26s ease,right .26s ease!important;}
  html body.rfd-open .topbar{left:344px!important;}
  html body:not(.rfd-open) .topbar{left:0!important;}
  html body.chat-open:not(.chat-off) .topbar{right:344px!important;}
  html body:not(.chat-open) .topbar,html body.chat-off .topbar{right:0!important;}
  .topbar-inner{max-width:none!important;}
}
/* At narrower desktop widths both side drawers leave a deliberately compact
   header. Keep every control visible instead of letting Market touch Backpack. */
@media (min-width:1201px) and (max-width:1550px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{padding-inline:10px!important;gap:8px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell{gap:8px!important;max-width:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-games,
  html body.rfd-open.chat-open:not(.chat-off) .nav-more{gap:2px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav a{min-width:34px!important;padding-inline:4px!important;font-size:10px!important;gap:3px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-more .nav-txt{display:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-more a{width:36px!important;padding-inline:0!important;justify-content:center!important;}
  html body.rfd-open.chat-open:not(.chat-off) .brand-word>span{font-size:19px!important;letter-spacing:.025em!important;}
  html body.rfd-open.chat-open:not(.chat-off) .account{gap:4px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .notif-wrap{display:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .balance-pill{padding-inline:6px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .canta-btn,
  html body.rfd-open.chat-open:not(.chat-off) .profile-avatar-btn{width:36px!important;height:36px!important;}
}
/* Extremely narrow residual desktop canvas: use the existing hamburger shell
   rather than crushing six nav items into the account controls. */
@media (min-width:1201px) and (max-width:1320px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{display:flex!important;min-height:64px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .mobile-menu{display:flex!important;order:1!important;flex:0 0 auto!important;}
  html body.rfd-open.chat-open:not(.chat-off) .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .brand-mobile>span{font-size:18px!important;transform:scaleX(.91)!important;}
  html body.rfd-open.chat-open:not(.chat-off) .account{order:3!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell{
    position:fixed!important;left:354px!important;right:354px!important;top:72px!important;bottom:auto!important;
    width:auto!important;max-width:none!important;display:flex!important;flex-direction:column!important;gap:7px!important;
    padding:9px!important;background:rgba(33,22,22,.99)!important;border:1px solid rgba(206,66,43,.24)!important;
    border-radius:13px!important;box-shadow:0 18px 45px rgba(0,0,0,.48)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important;z-index:1600!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell>.brand-word{display:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:5px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell .nav a{width:auto!important;min-height:40px!important;justify-content:center!important;border:1px solid rgba(206,66,43,.12)!important;border-radius:9px!important;background:rgba(206,66,43,.035)!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell .nav .nav-txt{display:inline!important;}
}

/* Header icons all share the same optical box. Market is a simple tag icon,
   never a filled cart/blob. */
.topbar .nav-ico{width:20px!important;height:20px!important;min-width:20px!important;display:inline-grid!important;place-items:center!important;}
.topbar .nav-ico svg,.topbar .nav-ico-market svg{width:19px!important;height:19px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;transform:none!important;filter:none!important;}
.topbar .nav a:hover .nav-ico,.topbar .nav a:hover .nav-ico svg{transform:none!important;filter:none!important;animation:none!important;}

/* Coin Rain is intentionally quiet and compact: one row of controls, a thin
   progress line, then one restrained status line. */
#chatRain.free-rain{min-height:0!important;padding:9px 10px 8px!important;margin:7px 9px!important;border-radius:12px!important;}
#chatRain .fr-rain{opacity:.12!important;}
#chatRain .fr-glow{opacity:.25!important;}
#chatRain .fr-row{display:flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;}
#chatRain .fr-brand{flex:1 1 auto!important;min-width:0!important;}
#chatRain .fr-brand-main{font-size:11px!important;letter-spacing:.065em!important;}
#chatRain .fr-right{display:flex!important;align-items:center!important;gap:5px!important;flex:0 1 auto!important;margin:0!important;min-width:0!important;}
#chatRain .fr-pot{font-size:13px!important;}
#chatRain .fr-timer{height:27px!important;min-width:47px!important;padding:0 6px!important;}
#chatRain .fr-tip{width:28px!important;height:28px!important;min-width:28px!important;}
#chatRain .fr-actions,#chatRain .fr-actions:not(.fr-actions-guest){width:auto!important;flex:0 0 auto!important;}
#chatRain .fr-actions .fr-join{width:auto!important;min-width:54px!important;height:28px!important;min-height:28px!important;padding:0 9px!important;font-size:10px!important;border-radius:7px!important;}
#chatRain .fr-actions.fr-actions-guest,#chatRain .fr-actions.fr-actions-guest .fr-guest-mark{width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;border-radius:7px!important;}
#chatRain .fr-bar{height:2px!important;margin-top:7px!important;}
#chatRain .fr-meta{margin-top:5px!important;font-size:9.5px!important;line-height:1.2!important;}

/* Classic Jackpot keeps the entire reel visually neutral until the exact
   server winner lands. No entrant list dimming and no spare status strip. */
body.rp-classic-mode .rp-map-card{padding-bottom:14px!important;}
body.rp-classic-mode .rp-classic{min-height:0!important;padding:16px 0 10px!important;}
body.rp-classic-mode .rp-reel-window{padding:16px 0!important;margin:0!important;}
.rp-reel-status{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;}
body.rp-classic-mode .rp-players-line{margin:8px 0 0!important;}
.rp-reel-track,.rp-reel-track *{backface-visibility:hidden;}
.rp-reel-track.rp-reel-drawing{filter:none!important;opacity:1!important;}
.rp-reel-cell.rp-reel-win:not(.rp-reel-landed){border-color:rgba(206,66,43,.13)!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important;}
.rp-reel-cell.rp-reel-win:not(.rp-reel-landed) img,.rp-reel-cell.rp-reel-win:not(.rp-reel-landed) .rp-reel-ph{border-color:rgba(206,66,43,.12)!important;box-shadow:none!important;}
.rp-reel-cell.rp-reel-landed{border-color:#CE422B!important;box-shadow:0 0 0 1px rgba(206,66,43,.25),0 0 30px rgba(206,66,43,.20),0 12px 26px rgba(0,0,0,.34)!important;}
.rp-en-row,.rp-en-row *{filter:none!important;}
.rp-en-row.rp-en-dead,.rp-en-row.rp-en-dead:hover{opacity:1!important;filter:none!important;transform:none!important;}

/* Chat X is part of the toolbar and physically precedes the language selector. */
.chat-drawer .chat-head-actions{order:0!important;}
.chat-drawer .chat-lang{order:1!important;}
.chat-drawer .chat-online{order:99!important;margin-left:auto!important;}
.chat-drawer #chatClose{width:31px!important;height:31px!important;min-width:31px!important;}

/* REV7.3 — final responsive/header specificity fixes. */
@media (min-width:1201px){
  .topbar .nav-shell{gap:16px!important;min-width:0!important;}
  .topbar .nav-games,.topbar .nav-more{min-width:0!important;gap:3px!important;}
  .topbar .nav a{padding-inline:6px!important;font-size:11.25px!important;gap:4px!important;white-space:nowrap!important;}
  .topbar .nav-more a{padding-inline:6px!important;}
  .topbar .brand-word>span{font-size:23px!important;letter-spacing:.035em!important;}
}
@media (min-width:1201px) and (max-width:1700px){
  html body.rfd-open .topbar .nav-info{display:none!important;}
}
/* At <=1320 the nav becomes a header-anchored popover. Using absolute rather
   than fixed avoids browser containing-block quirks from the fixed/backdrop header. */
@media (max-width:1320px){
  .topbar .nav-shell{
    position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;
    width:auto!important;max-width:none!important;margin:0!important;transform:translateY(-7px)!important;
  }
  .topbar .nav-shell.open{transform:none!important;}
}
@media (min-width:1201px) and (max-width:1320px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;
    width:auto!important;max-width:none!important;margin:0!important;
  }
}
/* 1101–1200 is overlay/tablet mode: drawers do not reserve page width, so the
   header must not reserve it either. */
@media (max-width:1200px){
  .topbar{left:0!important;right:0!important;width:auto!important;}
  .topbar-inner{width:100%!important;max-width:none!important;}
  .mobile-menu{display:flex!important;}
  .brand-mobile{display:flex!important;}
}

/* Higher specificity than the legacy mobile chat rules: X really is directly
   left of language at every breakpoint. */
.chat-drawer .chat-head .chat-head-actions{order:-20!important;margin:0!important;flex:0 0 auto!important;}
.chat-drawer .chat-head .chat-lang{order:-19!important;margin:0!important;flex:0 0 auto!important;}
.chat-drawer .chat-head #chatClose{position:static!important;inset:auto!important;width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;margin:0!important;}
.chat-drawer .chat-head .chat-online{order:99!important;margin-left:auto!important;margin-right:0!important;}

/* Classic duplicates the player count already shown by IN POT, so remove the
   redundant strip entirely and put IN POT immediately under the reel card. */
body.rp-classic-mode .rp-players-line{display:none!important;margin:0!important;height:0!important;}
body.rp-classic-mode .rp-map-card{margin-bottom:0!important;}

/* REV7.4 — desktop means side drawers. The legacy <=1600 bottom-sheet mode
   caused the page/header to reserve side space while chat itself moved below it. */
@media (min-width:1201px){
  html body .rfd-drawer{
    position:fixed!important;left:0!important;right:auto!important;
    top:var(--rr-header-h,64px)!important;bottom:0!important;
    width:344px!important;max-width:344px!important;height:auto!important;max-height:none!important;
    border-radius:0!important;border-left:0!important;border-right:1px solid rgba(206,66,43,.18)!important;
    z-index:990!important;visibility:visible!important;pointer-events:auto!important;
    transition:transform .28s ease!important;
  }
  html body.rfd-open .rfd-drawer{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
  html body:not(.rfd-open) .rfd-drawer{transform:translateX(-106%)!important;visibility:hidden!important;pointer-events:none!important;}
  html body .chat-drawer{
    position:fixed!important;left:auto!important;right:0!important;
    top:var(--rr-header-h,64px)!important;bottom:0!important;
    width:344px!important;max-width:344px!important;height:auto!important;max-height:none!important;
    border-radius:0!important;border-left:1px solid rgba(206,66,43,.18)!important;border-right:0!important;
    z-index:990!important;transition:transform .28s ease!important;
  }
  html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;}
  html body:not(.chat-open) .chat-drawer,html body.chat-off .chat-drawer,html body .chat-drawer.closed{transform:translateX(106%)!important;visibility:hidden!important;pointer-events:none!important;}
  .rfd-mtoggle{display:none!important;}
}

/* True tablet shell for 1101–1200. Drawers overlay instead of reserving space,
   and navigation behaves exactly like the mobile popover. */
@media (min-width:1101px) and (max-width:1200px){
  html body.rfd-open .topbar,html body.chat-open:not(.chat-off) .topbar,html body .topbar{left:0!important;right:0!important;width:auto!important;}
  .topbar-inner{display:flex!important;min-height:64px!important;padding:0 10px!important;gap:7px!important;}
  .mobile-menu{display:flex!important;order:1!important;flex:0 0 auto!important;}
  .brand-mobile{display:flex!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;position:static!important;transform:none!important;}
  .account{order:3!important;margin-left:auto!important;}
  html body .topbar .nav-shell{
    display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;
    width:auto!important;max-width:none!important;justify-self:stretch!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;
    padding:9px!important;background:rgba(33,22,22,.99)!important;border:1px solid rgba(206,66,43,.24)!important;border-radius:13px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.48)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important;
  }
  html body .topbar .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
  .topbar .nav-shell>.brand-word{display:none!important;}
  .topbar .nav-shell .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:5px!important;}
}
@media (max-width:1320px){.topbar .nav-shell{justify-self:stretch!important;}}

/* REV8 final header safety zone: keep the wordmark visibly separated from both
   nav groups even when both 344px drawers are open on a 1440px desktop. */
@media (min-width:1321px){
  .topbar .nav-shell{gap:36px!important;}
}
@media (min-width:1321px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{gap:28px!important;}
}

/* ========================================================================== 
   RUSTNECRO REV10 — full UI consistency closure
   Coin Rain / header motion / money glyph / eyebrows / profile / compactness
   ========================================================================== */

/* One money language everywhere: a legible Rust-red dollar glyph tight to the
   number. Never reintroduce the old 3D coin or double spacing. */
.coin-ico{
  background-image:url('/assets/dollar.svg')!important;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;
  width:.9em!important;height:.9em!important;min-width:.9em!important;margin:0!important;
  transform:none!important;filter:none!important;vertical-align:-.08em!important;
}
.coin-amt{display:inline-flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;letter-spacing:0!important;}
.coin-amt .coin-d,.coin-amt .coin-c{margin:0!important;letter-spacing:0!important;}
.skin-price-badge,.skin-price,.skin-btn,.sp-val,.ss-val,.cm-val,.mkt-stat b,
.balance-pill,.rp-pot,.rp-en-amt,.cf-game-wager,.pf2-coin,.pf2-row-amt,
.lb-prize-amt,.lb-pod-wager,.lb-pod-prize,.rw-task-reward,.rp-classic-watch-pot{
  column-gap:3px!important;
}
.skin-price-badge .coin-ico,.skin-price .coin-ico,.skin-btn .coin-ico{width:14px!important;height:14px!important;min-width:14px!important;}
.balance-pill .coin-ico{width:15px!important;height:15px!important;min-width:15px!important;}

/* Coin Rain uses the exact Ticket Rain frame language. The legacy spinning
   emblem and falling 3D coins are removed, not merely faded. */
#chatRain.free-rain{
  position:relative!important;display:block!important;overflow:hidden!important;
  margin:0 10px 12px!important;padding:10px 12px!important;border-radius:16px!important;
  background:radial-gradient(58% 90% at 82% 32%,rgba(206,66,43,.18),transparent 60%),
             radial-gradient(120% 120% at 10% 118%,rgba(120,50,38,.24),transparent 64%),
             linear-gradient(160deg,#2B1B1B 0%,#211616 48%,#160F0F 100%)!important;
  border:1px solid rgba(206,66,43,.42)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.50),inset 0 1px 0 rgba(244,222,218,.08),inset 0 0 36px rgba(206,66,43,.10)!important;
}
#chatRain.free-rain::before{content:none!important;display:none!important;background:none!important;animation:none!important;}
#chatRain .fr-rain{display:none!important;opacity:0!important;animation:none!important;}
#chatRain .fr-glow{position:absolute!important;inset:0!important;opacity:1!important;animation:none!important;background:radial-gradient(50% 85% at 82% 35%,rgba(206,66,43,.10),transparent 72%)!important;}
#chatRain .fr-row{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:7px!important;min-height:28px!important;}
#chatRain .fr-brand{display:inline-flex!important;align-items:center!important;gap:5px!important;flex:1 1 auto!important;min-width:0!important;}
#chatRain .fr-brand-main{font-size:12px!important;line-height:1!important;letter-spacing:.055em!important;color:#E8A096!important;white-space:nowrap!important;}
#chatRain .fr-info{width:21px!important;height:21px!important;min-width:21px!important;border-radius:50%!important;background:rgba(206,66,43,.12)!important;border:1px solid rgba(206,66,43,.42)!important;color:#E8A096!important;}
#chatRain .fr-right{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:0 0 auto!important;margin:0!important;min-width:0!important;}
#chatRain .fr-pot{font-size:13px!important;line-height:1!important;color:#F4EAE8!important;text-shadow:none!important;column-gap:2px!important;}
#chatRain .fr-pot .coin-ico{width:13px!important;height:13px!important;min-width:13px!important;}
#chatRain .fr-timer{height:26px!important;min-width:47px!important;padding:0 6px!important;border-radius:7px!important;background:rgba(22,15,15,.72)!important;border:1px solid rgba(206,66,43,.18)!important;color:#D8C3BF!important;font-size:10.5px!important;}
#chatRain .fr-tip{width:27px!important;height:27px!important;min-width:27px!important;border-radius:7px!important;background:rgba(206,66,43,.08)!important;border:1px solid rgba(206,66,43,.22)!important;color:#E8A096!important;}
#chatRain .fr-actions,#chatRain .fr-actions:not(.fr-actions-guest){width:auto!important;min-width:0!important;flex:0 0 auto!important;margin:0!important;padding:0!important;}
#chatRain .fr-actions .fr-join{width:auto!important;min-width:48px!important;height:27px!important;min-height:27px!important;padding:0 9px!important;border-radius:7px!important;font-size:10px!important;line-height:1!important;background:#CE422B!important;border:1px solid #E06652!important;color:#fff!important;box-shadow:none!important;}
#chatRain .fr-actions.fr-actions-guest,#chatRain .fr-actions.fr-actions-guest .fr-guest-mark{width:27px!important;min-width:27px!important;max-width:27px!important;height:27px!important;min-height:27px!important;border-radius:7px!important;}
#chatRain .fr-bar{position:relative!important;z-index:2!important;height:3px!important;margin-top:8px!important;border:0!important;border-radius:99px!important;background:#160F0F!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.55)!important;}
#chatRain .fr-bar-fill{background:linear-gradient(90deg,#8F2D20,#CE422B,#E66A55)!important;box-shadow:0 0 10px rgba(206,66,43,.30)!important;}
#chatRain .fr-meta{position:relative!important;z-index:2!important;min-height:12px!important;margin-top:6px!important;color:#BFA7A2!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:390px){
  #chatRain.free-rain{padding:9px 10px!important;}
  #chatRain .fr-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;}
  #chatRain .fr-right{grid-column:1/-1!important;width:100%!important;justify-content:flex-start!important;}
  #chatRain .fr-actions{margin-left:auto!important;}
}

/* Ticket Rain and Coin Rain are siblings, so neither gets a visual connector
   that makes one appear to be a child of the other. */
.tr-strip{margin:0 10px 12px!important;border-radius:16px!important;background:radial-gradient(58% 90% at 82% 32%,rgba(206,66,43,.18),transparent 60%),radial-gradient(120% 120% at 10% 118%,rgba(120,50,38,.24),transparent 64%),linear-gradient(160deg,#2B1B1B 0%,#211616 48%,#160F0F 100%)!important;border-color:rgba(206,66,43,.42)!important;box-shadow:0 12px 30px rgba(0,0,0,.50),inset 0 1px 0 rgba(244,222,218,.08),inset 0 0 36px rgba(206,66,43,.10)!important;}
.tr-strip::before,.tr-strip::after{display:none!important;content:none!important;}
.tr-strip-ico{background:rgba(206,66,43,.13)!important;color:#E8A096!important;box-shadow:none!important;}
.tr-strip-txt b{background:none!important;-webkit-text-fill-color:currentColor!important;color:#E8A096!important;filter:none!important;}
.tr-strip-info{border-color:rgba(206,66,43,.42)!important;background:rgba(206,66,43,.12)!important;color:#E8A096!important;}

/* Eyebrows are a single left-anchored system everywhere. */
.eyebrow,.blog-eyebrow,.lgn-eyebrow,.rc-eyebrow,
.section-title .eyebrow,.mkt-head .eyebrow,.rp-header .eyebrow,.rf-header .eyebrow,.lb-page-head .eyebrow,.pf2>.eyebrow{
  display:flex!important;width:100%!important;max-width:none!important;justify-content:flex-start!important;align-items:center!important;
  align-self:stretch!important;text-align:left!important;margin-left:0!important;margin-right:0!important;
  font-size:12px!important;line-height:1.15!important;letter-spacing:.10em!important;color:#E08A8A!important;
}
.section-title{align-items:flex-start!important;text-align:left!important;}
.section-title>div,.section-title h3{ text-align:left!important; }

/* Rustpot guest hint reserves a stable slot; async state changes cannot make
   it jump left/right. */
.rp-header-actions .rp-login-hint-top{display:block!important;width:205px!important;min-width:205px!important;max-width:205px!important;text-align:right!important;margin:0!important;line-height:1.25!important;}
@media(max-width:700px){.rp-header-actions .rp-login-hint-top{width:100%!important;min-width:0!important;max-width:none!important;text-align:left!important;}}

/* The header no longer shrinks its typography/icons when chat opens. It stays
   one size and slides to the center of the same content canvas as the page. */
@media(min-width:1201px){
  .topbar{left:0!important;right:0!important;width:100%!important;transition:none!important;}
  .topbar-inner{width:min(1180px,calc(100vw - 24px))!important;max-width:1180px!important;margin:0 auto!important;padding-inline:10px!important;gap:10px!important;transition:transform .26s cubic-bezier(.4,0,.2,1)!important;}
  body.rfd-open:not(.chat-open) .topbar-inner,body.rfd-open.chat-off .topbar-inner{transform:translateX(172px)!important;}
  body:not(.rfd-open).chat-open:not(.chat-off) .topbar-inner{transform:translateX(-172px)!important;}
  body.rfd-open.chat-open:not(.chat-off) .topbar-inner,body:not(.rfd-open):not(.chat-open) .topbar-inner,body.chat-off:not(.rfd-open) .topbar-inner{transform:none!important;}
  .topbar .nav-shell{gap:32px!important;max-width:none!important;}
  .topbar .nav-games,.topbar .nav-more{gap:4px!important;}
  .topbar .nav a{min-width:0!important;padding:0 8px!important;font-size:12px!important;gap:5px!important;}
  .topbar .nav-more .nav-txt{display:inline!important;}
  .topbar .nav-more a{width:auto!important;padding:0 8px!important;}
  .topbar .brand-word>span{font-size:24px!important;letter-spacing:.045em!important;}
  .topbar .account{gap:6px!important;}
  .topbar .notif-wrap{display:block!important;}
  .topbar .balance-pill{padding-inline:9px!important;}
}
/* Game hover motion returns as light/energy only: no translate/scale, so rows
   never drop or reflow under the mouse. */
.topbar .nav a,.topbar .nav a:hover,.topbar .nav a:focus-visible{transform:none!important;top:auto!important;bottom:auto!important;}
.topbar .nav a{transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important;}
.topbar .nav-games a:hover{background:rgba(206,66,43,.13)!important;box-shadow:inset 0 0 0 1px rgba(206,66,43,.18),0 0 16px rgba(206,66,43,.08)!important;}
.topbar .nav-games a:hover .nav-ico svg{animation:rnNavEnergy .58s ease both!important;transform:none!important;}
@keyframes rnNavEnergy{0%{opacity:.72;filter:none}55%{opacity:1;filter:drop-shadow(0 0 7px rgba(206,66,43,.62))}100%{opacity:1;filter:drop-shadow(0 0 3px rgba(206,66,43,.28))}}

/* Header account is part of the Rust palette too. */
.balance-group{gap:4px!important;}
.balance-pill{min-height:36px!important;padding:0 10px!important;border-radius:10px!important;border:1px solid rgba(206,66,43,.34)!important;background:linear-gradient(180deg,rgba(206,66,43,.12),rgba(206,66,43,.055))!important;color:#F4EAE8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;}
.balance-pill-main,#balance{color:#F4EAE8!important;-webkit-text-fill-color:#F4EAE8!important;text-shadow:none!important;}
.balance-pill[data-usd]:hover::after{background:#211616!important;color:#E8A096!important;border-color:rgba(206,66,43,.28)!important;}
.canta-btn,.notif-bell,.profile-avatar-btn,.bal-btn{border-color:rgba(206,66,43,.22)!important;background:rgba(206,66,43,.06)!important;color:#D8C3BF!important;box-shadow:none!important;}
.canta-btn:hover,.notif-bell:hover,.profile-avatar-btn:hover,.bal-btn:hover{background:rgba(206,66,43,.14)!important;border-color:rgba(206,66,43,.36)!important;color:#fff!important;transform:none!important;}

/* Common legacy blue/gold surfaces: force the visible application shell to the
   Rust brown/red system while preserving semantic success/error colors. */
.section-block,.form-card,.wallet-card,.level-card,.fair-card,.rb-card,.rw-code-card,.rw-task,.admin-tool,.admin-stat,
.app-modal__card,.cf-modal-card,.rfd-vmodal-card,.rfd-cmodal-card,.fr-rules-card,.chat-rules-modal-card,
.notif-panel,.profile-menu,.mkt-toolbar,.skin-card,.cm-card,.dw-panel,.dw-side{
  border-color:rgba(206,66,43,.18)!important;
}
input,textarea,select,.search-input,.mkt-search,.mkt-range-in{background:#211616!important;border-color:rgba(206,66,43,.18)!important;color:#F4EAE8!important;}
input:focus,textarea:focus,select:focus{border-color:rgba(206,66,43,.48)!important;box-shadow:0 0 0 3px rgba(206,66,43,.08)!important;outline:none!important;}

/* Profile was one of the last pages carrying the old blue/gold skin. */
.pf2-hero,.pf2-kpi,.pf2-game,.pf2-row{background:linear-gradient(150deg,rgba(55,35,35,.94),rgba(31,20,20,.94))!important;border-color:rgba(206,66,43,.18)!important;box-shadow:0 10px 26px rgba(0,0,0,.25)!important;}
.pf2-av{background:#160F0F!important;border-color:rgba(206,66,43,.42)!important;}
.pf2-av-ph{color:#E08A8A!important;background:radial-gradient(circle at 50% 35%,rgba(206,66,43,.14),rgba(0,0,0,.30))!important;}
.pf2-id{color:#E8A096!important;background:rgba(206,66,43,.09)!important;border-color:rgba(206,66,43,.30)!important;box-shadow:none!important;}
.pf2-id-lbl{color:#BFA7A2!important;}.pf2-id .copy-ico,.pf2-id .copy-ico:hover{color:#CE422B!important;}
.pf2-xp-bar{border-color:rgba(206,66,43,.16)!important;background:#160F0F!important;}.pf2-xp-bar span{background:linear-gradient(90deg,#8F2D20,#CE422B,#E66A55)!important;box-shadow:0 0 12px rgba(206,66,43,.28)!important;}
.pf2-bal-val{color:#F4EAE8!important;text-shadow:none!important;}.pf2-bal{border-color:rgba(206,66,43,.14)!important;}
.pf2-kpi{--kc:#CE422B!important;transition:border-color .16s ease,background .16s ease!important;}.pf2-kpi:hover{transform:none!important;border-color:rgba(206,66,43,.38)!important;background:linear-gradient(150deg,rgba(63,39,39,.98),rgba(36,23,23,.98))!important;}
.pf2-game{transition:border-color .16s ease,box-shadow .16s ease!important;}.pf2-game:hover{transform:none!important;box-shadow:0 13px 28px rgba(0,0,0,.34),0 0 0 1px rgba(206,66,43,.16)!important;}
.pf2-game-ico,.pf2-row-ico{background:#211616!important;color:#E8A096!important;box-shadow:none!important;}
.pf2-h::after{background:linear-gradient(90deg,rgba(206,66,43,.18),transparent)!important;}
.pf2-row-sub a{color:#E8A096!important;}

/* Compact vertical rhythm: remove accidental empty-air without making controls
   cramped. */
main.page{padding-top:20px!important;}
.section-block{margin-bottom:14px;}
.section-title{margin-bottom:12px!important;}
.mkt-head{margin-bottom:14px!important;}.mkt-toolbar{margin-bottom:15px!important;}.skin-grid{gap:12px!important;}
.rp-stage.rp-stage-2col{gap:14px!important;}body.rp-classic-mode .rp-stage.rp-stage-2col{gap:12px!important;}
body.rp-classic-mode .rp-map-card{padding:14px!important;}body.rp-classic-mode .rp-classic{padding:12px 0 6px!important;}body.rp-classic-mode .rp-reel-window{padding:12px 0!important;}

/* REV10.1 — deterministic desktop header + Coin Rain active-state closure. */
#chatRain.free-rain.fr-active{
  border-color:rgba(206,66,43,.42)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.50),inset 0 1px 0 rgba(244,222,218,.08),inset 0 0 36px rgba(206,66,43,.10)!important;
}
#chatRain.free-rain.fr-active .fr-glow{background:radial-gradient(50% 85% at 82% 35%,rgba(206,66,43,.12),transparent 72%)!important;animation:none!important;}
#chatRain.free-rain.fr-active .fr-bar-fill{background:linear-gradient(90deg,#8F2D20,#CE422B,#E66A55)!important;background-size:100% 100%!important;box-shadow:0 0 10px rgba(206,66,43,.30)!important;animation:none!important;}
#chatRain.free-rain.fr-active .fr-meta{color:#BFA7A2!important;}

@media(min-width:1321px){
  .topbar-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    width:min(1360px,calc(100vw - 24px))!important;
    max-width:1360px!important;
    min-height:72px!important;
    padding:0 12px!important;
    gap:14px!important;
    margin:0 auto!important;
    transition:transform .26s cubic-bezier(.4,0,.2,1)!important;
  }
  .topbar .nav-shell{
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:30px!important;
    align-items:center!important;
    justify-self:stretch!important;
    pointer-events:auto!important;
  }
  .topbar .nav-games,.topbar .nav-more{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;
    display:flex!important;align-items:center!important;gap:4px!important;overflow:visible!important;
  }
  .topbar .nav-games{grid-column:1!important;justify-self:end!important;}
  .topbar .nav-more{grid-column:3!important;justify-self:start!important;}
  .topbar .brand-word:not(.brand-mobile),.topbar .brand-word:not(.brand-mobile):hover,.topbar .brand-word:not(.brand-mobile):focus-visible{
    position:static!important;grid-column:2!important;justify-self:center!important;
    transform:none!important;left:auto!important;right:auto!important;top:auto!important;
    margin:0!important;padding:0 4px!important;min-width:0!important;border:0!important;background:none!important;box-shadow:none!important;
  }
  .topbar .brand-word:not(.brand-mobile)>span,.topbar .brand-word:not(.brand-mobile):hover>span{
    transform:scaleX(.91)!important;transition:none!important;
  }
  .topbar .account{position:static!important;justify-self:end!important;margin:0!important;min-width:max-content!important;display:flex!important;align-items:center!important;gap:6px!important;}
  .topbar .nav a{height:40px!important;min-height:40px!important;line-height:1!important;}
  .topbar .nav a,.topbar .nav a:hover,.topbar .nav a:focus-visible{transform:none!important;margin-top:0!important;margin-bottom:0!important;}
  body.rfd-open:not(.chat-open) .topbar-inner,body.rfd-open.chat-off .topbar-inner{transform:translateX(172px)!important;}
  body:not(.rfd-open).chat-open:not(.chat-off) .topbar-inner{transform:translateX(-172px)!important;}
  body.rfd-open.chat-open:not(.chat-off) .topbar-inner,body:not(.rfd-open):not(.chat-open) .topbar-inner,body.chat-off:not(.rfd-open) .topbar-inner{transform:none!important;}
}

/* Do not let legacy body-page styles re-center eyebrows. */
main.page .eyebrow,main.page [class$="-eyebrow"],main.page [class*=" eyebrow"]{
  text-align:left!important;justify-content:flex-start!important;align-items:center!important;align-self:stretch!important;margin-left:0!important;margin-right:0!important;
}

/* Compact money rows: glyph and number read as one token everywhere. */
.coin-ico+span,.coin-ico+.coin-amt,.coin-ico+.coin-d{margin-left:0!important;}
.balance-pill,.skin-price-badge,.skin-price,.skin-btn,.sp-val,.ss-val,.cm-val,.mkt-stat b,.rp-pot,.rp-en-amt,.cf-game-wager,.pf2-coin,.pf2-row-amt,.lb-prize-amt,.lb-pod-wager,.lb-pod-prize,.rw-task-reward,.rp-classic-watch-pot{gap:2px!important;}

/* REV10.2 — chat/raffle aware desktop navigation without shrinking anything.
   The bar itself never changes width. Only the navigation island glides toward
   the available page canvas; account/backpack stay anchored at top-right. */
@media(min-width:1321px){
  html body .topbar,
  html body.rfd-open .topbar,
  html body:not(.rfd-open) .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar,
  html body.chat-off .topbar{
    left:0!important;right:0!important;width:100%!important;max-width:none!important;
  }
  html body .topbar-inner,
  html body.rfd-open .topbar-inner,
  html body.chat-open:not(.chat-off) .topbar-inner,
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{
    position:relative!important;display:block!important;width:100%!important;max-width:none!important;
    min-height:72px!important;margin:0!important;padding:0 12px!important;transform:none!important;
  }
  html body .topbar{--rn-nav-shift:0px;}
  html body.rfd-open:not(.chat-open) .topbar,
  html body.rfd-open.chat-off .topbar{--rn-nav-shift:min(172px,max(0px,calc((100vw - 1340px)/2)));}
  html body:not(.rfd-open).chat-open:not(.chat-off) .topbar{--rn-nav-shift:max(-172px,min(0px,calc((1340px - 100vw)/2)));}
  html body.rfd-open.chat-open:not(.chat-off) .topbar{--rn-nav-shift:0px;}
  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    position:absolute!important;left:50%!important;right:auto!important;top:0!important;bottom:0!important;
    width:min(900px,calc(100vw - 620px))!important;max-width:900px!important;min-width:700px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;
    gap:18px!important;padding:0!important;margin:0!important;
    transform:translateX(calc(-50% + var(--rn-nav-shift)))!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  }
  html body .topbar .nav-games,html body .topbar .nav-more,
  html body.chat-open:not(.chat-off) .topbar .nav-games,html body.chat-open:not(.chat-off) .topbar .nav-more,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-games,html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-more{
    position:static!important;display:flex!important;align-items:center!important;gap:2px!important;
    width:auto!important;max-width:none!important;padding:0!important;margin:0!important;transform:none!important;
  }
  html body .topbar .nav-games{grid-column:1!important;justify-self:end!important;}
  html body .topbar .nav-more{grid-column:3!important;justify-self:start!important;}
  html body .topbar .nav a,
  html body.chat-open:not(.chat-off) .topbar .nav a,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav a{
    width:auto!important;min-width:0!important;height:40px!important;min-height:40px!important;
    padding:0 6px!important;font-size:12px!important;gap:5px!important;white-space:nowrap!important;transform:none!important;
  }
  html body .topbar .nav-more .nav-txt,
  html body.chat-open:not(.chat-off) .topbar .nav-more .nav-txt,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-more .nav-txt{display:inline!important;}
  html body .topbar .nav-info{display:none!important;}
  html body .topbar .brand-word:not(.brand-mobile),
  html body .topbar .brand-word:not(.brand-mobile):hover{
    position:static!important;grid-column:2!important;justify-self:center!important;transform:none!important;
    padding:0 2px!important;margin:0!important;min-width:0!important;
  }
  html body .topbar .brand-word:not(.brand-mobile)>span,
  html body .topbar .brand-word:not(.brand-mobile):hover>span{
    font-size:25px!important;letter-spacing:.042em!important;transform:scaleX(.91)!important;transition:none!important;
  }
  html body .topbar .account,
  html body.rfd-open .topbar .account,
  html body.chat-open:not(.chat-off) .topbar .account,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .account{
    position:absolute!important;right:12px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;
    z-index:30!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;white-space:nowrap!important;
  }
  html body .topbar .notif-wrap{display:block!important;}
  html body .topbar .canta-btn,html body .topbar .profile-avatar-btn{width:38px!important;height:38px!important;}
  html body .topbar .balance-pill{min-height:38px!important;padding:0 9px!important;}
}
@media(min-width:1321px){
  html body.rfd-open:not(.chat-open) .topbar-inner,
  html body.rfd-open.chat-off .topbar-inner,
  html body:not(.rfd-open).chat-open:not(.chat-off) .topbar-inner,
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner,
  html body:not(.rfd-open):not(.chat-open) .topbar-inner,
  html body.chat-off:not(.rfd-open) .topbar-inner{transform:none!important;}
}
@media(min-width:1321px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar .brand-word:not(.brand-mobile)>span,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .brand-word:not(.brand-mobile):hover>span,
  html body.chat-open:not(.chat-off) .topbar .brand-word:not(.brand-mobile)>span{
    font-size:25px!important;letter-spacing:.042em!important;transform:scaleX(.91)!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) .topbar .account,
  html body.chat-open:not(.chat-off) .topbar .account{gap:6px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .notif-wrap,
  html body.chat-open:not(.chat-off) .topbar .notif-wrap{display:block!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .canta-btn,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .profile-avatar-btn,
  html body.chat-open:not(.chat-off) .topbar .canta-btn,
  html body.chat-open:not(.chat-off) .topbar .profile-avatar-btn{width:38px!important;height:38px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .balance-pill,
  html body.chat-open:not(.chat-off) .topbar .balance-pill{padding-inline:9px!important;min-height:38px!important;}
}
/* Guest Rustpot hint is anchored identically in Map and Classic. */
.rp-header-actions .rp-login-hint-top{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:205px!important;min-width:205px!important;max-width:205px!important;min-height:38px!important;
  margin:0!important;text-align:left!important;white-space:nowrap!important;line-height:1.2!important;
}
@media(max-width:700px){
  .rp-header-actions .rp-login-hint-top{width:100%!important;min-width:0!important;max-width:none!important;white-space:normal!important;}
}
/* SVG money mark is rendered as a mask so it inherits contrast from each
   surface. It stays Rust-red on dark cards and turns light on red buttons. */
.coin-ico{
  background-image:none!important;background-color:currentColor!important;
  -webkit-mask:url('/assets/dollar.svg') center/contain no-repeat!important;
  mask:url('/assets/dollar.svg') center/contain no-repeat!important;
  color:#CE422B!important;
}
.balance-pill .coin-ico,.rp-pot .coin-ico,.rp-en-amt .coin-ico,.pf2-coin .coin-ico,.pf2-row-amt .coin-ico,.skin-price .coin-ico,.skin-price-badge .coin-ico,.mkt-stat .coin-ico{color:#E8A096!important;}
.skin-btn .coin-ico,.btn-primary .coin-ico,.rp-join-top .coin-ico,.cf-join-btn .coin-ico{color:#FFF4F1!important;}

/* ========================================================================== 
   RUSTNECRO REV11 — final visual integrity pass
   No layout-shifting navigation, one Rain component language, exact money icon,
   universally left-anchored eyebrows, and Classic/Map reveal parity.
   ========================================================================== */

/* Money glyph: use the SVG as a mask so it is crisp and inherits the correct
   foreground contrast instead of disappearing as a thin red bitmap on buttons. */
.coin-ico{
  display:inline-block!important;
  background-image:none!important;
  background-color:currentColor!important;
  -webkit-mask:url('/assets/dollar.svg') center/contain no-repeat!important;
  mask:url('/assets/dollar.svg') center/contain no-repeat!important;
  width:.86em!important;height:.98em!important;min-width:.86em!important;
  margin:0!important;vertical-align:-.10em!important;transform:none!important;filter:none!important;
}
.balance-pill .coin-ico,.skin-price-badge .coin-ico,.skin-price .coin-ico,.mkt-stat .coin-ico,
.rp-pot .coin-ico,.rp-en-amt .coin-ico,.pf2-coin .coin-ico,.pf2-row-amt .coin-ico,
.lb-prize-amt .coin-ico,.lb-pod-wager .coin-ico,.lb-pod-prize .coin-ico{color:#CE422B!important;}
.coin-amt{gap:0!important;margin:0!important;padding:0!important;}
.coin-ico+.coin-amt,.coin-ico+span{margin-left:0!important;}
.balance-pill,.skin-price-badge,.skin-price,.skin-btn,.sp-val,.ss-val,.cm-val,.mkt-stat b,
.rp-pot,.rp-en-amt,.cf-game-wager,.pf2-coin,.pf2-row-amt,.lb-prize-amt,.lb-pod-wager,
.lb-pod-prize,.rw-task-reward,.rp-classic-watch-pot{column-gap:2px!important;}

/* Coin Rain is the interactive version of Ticket Rain, not a separate visual
   family. Same shell/header geometry; controls live in one compact row below. */
#chatRain.free-rain,.tr-strip{
  margin:0 10px 12px!important;
  border:1px solid rgba(206,66,43,.42)!important;
  border-radius:16px!important;
  background:radial-gradient(58% 90% at 82% 32%,rgba(206,66,43,.18),transparent 60%),
             radial-gradient(120% 120% at 10% 118%,rgba(120,50,38,.24),transparent 64%),
             linear-gradient(160deg,#2B1B1B 0%,#211616 48%,#160F0F 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.50),inset 0 1px 0 rgba(244,222,218,.08),inset 0 0 36px rgba(206,66,43,.10)!important;
}
#chatRain.free-rain{padding:11px 12px 10px!important;overflow:hidden!important;}
#chatRain.free-rain::before,#chatRain.free-rain::after,#chatRain .fr-rain,.tr-strip::before,.tr-strip::after{content:none!important;display:none!important;animation:none!important;}
#chatRain .fr-glow{position:absolute!important;inset:0!important;background:radial-gradient(50% 85% at 82% 35%,rgba(206,66,43,.10),transparent 72%)!important;opacity:1!important;animation:none!important;pointer-events:none!important;}
#chatRain .fr-strip-head{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:30px!important;}
#chatRain .fr-strip-ico,.tr-strip-ico{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(206,66,43,.13)!important;border:1px solid rgba(206,66,43,.20)!important;color:#E8A096!important;box-shadow:none!important;}
#chatRain .fr-strip-ico svg,.tr-strip-ico svg{width:18px!important;height:18px!important;}
#chatRain .fr-strip-txt,.tr-strip-txt{flex:1 1 auto!important;min-width:0!important;line-height:1.25!important;text-align:left!important;}
#chatRain .fr-strip-txt b,.tr-strip-txt b{display:block!important;font-family:var(--fu)!important;font-size:13.5px!important;font-weight:900!important;letter-spacing:.01em!important;color:#E8A096!important;background:none!important;-webkit-text-fill-color:currentColor!important;filter:none!important;}
#chatRain .fr-strip-sub,.tr-strip-sub{display:block!important;margin-top:1px!important;color:#BFA7A2!important;font-size:10.5px!important;line-height:1.25!important;white-space:normal!important;}
#chatRain .fr-info,.tr-strip-info{flex:0 0 24px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(206,66,43,.42)!important;background:rgba(206,66,43,.12)!important;color:#E8A096!important;box-shadow:none!important;transform:none!important;}
#chatRain .fr-info:hover,.tr-strip-info:hover{background:rgba(206,66,43,.22)!important;border-color:rgba(206,66,43,.62)!important;transform:none!important;}
#chatRain .fr-controls{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;width:100%!important;gap:6px!important;margin-top:9px!important;min-width:0!important;}
#chatRain .fr-pot{display:inline-flex!important;align-items:center!important;gap:2px!important;min-width:0!important;font-size:13px!important;font-weight:850!important;color:#F4EAE8!important;line-height:1!important;}
#chatRain .fr-pot .coin-ico{width:12px!important;height:14px!important;min-width:12px!important;color:#CE422B!important;}
#chatRain .fr-timer{height:28px!important;min-width:50px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;border:1px solid rgba(206,66,43,.18)!important;background:#160F0F!important;color:#D9C8C4!important;font-size:11.5px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;}
#chatRain .fr-tip{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:8px!important;border:1px solid rgba(206,66,43,.24)!important;background:rgba(206,66,43,.08)!important;color:#E8A096!important;}
#chatRain .fr-actions{display:flex!important;align-items:center!important;margin-left:auto!important;min-width:0!important;}
#chatRain .fr-join{height:28px!important;min-width:58px!important;padding:0 11px!important;border-radius:8px!important;background:linear-gradient(180deg,#D95842,#B73524)!important;border:1px solid rgba(240,135,116,.30)!important;color:#F9EFED!important;font-size:11px!important;font-weight:900!important;letter-spacing:.035em!important;box-shadow:0 5px 12px rgba(0,0,0,.22)!important;animation:none!important;}
#chatRain .fr-join:hover:not(:disabled){background:linear-gradient(180deg,#E2644D,#C13A27)!important;transform:none!important;}
#chatRain .fr-join:disabled{opacity:.48!important;box-shadow:none!important;}
#chatRain .fr-guest-mark{width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;border-radius:8px!important;border:1px solid rgba(206,66,43,.24)!important;background:#160F0F!important;color:#E8A096!important;font-weight:900!important;}
#chatRain .fr-joined{height:28px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;border-radius:8px!important;border:1px solid rgba(206,66,43,.22)!important;background:rgba(206,66,43,.08)!important;color:#E8A096!important;font-size:11px!important;font-weight:850!important;}
#chatRain .fr-bar{position:relative!important;z-index:2!important;height:4px!important;margin-top:9px!important;border:0!important;border-radius:99px!important;background:#160F0F!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.55)!important;overflow:hidden!important;}
#chatRain .fr-bar-fill,#chatRain.free-rain.fr-active .fr-bar-fill{height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#8F2D20,#CE422B,#E66A55)!important;box-shadow:0 0 9px rgba(206,66,43,.28)!important;animation:none!important;}
#chatRain .fr-meta{position:relative!important;z-index:2!important;min-height:12px!important;margin-top:6px!important;color:#A9918C!important;font-size:10px!important;line-height:1.2!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media(max-width:390px){
  #chatRain.free-rain{padding:10px!important;}
  #chatRain .fr-strip-sub{font-size:10px!important;}
  #chatRain .fr-controls{gap:5px!important;}
  #chatRain .fr-pot{font-size:12px!important;}
  #chatRain .fr-join{min-width:54px!important;padding-inline:9px!important;}
}

/* One eyebrow rule. No centered, stretched or page-specific exception survives. */
.eyebrow,.blog-eyebrow,.lgn-eyebrow,.rc-eyebrow,main.page [class$="-eyebrow"],main.page [class*=" eyebrow"]{
  display:block!important;width:100%!important;max-width:none!important;
  margin:0 0 8px!important;padding:0!important;
  text-align:left!important;align-self:flex-start!important;justify-self:start!important;
  font-size:12px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.10em!important;
  color:#E08A8A!important;
}
.section-title,.section-title>div,.section-title h1,.section-title h2,.section-title h3,
.rp-header>div:first-child,.mkt-head,.rf-header,.lb-page-head{text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;}

/* Latest feedback: chat/raffle must not make the menu look smaller or slide the
   wordmark. The content canvas can resize; the top navigation itself stays put. */
@media(min-width:1321px){
  html body .topbar{--rn-nav-shift:0px!important;}
  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    transform:translateX(-50%)!important;
  }
  html body .topbar .nav a{font-size:12px!important;padding:0 7px!important;}
  html body .topbar .brand-word:not(.brand-mobile)>span{font-size:25px!important;transform:scaleX(.94)!important;}
}
.topbar .nav-games a{position:relative!important;overflow:visible!important;}
.topbar .nav-games a::after{content:""!important;position:absolute!important;left:9px!important;right:9px!important;bottom:4px!important;height:1px!important;border-radius:1px!important;background:#CE422B!important;opacity:0!important;transform:scaleX(.25)!important;transform-origin:center!important;transition:opacity .18s ease,transform .22s ease!important;pointer-events:none!important;}
.topbar .nav-games a:hover::after,.topbar .nav-games a:focus-visible::after{opacity:.72!important;transform:scaleX(1)!important;}
.topbar .nav-games a:hover .nav-ico svg{animation:rnNavGlow .62s ease both!important;transform:none!important;}
@keyframes rnNavGlow{0%{filter:none;opacity:.82}45%{filter:drop-shadow(0 0 8px rgba(206,66,43,.78));opacity:1}100%{filter:drop-shadow(0 0 3px rgba(206,66,43,.32));opacity:1}}

/* IN POT is informational only and never leaks eliminations/winner state. */
.rp-en-row.rp-en-dead,.rp-en-row.rp-en-dead:hover,.rp-en-row.rp-en-dead *{opacity:1!important;filter:none!important;transform:none!important;color:inherit!important;}

/* Compact site rhythm without flattening cards. */
main.page{padding-top:18px!important;padding-bottom:56px!important;}
.section-block{margin-bottom:12px!important;}
.section-title{margin-bottom:10px!important;}
.page-hero,.arena-header,.rp-header,.rf-header,.mkt-head,.lb-page-head{margin-bottom:16px!important;}
.mkt-toolbar{margin-bottom:12px!important;}
.skin-grid{gap:11px!important;}

/* ========================================================================== 
   RUSTNECRO REV12 — interaction geometry + full-height rails + global audio
   ========================================================================== */

/* Rustpot controls are a fixed control group. Switching Map/Classic may change
   the label, never the button box, Join position, row height, or surrounding
   layout. Disabled/active states are paint-only. */
.rp-header-actions,
body.rp-classic-mode .rp-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:8px!important;min-height:40px!important;
}
.rp-header-actions .rp-join-top,
body.rp-classic-mode .rp-header-actions .rp-join-top{
  order:1!important;box-sizing:border-box!important;
  width:84px!important;min-width:84px!important;max-width:84px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0 12px!important;margin:0!important;border-radius:10px!important;
  transform:none!important;animation:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease!important;
}
.rp-header-actions .rp-view-toggle,
body.rp-classic-mode .rp-header-actions .rp-view-toggle{
  order:2!important;box-sizing:border-box!important;
  width:172px!important;min-width:172px!important;max-width:172px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0 12px!important;margin:0!important;border-radius:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  transform:none!important;animation:none!important;filter:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease!important;
}
.rp-header-actions .rp-view-toggle:hover:not(:disabled),
.rp-header-actions .rp-view-toggle:active:not(:disabled),
.rp-header-actions .rp-join-top:hover:not(:disabled),
.rp-header-actions .rp-join-top:active:not(:disabled){transform:none!important;}
.rp-header-actions .rp-view-toggle:disabled,
.rp-header-actions .rp-join-top:disabled{transform:none!important;filter:none!important;}
.rp-header-actions .rp-view-ico{width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important;}
.rp-header-actions #rpViewToggleText{display:block!important;min-width:116px!important;text-align:center!important;white-space:nowrap!important;}
.rp-header-actions .rp-login-hint-top,
body.rp-classic-mode .rp-header-actions .rp-login-hint-top{
  order:1!important;width:205px!important;min-width:205px!important;max-width:205px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  margin:0!important;padding:0!important;white-space:nowrap!important;text-align:left!important;
}
@media(max-width:700px){
  .rp-header-actions,body.rp-classic-mode .rp-header-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;}
  .rp-header-actions .rp-join-top,body.rp-classic-mode .rp-header-actions .rp-join-top,
  .rp-header-actions .rp-view-toggle,body.rp-classic-mode .rp-header-actions .rp-view-toggle{width:100%!important;min-width:0!important;max-width:none!important;}
  .rp-header-actions .rp-login-hint-top,body.rp-classic-mode .rp-header-actions .rp-login-hint-top{grid-column:1/-1!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:32px!important;max-height:none!important;white-space:normal!important;}
}

/* Raffles and Chat are real edge rails: no fake header gap and no bottom-sheet
   height cap. Their own headers start at y=0 and the panels reach 100dvh. */
html body .rfd-drawer,
html body .chat-drawer{
  position:fixed!important;top:0!important;bottom:0!important;
  height:100vh!important;height:100dvh!important;max-height:none!important;
  border-radius:0!important;z-index:1450!important;
}
html body .rfd-drawer .rfd-panel,
html body .chat-drawer .chat-panel{
  height:100%!important;min-height:100%!important;max-height:none!important;
  border-radius:0!important;box-sizing:border-box!important;
}
html body .rfd-drawer .rfd-panel{padding-top:0!important;}
html body .chat-drawer .chat-panel{padding-top:0!important;}
@media(max-width:1200px){
  html body .rfd-drawer,html body .chat-drawer{top:0!important;bottom:0!important;height:100dvh!important;max-height:none!important;}
  html body .rfd-drawer .rfd-panel,html body .chat-drawer .chat-panel{height:100dvh!important;max-height:none!important;}
}

/* Global sound control: immediately left of the profile avatar. Clicking opens
   a compact downward popover; native range direction is reversed so top=max
   and dragging downward lowers the site-wide sound level. */
.account .top-sound{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;order:0!important;
}
.account .top-sound-btn{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  border-radius:11px!important;border:1px solid rgba(206,66,43,.20)!important;
  background:#211616!important;color:#D9C8C4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transform:none!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
.account .top-sound-btn:hover,.account .top-sound-btn[aria-expanded="true"]{
  background:rgba(206,66,43,.13)!important;border-color:rgba(206,66,43,.42)!important;color:#F4E5E2!important;transform:none!important;
}
.account .top-sound-pop{
  position:absolute!important;left:50%!important;right:auto!important;top:calc(100% + 8px)!important;bottom:auto!important;
  transform:translateX(-50%)!important;z-index:1700!important;
  width:44px!important;height:178px!important;padding:9px 0!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;
  background:linear-gradient(180deg,#2A1B1B,#1A1111)!important;border:1px solid rgba(206,66,43,.28)!important;border-radius:12px!important;
  box-shadow:0 18px 38px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.account .top-sound-pop[hidden]{display:none!important;}
.account .top-sound-cap{width:22px!important;height:20px!important;display:grid!important;place-items:center!important;color:#9E7D77!important;flex:0 0 20px!important;}
.account .top-sound-cap svg{width:14px!important;height:14px!important;display:block!important;}
.account .top-sound-range{
  --vol:85%;
  -webkit-appearance:none!important;appearance:none!important;
  writing-mode:vertical-lr!important;direction:rtl!important;
  width:6px!important;height:112px!important;min-width:6px!important;min-height:112px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;outline:0!important;
  background:linear-gradient(to top,#CE422B 0 var(--vol),#4A302D var(--vol) 100%)!important;
  cursor:pointer!important;accent-color:#CE422B!important;
}
.account .top-sound-range::-webkit-slider-thumb{
  -webkit-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;border-radius:50%!important;
  background:#F4E6E3!important;border:3px solid #CE422B!important;box-shadow:0 3px 8px rgba(0,0,0,.35)!important;cursor:grab!important;
}
.account .top-sound-range::-moz-range-thumb{width:12px!important;height:12px!important;border-radius:50%!important;background:#F4E6E3!important;border:3px solid #CE422B!important;box-shadow:0 3px 8px rgba(0,0,0,.35)!important;cursor:grab!important;}
.account .top-sound-range::-moz-range-track{width:6px!important;border:0!important;border-radius:999px!important;background:#4A302D!important;}
.account .profile-wrap{order:1!important;}

/* Keep the account cluster compact with the new sound control; no item shifts
   when a drawer opens and no reduced-size alternate header state. */
@media(min-width:1321px){
  html body .topbar .account,
  html body.rfd-open .topbar .account,
  html body.chat-open:not(.chat-off) .topbar .account,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .account{gap:6px!important;transform:translateY(-50%)!important;}
  html body .topbar .top-sound,html body.rfd-open .topbar .top-sound,html body.chat-open:not(.chat-off) .topbar .top-sound{width:38px!important;height:38px!important;flex-basis:38px!important;}
}


/* ========================================================================== 
   RUSTNECRO REV13 — consistency contract
   Geometry never changes on hover/state switches; Rails fill the viewport;
   all visible decorative UI resolves to the Rust palette.
   ========================================================================== */

/* All eyebrow variants share one left anchor and optical scale. */
html body .eyebrow,html body .blog-eyebrow,html body .lgn-eyebrow,html body .rc-eyebrow,
html body main.page [class$="-eyebrow"],html body main.page [class*="eyebrow"]{
  width:100%!important;max-width:none!important;display:block!important;box-sizing:border-box!important;
  margin:0 0 8px!important;padding:0!important;text-align:left!important;align-self:flex-start!important;
  justify-self:start!important;justify-content:flex-start!important;transform:none!important;
  font-size:12.5px!important;line-height:1.15!important;font-weight:850!important;letter-spacing:.095em!important;
  color:#D98778!important;
}

/* Paint-only interaction for layout-bearing controls/cards. */
.topbar .nav a,.topbar .nav a:hover,.topbar .nav a:active,.topbar .nav a:focus-visible,
.topbar .brand-word,.topbar .brand-word:hover,.topbar .brand-word:active,
.topbar .canta-btn,.topbar .canta-btn:hover,.topbar .notif-bell,.topbar .notif-bell:hover,
.topbar .profile-avatar-btn,.topbar .profile-avatar-btn:hover,.topbar .top-sound-btn,.topbar .top-sound-btn:hover,
.rp-header-actions .rp-view-toggle,.rp-header-actions .rp-view-toggle:hover,.rp-header-actions .rp-view-toggle:active,
.rp-header-actions .rp-join-top,.rp-header-actions .rp-join-top:hover,.rp-header-actions .rp-join-top:active,
.skin-card,.skin-card:hover,.rf-card,.rf-card:hover,.pf2-kpi,.pf2-kpi:hover,.pf2-game,.pf2-game:hover{
  transform:none!important;
}
.skin-card,.rf-card,.pf2-kpi,.pf2-game{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,opacity .16s ease!important;}
.skin-card:hover,.rf-card:hover{border-color:rgba(206,66,43,.38)!important;box-shadow:0 15px 34px rgba(0,0,0,.42),0 0 0 1px rgba(206,66,43,.08)!important;}

/* Header must stay the same physical size in every drawer state. */
@media(min-width:1321px){
  html body .topbar .nav-shell,html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    width:min(900px,calc(100vw - 620px))!important;min-width:700px!important;max-width:900px!important;gap:20px!important;
  }
  html body .topbar .nav a,html body.rfd-open .topbar .nav a,
  html body.chat-open:not(.chat-off) .topbar .nav a,html body.rfd-open.chat-open:not(.chat-off) .topbar .nav a{
    height:40px!important;min-height:40px!important;padding:0 7px!important;font-size:12px!important;gap:5px!important;
  }
  html body .topbar .brand-word:not(.brand-mobile)>span,
  html body.rfd-open .topbar .brand-word:not(.brand-mobile)>span,
  html body.chat-open:not(.chat-off) .topbar .brand-word:not(.brand-mobile)>span,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .brand-word:not(.brand-mobile)>span{
    font-size:25px!important;letter-spacing:.042em!important;transform:scaleX(.91)!important;
  }
}

/* Full-height rails start at the very top with no phantom strip. */
html body .rfd-drawer,html body .chat-drawer{top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;max-height:none!important;border-radius:0!important;}
html body .rfd-panel,html body .chat-panel{height:100%!important;min-height:100%!important;max-height:none!important;border-radius:0!important;}

/* Chat header contract: close button immediately precedes language selector. */
.chat-head{display:flex!important;align-items:center!important;gap:6px!important;}
.chat-head .chat-head-actions{display:flex!important;align-items:center!important;order:1!important;margin:0!important;}
.chat-head .chat-lang{order:2!important;margin:0!important;}
.chat-head .chat-online{order:3!important;}
.chat-head .chat-rules-btn{order:4!important;}
.chat-head #chatClose{position:static!important;width:34px!important;height:34px!important;min-width:34px!important;margin:0!important;transform:none!important;}
.chat-head .chat-lang-btn{height:34px!important;min-height:34px!important;transform:none!important;}

/* Coin Rain and Ticket Rain are siblings in one visual family. */
#chatRain.free-rain,.tr-strip{
  border:1px solid rgba(206,66,43,.42)!important;border-radius:16px!important;
  background:radial-gradient(58% 90% at 82% 32%,rgba(206,66,43,.18),transparent 60%),radial-gradient(120% 120% at 10% 118%,rgba(120,50,38,.24),transparent 64%),linear-gradient(160deg,#2B1B1B 0%,#211616 48%,#160F0F 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.50),inset 0 1px 0 rgba(244,222,218,.08),inset 0 0 36px rgba(206,66,43,.10)!important;
}
#chatRain.free-rain::before,#chatRain.free-rain::after,#chatRain .fr-rain{content:none!important;display:none!important;background:none!important;animation:none!important;}
#chatRain .fr-join{width:58px!important;min-width:58px!important;max-width:58px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0!important;transform:none!important;}
#chatRain .fr-actions{min-width:58px!important;justify-content:flex-end!important;}
#chatRain .fr-actions-guest{min-width:28px!important;}

/* Currency is a tight atomic token. No legacy 3D coin and no phantom gap. */
.coin-ico{width:.86em!important;height:1em!important;margin:0!important;padding:0!important;background-image:none!important;background-color:currentColor!important;-webkit-mask:url('/assets/dollar.svg') center/contain no-repeat!important;mask:url('/assets/dollar.svg') center/contain no-repeat!important;filter:none!important;transform:none!important;}
.coin-ico+.coin-amt,.coin-ico+span,.coin-ico+.coin-d{margin-left:0!important;}
.balance-pill,.skin-price,.skin-price-badge,.skin-btn,.mkt-stat b,.rp-pot,.rp-en-amt,.pf2-coin,.pf2-row-amt,.lb-prize-amt,.rw-task-reward,.rf-pv{column-gap:2px!important;gap:2px!important;}
.rf-pv{color:#F4EAE8!important;background:rgba(206,66,43,.12)!important;border:1px solid rgba(206,66,43,.28)!important;box-shadow:none!important;}

/* Rust-only decorative level ladder. Semantic online/success/error colors are not touched. */
.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{--lvc:#B86855!important;--lvc2:#7A352B!important;}
.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{--lvc:#C96C5B!important;--lvc2:#8F3B2D!important;}
.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{--lvc:#B86855!important;--lvc2:#7A352B!important;}
.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{--lvc:#CE7867!important;--lvc2:#8F463A!important;}
.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{--lvc:#D98778!important;--lvc2:#8F3B2D!important;}
.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{--lvc:#E8A096!important;--lvc2:#A54839!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{--lvc:#D9C8C4!important;--lvc2:#9F574A!important;}

/* Compact but breathable global rhythm. */
main.page{padding-top:18px!important;padding-bottom:48px!important;}
.page-hero,.arena-header,.rp-header,.rf-header,.mkt-head,.lb-page-head{margin-bottom:14px!important;}
.section-block{margin-bottom:12px!important;}.section-title{margin-bottom:10px!important;}.skin-grid{gap:11px!important;}

/* REV13.1 — drawers move the navigation with the usable page canvas without
   changing any typography, gaps or control dimensions. */
@media(min-width:1321px){
  html body .topbar{--rn-nav-shift:0px!important;}
  html body.rfd-open:not(.chat-open) .topbar,
  html body.rfd-open.chat-off .topbar{--rn-nav-shift:172px!important;}
  html body:not(.rfd-open).chat-open:not(.chat-off) .topbar{--rn-nav-shift:-172px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar{--rn-nav-shift:0px!important;}
  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    transform:translateX(calc(-50% + var(--rn-nav-shift)))!important;
    transition:transform .24s cubic-bezier(.4,0,.2,1)!important;
  }
}

/* REV13.2 — responsive desktop rails and a geometry-stable header.
   The usable canvas may narrow, but nav typography/icons never shrink per state. */
@media(min-width:1321px){
  html body{--rn-rail-w:clamp(290px,calc((100vw - 742px)/2),344px)!important;}

  html body .rfd-drawer,
  html body .chat-drawer{
    width:var(--rn-rail-w)!important;
    max-width:var(--rn-rail-w)!important;
  }

  html body.rfd-open:not(.chat-open) main.page,
  html body.rfd-open.chat-off main.page{
    margin-left:var(--rn-rail-w)!important;
    margin-right:0!important;
    width:calc(100vw - var(--rn-rail-w))!important;
    max-width:none!important;
  }
  html body:not(.rfd-open).chat-open:not(.chat-off) main.page{
    margin-left:0!important;
    margin-right:var(--rn-rail-w)!important;
    width:calc(100vw - var(--rn-rail-w))!important;
    max-width:none!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) main.page{
    margin-left:var(--rn-rail-w)!important;
    margin-right:var(--rn-rail-w)!important;
    width:calc(100vw - var(--rn-rail-w) - var(--rn-rail-w))!important;
    max-width:none!important;
  }

  html body .topbar{--rn-nav-shift:0px!important;}
  html body.rfd-open:not(.chat-open) .topbar,
  html body.rfd-open.chat-off .topbar{--rn-nav-shift:calc(var(--rn-rail-w)/2)!important;}
  html body:not(.rfd-open).chat-open:not(.chat-off) .topbar{--rn-nav-shift:calc(var(--rn-rail-w)/-2)!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar{--rn-nav-shift:0px!important;}

  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    gap:16px!important;
    transition:transform .24s cubic-bezier(.4,0,.2,1)!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    width:min(900px,calc(100vw - var(--rn-rail-w) - var(--rn-rail-w)))!important;
    min-width:0!important;
    max-width:900px!important;
  }
  html body .topbar .nav-games a,
  html body.rfd-open .topbar .nav-games a,
  html body.chat-open:not(.chat-off) .topbar .nav-games a,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-games a{
    padding-left:3px!important;
    padding-right:3px!important;
  }
}

/* Open rails always resolve to the viewport edge. Legacy tablet/bottom-sheet
   transforms are not allowed to leave a phantom gap. */
html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){
  top:0!important;bottom:0!important;height:100dvh!important;max-height:none!important;
  transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
}
html body.rfd-open .rfd-drawer:not(.closed),
html body.rfd-mobile-showing .rfd-drawer.rfd-mobile-open{
  top:0!important;bottom:0!important;height:100dvh!important;max-height:none!important;
  transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
}

/* Final paint-only interaction contract for non-gameplay UI controls. */
html body .btn:hover,html body .btn:active,
html body .btn-primary:hover,html body .btn-primary:active,
html body .btn-skin-stake:hover,html body .btn-skin-stake:active,
html body .mkt-sync:hover,html body .mkt-sync:active,
html body .canta-tool:hover,html body .canta-tool:active,
html body .cm-act:hover,html body .cm-act:active,
html body .rf-enterbtn:hover,html body .rf-enterbtn:active,
html body .copy-ico:hover,html body .copy-ico:active,
html body .chat-act:hover,html body .chat-act:active,
html body .chat-form button:hover,html body .chat-form button:active{
  transform:none!important;
}

/* ========================================================================== 
   RUSTNECRO REV14 — final geometry closure
   Drawers may resize the content canvas, but the header itself never shifts,
   shrinks, or reflows between open/closed states.
   ========================================================================== */
@media(min-width:1321px){
  html body .topbar,
  html body.rfd-open .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar{--rn-nav-shift:0px!important;}
  html body .topbar-inner,
  html body.rfd-open .topbar-inner,
  html body.chat-open:not(.chat-off) .topbar-inner,
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{
    transform:none!important;
  }
  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    transform:translateX(-50%)!important;
    transition:none!important;
  }
}

/* State changes paint; they never resize or move the Rustpot controls. */
.rp-header-actions{display:grid!important;grid-template-columns:172px 84px!important;gap:8px!important;align-items:center!important;justify-content:end!important;}
.rp-header-actions .rp-view-toggle{grid-column:1!important;width:172px!important;min-width:172px!important;max-width:172px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 12px!important;margin:0!important;transform:none!important;}
.rp-header-actions .rp-join-top{grid-column:2!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;transform:none!important;}
.rp-header-actions .rp-login-hint-top{grid-column:1/3!important;width:264px!important;min-width:264px!important;max-width:264px!important;margin:0!important;text-align:left!important;justify-self:end!important;}
.rp-header-actions .rp-view-toggle:hover,.rp-header-actions .rp-view-toggle:active,.rp-header-actions .rp-view-toggle:disabled,
.rp-header-actions .rp-join-top:hover,.rp-header-actions .rp-join-top:active,.rp-header-actions .rp-join-top:disabled{transform:none!important;}
@media(max-width:560px){
  .rp-header-actions{width:100%!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:7px!important;justify-content:stretch!important;}
  .rp-header-actions .rp-view-toggle{width:100%!important;min-width:0!important;max-width:none!important;}
  .rp-header-actions .rp-join-top{width:76px!important;min-width:76px!important;max-width:76px!important;}
  .rp-header-actions .rp-login-hint-top{grid-column:1/3!important;width:100%!important;min-width:0!important;max-width:none!important;justify-self:stretch!important;}
}

/* Warm neutral fallbacks: no blue-grey placeholder tint can leak through. */
.skin-ph{color:var(--rk,#9E817B)!important;}

/* Guest hint owns a fixed second column; it never overlaps the view toggle and
   never jumps left/right when Map ↔ Classic changes label. */
.rp-header-actions.rp-header-actions-guest{grid-template-columns:172px 220px!important;}
.rp-header-actions.rp-header-actions-guest .rp-view-toggle{grid-column:1!important;}
.rp-header-actions.rp-header-actions-guest .rp-login-hint-top{
  grid-column:2!important;width:220px!important;min-width:220px!important;max-width:220px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  margin:0!important;padding:0 10px!important;text-align:left!important;white-space:nowrap!important;
}
@media(max-width:560px){
  .rp-header-actions.rp-header-actions-guest{grid-template-columns:minmax(0,1fr)!important;}
  .rp-header-actions.rp-header-actions-guest .rp-view-toggle,
  .rp-header-actions.rp-header-actions-guest .rp-login-hint-top{grid-column:1!important;width:100%!important;min-width:0!important;max-width:none!important;}
}

/* ========================================================================== 
   RUSTNECRO REV14.1 — absolute final geometry contract
   This block intentionally outranks all historical drawer/classic rules.
   ========================================================================== */
@media(min-width:1321px){
  html body .topbar,
  html body.rfd-open .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar{
    left:0!important;right:0!important;width:100%!important;max-width:none!important;
  }
  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    left:50%!important;right:auto!important;
    width:min(900px,calc(100vw - 620px))!important;
    min-width:700px!important;max-width:900px!important;
    gap:20px!important;transform:translateX(-50%)!important;
  }
  html body .topbar .nav-games,
  html body .topbar .nav-more,
  html body.rfd-open .topbar .nav-games,
  html body.rfd-open .topbar .nav-more,
  html body.chat-open:not(.chat-off) .topbar .nav-games,
  html body.chat-open:not(.chat-off) .topbar .nav-more,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-games,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-more{
    gap:3px!important;
  }
  html body .topbar .nav a,
  html body.rfd-open .topbar .nav a,
  html body.chat-open:not(.chat-off) .topbar .nav a,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav a{
    width:auto!important;height:40px!important;min-height:40px!important;
    padding:0 7px!important;font-size:12px!important;gap:5px!important;
  }
}

/* Map and Classic use one immutable two-control geometry. */
html body .rp-header-actions,
html body.rp-classic-mode .rp-header-actions{
  display:grid!important;grid-template-columns:172px 84px!important;grid-template-rows:40px!important;
  gap:8px!important;align-items:center!important;justify-content:end!important;
}
html body .rp-header-actions .rp-view-toggle,
html body.rp-classic-mode .rp-header-actions .rp-view-toggle{
  grid-column:1!important;grid-row:1!important;order:0!important;
  width:172px!important;min-width:172px!important;max-width:172px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:0 12px!important;transform:none!important;
}
html body .rp-header-actions .rp-join-top,
html body.rp-classic-mode .rp-header-actions .rp-join-top{
  grid-column:2!important;grid-row:1!important;order:0!important;
  width:84px!important;min-width:84px!important;max-width:84px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:0!important;transform:none!important;
}
html body .rp-header-actions.rp-header-actions-guest,
html body.rp-classic-mode .rp-header-actions.rp-header-actions-guest{
  grid-template-columns:172px 220px!important;grid-template-rows:40px!important;
}
html body .rp-header-actions.rp-header-actions-guest .rp-login-hint-top,
html body.rp-classic-mode .rp-header-actions.rp-header-actions-guest .rp-login-hint-top{
  grid-column:2!important;grid-row:1!important;order:0!important;
  width:220px!important;min-width:220px!important;max-width:220px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:0 10px!important;text-align:left!important;justify-self:stretch!important;
}
@media(max-width:560px){
  html body .rp-header-actions,
  html body.rp-classic-mode .rp-header-actions{
    width:100%!important;grid-template-columns:minmax(0,1fr) 76px!important;grid-template-rows:40px!important;
    gap:7px!important;justify-content:stretch!important;
  }
  html body .rp-header-actions .rp-view-toggle,
  html body.rp-classic-mode .rp-header-actions .rp-view-toggle{
    grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;
  }
  html body .rp-header-actions .rp-join-top,
  html body.rp-classic-mode .rp-header-actions .rp-join-top{
    grid-column:2!important;grid-row:1!important;width:76px!important;min-width:76px!important;max-width:76px!important;
  }
  html body .rp-header-actions.rp-header-actions-guest,
  html body.rp-classic-mode .rp-header-actions.rp-header-actions-guest{
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:40px auto!important;
  }
  html body .rp-header-actions.rp-header-actions-guest .rp-view-toggle,
  html body.rp-classic-mode .rp-header-actions.rp-header-actions-guest .rp-view-toggle{grid-column:1!important;grid-row:1!important;}
  html body .rp-header-actions.rp-header-actions-guest .rp-login-hint-top,
  html body.rp-classic-mode .rp-header-actions.rp-header-actions-guest .rp-login-hint-top{
    grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:none!important;
  }
}

/* Side rails never animate from legacy bottom-sheet coordinates. */
html body .rfd-drawer,
html body.rfd-open .rfd-drawer,
html body.rfd-mobile-showing .rfd-drawer,
html body.rfd-mobile-showing .rfd-drawer.rfd-mobile-open,
html body .chat-drawer,
html body.chat-open:not(.chat-off) .chat-drawer{
  position:fixed!important;top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;max-height:none!important;
  animation:none!important;transition:opacity .18s ease,visibility .18s ease!important;
}
html body.rfd-open .rfd-drawer:not(.closed),
html body.rfd-mobile-showing .rfd-drawer.rfd-mobile-open{
  transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
}
html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){
  transform:translate3d(0,0,0)!important;visibility:visible!important;pointer-events:auto!important;
}
/* Rustpot mode changes never retrigger/continue the generic page entrance lift. */
html body .rp-header,html body.rp-classic-mode .rp-header{animation:none!important;transform:none!important;}

/* ========================================================================== 
   RUSTNECRO REV14.2 — deterministic header geometry at breakpoint boundaries
   Header/nav state changes are instantaneous and never interpolate position.
   This closes the 1320/1321 resize edge case where an old transform transition
   could continue after the breakpoint changed and look like a hover jump.
   ========================================================================== */
html body .topbar-inner,
html body.rfd-open .topbar-inner,
html body.chat-open:not(.chat-off) .topbar-inner,
html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{
  transform:none!important;
  transition:none!important;
}
@media(min-width:1321px){
  html body .topbar .nav-shell,
  html body.rfd-open .topbar .nav-shell,
  html body.chat-open:not(.chat-off) .topbar .nav-shell,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    transition:none!important;
  }
}
@media(max-width:1320px){
  html body .topbar-inner{transform:none!important;transition:none!important;}
  /* The compact menu may fade/open, but its position must not animate. */
  html body .topbar .nav-shell{
    transition:opacity .16s ease,visibility .16s ease,background-color .16s ease,border-color .16s ease!important;
  }
}

/* ========================================================================== 
   RUSTNECRO REV16 — synchronized Classic reveal + precise landing
   ========================================================================== */
.rp-classic{position:relative!important;}

/* ========================================================================== 
   RUSTNECRO REV16.1 — visible-canvas header, unified page rhythm, Rain polish
   ========================================================================== */
/* The header follows the usable site canvas. Rails never cover Backpack,
   balance, sound or profile controls; typography/control sizes stay unchanged. */
@media(min-width:1321px){
  html body{--rn-left-rail:0px;--rn-right-rail:0px;}
  html body.rfd-open{--rn-left-rail:var(--rn-rail-w);}
  html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w);}
  html body .topbar,
  html body.rfd-open .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar{
    left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;
    transition:none!important;
  }
  html body .topbar-inner{width:100%!important;max-width:none!important;}
  html body .topbar .account{right:12px!important;}
  html body .topbar .nav-shell{
    left:50%!important;width:min(900px,calc(100% - 300px))!important;min-width:0!important;max-width:900px!important;
    transform:translateX(-50%)!important;transition:none!important;
  }
}
/* When both full-height rails leave a narrow desktop canvas, use the normal
   menu popover instead of shrinking/overlapping the desktop navigation. */
@media(min-width:1321px) and (max-width:1799px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .mobile-menu{display:flex!important;order:1!important;flex:0 0 38px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .brand-mobile>span{font-size:22px!important;transform:scaleX(.94)!important;}
  html body.rfd-open.chat-open:not(.chat-off) .account{position:static!important;order:3!important;transform:none!important;margin-left:auto!important;flex:0 0 auto!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell{
    display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;transform:none!important;
    flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:9px!important;
    border:1px solid rgba(206,66,43,.24)!important;border-radius:13px!important;background:rgba(33,22,22,.99)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.48)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell>.brand-word:not(.brand-mobile){display:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell .nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:6px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .nav-shell .nav a{width:auto!important;min-height:40px!important;justify-content:center!important;padding-inline:8px!important;font-size:12px!important;}
}

/* Compact, stable Rustpot controls. Classic Jackpot fits optically without
   touching the edge and neither mode changes the control boxes. */
html body .rp-header-actions,html body.rp-classic-mode .rp-header-actions{grid-template-columns:168px 80px!important;gap:8px!important;}
html body .rp-header-actions .rp-view-toggle,html body.rp-classic-mode .rp-header-actions .rp-view-toggle{
  width:168px!important;min-width:168px!important;max-width:168px!important;padding:0 10px!important;gap:7px!important;
  border-radius:11px!important;overflow:hidden!important;
}
html body .rp-header-actions .rp-view-ico{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;}
html body .rp-header-actions .rp-view-ico svg{width:17px!important;height:17px!important;}
html body .rp-header-actions #rpViewToggleText{min-width:0!important;max-width:126px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11.5px!important;letter-spacing:.015em!important;}
html body .rp-header-actions .rp-join-top,html body.rp-classic-mode .rp-header-actions .rp-join-top{width:80px!important;min-width:80px!important;max-width:80px!important;border-radius:11px!important;}
html body .rp-header-actions.rp-header-actions-guest,html body.rp-classic-mode .rp-header-actions.rp-header-actions-guest{grid-template-columns:168px 220px!important;}
@media(max-width:560px){
  html body .rp-header-actions,html body.rp-classic-mode .rp-header-actions{grid-template-columns:minmax(0,1fr) 76px!important;}
  html body .rp-header-actions .rp-view-toggle,html body.rp-classic-mode .rp-header-actions .rp-view-toggle{width:100%!important;min-width:0!important;max-width:none!important;}
  html body .rp-header-actions .rp-join-top,html body.rp-classic-mode .rp-header-actions .rp-join-top{width:76px!important;min-width:76px!important;max-width:76px!important;}
}

/* Coin Rain is literally Ticket Rain's shell/header with a compact utility row,
   not a gold/coin-themed second component. */
#chatRain.free-rain,.tr-strip{box-sizing:border-box!important;}
#chatRain .fr-strip-head,.tr-strip{min-height:42px!important;align-items:center!important;}
#chatRain .fr-controls{
  margin-top:7px!important;padding-top:8px!important;border-top:1px solid rgba(206,66,43,.13)!important;
  min-height:35px!important;gap:6px!important;
}
#chatRain .fr-pot{height:28px!important;padding:0 7px!important;border-radius:8px!important;background:rgba(22,15,15,.64)!important;border:1px solid rgba(206,66,43,.13)!important;}
#chatRain .fr-timer{background:rgba(22,15,15,.74)!important;}
#chatRain .fr-bar{margin-top:8px!important;}
#chatRain .fr-meta{margin-top:5px!important;}

/* One page rhythm. Remove page-specific artificial narrowing where the content
   has no functional reason to be centered in a small column. */
html body main.page{box-sizing:border-box!important;padding-left:18px!important;padding-right:18px!important;}
html body main.page>.page-hero,html body main.page>.arena-header,html body main.page>.rp-header,
html body main.page>.rf-header,html body main.page>.mkt-head,html body main.page>.lb-page-head,
html body main.page>.section-title{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left!important;}
html body .pf2{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
html body .pf2 .eyebrow{margin-bottom:8px!important;}
html body .fair-page-sub,html body .fair-hero,html body .fairness-explainer.fair-flow,
html body .fair-verifier,html body .fair-proof-block,html body .fair-history,html body .fair-fold{max-width:none!important;margin-left:0!important;margin-right:0!important;}
@media(min-width:1321px) and (max-width:1799px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{
    display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;transform:none!important;
    flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:9px!important;margin:0!important;
    border:1px solid rgba(206,66,43,.24)!important;border-radius:13px!important;background:rgba(33,22,22,.99)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.48)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell>.brand-word:not(.brand-mobile){display:none!important;}
}

/* ========================================================================== 
   RUSTNECRO REV16.2 — final visual consistency contract
   ========================================================================== */
/* One eyebrow geometry everywhere. */
html body .eyebrow,html body .blog-eyebrow,html body .lgn-eyebrow,html body .rc-eyebrow,
html body main.page [class$="-eyebrow"],html body main.page [class*=" eyebrow"]{
  display:block!important;width:100%!important;max-width:none!important;
  margin:0 0 8px!important;padding:0!important;
  text-align:left!important;align-self:flex-start!important;justify-self:start!important;justify-content:flex-start!important;
  font-size:12.5px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.095em!important;
  color:#E08A7C!important;
}
/* Common page gutters: enough breathing room without narrow floating columns. */
html body main.page{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding-left:clamp(12px,1.25vw,20px)!important;padding-right:clamp(12px,1.25vw,20px)!important;}
html body main.page>.page-hero,html body main.page>.arena-header,html body main.page>.rp-header,
html body main.page>.rf-header,html body main.page>.mkt-head,html body main.page>.lb-page-head,
html body main.page>.section-title{margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important;}
/* Profile should use the same canvas as the rest of the product. */
html body .pf2{width:100%!important;max-width:none!important;margin:0!important;}
/* Classic is reel -> IN POT -> LAST GAMES, with no hidden status/hash spacer. */
html body.rp-classic-mode .rp-players-line,html body.rp-classic-mode .rp-commit{display:none!important;}
html body.rp-classic-mode .rp-map-card{padding-bottom:10px!important;}
html body.rp-classic-mode .rp-classic{min-height:0!important;padding:8px 0 4px!important;margin:0!important;}
html body.rp-classic-mode .rp-reel-window{margin:0!important;padding:12px 0!important;}
/* Coin Rain and Ticket Rain share the exact same frame/header inset. */
html body #chatRain.free-rain{padding:11px 14px 10px!important;animation:none!important;transform:none!important;}
html body .tr-strip{padding:11px 14px!important;animation:none!important;transform:none!important;}
html body #chatRain .fr-strip-head{min-height:32px!important;gap:10px!important;}
html body #chatRain .fr-controls{margin-top:7px!important;padding-top:7px!important;}
/* Fixed Rustpot control typography: mode labels never push the button geometry. */
html body .rp-view-toggle,html body .rp-view-toggle:hover,html body .rp-view-toggle:active,html body .rp-view-toggle:focus-visible,
html body.rp-classic-mode .rp-view-toggle,html body.rp-classic-mode .rp-view-toggle:hover,html body.rp-classic-mode .rp-view-toggle:active{
  transform:none!important;box-sizing:border-box!important;
}
html body .rp-view-toggle #rpViewToggleText{display:block!important;flex:1 1 auto!important;text-align:center!important;}

/* Desktop/laptop rails begin at 1024px, not 1321px. This prevents Chat from
   covering the account cluster on common 1200/1100/1024 browser widths. */
@media(min-width:1024px) and (max-width:1320px){
  html body{--rn-rail-w:clamp(250px,24vw,300px)!important;--rn-left-rail:0px;--rn-right-rail:0px;}
  html body.rfd-open{--rn-left-rail:var(--rn-rail-w);}
  html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w);}
  html body .rfd-drawer{left:0!important;right:auto!important;width:var(--rn-rail-w)!important;max-width:var(--rn-rail-w)!important;}
  html body .chat-drawer{right:0!important;left:auto!important;width:var(--rn-rail-w)!important;max-width:var(--rn-rail-w)!important;}
  html body.rfd-open:not(.chat-open) main.page,html body.rfd-open.chat-off main.page{
    margin-left:var(--rn-rail-w)!important;margin-right:0!important;width:calc(100vw - var(--rn-rail-w))!important;max-width:none!important;
  }
  html body:not(.rfd-open).chat-open:not(.chat-off) main.page{
    margin-left:0!important;margin-right:var(--rn-rail-w)!important;width:calc(100vw - var(--rn-rail-w))!important;max-width:none!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) main.page{
    margin-left:var(--rn-rail-w)!important;margin-right:var(--rn-rail-w)!important;width:calc(100vw - var(--rn-rail-w)*2)!important;max-width:none!important;
  }
  html body .topbar,html body.rfd-open .topbar,html body.chat-open:not(.chat-off) .topbar,html body.rfd-open.chat-open:not(.chat-off) .topbar{
    left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;transition:none!important;
  }
  html body .topbar-inner{width:100%!important;max-width:none!important;transform:none!important;transition:none!important;padding-inline:10px!important;}
  html body .topbar .account{right:10px!important;}
  /* Keep full-size controls, use the normal menu popover when the center canvas
     cannot fit all nav links without compression. */
  html body .mobile-menu{display:flex!important;}
  html body .brand-mobile{display:flex!important;}
  html body .topbar .nav-shell{
    position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;transform:none!important;
  }
}

/* ========================================================================== 
   RUSTNECRO REV17 — stable control geometry + full-canvas Classic + rail polish
   ========================================================================== */
/* One visual canvas: no legacy 1180px choke point in Classic mode. */
html body.rp-classic-mode .rp-stage.rp-stage-2col{
  width:100%!important;max-width:none!important;margin:0!important;gap:12px!important;
}
html body.rp-classic-mode .rp-map-col,
html body.rp-classic-mode .rp-side-col,
html body.rp-classic-mode #rpInPotCard,
html body.rp-classic-mode #rpLastGamesCard{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
html body.rp-classic-mode .rp-map-card{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:14px!important;}
html body.rp-classic-mode .rp-classic{width:100%!important;min-height:0!important;margin:0!important;padding:8px 0 4px!important;border-radius:14px!important;overflow:hidden!important;}
html body.rp-classic-mode .rp-reel-window{width:100%!important;min-height:176px!important;margin:0!important;padding:12px 0!important;overflow:hidden!important;}
html body.rp-classic-mode .rp-reel-track{will-change:transform!important;}

/* The switch and Join are immutable boxes. Text/state changes may only repaint. */
html body .rp-header{align-items:flex-end!important;gap:12px!important;}
html body .rp-header-actions,
html body.rp-classic-mode .rp-header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;
  gap:8px!important;min-height:40px!important;width:auto!important;margin:0!important;
}
html body .rp-header-actions .rp-view-toggle,
html body.rp-classic-mode .rp-header-actions .rp-view-toggle{
  order:2!important;flex:0 0 184px!important;width:184px!important;min-width:184px!important;max-width:184px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 11px!important;margin:0!important;
  border-radius:11px!important;overflow:hidden!important;transform:none!important;animation:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease!important;
}
html body .rp-header-actions .rp-view-toggle:hover:not(:disabled),
html body .rp-header-actions .rp-view-toggle:active:not(:disabled),
html body .rp-header-actions .rp-view-toggle:focus-visible{transform:none!important;}
html body .rp-header-actions .rp-view-ico{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;}
html body .rp-header-actions #rpViewToggleText{
  display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;
  text-overflow:clip!important;white-space:nowrap!important;text-align:center!important;font-size:11.5px!important;line-height:1!important;letter-spacing:.012em!important;
}
html body .rp-header-actions .rp-join-top,
html body.rp-classic-mode .rp-header-actions .rp-join-top{
  order:1!important;flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 12px!important;margin:0!important;
  border-radius:11px!important;transform:none!important;animation:none!important;
}
html body .rp-header-actions .rp-join-top:hover:not(:disabled),
html body .rp-header-actions .rp-join-top:active:not(:disabled){transform:none!important;}
html body .rp-header-actions.rp-header-actions-guest{min-width:397px!important;}
html body .rp-header-actions .rp-login-hint-top{
  order:1!important;flex:0 0 205px!important;width:205px!important;min-width:205px!important;max-width:205px!important;
  margin:0!important;padding:0!important;text-align:left!important;white-space:nowrap!important;
}
@media(max-width:700px){
  html body .rp-header{align-items:stretch!important;}
  html body .rp-header-actions,html body.rp-classic-mode .rp-header-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;gap:8px!important;}
  html body .rp-header-actions .rp-view-toggle,html body.rp-classic-mode .rp-header-actions .rp-view-toggle{width:100%!important;min-width:0!important;max-width:none!important;flex:auto!important;}
  html body .rp-header-actions .rp-join-top,html body.rp-classic-mode .rp-header-actions .rp-join-top{width:78px!important;min-width:78px!important;max-width:78px!important;flex:auto!important;}
  html body .rp-header-actions.rp-header-actions-guest{min-width:0!important;grid-template-columns:1fr!important;}
  html body .rp-header-actions .rp-login-hint-top{grid-row:1!important;grid-column:1!important;width:auto!important;min-width:0!important;max-width:none!important;flex:auto!important;white-space:normal!important;}
  html body .rp-header-actions.rp-header-actions-guest .rp-view-toggle{grid-row:2!important;grid-column:1!important;}
}

/* Old-school reel: calm while open, visibly faster at zero, then JS takes over
   without a reset and decelerates to the exact server winner. */
html body .rp-reel-track.rp-reel-idle{animation:rpIdleMarquee 34s linear infinite!important;}
html body .rp-reel-track.rp-reel-idle.rp-reel-drawing{animation-duration:2.65s!important;filter:none!important;}
html body .rp-reel-cell{transform:none!important;transition:border-color .18s ease,box-shadow .18s ease!important;}
html body .rp-reel-cell.rp-reel-landed{transform:none!important;}

/* IN POT is never used as a reveal channel. No dimming = no winner leak. */
html body .rp-en-row.rp-en-dead,
html body .rp-en-row.rp-en-dead:hover,
html body .rp-en-row.rp-en-dead *{opacity:1!important;filter:none!important;transform:none!important;}

/* Coin Rain and Ticket Rain are the same component family, including shell,
   icon tile, heading rhythm and information button. */
html body #chatRain.free-rain,
html body .tr-strip{
  border:1px solid rgba(206,66,43,.20)!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(45,29,29,.96),rgba(29,19,19,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.20)!important;
}
html body #chatRain.free-rain{padding:10px 12px!important;}
html body .tr-strip{padding:10px 12px!important;min-height:52px!important;}
html body #chatRain .fr-strip-head{min-height:30px!important;gap:9px!important;}
html body #chatRain .fr-strip-ico,
html body .tr-strip-ico{width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;background:rgba(206,66,43,.10)!important;border-color:rgba(206,66,43,.22)!important;color:#E89A8D!important;}
html body #chatRain .fr-strip-txt b,
html body .tr-strip-txt b{font-size:13px!important;line-height:1.15!important;color:#F0DAD6!important;}
html body #chatRain .fr-strip-sub,
html body .tr-strip-sub{font-size:10px!important;line-height:1.25!important;color:#AA918C!important;}
html body #chatRain .fr-info,
html body .tr-strip-info{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;transform:none!important;}
html body #chatRain .fr-controls{margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(206,66,43,.11)!important;gap:6px!important;}
html body #chatRain .fr-join{height:28px!important;min-width:58px!important;padding:0 10px!important;box-shadow:none!important;transform:none!important;}
html body #chatRain .fr-join:hover:not(:disabled),html body #chatRain .fr-join:active:not(:disabled){transform:none!important;}

/* Header is always inside the usable canvas when a desktop rail is open. This
   keeps Backpack, balance, sound and avatar physically outside Chat/Raffles. */
@media(min-width:1024px){
  html body{--rn-left-rail:0px;--rn-right-rail:0px;}
  html body.rfd-open{--rn-left-rail:var(--rn-rail-w);}
  html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w);}
  html body .topbar,
  html body.rfd-open .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar{
    left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;max-width:none!important;transition:none!important;
  }
  html body .topbar-inner{width:100%!important;max-width:none!important;transform:none!important;transition:none!important;}
  html body .topbar .account{right:10px!important;z-index:40!important;}
}

/* Clearer navigation market glyph and money mark sizing in dense market rows. */
html body .nav-ico-market svg{width:18px!important;height:18px!important;stroke-width:1.75!important;}
html body .skin-price .coin-ico,
html body .skin-price-badge .coin-ico,
html body .mkt-stat .coin-ico,
html body .balance-pill .coin-ico{width:13px!important;height:15px!important;min-width:13px!important;opacity:1!important;}
/* Rustnecro REV18 — final interaction/layout contract. Loaded last. */
:root{--rn-rail-w:clamp(270px,22vw,320px);--rn-gap:14px;}

/* Stable typography rhythm across every page. */
.eyebrow,.section-title .eyebrow,.page-hero .eyebrow,.rp-header .eyebrow{
  display:block!important;text-align:left!important;align-self:flex-start!important;
  font-size:12px!important;line-height:1.2!important;letter-spacing:.12em!important;margin:0 0 7px!important;
}
main.page{box-sizing:border-box!important;transition:margin-left .28s cubic-bezier(.22,.75,.25,1),margin-right .28s cubic-bezier(.22,.75,.25,1),width .28s cubic-bezier(.22,.75,.25,1)!important;}

/* Menu: card geometry NEVER moves; only artwork/glow animates. */
.topbar .nav a{box-sizing:border-box!important;transform:none!important;transition:background-color .16s ease,color .16s ease,border-color .16s ease!important;}
.topbar .nav a:hover,.topbar .nav a:active,.topbar .nav a.active{transform:none!important;}
.topbar .nav a[data-nb] .nav-ico{transform:none!important;transition:filter .18s ease!important;}
.topbar .nav a[data-nb="rustpot"]:hover .nav-ico svg{animation:rnPotPulse .9s ease-in-out infinite!important;filter:drop-shadow(0 0 8px rgba(206,66,43,.6))!important;}
.topbar .nav a[data-nb="coinflip"]:hover .nav-ico svg{animation:rnFlip .72s cubic-bezier(.35,.05,.25,1)!important;filter:drop-shadow(0 0 8px rgba(206,66,43,.55))!important;}
.topbar .nav a[data-nb="champion"]:hover .nav-ico svg{animation:rnChamp .58s ease!important;filter:drop-shadow(0 0 9px rgba(206,66,43,.65))!important;}
.topbar .nav a[data-nb="mk"]:hover .nav-ico svg,.topbar .nav a[data-nb="rc"]:hover .nav-ico svg,.topbar .nav a[data-nb="rw"]:hover .nav-ico svg{animation:rnIconPop .42s cubic-bezier(.2,.8,.2,1)!important;filter:drop-shadow(0 0 7px rgba(217,135,120,.5))!important;}
@keyframes rnPotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes rnFlip{0%{transform:rotateY(0) scale(1)}55%{transform:rotateY(180deg) scale(1.1)}100%{transform:rotateY(360deg) scale(1)}}
@keyframes rnChamp{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.08)}60%{transform:rotate(7deg) scale(1.08)}}
@keyframes rnIconPop{0%,100%{transform:scale(1)}48%{transform:scale(1.14)}}
.nav-label{min-width:0!important}.nav-info{display:block!important;min-height:10px!important;margin-top:3px!important;line-height:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* Dollar mark must remain legible at 10–14px, including Market. */
.coin-ico{min-width:.82em!important;background-image:url('/assets/dollar.svg')!important;filter:drop-shadow(0 0 4px rgba(206,66,43,.24))!important;}
.skin-price-badge .coin-ico,.mkt-range .coin-ico,.cm-val .coin-ico,.rfd-pv .coin-ico{opacity:1!important;filter:drop-shadow(0 0 3px rgba(206,66,43,.30))!important;}

/* Rustpot header controls are immutable: switching modes never changes layout. */
.rp-header-actions,.rp-classic-mode .rp-header-actions{display:flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;}
.rp-header-actions .rp-join-top,.rp-classic-mode .rp-header-actions .rp-join-top{order:1!important;flex:0 0 84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;transform:none!important;}
.rp-header-actions .rp-view-toggle,.rp-classic-mode .rp-header-actions .rp-view-toggle{order:2!important;flex:0 0 184px!important;width:184px!important;min-width:184px!important;max-width:184px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0 12px!important;transform:none!important;overflow:hidden!important;}
.rp-header-actions .rp-view-toggle:hover:not(:disabled),.rp-header-actions .rp-view-toggle:active:not(:disabled){transform:none!important;}
.rp-header-actions #rpViewToggleText{min-width:0!important;font-size:11.5px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;}
.rp-login-hint-top{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;text-align:right!important;white-space:nowrap!important;}

/* Classic occupies a single full-width stack: reel -> IN POT -> LAST GAMES. */
body.rp-classic-mode .rp-stage.rp-stage-2col{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;gap:12px!important;}
body.rp-classic-mode .rp-map-col,body.rp-classic-mode .rp-side-col,body.rp-classic-mode #rpInPotCard,body.rp-classic-mode #rpLastGamesCard{width:100%!important;max-width:none!important;margin:0!important;}
body.rp-classic-mode .rp-side-col{display:flex!important;flex-direction:column!important;gap:12px!important;}
body.rp-classic-mode .rp-classic{min-height:190px!important;padding:8px 0!important;margin:0!important;}
body.rp-classic-mode .rp-reel-window{min-height:174px!important;padding:12px 0!important;margin:0!important;}
body.rp-classic-mode .rp-empty{display:none!important;}
body.rp-classic-mode .rp-en-row.rp-en-dead,body.rp-classic-mode .rp-en-row.rp-en-dead *{opacity:1!important;filter:none!important;transform:none!important;}
.rp-reel-cell{overflow:hidden!important}.rp-reel-cell .rp-reel-price,.rp-reel-cell [class*="price"]{display:none!important;}
.rp-reel-cell img{object-fit:cover!important;}

/* Coin Rain and Ticket Rain are intentionally one visual family. */
#chatRain.free-rain,.tr-strip{border:1px solid rgba(206,66,43,.24)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(48,31,31,.97),rgba(27,18,18,.99))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 20px rgba(0,0,0,.2)!important;}
#chatRain.free-rain{padding:11px 13px!important;margin:9px 10px!important;overflow:hidden!important;}
#chatRain.free-rain::before,#chatRain .fr-rain,#chatRain .fr-rain i{display:none!important;content:none!important;background:none!important;animation:none!important;}
#chatRain .fr-join{min-height:32px!important;height:32px!important;padding:0 12px!important;border-radius:9px!important;font-size:11.5px!important;}

/* Full-height rails + smooth canvas resizing on laptop/desktop. */
@media (min-width:1024px){
  body{--rn-left-rail:var(--rn-rail-w);--rn-right-rail:0px;}
  body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w);}
  .rfd-drawer,.chat-drawer{top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;max-height:none!important;width:var(--rn-rail-w)!important;max-width:var(--rn-rail-w)!important;border-radius:0!important;visibility:visible!important;animation:none!important;}
  .rfd-drawer{left:0!important;right:auto!important;transform:translate3d(0,0,0)!important;transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;z-index:1010!important;}
  body:not(.rfd-open) .rfd-drawer{transform:translate3d(-100%,0,0)!important;pointer-events:none!important;}
  .chat-drawer{left:auto!important;right:0!important;transform:translate3d(101%,0,0)!important;transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;z-index:1010!important;}
  body.chat-open:not(.chat-off) .chat-drawer:not(.closed){transform:translate3d(0,0,0)!important;pointer-events:auto!important;}
  .rfd-panel,.chat-panel{height:100%!important;max-height:none!important;border-radius:0!important;}
  body.rfd-open main.page{margin-left:var(--rn-left-rail)!important;}
  body:not(.rfd-open) main.page{margin-left:0!important;}
  body.chat-open:not(.chat-off) main.page{margin-right:var(--rn-right-rail)!important;}
  body:not(.chat-open) main.page,body.chat-off main.page{margin-right:0!important;}
  .topbar{left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;transition:left .28s cubic-bezier(.22,.75,.25,1),right .28s cubic-bezier(.22,.75,.25,1)!important;}
  body:not(.rfd-open) .topbar{left:0!important;}
  .chat-toggle{display:inline-flex!important;position:fixed!important;right:14px!important;left:auto!important;bottom:14px!important;top:auto!important;transform:none!important;writing-mode:horizontal-tb!important;flex-direction:row!important;width:auto!important;height:auto!important;padding:9px 13px!important;border-radius:999px!important;z-index:1008!important;}
  body.chat-open .chat-toggle{opacity:0!important;pointer-events:none!important;transform:translateX(16px)!important;}
  #chatClose{display:inline-flex!important;}
  .rfd-mtoggle,.rfd-mclose,.rfd-mscrim{display:none!important;}
  .chat-head{position:relative!important;}
  .chat-head-actions{order:-2!important;margin:0!important;display:flex!important;align-items:center!important;}
  #chatClose{order:-2!important;width:32px!important;height:32px!important;min-width:32px!important;margin:0 7px 0 0!important;border-radius:9px!important;}
  .chat-lang{order:-1!important;margin-right:auto!important;}
}

/* Compact header is selected whenever rails leave insufficient canvas. */
@media (min-width:1024px) and (max-width:1799px){
  body.rfd-open.chat-open:not(.chat-off) .topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;min-width:0!important;}
  body.rfd-open.chat-open:not(.chat-off) .mobile-menu{display:flex!important;order:1!important;flex:0 0 38px!important;}
  body.rfd-open.chat-open:not(.chat-off) .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;min-width:0!important;}
  body.rfd-open.chat-open:not(.chat-off) .brand-mobile>span{font-size:21px!important;}
  body.rfd-open.chat-open:not(.chat-off) .account{position:static!important;order:3!important;flex:0 0 auto!important;min-width:0!important;gap:5px!important;}
  body.rfd-open.chat-open:not(.chat-off) .notif-wrap{display:none!important;}
  body.rfd-open.chat-open:not(.chat-off) .nav-shell{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;width:auto!important;max-width:none!important;transform:translateY(-7px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:10px!important;border:1px solid rgba(206,66,43,.2)!important;border-radius:14px!important;background:rgba(31,20,20,.985)!important;box-shadow:0 18px 50px rgba(0,0,0,.5)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1100!important;}
  body.rfd-open.chat-open:not(.chat-off) .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
  body.rfd-open.chat-open:not(.chat-off) .nav-shell>.brand{display:none!important;}
  body.rfd-open.chat-open:not(.chat-off) .nav-games,body.rfd-open.chat-open:not(.chat-off) .nav-more{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:0!important;width:100%!important;}
  body.rfd-open.chat-open:not(.chat-off) .nav a{width:100%!important;height:48px!important;min-height:48px!important;justify-content:flex-start!important;padding:0 10px!important;}
}

/* At smaller desktop widths, even a single rail uses the compact header. */
@media (min-width:1024px) and (max-width:1399px){
  body.rfd-open:not(.chat-open) .topbar-inner,body.chat-open:not(.rfd-open) .topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;}
  body.rfd-open:not(.chat-open) .mobile-menu,body.chat-open:not(.rfd-open) .mobile-menu{display:flex!important;order:1!important;}
  body.rfd-open:not(.chat-open) .brand-mobile,body.chat-open:not(.rfd-open) .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;}
  body.rfd-open:not(.chat-open) .account,body.chat-open:not(.rfd-open) .account{position:static!important;order:3!important;}
  body.rfd-open:not(.chat-open) .nav-shell,body.chat-open:not(.rfd-open) .nav-shell{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;width:auto!important;transform:translateY(-7px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;padding:10px!important;border:1px solid rgba(206,66,43,.2)!important;border-radius:14px!important;background:rgba(31,20,20,.985)!important;box-shadow:0 18px 50px rgba(0,0,0,.5)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1100!important;}
  body.rfd-open:not(.chat-open) .nav-shell.open,body.chat-open:not(.rfd-open) .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
}

/* Mobile: true bottom sheets only. */
@media (max-width:1023px){
  main.page{margin-left:0!important;margin-right:0!important;width:auto!important;}
  .topbar{left:0!important;right:0!important;}
  .rfd-drawer,.chat-drawer{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:82dvh!important;height:82dvh!important;border-radius:18px 18px 0 0!important;}
  .chat-drawer{transform:translate3d(0,105%,0)!important;transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;}
  body.chat-open .chat-drawer:not(.closed){transform:translate3d(0,0,0)!important;}
  .rfd-drawer{transform:translate3d(0,105%,0)!important;transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;}
  body.rfd-mobile-showing .rfd-drawer.rfd-mobile-open{transform:translate3d(0,0,0)!important;}
  .rp-header{align-items:stretch!important;}
  .rp-header-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 78px!important;}
  .rp-header-actions .rp-view-toggle{width:100%!important;min-width:0!important;max-width:none!important;flex:auto!important;}
  .rp-header-actions .rp-join-top{width:78px!important;min-width:78px!important;max-width:78px!important;flex:auto!important;}
}

@media (max-width:560px){
  .rp-header-actions #rpViewToggleText{font-size:10.5px!important;}
  .rp-login-hint-top{white-space:normal!important;text-align:left!important;justify-content:flex-start!important;}
}
/* Specificity guard: legacy REV14 rail rule must not cancel slide motion. */
@media (min-width:1024px){
  html body .chat-drawer,html body.chat-open:not(.chat-off) .chat-drawer,
  html body .rfd-drawer,html body.rfd-open .rfd-drawer{
    transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;
  }
}
@media (max-width:1023px){
  html body .chat-drawer,html body.chat-open .chat-drawer,
  html body .rfd-drawer,html body.rfd-mobile-showing .rfd-drawer{
    transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;
  }
}

/* REV18 market icon is a storefront, deliberately distinct from Backpack. */
.topbar .nav-ico-market svg{fill:none!important;stroke:currentColor!important;width:22px!important;height:22px!important;margin:0!important;}

/* REV18 FINAL SHELL CONTRACT — intentionally highest specificity, loaded last.
   It replaces legacy REV7/REV14 344px drawer math with one shared geometry. */
@media (min-width:1024px){
  html body{--rn-rail-w:clamp(270px,22vw,320px)!important;--rn-left-rail:0px;--rn-right-rail:0px;}
  html body.rfd-open{--rn-left-rail:var(--rn-rail-w);}
  html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w);}

  html body main.page,
  html body.rfd-open main.page,
  html body.chat-open:not(.chat-off) main.page,
  html body.rfd-open.chat-open:not(.chat-off) main.page{
    box-sizing:border-box!important;
    margin-left:var(--rn-left-rail)!important;
    margin-right:var(--rn-right-rail)!important;
    width:auto!important;
    max-width:none!important;
    transition:margin-left .28s cubic-bezier(.22,.75,.25,1),margin-right .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  html body .topbar,
  html body.rfd-open .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar,
  html body.chat-off .topbar{
    left:var(--rn-left-rail)!important;
    right:var(--rn-right-rail)!important;
    width:auto!important;
    max-width:none!important;
    transition:left .28s cubic-bezier(.22,.75,.25,1),right .28s cubic-bezier(.22,.75,.25,1)!important;
  }

  html body .rfd-drawer,
  html body .chat-drawer{
    top:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;max-height:none!important;
    width:var(--rn-rail-w)!important;max-width:var(--rn-rail-w)!important;border-radius:0!important;
    visibility:visible!important;animation:none!important;will-change:transform!important;
    transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  html body .rfd-drawer{left:0!important;right:auto!important;transform:translate3d(-100%,0,0)!important;pointer-events:none!important;}
  html body.rfd-open .rfd-drawer{transform:translate3d(0,0,0)!important;pointer-events:auto!important;visibility:visible!important;}
  html body .chat-drawer,html body .chat-drawer.closed{left:auto!important;right:0!important;transform:translate3d(100%,0,0)!important;pointer-events:none!important;visibility:visible!important;}
  html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){transform:translate3d(0,0,0)!important;pointer-events:auto!important;visibility:visible!important;}
  html body .rfd-panel,html body .chat-panel{height:100%!important;min-height:100%!important;max-height:none!important;border-radius:0!important;}

  /* The original menu's live game sub-line is part of the product, not disposable text. */
  html body .topbar .nav-info,
  html body.rfd-open .topbar .nav-info,
  html body.chat-open:not(.chat-off) .topbar .nav-info,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-info{
    display:block!important;min-height:10px!important;max-width:110px!important;margin-top:3px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font-size:9px!important;line-height:10px!important;
  }
}

/* Reusable compact header. It changes presentation, never the game-card geometry. */
@media (min-width:1024px) and (max-width:1499px){
  html body .topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;min-width:0!important;}
  html body .mobile-menu{display:flex!important;order:1!important;flex:0 0 38px!important;}
  html body .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;min-width:0!important;}
  html body .brand-mobile>span{font-size:21px!important;white-space:nowrap!important;}
  html body .account{position:static!important;order:3!important;flex:0 0 auto!important;min-width:0!important;gap:5px!important;transform:none!important;margin-left:0!important;}
  html body .notif-wrap{display:none!important;}
  html body .topbar .nav-shell{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;width:auto!important;max-width:none!important;min-width:0!important;transform:translateY(-7px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:10px!important;border:1px solid rgba(206,66,43,.20)!important;border-radius:14px!important;background:rgba(31,20,20,.985)!important;box-shadow:0 18px 50px rgba(0,0,0,.50)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1600!important;}
  html body .topbar .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
  html body .topbar .nav-shell>.brand{display:none!important;}
  html body .topbar .nav-games,html body .topbar .nav-more{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;padding:0!important;margin:0!important;transform:none!important;}
  html body .topbar .nav a{width:100%!important;height:50px!important;min-height:50px!important;justify-content:flex-start!important;padding:0 10px!important;transform:none!important;}
}
@media (min-width:1500px) and (max-width:1799px){
  html body.rfd-open .topbar-inner,html body.chat-open:not(.chat-off) .topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;min-width:0!important;}
  html body.rfd-open .mobile-menu,html body.chat-open:not(.chat-off) .mobile-menu{display:flex!important;order:1!important;flex:0 0 38px!important;}
  html body.rfd-open .brand-mobile,html body.chat-open:not(.chat-off) .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;min-width:0!important;}
  html body.rfd-open .account,html body.chat-open:not(.chat-off) .account{position:static!important;order:3!important;flex:0 0 auto!important;transform:none!important;margin-left:0!important;}
  html body.rfd-open .notif-wrap,html body.chat-open:not(.chat-off) .notif-wrap{display:none!important;}
  html body.rfd-open .topbar .nav-shell,html body.chat-open:not(.chat-off) .topbar .nav-shell{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;width:auto!important;max-width:none!important;min-width:0!important;transform:translateY(-7px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:10px!important;border:1px solid rgba(206,66,43,.20)!important;border-radius:14px!important;background:rgba(31,20,20,.985)!important;box-shadow:0 18px 50px rgba(0,0,0,.50)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1600!important;}
  html body.rfd-open .topbar .nav-shell.open,html body.chat-open:not(.chat-off) .topbar .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
  html body.rfd-open .topbar .nav-shell>.brand,html body.chat-open:not(.chat-off) .topbar .nav-shell>.brand{display:none!important;}
  html body.rfd-open .topbar .nav-games,html body.rfd-open .topbar .nav-more,html body.chat-open:not(.chat-off) .topbar .nav-games,html body.chat-open:not(.chat-off) .topbar .nav-more{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;padding:0!important;transform:none!important;}
  html body.rfd-open .topbar .nav a,html body.chat-open:not(.chat-off) .topbar .nav a{width:100%!important;height:50px!important;min-height:50px!important;justify-content:flex-start!important;padding:0 10px!important;transform:none!important;}
}
@media (min-width:1800px) and (max-width:1999px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;min-width:0!important;}
  html body.rfd-open.chat-open:not(.chat-off) .mobile-menu{display:flex!important;order:1!important;flex:0 0 38px!important;}
  html body.rfd-open.chat-open:not(.chat-off) .brand-mobile{display:flex!important;position:static!important;order:2!important;flex:1 1 auto!important;justify-content:center!important;transform:none!important;min-width:0!important;}
  html body.rfd-open.chat-open:not(.chat-off) .account{position:static!important;order:3!important;flex:0 0 auto!important;transform:none!important;margin-left:0!important;}
  html body.rfd-open.chat-open:not(.chat-off) .notif-wrap{display:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{position:absolute!important;left:10px!important;right:10px!important;top:calc(100% + 7px)!important;bottom:auto!important;width:auto!important;max-width:none!important;min-width:0!important;transform:translateY(-7px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:10px!important;border:1px solid rgba(206,66,43,.20)!important;border-radius:14px!important;background:rgba(31,20,20,.985)!important;box-shadow:0 18px 50px rgba(0,0,0,.50)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1600!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell>.brand{display:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-games,html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-more{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;padding:0!important;transform:none!important;}
  html body.rfd-open.chat-open:not(.chat-off) .topbar .nav a{width:100%!important;height:50px!important;min-height:50px!important;justify-content:flex-start!important;padding:0 10px!important;transform:none!important;}
}

@media (max-width:1023px){
  html body{--rn-left-rail:0px;--rn-right-rail:0px;}
  html body main.page,html body.rfd-open main.page,html body.chat-open main.page{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important;}
  html body .topbar,html body.rfd-open .topbar,html body.chat-open .topbar{left:0!important;right:0!important;width:auto!important;}
  html body .rfd-drawer,html body .chat-drawer{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:82dvh!important;max-height:82dvh!important;border-radius:18px 18px 0 0!important;visibility:visible!important;transition:transform .28s cubic-bezier(.22,.75,.25,1)!important;}
  html body .chat-drawer,html body .chat-drawer.closed{transform:translate3d(0,105%,0)!important;pointer-events:none!important;}
  html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){transform:translate3d(0,0,0)!important;pointer-events:auto!important;}
  html body .rfd-drawer{transform:translate3d(0,105%,0)!important;pointer-events:none!important;}
  html body.rfd-mobile-showing .rfd-drawer.rfd-mobile-open{transform:translate3d(0,0,0)!important;pointer-events:auto!important;}
}
@media (min-width:1024px){
  html body .rfd-drawer,html body .chat-drawer{box-sizing:border-box!important;}
}

/* Keep desktop rail and canvas edges on the same layout clock. Using left/right
   (instead of a compositor-only transform) prevents the first animation frame
   from letting the rail visually run ahead/behind the header or page canvas. */
@media (min-width:1024px){
  html body .rfd-drawer,
  html body.rfd-open .rfd-drawer{
    right:auto!important;transform:none!important;
    transition:left .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  html body .rfd-drawer{left:calc(var(--rn-rail-w) * -1)!important;pointer-events:none!important;}
  html body.rfd-open .rfd-drawer{left:0!important;pointer-events:auto!important;}
  html body .chat-drawer,html body .chat-drawer.closed,
  html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){
    left:auto!important;transform:none!important;
    transition:right .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  html body .chat-drawer,html body .chat-drawer.closed{right:calc(var(--rn-rail-w) * -1)!important;pointer-events:none!important;}
  html body.chat-open:not(.chat-off) .chat-drawer:not(.closed){right:0!important;pointer-events:auto!important;}
}

/* State selectors match/beat legacy :not(...) rules so closed-state values are
   numeric zero, not `auto`; that makes opening/closing interpolate smoothly. */
@media (min-width:1024px){
  html body.rfd-open.chat-open:not(.chat-off) main.page,
  html body.rfd-open:not(.chat-open) main.page,
  html body.rfd-open.chat-off main.page,
  html body:not(.rfd-open).chat-open:not(.chat-off) main.page,
  html body:not(.rfd-open):not(.chat-open) main.page,
  html body:not(.rfd-open).chat-off main.page{
    margin-left:var(--rn-left-rail)!important;margin-right:var(--rn-right-rail)!important;
    width:auto!important;max-width:none!important;
    transition:margin-left .28s cubic-bezier(.22,.75,.25,1),margin-right .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  html body.rfd-open.chat-open:not(.chat-off) .topbar,
  html body.rfd-open:not(.chat-open) .topbar,
  html body.rfd-open.chat-off .topbar,
  html body:not(.rfd-open).chat-open:not(.chat-off) .topbar,
  html body:not(.rfd-open):not(.chat-open) .topbar,
  html body:not(.rfd-open).chat-off .topbar{
    left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;
    transition:left .28s cubic-bezier(.22,.75,.25,1),right .28s cubic-bezier(.22,.75,.25,1)!important;
  }
  html body.rfd-open .rfd-drawer,html body:not(.rfd-open) .rfd-drawer{transform:none!important;}
  html body.chat-open:not(.chat-off) .chat-drawer:not(.closed),
  html body:not(.chat-open) .chat-drawer,html body.chat-off .chat-drawer,html body .chat-drawer.closed{transform:none!important;}
}
/* Rustnecro REV19 — final visual/layout contract. Loaded after every legacy layer. */
:root{--rn-rail-w:clamp(236px,19.5vw,304px);--rn-red:#CE422B;--rn-ink:#281C1C;--rn-ease:cubic-bezier(.22,.75,.25,1)}

/* One money language everywhere: red dollar, white dollars, softer white cents. */
html body .coin-amt,html body .coin-d{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;font-variant-numeric:tabular-nums!important}
html body .coin-c{color:rgba(255,255,255,.58)!important;-webkit-text-fill-color:rgba(255,255,255,.58)!important;opacity:1!important;font-variant-numeric:tabular-nums!important}
html body .coin-ico{display:inline-block!important;inline-size:15px!important;block-size:15px!important;min-inline-size:15px!important;flex:0 0 15px!important;background-color:var(--rn-red)!important;background-image:none!important;-webkit-mask:url('/assets/dollar.svg') center/contain no-repeat!important;mask:url('/assets/dollar.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 5px rgba(206,66,43,.34))!important;opacity:1!important;vertical-align:-2px!important}
html body .skin-price-badge .coin-ico,html body .mkt-range .coin-ico,html body .cm-val .coin-ico,html body .balance-pill .coin-ico,html body .fr-pot .coin-ico,html body .rp-pot .coin-ico,html body .rp-win-amt .coin-ico{inline-size:15px!important;block-size:15px!important;min-inline-size:15px!important;flex-basis:15px!important;opacity:1!important}

/* Brand stays readable even when rails are open. The line below is exactly the wordmark width. */
html body .brand-word{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;line-height:1!important;gap:4px!important;text-decoration:none!important;min-width:0!important}
html body .brand-word>span{display:block!important;line-height:.92!important;white-space:nowrap!important}
html body .brand-tagline{display:block!important;width:100%!important;max-width:100%!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;color:rgba(255,255,255,.66)!important;font:800 7px/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.055em!important;text-transform:uppercase!important}

/* Exact old nav-art motion restored, without moving a single nav box. */
html body .topbar .nav a,html body .topbar .nav a:hover,html body .topbar .nav a:active{transform:none!important;translate:none!important;box-sizing:border-box!important}
html body .topbar .nav a[data-nb] .nav-ico{transform:none!important;translate:none!important}
@keyframes rn19PotPulse{0%,100%{transform:scale(1)}50%{transform:scale(.76)}}
@keyframes rn19Flip{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes rn19Champion{0%,100%{transform:rotate(0)}18%{transform:rotate(-10deg)}38%{transform:rotate(8deg)}58%{transform:rotate(-5deg)}78%{transform:rotate(3deg)}}
html body .topbar nav a[data-nb="rustpot"]:hover .nav-ico svg{animation:rn19PotPulse 1.15s ease-in-out infinite!important;filter:drop-shadow(0 0 7px rgba(206,66,43,.75))!important}
html body .topbar nav a[data-nb="coinflip"]:hover .nav-ico svg{animation:rn19Flip .7s cubic-bezier(.4,.05,.3,1)!important;filter:drop-shadow(0 0 7px rgba(206,66,43,.65))!important}
html body .topbar nav a[data-nb="champion"]:hover .nav-ico svg{animation:rn19Champion .5s ease-in-out!important;filter:drop-shadow(0 0 7px rgba(206,66,43,.72))!important}
html body .topbar .nav-label{min-width:0!important}
html body .topbar .nav-info{display:block!important;visibility:visible!important;opacity:.62!important;height:10px!important;min-height:10px!important;line-height:10px!important;margin-top:2px!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Desktop header: never turns into a dropdown while Chat/Raffles rails are present. */
@media (min-width:1024px){
  html body{--rn-left-rail:0px;--rn-right-rail:0px}
  html body.rfd-open{--rn-left-rail:var(--rn-rail-w)}
  html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w)}
  html body .topbar{left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;transition:left .28s var(--rn-ease),right .28s var(--rn-ease)!important}
  html body main.page{margin-left:var(--rn-left-rail)!important;margin-right:var(--rn-right-rail)!important;width:auto!important;max-width:none!important;transition:margin-left .28s var(--rn-ease),margin-right .28s var(--rn-ease)!important}
  html body .topbar-inner,html body.rfd-open .topbar-inner,html body.chat-open:not(.chat-off) .topbar-inner,html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:72px!important;padding:0 12px!important;gap:8px!important}
  html body .mobile-menu,html body.rfd-open .mobile-menu,html body.chat-open:not(.chat-off) .mobile-menu,html body.rfd-open.chat-open:not(.chat-off) .mobile-menu{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html body .brand-mobile,html body.rfd-open .brand-mobile,html body.chat-open:not(.chat-off) .brand-mobile,html body.rfd-open.chat-open:not(.chat-off) .brand-mobile{display:none!important}
  html body .topbar .nav-shell,html body.rfd-open .topbar .nav-shell,html body.chat-open:not(.chat-off) .topbar .nav-shell,html body.rfd-open.chat-open:not(.chat-off) .topbar .nav-shell{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;gap:clamp(5px,1vw,14px)!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important}
  html body .topbar .nav-shell>.brand{display:flex!important;grid-column:2!important;grid-row:1!important;justify-self:center!important;position:static!important;transform:none!important;margin:0!important}
  html body .topbar .nav-games,html body.rfd-open .topbar .nav-games,html body.chat-open:not(.chat-off) .topbar .nav-games{grid-column:1!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important;gap:4px!important;width:auto!important;min-width:0!important;padding:0!important;transform:none!important}
  html body .topbar .nav-more,html body.rfd-open .topbar .nav-more,html body.chat-open:not(.chat-off) .topbar .nav-more{grid-column:3!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;width:auto!important;min-width:0!important;padding:0!important;transform:none!important}
  html body .topbar .nav a,html body.rfd-open .topbar .nav a,html body.chat-open:not(.chat-off) .topbar .nav a{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:0 clamp(5px,.6vw,10px)!important;gap:5px!important;overflow:hidden!important;transform:none!important}
  html body .topbar .nav-txt{font-size:clamp(9px,.7vw,11px)!important;white-space:nowrap!important}
  html body .topbar .nav-ico{flex:0 0 18px!important;width:18px!important;height:18px!important}
  html body .account,html body.rfd-open .account,html body.chat-open:not(.chat-off) .account{position:static!important;display:flex!important;order:initial!important;align-items:center!important;flex:0 0 auto!important;gap:5px!important;margin:0!important;transform:none!important;min-width:0!important}
  html body .notif-wrap,html body.rfd-open .notif-wrap,html body.chat-open:not(.chat-off) .notif-wrap,html body.rfd-open.chat-open:not(.chat-off) .notif-wrap{display:block!important;position:relative!important;order:initial!important;transform:none!important;margin:0!important}
  html body .notif-panel{left:auto!important;right:0!important;transform:none!important;max-width:min(320px,calc(100vw - 24px))!important}
  html body .chat-toggle,html body button.chat-toggle{position:fixed!important;z-index:1008!important;left:var(--rn-left-rail)!important;right:auto!important;top:50%!important;bottom:auto!important;width:38px!important;min-width:38px!important;height:126px!important;min-height:126px!important;padding:11px 7px!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:0 12px 12px 0!important;border:1px solid rgba(206,66,43,.45)!important;border-left:0!important;background:linear-gradient(180deg,#CE422B 0%,#A93223 100%)!important;color:#fff!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;transform:translateY(-50%)!important;box-shadow:0 0 22px rgba(206,66,43,.28),8px 0 24px rgba(0,0,0,.34)!important;transition:left .28s var(--rn-ease),opacity .2s ease,filter .2s ease,box-shadow .2s ease!important}
  html body .chat-toggle .chat-label,html body button.chat-toggle .chat-label{writing-mode:vertical-rl!important;text-orientation:mixed!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important}
  html body .chat-toggle .chat-icon,html body .chat-toggle .chat-icon svg{width:16px!important;height:16px!important;writing-mode:horizontal-tb!important;color:#fff!important}
  html body:not(.chat-open) .chat-toggle{animation:rn19ChatGlow 2.8s ease-in-out infinite!important}
  html body.chat-open:not(.chat-off) .chat-toggle{opacity:0!important;pointer-events:none!important;transform:translate(-10px,-50%)!important}
  @keyframes rn19ChatGlow{0%,100%{box-shadow:0 0 18px rgba(206,66,43,.22),8px 0 24px rgba(0,0,0,.34)}50%{box-shadow:0 0 30px rgba(206,66,43,.5),10px 0 30px rgba(0,0,0,.40)}}
}

/* Smart compression keeps an inline menu at laptop widths; no hamburger fallback. */
@media (min-width:1024px) and (max-width:1499px){
  html body{--rn-rail-w:clamp(224px,18.5vw,268px)}
  html body .topbar-inner{padding:0 8px!important;gap:5px!important}
  html body .topbar .nav-shell{gap:5px!important}
  html body .topbar .nav a{padding:0 5px!important;gap:4px!important}
  html body .topbar .brand-word>span{font-size:clamp(17px,1.55vw,22px)!important}
  html body .brand-tagline{font-size:5.8px!important;letter-spacing:.035em!important}
  html body .balance-pill{padding-left:6px!important;padding-right:6px!important}
  html body .canta-btn,html body .notif-bell,html body .top-sound-btn,html body .profile-avatar-btn,html body .bal-plus{transform:none!important}
}
@media (min-width:1024px) and (max-width:1199px){
  html body{--rn-rail-w:220px}
  html body .topbar .nav a{width:40px!important;min-width:40px!important;padding:0!important;flex:0 0 40px!important}
  html body .topbar .nav-label,html body .topbar .nav-more .nav-txt{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
  html body .topbar .nav-ico{width:20px!important;height:20px!important;flex-basis:20px!important}
  html body .topbar .brand-word>span{font-size:17px!important}
  html body .brand-tagline{font-size:5px!important}
  html body .account{gap:3px!important}
  html body .balance-pill{padding:0 4px!important}
  html body .balance-pill .coin-c{display:none!important}
}

/* Mobile keeps the established sheet/menu; vertical tab is desktop only. */
@media (max-width:1023px){
  html body .brand-tagline{font-size:5.5px!important;letter-spacing:.035em!important}
  html body .chat-toggle,html body button.chat-toggle{writing-mode:horizontal-tb!important}
}

/* Coin/Ticket Rain: one compact, information-dense visual family. */
html body .rain-card{position:relative!important;box-sizing:border-box!important;height:131px!important;min-height:131px!important;max-height:131px!important;margin:8px 10px!important;padding:10px 12px!important;overflow:hidden!important;border:1px solid rgba(206,66,43,.30)!important;border-radius:15px!important;background:radial-gradient(110% 120% at 100% 0%,rgba(206,66,43,.17),transparent 54%),linear-gradient(150deg,rgba(45,29,29,.99),rgba(27,18,18,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 28px rgba(206,66,43,.035),0 9px 24px rgba(0,0,0,.25)!important}
html body .rain-card::after{content:""!important;position:absolute!important;left:0!important;top:14px!important;bottom:14px!important;width:2px!important;border-radius:0 2px 2px 0!important;background:linear-gradient(180deg,transparent,#CE422B,transparent)!important;opacity:.8!important;pointer-events:none!important}
html body .rain-card-head{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:8px!important;height:31px!important;min-height:31px!important;margin:0!important;padding:0!important}
html body .rain-card .fr-strip-ico,html body .rain-card .tr-strip-ico{width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(206,66,43,.13)!important;border:1px solid rgba(206,66,43,.18)!important;color:#E66C57!important;box-shadow:none!important}
html body .rain-card .fr-strip-txt,html body .rain-card .tr-strip-txt{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 auto!important;min-width:0!important;line-height:1.1!important}
html body .rain-card .fr-strip-txt b,html body .rain-card .tr-strip-txt b{display:block!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:#fff!important;font-size:12.5px!important;font-weight:900!important;letter-spacing:.02em!important;filter:none!important}
html body .rain-card .fr-strip-sub,html body .rain-card .tr-strip-sub{display:block!important;margin-top:2px!important;color:rgba(255,255,255,.48)!important;font-size:8.7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .rain-card .fr-info,html body .rain-card .tr-strip-info{margin-left:auto!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:8px!important;border:1px solid rgba(206,66,43,.26)!important;background:rgba(206,66,43,.08)!important;color:#E98A79!important;transform:none!important}
html body .rain-card-metrics{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;min-height:37px!important;height:37px!important;margin:4px 0 0!important;padding:0!important;gap:7px!important}
html body #chatRain .fr-controls{justify-content:flex-start!important;flex-wrap:nowrap!important}
html body #chatRain .fr-pot{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important;color:#fff!important;font-size:14px!important;font-weight:900!important}
html body #chatRain .fr-timer{margin-left:auto!important;color:rgba(255,255,255,.82)!important;font-size:11px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important}
html body #chatRain .fr-tip{width:28px!important;height:28px!important;min-width:28px!important;transform:none!important}
html body #chatRain .fr-actions{margin:0!important;flex:0 0 auto!important}
html body #chatRain .fr-join{height:29px!important;min-height:29px!important;padding:0 10px!important;border-radius:8px!important;font-size:10px!important;font-weight:900!important;transform:none!important}
html body .tr-metrics{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:6px!important}
html body .tr-metric{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:4px 8px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important}
html body .tr-metric small{font-size:7px!important;font-weight:900!important;letter-spacing:.09em!important;color:rgba(255,255,255,.38)!important;line-height:1!important}
html body .tr-metric strong{margin-top:3px!important;color:#fff!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .rain-card-progress{position:relative!important;z-index:2!important;height:3px!important;min-height:3px!important;margin:5px 0 0!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.055)!important;overflow:hidden!important;padding:0!important}
html body #chatRain .fr-bar-fill,html body .tr-progress>span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#8D2B20,#CE422B,#E57B67)!important;box-shadow:0 0 8px rgba(206,66,43,.22)!important}
html body .tr-progress>span{width:68%!important;opacity:.72!important}
html body .rain-card-foot{position:relative!important;z-index:2!important;height:13px!important;min-height:13px!important;margin:4px 0 0!important;padding:0!important;color:rgba(255,255,255,.42)!important;font-size:8px!important;line-height:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}
html body #chatRain.free-rain::before,html body #chatRain .fr-rain,html body #chatRain .fr-rain i{display:none!important;content:none!important;background:none!important;animation:none!important}

/* Rustflip list CTA belongs on the right and never floats into the title. */
html body .cf-list-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important}
html body .cf-list-head-l{flex:1 1 auto!important;min-width:0!important}
html body .cf-list-head .cf-create-open-btn{margin-left:auto!important;margin-right:0!important;align-self:center!important;flex:0 0 auto!important;transform:none!important}
@media(max-width:620px){html body .cf-list-head .cf-create-open-btn{width:100%!important;margin-left:0!important}}

/* Classic resolves only on the reel: no second winner card, no pre-result darkening. */
html body.rp-classic-mode #rpMap[hidden],html body.rp-classic-mode .rp-map[hidden]{display:none!important}
html body:not(.rp-classic-mode) #rpClassic[hidden],html body:not(.rp-classic-mode) .rp-classic[hidden]{display:none!important}
html body.rp-classic-mode .rp-en-row,html body.rp-classic-mode .rp-en-row *{opacity:1!important;filter:none!important}
html body.rp-classic-mode .rp-reel-marker{width:3px!important;background:#CE422B!important;box-shadow:0 0 12px rgba(206,66,43,.65),0 0 28px rgba(206,66,43,.28)!important}
html body.rp-classic-mode .rp-reel-cell.rp-reel-landed{border-color:rgba(206,66,43,.55)!important;box-shadow:0 0 0 1px rgba(206,66,43,.12),0 12px 28px rgba(0,0,0,.32)!important}
html body.rp-classic-mode .rp-reel-cell.rp-reel-landed img{box-shadow:none!important;border-color:rgba(206,66,43,.25)!important}

/* Final global rhythm. */
html body .eyebrow,html body .section-title .eyebrow,html body .page-hero .eyebrow,html body .rp-header .eyebrow{display:block!important;text-align:left!important;align-self:flex-start!important;font-size:12.5px!important;line-height:1.15!important;letter-spacing:.115em!important;margin:0 0 7px!important}

/* REV19 specificity closure: defeat legacy rail/dropdown selectors in every desktop state. */
@media (min-width:1024px){
  html body #menuToggle{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html body #navLinks{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;gap:clamp(5px,1vw,14px)!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important}
  html body #navLinks>.brand{display:flex!important;position:static!important;grid-column:2!important;grid-row:1!important;justify-self:center!important;transform:none!important;margin:0!important;opacity:1!important;visibility:visible!important}
  html body #navLinks .nav-games{grid-column:1!important;display:flex!important;grid-template-columns:none!important;justify-content:flex-end!important;align-items:stretch!important;gap:4px!important;width:auto!important;min-width:0!important;padding:0!important;transform:none!important}
  html body #navLinks .nav-more{grid-column:3!important;display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;width:auto!important;min-width:0!important;padding:0!important;transform:none!important}
  html body .topbar .topbar-inner>.account,
  html body.rfd-open .topbar .topbar-inner>.account,
  html body.chat-open:not(.chat-off) .topbar .topbar-inner>.account,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .topbar-inner>.account{
    position:static!important;inset:auto!important;order:initial!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;transform:none!important;margin:0!important;z-index:auto!important
  }
  html body .topbar .topbar-inner>.brand-mobile,
  html body.rfd-open .topbar .topbar-inner>.brand-mobile,
  html body.chat-open:not(.chat-off) .topbar .topbar-inner>.brand-mobile,
  html body.rfd-open.chat-open:not(.chat-off) .topbar .topbar-inner>.brand-mobile{display:none!important}
  html body #navLinks .nav a[data-nb="rustpot"]:hover .nav-ico svg{animation:rn19PotPulse 1.15s ease-in-out infinite!important;filter:drop-shadow(0 0 7px rgba(206,66,43,.75))!important}
  html body #navLinks .nav a[data-nb="coinflip"]:hover .nav-ico svg{animation:rn19Flip .7s cubic-bezier(.4,.05,.3,1)!important;filter:drop-shadow(0 0 7px rgba(206,66,43,.65))!important}
  html body #navLinks .nav a[data-nb="champion"]:hover .nav-ico svg{animation:rn19Champion .5s ease-in-out!important;filter:drop-shadow(0 0 7px rgba(206,66,43,.72))!important}
  html body:not(.rfd-open) #chatToggle{left:0!important;right:auto!important;transform:translateY(-50%)!important}
  html body.rfd-open #chatToggle{left:var(--rn-rail-w)!important;right:auto!important;transform:translateY(-50%)!important}
  html body.chat-open:not(.chat-off) #chatToggle{transform:translate(-10px,-50%)!important}
}

/* Amount hierarchy must remain correct even inside older ID-specific widgets. */
html body span.coin-amt>span.coin-d{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
html body span.coin-amt>span.coin-c{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.58!important}
html body .nav-info span.coin-amt>span.coin-c{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.58!important}

html body .cf-list-head .cf-create-open-btn.rf-list-btn{width:auto!important;min-width:150px!important;max-width:220px!important;flex:0 0 auto!important;margin-left:auto!important;margin-right:0!important;align-self:center!important}
@media(max-width:620px){html body .cf-list-head .cf-create-open-btn.rf-list-btn{width:100%!important;min-width:0!important;max-width:none!important;margin-left:0!important}}

/* REV19.1 final rail/header closure — only the outer canvas moves; never translate
   the inner header island. This overrides legacy REV10/18 rail math. */
@media (min-width:1024px){
  html body{--rn-rail-w:clamp(236px,19.5vw,304px)!important;--rn-left-rail:0px!important;--rn-right-rail:0px!important}
  html body.rfd-open{--rn-left-rail:var(--rn-rail-w)!important}
  html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-rail-w)!important}
  html body .topbar,
  html body.rfd-open .topbar,
  html body.chat-open:not(.chat-off) .topbar,
  html body.rfd-open.chat-open:not(.chat-off) .topbar{
    left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;max-width:none!important;transform:none!important;
    transition:left .28s var(--rn-ease),right .28s var(--rn-ease)!important
  }
  html body .topbar>.topbar-inner,
  html body.rfd-open .topbar>.topbar-inner,
  html body.chat-open:not(.chat-off) .topbar>.topbar-inner,
  html body.rfd-open.chat-open:not(.chat-off) .topbar>.topbar-inner{
    width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;transform:none!important;translate:none!important;transition:none!important
  }
  html body #chatToggle.chat-toggle{
    position:fixed!important;inset:auto auto auto var(--rn-left-rail)!important;top:50%!important;margin:0!important;
    transform:translateY(-50%)!important
  }
  html body.chat-open:not(.chat-off) #chatToggle.chat-toggle{transform:translate(-10px,-50%)!important}
}
@media (min-width:1024px) and (max-width:1499px){
  html body{--rn-rail-w:clamp(224px,18.5vw,268px)!important}
}
@media (min-width:1024px) and (max-width:1199px){
  html body{--rn-rail-w:220px!important}
}

/* Rustflip: keep the create action as a compact right-aligned CTA on real markup. */
html body #cfOpenCreate.cf-create-open-btn.rf-list-btn{
  width:auto!important;min-width:150px!important;max-width:220px!important;flex:0 0 auto!important;
  margin:0 0 0 auto!important;align-self:center!important;justify-content:center!important;white-space:nowrap!important
}
@media(max-width:620px){html body #cfOpenCreate.cf-create-open-btn.rf-list-btn{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}}

/* Structured money used in copy/buttons follows the same global money contract. */
html body .rw-inline-money,html body .aff-goal-money,html body .aff-calc-val,html body .aff-out-val{display:inline-flex!important;align-items:center!important;gap:3px!important;white-space:nowrap!important}
html body .aff-calc-val small{margin-left:3px!important;color:rgba(255,255,255,.42)!important}
/* Rustnecro REV20 final contract — loaded last. */
:root{--rn-red:#CE422B;--rn-red-hi:#E66C57;--rn-dark:#281C1C;--rn-panel:#211717;--rn-ease:cubic-bezier(.22,.78,.24,1)}
html,body{background:#281C1C;color:#fff}
html body .brand-word,html body .pl-word,html body .ftr-wordmark{color:var(--rn-red)!important;text-shadow:0 0 24px rgba(206,66,43,.16)!important}
html body .brand-word{transform:none!important;transition:filter .18s ease!important}
html body .brand-word:hover{transform:none!important;filter:brightness(1.08)!important}
html body .brand-tagline{display:block!important;width:100%!important;max-width:100%!important;margin:3px 0 0!important;padding:0!important;color:rgba(255,255,255,.64)!important;font:800 6.3px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.045em!important;text-align:center!important;white-space:nowrap!important;text-transform:uppercase!important}
html body .page-loader{background:#281C1C!important}
html body .page-loader .pl-logo{transform:none!important}
html body .page-loader .pl-track{background:rgba(255,255,255,.07)!important}
html body .page-loader .pl-track>span{background:linear-gradient(90deg,rgba(206,66,43,.45),#CE422B,#E66C57)!important}
/* money */
html body .coin-ico{display:inline-block!important;width:15px!important;height:15px!important;min-width:15px!important;vertical-align:-2px!important;background:none!important;mask:none!important;-webkit-mask:none!important;position:relative!important}
html body .coin-ico::before{content:"$"!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#CE422B!important;font:950 15px/15px Arial Black,Impact,system-ui,sans-serif!important;letter-spacing:-.08em!important;text-shadow:0 0 10px rgba(206,66,43,.26)!important}
html body .coin-amt,html body .coin-d{color:#fff!important;font-variant-numeric:tabular-nums!important}
html body .coin-c{color:rgba(255,255,255,.58)!important}
/* consistent eyebrow */
html body .eyebrow,html body [class$="-eyebrow"],html body [class*=" eyebrow"]{display:block!important;margin-left:0!important;text-align:left!important;font-size:12.5px!important;line-height:1.2!important;letter-spacing:.075em!important}
/* fixed CTA */
html body #cfOpenCreate{margin-left:auto!important;min-width:150px!important;width:auto!important;max-width:190px!important;justify-self:end!important;align-self:center!important}
/* rain cards: identical component family */
html body .rain-card{box-sizing:border-box!important;height:150px!important;min-height:150px!important;max-height:150px!important;margin:7px 9px!important;padding:10px!important;display:grid!important;grid-template-rows:31px 39px 28px 3px 13px!important;row-gap:5px!important;overflow:hidden!important;border:1px solid rgba(206,66,43,.30)!important;border-radius:14px!important;background:radial-gradient(120% 130% at 100% 0%,rgba(206,66,43,.15),transparent 55%),linear-gradient(145deg,rgba(47,30,30,.99),rgba(28,19,19,.995))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.27)!important;position:relative!important}
html body .rain-card::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:2px!important;background:linear-gradient(180deg,transparent,#CE422B,transparent)!important;opacity:.82!important}
html body .rain-card .fr-glow,html body .rain-card .fr-coin,html body .rain-card [class*="rotat"]{display:none!important}
html body .rain-card-head{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;padding:0!important}
html body .rain-card-icon{width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;border:1px solid rgba(206,66,43,.22)!important;background:rgba(206,66,43,.10)!important;color:#E66C57!important}
html body .rain-card-title{display:flex!important;min-width:0!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;line-height:1.05!important}
html body .rain-card-title b{color:#fff!important;font-size:12.5px!important;font-weight:900!important;letter-spacing:.02em!important}
html body .rain-card-title small{margin-top:3px!important;color:rgba(255,255,255,.47)!important;font-size:8.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .rain-card-info{width:23px!important;height:23px!important;min-width:23px!important;margin:0!important;padding:0!important;border-radius:8px!important;border:1px solid rgba(206,66,43,.28)!important;background:rgba(206,66,43,.08)!important;color:#E98A79!important;font-weight:900!important}
html body .rain-card-metrics{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;height:39px!important;min-height:39px!important;margin:0!important;padding:0!important}
html body .rain-metric{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:5px 8px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important;overflow:hidden!important}
html body .rain-metric small{font-size:7px!important;line-height:1!important;color:rgba(255,255,255,.38)!important;font-weight:850!important;letter-spacing:.09em!important}
html body .rain-metric strong{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;margin-top:4px!important;color:#fff!important;font-size:10px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-variant-numeric:tabular-nums!important}
html body .rain-card-action{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;height:28px!important;margin:0!important}
html body .rain-card-action .fr-actions{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;margin:0!important}
html body .rain-card-action .fr-join,html body .rain-tip{height:26px!important;min-height:26px!important;border-radius:8px!important;margin:0!important;padding:0 10px!important;font-size:9px!important;font-weight:900!important;line-height:26px!important}
html body .rain-card-action .fr-join{width:100%!important;min-width:0!important;border:1px solid rgba(206,66,43,.42)!important;background:linear-gradient(180deg,#CE422B,#A93425)!important;color:#fff!important}
html body .rain-tip{width:46px!important;min-width:46px!important;border:1px solid rgba(206,66,43,.28)!important;background:rgba(206,66,43,.08)!important;color:#E98A79!important}
html body .rain-card-note{display:block!important;min-width:0!important;width:100%!important;color:rgba(255,255,255,.48)!important;font-size:8.1px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .rain-card-progress{height:3px!important;min-height:3px!important;margin:0!important;padding:0!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.055)!important;overflow:hidden!important}
html body .rain-card-progress>span{display:block!important;height:100%!important;background:linear-gradient(90deg,#A93425,#CE422B,#E66C57)!important;border-radius:inherit!important}
html body .rain-card-foot{height:13px!important;min-height:13px!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.40)!important;font-size:7.8px!important;line-height:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}
/* classic controls never resize */
html body #rpViewToggle{box-sizing:border-box!important;width:178px!important;min-width:178px!important;max-width:178px!important;height:40px!important;min-height:40px!important;padding:0 12px!important}
html body #rpJoinBtn,html body .rp-join-btn{box-sizing:border-box!important;min-height:40px!important}
html body.rp-classic-mode .rp-empty{display:none!important}
html body.rp-classic-mode .rp-stage-empty{display:none!important}
/* nav icon animations from the original reference, without moving link boxes */
@keyframes rn20RustpotPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(206,66,43,0))}50%{transform:scale(.76);filter:drop-shadow(0 0 8px rgba(206,66,43,.62))}}
@keyframes rn20RustflipFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(.88)}100%{transform:rotateY(360deg) scale(1)}}
@keyframes rn20ChampionClash{0%,100%{transform:rotate(0)}22%{transform:rotate(-10deg)}46%{transform:rotate(8deg)}68%{transform:rotate(-5deg)}84%{transform:rotate(3deg)}}
html body .nav a[data-nb]{transform:none!important;translate:none!important;top:auto!important;bottom:auto!important;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important}
html body .nav a[data-nb="rustpot"]:hover .nav-ico{animation:rn20RustpotPulse .72s ease-in-out!important}
html body .nav a[data-nb="coinflip"]:hover .nav-ico{animation:rn20RustflipFlip .72s cubic-bezier(.2,.75,.2,1)!important;transform-style:preserve-3d!important}
html body .nav a[data-nb="champion"]:hover .nav-ico{animation:rn20ChampionClash .56s ease-in-out!important}
html body .nav-more a:hover .nav-ico{transform:none!important}
/* rails and header */
@media (min-width:1024px){
 html body{--rn-left-rail:clamp(220px,18.5vw,300px);--rn-right-rail:0px;--rn-chat-w:clamp(260px,21vw,340px)}
 html body.chat-open:not(.chat-off){--rn-right-rail:var(--rn-chat-w)}
 html body .rfd-drawer{position:fixed!important;z-index:1005!important;inset:0 auto 0 0!important;width:var(--rn-left-rail)!important;max-width:none!important;height:100dvh!important;transform:none!important;visibility:visible!important;opacity:1!important;border-radius:0!important}
 html body .rfd-panel{height:100%!important;max-height:none!important;border-radius:0!important}
 html body .rfd-mclose,html body .rfd-mtoggle,html body .rfd-mscrim,html body .rfd-scrim{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html body .chat-drawer{position:fixed!important;z-index:1006!important;inset:0 0 0 auto!important;width:var(--rn-chat-w)!important;max-width:none!important;height:100dvh!important;transform:translate3d(0,0,0)!important;opacity:1!important;visibility:visible!important;transition:transform .30s var(--rn-ease),opacity .22s ease!important}
 html body .chat-drawer.closed{transform:translate3d(100%,0,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 html body .chat-panel{height:100%!important;max-height:none!important;border-radius:0!important}
 html body .chat-toggle,html body #chatToggle{position:fixed!important;z-index:1007!important;left:calc(var(--rn-left-rail) + 10px)!important;right:auto!important;top:50%!important;bottom:auto!important;width:40px!important;min-width:40px!important;height:128px!important;min-height:128px!important;margin:0!important;padding:10px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid rgba(206,66,43,.50)!important;border-radius:12px!important;background:linear-gradient(180deg,#CE422B 0%,#A93425 100%)!important;color:#fff!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;transform:translateY(-50%)!important;box-shadow:0 0 0 1px rgba(206,66,43,.08),0 0 24px rgba(206,66,43,.25),0 12px 30px rgba(0,0,0,.38)!important;transition:left .30s var(--rn-ease),opacity .18s ease,filter .18s ease,box-shadow .18s ease!important}
 html body #chatToggle .chat-label{writing-mode:vertical-rl!important;text-orientation:mixed!important;font-size:10px!important;font-weight:950!important;letter-spacing:.085em!important;text-transform:uppercase!important;color:#fff!important}
 html body #chatToggle .chat-icon,html body #chatToggle .chat-icon svg{width:16px!important;height:16px!important;color:#fff!important;writing-mode:horizontal-tb!important}
 html body:not(.chat-open) #chatToggle{animation:rn20ChatGlow 2.8s ease-in-out infinite!important}
 html body.chat-open:not(.chat-off) #chatToggle{opacity:0!important;pointer-events:none!important;transform:translate(-8px,-50%)!important}
 @keyframes rn20ChatGlow{0%,100%{box-shadow:0 0 0 1px rgba(206,66,43,.08),0 0 17px rgba(206,66,43,.18),0 12px 30px rgba(0,0,0,.34)}50%{box-shadow:0 0 0 1px rgba(206,66,43,.16),0 0 30px rgba(206,66,43,.34),0 12px 32px rgba(0,0,0,.40)}}
 html body .topbar{left:var(--rn-left-rail)!important;right:var(--rn-right-rail)!important;width:auto!important;transform:none!important;transition:left .30s var(--rn-ease),right .30s var(--rn-ease)!important}
 html body main.page{margin-left:var(--rn-left-rail)!important;margin-right:var(--rn-right-rail)!important;width:auto!important;max-width:none!important;transition:margin-left .30s var(--rn-ease),margin-right .30s var(--rn-ease)!important}
 html body .topbar-inner{width:100%!important;max-width:none!important;min-width:0!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;transform:none!important}
 html body .mobile-menu,html body .brand-mobile{display:none!important;visibility:hidden!important;pointer-events:none!important}
 html body #navLinks.nav-shell{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-width:0!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;height:64px!important;margin:0!important;padding:0!important;overflow:visible!important;background:none!important;border:0!important}
 html body #navLinks .nav-games{grid-column:1!important;display:flex!important;justify-content:flex-end!important;align-items:stretch!important;gap:4px!important;min-width:0!important;width:auto!important;padding:0!important;transform:none!important}
 html body #navLinks>.brand{grid-column:2!important;align-self:center!important;justify-self:center!important;width:126px!important;min-width:126px!important;max-width:126px!important;text-align:center!important;transform:none!important}
 html body #navLinks .nav-more{grid-column:3!important;display:flex!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;min-width:0!important;width:auto!important;padding:0!important;transform:none!important}
 html body #navLinks .nav a{box-sizing:border-box!important;min-width:0!important;height:48px!important;margin:0!important;padding:4px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
 html body #navLinks .nav-games a{width:clamp(78px,7vw,104px)!important;max-width:104px!important}
 html body #navLinks .nav-more a{width:clamp(58px,5.3vw,80px)!important;max-width:80px!important}
 html body #navLinks .nav-label{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important}
 html body #navLinks .nav-txt{white-space:nowrap!important}
 html body #navLinks .nav-info{display:block!important;max-width:100%!important;margin-top:3px!important;color:rgba(255,255,255,.42)!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html body .account{position:relative!important;right:auto!important;transform:none!important;display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;min-width:0!important;margin-left:auto!important;z-index:4!important}
 html body .account>.canta-btn{order:1!important}html body .account>.notif-wrap{order:2!important}html body .account>.balance-group{order:3!important}html body .account>.top-sound{order:4!important}html body .account>.profile-wrap,html body .account>.profile-menu,html body .account>.profile-avatar,html body .account>a.profile-avatar{order:5!important}
 html body .notif-panel{left:auto!important;right:0!important;transform:none!important;max-width:min(320px,calc(100vw - var(--rn-left-rail) - var(--rn-right-rail) - 20px))!important}
 html body .chat-head{display:flex!important;align-items:center!important;min-width:0!important}
 html body .chat-head-actions{order:1!important;margin:0 4px 0 0!important;display:flex!important;align-items:center!important}
 html body #chatClose{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
 html body .chat-lang{order:2!important;margin:0!important}
 html body .chat-staff{order:3!important}
}
@media (min-width:1024px) and (max-width:1249px){
 html body{--rn-left-rail:220px;--rn-chat-w:270px}
 html body #navLinks{gap:4px!important}
 html body #navLinks>.brand{width:104px!important;min-width:104px!important;max-width:104px!important}
 html body #navLinks>.brand>span{font-size:15px!important;letter-spacing:.02em!important;line-height:17px!important}
 html body #navLinks .brand-tagline{font-size:4.8px!important;letter-spacing:.01em!important}
 html body #navLinks .nav-games a,html body #navLinks .nav-more a{width:36px!important;min-width:36px!important;max-width:36px!important;padding:4px!important}
 html body #navLinks .nav-label,html body #navLinks .nav-txt,html body #navLinks .nav-info{display:none!important}
 html body #navLinks .nav-ico{margin:0!important}
 html body .account{gap:3px!important}
 html body .balance-pill{padding-left:5px!important;padding-right:5px!important}
}
@media (max-width:1023px){
 html body .rain-card{height:146px!important;min-height:146px!important;max-height:146px!important;margin:7px 8px!important}
 html body #cfOpenCreate{width:100%!important;max-width:none!important;margin-left:0!important}
}
/* Public status accents also stay inside the Rustnecro palette. */
html body .watch-copy.ok,
html body .dep-promo-note.on,
html body .rw-code-note.ok,
html body .fair-copy.copied,
html body .fair-verified-ok,
html body .fair-local-badge,
html body .fair-ledger-meta i.is-revealed,
html body .blog-share-btn.is-copied,
html body .tv-img-status.ok{color:#E98A79!important;border-color:rgba(206,66,43,.42)!important;background:rgba(206,66,43,.11)!important}
html body .notif-badge,
html body .rfd-active-dot{background:#CE422B!important;box-shadow:0 0 8px rgba(206,66,43,.55)!important}
html body .rr-toast-success::before,
html body .rr-toast-acquire::before{background:#CE422B!important}
html body .rr-toast-success .rr-toast-ico,
html body .rr-toast-acquire .rr-toast-ico,
html body .rr-buy-toast .rbt-ico,
html body .notif-ico-level,
html body .notif-ico-champ{color:#E66C57!important;background:rgba(206,66,43,.13)!important}
html body .health-section-top .health-fill-left,
html body .health-section-top .health-fill-right,
html body .bx-hp-fill,
html body .rw-wager-bar span.met{background:linear-gradient(90deg,#A93425,#CE422B,#E66C57)!important}
html body .bx-recent-prize,
html body .bh-prize,
html body .hm-feed-amt,
html body .rw-wager-head b.met,
html body .aff-ftd-n,
html body .aff-ftd-yes,
html body .lbets-multi.hot,
html body .lbets-pay.won,
html body .lvr-tier.lvr-claimed .lvr-tier-badge{color:#E98A79!important}
html body .cgc-join{color:#fff!important;background:linear-gradient(180deg,#CE422B,#A93425)!important;border-color:rgba(206,66,43,.55)!important}
/* Narrow desktop rail math: keep both drawers, six inline nav icons and the full account cluster without overlap. */
@media (min-width:1024px) and (max-width:1099px){
 html body{--rn-left-rail:196px!important;--rn-chat-w:236px!important}
 html body .topbar-inner{padding-left:7px!important;padding-right:7px!important;gap:4px!important}
 html body #navLinks.nav-shell{gap:3px!important}
 html body #navLinks>.brand{width:86px!important;min-width:86px!important;max-width:86px!important}
 html body #navLinks>.brand>span{font-size:13px!important;line-height:15px!important;letter-spacing:.01em!important}
 html body #navLinks .brand-tagline{font-size:4px!important;letter-spacing:0!important}
 html body #navLinks .nav-games a,html body #navLinks .nav-more a{width:30px!important;min-width:30px!important;max-width:30px!important;height:42px!important;padding:3px!important}
 html body #navLinks .nav-games,html body #navLinks .nav-more{gap:3px!important}
 html body .account{gap:2px!important}
 html body .account .canta-btn,html body .account .notif-bell,html body .account .top-sound,html body .account .top-sound-btn,html body .account .bal-plus{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;flex-basis:32px!important}
 html body .account .profile-avatar,html body .account .profile-avatar-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
 html body .account .balance-pill{max-width:90px!important;height:32px!important;padding:0 5px!important;font-size:11px!important;overflow:hidden!important}
 html body .account .coin-ico{width:13px!important;height:13px!important;min-width:13px!important}
 html body .account .coin-ico::before{font-size:13px!important;line-height:13px!important}
}
@media (min-width:1100px) and (max-width:1199px){html body{--rn-left-rail:208px!important;--rn-chat-w:248px!important}}
@media (min-width:1200px) and (max-width:1249px){html body{--rn-left-rail:216px!important;--rn-chat-w:258px!important}}
/* Chat header order: close X sits immediately to the left of language. */
@media (min-width:1024px){
 html body .chat-panel>.chat-head{justify-content:flex-start!important;gap:6px!important}
 html body .chat-panel>.chat-head .chat-head-actions{order:1!important;margin:0!important;flex:0 0 auto!important}
 html body .chat-panel>.chat-head .chat-lang{order:2!important;margin:0!important;flex:0 0 auto!important}
 html body .chat-panel>.chat-head .chat-online{order:3!important;margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important}
 html body .chat-panel>.chat-head #chatRulesBtn{order:4!important;margin:0!important;flex:0 0 auto!important}
 html body .chat-panel>.chat-head .chat-staff{order:5!important;margin:0!important;flex:0 0 auto!important}
 html body .chat-panel>.chat-head #creatorOpenBtn{order:6!important;margin:0!important;flex:0 0 auto!important}
}
@media (min-width:1024px) and (max-width:1099px){
 html body .chat-panel>.chat-head{padding-left:7px!important;padding-right:7px!important;gap:4px!important}
 html body .chat-panel>.chat-head #chatRulesBtn,
 html body .chat-panel>.chat-head #creatorOpenBtn{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important}
 html body .chat-panel>.chat-head #chatRulesBtn svg,
 html body .chat-panel>.chat-head #creatorOpenBtn svg{width:14px!important;height:14px!important;margin:0!important}
 html body .chat-panel>.chat-head .chat-online{font-size:9px!important}
 html body .chat-panel>.chat-head .chat-lang-btn{padding-left:6px!important;padding-right:6px!important}
}
/* Dollar glyph remains legible inside legacy high-specificity money widgets. */
html body .skin-price-badge .coin-ico,
html body .mkt-range .coin-ico,
html body .dw-min .coin-ico,
html body .dw-calc-recv .coin-ico,
html body .player-stats .stat-box b.bet-amt .coin-ico,
html body .canta-sub-amt .coin-ico,
html body .balance-pill .coin-ico,
html body .fr-pot .coin-ico,
html body .rain-card .coin-ico{width:15px!important;height:15px!important;min-width:15px!important;opacity:1!important;filter:none!important}
html body .nav-info .coin-ico{width:13px!important;height:13px!important;min-width:13px!important;opacity:1!important;filter:none!important}

/* REV20 header capacity guard: when Chat is open on laptop/desktop widths, keep
   the three game names + live sub-info visible, but compact the secondary nav
   and account chrome instead of opening a hamburger or letting either rail
   overlap the header. */
@media (min-width:1250px) and (max-width:1699px){
  html body.rfd-open.chat-open:not(.chat-off) .topbar-inner{padding-left:7px!important;padding-right:7px!important;gap:4px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks.nav-shell{gap:3px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks>.brand{width:92px!important;min-width:92px!important;max-width:92px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks>.brand>span{font-size:14px!important;line-height:16px!important;letter-spacing:.012em!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks>.brand .brand-tagline{font-size:4.2px!important;letter-spacing:0!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-games{gap:3px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-games a{width:76px!important;min-width:76px!important;max-width:76px!important;height:44px!important;padding:3px 4px!important;gap:4px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-games .nav-label{display:flex!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:hidden!important;flex-direction:column!important;min-width:0!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-games .nav-txt{display:block!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-games .nav-info{display:block!important;visibility:visible!important;opacity:.62!important;height:9px!important;min-height:9px!important;margin-top:2px!important;font-size:6.6px!important;line-height:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-more{gap:3px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-more a{width:32px!important;min-width:32px!important;max-width:32px!important;height:44px!important;padding:3px!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-more .nav-txt{display:none!important}
  html body.rfd-open.chat-open:not(.chat-off) #navLinks .nav-ico{width:17px!important;height:17px!important;min-width:17px!important;flex-basis:17px!important;margin:0!important}
  html body.rfd-open.chat-open:not(.chat-off) .account{gap:2px!important}
  html body.rfd-open.chat-open:not(.chat-off) .account .canta-btn,
  html body.rfd-open.chat-open:not(.chat-off) .account .notif-bell,
  html body.rfd-open.chat-open:not(.chat-off) .account .top-sound,
  html body.rfd-open.chat-open:not(.chat-off) .account .top-sound-btn,
  html body.rfd-open.chat-open:not(.chat-off) .account .bal-plus{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;flex-basis:32px!important}
  html body.rfd-open.chat-open:not(.chat-off) .account .profile-avatar-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  html body.rfd-open.chat-open:not(.chat-off) .account .balance-pill{max-width:82px!important;height:32px!important;padding-left:5px!important;padding-right:5px!important;font-size:10.5px!important;overflow:hidden!important}
}

/* Keep the full account cluster inside the same compact desktop contract used by
   the inline icon navigation at 1024–1249. */
@media (min-width:1024px) and (max-width:1249px){
  html body .account{gap:2px!important}
  html body .account .canta-btn,
  html body .account .notif-bell,
  html body .account .top-sound,
  html body .account .top-sound-btn,
  html body .account .bal-plus{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;flex-basis:32px!important}
  html body .account .profile-avatar-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  html body .account .balance-pill{max-width:82px!important;height:32px!important;padding-left:5px!important;padding-right:5px!important;font-size:10.5px!important;overflow:hidden!important}
}