:root {
    color-scheme:dark;
    --rr-bg:#080e11;
    --rr-panel:#0d171d;
    --rr-line:#263740;
    --rr-muted:#90a7b4;
    --rr-orange:#ff481f;
    --rr-text:#f5f7f9;
    --rr-green:#54d6aa;
}
* {
    box-sizing:border-box;
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:90px;
}
body.rr-body {
    margin:0;
    background:var(--rr-bg);
    color:var(--rr-text);
    font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
}
a {
    color:inherit;
    text-decoration:none;
}
button,input,select {
    font:inherit;
}
button,a,select {
    -webkit-tap-highlight-color:transparent;
}
button {
    cursor:pointer;
}
button:disabled {
    opacity:.45;
    cursor:not-allowed;
}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible {
    outline:2px solid #ff9a7b;
    outline-offset:3px;
}
[hidden] {
    display:none!important;
}
h1,h2,h3,p {
    margin:0;
}
h1 {
    font-size:34px;
    line-height:1.2;
    letter-spacing:-1.2px;
}
h2 {
    font-size:21px;
    letter-spacing:-.55px;
}
h3 {
    font-size:15px;
}
small {
    font-size:12px;
    color:var(--rr-muted);
}
.rr-sidebar {
    position:fixed;
    inset:0 auto 0 0;
    width:210px;
    background:#0c151b;
    border-right:1px solid var(--rr-line);
    display:flex;
    flex-direction:column;
    padding:26px 14px;
    z-index:30;
}
.rr-logo {
    display:block;
    margin:0 8px 38px;
}
.rr-logo img {
    width:164px;
    height:auto;
    display:block;
}
.rr-eyebrow {
    font-size:10px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--rr-muted);
    padding:0 14px;
    margin-bottom:12px;
}
.rr-sidebar nav {
    display:grid;
    gap:6px;
}
.rr-sidebar nav a {
    display:flex;
    gap:14px;
    align-items:center;
    padding:14px;
    border-radius:6px;
    color:#aabcc6;
    font-weight:600;
}
.rr-sidebar nav a span {
    font-size:20px;
    line-height:20px;
}
.rr-sidebar nav a:hover,.rr-sidebar nav a.active {
    color:white;
    background:#241b19;
    box-shadow:inset 3px 0 var(--rr-orange);
}
.rr-account {
    margin-top:auto;
    border-top:1px solid var(--rr-line);
    padding-top:20px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    overflow-wrap:anywhere;
}
.rr-account img {
    height:36px;
    width:36px;
    border-radius:50%;
    object-fit:cover;
}
.rr-account small {
    display:block;
    font-size:10px;
}
.rr-topbar {
    margin-left:210px;
    height:62px;
    padding:0 32px;
    border-bottom:1px solid var(--rr-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:var(--rr-muted);
    background:#0b1318;
}
.rr-topbar b {
    padding:0 12px;
    font-weight:400;
}
.rr-topbar a {
    font-size:12px;
    color:#ff825f;
}
.rr-topbar button {
    display:none;
}
.rr-main {
    max-width:1390px;
    margin:0 auto 0 210px;
    padding:38px clamp(22px,3.3vw,58px) 24px;
}
.rr-heading {
    margin-bottom:26px;
}
.rr-heading p {
    margin-top:8px;
    color:var(--rr-muted);
    font-size:16px;
}
.rr-context {
    display:flex;
    align-items:center;
    gap:20px;
    padding:16px;
    background:var(--rr-panel);
    border:1px solid var(--rr-line);
    border-radius:8px;
    margin-bottom:18px;
}
.rr-context form {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    flex:1;
}
.rr-context label {
    color:var(--rr-muted);
    white-space:nowrap;
    font-size:12px;
}
.rr-context select {
    min-width:0;
    max-width:370px;
    width:100%;
    background:#091217;
    border:1px solid var(--rr-line);
    color:white;
    border-radius:5px;
    padding:10px;
}
.rr-online {
    font-size:12px;
    color:var(--rr-muted);
    white-space:nowrap;
}
.rr-online.is-online {
    color:var(--rr-green);
}
.rr-online:before {
    content:"";
    display:inline-block;
    background:currentColor;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-right:7px;
}
.rr-text {
    border:0;
    padding:0;
    background:none;
    color:#a2c4d6;
    font-size:12px;
    text-decoration:underline;
    text-underline-offset:4px;
}
.rr-context .rr-text {
    margin-left:auto;
    white-space:nowrap;
}
.rr-panel {
    background:linear-gradient(150deg,#0e191f,#0a1318);
    border:1px solid var(--rr-line);
    border-radius:8px;
    padding:22px;
    min-width:0;
}
.rr-panel header p,.rr-inventory header p {
    color:var(--rr-muted);
    margin-top:5px;
    font-size:12px;
}
.rr-spin-grid {
    display:grid;
    grid-template-columns:minmax(0,2.55fr) minmax(218px,1fr);
    gap:16px;
    margin-bottom:18px;
    align-items:stretch;
}
.rr-spin {
    padding:22px 16px;
}
.rr-spin header {
    padding:0 6px;
}
.rr-reel-window {
    position:relative;
    overflow:hidden;
    margin:22px 0 18px;
    padding:10px 0 5px;
    isolation:isolate;
}
.rr-reel-window:after {
    content:"";
    position:absolute;
    inset:10px auto 5px 50%;
    width:calc((100% - 24px)/5);
    transform:translateX(-50%);
    border:2px solid var(--rr-orange);
    border-radius:5px;
    box-shadow:0 0 18px #ff481f25;
    pointer-events:none;
    z-index:3;
}
.rr-reel {
    display:flex;
    gap:6px;
    will-change:transform;
}
.rr-reel article {
    flex:0 0 calc((100% - 24px)/5);
    padding:12px 5px 10px;
    border:1px solid var(--rr-line);
    border-radius:5px;
    text-align:center;
    background:radial-gradient(ellipse at 50% 30%,#1c2b32,#0a1318 80%);
    min-width:0;
}
.rr-reel img {
    display:block;
    max-width:100%;
    height:105px;
    width:100%;
    object-fit:contain;
    filter:drop-shadow(0 8px 7px #0008);
}
.rr-reel strong {
    display:block;
    font-size:10px;
    line-height:1.3;
    margin:10px 0 4px;
    overflow-wrap:anywhere;
    min-height:26px;
}
.rr-reel small {
    font-size:10px;
}
.rr-pointer {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:0;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-top:12px solid var(--rr-orange);
    z-index:4;
}
.rr-spin-action {
    text-align:center;
}
.rr-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:40px;
    border:1px solid var(--rr-line);
    background:#101c23;
    border-radius:5px;
    padding:9px 15px;
    color:var(--rr-text);
    font-size:12px;
    font-weight:600;
}
.rr-button:hover:not(:disabled) {
    border-color:#72909d;
}
.rr-button.primary {
    border-color:var(--rr-orange);
    background:var(--rr-orange);
    color:white;
    box-shadow:0 3px 12px #ff481f15;
}
.rr-spin-action>.primary {
    min-width:230px;
    font-size:15px;
}
.rr-spin-action p {
    font-size:11px;
    color:var(--rr-muted);
    margin:10px auto;
    max-width:430px;
    min-height:16px;
}
.rr-balance {
    display:flex;
    flex-direction:column;
}
.rr-coins {
    display:flex;
    align-items:center;
    gap:12px;
    padding:20px 0;
}
.rr-coins>span {
    font-size:38px;
    color:var(--rr-orange);
}
.rr-coins strong {
    font-size:52px;
    line-height:1.1;
    letter-spacing:-2px;
}
.rr-coins small {
    display:block;
}
.rr-vote {
    padding-top:16px;
    border-top:1px solid var(--rr-line);
    margin-top:auto;
}
.rr-vote p {
    color:var(--rr-muted);
    font-size:12px;
    margin-bottom:12px;
}
.rr-vote .rr-button {
    width:100%;
    border-color:#954124;
    color:#ff8c68;
}
.rr-vote small {
    display:block;
    margin-top:7px;
}
.rr-small {
    font-size:11px;
    color:var(--rr-muted);
    margin-top:16px;
}
.rr-inventory>header {
    display:flex;
    align-items:start;
    justify-content:space-between;
    gap:15px;
    margin-bottom:20px;
}
.rr-inventory header h2 span {
    font-size:12px;
    color:var(--rr-muted);
    font-weight:400;
    letter-spacing:0;
    margin-left:8px;
}
.rr-inventory header>a {
    font-size:12px;
    color:#abc6d4;
    white-space:nowrap;
}
.rr-rewards {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.rr-reward {
    min-width:0;
    border:1px solid var(--rr-line);
    border-radius:6px;
    padding:12px;
    background:radial-gradient(ellipse at 50% 10%,#14252e,#091217 80%);
    display:flex;
    flex-direction:column;
}
.rr-reward>img {
    width:100%;
    height:136px;
    object-fit:contain;
    margin:2px 0 12px;
    filter:drop-shadow(0 10px 10px #0009);
}
.rr-reward h3 {
    overflow-wrap:anywhere;
}
.rr-reward .rr-amount {
    font-size:21px;
    font-weight:700;
    margin-bottom:10px;
}
.rr-reward .rr-timer {
    font-size:12px;
    color:#b5d4e3;
    margin-top:auto;
    font-variant-numeric:tabular-nums;
}
.rr-reward.urgent .rr-timer {
    color:#ffc461;
}
.rr-reward .rr-expiry-track {
    height:3px;
    background:#26343c;
    margin:9px 0 10px;
    border-radius:3px;
    overflow:hidden;
}
.rr-expiry-track span {
    height:100%;
    display:block;
    background:#8aa6b6;
}
.urgent .rr-expiry-track span {
    background:#ffc461;
}
.rr-reward .rr-button {
    width:100%;
    border-color:#934528;
    background:#0b151b;
}
.rr-reward .rr-reason {
    font-size:11px;
    color:var(--rr-muted);
    margin:7px 0;
}
.rr-reward[data-status=claimed] {
    border-color:#245744;
}
.rr-reward[data-status=expired] {
    opacity:.65;
}
.rr-pages {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:18px;
    color:var(--rr-muted);
    font-size:12px;
}
.rr-pages>div {
    display:flex;
    gap:6px;
}
.rr-pages .rr-button {
    min-height:34px;
    padding:6px 12px;
}
.rr-empty {
    grid-column:1/-1;
    text-align:center;
    padding:35px 20px;
}
.rr-empty p {
    color:var(--rr-muted);
    margin:12px 0 20px;
}
.rr-notice {
    border:1px solid #75503a;
    background:#251c16;
    border-radius:6px;
    padding:14px 18px;
    margin-bottom:16px;
    overflow-wrap:anywhere;
}
.rr-notice.success {
    border-color:#2b6753;
    background:#0c231c;
    color:#b7f3db;
}
.rr-owner {
    font-size:11px;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:space-between;
    color:var(--rr-muted);
    margin:0 0 16px;
}
.rr-owner a {
    color:#ff9f80;
}
.rr-dialog {
    color:var(--rr-text);
    background:#0e191f;
    border:1px solid #3c525e;
    border-radius:10px;
    width:min(540px,calc(100% - 28px));
    max-height:85vh;
    padding:24px;
}
.rr-dialog::backdrop {
    background:#000a;
    backdrop-filter:blur(4px);
}
.rr-dialog>header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}
.rr-dialog header button {
    font-size:25px;
    border:0;
    background:transparent;
    color:white;
    width:38px;
    height:38px;
}
.rr-dialog p,.rr-dialog li {
    color:var(--rr-muted);
    font-size:13px;
}
.rr-dialog ol {
    padding-left:20px;
}
.rr-dialog li {
    margin-bottom:14px;
}
.rr-odds-item {
    display:flex;
    align-items:center;
    gap:12px;
    padding:9px 0;
    border-bottom:1px solid var(--rr-line);
}
.rr-odds-item img {
    width:45px;
    height:45px;
    object-fit:contain;
}
.rr-odds-item span {
    flex:1;
}
.rr-odds-item strong {
    font-variant-numeric:tabular-nums;
    color:#ff9a7c;
}
.rr-foot {
    color:#6e8592;
    font-size:10px;
    text-align:center;
    margin-top:28px;
}
.rr-review {
    max-width:900px;
    margin:40px auto;
    padding:24px;
}
.rr-review form {
    margin-top:20px;
    padding:20px;
    border:1px solid var(--rr-line);
    border-radius:8px;
}
.rr-review label {
    display:block;
    margin:12px 0;
}
.rr-review textarea {
    width:100%;
    background:#101c23;
    color:white;
    border:1px solid var(--rr-line);
    padding:12px;
    border-radius:5px;
    min-height:85px;
}
@media(min-width:1600px) {
    .rr-main {
        margin-left:calc(210px + (100% - 1600px)/2);
    }
}
@media(max-width:1100px) {
    .rr-sidebar {
        width:180px;
    }
    .rr-logo img {
        width:140px;
    }
    .rr-main {
        margin-left:180px;
        padding:28px 20px;
    }
    .rr-topbar {
        margin-left:180px;
        padding:0 20px;
    }
    .rr-context {
        flex-wrap:wrap;
    }
    .rr-context form {
        flex-basis:100%;
    }
    .rr-context select {
        max-width:none;
    }
    .rr-spin-grid {
        grid-template-columns:minmax(0,1fr);
    }
    .rr-balance {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:0 20px;
    }
    .rr-balance h2 {
        grid-column:1;
    }
    .rr-coins {
        grid-column:1;
        padding:8px 0;
    }
    .rr-vote {
        grid-column:2;
        grid-row:1/3;
        border:0;
        padding:0;
        margin:0;
        align-self:center;
    }
    .rr-balance>.rr-small {
        grid-column:1/-1;
        margin-top:5px;
    }
    .rr-reel img {
        height:115px;
    }
}
@media(max-width:700px) {
    .rr-sidebar {
        display:none;
        top:60px;
        width:240px;
        box-shadow:20px 0 60px #0009;
    }
    .rr-sidebar.open {
        display:flex;
    }
    .rr-topbar {
        margin:0;
        height:60px;
        padding:0 16px;
        position:sticky;
        top:0;
        z-index:20;
    }
    .rr-topbar>span {
        font-size:11px;
    }
    .rr-topbar>span b {
        padding:0 6px;
    }
    .rr-topbar>a {
        font-size:10px;
        margin-left:auto;
        margin-right:12px;
    }
    .rr-topbar button {
        display:block;
        color:white;
        background:transparent;
        border:0;
        font-size:22px;
    }
    .rr-main {
        margin:0;
        padding:23px 14px;
    }
    .rr-heading {
        margin-bottom:20px;
    }
    h1 {
        font-size:28px;
    }
    .rr-heading p {
        font-size:13px;
    }
    h2 {
        font-size:18px;
    }
    .rr-context {
        padding:12px;
        gap:10px;
        margin-bottom:12px;
    }
    .rr-context form {
        display:block;
    }
    .rr-context label {
        display:block;
        margin-bottom:5px;
    }
    .rr-context select {
        padding:10px 8px;
        font-size:12px;
    }
    .rr-online {
        font-size:10px;
    }
    .rr-context .rr-text {
        font-size:10px;
    }
    .rr-owner {
        font-size:10px;
    }
    .rr-spin-grid {
        gap:12px;
    }
    .rr-balance {
        grid-row:1;
        padding:14px;
        grid-template-columns:1fr auto;
        gap:0 12px;
    }
    .rr-balance>h2,.rr-vote>p,.rr-balance>.rr-small {
        display:none;
    }
    .rr-coins {
        padding:0;
        gap:8px;
    }
    .rr-coins>span {
        font-size:28px;
    }
    .rr-coins strong {
        font-size:35px;
    }
    .rr-coins>div {
        font-size:12px;
    }
    .rr-coins small {
        font-size:10px;
    }
    .rr-vote {
        grid-row:1;
    }
    .rr-vote .rr-button {
        padding:9px 12px;
        font-size:11px;
    }
    .rr-vote small {
        max-width:110px;
        font-size:9px;
        text-align:center;
    }
    .rr-spin {
        padding:16px 10px;
    }
    .rr-reel-window {
        margin-top:15px;
    }
    .rr-reel article {
        flex-basis:calc((100% - 12px)/3);
    }
    .rr-reel-window:after {
        width:calc((100% - 12px)/3);
    }
    .rr-reel img {
        height:90px;
    }
    .rr-reel strong {
        font-size:10px;
    }
    .rr-spin-action>.primary {
        width:100%;
        min-width:0;
    }
    .rr-spin-action p {
        font-size:10px;
    }
    .rr-panel header p {
        font-size:11px;
    }
    .rr-inventory {
        padding:14px 10px;
    }
    .rr-inventory>header {
        display:block;
        margin-bottom:14px;
    }
    .rr-inventory header>a {
        display:block;
        margin-top:9px;
        font-size:11px;
    }
    .rr-rewards {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .rr-reward {
        padding:10px;
    }
    .rr-reward>img {
        height:100px;
        margin-bottom:9px;
    }
    .rr-reward h3 {
        font-size:12px;
    }
    .rr-reward .rr-amount {
        font-size:17px;
    }
    .rr-reward .rr-timer {
        font-size:10px;
    }
    .rr-reward .rr-button {
        padding:8px 4px;
        font-size:10px;
    }
    .rr-reward .rr-reason {
        font-size:10px;
    }
    .rr-pages {
        font-size:10px;
        align-items:start;
    }
    .rr-pages .rr-button {
        font-size:10px;
        padding:6px 8px;
    }
    .rr-dialog {
        padding:18px;
    }
    .rr-review {
        margin:10px;
        padding:12px;
    }
    .rr-notice {
        font-size:12px;
    }
    .rr-empty {
        padding:24px 12px;
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto;
    }
}
.rr-mobile-brand {
    display:none;
}
.rr-mobile-brand img {
    width:130px;
    height:auto;
    display:block;
}
@media(max-width:700px) {
    .rr-topbar>.rr-mobile-brand {
        display:block;
        margin:0 auto 0 0;
    }
    .rr-topbar>span {
        display:none;
    }
}

/* Spin & rewards v0.16.41: scoped to this standalone player page. */
.rr-body { --rr-red:#ff2638; }
.rr-main { max-width:1450px; padding:30px clamp(20px,3vw,46px) 24px; }
.rr-heading { margin-bottom:22px; }
.rr-heading h1 { font-size:36px; }
.rr-heading p { font-size:15px; }
.rr-button { min-height:44px; border-color:#435762; background:linear-gradient(#101c23,#0b151b); font-size:12px; text-decoration:none; }
.rr-button.primary { background:linear-gradient(110deg,#ff511f,#ef370d); border-color:#ff511f; }
.rr-button:disabled { opacity:.5; }
.rr-text { text-decoration:none; }
.rr-sidebar { width:210px; padding:25px 10px; }
.rr-sidebar nav a { padding:8px 10px; gap:11px; min-height:58px; font-size:13px; }
.rr-sidebar .rr-nav-icon { width:42px; height:42px; flex:0 0 42px; object-fit:contain; display:block; }
.rr-sidebar nav .rr-crate-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border:1px solid #936144; border-radius:50%; background:radial-gradient(#334047,#11171a); }
.rr-crate-icon img { padding:4px; }
.rr-account { margin: auto 8px 0; }
.rr-topbar { height:64px; padding:0 30px; }
.rr-topbar>a.rr-button { color:var(--rr-text); min-width:136px; }
.rr-context { display:grid; grid-template-columns:180px minmax(140px,1fr) auto; gap:20px; padding:12px; align-items:center; }
.rr-server-art { width:180px; height:88px; object-fit:cover; border-radius:5px; }
.rr-server-identity { min-width:0; }
.rr-server-identity .rr-eyebrow { display:block; padding:0; margin-bottom:4px; font-size:9px; }
.rr-server-identity h2 { font-size:17px; letter-spacing:-.3px; line-height:1.35; overflow-wrap:anywhere; margin:0 0 6px; }
.rr-online { font-size:11px; white-space:normal; display:block; }
.rr-context-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.rr-context-actions .rr-button { padding:10px 14px; }
.rr-owner { border:1px solid var(--rr-line); border-radius:8px; padding:12px 16px; background:linear-gradient(100deg,#111d24,#091217); margin-bottom:16px; align-items:center; gap:12px; }
.rr-owner-label,.rr-owner-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.rr-owner-label strong { color:var(--rr-text); font-size:13px; }
.rr-owner-mark { display:block; width:20px; height:20px; border:2px solid #b6c7d1; border-radius:5px; background:radial-gradient(circle,transparent 22%,#b6c7d1 25%,#b6c7d1 35%,transparent 38%); }
.rr-owner-status { padding:5px 10px; background:#34251a; border:1px solid #68422d; border-radius:20px; color:#ffd0ae; font-size:11px; }
.rr-owner-status.is-enabled { color:#79e1ae; border-color:#1b5541; background:#0d2a20; }
.rr-owner a { color:var(--rr-text); }
.rr-spin-grid { grid-template-columns:minmax(0,2.65fr) minmax(242px,1fr); gap:16px; }
.rr-spin { padding:20px 16px; }
.rr-spin-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.rr-sound { flex-shrink:0; }
.rr-sound[aria-pressed=false] svg { opacity:.4; }
.rr-reel-window { border:1px solid #31434d; border-radius:7px; padding:12px 8px; margin:24px 0 22px; background:linear-gradient(90deg,#29414d,#070d10 3%,#070d10 97%,#29414d); }
.rr-reel-window:after { inset:12px auto 12px 50%; width:calc((100% - 42px)/5); border-color:var(--rr-red); border-radius:4px; box-shadow:0 0 16px #ff243029; }
.rr-reel { position:relative; }
.rr-reel article { padding:12px 5px; }
.rr-reel img { height:126px; }
.rr-reel strong { font-size:11px; margin-top:12px; min-height:29px; }
.rr-reel small { font-size:11px; }
.rr-pointer { top:0; border-top-color:var(--rr-orange); border-top-width:11px; }
.rr-reel-window:before { content:""; position:absolute; z-index:4; bottom:0; left:50%; transform:translateX(-50%); border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:10px solid var(--rr-orange); }
.rr-spin-buttons { display:flex; justify-content:center; gap:12px; }
.rr-spin-buttons .primary { min-width:230px; font-size:14px; }
.rr-spin-buttons [data-odds-open] { min-width:180px; }
.rr-spin-action p { font-size:12px; max-width:none; margin-bottom:0; }
.rr-balance { padding:20px 18px; }
.rr-coins { padding:24px 0; gap:12px; flex-wrap:wrap; }
.rr-coins .rh-spin2win-coin { width:82px; height:82px; flex-basis:82px; }
.rr-coins strong { font-size:58px; max-width:100%; overflow-wrap:anywhere; }
.rr-coins>span { font-size:12px; color:var(--rr-text); }
.rr-vote-label { text-transform:uppercase; letter-spacing:1.5px; color:#c3d1da!important; }
.rr-countdown { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:0 0 16px; text-align:center; font-variant-numeric:tabular-nums; }
.rr-countdown strong { display:block; font-size:29px; line-height:1; padding:12px 3px; border:1px solid #8b2734; border-radius:5px; color:#ff767d; background:linear-gradient(130deg,#451721,#28131b); }
.rr-countdown span { display:block; color:#a7bdc9; text-transform:uppercase; letter-spacing:.6px; font-size:9px; margin-top:6px; }
.rr-vote .rr-button { border-color:#398263; color:#a8ebc9; background:#113528; }
.rr-vote .rr-button.is-cooldown { border-color:#a13444; color:#ffafb5; background:linear-gradient(110deg,#541b28,#3e1720); }
.rr-vote small { font-size:11px; margin-top:10px; }
.rr-inventory { padding:20px; }
.rr-inventory>header { border-bottom:1px solid var(--rr-line); padding-bottom:18px; margin-bottom:0; align-items:center; }
.rr-rewards { padding-top:18px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.rr-inventory header>a { color:var(--rr-text); }
.rr-empty-rewards { display:flex; align-items:center; justify-content:center; gap:25px; text-align:left; min-height:156px; padding:8px 16px; }
.rr-empty-rewards>img { width:168px; height:118px; object-fit:contain; flex-shrink:0; filter:drop-shadow(0 8px 12px #0008); }
.rr-empty-rewards h3 { font-size:19px; }
.rr-empty-rewards p { margin:7px 0; font-size:13px; max-width:440px; }
.rr-reward .rr-button { min-height:44px; }
.rr-reward .rr-button.primary { background:#ff481f; color:#fff; }
.rr-reward[data-locked] .rr-button { pointer-events:none; }
.rr-pages .rr-button { min-height:44px; }
.rr-result { color:#e7f4ec; border-color:#366853; }
.rr-server-picker { display:grid; gap:12px; }
.rr-server-picker select { width:100%; padding:12px; border:1px solid #435762; border-radius:5px; background:#0b1318; color:white; }
.rr-dialog header button { min-width:44px; height:44px; border:1px solid #435762; border-radius:5px; }
.rr-dialog :focus-visible { outline:2px solid #ff9a7b; outline-offset:3px; }
@media(min-width:1700px) { .rr-main { margin-left:calc(210px + (100% - 1660px)/2); } }
@media(max-width:1250px) {
    .rr-context { grid-template-columns:140px minmax(0,1fr); }
    .rr-server-art { width:140px; }
    .rr-context-actions { grid-column:1/-1; justify-content:flex-end; border-top:1px solid var(--rr-line); padding-top:12px; }
    .rr-reel img { height:110px; }
    .rr-spin-grid { grid-template-columns:minmax(0,2.2fr) minmax(226px,1fr); }
    .rr-spin-buttons .primary,.rr-spin-buttons [data-odds-open] { min-width:0; flex:1; }
}
@media(max-width:1100px) {
    .rr-sidebar { width:190px; }
    .rr-main,.rr-topbar { margin-left:190px; }
    .rr-main { padding:28px 20px; }
    .rr-sidebar nav a { gap:8px; font-size:12px; }
    .rr-spin-grid { grid-template-columns:minmax(0,1fr); }
    .rr-balance { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,1fr); }
    .rr-balance h2 { display:block; }
    .rr-vote { grid-row:1/3; }
    .rr-vote .rr-vote-label { margin-bottom:8px; }
    .rr-coins { padding:12px 0; align-self:start; }
    .rr-rewards { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
    .rr-topbar,.rr-main { margin-left:0; }
    .rr-main { padding:24px 14px; }
    .rr-sidebar { width:250px; top:64px; }
    .rr-sidebar nav a { font-size:14px; }
    .rr-topbar { padding:0 14px; }
    .rr-topbar>.rr-button { display:none; }
    .rr-topbar [data-menu] { display:grid; place-items:center; border:1px solid #435762; border-radius:5px; width:44px; height:44px; }
    .rr-menu-lines { display:block; width:19px; height:14px; border-top:2px solid white; border-bottom:2px solid white; position:relative; }
    .rr-menu-lines:before { content:""; position:absolute; top:4px; height:2px; width:100%; left:0; background:white; }
    .rr-heading h1 { font-size:29px; }
    .rr-context { gap:12px; grid-template-columns:90px minmax(0,1fr); }
    .rr-server-art { width:90px; height:82px; }
    .rr-server-identity h2 { font-size:13px; }
    .rr-server-identity .rr-eyebrow { font-size:8px; }
    .rr-online { font-size:10px; }
    .rr-context-actions { gap:6px; justify-content:stretch; }
    .rr-context-actions .rr-button { flex:1; padding:8px 7px; font-size:11px; }
    .rr-owner { padding:12px; gap:10px; }
    .rr-owner-label { gap:8px; }
    .rr-owner-label strong { font-size:12px; }
    .rr-owner-actions { width:100%; gap:8px; }
    .rr-owner-actions .rr-button { flex:1; font-size:11px; }
    .rr-spin { padding:16px 10px; }
    .rr-spin-heading { gap:8px; }
    .rr-spin-heading h2 { font-size:20px; }
    .rr-sound { font-size:11px; padding:8px 10px; }
    .rr-reel-window { margin:20px 0 18px; }
    .rr-reel-window:after { width:calc((100% - 30px)/3); }
    .rr-reel img { height:106px; }
    .rr-reel strong { font-size:10px; }
    .rr-spin-buttons { gap:8px; }
    .rr-spin-buttons .primary { font-size:12px; }
    .rr-spin-buttons [data-odds-open] { font-size:11px; }
    .rr-spin-action p { font-size:11px; line-height:1.6; }
    .rr-balance { grid-row:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:6px 14px; padding:16px 12px; }
    .rr-balance h2 { font-size:14px; }
    .rr-coins { gap:5px; padding:4px 0; flex-wrap:wrap; }
    .rr-coins .rh-spin2win-coin { width:52px; height:52px; flex-basis:52px; }
    .rr-coins strong { font-size:38px; letter-spacing:-1px; }
    .rr-coins>span { font-size:11px; }
    .rr-vote { grid-row:1/3; }
    .rr-vote .rr-vote-label { display:block; font-size:10px; }
    .rr-countdown { gap:4px; margin-bottom:10px; }
    .rr-countdown strong { font-size:22px; padding:10px 2px; }
    .rr-countdown span { font-size:7px; }
    .rr-vote small { max-width:none; text-align:left; font-size:10px; }
    .rr-inventory { padding:16px 12px; }
    .rr-inventory>header { display:flex; align-items:start; gap:10px; }
    .rr-inventory header h2 span { margin:4px 0 0; display:block; }
    .rr-inventory header>a { display:inline-flex; margin:0; font-size:10px; padding:8px; }
    .rr-rewards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rr-empty-rewards { flex-direction:column; text-align:center; gap:12px; padding:16px 0; }
    .rr-empty-rewards>img { width:158px; height:112px; }
    .rr-empty-rewards h3 { font-size:17px; }
    .rr-empty-rewards p { font-size:12px; }
}
@media(max-width:350px) {
    .rr-main { padding:20px 10px; }
    .rr-balance { gap:8px; }
    .rr-coins .rh-spin2win-coin { width:40px; height:40px; flex-basis:40px; }
    .rr-coins strong { font-size:32px; }
    .rr-sound svg { display:none; }
}