:root{
--bg: #1b1413;
--bg2: #221917;
--card: #281c1c;
--card2: #33241f;
--p: #ce422b;
--p2: #e0674a;
--p3: #e0674a;
--p4: #f2c3b2;
--pg: rgba(206, 66, 43,.35);
--pg2: rgba(206, 66, 43,.15);
--gold: #ce422b;
--gold2: #e0674a;
--red: #ef4444;
--red2: #fca5a5;
--grn: #22c55e;
--grn2: #e0674a;
--t1: #f2e9e4;
--t2: #b8a9a2;
--t3: #8a7b74;
--ln: rgba(176, 138, 120,.10);
--ln2: rgba(176, 138, 120,.18);
--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: #d04f28;
--hp-orange: #f97316;
--hp-red: #ef4444;
--line: rgba(176, 138, 120,.09);
--line2: rgba(176, 138, 120,.16);
--green2: #e0674a;
--pos: #4ade80;
--pglow: rgba(206, 66, 43,.32);
--pglow2: rgba(206, 66, 43,.15);
--r: 18px;
--r2: 12px;
--topbar-h: 64px;
--ink: #f4ece7;
--accent: #ce422b;
--accent2: #e0674a;
--radius: 14px;
--rust: #ce422b;
--rust2: #d75539;
--rust3: #e0674a;
--steel: #3a302d;
--steel2: #241a18;
--rust-bg: #1b1413;
--rust-bg2: #221917;
--rust-card: #281c1c;
--rust-card2: #33241f;
--rust-ln: rgba(176, 138, 120,.10);
--rust-ln2: rgba(176, 138, 120,.18);
--topstrip-h: 0px;
--vio: #ce422b;
--vio2: #d75539;
--vio3: #e0674a;
--vio-soft: rgba(206, 66, 43,.13);
--vio-line: rgba(206, 66, 43,.30);
--rr-css-build: 39;
--game-champion: #e0954a;
--game-rustpot: #ef4444;
--game-rustflip: #f0912e;
}
*, *::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,.20) 0%, transparent 45%),
radial-gradient(ellipse at 80% 0%, rgba(176, 138, 120,.12) 0%, transparent 42%),
radial-gradient(ellipse at 50% 100%, rgba(122,45,18,.22) 0%, transparent 52%),
linear-gradient(180deg, #160f0e 0%, #160f0e 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(6,6,26,.93);
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-word{
font-family: var(--fd); font-weight: 800; font-size: 23px; line-height: 1;
letter-spacing: .05em; text-transform: uppercase; color: var(--t1);
white-space: nowrap; display: inline-flex; align-items: center;
text-shadow: 0 2px 8px rgba(0,0,0,.45);
}
.brand-word b{ color: var(--p); font-weight: 800; }
.brand:hover .brand-word b{ filter: drop-shadow(0 0 10px var(--pglow)); }
.ftr-word{ font-size: 26px; letter-spacing: .04em; }
@media (max-width:560px){ .brand-word{ font-size: 20px; letter-spacing:.03em; } }
.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(206, 66, 43,.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: #f0beaf; 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(206, 66, 43,.08);
font-size: 13px; font-weight: 600;
display: inline-flex; align-items: center;
transition: background .16s;
}
.pill:hover { background: rgba(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.28);
background:
radial-gradient(72% 52% at 50% 30%, rgba(170,142,255,.14), transparent 62%),
radial-gradient(circle at 50% 40%, rgba(42,15,82,.98), rgba(7,7,18,1) 74%),
linear-gradient(180deg, transparent 48%, rgba(3,3,10,.5));
box-shadow:
0 0 0 1px rgba(206, 66, 43,.08),
0 40px 100px rgba(0,0,0,.68),
inset 0 0 130px rgba(4,2,14,.55),
inset 0 0 80px rgba(206, 66, 43,.04);
padding: 18px;
overflow: hidden;
transition: box-shadow .2s;
}
.arena.arena-flash {
box-shadow:
0 0 0 2px rgba(249,115,22,.5),
0 40px 100px rgba(0,0,0,.68),
inset 0 0 120px rgba(249,115,22,.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(206, 66, 43,.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(206, 66, 43,.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: #c9492c; }
#leftAvatarDisplay .hp-ring-fill { stroke: #c9492c; filter: drop-shadow(0 0 5px rgba(201, 73, 44,.5)); }
#rightAvatarDisplay .hp-ring-fill { stroke: #d1815f; filter: drop-shadow(0 0 5px rgba(56,189,248,.5)); }
.low-hp .hp-ring-fill { stroke: #ef4444 !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(201, 73, 44,.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(229, 143, 116,.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(229, 143, 116,.55), rgba(229, 143, 116,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(206, 66, 43,.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(206, 66, 43,.38); color: var(--p3); background: rgba(206, 66, 43,.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(206, 66, 43,.1); font-size: 12px; font-weight: 700; color: var(--p3);
transition: background .16s;
}
.qa:hover { background: rgba(206, 66, 43,.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,#ec8b76,#dc6946) !important; color:#210c06 !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,#d75539), 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(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.4); color: var(--p3); background: rgba(206, 66, 43,.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,#f97316,#ef4444); 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(206, 66, 43,.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, 149, 125,.65)); }
.bullet .bullet-head { position: absolute; inset: 0; border-radius: 999px; background: linear-gradient(90deg,#fbefeb,#e0674a,#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%,#f97316 30%,#ef4444 60%,transparent 100%); border-radius: 999px 0 0 999px; filter: blur(1px); }
.rocket .rocket-body { position: absolute; inset: 0; background: linear-gradient(180deg,#dbd4d1,#80716b 50%,#513f37); 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 #ef4444; }
.satchel { width: 40px; height: 32px; border-radius: 8px; background: linear-gradient(135deg,#92400e,#78350f); border: 2px solid rgba(230, 149, 125,.2); display: grid; place-items: center; }
.satchel span { width: 11px; height: 11px; border-radius: 50%; background: #ef4444; 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,#5f321e,#824226); border: 2px solid rgba(206, 66, 43,.38); display: grid; place-items: center; }
.c4 b { font-family: var(--fm); font-size: 10px; font-weight: 900; color: #eab89a; 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,#f97316); 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: #ef4444; 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%,#e0674a 22%,#f97316 48%,#ef4444 68%,transparent 100%); transform: scale(0); opacity: 0; }
.exp-ring { position: absolute; border-radius: 50%; border: 6px solid rgba(249,115,22,.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,#e0674a,#f97316); top: 50%; left: 50%; margin: -4px; transform: scale(0); opacity: 0; }
.exp-shockwave{ position: absolute; inset: -65px; border-radius: 50%; border: 3px solid rgba(249,115,22,.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,#d75539);
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(206, 66, 43,.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(215, 85, 57,.55), 0 0 84px rgba(223, 119, 87,.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(223, 119, 87,.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(206, 66, 43,.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(206, 66, 43,.28); border-radius: 7px;
padding: 3px 9px; background: rgba(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.08); border: 1px solid rgba(206, 66, 43,.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(206, 66, 43,.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, #ce422b); 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(206, 66, 43,.18); color: var(--p3); border-color: rgba(206, 66, 43,.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(6,6,26,.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(36,12,72,.98),rgba(6,6,26,.99) 72%);
overflow: hidden;
padding: 32px 20px;
margin-bottom: 20px;
box-shadow: 0 0 0 1px rgba(206, 66, 43,.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(206, 66, 43,.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(203, 77, 39,.9)) drop-shadow(0 10px 28px rgba(0,0,0,.6)); }
.cf-coin.landed-blue { filter: drop-shadow(0 0 28px rgba(206, 66, 43,.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: #fca5a5; }
.cf-result-badge.show-blue { opacity: 1; transform: translateX(-50%) scale(1); background: rgba(206, 66, 43,.18); border: 1px solid rgba(206, 66, 43,.4); color: #eab89a; }
.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(176, 138, 120,.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(206, 66, 43,.6); background: rgba(206, 66, 43,.1); }
.cf-side-btn span {
font-family: var(--fd);
font-size: 22px;
letter-spacing: .08em;
}
.cf-side-red span { color: #fca5a5; }
.cf-side-blue span { color: #eab89a; }
.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,#ef4444); color: #fca5a5; 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,#824226,#ce422b); color: #eab89a; border: 1px solid rgba(206, 66, 43,.35); box-shadow: 0 0 12px rgba(206, 66, 43,.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: #fca5a5; border: 1px solid rgba(239,68,68,.3); }
.cf-winner-blue { background: rgba(206, 66, 43,.15); color: #eab89a; border: 1px solid rgba(206, 66, 43,.3); }
.cf-verify-btn {
min-height: 30px;
padding: 0 10px;
border-radius: 8px;
background: rgba(206, 66, 43,.1);
border: 1px solid rgba(206, 66, 43,.25);
color: var(--p3);
font-size: 11px;
font-weight: 600;
transition: background .16s;
cursor: pointer;
}
.cf-verify-btn:hover { background: rgba(206, 66, 43,.2); }
.cf-verify-panel {
display: none;
flex-direction: column;
gap: 6px;
width: 100%;
margin-top: 8px;
border: 1px solid rgba(206, 66, 43,.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: #fca5a5; border: 1px solid rgba(239,68,68,.25); }
.cf-verify-result.blue { background: rgba(206, 66, 43,.1); color: #eab89a; border: 1px solid rgba(206, 66, 43,.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(12,9,28,.30), rgba(6,6,14,.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(26,16,54,.80), rgba(10,9,26,.86));
backdrop-filter: blur(22px) saturate(.92);
-webkit-backdrop-filter: blur(22px) saturate(.92);
box-shadow: 0 0 0 1px rgba(206, 66, 43,.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: #fca5a5; }
.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:#ec8b76; }
.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(215, 85, 57,.5);
background: rgba(215, 85, 57,.08);
transform: translateY(-2px);
box-shadow: 0 0 22px rgba(215, 85, 57,.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(56,22,104,.55), rgba(8,8,24,.96) 70%),
linear-gradient(180deg, rgba(16,12,34,.9), rgba(6,6,20,.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(206, 66, 43,.28), rgba(206, 66, 43,.14));
color: #f0d7cd; border: 1px solid rgba(206, 66, 43,.55);
box-shadow: 0 6px 26px rgba(206, 66, 43,.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: #fca5a5; }
.cf-modal-outcome.blue { color: #eab89a; }
.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(206, 66, 43,.08); transform: translateY(-1px); }
.cf-watch-btn {
min-height: 30px;
padding: 0 12px;
border-radius: 8px;
background: linear-gradient(135deg, rgba(206, 66, 43,.25), rgba(176, 138, 120,.18));
border: 1px solid rgba(176, 138, 120,.4);
color: #f0cabf;
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(206, 66, 43,.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: #fca5a5; }
.cf-legend-item.blue { color: #eab89a; }
.cf-legend-dot {
width: 10px; height: 10px; border-radius: 50%;
}
.cf-legend-item.red .cf-legend-dot { background: #ef4444; box-shadow: 0 0 8px rgba(239,68,68,.7); }
.cf-legend-item.blue .cf-legend-dot { background: #ce422b; box-shadow: 0 0 8px rgba(206, 66, 43,.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(206, 66, 43,.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(118, 45, 22,.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(206, 66, 43,.12); color: var(--p3); border: 1px solid rgba(206, 66, 43,.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(176, 138, 120,.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(198, 120, 96,.09), transparent 60%),
radial-gradient(900px 500px at 0% 0%, rgba(178, 127, 112,.05), transparent 55%),
var(--bg);
color: var(--t1);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.topbar{
background: linear-gradient(180deg, rgba(15,16,25,.84), rgba(11,11,18,.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(206, 66, 43,.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(206, 66, 43,.14); color: var(--accent2);
border-color: rgba(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.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(20,20,31,.98), rgba(11,11,18,.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(206, 66, 43,.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(206, 66, 43,.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(6,6,12,.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:#fca5a5; }
.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(206, 66, 43,.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:#1f0c06; 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(229, 145, 120,.42);
animation: champReady 2.6s ease-in-out infinite;
}
@keyframes champReady{
0%,100%{ box-shadow: 0 0 0 1px rgba(229, 145, 120,.10), 0 0 22px -8px rgba(227, 136, 108,.32); }
50% { box-shadow: 0 0 0 1px rgba(229, 145, 120,.30), 0 0 38px -4px rgba(227, 136, 108,.58); }
}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){
.player-panel.champ-ready{ animation:none; box-shadow: 0 0 0 1px rgba(229, 145, 120,.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(206, 66, 43,.12), transparent 60%),
radial-gradient(900px 500px at 0% 0%, rgba(176, 138, 120,.06), transparent 55%),
var(--rust-bg);
}
.topbar{ background: rgba(15,13,24,.82); border-bottom:1px solid var(--rust-ln); }
.brand-icon{ background: linear-gradient(145deg, var(--rust3), var(--rust)); box-shadow:0 6px 18px rgba(206, 66, 43,.34); }
.brand b{ letter-spacing:.08em; }
.nav a.active{ background: rgba(206, 66, 43,.18); color: var(--rust3); border-color: rgba(176, 138, 120,.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(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.3); }
.hero-pool-display, .prize-pool-box{ border-color: rgba(176, 138, 120,.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(206, 66, 43,.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(176, 138, 120,.3); }
.page-hero h1, .hero-title{ text-shadow: 0 2px 20px rgba(206, 66, 43,.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(176, 138, 120,.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(206, 66, 43,.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(176, 138, 120,.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(206, 66, 43,.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:#e0674a; 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:#1a0a05; background:linear-gradient(180deg,#e0674a,#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(176, 138, 120,.2); color:var(--rust3); }
.adm-badge.ban{ background:rgba(239,68,68,.2); color:#fca5a5; }
.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(176, 138, 120,.18), transparent 62%),
radial-gradient(700px 420px at 8% 90%, rgba(206, 66, 43,.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(206, 66, 43,.1); border:1px solid var(--rust-ln2);
padding:7px 16px; border-radius:999px; margin-bottom:24px; text-shadow:0 0 12px rgba(176, 138, 120,.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(206, 66, 43,.4); }
.lp-btn-primary:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 16px 38px rgba(206, 66, 43,.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(176, 138, 120,.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(206, 66, 43,.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(206, 66, 43,.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:#e0674a; }
.aff-msg.err{ background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.4); color:#fca5a5; }
.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:#120e0c; 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:#e0674a; }
.tip-msg.err{ color:#fca5a5; }
.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,#332119,#1e1410); 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:#120e0c; background:linear-gradient(145deg,var(--gold2),var(--gold)); }
.rw-claim-btn:hover{ filter:brightness(1.08); }
.rw-claimed{ font-size:12px; color:#e0674a; 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(176, 138, 120,.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(206, 66, 43,.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:#34d399; }
.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:#34d399; }
.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,#1f8a4c,#15663a); 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 #34d399; background:rgba(52,211,153,.04); }
.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:#34d399; background:linear-gradient(180deg,#1f3a2c,#15261c); }
.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(52,211,153,.12); border:1px solid rgba(52,211,153,.4); color:#e0674a; 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:#e0674a; 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:#34d399; 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:#e0674a; }
.admin-promo-status.off{ background:rgba(239,68,68,.2); color:#fca5a5; }
.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(176, 138, 120,.07), transparent 60%),
repeating-linear-gradient(45deg, rgba(176, 138, 120,.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,"),
url("data:image/svg+xml;utf8,"),
url("data:image/svg+xml;utf8,"),
linear-gradient(90deg, transparent, rgba(176, 138, 120,.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:#d0815f !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(61,180,242,.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:#d0815f !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:#fca5a5; }
.chat-name.cn-mod{ color:#e1ae98; }
.chat-msg-head .chat-ts{ margin-left:auto; font-size:10px; color:var(--t3); white-space:nowrap; }
.chat-name.cn-mod{ color:#e1ae98; }
.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:#fca5a5; }
.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(206, 66, 43,.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(176, 138, 120,.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(206, 66, 43,.45); }
91%{ box-shadow:11px 0 30px rgba(176, 138, 120,.8); }
95%{ box-shadow:7px 0 22px rgba(176, 138, 120,.6); }
}
body:not(.chat-open) .chat-toggle::after{
content:""; position:absolute; inset:-3px; border-radius:0 14px 14px 0;
border:2px solid rgba(176, 138, 120,.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,#e48d72 0%,#db6845 52%,#cf4f28 100%) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 3px rgba(0,0,0,.16), 0 2px 7px rgba(0,0,0,.4), 0 0 13px rgba(219, 104, 69,.4) !important; color:#220d06 !important; font-weight:800 !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(56,189,248,.2); color:#e1ae98; }
.adm-badge.muted{ background:rgba(217, 92, 54,.2); color:#e18063; }
.adm-btn.adm-mod{ background:linear-gradient(145deg,#d1815f,#7f4025); }
.promo-tag{ display:inline-block; font-size:10px; font-weight:800; padding:1px 7px; border-radius:5px; margin-left:6px; background:linear-gradient(145deg,#1f8a4c,#15663a); color:#fff; vertical-align:middle; }
.wallet-grid form.tab-focus{ border-color:var(--rust3) !important; box-shadow:0 0 0 2px rgba(176, 138, 120,.25); }
.rust-default-av{ width:88px; height:88px; border-radius:14px; overflow:hidden; border:2px solid var(--rust3); box-shadow:0 0 16px rgba(176, 138, 120,.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:#34d399; background:linear-gradient(180deg,#1f3a2c,#15261c); }
@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:#34d399; }
.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(176, 138, 120,.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(206, 66, 43,.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, #f0beaf, #e0674a 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(176, 138, 120,.18); }
.nav a.active{
background: linear-gradient(180deg, rgba(176, 138, 120,.2), rgba(206, 66, 43,.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(176, 138, 120,.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(176, 138, 120,.9) 0 1.4px, transparent 2px),
radial-gradient(circle, rgba(176, 138, 120,.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(206, 66, 43,.4), 0 0 0 1px rgba(176, 138, 120,.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(176, 138, 120,.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(176, 138, 120,.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(176, 138, 120,.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(203, 77, 39,.75); }
.cf-coin.landed-blue.settle::after { border-color: rgba(206, 66, 43,.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(206, 66, 43,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,#f0beaf,#e0674a 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(176, 138, 120,.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(176, 138, 120,.05), transparent 70%), rgba(0,0,0,.16);
}
.empty-state-icon{
font-size:40px; line-height:1; filter: drop-shadow(0 4px 14px rgba(176, 138, 120,.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(206, 66, 43,.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(206, 66, 43,.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: #ef4444; }
.rr-toast-win::before { background: linear-gradient(180deg,#e0674a,#e0674a); }
.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(176, 138, 120,.4), 0 0 0 1px rgba(234, 164, 142,.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(176, 138, 120,.5), transparent),
radial-gradient(2px 2px at 78% 60%, rgba(176, 138, 120,.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(176, 138, 120,.4), transparent),
radial-gradient(1.5px 1.5px at 30% 70%, rgba(206, 66, 43,.4), transparent),
radial-gradient(2px 2px at 65% 40%, rgba(176, 138, 120,.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(176, 138, 120,.5), transparent 30%, transparent 60%, rgba(206, 66, 43,.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(206, 66, 43,.28); }
50%{ box-shadow: 0 6px 22px rgba(176, 138, 120,.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(176, 138, 120,.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(176, 138, 120,.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(206, 66, 43,.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(176, 138, 120,.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(176, 138, 120,.18);
animation: inputFocusPop .3s ease;
}
@keyframes inputFocusPop{ 0%{ box-shadow: inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 0 rgba(176, 138, 120,.4); } 100%{ box-shadow: inset 0 2px 5px rgba(0,0,0,.4), 0 0 0 3px rgba(176, 138, 120,.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(176, 138, 120,.4)); } 50%{ filter: drop-shadow(0 0 18px rgba(176, 138, 120,.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(206, 66, 43,.35);
}
.profile-avatar, .pf-avatar{ animation: avatarGlow 3.5s ease-in-out infinite; }
@keyframes avatarGlow{ 0%,100%{ box-shadow: 0 0 0 2px rgba(176, 138, 120,.2); } 50%{ box-shadow: 0 0 18px 2px rgba(176, 138, 120,.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(206, 66, 43,.25); }
50%{ box-shadow: 0 6px 26px rgba(206, 66, 43,.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(176, 138, 120,.4); } 100%{ background: rgba(206, 66, 43,.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, #ef4444, #f87171) !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: #1e1410 !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,#1e1410) !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),#1e1410) !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,#f0beaf,#e0674a 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,#e0674a,#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:#2b201b; 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:#dcd2cd; box-shadow:0 0 0 2px rgba(205,210,220,.3); }
.lb-av.rank-bronze{ border-color:#cd7f32; 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,#30221c,#1f1612); 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),#1f1612); 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(232, 156, 133,.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:#2b201b; 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:#ddd3cf; }
.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:#dcd2cd; 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:#cd7f32; 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:#ecaf9d; }
.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,#f0beaf,#e0674a 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:#1b0e0a; overflow:visible; transform-origin:bottom; transform-style:preserve-3d;
background:linear-gradient(180deg, var(--pod-top,#3a2f2a), var(--pod-bot,#221a16));
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,#ecaf9d));
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:#ecaf9d; --pod-top2:#f6d8cf; --pod-bot:#c74c26; animation-delay:.05s; }
.lb-pod-2 .lb-pod-base{ height:94px; --pod-top:#f8f1ee; --pod-top2:#ffffff; --pod-bot:#b2a19a; 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:#faebe7;
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:#e0674a; }
@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(176, 138, 120,.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(176, 138, 120,.10), transparent 60%),
linear-gradient(180deg,#261812,#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,#402f27,#261a15);
border-top:3px solid rgba(176, 138, 120,.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,#d75539,#e0674a); 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(176, 138, 120,.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,#e0674a,#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(176, 138, 120,.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,#ef4444,#f87171); 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:#fca5a5; }
.bx-tag-blue{ background:rgba(206, 66, 43,.2); color:#eab89a; }
.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:#fca5a5; text-shadow:0 2px 8px rgba(0,0,0,.7); }
.bx-float-miss{ color:#e1d2cb; 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,#e0674a); 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,#332119,#1e1410); border:1px solid rgba(176, 138, 120,.5);
padding:12px 24px; border-radius:14px; font-family:var(--fd); font-size:24px; color:#e0674a;
box-shadow:0 12px 40px rgba(176, 138, 120,.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(176, 138, 120,.4);} 50%{ box-shadow:0 12px 50px rgba(176, 138, 120,.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:#f87171; }
.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:#ef4444; box-shadow:0 6px 22px rgba(239,68,68,.35); color:#fff; }
.bx-corner-blue.active{ border-color:#ce422b; box-shadow:0 6px 22px rgba(206, 66, 43,.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:#ef4444; box-shadow:0 0 8px rgba(239,68,68,.6); }
.bx-dot-blue{ background:#ce422b; box-shadow:0 0 8px rgba(206, 66, 43,.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(206, 66, 43,.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:#f87171; 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:#fca5a5; }
.bx-res-blue{ background:rgba(206, 66, 43,.18); color:#eab89a; }
.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(206, 66, 43,.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:#261a15; 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(206, 66, 43,.16); color:#fff; }
.nav-more-menu a.active{ background:rgba(206, 66, 43,.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(206, 66, 43,.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:#261a15; 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(206, 66, 43,.16); color:#fff; }
.profile-menu a.pm-logout:hover{ background:rgba(239,68,68,.16); color:#fca5a5; }
.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:#e0674a; font-weight:600; }
.wreq-banner-head{ color:#fca5a5; 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,#ef4444,#991b1b); }
.rf-chip-blue{ background:linear-gradient(145deg,#ce422b,#9f502e); }
.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(176, 138, 120,.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(206, 66, 43,.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,#38241b,#5e3a2a);
border:1px solid #da9b80; transition:transform .15s, box-shadow .25s, filter .2s;
}
.steam-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(102,192,244,.4); filter:brightness(1.08); }
.steam-btn:active{ transform:translateY(0) scale(.98); }
.steam-ico{ width:22px; height:22px; color:#da9b80; 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:#1e1410; 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(206, 66, 43,.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,#5f3a2a 0%,#38241b 55%,#22150f 100%);
border:1px solid rgba(102,192,244,.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:#da9b80; flex:0 0 auto; transition:transform .3s cubic-bezier(.34,1.6,.5,1); }
.steam-btn:hover{ transform:translateY(-2px); border-color:rgba(102,192,244,.7); box-shadow:0 16px 38px rgba(20,40,70,.55), 0 0 0 3px rgba(102,192,244,.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,#5e3a2a,#38241b); border:1px solid rgba(102,192,244,.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:#da9b80; transition:transform .3s cubic-bezier(.34,1.6,.5,1); }
.pill-steam:hover{ transform:translateY(-2px); border-color:rgba(102,192,244,.75); box-shadow:0 10px 24px rgba(20,40,70,.5); background:linear-gradient(135deg,#5e3a2a,#38241b); }
.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(206, 66, 43,.16); color:var(--t1); box-shadow:0 8px 20px rgba(206, 66, 43,.2); }
.nav a:hover .nav-ico{ animation:navIcoPop .5s cubic-bezier(.34,1.8,.4,1) forwards; filter:drop-shadow(0 6px 12px rgba(206, 66, 43,.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(206, 66, 43,.26); color:var(--p4); border:1px solid rgba(206, 66, 43,.4); }
.nav a.active .nav-ico{ transform:scale(1.18); filter:drop-shadow(0 3px 8px rgba(206, 66, 43,.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,#5e3a2a,#38241b); border:1px solid rgba(102,192,244,.4); }
.hm-btn-steam svg{ width:22px; height:22px; color:#da9b80; transition:transform .3s cubic-bezier(.34,1.6,.5,1); }
.hm-btn-steam:hover{ transform:translateY(-2px); border-color:rgba(102,192,244,.75); box-shadow:0 16px 38px rgba(20,40,70,.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:#1e1410; 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(206, 66, 43,.12), transparent 70%),
radial-gradient(90px 60px at 6% 100%, rgba(176, 138, 120,.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(206, 66, 43,.12), transparent 60%) !important;
}
.section-block::after{
background:
radial-gradient(circle at 10px 10px, rgba(176, 138, 120,.45) 0 2px, transparent 2.6px),
radial-gradient(circle at calc(100% - 10px) 10px, rgba(176, 138, 120,.45) 0 2px, transparent 2.6px),
radial-gradient(circle at 10px calc(100% - 10px), rgba(176, 138, 120,.45) 0 2px, transparent 2.6px),
radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), rgba(176, 138, 120,.45) 0 2px, transparent 2.6px) !important;
opacity:.4 !important;
}
::-webkit-scrollbar-thumb{ background: linear-gradient(180deg,#ce422b,#a94b2e) !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(206, 66, 43,.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:#ebcabc !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:#ebcabc !important; background:none !important; padding:0 !important; height:18px !important; }
.cn-creator{ color:#ebcabc !important; font-weight:700; }
.adm-badge.creator{ background:rgba(236,72,153,.16); color:#ebcabc; border:1px solid rgba(236,72,153,.4); }
.adm-btn.adm-creator{ border-color:rgba(236,72,153,.4); color:#ebcabc; }
.adm-btn.adm-creator:hover{ background:rgba(236,72,153,.14); }
.adm-btn.adm-api{ border-color:rgba(45,212,191,.4); color:#5eead4; }
.adm-btn.adm-api:hover{ background:rgba(45,212,191,.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(219, 100, 63,.14), rgba(219, 100, 63,.06));
border:1px solid rgba(219, 100, 63,.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:#fca5a5;
}
.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:1em; height:1em; vertical-align:-0.14em; margin-right:.30em;
background:url('/assets/dollar.svg?v=rn1') center/contain no-repeat;
flex:0 0 auto; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4));
transform:scale(1.02);
}
.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(206, 66, 43,.08); border:1px solid rgba(206, 66, 43,.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,#df7656); }
.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,#f0beaf,#e0674a 60%,#ce422b);
-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.bet-amt #leftBet, .bet-amt #rightBet{ -webkit-text-fill-color:#df7656; color:#df7656; }
.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, #170e0a, #180f0b);
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:#1a0b06; 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(206, 66, 43,.10) !important;
box-shadow: 0 10px 24px rgba(206, 66, 43,.20);
}
.nav a:hover .nav-ico{ transform: translateY(-2px) scale(1.22) rotate(-6deg); filter: drop-shadow(0 4px 10px rgba(206, 66, 43,.55)); }
.nav a:hover::after{ transform: scaleX(1); }
.nav a.active{
color:#fff !important;
background: linear-gradient(180deg, rgba(206, 66, 43,.30), rgba(206, 66, 43,.16)) !important;
border-color: var(--vio-line) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(206, 66, 43,.28);
}
.nav a.active .nav-ico{ filter: drop-shadow(0 3px 8px rgba(206, 66, 43,.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,#2b1d17,#1f1612);
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:#1f1713; 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,#e0674a,#da613c); color:#1f0c06; 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(206, 66, 43,.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(206, 66, 43,.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:#1f1713; 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:#1c0d08; background:linear-gradient(135deg, #e58f75, #db6440); 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,#261b16,#1f1612); 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(206, 66, 43,.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,#402f27,#302019); 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:#160f0c;
padding:1px 6px; border-radius:6px; line-height:1.5; min-width:20px; text-align:center;
}
.chat-lvl.lv-base{ background:#72625b; color:#eee4df; }
.chat-lvl.lv-teal{ background:linear-gradient(135deg,#2dd4bf,#22a99a); }
.chat-lvl.lv-amber{ background:linear-gradient(135deg,#e0674a,#ce422b); }
.chat-lvl.lv-gold{ background:linear-gradient(135deg,#e0674a,#ce422b); }
.chat-lvl.lv-violet{ background:linear-gradient(135deg,#d75539,#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:#e2b19c !important; }
.chat-name.cn-creator{ color:#ebcabc !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,#3a1b12,#24110b); }
.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(206, 66, 43,.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(206, 66, 43,.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(60, 23, 12,.95), rgba(36, 18, 12,.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:#f1c4b6; }
.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:#e9b7a8; position:relative; }
.chat-rain-meta b{ color:#fff; }
.chat-rain-timer b{ font-family:var(--fm); }
.chat-rain-usd{ margin-left:auto; color:#c8988a; }
.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:#220d06; background:linear-gradient(135deg,#ec8b76,#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:#f1c4b6;
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:#220d06; background:linear-gradient(135deg,#ec8b76,#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(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.22) !important;
background:rgba(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.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:#eee4df !important; background:#72625b !important; }
.chat-msg-head .chat-lvl.lv-teal{ color:#160f0c !important; background:linear-gradient(135deg,#2dd4bf,#22a99a) !important; }
.chat-msg-head .chat-lvl.lv-amber{ color:#160f0c !important; background:linear-gradient(135deg,#e0674a,#ce422b) !important; }
.chat-msg-head .chat-lvl.lv-gold{ color:#160f0c !important; background:linear-gradient(135deg,#e0674a,#ce422b) !important; }
.chat-msg-head .chat-lvl.lv-violet{ color:#ffffff !important; background:linear-gradient(135deg,#d75539,#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:#281b16 !important; color:#f2e9e4 !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:#2e201a !important; color:#f2e9e4 !important;
padding:8px 10px;
}
select option:checked, .modal-select option:checked, select option[selected], .modal-select option[selected]{
background-color:#ce422b !important; color:#1a0b06 !important;
}
select option:hover, .modal-select option:hover{
background-color:#50352a !important; color:#ffffff !important;
}
@-moz-document url-prefix(){
select option{ background-color:#2e201a; color:#f2e9e4; }
}
.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,#3a2a23,#281c17);
}
.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:#ef4444; box-shadow:0 0 14px rgba(239,68,68,.35); }
.cf-side-avatar.cf-side-blue{ border-color:#ce422b; box-shadow:0 0 14px rgba(206, 66, 43,.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(206, 66, 43,.22); background:rgba(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.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,#2a1d18,#1f1713); display:flex; flex-direction:column;
text-decoration:none; min-height:280px;
}
.hm-game-badge.live{ color:#fff; background:linear-gradient(135deg,#ef4444,#b91c1c); box-shadow:0 0 0 3px rgba(239,68,68,.18); animation:badgePulse 2s ease-in-out infinite; }
.hm-game-badge.hot{ color:#220d06; background:linear-gradient(135deg,#e0674a,#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(206, 66, 43,.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(206, 66, 43,.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,#e0674a) !important; box-shadow:0 0 12px rgba(206, 66, 43,.45) !important; }
.player-panel.low-hp .health-track{ border-color:rgba(239,68,68,.5) !important; }
.player-panel{
background:linear-gradient(180deg, rgba(206, 66, 43,.05), rgba(255,255,255,.012)) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.left-panel{ border-color:rgba(206, 66, 43,.3) !important; }
.left-panel::before{ background:linear-gradient(90deg,transparent,rgba(206, 66, 43,.6),transparent) !important; }
.player-panel:hover{ border-color:rgba(206, 66, 43,.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(206, 66, 43,.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(206, 66, 43,.32) !important;
}
.btn-primary:hover, #joinBtn:hover:not(:disabled), .cf-create-btn:hover{
filter:brightness(1.06); box-shadow:0 12px 30px rgba(206, 66, 43,.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(206, 66, 43,.4), 0 10px 26px rgba(206, 66, 43,.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(206, 66, 43,.5) transparent; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:#18110e; }
::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#ce422b,#8a371e); border-radius:8px; border:2px solid #18110e; }
::-webkit-scrollbar-thumb:hover{ background:linear-gradient(180deg,#d75539,#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(150,165,195,.04), transparent 55%),
#120c0a !important;
}
.topbar{ background:rgba(8,9,15,.86) !important; border-bottom:1px solid rgba(255,255,255,.05) !important; }
.topstrip{ background:linear-gradient(180deg,#0e0a08,#110c0a) !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,#1f1916,#191310) !important;
border-color:rgba(255,255,255,.06) !important;
}
.chat-drawer{ background:linear-gradient(180deg,#110c0a,#0c0806) !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:#110c0a !important; border-bottom:1px solid rgba(255,255,255,.05); }
.chat-form{ background:#110c0a !important; border-top:1px solid rgba(255,255,255,.05); }
.chat-form input{ background:#1f1714 !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,#e0674a,#ce422b) !important;
color:#200c06 !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,#e0674a,#ce422b) !important; color:#200c06 !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,#c96e47,#db9f85) !important; box-shadow:0 0 12px rgba(34,211,238,.42) !important; }
.health-track{ border-color:rgba(34,211,238,.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,#c96e47,#90492a) !important; color:#24120b !important; }
.brand-icon, .brand-icon-rust{ box-shadow:0 6px 18px rgba(206, 66, 43,.28) !important; }
.chat-toggle{ background:linear-gradient(145deg,#e0674a,#ce422b) !important; box-shadow:6px 0 18px rgba(206, 66, 43,.4) !important; }
.level-badge, .hm-promo-lvl-badge{ background:linear-gradient(145deg,#e0674a,#ce422b) !important; color:#200c06 !important; box-shadow:0 8px 20px rgba(206, 66, 43,.4) !important; }
.level-fill, .hm-promo-lvl-bar span{ background:linear-gradient(90deg,#ce422b,#e0674a) !important; box-shadow:0 0 12px rgba(206, 66, 43,.5) !important; }
.eyebrow, .hm-promo-eyebrow, .hm-game-go, .seat-badge b{ color:#e0674a !important; }
.hm-promo-eyebrow.gold{ color:#e0674a !important; }
.topstrip-free{
background:linear-gradient(135deg,#e0674a,#ce422b) !important;
color:#220d06 !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(206, 66, 43,.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,#1c1512); border:1px solid var(--ln,rgba(206, 66, 43,.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,#f5ebe7); }
.adm-set input[type=number], .adm-set input[type=text], .adm-set input[type=password], .adm-set input:not([type]){
background:#160f0c; border:1px solid var(--ln,rgba(206, 66, 43,.22)); color:#f9f1ee;
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,#c9ac9f); 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(206, 66, 43,.22)); font-weight:800; color:#e0674a; letter-spacing:.02em; }
.admin-tool-hint code{ background:#160f0c; border:1px solid var(--ln,rgba(206, 66, 43,.22)); padding:2px 6px; border-radius:6px; color:#e0674a; 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(203, 77, 39,.9)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
.cf-coin-wrap.landed-blue{ filter: drop-shadow(0 0 30px rgba(206, 66, 43,.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:#e0674a !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(206, 66, 43,.16)); padding-bottom:12px; }
.adm-tab{
font-family:var(--fu); font-weight:700; font-size:13px; letter-spacing:.01em;
color:var(--t2,#c3b5ac); background:rgba(255,255,255,.04); border:1px solid var(--rust-ln,rgba(206, 66, 43,.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:#1a0b06; 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(206, 66, 43,.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(206, 66, 43,.2)); border-radius:8px; background:rgba(0,0,0,.4); color:var(--t1,#f9f1ee); padding:0 9px; font-size:13px; }
.adm-race-total{ font-family:var(--fu); font-weight:700; font-size:14px; color:var(--t1,#f9f1ee); 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, .hm-game:hover .hm-ico-case, .hm-game:hover .hm-ico-casebattle{
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(48,62,98,.7), rgba(12,16,28,.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, #36221a, #261812);
border:1px solid rgba(206, 66, 43,.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:#36221a; border-left:1px solid rgba(206, 66, 43,.2); border-top:1px solid rgba(206, 66, 43,.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(206, 66, 43,.16);
background:linear-gradient(170deg, rgba(26,34,56,.6), rgba(12,16,26,.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(124,77,178,.4), transparent 72%), linear-gradient(160deg, rgba(58,38,92,.6), rgba(12,16,28,.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(96, 36, 18,.55), rgba(12,16,28,.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(12,16,28,.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:#ef4444; }
.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(40,52,82,.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:#ebcabc !important; }
.chat-message p{ color:#b8a9a2 !important; }
.chat-message-system p, .chat-message-system .chat-body p, .chat-message-system .chat-name{ color:#ffffff !important; }
.chat-name.cn-admin{ color:#fca5a5 !important; }
.chat-name.cn-mod{ color:#e1ae98 !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(206, 66, 43,.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:#fca5a5; 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,#e0674a); }
.adm-mute-reason{ color:var(--t1,#f2e9e4); flex:1 1 200px; }
.adm-mute-reason em{ color:var(--t3,#8a7b74); }
.adm-mute-by,.adm-mute-until{ color:var(--t2,#b8a9a2); 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(206, 66, 43,.16); border-radius:18px;
background:linear-gradient(170deg, rgba(26,34,56,.6), rgba(12,16,26,.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,#e0674a); 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,#e6d4cd); -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(56,140,248,.5), 0 14px 34px rgba(56,140,248,.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(124,77,178,.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(40,52,82,.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(176, 138, 120,.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:#1a0b06 !important; box-shadow:0 4px 14px rgba(206, 66, 43,.4); }
.lb-rank-badge.rank-2{ background:linear-gradient(145deg,#e1d2cb,#b89f94) !important; color:#1a0b06 !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(56,189,248,.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(6,7,14,.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,#e0674a), 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(20,26,42,.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:#e0674a !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,#e0674a); }
.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(176, 138, 120,.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,#e0674a); 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:#fca5a5 !important; animation:tmrBreathFast .7s ease-in-out infinite; }
.timer-section-center .timer-prog.danger{ stroke:#ef4444 !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(12,14,22,.32), rgba(11,13,20,.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:#fca5a5;
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(12,9,28,.20), rgba(6,8,14,.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(203, 77, 39,.9)) drop-shadow(0 10px 24px rgba(0,0,0,.6)); }
}
@keyframes cfWinPulseBlue{
0%{ filter:drop-shadow(0 0 8px rgba(206, 66, 43,.4)); }
35%{ filter:drop-shadow(0 0 58px rgba(206, 66, 43,1)) drop-shadow(0 0 20px rgba(255,255,255,.55)); }
100%{ filter:drop-shadow(0 0 30px rgba(206, 66, 43,.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(215, 85, 57,.32) !important; }
@media (min-width:1100px){
#navGamesMenu{
padding:14px !important; gap:14px !important;
background:linear-gradient(180deg,#40271c,#22150f) !important;
border:1px solid rgba(176, 150, 140,.24) !important;
box-shadow:0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(215, 85, 57,.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(30,40,66,.7), rgba(12,16,26,.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(176, 150, 140,.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(215, 85, 57,.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(206, 66, 43,.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,#d75539); }
.nav-ico-games svg{ width:21px; height:21px; display:block; }
.nav-games-btn:hover .nav-ico-games{ color:var(--gold2,#d75539); }
.nav-games-btn[aria-expanded="true"] .nav-ico-games{ color:var(--gold,#d95c36); }
.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(215, 85, 57,.22); }
@keyframes rrCtaGlow{ 0%,100%{ box-shadow:0 8px 22px rgba(215, 85, 57,.16); } 50%{ box-shadow:0 10px 30px rgba(215, 85, 57,.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(176, 150, 140,.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(215, 85, 57,.55); box-shadow:0 0 0 3px rgba(215, 85, 57,.12); }
.rw-wager{ margin-top:14px; padding:14px 16px; border-radius:14px; background:rgba(206, 66, 43,.06); border:1px solid rgba(176, 150, 140,.16); }
.rw-wager-head{ display:flex; justify-content:space-between; align-items:center; font-size:13px; color:var(--t2,#c5b2aa); 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,#d75539),var(--gold,#d95c36)); transition:width .5s ease; }
.rw-wager-bar span.met{ background:linear-gradient(90deg,#2fb46a,#3ddc84); }
.rw-wager small{ color:var(--t3,#a6928a); 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%, #f1c4b6 24%, #df795a 52%, rgba(255,140,30,.55) 74%, transparent 86%);
filter:drop-shadow(0 0 9px rgba(225, 129, 100,.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(242, 198, 185,.92), transparent 72%),
radial-gradient(ellipse 7% 55% at 50% 50%, rgba(239, 185, 168,.6), transparent 72%);
}
.muzzle-flash.mf-rocket{ width:68px; height:29px;
background:radial-gradient(ellipse at 22% 50%, #ffffff 0%, #f5d4ca 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(150,128,222,.16) 38px 40px), repeating-linear-gradient(90deg, transparent 0 38px, rgba(150,128,222,.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(234, 164, 143,.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(232, 156, 133,0) 0%, rgba(233, 163, 142,.35) 55%, rgba(246, 218, 209,.95) 100%);
filter:drop-shadow(0 0 5px rgba(229, 143, 116,.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(241, 197, 184,.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%,#ebab98 42%,#f97316 100%);
box-shadow:0 0 7px rgba(225, 126, 95,.75);
}
.impact-fx .impact-ring{ border-color:rgba(226, 130, 101,.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(206, 66, 43,.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,#98837a); 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(206, 66, 43,.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:#e0954a; }
.ngm-card-flip .ngm-bolts{ color:#f0912e; }
.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(224, 149, 74,.42) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(224, 149, 74,.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,#a6928a); text-transform:uppercase; letter-spacing:.04em; }
.adm-field-btn{ align-self:flex-end; }
.adm-sub{ font-weight:400; color:var(--t3,#a6928a); font-size:12px; }
.adm-btn-danger{ border-color:rgba(239,68,68,.5) !important; color:#fca5a5 !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:#1b1310; }
.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,#8a7b74); 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,#d75539); }
.rp-pot .coin-ico{ margin-right:0 !important; width:.82em !important; height:.82em !important; filter:drop-shadow(0 2px 6px rgba(222, 115, 83,.55)); align-self:center; }
.rp-pot #rpPot{ background:linear-gradient(180deg,#eeb6a5,#de7353); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#d75539; filter:drop-shadow(0 2px 8px rgba(222, 115, 83,.4)); }
.rp-count{ font-size:24px; font-weight:800; color:#e6d4cd; line-height:1.1; }
.rp-count.rp-danger{ color:#f87171; 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:#e6d3cb; 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:#22140e 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(6,10,18,.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:#f9f0ec; font-size:14px; font-weight:600; line-height:1.45; z-index:4; padding:14px 18px; border-radius:12px;
background:rgba(8,12,20,.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:""; inherits:false; initial-value:50%; }
@property --gcy { syntax:""; inherits:false; initial-value:50%; }
@property --gr { syntax:""; 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,#d75539); object-fit:cover; display:block;
box-shadow:0 3px 10px rgba(0,0,0,.6); background:#1b1310; }
.rp-av-fb{ display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; color:#1b1310; }
.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,#d75539); 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(243, 204, 192,.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:#ec8b76; box-shadow:0 0 18px rgba(227, 136, 108,.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,#d75539); animation:rpWinPulse 1.1s ease-in-out infinite; }
@keyframes rpWinPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(231, 151, 126,.55);} 50%{ box-shadow:0 0 0 16px rgba(231, 151, 126,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(8,10,16,.6), rgba(8,10,16,.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,#d75539); 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,#d75539); font-weight:800; }
.rp-players-line{ margin-top:10px; color:var(--t3,#8a7b74); 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,#46322a,#30211b); color:#e3d4cd; 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:#f6ece7; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rp-en-pct{ color:var(--gold2,#d75539); 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,#d75539,#e0392b); transition:width .5s ease; }
.rp-en-amt{ color:#ccb7ae; 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:#1b1310;
background:var(--gold2,#d75539); 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(120,150,255,.1); border:1px solid rgba(176, 138, 120,.25); border-radius:10px; padding:11px 14px;
display:flex; align-items:center; gap:8px; }
.rp-vf-toggle:hover{ background:rgba(120,150,255,.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,#c6b5ae); }
.rp-side .section-block{ padding:16px; }
.rp-wager-label{ display:block; font-size:12px; color:var(--t3,#8a7b74); 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,#8a7b74); 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:#f4eae6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rp-recent-pct{ flex:0 0 auto; color:#e4d5cf; font-weight:800; font-size:12px; }
.rp-recent-amt{ color:var(--gold2,#d75539); font-weight:700; margin-left:auto; }
.rp-recent-pot{ color:var(--t3,#8a7b74); font-size:11px; }
.rp-watch{ margin-left:6px; padding:4px 10px; border-radius:8px; cursor:pointer; font-size:12px; font-weight:700;
color:#1b1310; background:linear-gradient(180deg,#ec8b76,#d75539); 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:#f4e2da; background:rgba(255,255,255,.05); border:1px solid rgba(176, 138, 120,.35); transition:background .15s, border-color .15s; white-space:nowrap; }
.rp-verify-btn:hover{ background:rgba(120,150,255,.16); border-color:rgba(176, 138, 120,.6); }
.rp-verify{ margin-top:12px; padding:14px 14px 12px; border-radius:12px; border:1px solid rgba(176, 138, 120,.22);
background:linear-gradient(180deg, rgba(20,26,40,.6), rgba(12,16,28,.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,#bda49a); 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:#e3d4cd; 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,#bda49a); line-height:1.5; margin:0 0 10px; }
.rp-vf-note code{ background:rgba(120,150,255,.12); padding:1px 5px; border-radius:5px; font-size:11px; color:#f4e2da; }
.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,#8a7b74); }
.rp-vf-kv code{ flex:1; word-break:break-all; color:#f4e2db; 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,#8a7b74); 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:#e3d4cd; }
.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:#ead6cd;
background:rgba(176, 138, 120,.1); border:1px solid rgba(176, 138, 120,.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:#f2c3b2; }
.bh-watch-stage{ padding:6px 0 2px; }
.bhw-loading{ text-align:center; color:var(--t2,#bda49a); 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,#d75539); }
.bhw-av-fb{ display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#46322a,#30211b); color:#e3d4cd; font-weight:800; font-size:30px; }
.bhw-name{ font-size:15px; font-weight:700; color:#f9f0ec; text-align:center; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bhw-chance{ font-size:12px; color:var(--gold2,#d75539); font-weight:700; }
.bhw-out{ font-size:12px; color:var(--t3,#8a7b74); text-transform:uppercase; letter-spacing:.08em; }
.bhw-mid{ align-self:center; font-family:var(--fd); font-size:18px; font-weight:800; color:var(--t3,#8a7b74); }
.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,#8a7b74); font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.bhw-prize b{ font-size:22px; color:var(--gold2,#d75539); font-weight:900; }
.rp-vf-roll{ font-size:12.5px; color:#e3d4cd; 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,#d75539); }
.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:#efbbab; 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:#ef4444; }
.hm-game-rustpot .hm-game-go{ color:#fca5a5; }
.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,#d75539); 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(215, 85, 57,.12), rgba(215, 85, 57,.03)); border-color:rgba(215, 85, 57,.35) !important; }
.rp-en-leader .rp-en-av{ box-shadow:0 0 0 2px rgba(215, 85, 57,.6), 0 0 12px rgba(215, 85, 57,.35); }
.rp-en-leader .rp-en-pct{ color:#e79982; }
.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(8,11,18,.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,#da9c81),var(--p2,#cb714a)); 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(224, 122, 91,.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(224, 122, 91,.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(227, 136, 108,.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(222, 115, 83,.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(222, 115, 83,0)); } 50%{ filter: drop-shadow(0 0 9px rgba(222, 115, 83,.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,#e0674a); 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(222, 115, 83,.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(206, 66, 43,.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(206, 66, 43,.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,#f87171); 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,#efbaaa,#c9492c); }
.lb-row-silver::before{ background:linear-gradient(180deg,#f8f4f2,#bdb0aa); }
.lb-row-bronze::before{ background:linear-gradient(180deg,#e6b07a,#b06d33); }
.lb-row-gold{
background:linear-gradient(110deg,rgba(201, 73, 44,.16),rgba(16,19,30,.97) 60%) !important;
border-color:rgba(201, 73, 44,.55) !important;
box-shadow:0 4px 22px rgba(201, 73, 44,.18), inset 0 1px 0 rgba(238, 183, 167,.12);
}
.lb-row-silver{
background:linear-gradient(110deg,rgba(200,206,218,.12),rgba(16,19,30,.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(16,19,30,.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(201, 73, 44,.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(201, 73, 44,.24),rgba(255,255,255,.04)); filter:drop-shadow(0 0 9px rgba(201, 73, 44,.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(243, 204, 192,.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,#d75539); 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,#d75539); background:#1b1310; 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,#d75539); }
.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,#d75539); 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(206, 66, 43,.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:#b8a9a2; margin-top:4px; text-transform:uppercase; letter-spacing:.07em; }
.profile-stat-wager .profile-stat-val{ color:var(--gold2,#d75539); }
.profile-stat-win .profile-stat-val{ color:#34d399; }
.profile-stat-loss .profile-stat-val{ color:#f87171; }
.profile-msg{ min-height:18px; margin-top:12px; font-size:13px; color:#b8a9a2; text-align:center; }
.profile-msg.err{ color:#f87171; }
.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(206, 66, 43,.16); border-radius:12px; overflow:hidden; }
.profile-tip-head{ padding:10px 11px 8px; border-bottom:1px solid rgba(206, 66, 43,.12); display:flex; flex-direction:column; gap:2px; }
.profile-tip-head span{ color:#f7f3f1; font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.055em; }
.profile-tip-head small{ color:#98867f; 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(206, 66, 43,.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:#1b1310; border:1px solid rgba(222, 116, 84,.35); display:flex; align-items:center; justify-content:center; color:var(--gold2,#d75539); 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:#f5ede9; font-size:12px; }
.profile-tip-who small{ color:#907e77; font-size:10px; }
.profile-tip-amt{ white-space:nowrap; color:var(--gold2,#d75539); font-size:12px; font-weight:850; display:inline-flex; align-items:center; gap:3px; }
.profile-tip-empty{ padding:18px 10px; color:#8d7a72; 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(176, 138, 120,.11) 0 1px, transparent 1px 30px),
repeating-linear-gradient(0deg, rgba(176, 138, 120,.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:#e6d9d3 !important; }
.cf-side-btn.active.cf-side-blue{
border-color:rgba(176, 150, 140,.6) !important;
background:rgba(38,42,50,.55) !important;
box-shadow:0 0 0 1px rgba(176, 150, 140,.4), 0 10px 26px rgba(0,0,0,.45) !important;
animation:none !important;
}
.cf-side-avatar.cf-side-blue{ border-color:#b6a29a !important; box-shadow:0 0 14px rgba(176, 150, 140,.32) !important; }
.cf-mini-coin.blue{
background:linear-gradient(135deg,#120f0e,#342e2b) !important; color:#e6d9d3 !important;
border:1px solid rgba(176, 150, 140,.4) !important; box-shadow:0 0 12px rgba(176, 150, 140,.22) !important;
}
.cf-result-badge.show-blue{ background:rgba(38,42,50,.55) !important; border:1px solid rgba(176, 150, 140,.5) !important; color:#e6d9d3 !important; }
.cf-modal-result.show-blue{
background:linear-gradient(180deg, rgba(34,37,42,.95), rgba(20,21,24,.9)) !important;
color:#f0e7e3 !important; border:1px solid rgba(176, 150, 140,.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:#e6d9d3 !important; }
.cf-winner-blue{ background:rgba(38,42,50,.55) !important; color:#e6d9d3 !important; border:1px solid rgba(176, 150, 140,.4) !important; }
.cf-verify-result.blue{ background:rgba(38,42,50,.45) !important; color:#e6d9d3 !important; border:1px solid rgba(176, 150, 140,.3) !important; }
.cf-legend-item.blue{ color:#e6d9d3 !important; }
.cf-legend-item.blue .cf-legend-dot{ background:#443d3a !important; box-shadow:0 0 8px rgba(176, 150, 140,.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(229, 143, 116,.55)) drop-shadow(0 10px 26px rgba(0,0,0,.6)); }
40%{ filter: drop-shadow(0 0 46px rgba(234, 166, 145,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(232, 156, 133,.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%, #28201d 0%, #1d1715 60%, #181210 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,#72402a 0%,#49291b 55%,#2c1d16 100%) !important;
border: 2px solid #da9b80 !important;
color:#fff !important;
box-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 0 1px rgba(102,192,244,.30), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.steam-btn:hover{
background: linear-gradient(135deg,#894e34 0%,#573121 55%,#35221a 100%) !important;
border-color:#e6bba8 !important;
box-shadow: 0 12px 30px rgba(0,0,0,.5), 0 0 0 3px rgba(102,192,244,.22), 0 0 20px rgba(102,192,244,.40) !important;
}
.steam-btn .steam-ico, .steam-btn svg{ color:#e9c4b5 !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(203, 77, 39,.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:#241e1b; 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:#ddd3cf; }
#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 #16100e; background:#16100e; 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:#f5f0ee; 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:#e38669; font-size:15px; }
.cf-modal-pamt .coin-ico{ width:15px; height:15px; }
.cf-modal-pct{ font-style:normal; font-weight:700; color:#9e918b; 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:#e38669; box-shadow:0 0 0 3px rgba(227, 134, 105,.25),0 6px 18px rgba(0,0,0,.5); }
.cf-modal-player.winner .cf-modal-pname{ color:#e38669; }
.cf-modal-player.loser{ opacity:.5; }
.cf-modal-vs{ align-self:center; margin-top:34px; font-weight:900; color:#80716b; 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,#3a1b12,#241d1a); 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,#e59178,#db6541); color:#1a0a05; 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(219, 101, 65,.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:#f6f0ee !important; -webkit-text-fill-color:#f6f0ee !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:#f6f0ee !important; -webkit-text-fill-color:#f6f0ee !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, #f0beaf, #e0674a 60%, #ce422b);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.qa.qa-max{ color:var(--gold2,#d75539); border-color:rgba(215, 85, 57,.5); font-weight:800; letter-spacing:.03em; }
.qa.qa-max:hover{ background:rgba(215, 85, 57,.14); border-color:rgba(215, 85, 57,.8); }
#cfModalTitle:empty{ display:none; }
body{
background:
radial-gradient(1100px 680px at 80% -14%, rgba(70,90,160,.05), transparent 62%),
#1b1413 !important;
}
.topbar{ background:rgba(20,24,44,.90) !important; border-bottom:1px solid rgba(176, 138, 120,.10) !important; }
.topstrip{ background:linear-gradient(180deg,#301e16,#291a14) !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,#40281e,#312018) !important;
border-color:rgba(176, 138, 120,.10) !important;
}
.chat-drawer{ background:linear-gradient(180deg,#342119,#291a14) !important; border-right:1px solid rgba(176, 138, 120,.10) !important; }
.chat-head{ background:#301f17 !important; border-bottom:1px solid rgba(176, 138, 120,.10) !important; }
.chat-form{ background:#301f17 !important; border-top:1px solid rgba(176, 138, 120,.10) !important; }
.chat-form input{ background:#281c1c !important; border:1px solid rgba(176, 138, 120,.14) !important; }
.chat-messages .chat-message:hover{ background:rgba(255,255,255,.025) !important; }
.hm-game{ background:linear-gradient(180deg,#281c1c,#2c1d16) !important; border-color:rgba(176, 138, 120,.10) !important; }
::-webkit-scrollbar-track{ background:#301f17 !important; }
::-webkit-scrollbar-thumb{ background:#52362a !important; border:2px solid #301f17 !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,#e38669,#c9492c) !important;
border:1px solid rgba(201, 73, 44,.55) !important; color:#311209 !important;
box-shadow:0 8px 22px rgba(201, 73, 44,.28) !important;
}
.hm-btn-steam svg{ color:#311209 !important; }
.hm-btn-steam:hover{ background:linear-gradient(135deg,#e7977e,#de714f) !important; box-shadow:0 12px 30px rgba(201, 73, 44,.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(224, 149, 74,.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,#efbaaa,#c9492c); -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(201, 73, 44,.45)) !important; }
.lb-hero-prize strong span{
display:inline !important; font-size:1em !important; line-height:1 !important;
background:linear-gradient(180deg,#f7ded7 0%,#ec8b76 36%,#c9492c 70%,#d07f1c 100%);
-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
text-shadow:0 2px 30px rgba(201, 73, 44,.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(201, 73, 44,.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(176, 138, 120,.16); }
.adm-gfilter .adm-gchip:hover{ border-color:rgba(201, 73, 44,.5); transform:translateY(-1px); }
.adm-gfilter .adm-gchip.is-on{ background:linear-gradient(135deg,rgba(201, 73, 44,.22),rgba(201, 73, 44,.10)); border-color:rgba(201, 73, 44,.65); color:#ecaf9d; }
.adm-gfilter .adm-gchip.is-on b{ color:#f2c7ba; }
.adm-ghist{ margin-top:12px; border:1px solid rgba(176, 138, 120,.12); border-radius:12px; overflow:hidden; background:rgba(10,13,26,.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,#a89a92); background:rgba(176, 138, 120,.06); border-bottom:1px solid rgba(176, 138, 120,.12); }
.adm-ghist-row{ border-bottom:1px solid rgba(176, 138, 120,.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:#f5e6df; }
.adm-gh-game.gt-cf{ color:#e2b19c; } .adm-gh-game.gt-ch{ color:#ecaf9d; } .adm-gh-game.gt-rp{ color:#ff8a8a; }
.adm-gh-game.gt-qg{ color:#9ad6a0; } .adm-gh-game.gt-rps{ color:#e9c3b2; }
.adm-gh-stake{ display:inline-flex; align-items:center; gap:.25em; font-family:var(--fm,monospace); color:#f8ede9; }
.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,#a89a92); }
.adm-gh-when{ font-family:var(--fm,monospace); font-size:12.5px; color:var(--t3,#a89a92); }
.adm-ghist-empty{ padding:18px 14px; text-align:center; color:var(--t3,#a89a92); font-size:13px; }
.adm-ghist-note{ padding:8px 14px; font-size:11.5px; color:var(--t3,#a89a92); background:rgba(176, 138, 120,.04); border-top:1px solid rgba(176, 138, 120,.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,#d75539);
box-shadow:0 0 0 6px rgba(222, 116, 84,.14), 0 14px 42px rgba(222, 116, 84,.38), 0 0 64px rgba(222, 116, 84,.25);
background:radial-gradient(circle at 50% 35%, #46322a, #261914);
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,#ec8b76,#c9492c); color:#311209;
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(201, 73, 44,.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,#a89a92); }
.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:#ec8b76 !important; -webkit-text-fill-color:#ec8b76 !important;
text-shadow:0 2px 16px rgba(201, 73, 44,.55); filter:drop-shadow(0 4px 16px rgba(201, 73, 44,.3)); }
.rp-ban-amt .coin-amt{ color:#ec8b76 !important; -webkit-text-fill-color:#ec8b76 !important; }
.rp-ban-amt .coin-d{ color:#efbaaa !important; -webkit-text-fill-color:#efbaaa !important; opacity:1 !important; }
.rp-ban-amt .coin-c{ color:#ec8b76 !important; -webkit-text-fill-color:#ec8b76 !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(201, 73, 44,.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(13,16,30,.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(176, 138, 120,.14); background:rgba(255,255,255,.03); color:var(--t2,#cfb8ae);
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(176, 138, 120,.1); border-radius:16px; overflow:hidden; background:rgba(10,13,26,.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,#8a7b74); border-bottom:1px solid rgba(176, 138, 120,.1); }
.lbets-r{ text-align:right; justify-self:end; }
.lbets-row{ border-bottom:1px solid rgba(176, 138, 120,.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:#f0912e; background:rgba(240,145,46,.13);} .g-rps{ color:#e2b19c; background:rgba(127,180,255,.13);}
.g-champ{ color:#e0954a; background:rgba(224, 149, 74,.13);}
.lbets-gn{ font-weight:700; color:#f5e6df; 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,#46322a,#30211b); color:#e3d4cd; font-weight:800; font-size:12px; }
.lbets-un{ color:#f2ece9; 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:#e9c3b2; }
.lbets-amt, .lbets-pay{ display:inline-flex; align-items:center; gap:.25em; justify-content:flex-end; font-family:var(--fm,monospace); }
.lbets-amt{ color:#f8ede9; } .lbets-amt .coin-ico, .lbets-pay .coin-ico{ width:14px; height:14px; }
.lbets-multi{ color:var(--t3,#a89a92); font-weight:800; font-family:var(--fm,monospace); }
.lbets-multi.hot{ color:#34d77b; }
.lbets-pay{ color:var(--t3,#a89a92); opacity:.7; } .lbets-pay.won{ color:#34d77b; opacity:1; }
.lbets-empty{ padding:24px; text-align:center; color:var(--t3,#a89a92); }
@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(176, 138, 120,.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,#cfb8ae); 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,#c9492c,#ce4e27); color:#1a0a05; box-shadow:0 4px 12px rgba(201, 73, 44,.35); }
.lb-hero{ padding:20px 22px !important; gap:18px;
background:linear-gradient(135deg,rgba(206, 66, 43,.05),rgba(12,15,28,.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(118, 45, 22,.5)); }
.lb-race-title span[data-countup]{ font-size:clamp(30px,4.4vw,50px); color:#ec8b76; -webkit-text-fill-color:#ec8b76;
font-weight:900; text-shadow:0 2px 16px rgba(201, 73, 44,.5); letter-spacing:.01em; }
.lb-race-title em{ font-style:normal; font-size:clamp(20px,3vw,34px); color:#faf2ee; 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(40,48,78,.98), rgba(19,24,42,.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,#c9492c,#ce4e27); color:#1a0a05; font-size:10px; font-weight:900;
border:2px solid var(--bg,#1b1413); line-height:1; box-shadow:0 2px 5px rgba(0,0,0,.4); }
.chat-rules{ margin:8px 10px 0; border:1px solid rgba(176, 138, 120,.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:#f5e6df; 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,#a89a92); 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,#cfb8ae); }
.chat-rules li::before{ content:""; position:absolute; left:2px; top:7px; width:5px; height:5px; border-radius:50%; background:#c9492c; }
.adm-race-prize{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:8px 10px;
border:1px solid rgba(176, 138, 120,.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,#a89a92); 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(176, 138, 120,.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,#a89a92); 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(168,85,247,.25),rgba(168,85,247,.12)); border:1px solid rgba(168,85,247,.5); color:#f6e7e1; }
.adm-prize-upload:hover span{ background:rgba(168,85,247,.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(201, 73, 44,.22), rgba(201, 73, 44,.05) 60%, transparent 75%); }
.lb-pod-1 .lb-prize-skin-wrap::before{ background:radial-gradient(60% 60% at 50% 45%, rgba(226, 132, 103,.30), rgba(201, 73, 44,.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,#dd704f,#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,#eba995,#dc6b49); }
.rb-weekly::after{ background:radial-gradient(rgba(206, 66, 43,.24),transparent 70%); }
.rb-weekly .rb-period{ color:#e0674a; }
.rb-monthly{ border-color:rgba(201, 73, 44,.42) !important; }
.rb-monthly::before{ background:linear-gradient(90deg,#ecaf9d,#c9492c); }
.rb-monthly::after{ background:radial-gradient(rgba(226, 132, 103,.30),transparent 70%); }
.rb-monthly .rb-period{ color:#e89e88; }
.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, #ef4444 46%, #8f1717); }
.rf-chip-blue{ background:radial-gradient(circle at 38% 30%, #e2b19c, #ce422b 46%, #834226); }
.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(206, 66, 43,.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(165,142,240,.30) 38px 40px),
repeating-linear-gradient(90deg, transparent 0 38px, rgba(165,142,240,.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(180,160,255,.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(176, 150, 140,.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,#402f27,#30211b) !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(9,8,18,.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(176, 138, 120,.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,#bda49a); 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,#a8897c,#796156) !important; color:#160f0c !important; }
.chat-lvl.lv-teal, .chat-msg-head .chat-lvl.lv-teal{ background:linear-gradient(135deg,#ce7954,#9e502e) !important; color:#24120b !important; }
.chat-lvl.lv-amber, .chat-msg-head .chat-lvl.lv-amber{ background:linear-gradient(135deg,#e0674a,#ce422b) !important; color:#250e07 !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,#da9b80,#cc744e) !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(227, 136, 108,.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, #fbeeea 0%, #ebab98 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(225, 129, 100,.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,#bda49a); 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(8,8,20,.34),rgba(5,5,14,.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(26,16,54,.82),rgba(10,9,26,.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:#1a0b06; background:linear-gradient(135deg,var(--rust,#ce422b),#d35028); 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,#bda49a); 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:#1a0b06; background:var(--rust,#ce422b); padding:2px 7px; border-radius:999px; vertical-align:middle; margin-left:6px; }
.cf-modal-overlay{
background: rgba(7,8,16,.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(34,24,68,.95), rgba(20,16,40,.97)) !important;
}
#cfModal .cf-modal-stage{
background: linear-gradient(180deg, rgba(9,9,22,.42), rgba(6,6,18,.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:#fca5a5; 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:#fca5a5 !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:#16100e; border:1px solid var(--ln); display:grid; place-items:center; font-weight:800; color:#ddd3cf; 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(227, 134, 105,.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(215, 85, 57,.85), 0 0 18px rgba(215, 85, 57,.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:#ecaf9d; 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:#f2c3b2; border-color:rgba(206, 66, 43,.85); }
.chat-tiprain-btn svg{ color:#de7352; }
.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(8,8,20,.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(30,22,58,.98),rgba(18,15,36,.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,#e0674a); 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(227, 134, 105,.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%,#f8f1ee 30%,#f3cbbf 42%,#e18063 50%,#f3cbbf 58%,#e2d0c9 70%,#e2d0c9 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(29,34,51,.96), rgba(21,25,38,.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(234, 164, 142,.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(240, 190, 175,.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(48,38,86,.5), rgba(14,12,28,.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, #412d25, 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(206, 66, 43,.16), transparent 55%), linear-gradient(135deg, rgba(40,52,82,.42), rgba(14,16,28,.86)) !important;
border:1px solid rgba(215, 85, 57,.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(8,8,18,.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(238, 183, 167,.95) 45%, rgba(232, 156, 133,.7), transparent);
box-shadow:0 0 6px rgba(233, 163, 142,.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(250, 235, 230,0) 0%, #f1c2b4 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, .cs-result-card{ background:#281c1c !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:#1b0a05 !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:#1b0a05 !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:#2b1c16; border:1px solid rgba(176, 138, 120,.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:#f2e9e4; 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:#f2c3b2; }
.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,#8a7b74); 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,#2b1e19,#1f1713); 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),#1f1713); }
.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:#210c06; background:linear-gradient(135deg,#ec8b76,#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:#191310; 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:#210c06; background:linear-gradient(135deg,#ec8b76,#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,#16192479,#1d1512); 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:#18120f; 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(176, 138, 120,.10); stroke-width:1; }
.affx-axis{ fill:var(--t3); font-size:10px; font-family:var(--fm); }
.affx-dot{ fill:#e9a28d; stroke:#160f0e; 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(176, 138, 120,.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:#332722; }
.affx-av-fb{ display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:12px; color:#210c06; background:linear-gradient(135deg,#ec8b76,#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(176, 138, 120,.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:#1f1713; 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,#ec8b76,#ce422b); color:#210c06; 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:#191310; 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:#18120f; 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:#fca5a5 !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,#2b1e19,#1f1713); 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),#1f1713); }
.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:#210c06; background:linear-gradient(135deg,#ec8b76,#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(176, 138, 120,.12); overflow:hidden; }
.afflv-bar span{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#ce422b,#e0674a); 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,#d75539); 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,#d75539); 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:#120e0c; text-transform:uppercase;
background:linear-gradient(145deg, var(--gold2,#e0674a), 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:#e6bba8; background:linear-gradient(180deg, rgba(80,160,255,.18), rgba(80,160,255,.05));
padding:2px 8px 2px 5px; border-radius:7px; border:1px solid rgba(120,180,255,.38); line-height:1; vertical-align:middle; }
.chat-rain-tag .crt-txt{ text-shadow:0 1px 4px rgba(40,110,210,.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,#f5e5de,#da9a7f); 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:#120e0c; background:linear-gradient(145deg,var(--gold2,#e0674a),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:#120e0c; background:linear-gradient(145deg,var(--gold2,#e0674a),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,#e0674a); }
.rev-forfeit{ border-color:rgba(168,111,228,.38); background:linear-gradient(180deg, rgba(168,111,228,.10), rgba(168,111,228,.02)); }
.rev-forfeit .rev-card-num{ color:#e5b9a7; }
.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,#e0674a); 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,#decac2); 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,#ccb7ae); background:linear-gradient(180deg,var(--rust-card2,#33241d),var(--rust-card,#261a15));
border:1px solid var(--rust-ln,rgba(176, 138, 120,.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:#1c0d08; background:linear-gradient(135deg,#e58f75,#db6440); border-color:transparent; box-shadow:0 6px 16px rgba(206, 66, 43,.28); }
.legal-doc{ line-height:1.7; color:var(--t2,#dccac2); 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:#e58f75; text-decoration:none; border-bottom:1px solid rgba(229, 143, 117,.35); }
.legal-doc a:hover{ border-bottom-color:#e58f75; }
.legal-updated{ font-size:12px; color:var(--t3,#8a7b74); 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(176, 138, 120,.25);
background:rgba(176, 138, 120,.1); color:#ead6cd; 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:#f2c3b2; }
.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:#e58f75; text-decoration:none; font-weight:700; border-bottom:1px solid rgba(229, 143, 117,.4); }
.wr-scan-link:hover{ color:#f2c3b2; }
.adm-wreq-acct{ font-size:12px; color:var(--t2,#ccb7ae); 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(176, 138, 120,.28); background:rgba(176, 138, 120,.1); color:#ead6cd; 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:#f2c3b2; }
.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,#e0674a); font-weight:800; font-size:13px; }
.rp-recent-wonskin{ display:inline-flex; align-items:center; gap:5px; color:var(--gold2,#e0674a); 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:#e58f75; font-weight:800; font-size:12px; }
.affx-td-lvl, .affx-td-games{ text-align:center; color:var(--t1,#f8ede9); 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:#a7938b; font-size:12px; padding:4px 2px; }
.cgc-thumb{ width:46px; height:46px; flex:0 0 46px; border-radius:9px; object-fit:cover;
background:#1f1511; 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(20,24,38,.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:#e58f75; }
.cgc-win{ font-size:12px; color:#e0cec7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cgc-win b{ color:#faf2ef; }
.cgc-pot{ display:inline-flex; align-items:center; gap:3px; font-size:13px; font-weight:800; color:#f1c2b4;
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:#ead6cd; background:rgba(176, 138, 120,.1); border:1px solid rgba(176, 138, 120,.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:#f2c3b2; }
.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:#46332b; color:#f7ece8; 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 #1d1511;
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,#3a2f2a,#211916); 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(8,10,18,.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 #e38669) 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(10,13,26,.42); border:1px solid rgba(176, 138, 120,.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:#cbb7ae; 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:#a7938b; 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:#f1c2b4; }
.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:#e07b5c; }
#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:#a69892 !important; -webkit-text-fill-color:#a69892 !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:#cbb7ae; 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:#ef4444; }
.rr-toast-win .rr-toast-ico{ color:#e0674a; }
.bhw-crown{ color:#e0674a; }
.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%, #6c5f5a 0%, #473e3a 58%, #2e2724 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:#d6c8c2;
text-shadow:0 3px 10px rgba(0,0,0,.7); z-index:6; pointer-events:none;
}
.cf-outcome-waiting{ color:#b8a39a !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:#e58f75;
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(238, 183, 167,.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(229, 146, 121,.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; } }
.cs-header{ text-align:center; margin:6px 0 22px; }
.cs-header .eyebrow svg{ width:14px; height:14px; vertical-align:-2px; margin-right:5px; }
.cs-sub{ max-width:640px; margin:8px auto 0; color:var(--t2); font-size:13.5px; line-height:1.55; }
.cs-sub a{ color:var(--accent2); }
.cs-tiers{ display:flex; flex-direction:column; gap:30px; }
.cs-tier-head{ display:flex; align-items:baseline; gap:12px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--ln); }
.cs-tier-head h2{ font-family:var(--fd,inherit); font-size:22px; letter-spacing:.04em; color:var(--t1); }
.cs-tier-head span{ color:var(--t2); font-size:12.5px; }
.cs-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:16px; }
.cs-card{ position:relative; overflow:hidden; cursor:pointer; text-align:center; border:1px solid var(--ln);
border-radius:16px; padding:18px 14px 16px; background:linear-gradient(180deg,var(--card2),var(--card));
transition:transform .22s cubic-bezier(.34,1.3,.64,1), box-shadow .3s, border-color .25s; display:flex; flex-direction:column; align-items:center; gap:10px; }
.cs-card:hover{ transform:translateY(-5px); border-color:color-mix(in srgb, var(--ac) 55%, var(--ln)); box-shadow:0 18px 44px rgba(0,0,0,.45), 0 0 34px -8px var(--ac); }
.cs-card-glow{ position:absolute; inset:-40% 0 auto 0; height:150px; background:radial-gradient(60% 100% at 50% 0%, color-mix(in srgb, var(--ac) 45%, transparent), transparent 72%); opacity:.55; pointer-events:none; }
.cs-card-tierbadge{ position:absolute; top:10px; left:10px; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:var(--ac); background:color-mix(in srgb, var(--ac) 16%, transparent); border:1px solid color-mix(in srgb, var(--ac) 35%, transparent); border-radius:6px; padding:2px 6px; }
.cs-card-art{ position:relative; width:100%; height:96px; display:flex; align-items:center; justify-content:center; margin-top:6px; }
.cs-card-name{ font-weight:800; font-size:14.5px; color:var(--t1); letter-spacing:.01em; }
.cs-card-price{ display:inline-flex; align-items:center; gap:5px; font-weight:800; color:var(--gold2,#e0674a); font-size:14px; }
.cs-card-price .coin-ico{ width:14px; height:14px; }
.cs-card-open{ margin-top:2px; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#160e0b;
background:linear-gradient(180deg, color-mix(in srgb, var(--ac) 88%, #fff 8%), var(--ac)); border-radius:9px; padding:7px 20px; box-shadow:0 4px 14px -4px var(--ac); transition:filter .2s, transform .15s; }
.cs-card:hover .cs-card-open{ filter:brightness(1.08); }
.cs-crate{ position:relative; width:82px; height:76px; transform:rotateX(8deg); }
.cs-crate-body{ position:absolute; inset:14px 0 0 0; border-radius:9px; background:linear-gradient(160deg, color-mix(in srgb, var(--ac) 30%, #2e201a), #1f1612); border:1.5px solid color-mix(in srgb, var(--ac) 40%, #000); box-shadow:inset 0 -10px 18px rgba(0,0,0,.5); }
.cs-crate-lid{ position:absolute; top:0; left:-4px; right:-4px; height:22px; border-radius:8px; background:linear-gradient(180deg, color-mix(in srgb, var(--ac) 55%, #40312a), color-mix(in srgb, var(--ac) 20%, #281c17)); border:1.5px solid color-mix(in srgb, var(--ac) 50%, #000); box-shadow:0 4px 12px rgba(0,0,0,.5); }
.cs-crate-stripe{ position:absolute; left:50%; top:16px; width:14px; height:60px; transform:translateX(-50%); background:linear-gradient(180deg, color-mix(in srgb, var(--ac) 70%, #fff 10%), color-mix(in srgb, var(--ac) 40%, #000)); border-radius:3px; opacity:.85; box-shadow:0 0 10px -2px var(--ac); }
.cs-crate-shine{ position:absolute; inset:14px 0 0 0; border-radius:9px; background:linear-gradient(115deg, rgba(255,255,255,.22), transparent 45%); pointer-events:none; }
.cs-card:hover .cs-crate{ animation:csCrateBob 1.6s ease-in-out infinite; }
@keyframes csCrateBob{ 0%,100%{ transform:rotateX(8deg) translateY(0);} 50%{ transform:rotateX(8deg) translateY(-4px);} }
.r-grey{ --rc:#a89a92; } .r-blue{ --rc:#ce7b57; } .r-purple{ --rc:#d28463; }
.r-pink{ --rc:#d65f9a; } .r-red{ --rc:#e0503f; } .r-gold{ --rc:#d75539; }
.cs-modal{ position:fixed; inset:0; z-index:1200; display:none; }
.cs-modal.open{ display:block; }
.cs-modal-overlay{ position:absolute; inset:0; background:rgba(4,6,11,.72); backdrop-filter:blur(4px); }
.cs-modal-card{ position:relative; z-index:2; width:min(920px,94vw); max-height:92vh; overflow:auto; margin:4vh auto 0;
background:linear-gradient(180deg,var(--card2),var(--card)); border:1px solid color-mix(in srgb, var(--ac,#e0663f) 40%, var(--ln)); border-radius:20px; padding:22px;
box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 60px -20px var(--ac,#e0663f); }
.cs-modal-close{ position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:9px; border:1px solid var(--ln); background:rgba(0,0,0,.3); color:var(--t2); font-size:15px; cursor:pointer; z-index:5; }
.cs-modal-close:hover{ color:var(--t1); border-color:var(--rust3,#e0663f); }
.cs-modal-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.cs-modal-title{ display:flex; align-items:center; gap:12px; }
.cs-modal-crate{ width:34px; height:34px; border-radius:8px; background:linear-gradient(160deg, color-mix(in srgb, var(--ac,#e0663f) 55%, #2e201a), #1f1612); border:1.5px solid color-mix(in srgb, var(--ac,#e0663f) 45%, #000); box-shadow:0 0 14px -4px var(--ac,#e0663f); }
.cs-modal-title h3{ font-size:20px; font-family:var(--fd,inherit); letter-spacing:.03em; color:var(--t1); }
.cs-modal-price{ display:inline-flex; align-items:center; gap:5px; font-weight:800; color:var(--gold2,#e0674a); font-size:13.5px; }
.cs-modal-controls{ display:flex; align-items:center; gap:12px; }
.cs-count{ display:inline-flex; gap:4px; background:rgba(0,0,0,.28); border:1px solid var(--ln); border-radius:10px; padding:4px; }
.cs-count-btn{ width:34px; height:32px; border-radius:7px; border:none; background:transparent; color:var(--t2); font-weight:800; cursor:pointer; transition:.15s; }
.cs-count-btn:hover{ color:var(--t1); }
.cs-count-btn.active{ background:linear-gradient(180deg, color-mix(in srgb, var(--ac,#e0663f) 88%, #fff 8%), var(--ac,#e0663f)); color:#160e0b; box-shadow:0 3px 10px -3px var(--ac,#e0663f); }
.cs-toggle{ display:inline-flex; align-items:center; gap:6px; color:var(--t2); font-size:12.5px; font-weight:700; cursor:pointer; user-select:none; }
.cs-toggle input{ accent-color:var(--ac,#e0663f); width:15px; height:15px; }
.cs-reels{ display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
.cs-reel{ position:relative; overflow:hidden; height:118px; border-radius:12px; border:1px solid var(--ln); background:linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,.16)); }
.cs-reel-loading{ display:flex; align-items:center; justify-content:center; color:var(--t2); font-size:13px; }
.cs-reel-marker{ position:absolute; left:50%; top:0; bottom:0; width:2px; transform:translateX(-50%); background:linear-gradient(180deg, transparent, var(--rust3,#e0663f), transparent); box-shadow:0 0 12px 2px color-mix(in srgb, var(--rust3,#e0663f) 60%, transparent); z-index:4; }
.cs-reel-marker::before,.cs-reel-marker::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); border:6px solid transparent; }
.cs-reel-marker::before{ top:-1px; border-top-color:var(--rust3,#e0663f); }
.cs-reel-marker::after{ bottom:-1px; border-bottom-color:var(--rust3,#e0663f); }
.cs-strip{ display:flex; height:100%; will-change:transform; }
.cs-cell{ flex:0 0 96px; width:96px; height:100%; padding:8px 6px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; border-right:1px solid rgba(255,255,255,.03); position:relative; }
.cs-cell::after{ content:''; position:absolute; inset:6px; border-radius:9px; border:1px solid color-mix(in srgb, var(--rc,#a89a92) 40%, transparent); background:linear-gradient(180deg, color-mix(in srgb, var(--rc,#a89a92) 14%, transparent), transparent 70%); pointer-events:none; }
.cs-cell-img{ width:52px; height:52px; display:flex; align-items:center; justify-content:center; position:relative; z-index:1; }
.cs-cell-img img{ max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.cs-cell-ph{ font-weight:800; color:#f8f1ee; font-size:17px; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:9px; text-transform:uppercase;
background:linear-gradient(158deg, color-mix(in srgb, var(--rc,#a89a92) 42%, #30211a), #1c130f);
border:1px solid color-mix(in srgb, var(--rc,#a89a92) 45%, transparent);
box-shadow:0 0 12px -3px var(--rc,#a89a92), inset 0 1px 0 rgba(255,255,255,.1); }
.cs-cnt-img .cs-cell-ph{ width:34px; height:34px; font-size:14px; border-radius:8px; }
.cs-cell-name{ font-size:9px; color:var(--t2); max-width:88px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:1; }
.cs-cell-val{ font-size:9.5px; font-weight:800; color:var(--rc,#a89a92); display:inline-flex; align-items:center; gap:2px; z-index:1; }
.cs-cell-val .coin-ico{ width:9px; height:9px; }
.cs-reel.landed .cs-cell.is-win::after{ border-color:var(--rc); box-shadow:0 0 18px -2px var(--rc); animation:csWinPulse 1s ease-in-out infinite alternate; }
@keyframes csWinPulse{ from{ opacity:.7; } to{ opacity:1; } }
.cs-actions{ display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap; }
.cs-open-btn{ min-width:180px; }
.cs-open-btn .coin-ico{ width:14px; height:14px; }
.cs-demo-btn{ }
.cs-result{ margin-top:16px; border-top:1px solid var(--ln); padding-top:14px; text-align:center; }
.cs-res-head{ font-size:15px; color:var(--t1); margin-bottom:10px; }
.cs-res-head b{ color:var(--gold2,#e0674a); }
.cs-res-net.pos{ color:#4ade80; font-weight:800; } .cs-res-net.neg{ color:#f87171; font-weight:800; }
.cs-res-demo{ color:var(--t2); font-size:12px; font-weight:600; }
.cs-res-items{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.cs-res-items .cs-cell{ flex:0 0 108px; width:108px; height:126px; border-radius:12px; border:1px solid color-mix(in srgb, var(--rc,#a89a92) 40%, var(--ln)); background:linear-gradient(180deg, color-mix(in srgb, var(--rc,#a89a92) 12%, var(--card2)), var(--card)); }
.cs-contents{ margin-top:18px; border-top:1px solid var(--ln); padding-top:14px; }
.cs-contents-head{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--t2); font-weight:800; margin-bottom:10px; }
.cs-contents-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:8px; }
.cs-cnt{ display:flex; align-items:center; gap:10px; padding:8px; border-radius:10px; border:1px solid var(--ln); background:rgba(0,0,0,.2); border-left:3px solid var(--rc,#a89a92); }
.cs-cnt-img{ width:38px; height:38px; flex:none; display:flex; align-items:center; justify-content:center; }
.cs-cnt-img img{ max-width:100%; max-height:100%; object-fit:contain; }
.cs-cnt-meta{ flex:1; min-width:0; display:flex; flex-direction:column; }
.cs-cnt-meta b{ font-size:12px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cs-cnt-meta span{ font-size:11px; color:var(--gold2,#e0674a); display:inline-flex; align-items:center; gap:3px; }
.cs-cnt-meta span .coin-ico{ width:10px; height:10px; }
.cs-cnt-odds{ font-size:12px; font-weight:800; color:var(--rc,#a89a92); }
@media (max-width:600px){ .cs-modal-card{ padding:16px; } .cs-modal-head{ gap:10px; } .cs-cell{ flex-basis:80px; width:80px; } }
.cs-open-page{ max-width:920px; margin:0 auto; }
.cs-back{ display:inline-flex; align-items:center; gap:6px; color:var(--t2); font-weight:700; font-size:13px; margin-bottom:14px; transition:color .15s; }
.cs-back:hover{ color:var(--ac,#e0663f); }
.cs-back span{ font-size:18px; line-height:1; }
.cs-open-panel{ background:linear-gradient(180deg,var(--card2),var(--card)); border:1px solid color-mix(in srgb, var(--ac,#e0663f) 40%, var(--ln)); border-radius:20px; padding:22px;
box-shadow:0 24px 64px rgba(0,0,0,.5), 0 0 60px -24px var(--ac,#e0663f); }
.cs-card-art{ perspective:520px; }
.cs-card-skin{ position:absolute; left:50%; top:44%; transform:translate(-50%,-50%); width:78px; height:78px; display:flex; align-items:center; justify-content:center; z-index:3; pointer-events:none;
filter:drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 0 16px color-mix(in srgb, var(--ac) 45%, transparent)); transition:transform .25s cubic-bezier(.34,1.3,.64,1); }
.cs-card-skin img{ max-width:100%; max-height:100%; object-fit:contain; }
.cs-card:hover .cs-card-skin{ transform:translate(-50%,-58%) scale(1.08); }
.cs-crate{ transform-style:preserve-3d; }
.cs-crate-back{ position:absolute; inset:10px 8px 4px 8px; border-radius:9px; background:linear-gradient(160deg, #17100d, #0c0705); border:1px solid rgba(0,0,0,.6); }
.cs-res-item{ display:flex; flex-direction:column; align-items:center; gap:6px; }
.cs-sell{ font-size:11px; font-weight:800; letter-spacing:.02em; border-radius:8px; padding:6px 12px; border:1px solid; display:inline-flex; align-items:center; gap:4px; }
.cs-sell .coin-ico{ width:11px; height:11px; }
.cs-sell.sold{ color:#4ade80; background:rgba(74,222,128,.12); border-color:rgba(74,222,128,.4); cursor:default; opacity:1; }
.cs-sell.demo{ color:var(--t2); background:rgba(255,255,255,.04); border-color:var(--ln); }
.cs-res-note{ margin-top:12px; font-size:11.5px; color:var(--t2); opacity:.85; }
.cs-res-jackpot{ position:relative; border-radius:14px; padding:14px 12px; overflow:hidden;
border:1px solid color-mix(in srgb, var(--rc,#d75539) 55%, var(--ln));
background:linear-gradient(180deg, color-mix(in srgb, var(--rc,#d75539) 12%, transparent), transparent 70%);
box-shadow:0 0 34px -8px var(--rc,#d75539); animation:csJackGlow 1.6s ease-in-out infinite alternate; }
@keyframes csJackGlow{ from{ box-shadow:0 0 22px -10px var(--rc,#d75539); } to{ box-shadow:0 0 46px -6px var(--rc,#d75539); } }
.cs-res-burst{ position:absolute; left:50%; top:38%; width:8px; height:8px; transform:translate(-50%,-50%); pointer-events:none; z-index:0;
background:radial-gradient(circle, color-mix(in srgb, var(--rc,#d75539) 70%, transparent), transparent 60%);
animation:csBurst 900ms ease-out forwards; }
@keyframes csBurst{ 0%{ box-shadow:0 0 0 0 color-mix(in srgb, var(--rc,#d75539) 55%, transparent); opacity:.9; } 100%{ box-shadow:0 0 0 340px color-mix(in srgb, var(--rc,#d75539) 0%, transparent); opacity:0; } }
.cs-res-jackpot .cs-res-head{ position:relative; z-index:1; }
.cs-res-note a{ color:var(--accent2,#e1ae98); }
.cs-drops{ display:flex; align-items:center; gap:12px; margin:0 0 22px; padding:10px 12px; border:1px solid var(--ln); border-radius:14px;
background:linear-gradient(180deg, rgba(255,255,255,.02), transparent); overflow:hidden; }
.cs-drops-label{ flex:none; display:inline-flex; align-items:center; gap:7px; font:800 11px/1 var(--fu,inherit); letter-spacing:.12em; text-transform:uppercase; color:var(--t2); }
.cs-drops-dot{ width:8px; height:8px; border-radius:50%; background:#4ade80; box-shadow:0 0 8px #4ade80; animation:csDropPulse 1.4s ease-in-out infinite; }
@keyframes csDropPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
.cs-drops-track{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; flex:1; padding-bottom:2px; }
.cs-drops-track::-webkit-scrollbar{ display:none; }
.cs-drop{ flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:6px 10px 6px 6px; border:1px solid var(--ln); border-radius:10px; background:rgba(0,0,0,.22); animation:csDropIn .4s ease; }
@keyframes csDropIn{ from{ opacity:0; transform:translateX(-8px); } to{ opacity:1; transform:none; } }
.cs-drop-img{ width:30px; height:30px; flex:none; display:flex; align-items:center; justify-content:center; }
.cs-drop-img img{ max-width:100%; max-height:100%; object-fit:contain; }
.cs-drop-meta{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
.cs-drop-meta b{ font-size:11.5px; color:var(--t1); max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cs-drop-meta span{ font-size:10px; color:var(--t3,var(--t2)); }
.cs-drop-net{ font-size:11px; font-weight:800; display:inline-flex; align-items:center; gap:2px; }
.cs-drop-net.pos{ color:#4ade80; } .cs-drop-net.neg{ color:#f87171; }
.cs-drop-net .coin-ico{ width:10px; height:10px; }
.cs-sell.keep{ color:#160e0b; cursor:pointer; border-color:transparent;
background:linear-gradient(180deg, color-mix(in srgb, var(--rc,#4ade80) 30%, #7ee08a), color-mix(in srgb, var(--rc,#4ade80) 20%, #4ade80));
transition:filter .15s, transform .1s; }
.cs-sell.keep:hover{ filter:brightness(1.08); }
.cs-sell.keep:active{ transform:translateY(1px); }
.cs-sell:disabled{ cursor:default; }
.cs-sellall{ font:800 11.5px/1 var(--fu,inherit); letter-spacing:.02em; border-radius:9px; padding:6px 14px; cursor:pointer; border:1px solid color-mix(in srgb,#4ade80 45%,var(--ln));
color:#4ade80; background:rgba(74,222,128,.12); transition:filter .15s; margin-left:4px; vertical-align:middle; }
.cs-sellall:hover{ filter:brightness(1.1); }
.cs-sellall.done{ color:var(--t2); background:rgba(255,255,255,.05); border-color:var(--ln); cursor:default; }
.cs-res-again{ text-align:center; margin-top:14px; }
.cs-again-btn{ font:800 12.5px/1 var(--fu,inherit); letter-spacing:.04em; text-transform:uppercase; color:#160e0b; cursor:pointer; border:none; border-radius:10px; padding:10px 24px;
background:linear-gradient(180deg, color-mix(in srgb, var(--ac,#e0663f) 88%, #fff 8%), var(--ac,#e0663f)); box-shadow:0 5px 16px -5px var(--ac,#e0663f); transition:filter .15s, transform .1s; display:inline-flex; align-items:center; gap:5px; }
.cs-again-btn:hover{ filter:brightness(1.08); }
.cs-again-btn:active{ transform:translateY(1px); }
.cs-again-btn .coin-ico{ width:13px; height:13px; }
.cs-filters{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 0 20px; }
.cs-filter-tabs{ display:inline-flex; gap:4px; background:rgba(0,0,0,.24); border:1px solid var(--ln); border-radius:12px; padding:4px; flex-wrap:wrap; }
.cs-filter-tab{ border:none; background:transparent; color:var(--t2); font:800 12px/1 var(--fu,inherit); letter-spacing:.02em; padding:8px 14px; border-radius:8px; cursor:pointer; transition:.15s; }
.cs-filter-tab:hover{ color:var(--t1); }
.cs-filter-tab.active{ background:linear-gradient(180deg, color-mix(in srgb, var(--rust3,#e0663f) 88%, #fff 8%), var(--rust3,#e0663f)); color:#160e0b; box-shadow:0 3px 10px -3px var(--rust3,#e0663f); }
.cs-filter-search{ position:relative; display:inline-flex; align-items:center; }
.cs-filter-search svg{ position:absolute; left:11px; width:15px; height:15px; color:var(--t3,var(--t2)); pointer-events:none; }
.cs-filter-search input{ background:rgba(0,0,0,.24); border:1px solid var(--ln); border-radius:10px; color:var(--t1); font-size:13px; padding:9px 12px 9px 33px; width:200px; outline:none; transition:border-color .2s; }
.cs-filter-search input:focus{ border-color:color-mix(in srgb, var(--rust3,#e0663f) 55%, var(--ln)); }
.cs-filter-search input::placeholder{ color:var(--t3,var(--t2)); }
.cs-noresults{ text-align:center; color:var(--t2); padding:40px 0; font-size:14px; }
@media (max-width:560px){ .cs-filter-search input{ width:100%; } .cs-filters{ gap:10px; } .cs-filter-search{ flex:1; } }
.cs-card-art-photo{ align-items:center; justify-content:center; }
.cs-card-art-photo .cs-card-photo{ max-width:100%; max-height:120px; object-fit:contain; filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)); }
.cs-modal-photo{ width:48px !important; height:48px !important; background:transparent !important; border:none !important; box-shadow:none !important; display:flex; align-items:center; justify-content:center; }
.cs-modal-photo img{ width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)); }
.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,#4d403a,#2f2622);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,#e0663f,#e28264);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,#e0674a);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:#e28264}
.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:#e0954a;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%, #70564b, #41322b 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(187, 142, 129,.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(224, 149, 74,.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(224, 149, 74,.4)}
.rf-avatars:hover .rf-av,.rf-avatars:hover .rf-av-fb{border-color:#e0954a}
.rf-winrow{transition:border-color .18s ease}
.rf-winrow:hover{border-color:rgba(224, 149, 74,.4)}
.lb-podium-wrap{
background:linear-gradient(180deg,rgba(36,40,52,.55),rgba(17,20,27,.74));
border:1px solid rgba(224, 149, 74,.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:#e0954a; padding:6px 0 4px; margin-top:-2px; background:linear-gradient(180deg,transparent,rgba(13,15,20,.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:#e0954a; }
.rfpart-more{ margin:6px 14px 16px; padding:11px; background:rgba(224, 149, 74,.1); border:1px solid rgba(224, 149, 74,.3); color:#e0954a; border-radius:10px; font:800 13px var(--fu); cursor:pointer; }
.rfpart-more:hover{ background:rgba(224, 149, 74,.18); }
.cs-cnt-meta span{ gap:2px !important; }
.cs-cnt-meta span .coin-amt{ display:inline-block !important; letter-spacing:0 !important; }
.cs-cnt-meta span .coin-amt .coin-d, .cs-cnt-meta span .coin-amt .coin-c{ letter-spacing:0 !important; margin:0 !important; }
.rfv-cwrap{ display:flex; gap:6px; align-items:stretch; }
.rfv-cwrap code{ flex:1; min-width:0; }
.rfv-copy{ flex:none; background:rgba(224, 149, 74,.14); border:1px solid rgba(224, 149, 74,.34); color:#e0954a; border-radius:8px; padding:0 13px; font:800 11px var(--fu); cursor:pointer; white-space:nowrap; }
.rfv-copy:hover{ background:rgba(224, 149, 74,.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; }
.cs-drop{ position:relative; }
.cs-drop-tip{ position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); background:#30211a; border:1px solid var(--ln); border-radius:12px; padding:8px 13px 8px 8px; display:flex; align-items:center; gap:9px; white-space:nowrap; opacity:0; visibility:hidden; transition:opacity .15s ease; z-index:60; box-shadow:0 10px 28px rgba(0,0,0,.55); pointer-events:none; }
.cs-drop:hover .cs-drop-tip{ opacity:1; visibility:visible; }
.cs-drop-tip-av img, .cs-drop-tip-fb{ width:30px; height:30px; border-radius:50%; object-fit:cover; }
.cs-drop-tip-fb{ display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#4d403a,#2f2622); color:#fff; font:800 13px var(--fu); }
.cs-drop-tip-name{ font:800 13px var(--fu); color:var(--t1); }
.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%; } }
.cs-result-modal[hidden]{ display:none !important; }
.cs-result-modal{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px; }
.cs-result-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.82); backdrop-filter:blur(2px); }
.cs-result-card{ position:relative; z-index:1; max-width:640px; width:100%; max-height:86vh; overflow-y:auto; background:var(--card); border:1px solid var(--ln); border-radius:18px; padding:26px 24px 22px; box-shadow:0 24px 70px rgba(0,0,0,.6); }
.cs-res-close{ position:absolute; top:12px; right:14px; background:rgba(255,255,255,.06); border:1px solid var(--ln); width:30px; height:30px; border-radius:8px; color:var(--t2); font-size:16px; cursor:pointer; line-height:1; z-index:3; }
.cs-res-close:hover{ color:var(--t1); background:rgba(255,255,255,.12); }
.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(224, 149, 74,.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:#1b1413; 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,#ec8b76,#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,46,62,.92),rgba(19,23,33,.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(222, 115, 82,.24), 0 16px 38px rgba(0,0,0,.5) !important; border:1px solid rgba(222, 115, 82,.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 #de7352, 0 0 28px rgba(222, 115, 82,.6) !important; }
.lb-pod-2 .lb-pod-av{ box-shadow:0 0 0 3px #d6ccc8, 0 0 18px rgba(200,205,215,.4) !important; }
.lb-pod-3 .lb-pod-av{ box-shadow:0 0 0 3px #cd7f32, 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:#ec8b76 !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; }
.cs-drop-val{ font-size:11px; font-weight:800; color:#e0954a; display:inline-flex; align-items:center; gap:3px; white-space:nowrap; }
.cs-drop-val .coin-ico{ width:11px; height:11px; }
.cs-casedrops{ display:flex; flex-direction:column; gap:6px; }
.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,#4d403a,#2f2622); 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:#e0954a; 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,46,62,.7),rgba(19,23,33,.72)) !important; }
.fair-game-card:hover{ border-color:rgba(224, 149, 74,.42) !important; box-shadow:0 16px 42px rgba(0,0,0,.45), 0 0 0 1px rgba(224, 149, 74,.22) !important; }
.fair-game-card h4{ color:var(--t1) !important; }
.fair-game-ico{ color:#e0954a; }
.fair-game-card code, .fg-note code, .fairness-explainer code{ color:#e0954a !important; border-color:rgba(224, 149, 74,.22) !important; background:rgba(0,0,0,.34) !important; }
.fairness-explainer .fe-step{ background:linear-gradient(180deg,rgba(40,46,62,.7),rgba(19,23,33,.72)) !important; border-color:var(--ln) !important; }
.fairness-explainer .fe-num{ background:linear-gradient(180deg,#ec8b76,#d75539) !important; color:#1a0b06 !important; box-shadow:0 4px 12px rgba(215, 85, 57,.32); font-weight:800; }
.pf-intro code{ color:#e0954a !important; }
.pf-field input:focus{ border-color:rgba(224, 149, 74,.5) !important; box-shadow:0 0 0 3px rgba(224, 149, 74,.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,#ec8b76,#d75539) !important; color:#1a0b06 !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(215, 85, 57,.34); transition:transform .15s ease, box-shadow .15s ease; }
.pf-verify .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(215, 85, 57,.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(30,34,46,.96),rgba(16,19,27,.98)) !important; border:1px solid rgba(224, 149, 74,.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,#6e3e2a,#502b1b) !important; border:1px solid rgba(120,170,220,.3) !important; box-shadow:0 8px 22px rgba(20,50,90,.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(20,50,90,.55) !important; }
.steam-trust{ position:relative; }
.pf-verify-actions{ margin-top:16px; }
.pf-verify-actions .btn-primary{ display:inline-block; background:linear-gradient(180deg,#ec8b76,#d75539); color:#1a0b06; border:none; font-weight:800; letter-spacing:.02em; padding:12px 34px; border-radius:10px; box-shadow:0 6px 16px rgba(215, 85, 57,.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(215, 85, 57,.44); }
.fair-card, .mini-row{ background:linear-gradient(180deg,rgba(40,46,62,.7),rgba(19,23,33,.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(224, 149, 74,.12); color:#e0954a; border:1px solid rgba(224, 149, 74,.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(224, 149, 74,.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,#1e1410), var(--bg,#160f0e)); 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:#e0954a; 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:#e0954a; 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,#4d403a,#2f2622); 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,#ec8b76,#d75539); color:#1a0b06; 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:#e0954a; font-weight:700; padding:9px; background:rgba(224, 149, 74,.1); border:1px solid rgba(224, 149, 74,.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(6,7,14,.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(18,21,31,.94); border:1px solid rgba(224, 149, 74,.4); color:#f8ede9; 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:#e0954a; }
.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,#d75539,#cf4f28) !important; border:1px solid rgba(255,255,255,.32) !important;
box-shadow:0 8px 24px rgba(200, 80, 44,.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(200, 80, 44,.5); } 50%{ box-shadow:0 10px 30px rgba(227, 136, 108,.85), 0 0 0 5px rgba(227, 136, 108,.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(227, 136, 108,.32) !important; } 100%{ transform:scale(1); } }
.rfd-bal{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-weight:800; color:#e0954a; font-size:15px; }
.rfd-bal-ico{ flex:0 0 auto; }
.rfd-bal b{ color:#e0954a; 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(224, 149, 74,.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(224, 149, 74,.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(224, 149, 74,.4), transparent 72%), linear-gradient(160deg, rgba(118, 45, 22,.55), rgba(12,16,28,.55)) !important; }
.ngm-card-champions:hover{ border-color:rgba(224, 149, 74,.5) !important; box-shadow:0 18px 40px rgba(0,0,0,.5), 0 0 18px rgba(224, 149, 74,.45) !important; }
.ngm-card-champions .ngm-bolts, .ngm-card-champions .ngm-art-svg, .ngm-card-champions svg{ color:#e0954a !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(12,16,28,.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:#f0912e !important; }
.ngm-card-rustpot .ngm-bolts, .ngm-card-rustpot .ngm-art-svg, .ngm-card-rustpot svg{ color:#ef4444 !important; }
.hm-game-champions .hm-game-ico, .hm-game-champions .hm-game-ico svg{ color:#e0954a !important; }
.hm-game-flip .hm-game-ico, .hm-game-flip .hm-game-ico svg{ color:#f0912e !important; }
.hm-game-rustpot .hm-game-ico, .hm-game-rustpot .hm-game-ico svg{ color:#ef4444 !important; }
.g-champ{ color:#e0954a !important; background:rgba(224, 149, 74,.13) !important; }
.g-flip{ color:#f0912e !important; background:rgba(240,145,46,.13) !important; }
.g-pot{ color:#ef4444 !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:#ec8b76 !important; }
.lb-pod-2 .lb-pod-rank{ color:#f2e5df !important; }
.lb-pod-3 .lb-pod-rank{ color:#e2a06a !important; }
.chat-rain{ background:linear-gradient(180deg, rgba(11,42,40,.6), rgba(7,20,19,.55)) !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:#8ff0dc !important; }
.chat-rain-pot, #chatRainPot{ color:#ffffff !important; }
.chat-rain-meta{ color:#a7e8dc !important; }
.chat-rain-usd{ color:#79c7bb !important; }
.chat-rain-timer{ color:#e0674a !important; }
.chat-rain-tag{ background:rgba(206, 66, 43,.16) !important; color:#ecaf9c !important; border-color:rgba(206, 66, 43,.42) !important; }
.chat-rain-join, .fr-join{ background:linear-gradient(180deg,#e07d5f,#cf5733) !important; color:#04120f !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,#e07d5f,#cf5733) !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(224, 149, 74,.11), rgba(224, 149, 74,.04)) !important; border:1px solid rgba(224, 149, 74,.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:#e0954a !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:#e0954a !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(206, 66, 43,.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:#ec8b76 !important; }
.lb-pod-2 .lb-pod-rank{ color:#f2e5df !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%, #70564b, #41322b 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(6,6,12,.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:#e0954a; flex:0 0 auto; white-space:nowrap; }
.rfd-verify{ flex:0 0 auto; background:rgba(176, 138, 120,.1); border:1px solid rgba(176, 138, 120,.25); color:#ead6cd; 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:#f2c3b2; }
.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(6,8,15,.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,#271a15,#1d1513); 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(224, 149, 74,.05); border:1px solid rgba(224, 149, 74,.16); border-radius:10px; padding:11px 13px; }
.rfd-vmodal-formula code{ color:#e0954a; 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:center !important; }
.arena-header{ justify-content:center !important; align-items:center !important; text-align:center !important; }
.arena-header-left{ flex:1 1 100% !important; display:block !important; text-align:center !important; }
div:has(> h1) > .eyebrow, .mkt-head > div > .eyebrow, .rp-header > .eyebrow, .rf-header > .eyebrow, .lb-page-head > .eyebrow, .pf2 > .eyebrow{
display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-left:auto !important; margin-right:auto !important; width:fit-content; max-width:100%; font-size:14px !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,44,60,.62), rgba(20,24,37,.74)) !important;
border:1px solid rgba(224, 149, 74,.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(224, 149, 74,.17), rgba(0,0,0,.28) 70%) !important; border:1px solid rgba(224, 149, 74,.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(224, 149, 74,.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 #1f1714 !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(215, 85, 57,.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:#e0954a; }
.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,#ec8b76,#d75539); color:#1a0b06; font-weight:800; font-size:13.5px;
box-shadow:0 6px 16px rgba(215, 85, 57,.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:#e0954a; 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,#1a100c 0%,#1e1410 52%,#261914 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,#efbaaa 0%,#e38669 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:#e6cbbf; }
.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:#270f08; }
.rc-tab i{ font:800 9.5px var(--fu,sans-serif); font-style:normal; text-transform:uppercase; letter-spacing:.06em; color:rgba(39, 15, 8,.85); }
.rc-tab-gold{ background:linear-gradient(160deg,#ecaf9d,#db6643); }
.rc-tab-gold b{ font-size:17px; }
.rc-tab-silver{ background:linear-gradient(160deg,#f5ede9,#c6b2aa); }
.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,#3d302a,#281e1a); 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 #de7353; box-shadow:0 0 24px rgba(222, 115, 83,.42), 0 12px 24px rgba(0,0,0,.5); }
.rc-silver .rc-av{ width:76px; height:76px; border:3px solid #d8c9c3; 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,#e17e5f,#d7552d); color:#270f08; 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:#cead9f; 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(57, 22, 11,.55); border:1px solid rgba(222, 115, 83,.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:#cba99e; }
.rc-prize-amt{ display:inline-flex; align-items:center; gap:3px; color:#f1c2b4; }
.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(222, 115, 83,.72); background:rgba(57, 22, 11,.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(176, 138, 120,.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(176, 138, 120,.06) 78%, transparent); }
.hm-free-hero-ico{ border-radius:14px; background:linear-gradient(160deg, rgba(206, 66, 43,.16), rgba(206, 66, 43,.05)) !important;
border:1px solid rgba(206, 66, 43,.20); box-shadow:0 6px 18px rgba(0,0,0,.28); }
.hm-free-item{ border:1px solid rgba(176, 138, 120,.09) !important; transition:background .16s ease, border-color .16s ease, transform .16s ease !important; }
.hm-free-item:hover{ transform:translateY(-2px); }
.hm-free-i{ border:1px solid rgba(206, 66, 43,.14) !important; transition:background .16s ease, color .16s ease, border-color .16s ease !important; }
.hm-free-item:hover .hm-free-i{ border-color:rgba(206, 66, 43,.34) !important; }
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .hm-free-item:hover{ transform:none; } }
.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(224, 149, 74,0); filter:brightness(1); }
15%{ box-shadow:0 0 0 3px rgba(224, 149, 74,.85), 0 0 46px 10px rgba(224, 149, 74,.6); filter:brightness(1.4) saturate(1.25); }
50%{ filter:brightness(1.08); }
100%{ box-shadow:0 0 0 0 rgba(224, 149, 74,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:#221a16; border:1px solid rgba(224, 149, 74,.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:#1c1512; border-bottom:1px solid rgba(224, 149, 74,.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(224, 149, 74,.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:#e0954a; }
.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(30,34,49,.6), rgba(17,20,30,.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(222, 115, 83,.5)); }
@keyframes rfdGlowPulse{ 0%{ box-shadow:0 0 0 0 rgba(224, 149, 74,0);} 15%{ box-shadow:0 0 0 3px rgba(224, 149, 74,.78), 0 0 36px 8px rgba(224, 149, 74,.6); filter:brightness(1.15);} 50%{ filter:brightness(1.05);} 100%{ box-shadow:0 0 0 0 rgba(224, 149, 74,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:#1a0b06; background:linear-gradient(180deg,#ecaf9d,#de7353); border:none; box-shadow:0 3px 10px rgba(222, 115, 83,.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(4,6,12,.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,#261c18,#1b130f); 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:#de7353; 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,#d75539); }
.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,#ecaf9d,#de7353); color:#1a0b06; border-color:transparent; }
.rfd-cmodal-go{ width:100%; margin-top:16px; padding:12px; border-radius:12px; font:800 14px var(--fu); cursor:pointer;
color:#1a0b06; background:linear-gradient(180deg,#ecaf9d,#de7353); border:none; box-shadow:0 8px 22px rgba(222, 115, 83,.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,#e0674a,#ce422b); color:#1a0b06; 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(4,6,12,.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:#f1c2b4; background:rgba(10,12,18,.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:#eae2df; background:rgba(10,12,18,.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:#e6bba8; border:1px solid rgba(124,196,255,.55); background:rgba(124,196,255,.1); }
.chat-tag-raffle{ color:#ecaf9d; border:1px solid rgba(206, 66, 43,.6); background:rgba(206, 66, 43,.12); }
.chat-tag-tip{ color:#f0beaf; 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(12,14,20,.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:#f1c2b4; }
.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(10,12,21,.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, .cs-modal, .cs-result-modal, .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:#e2b19c; background:rgba(127,178,255,.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:#e0674a; 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, .cs-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, .cs-card: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,#ec8b76,#d75539) !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:#e0674a; background:rgba(234, 164, 142,.13); }
.notif-ico-champ{ color:#5ad36d; background:rgba(90,211,109,.13); }
.notif-ico-case{ color:#d1815f; background:rgba(74,159,230,.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(88,101,242,.4), 0 0 14px rgba(88,101,242,.18);} 50%{ box-shadow:0 0 0 1px rgba(88,101,242,.7), 0 0 24px rgba(88,101,242,.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(176, 138, 120,.25); background:rgba(176, 138, 120,.1); color:#ead6cd;
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:#f2c3b2; }
.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%, #55423a, #382923 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:#f2c3b2; 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:#220d06; 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%, #58443c, #382923 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,#ec8b76,#d75539); 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:#f2c3b2 !important; }
.hm-free-item .hm-free-t b{ transition:color .16s ease; }
.hm-free-item:hover .hm-free-t b{ color:#f5d5cc; }
.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,#e07d5f) !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,#d75539, transparent); }
.lb-lvl, .rc-lvl{ background:linear-gradient(180deg,#e0795a,#d45e3a) !important; color:#200c06 !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); }
.cs-card, .skin-card{ transition:border-color .16s ease, box-shadow .16s ease !important; }
.cs-card:hover, .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:#f4d2c8 !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; }
.cs-open-panel{ position:relative; overflow:hidden;
box-shadow:0 14px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05) !important; }
.cs-open-panel::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
background:radial-gradient(60% 90% at 50% 40%, rgba(206, 66, 43,.1), transparent 70%); animation:rrPPGlow 5s ease-in-out infinite; }
.cs-open-panel > *{ position:relative; z-index:1; }
.cs-open-btn{ position:relative; overflow:hidden; }
.cs-open-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; }
.cs-open-btn:hover::after{ animation:rrBtnSweep .7s ease; }
.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:#f4d2c8 !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,#e0674a) !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:#f4d2c8 !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(88,101,242,.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, .cs-open-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:#d75539; }
.adm-stat-guest{ border-color:rgba(176, 138, 120,.28) !important; background:linear-gradient(180deg, rgba(176, 138, 120,.05), transparent) !important; }
.adm-stat-guest .admin-stat-num{ color:#d8b09f; }
.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:#d75539; border:1px solid rgba(206, 66, 43,.2); }
.rr-task-ico svg{ width:28px; height:28px; }
.rr-task-discord .rr-task-ico{ background:rgba(88,101,242,.12); color:#e3b29d; border-color:rgba(88,101,242,.28); }
.rr-task-x .rr-task-ico{ background:rgba(230,236,245,.08); color:#f5ebe6; border-color:rgba(230,236,245,.18); }
.rr-task-steam .rr-task-ico{ background:rgba(102,192,244,.1); color:#da9b80; border-color:rgba(102,192,244,.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:#f4ece7; line-height:1.25; }
.rr-task-body span{ font-size:11.5px; color:var(--t3); line-height:1.35; }
.rr-hl{ color:#d75539; 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:#f2c3b2; 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,#ec8b76,#d75539); color:#220d06; 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(176, 138, 120,.16); color:#c8ab9f; 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(6,8,14,.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,#261a15,#1d130f); 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:#faf5f3; }
.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:#f4ece7; 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:#ece1dc; }
.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:#e9c3b2; text-decoration:none; } .adm-forms-table a:hover{ color:#f0d6cb; }
.adm-forms-rid{ display:inline-block; font-size:10px; color:#200c06; 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:#f4ece7; 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,#281c1c,#2c1d17) !important; border-color:var(--ln2, rgba(176, 138, 120,.18)) !important; }
.affx-stat-claim{ background:linear-gradient(180deg,rgba(206, 66, 43,.12),#2c1d17) !important; border-color:rgba(206, 66, 43,.34) !important; }
.aff-lvl-shield{ color:#e0674a !important; background:linear-gradient(180deg,#301f1a,#20130f) !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, .cs-result-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, .cs-result-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:#e0674a; 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:#f4ece7; 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(8,10,16,.5), rgba(8,10,16,.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:#1f1511; }
.rfd-creator-noav{ display:inline-flex; align-items:center; justify-content:center; font-size:9px; font-weight:800; color:#220d06; background:linear-gradient(180deg,#ec8b76,#d75539); }
.rfd-creator-nm{ font-size:10px; font-weight:700; color:#f5ebe6; 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:#e0674a !important; color:#e0674a !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:#1f1511; }
.rp-recent-av-fb{ display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:#220d06; background:linear-gradient(180deg,#ec8b76,#d75539); }
.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:#1f1511; }
.cm-av-fb{ display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; color:#220d06; background:linear-gradient(180deg,#ec8b76,#d75539); }
.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,#d75539,#ec8b76); 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,#c4724f,#cd7752) !important; }
.rb-weekly::before{ background:linear-gradient(90deg,#d9987c,#e5b8a5) !important; }
.rb-monthly::before{ background:linear-gradient(90deg,#d75539,#ec8b76) !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:#ece0db; 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:#f2c3b2 !important; }
.rb-tr-you td:first-child{ color:#e0674a !important; }
.rb-you-tag{ display:inline-block; font-size:9px; font-weight:800; text-transform:uppercase; color:#220d06; background:linear-gradient(180deg,#ec8b76,#d75539); 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(176, 138, 120,.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:#da9b80; background:rgba(102,192,244,.12); border:1px solid rgba(102,192,244,.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:#f2c3b2; 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:#e0674a; 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(4,6,12,.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,#281c1c,#271a14); 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:#e0674a; 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:#ece0db; display:flex; align-items:center; gap:6px; }
.rc-prev-w b{ color:#e0674a; min-width:26px; }
.rc-prev-prize{ margin-left:auto; color:#f2c3b2; 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:#281c1c; 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,#e0674a) !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:#221917 !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:#281c1c !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,#e0674a) !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:#e0674a; 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:#281c1c; 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,#e0674a) 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,#e0674a); 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,#e0674a); 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(16,19,30,.96),rgba(11,13,20,.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(176, 138, 120,.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:#f0cabf; white-space:nowrap; }
.mbb-x{ position:absolute; top:-6px; right:-6px; width:16px; height:16px; border-radius:50%; background:#46332b; 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,#cfb8ae); font-weight:600; display:flex; align-items:center; gap:4px; }
.mbb-total b{ color:#e0674a; font-size:15px; }
.mbb-count{ color:var(--t3,#ab958b); font-weight:500; }
.mbb-buy{ padding:9px 18px; border:0; border-radius:9px; font-weight:800; font-size:13px; cursor:pointer; color:#210c06; background:linear-gradient(135deg,#ec8b76,#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(176, 138, 120,.25); border-radius:9px; background:transparent; color:var(--t2,#cfb8ae); font-weight:600; font-size:12px; cursor:pointer; }
.mbb-clear:hover{ border-color:rgba(239,68,68,.5); color:#fca5a5; }
.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:#210c06; 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:#210c06; 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(176, 138, 120,.16); background:rgba(255,255,255,.03); color:var(--t2,#cfb8ae); 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:#f2c3b2; }
.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(16,19,30,.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(20,24,37,.98),rgba(14,17,27,.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(176, 138, 120,.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:#e0674a; }
.sup-head-ico svg{ width:19px; height:19px; }
.sup-head-title{ font-weight:800; font-size:14px; color:var(--t1,#f7ece8); }
.sup-head-sub{ font-size:11px; color:var(--t3,#ab958b); }
.sup-close{ width:30px; height:30px; border:0; background:transparent; color:var(--t2,#cfb8ae); 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,#f7ece8); border:1px solid rgba(176, 138, 120,.12); border-bottom-left-radius:4px; }
.sup-user .sup-bubble{ background:linear-gradient(135deg,#ec8b76,#ce422b); color:#210c06; 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(176, 138, 120,.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(176, 138, 120,.2); background:rgba(255,255,255,.04); color:var(--t1,#f7ece8); 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,#ec8b76,#ce422b); color:#210c06; 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:#f0cabf; 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,#ab958b); cursor:pointer; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; }
.sup-clear:hover{ background:rgba(239,68,68,.12); color:#fca5a5; }
.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(20,24,37,.7),rgba(14,17,27,.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,#f7ece8); }
.fair-seeds-sub{ font-size:13px; color:var(--t3,#ab958b); 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,#ab958b); 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(176, 138, 120,.16); overflow-x:auto; }
.fair-seed-val code{ font-size:12.5px; color:#f0cabf; white-space:nowrap; }
.fair-seed-field input{ padding:9px 11px; border-radius:9px; background:rgba(255,255,255,.04); border:1px solid rgba(176, 138, 120,.2); color:var(--t1,#f7ece8); 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:#210c06; background:linear-gradient(135deg,#ec8b76,#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,#ab958b); }
.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,#cfb8ae); line-height:1.7; }
.fair-revealed b{ color:#8fe3a8; display:block; margin-bottom:6px; }
.fair-revealed code{ color:#f0cabf; word-break:break-all; }
.fair-revealed-formula{ margin-top:8px; color:var(--t3,#ab958b); }
.fair-seeds-guest{ text-align:center; color:var(--t3,#ab958b); 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(176, 138, 120,.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,#ab958b); 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(234, 164, 142,.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,#e0674a), 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; }
.pred-widget{ position:fixed; right:18px; bottom:96px; width:302px; max-width:calc(100vw - 32px); z-index:205;
background:linear-gradient(160deg, rgba(30, 19, 16,.98), rgba(18,14,9,.98)); border:1px solid rgba(206, 66, 43,.34);
border-radius:16px; box-shadow:0 14px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05); overflow:hidden;
font-family:var(--fu); animation:predIn .4s cubic-bezier(.2,.8,.3,1); }
@keyframes predIn{ from{ transform:translateY(20px) scale(.96); opacity:0; } to{ transform:none; opacity:1; } }
.pred-w-head{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px;
background:linear-gradient(90deg, rgba(206, 66, 43,.16), rgba(122,45,18,.1)); border-bottom:1px solid rgba(206, 66, 43,.2); }
.pred-w-title{ display:flex; align-items:center; gap:7px; font:800 12.5px var(--fd); letter-spacing:.06em; text-transform:uppercase; color:var(--gold2); }
.pred-w-min{ background:none; border:0; color:var(--gold2); font-size:20px; line-height:1; cursor:pointer; padding:0 4px; opacity:.75; }
.pred-w-min:hover{ opacity:1; }
.pred-w-body{ padding:12px; }
.pred-w-q{ font-weight:700; font-size:14px; color:var(--t1); line-height:1.3; margin-bottom:4px; }
.pred-w-reward{ font-size:11.5px; color:var(--t2); margin-bottom:10px; }
.pred-w-reward b{ color:var(--gold2); }
.pred-w-opts{ display:flex; flex-direction:column; gap:7px; }
.pred-opt{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%;
padding:9px 11px; border-radius:10px; border:1px solid rgba(206, 66, 43,.2); background:rgba(255,255,255,.03);
color:var(--t1); font:600 12.5px var(--fu); cursor:pointer; overflow:hidden; text-align:left; transition:border-color .15s, transform .1s; }
.pred-opt:hover:not(:disabled){ border-color:rgba(206, 66, 43,.5); }
.pred-opt:active:not(:disabled){ transform:scale(.99); }
.pred-opt:disabled{ cursor:default; }
.pred-opt.picked{ border-color:var(--gold2); box-shadow:inset 0 0 0 1px rgba(206, 66, 43,.5); }
.pred-opt-bar{ position:absolute; left:0; top:0; bottom:0; z-index:0; background:linear-gradient(90deg, rgba(206, 66, 43,.34), rgba(206, 66, 43,.12)); transition:width .5s cubic-bezier(.3,.8,.3,1); }
.pred-opt.picked .pred-opt-bar{ background:linear-gradient(90deg, rgba(206, 66, 43,.48), rgba(206, 66, 43,.2)); }
.pred-opt-lb{ position:relative; z-index:1; flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pred-opt-pc{ position:relative; z-index:1; flex:0 0 auto; font-weight:800; color:var(--gold2); font-size:12px; }
.pred-w-foot{ margin-top:9px; font-size:10.5px; color:var(--t3); text-align:center; }
.pred-widget.mini{ width:auto; }
.pred-widget.mini .pred-w-body{ display:none; }
.pred-widget.mini .pred-w-head{ cursor:pointer; border-bottom:0; }
.pred-widget.mini .pred-w-min{ display:none; }
@media (max-width:640px){ .pred-widget{ right:10px; bottom:84px; width:266px; } }
.adm-pred-wrap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:18px; align-items:start; }
@media (max-width:900px){ .adm-pred-wrap{ grid-template-columns:1fr; } }
.adm-pred-create{ background:rgba(255,255,255,.03); border:1px solid rgba(206, 66, 43,.18); border-radius:14px; padding:16px; }
.ap-opt{ width:100%; padding:9px 11px; border-radius:9px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.25); color:var(--t1); font:600 13px var(--fu); }
.adm-pred-msg{ margin-top:8px; font-size:12px; min-height:16px; }
.adm-pred-msg.ok{ color:#6ee7a0; } .adm-pred-msg.err{ color:#ff8a8a; }
.adm-pred-list{ display:flex; flex-direction:column; gap:12px; }
.adm-pred-empty{ color:var(--t3); font-size:13px; padding:20px; text-align:center; border:1px dashed rgba(255,255,255,.1); border-radius:12px; }
.ap-ev{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:14px; }
.ap-ev-open{ border-color:rgba(206, 66, 43,.34); }
.ap-ev-settled{ opacity:.72; }
.ap-ev-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:4px; }
.ap-ev-head b{ font-size:14px; color:var(--t1); }
.ap-ev-badge{ flex:0 0 auto; font:800 9.5px var(--fu); letter-spacing:.1em; text-transform:uppercase; padding:3px 8px; border-radius:20px; }
.ap-badge-open{ background:rgba(110,231,160,.16); color:#6ee7a0; }
.ap-badge-closed{ background:rgba(206, 66, 43,.16); color:var(--gold2); }
.ap-badge-settled{ background:rgba(255,255,255,.08); color:var(--t3); }
.ap-ev-meta{ font-size:11.5px; color:var(--t3); margin-bottom:10px; }
.ap-ev-opts{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
.ap-win-btn{ padding:7px 11px; border-radius:9px; border:1px solid rgba(206, 66, 43,.3); background:rgba(206, 66, 43,.06); color:var(--t1); font:600 12px var(--fu); cursor:pointer; transition:border-color .15s, background .15s; }
.ap-win-btn:hover:not(:disabled){ border-color:var(--gold2); background:rgba(206, 66, 43,.14); }
.ap-win-btn.won{ border-color:#6ee7a0; background:rgba(110,231,160,.16); color:#6ee7a0; }
.ap-win-btn:disabled{ cursor:default; }
.ap-win-btn b{ opacity:.7; font-weight:700; }
.ap-ev-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ap-act{ padding:6px 12px; border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:var(--t2); font:700 11.5px var(--fu); cursor:pointer; }
.ap-act:hover{ border-color:rgba(255,255,255,.3); color:var(--t1); }
.ap-del{ margin-left:auto; color:#ff8a8a; border-color:rgba(255,80,80,.25); }
.ap-hint{ font-size:11px; color:var(--gold2); }
.pred-page{ max-width:900px; margin:0 auto; padding:20px 16px 60px; }
.pred-hero{ position:relative; text-align:center; padding:36px 20px 30px; margin-bottom:24px; border-radius:20px; overflow:hidden;
background:var(--card,#261a15); border:1px solid rgba(206, 66, 43,.14); }
.pred-hero-title{ font:800 40px var(--fd); letter-spacing:.02em; margin:6px 0 8px; color:var(--t1); }
.pred-hero-sub{ color:var(--t2); font-size:14px; max-width:520px; margin:0 auto; line-height:1.5; }
.pred-hero-embers{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.pred-hero-embers i{ position:absolute; bottom:-6px; width:3px; height:3px; border-radius:50%; background:rgba(206, 66, 43,.5); animation:predEmber linear infinite; }
.pred-hero-embers i:nth-child(1){ left:15%; animation-duration:7s; }
.pred-hero-embers i:nth-child(2){ left:35%; animation-duration:9s; animation-delay:1.5s; }
.pred-hero-embers i:nth-child(3){ left:55%; animation-duration:6.5s; animation-delay:.8s; }
.pred-hero-embers i:nth-child(4){ left:72%; animation-duration:8.5s; animation-delay:2.2s; }
.pred-hero-embers i:nth-child(5){ left:88%; animation-duration:7.5s; animation-delay:1s; }
@keyframes predEmber{ from{ transform:translateY(0); opacity:0; } 10%{opacity:.8;} 90%{opacity:.5;} to{ transform:translateY(-120px); opacity:0; } }
.pred-none{ text-align:center; color:var(--t3); padding:40px 20px; font-size:14px; border:1px dashed rgba(255,255,255,.1); border-radius:16px; }
.pred-card{ background:var(--card,#261a15); border:1px solid rgba(206, 66, 43,.22); border-radius:18px; padding:22px; box-shadow:0 12px 34px rgba(0,0,0,.35); }
.pred-card-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.pred-card-badge{ font:800 10px var(--fu); letter-spacing:.12em; padding:4px 10px; border-radius:20px; background:rgba(110,231,160,.16); color:#6ee7a0; }
.pred-card-badge.closed{ background:rgba(255,255,255,.08); color:var(--t3); }
.pred-card-reward{ font-size:11px; color:var(--t2); }
.pred-card-reward b{ color:var(--gold2); font-size:11px; }
.pred-card-q{ font:800 24px var(--fd); color:var(--t1); margin:0 0 18px; line-height:1.15; }
.pred-card-opts{ display:flex; flex-direction:column; gap:10px; }
.pred-lg-opt{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:15px 16px; border-radius:12px;
border:1px solid rgba(206, 66, 43,.22); background:rgba(255,255,255,.03); color:var(--t1); font:700 15px var(--fu); cursor:pointer; overflow:hidden; text-align:left; transition:border-color .15s, transform .1s; }
.pred-lg-opt:hover:not(:disabled){ border-color:rgba(206, 66, 43,.55); }
.pred-lg-opt:active:not(:disabled){ transform:scale(.995); }
.pred-lg-opt:disabled{ cursor:default; }
.pred-lg-opt.picked{ border-color:var(--gold2); box-shadow:inset 0 0 0 2px rgba(206, 66, 43,.6), 0 0 22px rgba(206, 66, 43,.16); background:rgba(206, 66, 43,.05); }
.pred-lg-check{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-right:2px; border-radius:50%; background:var(--gold2,#e0674a); color:#1a0b06; font-size:12px; font-weight:900; line-height:1; vertical-align:-3px; }
.pred-lg-bar{ position:absolute; left:0; top:0; bottom:0; z-index:0; background:linear-gradient(90deg, rgba(206, 66, 43,.34), rgba(206, 66, 43,.12)); transition:width .55s cubic-bezier(.3,.8,.3,1); }
.pred-lg-opt.picked .pred-lg-bar{ background:linear-gradient(90deg, rgba(206, 66, 43,.48), rgba(206, 66, 43,.2)); }
.pred-lg-lb{ position:relative; z-index:1; flex:1 1 auto; min-width:0; }
.pred-lg-lb em{ font-style:normal; font-size:11px; color:var(--gold2); font-weight:700; }
.pred-lg-pc{ position:relative; z-index:1; flex:0 0 auto; text-align:right; font-weight:800; color:var(--gold2); font-size:16px; line-height:1.1; }
.pred-lg-pc small{ display:block; font-size:10px; color:var(--t3); font-weight:600; }
.pred-card-foot{ margin-top:16px; text-align:center; font-size:12px; color:var(--t3); }
.pred-hist-head{ display:flex; align-items:center; gap:12px; margin:34px 0 16px; }
.pred-hist-head span{ font:800 13px var(--fu); letter-spacing:.14em; text-transform:uppercase; color:var(--t3); }
.pred-hist-head:after{ content:""; flex:1; height:1px; background:linear-gradient(90deg, rgba(255,255,255,.12), transparent); }
.pred-hist{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.pred-hist-card{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:15px; }
.pred-hist-q{ font-weight:700; font-size:14px; color:var(--t1); margin-bottom:12px; line-height:1.3; }
.pred-hist-opts{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.pred-hist-opt{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:12.5px; color:var(--t2); padding:6px 9px; border-radius:8px; background:rgba(255,255,255,.02); }
.pred-hist-opt.won{ background:rgba(110,231,160,.12); color:#6ee7a0; font-weight:700; }
.pred-hist-meta{ font-size:11px; color:var(--t3); }
.pred-hist-meta b{ color:var(--gold2); }
@media (max-width:640px){ .pred-hero-title{ font-size:32px; } .pred-card-q{ font-size:20px; } }
.adm-pred-enable{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 16px; margin-bottom:16px; border-radius:12px; background:rgba(206, 66, 43,.06); border:1px solid rgba(206, 66, 43,.22); font-size:13px; color:var(--t2); }
.adm-pred-enable b{ font-weight:800; }
.ap-toggle-btn{ padding:8px 16px; border-radius:9px; border:1px solid rgba(206, 66, 43,.4); background:rgba(206, 66, 43,.14); color:var(--gold2); font:800 12px var(--fu); cursor:pointer; white-space:nowrap; }
.ap-toggle-btn:hover{ background:rgba(206, 66, 43,.22); }
.pred-none-big{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:50px 24px; color:var(--t3); text-align:center; }
.pred-none-big svg{ color:var(--gold2); opacity:.7; margin-bottom:6px; }
.pred-none-big h3{ font:800 20px var(--fd); color:var(--t1); margin:0; }
.pred-none-big p{ max-width:400px; margin:0; font-size:13px; line-height:1.5; }
@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:#d75539; 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(226, 130, 100,.32); background:rgba(226, 130, 100,.09); color:#d75539; cursor:pointer; transition:background .15s, transform .08s, border-color .15s, color .15s; }
.fair-copy:hover{ background:rgba(226, 130, 100,.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:#1f1612; border:1px solid rgba(206, 66, 43,.32); color:#eee4df; 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(227, 136, 108,.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:#e0954a !important; }
.hm-game-champions:hover .hm-game-ico{ filter:drop-shadow(0 6px 14px rgba(224, 149, 74,.5)) !important; }
.hm-game-flip:hover .hm-game-go{ color:#f0912e !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:#a89a92; }
.skin-card.sk-common{ --rc:#a89a92; }
.skin-card.sk-uncommon{ --rc:#ce7b57; }
.skin-card.sk-rare{ --rc:#d07e5b; }
.skin-card.sk-epic{ --rc:#d28463; }
.skin-card.sk-legendary{ --rc:#d65f9a; }
.skin-card.sk-mythic{ --rc:#d75539; }
.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,#b0a29a); margin:2px 0 14px; }
.dw-np-note b{ color:var(--t2,#ddcac2); }
.dw-min{ font-size:12px; color:var(--t3,#b0a29a); margin:12px 0 2px; }
.dw-min-warn{ font-size:10.5px; line-height:1.4; color:var(--t3,#b0a29a); 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,#b0a29a); }
.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,#f8ede9); 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,#3b2c26); 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,#e0674a); 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,#f4ece7); 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,#b0a29a); 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,#e0663f); 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,#b0a29a); 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,#d79173,transparent 130%); }
.rb-monthly::before{ background:linear-gradient(180deg,#d75539,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(176, 138, 120,.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,#b0a29a); 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:#1a0b06; 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,#b0a29a); 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,#b0a29a); 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,#3b2c26); 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,#a6928a); 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,#ada09a); min-width:0; }
.adm-wd-addr code{ font-size:12px; color:var(--t1,#f2ece9); background:rgba(0,0,0,.28); border:1px solid var(--ln,#3b2c26); 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:#da9c81; text-decoration:none; background:rgba(92,200,255,.1); border:1px solid rgba(92,200,255,.3); border-radius:7px; padding:4px 9px; }
.adm-wd-txlink:hover{ background:rgba(92,200,255,.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,#3b2c26); color:var(--t1,#f2ece9); }
.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(4,7,14,.72); backdrop-filter:blur(3px); }
.adm-link-card{ position:relative; z-index:1; width:min(480px,100%); background:var(--bg2,#2b1b14); border:1px solid var(--ln,#3b2c26); 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,#f4ece7); }
.adm-link-card p{ margin:0 0 14px; font-size:12.5px; line-height:1.5; color:var(--t3,#b0a29a); }
.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,#3b2c26); color:var(--t1,#f4ece7); }
.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(23,27,40,.75),rgba(15,18,28,.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),#f0912e); 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),#b54523); color:#1a0b06; 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(23,27,40,.8),rgba(15,18,28,.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(10,12,20,.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,#e0674a) !important; -webkit-text-fill-color:var(--gold2,#e0674a) !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(228, 138, 111,.28), transparent 60%), radial-gradient(120% 120% at 10% 118%, rgba(143, 54, 27,.32), transparent 64%), linear-gradient(160deg, #2a130c 0%, #1b0c07 48%, #0c0705 100%); border:1px solid rgba(228, 138, 111,.42); box-shadow:0 12px 30px rgba(0,0,0,.5), inset 0 1px 0 rgba(243, 204, 192,.16), inset 0 0 40px rgba(113, 43, 22,.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(228, 138, 111,.15), rgba(228, 138, 111,.6)); }
.tr-strip::after{ content:""; position:absolute; top:-11px; left:50%; transform:translateX(-50%); width:6px; height:6px; border-radius:50%; background:rgba(228, 138, 111,.75); box-shadow:0 0 8px rgba(228, 138, 111,.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,#e0674a); 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,#eeb6a5,#de7353); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#de7353; filter:drop-shadow(0 2px 4px rgba(222, 115, 83,.35)); }
.tr-strip-sub{ display:block; color:rgba(235, 208, 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,#e0674a); 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(6,8,14,.72); }
.tv-card{ position:relative; z-index:1; width:100%; max-width:400px; background:linear-gradient(180deg,#281c17,#1c130f); border:1px solid var(--rust-ln,rgba(130,150,185,.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),#c8532f); color:#1a0b06; 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,#1b1413); 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:#e0674a; 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,#e0674a), 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:#1a0a05; 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:#e0674a; text-decoration:underline; text-decoration-color:rgba(234, 164, 142,.45); text-underline-offset:2px; word-break:break-word; transition:color .12s,text-decoration-color .12s; }
.chat-body p a.chat-link:hover{ color:#efbaaa; text-decoration-color:#efbaaa; }
.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:#e0674a; 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,#b84f2f); } .cp-go:hover{ filter:brightness(1.08); }
.cp-end{ background:linear-gradient(180deg,#ef4444,#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,#ef4444) 15%, transparent); border:1px solid color-mix(in srgb, var(--clc-accent,#ef4444) 55%, transparent); box-shadow:0 0 0 1px color-mix(in srgb, var(--clc-accent,#ef4444) 12%, transparent),0 6px 18px -10px color-mix(in srgb, var(--clc-accent,#ef4444) 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,#ef4444); 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,#ef4444); 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:#1a0f0b; }
.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:#e0674a; 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(4,7,15,.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:#2e201a; 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:#3d2c24; }
.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, #2c1d17, #20130e) !important;
border:1px solid rgba(176, 138, 120,.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(120,140,190,.12) !important; }
.nav.open a:active{ transform:scale(.985) !important; }
.nav.open a.active{ background:linear-gradient(90deg, rgba(224, 149, 74,.16), rgba(224, 149, 74,.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(4,7,15,.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,#2e201a,#1f1612) !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(26,31,46,.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){
.cs-filter-tab{ padding:11px 16px !important; min-height:38px; }
.cs-filter-tabs{ gap:6px !important; }
}
#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,#30211a,#1f1612); 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,#f4ece8);
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:#d75539;
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:#e0674a; }
.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; }
}
#predWidget.pred-in-raffle{
position:static !important; right:auto !important; bottom:auto !important; left:auto !important;
top:auto !important; width:auto !important; max-width:none !important;
margin:0 0 2px !important; z-index:1 !important; animation:predDockIn .34s cubic-bezier(.2,.7,.3,1);
border-left:0 !important; border-right:0 !important; border-top:0 !important; border-radius:0 !important;
border-bottom:1px solid var(--ln, rgba(255,255,255,.08)) !important;
box-shadow:none !important;
}
@keyframes predDockIn{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
#predWidget.pred-in-raffle .pred-w-min{ display:none; }
#predWidget.pred-in-raffle .pred-w-head{ padding-left:14px !important; padding-right:14px !important; }
#predWidget.pred-in-raffle .pred-w-body{ padding-left:14px !important; padding-right:14px !important; }
#predWidget.pred-in-raffle{ background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; animation:none !important; overflow:visible !important; }
#predWidget.pred-in-raffle::before{ display:none !important; }
#predWidget.pred-in-raffle .pred-w-head{
background:transparent !important;
border-top:0 !important; border-bottom:1px solid var(--ln) !important;
padding-top:13px !important; padding-bottom:13px !important;
}
#predWidget.pred-in-raffle .pred-w-head::after{ display:none !important; }
#predWidget.pred-in-raffle .pred-w-title{ display:inline-flex !important; align-items:center; gap:6px !important; color:#3e180c !important; font-size:13px !important; font-weight:900 !important; letter-spacing:.03em !important; background:#eaa590 !important; padding:3px 11px !important; border-radius:8px !important; box-shadow:0 1px 3px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.42) !important; }
#predWidget.pred-in-raffle .pred-w-title svg{ filter:none !important; }
#predWidget.pred-in-raffle .pred-w-live{ color:#f0a3a3 !important; }
#predWidget.pred-in-raffle .pred-w-body{ background:transparent !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,#bda49a); opacity:.55; pointer-events:none; transition:color .15s ease, opacity .15s ease; }
.chat-char-count.cc-low{ color:#d75539; opacity:1; }
.chat-char-count.cc-min{ color:#f87171; 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:#d75539 !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, 198, 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, .cs-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,#36231b,#261914) !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,#d9977b,#cc7651); color:#fff !important; font-weight:800; font-size:14px; text-decoration:none; box-shadow:0 6px 18px rgba(88,101,242,.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(88,101,242,.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,#161924aa,#1d1512); 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:#cdaaa0; 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,#ecaf9c,#e07d5f 55%,#d25d3a); border:1px solid #b04b2c; color:#220d06; font-weight:800; font-size:12.5px; cursor:pointer; box-shadow:0 2px 7px rgba(210, 93, 58,.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:#1c130f; }
.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:#281c1c; border:0; border-left:1px solid var(--vio-line); color:#e0674a; font-weight:800; font-size:12px; cursor:pointer; }
.aff-bn-linkcopy:hover{ background:#452d23; }
@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,#f1c4b6,#e07d5f 52%,#cf522c); border:1px solid #b04b2c; color:#220d06;
font-weight:800; font-size:14px; letter-spacing:.015em; cursor:pointer; white-space:nowrap; position:relative; overflow:hidden;
box-shadow:0 4px 14px rgba(210, 93, 58,.35), 0 2px 5px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.6), inset 0 -2px 4px rgba(134, 51, 26,.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(210, 93, 58,.45), 0 3px 7px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.68), inset 0 -2px 4px rgba(134, 51, 26,.25); }
.aff-showbanner-btn:active{ transform:translateY(0); }
.aff-showbanner-btn.is-on{ background:linear-gradient(180deg,#50352a,#38231a); border-color:var(--vio-line); color:#ecc3b6; }
.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,#d69173,#cc7651); color:#fff; font-weight:800; font-size:14px; text-decoration:none;
box-shadow:0 4px 14px rgba(88,101,242,.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:#cdaaa0; 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,#efbaa9,#e07d5f 55%,#d1552f); border:1px solid #b04b2c; color:#220d06; font-weight:800; font-size:13.5px;
box-shadow:0 3px 10px rgba(210, 93, 58,.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(210, 93, 58,.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:#d8b3a8; 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:#e0674a; 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(4,7,15,.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,#352118,#2a1912); 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:#cdaaa0; 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:#ecaf9c; 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:#e0674a; }
.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:#98867f;font-size:10px;white-space:nowrap}.adm-tip-row b{white-space:nowrap;color:var(--gold2,#d75539)}@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(234, 164, 142,.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:#fca5a5;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:#ecae9b;background:rgba(214, 82, 42,.10);border:1px solid rgba(214, 82, 42,.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(31,37,55,.72) 42%,rgba(12,15,24,.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(17,21,32,.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(31,37,54,.82),rgba(13,16,25,.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(176, 138, 120,.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(15,18,28,.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,#9e887f);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(8,11,20,.44)}
.champ-game-fight>span{font:600 11px/1 ui-monospace,'Cascadia Code','Segoe UI Mono',Menlo,Consolas,monospace;color:var(--gold,#e48b70)}
.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,#9e887f);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(8,11,20,.46);color:var(--t2,#c3b5ac);font-size:13px}
.champ-game-verify-status.checking{border-color:rgba(228, 139, 112,.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(8,11,20,.42);font-size:13px;color:var(--t2,#c3b5ac)}
.champ-game-proof-result.checking{border-color:rgba(228, 139, 112,.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(4,7,14,.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,#9e887f);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,#c3b5ac);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(9,12,21,.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,#9e887f)}.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,#9e887f);font-size:10.5px;line-height:1.45}.champ-proof-note b{color:var(--t2,#c3b5ac)}
.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,#9e887f);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,#faf5f3);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,#c3b5ac)}
@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(218, 98, 61,.07); border:1px solid rgba(218, 98, 61,.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:#a7938b; user-select:none; }
.adm-bp-all input{ width:15px; height:15px; accent-color:#da623d; 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(12,14,20,.72); }
.adm-bp-pick input{ width:14px; height:14px; margin:0; accent-color:#da623d; cursor:pointer; }
.adm-bp-item.is-picked{ outline:2px solid #da623d; outline-offset:-2px; }
.adm-bp-item.is-picked .adm-bp-pick{ background:#da623d; }
@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,#ec8b76), 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,#ec8b76); opacity:.35; pointer-events:none; }
.rp-pl.rp-mine .rp-av{ box-shadow:0 0 0 3.5px var(--rp-col,#ec8b76), 0 0 14px var(--rp-col,#ec8b76); }
.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,#ec8b76); 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,#ec8b76); border-radius:50%; }
.rp-en-you{ margin-left:6px; background:var(--rp-col,#ec8b76); color:#140d0a; 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(176, 138, 120,.16); border-radius:12px; background:rgba(18,21,29,.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(176, 138, 120,.14); }
.adm-ipban-head b{ font-size:13.5px; letter-spacing:.2px; }
.adm-ipban-reason{ color:#fca5a5; 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:#fca5a5; 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(176, 138, 120,.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:#fca5a5; }
.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; }
.cs-card-price .coin-ico{ margin-right:0; }
.cs-cell-val .coin-ico{ margin-right:0; }
.cs-cnt-meta span .coin-ico{ margin-right:0; }
.cs-sell .coin-ico{ margin-right:0; }
.cs-drop-net .coin-ico{ margin-right:0; }
.cs-again-btn .coin-ico{ margin-right:0; }
.lvr-claim-amt b .coin-ico{ margin-right:0; }
.lvr-tier-amt .coin-ico{ margin-right:0; }
.cs-drop-val .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(176, 138, 120,.16); }
.adm-ipban-table td{ padding:8px; border-bottom:1px solid rgba(176, 138, 120,.08); vertical-align:middle; }
.adm-ipb-ip code{ font-size:12.5px; word-break:break-all; }
.adm-copy{ background:rgba(176, 138, 120,.14); border:1px solid rgba(176, 138, 120,.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(176, 138, 120,.26); }
.adm-ipb-count{ background:rgba(127,208,255,.14); border:1px solid rgba(127,208,255,.32); color:#e9c4b5;
border-radius:7px; padding:3px 9px; cursor:pointer; font-size:12px; font-weight:700; }
.adm-ipb-count:hover{ background:rgba(127,208,255,.26); }
.adm-ipb-date{ color:var(--t3); font-size:12px; white-space:nowrap; }
.adm-ipb-modal{ position:fixed; inset:0; background:rgba(4,6,12,.72); display:grid; place-items:center; z-index:4000; padding:20px; }
.adm-ipb-box{ background:#1d1512; border:1px solid rgba(176, 138, 120,.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(176, 138, 120,.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(176, 138, 120,.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:#fca5a5; }
.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(10,12,18,.7); border:1px solid rgba(176, 138, 120,.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:#fca5a5;
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:#fca5a5; 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(176, 138, 120,.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:#fca5a5; }
.adm-sd-ev.is-sign{ background:rgba(214, 82, 42,.16); color:#e28467; }
.adm-sd-ev.is-verify{ background:rgba(127,208,255,.14); color:#e9c4b5; }
.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:#f87171}
.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(176, 138, 120,.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(176, 138, 120,.12);border-radius:9px;background:rgba(8,11,18,.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(176, 138, 120,.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(224, 149, 74,.08));color:#ebab98;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:#e07c5e}
.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(176, 150, 140,.16);background:linear-gradient(145deg,rgba(31,37,56,.96),rgba(20,24,37,.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(34,39,58,.98),rgba(19,23,35,.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:#e3896e;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(176, 150, 140,.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:#e89d86;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:#f1c3b5}
.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:#eba995;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(176, 150, 140,.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:#fca5a5}
@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,.cs-modal-close,.cs-res-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:#1a0b06 !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:#1a0b06 !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}}
.rp-en-row.rp-en-dead{opacity:.38;filter:grayscale(1) brightness(.62);border-color:rgba(255,255,255,.045);background:rgba(255,255,255,.018);}
.rp-en-row.rp-en-dead .rp-en-name{color:#786962;}
.rp-en-row.rp-en-dead .rp-en-bar>span{opacity:.28;}
.rp-en-row.rp-en-dead:hover{opacity:.42;border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.025);}
/* ── RUSTNECRO: visual page titles removed (kept in DOM for SEO/a11y) + page eyebrows right-aligned ── */
.page-title{
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;
}
.rp-header, .rf-header{ text-align:right !important; }
.mkt-head > div, .page-hero{ text-align:right !important; }
.arena-header{ justify-content:flex-end !important; }
.arena-header .arena-header-left{ text-align:right !important; }
.rp-header .eyebrow, .rf-header .eyebrow, .mkt-head .eyebrow,
.page-hero .eyebrow, .arena-header .eyebrow{ display:inline-block; margin-left:auto; }
/* keep raffle's descriptive subtitle visible & right-aligned to match */
.page-hero .hero-sub{ margin-left:auto; }
/* ── RUSTNECRO: logged-out action buttons disabled (single sign-in stays top-right) ── */
.signin-note{
font-size:12.5px; color:var(--t3); text-align:center; padding:9px 13px;
border:1px dashed var(--ln2); border-radius:10px; background:rgba(0,0,0,.15);
letter-spacing:.01em;
}
button.btn-skin-stake[disabled], button.btn-primary[disabled],
button.fr-join[disabled], button.skin-btn[disabled]{
opacity:.48 !important; cursor:not-allowed !important; filter:grayscale(.35);
box-shadow:none !important;
}
/* ── RUSTNECRO: clear chat close button (moved left of language selector) ── */
.chat-close-x{
flex:0 0 auto; width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center;
margin-right:9px; padding:0; border:1px solid rgba(176,138,120,.24); border-radius:8px;
background:#281c1c; color:var(--t2); font-size:15px; line-height:1; cursor:pointer;
transition:background .15s, color .15s, border-color .15s, transform .1s;
}
.chat-close-x:hover{ background:rgba(206,66,43,.16); color:var(--p2); border-color:rgba(206,66,43,.42); }
.chat-close-x:active{ transform:scale(.94); }
/* remove any leftover styling that positioned the old close button */
.chat-head-actions{ display:none !important; }
/* ===== RUSTNECRO topbar restructure: games left | logo center | more + account right ===== */
.tb-left{ display:flex; align-items:center; gap:3px; justify-self:start; min-width:0; }
.brand{ justify-self:center; }
.tb-right{ display:flex; align-items:center; gap:10px; justify-self:end; min-width:0; }
.nav-games, .nav-more{ display:flex; align-items:center; }
.nav-games{ justify-content:flex-end; }
.nav-more{ justify-content:flex-start; }
/* mobile: hamburger still holds the games nav; "more" links become compact icons */
@media (max-width:860px){
.tb-left{ gap:5px; justify-self:start; }
.tb-right{ gap:6px; }
.nav-more{ display:flex; }
.nav-more .nav-txt{ display:none; }
.nav-more a{ padding:0 6px; }
.brand{ justify-self:center; }
}
@media (max-width:480px){
/* very small screens: keep it from overflowing — icons stay tight */
.tb-right{ gap:4px; }
.nav-more a{ padding:0 4px; }
}