/* casinos/rollbit.css  -  Rollbit: "Token Terminal". DeFi-dashboard aesthetic. */
.rlb-terminal { padding: var(--s-6) 0; background: linear-gradient(180deg, #161108, transparent), var(--paper); border-bottom: 2px solid var(--brand); }
.rlb-marquee { font-family: var(--font-mono); font-size: 14px; color: var(--brand); padding: 6px 0; border-top: 1px solid var(--brand); border-bottom: 1px solid var(--brand); margin-bottom: var(--s-5); display: flex; gap: var(--s-5); letter-spacing: 0.15em; }
.rlb-terminal__grid { display: grid; grid-template-columns: 1fr; gap: var(--s-5); }
@media (min-width: 880px) { .rlb-terminal__grid { grid-template-columns: 1.3fr 1fr; } }
.rlb-h1 { font-family: var(--font-mono); font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; line-height: 1.1; letter-spacing: -0.01em; margin: 0 0 var(--s-3); }
.rlb-h1 span { color: var(--brand); }
.rlb-lede { color: var(--ink-dim); font-size: 1.05rem; line-height: 1.6; }
.rlb-token-card { padding: var(--s-5); background: #0d0905; border: 1px solid var(--brand); }
.rlb-token-sym { font-family: var(--font-mono); font-size: 3.5rem; font-weight: 800; color: var(--brand); line-height: 1; }
.rlb-token-name { font-family: var(--font-mono); font-size: 14px; color: var(--ink-mute); letter-spacing: 0.2em; text-transform: uppercase; }
.rlb-token-data { margin-top: var(--s-3); padding-top: var(--s-3); border-top: 1px dashed var(--brand); font-family: var(--font-mono); font-size: 14px; color: var(--ink-dim); display: flex; flex-direction: column; gap: var(--s-2); }
.rlb-token-data strong { color: var(--ink); }

.rlb-x-series { padding: var(--s-7) 0; border-bottom: 1px solid var(--rule); background: #0d0905; }
.rlb-x-series h2 { font-family: var(--font-mono); font-size: var(--t-h2); margin: 0 0 var(--s-4); color: var(--brand); letter-spacing: -0.01em; }
.rlb-x-grid { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--brand); padding: 1px; }
@media (min-width: 700px) { .rlb-x-grid { grid-template-columns: repeat(3, 1fr); } }
.rlb-x-card { padding: var(--s-4); background: var(--paper); display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: inherit; font-family: var(--font-mono); }
.rlb-x-card:hover { background: var(--brand-soft); }
.rlb-x-card strong { font-family: var(--font-serif); font-size: 1.1rem; color: var(--ink); }
.rlb-x-card .rtp { font-size: 14px; color: var(--brand); }

.rlb-body { padding: var(--s-7) 0; }
.rlb-body__inner {  }

.rlb-ladder { padding: var(--s-7) 0; background: #2a1c08; color: #f5e7c8; border-top: 2px solid var(--brand); }
.rlb-ladder__title { font-family: var(--font-mono); color: var(--brand); margin: 0 0 var(--s-4); font-size: 1.6rem; }
.rlb-ladder__rows { display: grid; gap: 2px; background: var(--brand); padding: 2px; margin-bottom: var(--s-4); }
.rlb-ladder__row { display: grid; grid-template-columns: 1fr 2fr 80px; gap: var(--s-3); padding: var(--s-3) var(--s-4); background: #2a1c08; font-family: var(--font-mono); font-size: 14px; }
.rlb-ladder__row span:first-child { color: var(--brand); font-weight: 700; }
.rlb-ladder__row span:last-child { text-align: right; color: #f5e7c8; font-weight: 700; }
.rlb-ladder__row--top { background: #3a2810; }
.rlb-ladder__note { color: #d4c4a0; font-size: var(--t-small); font-style: italic; }
.rlb-ladder__signoff { display: flex; align-items: center; gap: var(--s-3); margin-top: var(--s-4); padding-top: var(--s-4); border-top: 1px dashed var(--brand); }
.rlb-ladder__signoff img { width: 80px; height: 80px; border-radius: 50%; border: 3px solid var(--brand); padding: 4px; background: #2a1c08; object-fit: cover; }
.rlb-ladder__signoff a { color: var(--brand); border-bottom: 1px solid var(--brand); }
.rlb-ladder__signoff strong { color: #f5e7c8; }

.rlb-stack { padding: var(--s-5) 0; background: #2a1c08; color: #f5e7c8; border-top: 2px solid var(--brand); border-bottom: 2px solid var(--brand); }
.rlb-stack__title { font-family: var(--font-mono); font-size: 14px; letter-spacing: 0.2em; color: var(--brand); margin: 0 0 var(--s-3); }
.rlb-stack__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 0; }
@media (min-width: 700px) { .rlb-stack__list { grid-template-columns: repeat(2, 1fr); gap: 0 var(--s-5); } }
@media (min-width: 1100px) { .rlb-stack__list { grid-template-columns: repeat(3, 1fr); } }
.rlb-stack__list li { padding: 6px 0; border-bottom: 1px dashed rgba(255,139,91,0.3); font-family: var(--font-mono); font-size: 14px; }
.rlb-stack__list a { color: #f5e7c8; display: grid; grid-template-columns: 56px 1fr; gap: var(--s-3); align-items: baseline; }
.rlb-stack__list span { color: var(--brand); font-weight: 700; }
.rlb-stack__list a:hover { color: var(--brand); }