:root {
    --bg: #06080f;
    --bg2: #0b1020;
    --panel: rgba(16, 22, 39, .84);
    --panel2: rgba(26, 33, 56, .94);
    --line: rgba(255, 255, 255, .11);
    --text: #f5f7ff;
    --muted: #9ba7c7;
    --gold: #ffd166;
    --green: #3effa3;
    --blue: #5ee4ff;
    --red: #ff5277;
    --purple: #a970ff;
    --radius: 24px;
    --shadow: 0 30px 90px rgba(0, 0, 0, .42);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    font-family: Manrope, sans-serif;
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 209, 102, .16), transparent 26rem),
        radial-gradient(circle at 84% 8%, rgba(94, 228, 255, .14), transparent 28rem),
        radial-gradient(circle at 70% 85%, rgba(169, 112, 255, .18), transparent 30rem),
        linear-gradient(135deg, #05060b 0%, #0b1020 52%, #080915 100%);
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, black, transparent 85%);
}

/* Separate-page casino shell. */
.site-body { padding: 0 18px; }
.site-header, .site-footer, .site-main { width: min(1320px, 100%); margin: 0 auto; }
.site-header { position: sticky; z-index: 20; top: 14px; display: flex; align-items: center; gap: 28px; min-height: 76px; margin-top: 14px; padding: 12px 18px; border: 1px solid var(--line); border-radius: 24px; background: rgba(9, 13, 24, .86); box-shadow: var(--shadow); backdrop-filter: blur(20px); }
.site-nav { display: flex; flex: 1; justify-content: center; gap: 4px; }
.site-nav a { padding: 11px 13px; border-radius: 12px; color: var(--muted); font-size: 14px; font-weight: 700; }
.site-nav a:hover, .site-nav a.active { color: var(--text); background: rgba(255,255,255,.08); }
.site-account { display: flex; align-items: center; gap: 8px; }
.balance-chip { display: inline-flex; padding: 10px 14px; border: 1px solid rgba(255,209,102,.35); border-radius: 14px; color: var(--gold); font-size: 14px; font-weight: 800; }
.small { min-height: 38px; padding: 0 12px; font-size: 13px; }
.site-main { padding: 46px 0 54px; }
.home-hero { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; min-height: 500px; padding: 54px; overflow: hidden; border: 1px solid var(--line); border-radius: 34px; background: linear-gradient(115deg, rgba(30,40,75,.95), rgba(12,16,29,.84) 58%, rgba(83,35,46,.72)); box-shadow: var(--shadow); }
.home-hero::after { content: ""; position: absolute; width: 520px; height: 520px; top: -270px; right: -90px; border-radius: 50%; background: radial-gradient(circle, rgba(255,209,102,.36), transparent 63%); }
.hero-copy { position: relative; z-index: 1; max-width: 680px; }
.hero-copy h1, .page-title h1, .auth-intro h1 { max-width: 720px; margin: 12px 0 18px; font-size: clamp(32px, 4.2vw, 64px); line-height: 1.1; letter-spacing: -2px; }
.hero-copy p, .page-title p, .auth-intro p, .info-panel p, .kyc-card p { color: var(--muted); line-height: 1.75; font-size: 16px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.trust-row span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; font-weight: 800; }
.hero-stage { position: relative; z-index: 1; display: grid; align-content: center; justify-items: end; gap: 18px; }
.stage-card { border: 1px solid rgba(255,255,255,.17); border-radius: 25px; background: rgba(8,12,22,.62); box-shadow: 0 28px 55px rgba(0,0,0,.3); backdrop-filter: blur(16px); }
.stage-main { width: min(100%, 370px); padding: 27px; transform: rotate(4deg); }.stage-main span, .stage-float span { color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: 1.5px; }.stage-main strong { display: block; margin: 10px 0 18px; color: var(--gold); font: 800 30px Unbounded, sans-serif; }.stage-main small, .stage-float small { color: var(--muted); }
.reel-line { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 18px; }.reel-line i { display: grid; place-items: center; height: 64px; color: #111; font: 800 25px Unbounded, sans-serif; font-style: normal; border-radius: 14px; background: linear-gradient(135deg,#fff7d5,#e8ac38); }
.stage-float { width: 220px; padding: 18px; margin-right: 135px; transform: rotate(-5deg); }.stage-float strong { display: block; margin: 8px 0; font-size: 25px; }
.feature-strip, .news-grid, .cashier-grid, .profile-grid, .support-layout, .admin-actions, .contact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.feature-strip { margin: 18px 0 54px; }.feature-strip article, .info-panel, .form-card, .news-card, .catalog-game, .legal-page article, .contact-grid article { padding: 23px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); box-shadow: var(--shadow); }.feature-strip b { display: block; color: var(--gold); font: 800 22px Unbounded, sans-serif; }.feature-strip span { color: var(--muted); font-size: 13px; }
.section-block { margin-top: 42px; }.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px; }.section-head h2, .info-panel h2, .form-card h2, .legal-page h2 { margin: 6px 0; font-size: 22px; }.text-link { color: var(--gold); font-weight: 800; }.news-grid { grid-template-columns: repeat(3,1fr); }.news-card { min-height: 190px; }.news-card span, .contact-grid span { color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: 1px; }.news-card h3 { margin: 16px 0 10px; font-size: 19px; }.news-card p { color: var(--muted); line-height: 1.6; }.news-card.gold { background: linear-gradient(135deg, rgba(114,72,12,.72), var(--panel)); }.news-card.blue { background: linear-gradient(135deg, rgba(13,61,89,.72), var(--panel)); }.news-card.red { background: linear-gradient(135deg, rgba(100,28,47,.72), var(--panel)); }
.two-column { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.info-panel ol { margin: 20px 0 0; padding-left: 20px; color: var(--muted); line-height:2; }.accent-panel { background: linear-gradient(130deg, rgba(76,37,22,.72), var(--panel)); }
.page-title { max-width: 860px; margin: 4px 0 36px; }.page-title.compact h1 { font-size: clamp(27px, 3.3vw, 46px); }.game-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }.catalog-game { display:flex; flex-direction:column; gap:14px; }.catalog-game h3 { margin:5px 0; font-size:16px; }.catalog-game p, .catalog-game small { margin:0; color:var(--muted); font-size:12px; }.catalog-game .primary-btn { width:100%; margin-top:auto; text-align:center; }.game-art { display:grid; place-items:center; min-height:118px; border-radius:16px; background:radial-gradient(circle at 30% 20%,var(--accent,#59e6ff),transparent 55%), #11192c; }.game-art span { color:#fff; font:800 22px Unbounded,sans-serif; text-shadow:0 4px 14px #000; }.theme-gold { --accent:#ffc454; }.theme-fruit { --accent:#ff6188; }.theme-cyber { --accent:#66d7ff; }.theme-ancient { --accent:#a98bff; }.theme-ice { --accent:#b4fff4; }.theme-rocket { --accent:#ff9d5c; }.theme-dice { --accent:#85ff9c; }.theme-table { --accent:#f85678; }
.auth-page { display:grid; grid-template-columns:1fr minmax(340px,460px); gap:56px; align-items:center; min-height:calc(100vh - 260px); }.auth-box { padding:28px; border:1px solid var(--line); border-radius:28px; background:var(--panel); box-shadow:var(--shadow); }.auth-switch { display:grid; grid-template-columns:1fr 1fr; padding:4px; border-radius:14px; background:rgba(255,255,255,.07); }.auth-switch a { padding:10px; border-radius:10px; text-align:center; color:var(--muted); font-weight:800; }.auth-switch a.active { color:var(--text); background:rgba(255,255,255,.11); }.auth-box form, .form-card form { display:grid; gap:12px; margin-top:22px; }.auth-box form p, .form-card small { color:var(--muted); font-size:12px; line-height:1.6; }
.form-card input, .form-card select, .form-card textarea, .auth-box input, .play-surface input, .play-surface select { width:100%; padding:13px 14px; color:var(--text); border:1px solid var(--line); border-radius:13px; outline:none; background:rgba(255,255,255,.07); }.form-card textarea { resize:vertical; }.cashier-grid, .profile-grid, .support-layout, .admin-actions { grid-template-columns:repeat(2,1fr); }.form-card .text-link { display:inline-block; margin-top:15px; }.transaction-list, .ticket-list { display:grid; gap:9px; }.transaction-list>div, .ticket-list>div { display:grid; grid-template-columns:1fr auto; gap:5px 12px; padding:14px; border-radius:14px; background:rgba(255,255,255,.05); }.transaction-list small, .ticket-list span { grid-column:1/-1; color:var(--muted); }.ticket-list p { margin:6px 0 0; color:var(--muted); }.status-verified, .verified { color:var(--green); }.status-pending { color:var(--gold); }.kyc-state { margin:18px 0; padding:14px; border-radius:13px; background:rgba(255,209,102,.09); color:var(--gold); }
.game-room-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }.game-room-head h1 { margin:10px 0; font-size:clamp(28px,4vw,52px); }.game-room-head p { color:var(--muted); }.play-surface { min-height:450px; display:grid; place-items:center; gap:30px; padding:35px; border:1px solid var(--line); border-radius:30px; background:radial-gradient(circle at 50% 0,var(--accent,#59e6ff),transparent 45%),rgba(13,18,32,.9); }.play-display { display:grid; place-items:center; width:min(100%,780px); min-height:245px; padding:30px; text-align:center; border:1px solid rgba(255,255,255,.18); border-radius:22px; background:rgba(3,7,17,.48); }.play-display span { font:800 clamp(24px,5vw,58px) Unbounded,sans-serif; }.play-display small { color:var(--muted); }.play-surface form { display:flex; align-items:end; gap:12px; }.play-surface label { color:var(--muted); font-size:13px; }.play-surface input { margin-top:7px; }
.play-display.is-spinning span { animation: reelPulse .42s ease-in-out infinite alternate; }.mobile-site-nav { display:none; } @keyframes reelPulse { from { transform:translateY(-7px); filter:blur(1px); opacity:.45; } to { transform:translateY(7px); filter:blur(0); opacity:1; } }
.legal-page { max-width:900px; }.legal-page>h1, .contacts-page>h1 { margin:10px 0 30px; font-size:clamp(30px,4vw,54px); }.legal-page article { line-height:1.8; color:var(--muted); }.legal-page article h2 { color:var(--text); }.contacts-page>p { color:var(--muted); }.contact-grid { grid-template-columns:repeat(3,1fr); margin-top:26px; }.contact-grid h2 { margin:10px 0; font-size:18px; }.contact-grid p { color:var(--muted); }.admin-tables { display:grid; gap:18px; margin-top:18px; overflow-x:auto; }.admin-tables article { padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }.admin-tables table { width:100%; min-width:650px; border-collapse:collapse; }.admin-tables th, .admin-tables td { padding:11px; border-bottom:1px solid var(--line); text-align:left; font-size:13px; }.site-footer { display:flex; justify-content:space-between; gap:18px; padding:25px 2px 36px; color:var(--muted); font-size:13px; }.site-footer strong { display:block; color:var(--text); }.site-footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:16px; }

button, input, select, textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: none;
}

.casino-shell {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    width: min(1560px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 96px;
}

.sidebar {
    position: sticky;
    top: 24px;
    height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(20, 27, 48, .92), rgba(9, 13, 24, .86));
    box-shadow: var(--shadow);
    backdrop-filter: blur(20px);
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-mark {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    color: #100a00;
    font-family: Unbounded, sans-serif;
    font-weight: 900;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--gold), #ff7a1a);
    box-shadow: 0 18px 35px rgba(255, 166, 46, .32);
}

.brand strong,
h1,
h2,
h3 {
    font-family: Unbounded, sans-serif;
}

.brand strong {
    display: block;
    font-size: 20px;
}

.brand small,
.eyebrow,
.side-nav a,
.jackpot-card span,
.jackpot-card small {
    color: var(--muted);
}

.side-nav {
    display: grid;
    gap: 9px;
}

.side-nav a {
    padding: 14px 16px;
    border: 1px solid transparent;
    border-radius: 18px;
    transition: .18s ease;
}

.side-nav a:hover,
.side-nav a.active {
    color: var(--text);
    border-color: rgba(255, 209, 102, .22);
    background: rgba(255, 255, 255, .07);
}

.jackpot-card,
.section-panel,
.wallet-card,
.profile-card,
.vip-card,
.bonus-card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--panel);
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
}

.jackpot-card {
    margin-top: auto;
    padding: 20px;
    background:
        radial-gradient(circle at 80% 20%, rgba(255, 209, 102, .24), transparent 9rem),
        rgba(15, 20, 34, .86);
}

.jackpot-card strong {
    display: block;
    margin: 8px 0 4px;
    color: var(--gold);
    font-size: 26px;
}

.main {
    min-width: 0;
}

.topbar {
    position: sticky;
    z-index: 10;
    top: 16px;
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 26px;
    background: rgba(9, 13, 24, .76);
    backdrop-filter: blur(18px);
}

.search-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    min-height: 48px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .07);
}

.search-wrap input,
.money-form input,
.money-form select,
.profile-form input,
.profile-form select,
.support-form input,
.support-form textarea,
.auth-form input,
.bet-box input {
    width: 100%;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 15px;
    outline: none;
    background: rgba(255, 255, 255, .08);
}

.search-wrap input {
    border: 0;
    background: transparent;
}

.top-actions,
.account-pill,
.hero-actions,
.chips,
.bet-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.account-pill {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.primary-btn,
.ghost-btn,
.glass-btn,
.chip {
    min-height: 44px;
    padding: 0 16px;
    color: var(--text);
    border-radius: 15px;
    border: 1px solid var(--line);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.primary-btn {
    color: #0a0c13;
    border: 0;
    font-weight: 900;
    background: linear-gradient(135deg, var(--gold), #ff8d29);
    box-shadow: 0 16px 36px rgba(255, 171, 55, .28);
}

.ghost-btn,
.glass-btn,
.chip {
    background: rgba(255, 255, 255, .07);
}

.primary-btn:hover,
.ghost-btn:hover,
.glass-btn:hover,
.chip:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 209, 102, .38);
}

.small {
    min-height: 34px;
    padding: 0 12px;
}

.big {
    min-height: 54px;
    padding: 0 22px;
}

.hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
    gap: 24px;
    overflow: hidden;
    min-height: 430px;
    padding: 38px;
    border: 1px solid var(--line);
    border-radius: 36px;
    background:
        linear-gradient(135deg, rgba(255, 209, 102, .18), transparent 38%),
        radial-gradient(circle at 76% 45%, rgba(94, 228, 255, .18), transparent 18rem),
        linear-gradient(160deg, rgba(19, 27, 52, .92), rgba(8, 11, 21, .84));
    box-shadow: var(--shadow);
}

.hero::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -160px;
    width: 430px;
    height: 430px;
    border-radius: 50%;
    background: conic-gradient(from 180deg, var(--gold), var(--blue), var(--purple), var(--gold));
    filter: blur(35px);
    opacity: .2;
}

.hero-copy {
    position: relative;
    z-index: 1;
    align-self: center;
}

.eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: 12px;
    font-weight: 900;
}

h1,
h2,
h3,
p {
    margin-top: 0;
}

h1 {
    max-width: 790px;
    margin-bottom: 18px;
    font-size: clamp(38px, 5.2vw, 76px);
    line-height: .96;
    letter-spacing: -.06em;
}

.hero p {
    max-width: 680px;
    color: #c8d1ee;
    font-size: 18px;
    line-height: 1.65;
}

.hero-game-card {
    position: relative;
    z-index: 1;
    align-self: center;
    padding: 22px;
    border: 1px solid rgba(255, 209, 102, .22);
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
    transform: rotate(2deg);
}

.hot-label {
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 12px;
    color: #0b0c12;
    font-weight: 900;
    border-radius: 999px;
    background: var(--green);
}

.slot-window {
    display: grid;
    grid-template-columns: repeat(5, minmax(44px, 1fr));
    gap: 10px;
    padding: 14px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(0,0,0,.24), rgba(255,255,255,.03)),
        #0b0f1b;
}

.slot-window span {
    display: grid;
    place-items: center;
    min-height: 74px;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    border-radius: 17px;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 40%), linear-gradient(145deg, #202a46, #101626);
    box-shadow: inset 0 -10px 22px rgba(0,0,0,.22);
}

.slot-window.mini {
    grid-template-columns: repeat(3, 1fr);
}

.hero-game-meta {
    margin-top: 18px;
}

.hero-game-meta strong {
    display: block;
    font-family: Unbounded, sans-serif;
    font-size: 24px;
}

.hero-game-meta small {
    color: var(--muted);
}

.stats-grid,
.content-grid,
.admin-grid {
    display: grid;
    gap: 18px;
}

.stats-grid {
    grid-template-columns: repeat(4, 1fr);
    margin: 20px 0;
}

.stats-grid article {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255, 255, 255, .06);
}

.stats-grid span,
.balance-lines span,
.game-card small,
.table-wrap,
.auth-note {
    color: var(--muted);
}

.stats-grid strong {
    display: block;
    margin-top: 6px;
    font-size: 24px;
}

.content-grid {
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: start;
}

.content-main,
.player-column {
    display: grid;
    gap: 18px;
}

.section-panel,
.wallet-card,
.profile-card,
.vip-card,
.bonus-card {
    padding: 22px;
}

.section-head {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.section-head h2 {
    margin: 0;
    font-size: clamp(24px, 3vw, 34px);
}

.chip.active {
    color: #0a0c13;
    border: 0;
    background: var(--green);
}

.games-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.game-card {
    position: relative;
    display: grid;
    min-height: 220px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.03));
}

.game-card::before {
    content: "";
    position: absolute;
    inset: -45% -30% auto auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--accent, var(--gold));
    filter: blur(24px);
    opacity: .25;
}

.game-card strong {
    position: relative;
    z-index: 1;
    font-family: Unbounded, sans-serif;
    font-size: 20px;
}

.game-visual {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    align-self: center;
    margin: 20px 0;
}

.game-visual span {
    display: grid;
    place-items: center;
    min-height: 44px;
    border-radius: 12px;
    background: rgba(0,0,0,.28);
}

.game-card footer {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
}

.game-card button {
    min-height: 38px;
}

.bet-box {
    flex-wrap: wrap;
}

.bet-box label {
    color: var(--muted);
}

.bet-box input {
    width: 120px;
    padding: 12px;
}

.machine {
    display: grid;
    gap: 16px;
}

.sports-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sports-strip article {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: rgba(255,255,255,.055);
}

.sports-strip article span {
    color: var(--green);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.sports-strip article strong {
    min-height: 44px;
}

.round-result {
    min-height: 58px;
    padding: 16px;
    color: #dce4ff;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,.06);
}

.balance-lines {
    display: grid;
    gap: 12px;
    margin: 18px 0;
}

.vip-card {
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 0%, rgba(255, 209, 102, .26), transparent 10rem),
        linear-gradient(160deg, rgba(38, 30, 14, .94), rgba(12, 15, 26, .88));
}

.vip-card h2 {
    margin-bottom: 12px;
}

.progress {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.1);
}

.progress span {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gold), var(--green));
    transition: width .35s ease;
}

.bonus-card {
    background:
        radial-gradient(circle at 100% 30%, rgba(62, 255, 163, .16), transparent 11rem),
        var(--panel);
}

.full {
    width: 100%;
    margin-top: 10px;
}

.mini-list {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.mini-list .mini-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.055);
}

.mini-list small {
    color: var(--muted);
}

.balance-lines div {
    display: flex;
    justify-content: space-between;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
}

.money-form,
.profile-form,
.support-form,
.auth-form,
.admin-tools form {
    display: grid;
    gap: 10px;
}

.money-form {
    margin-top: 10px;
}

.money-form input,
.money-form select,
.profile-form input,
.profile-form select,
.support-form input,
.support-form textarea,
.auth-form input,
.admin-tools input,
.admin-tools select {
    min-height: 46px;
    padding: 0 14px;
}

.support-form textarea {
    min-height: 110px;
    padding: 14px;
    resize: vertical;
}

.table-wrap {
    overflow: auto;
    border-radius: 18px;
}

table {
    width: 100%;
    border-collapse: collapse;
    min-width: 560px;
}

th,
td {
    padding: 12px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

th {
    color: var(--text);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .09em;
}

td button {
    min-height: 34px;
    padding: 0 10px;
}

.admin-panel {
    margin-top: 18px;
}

.admin-tools {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.admin-tools form {
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
}

.admin-tools h3 {
    margin-bottom: 6px;
}

.admin-tools label {
    color: var(--muted);
}

.admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-grid > div {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
}

.admin-login-hint {
    color: var(--gold);
    font-weight: 800;
}

.auth-modal {
    width: min(460px, calc(100vw - 28px));
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 28px;
    background: #101729;
    box-shadow: var(--shadow);
}

.auth-modal::backdrop {
    background: rgba(0,0,0,.68);
    backdrop-filter: blur(8px);
}

.modal-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
}

.auth-tabs {
    display: flex;
    gap: 8px;
    margin: 14px 42px 18px 0;
}

.auth-tabs button {
    flex: 1;
    min-height: 42px;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 14px;
    background: rgba(255,255,255,.07);
}

.auth-tabs button.active {
    color: #0a0c13;
    border: 0;
    background: var(--gold);
}

.toast {
    position: fixed;
    right: 22px;
    bottom: 24px;
    z-index: 99;
    max-width: 360px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(13, 18, 33, .96);
    transform: translateY(18px);
    opacity: 0;
    pointer-events: none;
    transition: .2s ease;
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.mobile-nav {
    display: none;
}

@media (max-width: 1180px) {
    .casino-shell {
        grid-template-columns: 1fr;
    }

    .sidebar {
        position: static;
        height: auto;
        flex-direction: row;
        align-items: center;
    }

    .side-nav {
        grid-auto-flow: column;
        overflow: auto;
    }

    .jackpot-card {
        display: none;
    }

    .hero,
    .content-grid,
    .sports-strip {
        grid-template-columns: 1fr;
    }

    .games-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 760px) {
    .casino-shell {
        width: min(100% - 20px, 560px);
        padding-top: 10px;
    }

    .sidebar {
        display: none;
    }

    .topbar {
        position: static;
        flex-direction: column;
        align-items: stretch;
    }

    .top-actions,
    .account-pill {
        justify-content: stretch;
    }

    .top-actions button,
    .account-pill button,
    .hero-actions button {
        flex: 1;
    }

    .hero {
        min-height: auto;
        padding: 24px;
        border-radius: 28px;
    }

    h1 {
        font-size: 42px;
    }

    .stats-grid,
    .games-grid,
    .admin-grid,
    .admin-tools {
        grid-template-columns: 1fr;
    }

    .section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .chips {
        width: 100%;
        overflow: auto;
    }

    .hero-game-card {
        transform: none;
    }

    .slot-window {
        gap: 7px;
        padding: 9px;
    }

    .slot-window span {
        min-height: 50px;
        font-size: 22px;
        border-radius: 12px;
    }

    .mobile-nav {
        position: fixed;
        z-index: 20;
        left: 10px;
        right: 10px;
        bottom: 10px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 7px;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: 22px;
        background: rgba(9, 13, 24, .92);
        backdrop-filter: blur(18px);
    }

    .mobile-nav a {
        padding: 10px 4px;
        color: var(--muted);
        text-align: center;
        border-radius: 14px;
        background: rgba(255,255,255,.06);
    }
}

@media (max-width: 920px) {
    .site-header { gap: 14px; }
    .site-nav { justify-content: flex-start; overflow-x: auto; }
    .site-nav a { white-space: nowrap; }
    .site-account { margin-left: auto; }
    .home-hero { grid-template-columns: 1fr; padding: 38px; }
    .hero-stage { justify-items: start; }
    .stage-float { margin-right: 0; margin-left: 210px; }
    .feature-strip, .game-grid { grid-template-columns: repeat(2, 1fr); }
    .auth-page { grid-template-columns: 1fr; gap: 24px; }
    .news-grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
    .site-body { padding: 0 10px; }
    .site-header { top: 8px; min-height: 62px; margin-top: 8px; padding: 8px 10px; border-radius: 18px; }
    .site-nav { display: none; }
    .brand-mark { width: 38px; height: 38px; border-radius: 12px; font-size: 12px; }
    .brand strong { font-size: 15px; }
    .brand small { font-size: 10px; }
    .site-account .ghost-btn { display: none; }
    .site-account .primary-btn { min-height: 36px; padding: 0 10px; font-size: 11px; }
    .balance-chip { padding: 8px 9px; font-size: 12px; }
    .site-main { padding: 28px 0 96px; }
    .home-hero { min-height: 0; padding: 28px 21px; border-radius: 24px; }
    .hero-copy h1, .page-title h1, .auth-intro h1 { letter-spacing: -1.2px; }
    .hero-copy p, .page-title p { font-size: 14px; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions a { text-align: center; }
    .hero-stage { display: none; }
    .feature-strip, .game-grid, .cashier-grid, .profile-grid, .support-layout, .admin-actions, .contact-grid, .two-column { grid-template-columns: 1fr; }
    .feature-strip { margin-bottom: 35px; }
    .section-head { align-items: flex-start; flex-direction: column; }
    .news-card, .info-panel, .form-card, .catalog-game { padding: 18px; border-radius: 18px; }
    .catalog-game { min-height: auto; }
    .auth-page { min-height: 0; }
    .auth-box { padding: 18px; border-radius: 20px; }
    .game-room-head { align-items: flex-start; flex-direction: column; }
    .play-surface { min-height: 330px; padding: 18px; }
    .play-surface form { width: 100%; flex-direction: column; align-items: stretch; }
    .play-surface form button { width: 100%; }
    .play-display { min-height: 180px; }
    .transaction-list > div, .ticket-list > div { grid-template-columns: 1fr; }
    .transaction-list small, .ticket-list span { grid-column: auto; }
    .site-footer { flex-direction: column; padding: 20px 4px 28px; }
    .site-footer nav { justify-content: flex-start; gap: 10px; }
    .mobile-site-nav { position:fixed; z-index:50; left:10px; right:10px; bottom:10px; display:grid; grid-template-columns:repeat(5, 1fr); gap:3px; padding:6px; border:1px solid var(--line); border-radius:19px; background:rgba(7,11,21,.94); box-shadow:0 14px 38px rgba(0,0,0,.45); backdrop-filter:blur(18px); }
    .mobile-site-nav a { display:grid; justify-items:center; gap:3px; min-width:0; padding:6px 2px; color:var(--muted); font-size:9px; font-weight:800; }
    .mobile-site-nav b { display:grid; place-items:center; width:28px; height:28px; color:var(--gold); font-size:17px; border-radius:10px; background:rgba(255,255,255,.07); }
    .mobile-site-nav span { overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }
}

/* Premium casino refresh: compact, touch-first and independent game worlds. */
body { font-size: 14px; }
h1, h2, h3 { letter-spacing: -.04em; }
.site-header { border-color: rgba(255,255,255,.12); background: rgba(8, 11, 20, .9); }
.site-nav a { font-size: 13px; }.site-nav a.active { box-shadow: inset 0 -2px 0 var(--gold); background: rgba(255,255,255,.05); }
.site-main { max-width: 1360px; }.eyebrow { font-size: 10px; letter-spacing: .14em; font-weight: 900; }
.home-hero { min-height: 460px; background: linear-gradient(120deg, #13182f 0%, #0e1730 48%, #351a22 100%); }
.hero-copy h1, .page-title h1, .auth-intro h1 { font-size: clamp(28px, 3.8vw, 54px); }.hero-copy p, .page-title p, .auth-intro p { font-size: 14px; }
.primary-btn, .ghost-btn, .glass-btn { font-size: 13px; }.feature-strip article { min-height: 92px; }.feature-strip b { font-size: 19px; }

.casino-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin:4px 0 25px; padding:34px; overflow:hidden; border:1px solid var(--line); border-radius:28px; background: radial-gradient(circle at 86% 10%, rgba(85,236,255,.22), transparent 18rem), radial-gradient(circle at 40% 120%, rgba(255,170,60,.16), transparent 19rem), linear-gradient(120deg,#12182e,#0a1020); }.casino-heading h1 { margin:8px 0 10px; font:800 clamp(30px,4vw,52px) Unbounded,sans-serif; }.casino-heading p { max-width:660px; margin:0; color:var(--muted); line-height:1.65; }.lobby-balance { display:grid; min-width:150px; padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:20px; background:rgba(2,5,13,.35); }.lobby-balance span,.lobby-balance small { color:var(--muted); font-size:11px; }.lobby-balance strong { margin:5px 0; color:var(--gold); font:800 32px Unbounded,sans-serif; }
.provider-rail { display:flex; gap:9px; margin:0 -2px 27px; padding:2px; overflow-x:auto; scrollbar-width:none; }.provider-rail::-webkit-scrollbar { display:none; }.provider-chip { flex:0 0 auto; display:grid; min-width:132px; gap:3px; padding:13px 15px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.045); transition:.2s ease; }.provider-chip b { font-size:12px; }.provider-chip small { color:var(--muted); font-size:10px; }.provider-chip:hover,.provider-chip.active { transform:translateY(-2px); border-color:rgba(255,209,102,.56); background:linear-gradient(135deg,rgba(255,190,72,.19),rgba(255,255,255,.05)); }.casino-toolbar { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; }.casino-toolbar h2 { margin:5px 0 0; font-size:23px; }.casino-toolbar>span { color:var(--muted); font-size:12px; }
.premium-game-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.premium-game { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:21px; background:rgba(15,20,35,.78); box-shadow:0 18px 45px rgba(0,0,0,.24); transition:transform .22s ease,border-color .22s ease; }.premium-game:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.28); }.game-cover { position:relative; display:flex; align-items:center; justify-content:center; height:158px; overflow:hidden; background:linear-gradient(135deg,#2e63aa,#202341); }.game-cover::before,.game-cover::after { content:""; position:absolute; border-radius:50%; filter:blur(2px); opacity:.82; }.game-cover::before { width:150px;height:150px;top:-70px;left:-40px;background:rgba(255,255,255,.35); }.game-cover::after { width:170px;height:170px;right:-80px;bottom:-105px;background:rgba(0,0,0,.35); }.game-shine { position:absolute; inset:0; background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.2) 45%,transparent 60%); transform:translateX(-105%); transition:transform .5s ease; }.premium-game:hover .game-shine { transform:translateX(105%); }.game-icon { position:relative; z-index:1; font-size:72px; filter:drop-shadow(0 16px 12px rgba(0,0,0,.32)); transform:rotate(-8deg); }.game-cover-bottom { position:absolute; z-index:2; right:10px;bottom:10px;left:10px; display:flex; justify-content:space-between; color:#fff; font-size:10px; font-weight:800; text-transform:uppercase; }.game-cover-bottom b { padding:5px 7px; border-radius:8px; background:rgba(3,7,16,.4); }.game-info { padding:14px 15px 10px; }.game-info small { color:#a8b9dc; font-size:10px; }.game-info h3 { margin:4px 0 5px; font-size:16px; letter-spacing:-.03em; }.game-info p { margin:0; color:var(--muted); font-size:10px; }.game-launch { display:flex; justify-content:space-between; align-items:center; margin:0 10px 10px; padding:10px 12px; border-radius:12px; color:#10131e; font-size:12px; font-weight:900; background:linear-gradient(135deg,#ffe08a,#ff9b4a); }.game-launch b { font-size:17px; }.game--neon-fruits .game-cover,.game--sweet-bonanza-max .game-cover { background:linear-gradient(135deg,#fb3476,#9638b9); }.game--golden-buffalo .game-cover,.game--wild-west-gold .game-cover { background:linear-gradient(135deg,#bd6f1a,#4d1f0a); }.game--cyber-jackpot .game-cover,.game--mental-cyber .game-cover { background:linear-gradient(135deg,#1386d5,#5429ad); }.game--book-of-rog .game-cover,.game--book-of-dead-demo .game-cover { background:linear-gradient(135deg,#ae762d,#37184b); }.game--arctic-wild .game-cover { background:linear-gradient(135deg,#30b0c5,#15478d); }.game--gates-of-rog .game-cover { background:linear-gradient(135deg,#6d42d1,#d2a22e); }.game--wanted-wild .game-cover { background:linear-gradient(135deg,#a73921,#311412); }.game--aviator-demo .game-cover,.game--rocket-crash .game-cover { background:linear-gradient(135deg,#ee4c62,#661c62); }.game--mines-pro .game-cover { background:linear-gradient(135deg,#e49120,#3d8b4a); }.game--plinko-rush .game-cover { background:linear-gradient(135deg,#9b37df,#164fc3); }.game--blackjack-vip .game-cover { background:linear-gradient(135deg,#141d33,#bb273d); }.game--mega-wheel .game-cover { background:linear-gradient(135deg,#f1b434,#a42a7f); }.game--dog-house .game-cover { background:linear-gradient(135deg,#f2803f,#4d286d); }.game--royal-roulette .game-cover { background:linear-gradient(135deg,#9c1530,#0f181c); }.game--lucky-dice .game-cover { background:linear-gradient(135deg,#31a78a,#194b8f); }.empty-state { padding:50px; text-align:center; border:1px solid var(--line); border-radius:24px; background:var(--panel); }

.backoffice-shell { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:650px; overflow:hidden; border:1px solid var(--line); border-radius:26px; background:#0b1020; box-shadow:var(--shadow); }.backoffice-sidebar { display:flex; flex-direction:column; padding:20px 13px; border-right:1px solid var(--line); background:#090d19; }.backoffice-brand { display:flex; align-items:center; gap:10px; padding:5px 9px 24px; }.backoffice-brand>span { display:grid; place-items:center; width:35px;height:35px; border-radius:11px; color:#17110a; font:800 11px Unbounded,sans-serif; background:linear-gradient(135deg,#ffdb72,#f78240); }.backoffice-brand strong { display:block; font:800 15px Unbounded,sans-serif; }.backoffice-brand small { color:var(--muted); font-size:8px; }.backoffice-sidebar nav { display:grid; gap:3px; }.backoffice-sidebar nav a,.back-link { display:flex; align-items:center; justify-content:space-between; padding:11px 12px; border-radius:11px; color:var(--muted); font-size:12px; font-weight:800; }.backoffice-sidebar nav a.active,.backoffice-sidebar nav a:hover { color:#fff; background:linear-gradient(90deg,rgba(255,193,83,.19),rgba(255,255,255,.04)); }.backoffice-sidebar nav b { padding:2px 6px; border-radius:7px; color:#18130a; background:var(--gold); font-size:10px; }.back-link { margin-top:auto; color:#aeb8d3; }.backoffice-content { min-width:0; padding:29px; background:radial-gradient(circle at 80% 0,rgba(54,101,180,.12),transparent 21rem),#10172a; }.backoffice-top { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:25px; }.backoffice-top h1 { margin:7px 0 0; font-size:28px; }.operator-status { padding:7px 9px; border:1px solid rgba(62,255,163,.25); border-radius:9px; color:var(--green); background:rgba(62,255,163,.08); font-size:10px; font-weight:900; }.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-bottom:17px; }.metric-grid article,.admin-panel { padding:18px; border:1px solid var(--line); border-radius:17px; background:rgba(9,13,25,.57); }.metric-grid span,.metric-grid small { display:block; color:var(--muted); font-size:10px; }.metric-grid strong { display:block; margin:8px 0 5px; color:var(--gold); font:800 25px Unbounded,sans-serif; }.admin-dashboard-grid,.admin-split { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.admin-panel h2 { margin:5px 0 13px; font-size:18px; }.admin-panel p { color:var(--muted); line-height:1.6; font-size:12px; }.admin-panel form { display:grid; gap:9px; }.admin-panel input,.admin-panel select { width:100%; min-height:40px; padding:0 11px; border:1px solid var(--line); border-radius:10px; color:#fff; outline:0; background:rgba(255,255,255,.06); font-size:12px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.check-line { color:var(--muted); font-size:11px; }.check-line input { width:auto; min-height:auto; }.quick-links { display:grid; gap:7px; }.quick-links a { display:flex; justify-content:space-between; padding:11px; border-radius:10px; color:#e8edff; background:rgba(255,255,255,.055); font-size:12px; }.quick-links b { color:var(--gold); }.table-panel { margin-top:16px; overflow:auto; }.table-panel table { width:100%; min-width:720px; border-collapse:collapse; }.table-panel th { color:#8490b0; font-size:10px; font-weight:800; text-align:left; }.table-panel th,.table-panel td { padding:11px 8px; border-bottom:1px solid rgba(255,255,255,.08); vertical-align:middle; font-size:11px; }.table-panel td strong,.table-panel td small { display:block; }.table-panel td small { margin-top:2px; color:var(--muted); }.badge { padding:4px 7px; border-radius:7px; font-size:9px; font-weight:900; background:rgba(255,255,255,.08); }.badge-verified { color:var(--green); background:rgba(62,255,163,.1); }.badge-pending { color:var(--gold); background:rgba(255,209,102,.1); }.inline-form { display:inline-grid !important; }.status-button { padding:7px 9px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:transparent; font-size:10px; font-weight:800; }.status-button.on { color:var(--green); border-color:rgba(62,255,163,.25); background:rgba(62,255,163,.08); }.table-title { display:flex; justify-content:space-between; align-items:start; }.table-title>span { color:var(--muted); font-size:11px; }

@media (max-width: 900px) { .premium-game-grid { grid-template-columns:repeat(3,1fr); }.backoffice-shell { grid-template-columns:1fr; }.backoffice-sidebar { flex-direction:row; align-items:center; gap:10px; overflow:auto; border-right:0; border-bottom:1px solid var(--line); }.backoffice-brand { flex:0 0 auto; padding:0 8px 0 0; }.backoffice-sidebar nav { display:flex; flex:1; }.backoffice-sidebar nav a { flex:0 0 auto; }.back-link { display:none; }.metric-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 620px) { body { font-size:13px; padding:0; padding-bottom:env(safe-area-inset-bottom); }.site-header { position:fixed; z-index:80; top:0; left:0; right:0; width:auto; min-height:64px; margin:0; padding:calc(8px + env(safe-area-inset-top)) 12px 8px; border-width:0 0 1px; border-radius:0; background:rgba(7,10,18,.96); }.site-main { padding:calc(84px + env(safe-area-inset-top)) 12px calc(94px + env(safe-area-inset-bottom)); }.site-account .primary-btn { min-height:35px; padding:0 9px; }.site-account .balance-chip { font-size:11px; }.home-hero { padding:25px 19px; border-radius:20px; }.hero-copy h1,.page-title h1,.auth-intro h1 { font-size:31px; line-height:1.08; }.feature-strip { grid-template-columns:repeat(2,1fr); gap:8px; margin:10px 0 30px; }.feature-strip article { min-height:78px; padding:14px; border-radius:15px; }.feature-strip b { font-size:16px; }.casino-heading { display:block; margin:0 0 17px; padding:22px 18px; border-radius:20px; }.casino-heading h1 { font-size:30px; }.casino-heading p { font-size:13px; }.lobby-balance { display:none; }.provider-rail { margin:0 -12px 20px; padding:2px 12px; }.provider-chip { min-width:116px; padding:11px 12px; }.casino-toolbar h2 { font-size:19px; }.premium-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.premium-game { border-radius:16px; }.game-cover { height:125px; }.game-icon { font-size:54px; }.game-info { padding:10px 11px 8px; }.game-info h3 { min-height:32px; font-size:13px; }.game-info p { display:none; }.game-launch { margin:0 7px 7px; padding:9px 10px; border-radius:10px; font-size:11px; }.game-cover-bottom { right:7px;bottom:7px;left:7px; font-size:8px; }.game-cover-bottom b { padding:4px; }.mobile-site-nav { z-index:90; left:8px; right:8px; bottom:max(8px, env(safe-area-inset-bottom)); padding:6px 3px; border-radius:17px; }.mobile-site-nav a { min-height:48px; padding:4px 1px; font-size:8px; }.mobile-site-nav b { width:26px; height:25px; font-size:15px; }.site-footer { display:none; }.play-surface { border-radius:20px; }.play-display span { font-size:21px; line-height:1.5; }.backoffice-shell { margin:0 -12px; border-width:1px 0; border-radius:0; }.backoffice-sidebar { padding:11px 12px; }.backoffice-brand strong { font-size:12px; }.backoffice-brand small { display:none; }.backoffice-sidebar nav a { padding:8px 9px; font-size:10px; }.backoffice-content { padding:18px 12px; }.backoffice-top h1 { font-size:23px; }.metric-grid { gap:8px; }.metric-grid article { padding:13px; border-radius:13px; }.metric-grid strong { font-size:20px; }.admin-dashboard-grid,.admin-split { grid-template-columns:1fr; gap:9px; }.admin-panel { padding:14px; border-radius:14px; }.admin-panel h2 { font-size:16px; }.table-panel { margin:10px -12px 0; border-right:0; border-left:0; border-radius:0; }.table-panel th,.table-panel td { padding:9px 7px; }.form-row { grid-template-columns:1fr; } }

/* Wallet, KYC and support are designed for low-friction mobile use. */
.cashier-hero,.support-hero { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:15px; padding:30px; overflow:hidden; border:1px solid var(--line); border-radius:25px; background:radial-gradient(circle at 85% 20%,rgba(255,189,87,.27),transparent 16rem),linear-gradient(125deg,#15243a,#0c1120 64%,#251929); }.cashier-hero h1,.support-hero h1 { margin:7px 0; font-size:clamp(31px,4vw,48px); }.cashier-hero p,.support-hero p { max-width:600px; margin:0; color:var(--muted); }.cashier-total,.support-hero-status { display:grid; flex:0 0 auto; gap:5px; min-width:175px; padding:17px; border:1px solid rgba(255,255,255,.14); border-radius:17px; background:rgba(3,7,14,.36); }.cashier-total small,.cashier-total span,.support-hero-status span { color:var(--muted); font-size:11px; }.cashier-total strong,.support-hero-status b { color:var(--gold); font:800 24px Unbounded,sans-serif; }.cashier-summary,.cashier-info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin:0 0 18px; }.cashier-summary article,.cashier-info-grid article { display:grid; gap:7px; padding:16px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.035); }.cashier-summary span,.cashier-summary small,.cashier-info-grid span { color:var(--muted); font-size:11px; }.cashier-summary b,.cashier-info-grid b { font-size:14px; }.cashier-card { min-height:305px; }.cashier-card form { display:grid; gap:10px; }.cashier-card label,.kyc-card label,.support-new label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:800; }.cashier-card label input,.kyc-card label input,.support-new label input,.support-new label textarea { margin-top:0; }.cashier-notice { margin:14px 0; padding:15px; border:1px solid rgba(255,197,96,.28); border-radius:13px; background:rgba(255,197,96,.09); }.cashier-notice p { margin:7px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }.profile-tip { display:grid; gap:5px; margin-top:18px; padding:13px; border-radius:13px; background:rgba(81,196,255,.08); }.profile-tip span { color:var(--muted); font-size:11px; line-height:1.5; }.kyc-card form { display:grid; gap:11px; }.kyc-card input[type=file] { padding:10px; font-size:11px; }.kyc-card label small { color:var(--muted); font-size:10px; font-weight:500; line-height:1.45; }.support-guide { display:grid; grid-template-columns:auto 1fr; align-content:center; gap:10px 13px; padding:24px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(20,34,59,.82),rgba(10,14,27,.85)); }.support-guide>span { display:grid; place-items:center; width:29px; height:29px; color:#16110b; border-radius:9px; background:var(--gold); font-size:10px; font-weight:900; }.support-guide b { font-size:13px; }.support-guide p { margin:3px 0 0; color:var(--muted); font-size:11px; }.ticket-actions { display:flex; align-items:center; gap:9px; margin-top:10px; }.ticket-actions .ticket-reply { flex:1; }.ticket-actions form:last-child { display:inline-flex; }.ticket-closed { margin-top:12px; padding:10px 12px; border-radius:10px; color:var(--muted); background:rgba(255,255,255,.045); font-size:11px; }
@media (max-width:620px) { .cashier-hero,.support-hero { display:block; padding:22px 18px; border-radius:20px; }.cashier-hero h1,.support-hero h1 { font-size:30px; }.cashier-total,.support-hero-status { margin-top:16px; min-width:0; }.cashier-summary,.cashier-info-grid { grid-template-columns:1fr; gap:8px; }.cashier-summary article,.cashier-info-grid article { padding:13px; }.cashier-card { min-height:0; }.ticket-actions { align-items:stretch; flex-direction:column; }.ticket-actions form:last-child { display:grid; }.ticket-actions .status-button { width:100%; }.kyc-card input[type=file] { max-width:100%; } }

/* Account controls, archive states and the original 1stake slot. */
.site-header { gap:18px; padding:9px 11px; border-radius:22px; }.site-nav { display:flex; align-items:center; gap:3px; padding:4px; border:1px solid rgba(255,255,255,.07); border-radius:15px; background:rgba(255,255,255,.025); }.site-nav a { position:relative; padding:9px 11px; border-radius:10px; color:#abb5cd; font-size:12px; font-weight:800; transition:color .2s ease,background .2s ease; }.site-nav a:hover { color:#fff; background:rgba(255,255,255,.07); }.site-nav a.active { color:#19130b; background:linear-gradient(135deg,#ffe194,#ffb15b); box-shadow:none; }.site-account { gap:7px; }.account-profile { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border:1px solid rgba(255,255,255,.14); border-radius:11px; color:#dce7ff; background:rgba(255,255,255,.055); font-size:15px; }.account-profile:hover { color:#19130b; border-color:transparent; background:var(--gold); }.profile-hero { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; padding:25px 28px; border:1px solid var(--line); border-radius:23px; background:radial-gradient(circle at 78% 12%,rgba(111,185,255,.18),transparent 15rem),linear-gradient(120deg,#101a30,#10101e); }.profile-hero h1 { margin:6px 0; font-size:clamp(30px,3.7vw,45px); }.profile-hero p { margin:0; color:var(--muted); font-size:12px; }.profile-hero-actions { display:flex; align-items:center; gap:9px; }.profile-balance { display:grid; gap:3px; min-width:145px; padding:11px 13px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(0,0,0,.18); }.profile-balance small { color:var(--muted); font-size:10px; }.profile-balance b { color:var(--gold); font-size:15px; }.profile-verify { min-height:48px; padding:0 16px; white-space:nowrap; }.ticket-archive { margin-top:17px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.027); }.ticket-archive summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; cursor:pointer; list-style:none; }.ticket-archive summary::-webkit-details-marker { display:none; }.ticket-archive summary span { display:grid; gap:2px; }.ticket-archive summary small { color:var(--muted); font-size:10px; }.ticket-archive summary i { color:var(--gold); font-size:11px; font-style:normal; font-weight:800; }.ticket-archive-list { display:grid; gap:10px; padding:0 12px 12px; }.ticket-thread--closed { opacity:.82; box-shadow:none; }.ticket-thread--closed .ticket-messages { max-height:260px; overflow:auto; }.game--1stake-slot-machine .game-cover { background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.22),transparent 8rem),linear-gradient(135deg,#2430a8,#1d0e50 54%,#f0a637); }.one-stake-icon { display:grid; place-items:center; width:88px; height:88px; border:3px solid rgba(255,255,255,.78); border-radius:24px; color:#fff; background:rgba(9,12,47,.52); font:900 35px Unbounded,sans-serif; transform:rotate(-7deg); }.slot-specs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 13px; }.slot-specs span { padding:8px 11px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:rgba(255,255,255,.035); font-size:11px; }.slot-specs b { color:var(--gold); }.game-rules-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.9fr); gap:20px; padding:23px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(135deg,rgba(17,28,51,.9),rgba(9,13,25,.9)); }.game-rules-card h2 { margin:7px 0; }.game-rules-card p { max-width:520px; color:var(--muted); font-size:12px; line-height:1.65; }.game-rules-card form { display:grid; gap:10px; }.game-rules-card label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:800; }.game-rules-card input,.game-rules-card textarea { width:100%; padding:11px; border:1px solid var(--line); border-radius:10px; color:#fff; background:rgba(255,255,255,.06); }.game-rules-card textarea { resize:vertical; font-family:ui-monospace,Consolas,monospace; font-size:11px; }
@media (max-width:920px) { .site-nav { overflow-x:auto; }.site-nav a { white-space:nowrap; }.profile-hero { align-items:flex-start; flex-direction:column; }.game-rules-card { grid-template-columns:1fr; } }
@media (max-width:620px) { .site-header { gap:8px; }.account-profile { width:32px; height:32px; flex-basis:32px; }.site-account .account-profile { display:grid; }.profile-hero { padding:20px 17px; border-radius:19px; }.profile-hero-actions { width:100%; }.profile-balance { flex:1; }.profile-verify { flex:1; padding:0 10px; font-size:11px; }.ticket-archive { margin-top:12px; }.ticket-archive summary { padding:13px; }.ticket-thread--closed { padding:12px; }.one-stake-icon { width:68px; height:68px; border-radius:19px; font-size:26px; }.slot-specs { gap:6px; }.slot-specs span { padding:7px 8px; font-size:10px; } }

.game-room-actions { display:flex; align-items:center; gap:7px; }.game-lang select { min-height:36px; padding:0 8px; border:1px solid var(--line); border-radius:10px; color:#dfe9ff; background:#10172a; font-size:11px; font-weight:800; }
.game--jungle-vault .game-cover { background:radial-gradient(circle at 76% 18%,rgba(255,222,83,.34),transparent 10rem),linear-gradient(135deg,#1d783d,#0d352b 62%,#ac7230); }.game--dragon-forge .game-cover { background:radial-gradient(circle at 78% 20%,rgba(255,198,91,.35),transparent 11rem),linear-gradient(135deg,#9a261f,#34101d 61%,#f0842c); }.game--ocean-crown .game-cover { background:radial-gradient(circle at 80% 14%,rgba(122,246,255,.37),transparent 11rem),linear-gradient(135deg,#147e9a,#142d78 61%,#203a89); }.game--lunar-carnival .game-cover { background:radial-gradient(circle at 72% 18%,rgba(255,238,153,.42),transparent 9rem),linear-gradient(135deg,#6539a0,#1e174c 62%,#db568c); }.game--samurai-spark .game-cover { background:radial-gradient(circle at 75% 17%,rgba(255,98,80,.32),transparent 10rem),linear-gradient(135deg,#a6233a,#1a172e 62%,#e7a548); }

/* Category lobby and HTML5 game scenes. Results always arrive from the server. */
.category-rail { display:flex; gap:9px; margin:0 -2px 27px; padding:2px; overflow-x:auto; scrollbar-width:none; }.category-rail::-webkit-scrollbar { display:none; }.category-chip { display:grid; flex:0 0 auto; gap:3px; min-width:122px; padding:12px 14px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.04); }.category-chip b { font-size:12px; }.category-chip small { color:var(--muted); font-size:10px; }.category-chip:hover,.category-chip.active { border-color:rgba(255,209,102,.65); background:linear-gradient(135deg,rgba(255,190,72,.2),rgba(255,255,255,.05)); }.html5-game { position:relative; display:grid; place-items:center; width:min(100%,760px); min-height:280px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:radial-gradient(circle at 50% 15%,rgba(255,255,255,.1),transparent 19rem),rgba(3,7,17,.55); }.game-result { display:grid; justify-items:center; gap:5px; min-height:42px; text-align:center; }.game-result span { font:800 17px Unbounded,sans-serif; }.game-result small { color:var(--muted); font-size:11px; }.slot-machine { width:min(88%,640px); padding:14px; border:3px solid #edb95d; border-radius:22px; background:linear-gradient(145deg,#1c1433,#070b18 74%); box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 0 0 3px rgba(255,255,255,.06); }.slot-top,.slot-foot { display:flex; align-items:center; justify-content:space-between; padding:3px 5px; color:#edc872; font:800 11px Unbounded,sans-serif; letter-spacing:.08em; }.slot-top b { color:#fff0a7; }.slot-foot { padding-top:10px; color:#8e9ab8; font:700 8px Manrope,sans-serif; }.slot-foot b { color:#edc872; }.slot-reels { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; padding:7px; border-radius:13px; background:#02040b; }.slot-cell { display:grid; place-items:center; aspect-ratio:1/1; min-height:58px; border:1px solid rgba(255,255,255,.13); border-radius:11px; background:linear-gradient(145deg,#f5f0e2,#b7b8c4); color:#161626; font:800 clamp(15px,3.2vw,30px) Unbounded,sans-serif; box-shadow:inset 0 -5px 0 rgba(0,0,0,.1); }.html5-game.is-running .slot-cell { animation:slotCellSpin .38s linear infinite alternate; }.html5-game.is-running .slot-cell:nth-child(3n) { animation-delay:.1s; }.html5-game.is-result .slot-cell { animation:slotReveal .42s ease both; }.crash-stage { position:relative; width:min(88%,620px); height:220px; overflow:hidden; border-radius:20px; background:linear-gradient(160deg,#10286c,#1f1455 60%,#582e65); }.crash-stars { position:absolute; top:18px; right:26px; color:#f8e892; letter-spacing:13px; }.crash-route { position:absolute; right:5%; bottom:12%; left:8%; height:2px; transform:rotate(-24deg); transform-origin:left; background:linear-gradient(90deg,transparent,rgba(255,255,255,.85)); }.crash-rocket { position:absolute; bottom:18%; left:12%; font-size:43px; transform:rotate(-31deg); filter:drop-shadow(0 8px 11px rgba(0,0,0,.4)); }.crash-multiplier { position:absolute; top:36%; left:0; right:0; text-align:center; color:#fff; font:800 clamp(36px,7vw,70px) Unbounded,sans-serif; text-shadow:0 7px 20px rgba(0,0,0,.35); }.crash-stage small { position:absolute; right:0; bottom:13px; left:0; color:#c7d5ff; text-align:center; }.html5-game.is-running .crash-rocket { animation:rocketFlight 1.1s ease-in-out infinite alternate; }.html5-game.is-result .crash-rocket { left:calc(var(--crash-height,15%) + 7%); bottom:calc(var(--crash-height,15%) + 4%); transition:left .65s ease,bottom .65s ease; }.roulette-stage { position:relative; display:grid; place-items:center; width:250px; height:250px; }.roulette-wheel { display:grid; place-items:center; width:215px; height:215px; border:10px solid #e8ba58; border-radius:50%; background:conic-gradient(#c33343 0 9deg,#121521 9deg 18deg,#c33343 18deg 27deg,#121521 27deg 36deg,#c33343 36deg 45deg,#121521 45deg 54deg,#c33343 54deg 63deg,#121521 63deg 72deg,#c33343 72deg 81deg,#121521 81deg 90deg,#c33343 90deg 99deg,#121521 99deg 108deg,#c33343 108deg 117deg,#121521 117deg 126deg,#c33343 126deg 135deg,#121521 135deg 144deg,#c33343 144deg 153deg,#121521 153deg 162deg,#c33343 162deg 171deg,#121521 171deg 180deg,#c33343 180deg 189deg,#121521 189deg 198deg,#c33343 198deg 207deg,#121521 207deg 216deg,#c33343 216deg 225deg,#121521 225deg 234deg,#c33343 234deg 243deg,#121521 243deg 252deg,#c33343 252deg 261deg,#121521 261deg 270deg,#c33343 270deg 279deg,#121521 279deg 288deg,#c33343 288deg 297deg,#121521 297deg 306deg,#c33343 306deg 315deg,#121521 315deg 324deg,#c33343 324deg 333deg,#121521 333deg 342deg,#35a46e 342deg 360deg); box-shadow:0 15px 35px rgba(0,0,0,.45); transition:transform 1.1s cubic-bezier(.11,.67,.18,1); }.roulette-wheel::after { content:""; width:74px; height:74px; border:8px solid #dba94b; border-radius:50%; background:#202432; box-shadow:inset 0 0 18px #000; }.roulette-wheel span,.roulette-wheel b,.roulette-wheel i { position:absolute; z-index:1; color:#f8d477; font-size:10px; font-style:normal; }.roulette-wheel span { top:21px; }.roulette-wheel b { left:24px; }.roulette-wheel i { right:18px; }.roulette-pointer { position:absolute; z-index:2; top:2px; color:#ffe59c; font-size:28px; filter:drop-shadow(0 3px 5px #000); }.roulette-number { position:absolute; z-index:3; color:#fff; font:800 25px Unbounded,sans-serif; }.html5-game.is-running .roulette-wheel { animation:wheelSpin .7s linear infinite; }.html5-game.is-result .roulette-wheel { animation:none; transform:rotate(var(--wheel-turn,0deg)); }.lottery-stage { display:grid; justify-items:center; gap:15px; }.lottery-cage { display:grid; place-items:center; width:170px; height:170px; border:7px solid #d3e3fd; border-radius:50%; background:radial-gradient(circle at 35% 30%,#5f9cff,#29336c 70%); box-shadow:inset 0 0 0 14px rgba(0,0,0,.14),0 12px 32px rgba(0,0,0,.35); }.lottery-ball { display:grid; place-items:center; width:83px; height:83px; border-radius:50%; color:#251b30; background:radial-gradient(circle at 31% 27%,#fff,#ffc45c 56%,#d56e2e); font:800 34px Unbounded,sans-serif; box-shadow:inset -7px -9px 0 rgba(0,0,0,.14); }.lottery-dots { display:flex; gap:8px; }.lottery-dots i { width:8px; height:8px; border-radius:50%; background:#f6cf6d; }.lottery-value { color:#f6df9d; font:800 18px Unbounded,sans-serif; }.html5-game.is-running .lottery-ball { animation:ballBounce .3s ease-in-out infinite alternate; }.html5-game.is-running .lottery-dots i { animation:dotPulse .35s ease-in-out infinite alternate; }.html5-game.is-running .lottery-dots i:nth-child(2) { animation-delay:.12s; }.html5-game.is-running .lottery-dots i:nth-child(3) { animation-delay:.24s; }.html5-game.is-result .lottery-ball { animation:ballReveal .45s ease; }
@keyframes slotCellSpin { from { transform:translateY(-8px); filter:blur(1px); } to { transform:translateY(8px); filter:blur(2px); } } @keyframes slotReveal { from { transform:scale(.75) rotateX(80deg); opacity:0; } to { transform:scale(1) rotateX(0); opacity:1; } } @keyframes rocketFlight { from { transform:translate(0,0) rotate(-31deg); } to { transform:translate(145px,-88px) rotate(-31deg); } } @keyframes wheelSpin { to { transform:rotate(360deg); } } @keyframes ballBounce { from { transform:translateY(-11px) rotate(-10deg); } to { transform:translateY(11px) rotate(10deg); } } @keyframes dotPulse { from { opacity:.22; transform:scale(.7); } to { opacity:1; transform:scale(1.2); } } @keyframes ballReveal { 50% { transform:scale(1.25); } }
@media (max-width:620px) { .category-rail { margin:0 -12px 20px; padding:2px 12px; }.category-chip { min-width:108px; padding:10px 11px; }.html5-game { min-height:225px; border-radius:18px; }.slot-machine { width:100%; padding:9px; border-width:2px; border-radius:17px; }.slot-reels { gap:4px; padding:5px; }.slot-cell { min-height:43px; border-radius:8px; font-size:16px; }.slot-top,.slot-foot { font-size:8px; }.crash-stage { width:100%; height:190px; }.crash-multiplier { top:34%; font-size:38px; }.crash-rocket { font-size:34px; }.roulette-stage { width:205px; height:205px; }.roulette-wheel { width:178px; height:178px; border-width:8px; }.roulette-wheel::after { width:59px; height:59px; }.lottery-cage { width:135px; height:135px; }.lottery-ball { width:67px; height:67px; font-size:27px; }.game-result span { font-size:13px; } }

/* Result feedback and balance synchronization. */
.balance-chip { transition:color .25s ease,transform .25s ease,box-shadow .25s ease; }.html5-game::before { content:""; position:absolute; z-index:3; top:-40%; bottom:-40%; left:-25%; width:18%; opacity:0; pointer-events:none; transform:rotate(19deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent); }.html5-game.is-running::before { opacity:1; animation:gameScanner .9s linear infinite; }.html5-game.is-running .slot-machine { animation:machineHum .42s ease-in-out infinite alternate; }.html5-game.is-result .slot-machine { transition:transform .35s ease,filter .35s ease; }.html5-game.is-win { border-color:rgba(255,220,113,.75); box-shadow:0 0 0 1px rgba(255,220,113,.22),0 0 42px rgba(255,190,66,.28); }.html5-game.is-win .slot-machine,.html5-game.is-win .crash-stage,.html5-game.is-win .roulette-wheel,.html5-game.is-win .lottery-cage { filter:drop-shadow(0 0 19px rgba(255,218,103,.62)); }.html5-game.is-loss { animation:softLoss .32s ease; }.round-spark { position:absolute; z-index:5; top:-12px; left:var(--x); width:8px; height:13px; border-radius:2px; opacity:0; transform:scale(var(--scale)) rotate(20deg); background:linear-gradient(#fff2a7,#ff9b4c); animation:roundSpark 1.15s cubic-bezier(.12,.7,.22,1) var(--delay) forwards; }.html5-game.is-win + .game-result span { color:#ffe08a; }.html5-game.is-loss + .game-result span { color:#c7d1e8; }
@keyframes gameScanner { from { transform:translateX(-120%) rotate(19deg); } to { transform:translateX(820%) rotate(19deg); } } @keyframes machineHum { from { transform:translateY(-2px); } to { transform:translateY(2px); } } @keyframes softLoss { 25% { transform:translateX(-6px); } 65% { transform:translateX(5px); } } @keyframes roundSpark { 0% { opacity:0; transform:translateY(0) scale(var(--scale)) rotate(0); } 15% { opacity:1; } 100% { opacity:0; transform:translateY(290px) translateX(-35px) scale(0) rotate(380deg); } }
@media (max-width:620px) { .round-spark { width:6px; height:10px; }.html5-game.is-win { box-shadow:0 0 26px rgba(255,190,66,.25); } }
@media (max-width:620px) { .game-room-actions { width:100%; justify-content:space-between; } }

/* Gold noir control room and dedicated game stage. */
:root { --bg:#090806; --bg2:#15120c; --panel:rgba(24,20,13,.88); --panel2:rgba(41,33,19,.94); --line:rgba(255,210,112,.16); --text:#fffaf0; --muted:#b9ad97; --gold:#ffc84d; --green:#62e6a6; --blue:#e2bb65; --red:#ff6c5d; --shadow:0 30px 90px rgba(0,0,0,.52); }
body { background:radial-gradient(circle at 8% 4%,rgba(255,184,44,.16),transparent 24rem),radial-gradient(circle at 88% 14%,rgba(143,82,20,.15),transparent 27rem),radial-gradient(circle at 53% 88%,rgba(104,58,14,.18),transparent 31rem),linear-gradient(135deg,#080705 0%,#12100b 52%,#080705 100%); }
body::before { opacity:.17; background-image:linear-gradient(rgba(255,216,138,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,216,138,.08) 1px,transparent 1px); }
.site-header { border-color:rgba(255,212,123,.16); background:rgba(13,11,8,.9); box-shadow:0 18px 60px rgba(0,0,0,.46); }
.site-nav { background:rgba(255,225,160,.035); }.site-nav a { color:#bdb19b; }.site-nav a:hover { color:#fff7e8; background:rgba(255,210,112,.09); }.site-nav a.active { color:#201506; background:linear-gradient(135deg,#ffe59a,#efad35); box-shadow:0 8px 22px rgba(240,173,53,.2); }
.primary-btn,.game-launch { color:#211606; background:linear-gradient(135deg,#fff1b6 0%,#ffc84d 47%,#e78c26 100%); box-shadow:0 10px 26px rgba(235,159,35,.2); }.ghost-btn { border-color:rgba(255,211,116,.25); color:#f7dfac; background:rgba(255,217,146,.055); }.balance-chip { border-color:rgba(255,203,82,.42); color:#ffe19a; background:rgba(255,193,55,.075); }
.home-hero,.casino-heading,.profile-hero { background:radial-gradient(circle at 88% 10%,rgba(255,210,94,.2),transparent 18rem),radial-gradient(circle at 16% 100%,rgba(154,71,14,.15),transparent 20rem),linear-gradient(125deg,#20180d,#0c0a07 64%,#211306); }.premium-game { background:linear-gradient(160deg,rgba(42,33,18,.95),rgba(14,12,9,.96)); border-color:rgba(255,217,132,.13); }.premium-game:hover { border-color:rgba(255,208,103,.55); box-shadow:0 22px 48px rgba(0,0,0,.43); }.game-info small { color:#d6b774; }

.backoffice-shell { border-color:rgba(255,211,116,.18); background:#0c0a07; box-shadow:0 34px 94px rgba(0,0,0,.54); }.backoffice-sidebar { background:linear-gradient(180deg,#151109,#0b0906); border-color:rgba(255,211,116,.13); }.backoffice-brand>span { color:#261a08; background:linear-gradient(135deg,#fff0a6,#ed9d2f); box-shadow:0 9px 20px rgba(238,158,43,.2); }.backoffice-sidebar nav a,.back-link { color:#b7aa91; }.backoffice-sidebar nav a.active,.backoffice-sidebar nav a:hover { color:#fff4da; background:linear-gradient(90deg,rgba(255,196,65,.2),rgba(255,255,255,.02)); }.backoffice-sidebar nav b { color:#281b09; background:#ffcb55; }.backoffice-content { background:radial-gradient(circle at 88% 0,rgba(255,183,50,.13),transparent 23rem),linear-gradient(140deg,#18130c,#0d0b08 65%); }.operator-status { border-color:rgba(98,230,166,.3); background:rgba(98,230,166,.08); }.metric-grid article,.admin-panel { border-color:rgba(255,215,135,.13); background:linear-gradient(145deg,rgba(37,30,18,.76),rgba(15,12,8,.86)); }.metric-grid strong { color:#ffcf62; text-shadow:0 0 20px rgba(255,199,77,.14); }.admin-panel input,.admin-panel select,.admin-panel textarea { border-color:rgba(255,214,129,.16); background:rgba(255,241,203,.045); }.admin-panel textarea { width:100%; min-height:88px; padding:10px 11px; border-radius:10px; color:#fff; resize:vertical; }.backoffice-quick { display:grid; gap:5px; margin-top:13px; padding-top:13px; border-top:1px solid rgba(255,214,129,.12); }.backoffice-quick a { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:10px; color:#dac9a4; font-size:11px; font-weight:800; background:rgba(255,224,150,.045); }.backoffice-quick a:hover { color:#fff5db; background:rgba(255,200,70,.13); }.backoffice-quick b { color:var(--gold); }.command-panel { margin-top:16px; }.command-links { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:12px; }.command-links a { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:13px; border-radius:12px; color:#fff5dd; background:rgba(255,228,168,.045); font-size:12px; font-weight:800; }.command-links a:hover { background:rgba(255,198,67,.13); }.command-links b { display:grid; place-items:center; width:27px; height:27px; border-radius:8px; color:#2a1d09; background:#ffd269; font-size:10px; }.command-links i { color:var(--gold); font-style:normal; font-size:17px; }.game-admin-list { display:grid; gap:10px; margin-top:16px; }.game-config-card { overflow:hidden; border:1px solid rgba(255,214,129,.15); border-radius:16px; background:linear-gradient(145deg,rgba(40,32,18,.72),rgba(15,12,8,.86)); }.game-config-card summary { display:grid; grid-template-columns:40px minmax(0,1fr) auto 16px; align-items:center; gap:11px; padding:13px 15px; cursor:pointer; list-style:none; }.game-config-card summary::-webkit-details-marker { display:none; }.game-config-card summary b,.game-config-card summary small { display:block; }.game-config-card summary small { margin-top:3px; color:var(--muted); font-size:10px; }.game-config-card summary>i { color:var(--gold); font-size:16px; font-style:normal; transition:transform .2s ease; }.game-config-card[open] summary>i { transform:rotate(180deg); }.game-config-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#241908; background:linear-gradient(135deg,#fff0a4,#ed9a2e); font:800 16px Unbounded,sans-serif; }.game-config-card form { display:grid; gap:10px; padding:0 15px 15px; border-top:1px solid rgba(255,214,129,.12); }.game-config-card form .form-row { margin-top:11px; }.game-config-card label { display:grid; gap:5px; color:#c8bda8; font-size:10px; font-weight:800; }.game-config-card input,.game-config-card select { width:100%; min-height:39px; padding:0 10px; border:1px solid rgba(255,214,129,.16); border-radius:9px; color:#fff; background:rgba(255,255,255,.05); }.admin-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,214,129,.11); }.admin-row:last-child { border-bottom:0; }.admin-row b,.admin-row small { display:block; }.admin-row small { margin-top:3px; color:var(--muted); font-size:10px; }.audit-list { display:grid; gap:8px; }.audit-list>div { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid rgba(255,214,129,.11); }.audit-list b,.audit-list small { display:block; }.audit-list small,.audit-list time { margin-top:3px; color:var(--muted); font-size:10px; }.audit-list time { white-space:nowrap; }

.game-page { padding:0; background:#070604; }.game-page .site-header,.game-page .site-footer,.game-page .mobile-site-nav { display:none; }.game-page .site-main { width:100%; max-width:none; margin:0; padding:0; }.game-page .game-room { display:grid; place-items:center; min-height:100dvh; padding:94px 24px 28px; }.game-page .game-room-head { display:none; }.game-page .play-surface { position:relative; width:min(1180px,100%); min-height:calc(100dvh - 122px); grid-template-rows:minmax(0,1fr) auto auto; gap:16px; padding:clamp(18px,3vw,36px); overflow:hidden; border-color:rgba(255,207,100,.28); border-radius:32px; background:radial-gradient(circle at 50% 0,rgba(255,199,75,.2),transparent 33rem),radial-gradient(circle at 6% 96%,rgba(137,68,9,.21),transparent 24rem),linear-gradient(145deg,#211807,#0a0906 62%); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 80px rgba(0,0,0,.55); }.game-page .play-surface::before { content:""; position:absolute; inset:12px; pointer-events:none; border:1px solid rgba(255,222,144,.12); border-radius:23px; }.game-page .html5-game { z-index:1; width:min(100%,900px); min-height:min(52dvh,490px); border-color:rgba(255,222,145,.25); border-radius:28px; background:radial-gradient(circle at 50% 0,rgba(255,220,135,.13),transparent 25rem),rgba(5,5,4,.57); box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 58px rgba(0,0,0,.42); }.game-page .game-result { z-index:1; min-height:46px; }.game-page .game-result span { color:#ffe4a0; font-size:clamp(13px,1.5vw,18px); }.game-page .play-surface form { z-index:1; width:min(100%,850px); display:grid; grid-template-columns:minmax(155px,1fr) minmax(155px,1fr) auto; align-items:end; gap:10px; padding:10px; border:1px solid rgba(255,219,140,.18); border-radius:18px; background:rgba(8,7,5,.68); backdrop-filter:blur(16px); }.game-page .play-surface form label { color:#cdbd9a; font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.game-page .play-surface form input,.game-page .play-surface form select { min-height:48px; border-color:rgba(255,222,142,.18); border-radius:12px; color:#fff7e4; background:rgba(255,255,255,.06); }.game-page .play-surface form button { min-height:48px; min-width:150px; border-radius:12px; }.game-hud { position:fixed; z-index:100; top:20px; right:24px; left:24px; display:flex; align-items:center; justify-content:space-between; gap:12px; pointer-events:none; }.game-hud>* { pointer-events:auto; }.game-hud-exit,.game-hud-button { min-height:42px; padding:0 14px; border:1px solid rgba(255,218,130,.2); border-radius:13px; color:#fff0ce; background:rgba(18,14,8,.78); box-shadow:0 10px 26px rgba(0,0,0,.3); backdrop-filter:blur(15px); font:800 11px Manrope,sans-serif; }.game-hud-exit:hover,.game-hud-button:hover { border-color:rgba(255,215,112,.55); background:rgba(74,49,11,.78); }.game-hud-actions { display:flex; align-items:center; gap:7px; }.game-hud-balance { min-height:42px; padding:10px 14px; background:rgba(18,14,8,.78); backdrop-filter:blur(15px); }.game-hud-button.is-muted { color:#b7aa93; border-color:rgba(255,255,255,.12); }.slot-machine { border-color:#f5c557; background:linear-gradient(145deg,#3b2505,#130d06 74%); box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 4px rgba(255,198,66,.08),inset 0 0 0 3px rgba(255,255,255,.08); }.slot-reels { background:linear-gradient(180deg,#090704,#171109); }.slot-cell { background:linear-gradient(145deg,#fff8dc,#e5bf65 52%,#bc8129); color:#2a1807; box-shadow:inset 0 -6px 0 rgba(85,43,5,.18),0 5px 10px rgba(0,0,0,.2); }.html5-game.is-running .slot-cell { animation:slotCellSpin .16s linear infinite alternate; filter:blur(.35px) saturate(1.35); }.html5-game.is-running .slot-cell:nth-child(2n) { animation-delay:.05s; }.html5-game.is-result .slot-cell { animation:slotReveal .5s cubic-bezier(.16,.83,.32,1.18) both; }.html5-game.is-result .slot-cell:nth-child(5n) { color:#8f1207; text-shadow:0 0 13px rgba(255,255,255,.68); }.game-page .crash-stage { box-shadow:inset 0 0 50px rgba(255,205,93,.12),0 18px 50px rgba(0,0,0,.3); }.game-page .roulette-wheel { border-color:#f2bf4d; box-shadow:0 15px 35px rgba(0,0,0,.45),0 0 0 7px rgba(255,198,61,.08); }.game-page .lottery-cage { border-color:#f4d48a; background:radial-gradient(circle at 35% 30%,#ffdb77,#8d4d12 70%); }.game-page .lottery-ball { background:radial-gradient(circle at 31% 27%,#fff,#ffe092 55%,#d77a19); }.game-page .html5-game.is-win { border-color:rgba(255,218,111,.9); box-shadow:0 0 0 1px rgba(255,220,113,.35),0 0 70px rgba(255,187,43,.31); }
@media (max-width:760px) { .command-links { grid-template-columns:1fr; }.backoffice-shell { margin:0 -12px; }.game-page .game-room { align-items:stretch; padding:75px 0 0; }.game-page .play-surface { min-height:100dvh; width:100%; border-width:1px 0 0; border-radius:0; padding:17px 12px calc(18px + env(safe-area-inset-bottom)); }.game-page .html5-game { min-height:min(48dvh,400px); border-radius:22px; }.game-page .play-surface form { grid-template-columns:1fr 1fr; padding:8px; border-radius:15px; }.game-page .play-surface form button { grid-column:1/-1; width:100%; }.game-hud { top:max(8px,env(safe-area-inset-top)); right:10px; left:10px; }.game-hud-exit,.game-hud-button,.game-hud-balance { min-height:37px; padding:0 9px; font-size:10px; }.game-hud-balance { padding:9px; }.game-fullscreen { display:none; }.game-hud-button { font-size:0; width:37px; }.game-hud-button::after { content:"S"; font-size:11px; }.game-hud-button.is-muted::after { content:"M"; }.game-page .slot-specs { position:relative; z-index:1; margin:0 auto; width:min(100%,900px); }.game-page .slot-specs span { padding:6px 8px; font-size:9px; } }
.game-page .slot-specs { display:none; }
.withdraw-card-fields { display:grid; gap:10px; padding:12px; border:1px solid rgba(255,211,112,.16); border-radius:14px; background:rgba(255,230,169,.045); }.card-bank-hint { margin:0; padding:8px 10px; border-radius:9px; color:var(--muted); background:rgba(255,255,255,.04); font-size:11px; }.card-bank-hint.is-valid { color:#9cf0be; background:rgba(98,230,166,.09); }.card-bank-hint.is-invalid { color:#ff9f91; background:rgba(255,108,93,.1); }
@media (max-width:620px) { .site-body:not(.game-page) .site-header { display:none; }.site-body:not(.game-page) .site-main { padding:calc(18px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom)); }.withdraw-card-fields { padding:10px; } }
.slot-reels { position:relative; }.slot-paylines { position:absolute; z-index:4; inset:5px; width:calc(100% - 10px); height:calc(100% - 10px); pointer-events:none; overflow:visible; }.slot-paylines polyline { fill:none; stroke:transparent; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 4px rgba(255,246,173,.95)); transition:stroke .25s ease; }.slot-paylines polyline.is-hit { stroke:#fff0a3; animation:paylinePulse .8s ease-in-out infinite alternate; }.slot-cell { position:relative; z-index:2; transition:transform .22s ease,filter .22s ease,box-shadow .22s ease; }.slot-cell.is-hit { z-index:5; color:#8b1405; outline:3px solid #fff0a3; box-shadow:0 0 0 5px rgba(255,185,47,.37),0 0 30px rgba(255,211,87,.86),inset 0 -6px 0 rgba(85,43,5,.18); transform:scale(1.08); animation:winningCell .62s ease-in-out infinite alternate; }.slot-win-panel { position:absolute; z-index:6; right:8px; bottom:8px; left:8px; display:flex; flex-wrap:wrap; justify-content:center; gap:5px; pointer-events:none; }.slot-win-panel span { padding:5px 7px; border:1px solid rgba(255,240,164,.55); border-radius:7px; color:#2a1705; background:linear-gradient(135deg,#fff3b9,#ffc650); box-shadow:0 4px 14px rgba(0,0,0,.25); font-size:9px; font-weight:900; animation:lineToast .45s ease var(--delay) both; }.game-scene--neon-fruits { --accent:#fb487e; background:radial-gradient(circle at 50% 0,rgba(251,72,126,.28),transparent 34rem),linear-gradient(145deg,#31101d,#10070f 64%) !important; }.game-scene--golden-buffalo,.game-scene--wild-west-gold { --accent:#f7ab3f; background:radial-gradient(circle at 80% 20%,rgba(255,185,63,.3),transparent 24rem),linear-gradient(145deg,#3d2107,#120b05 70%) !important; }.game-scene--cyber-jackpot,.game-scene--mental-cyber { --accent:#50e4ff; background:radial-gradient(circle at 25% 15%,rgba(45,207,255,.28),transparent 28rem),linear-gradient(145deg,#071e36,#08070f 68%) !important; }.game-scene--book-of-rog,.game-scene--book-of-dead { --accent:#bf85ff; background:radial-gradient(circle at 52% 0,rgba(194,122,255,.3),transparent 26rem),linear-gradient(145deg,#24112f,#0f070e 68%) !important; }.game-scene--arctic-wild { --accent:#a9fbff; background:radial-gradient(circle at 55% 0,rgba(156,251,255,.28),transparent 28rem),linear-gradient(145deg,#0b3344,#061013 70%) !important; }.game-scene--sweet-bonanza-max { --accent:#ff70c1; background:radial-gradient(circle at 65% 10%,rgba(255,91,184,.32),transparent 27rem),linear-gradient(145deg,#35113d,#12070f 68%) !important; }.game-scene--gates-of-rog { --accent:#ffc84d; background:radial-gradient(circle at 50% 0,rgba(255,199,62,.34),transparent 27rem),linear-gradient(145deg,#3a2004,#110900 70%) !important; }.game-scene--wanted-wild { --accent:#ff7c4b; background:radial-gradient(circle at 15% 15%,rgba(252,106,54,.32),transparent 27rem),linear-gradient(145deg,#3e1209,#130705 68%) !important; }.game-scene--jungle-vault { --accent:#85e85c; background:radial-gradient(circle at 70% 0,rgba(113,222,74,.28),transparent 28rem),linear-gradient(145deg,#11351b,#071107 69%) !important; }.game-scene--dragon-forge { --accent:#fa5d2d; background:radial-gradient(circle at 50% 0,rgba(255,82,35,.34),transparent 28rem),linear-gradient(145deg,#3d1006,#120705 68%) !important; }.game-scene--ocean-crown { --accent:#4de0df; background:radial-gradient(circle at 64% 0,rgba(58,227,219,.3),transparent 29rem),linear-gradient(145deg,#07333b,#061013 68%) !important; }.game-scene--lunar-carnival { --accent:#d787ff; background:radial-gradient(circle at 52% 0,rgba(205,115,255,.32),transparent 27rem),linear-gradient(145deg,#28123b,#0e0718 68%) !important; }.game-scene--samurai-spark { --accent:#ff7d77; background:radial-gradient(circle at 28% 0,rgba(255,93,83,.32),transparent 27rem),linear-gradient(145deg,#36100d,#110706 68%) !important; }.game-scene--1stake-slot-machine { --accent:#7f8cff; background:radial-gradient(circle at 50% 0,rgba(111,132,255,.33),transparent 28rem),linear-gradient(145deg,#181c66,#090619 68%) !important; }.game-scene--aviator,.game-scene--rocket-crash { --accent:#ff5c56; background:radial-gradient(circle at 60% 10%,rgba(255,83,73,.28),transparent 27rem),linear-gradient(145deg,#341011,#110607 68%) !important; }.game-scene--mines-pro { --accent:#f2bd36; background:radial-gradient(circle at 50% 10%,rgba(255,196,43,.26),transparent 27rem),linear-gradient(145deg,#2e2510,#0c0b06 68%) !important; }.game-scene--plinko-rush { --accent:#aa69ff; background:radial-gradient(circle at 30% 10%,rgba(157,90,255,.3),transparent 27rem),linear-gradient(145deg,#22133f,#0a0713 68%) !important; }.game-scene--blackjack-vip,.game-scene--royal-roulette { --accent:#ff555d; background:radial-gradient(circle at 50% 0,rgba(255,72,82,.25),transparent 27rem),linear-gradient(145deg,#2d1013,#0c0707 68%) !important; }.game-scene--mega-wheel { --accent:#ffd16b; background:radial-gradient(circle at 55% 0,rgba(255,197,62,.31),transparent 27rem),linear-gradient(145deg,#39220a,#100905 68%) !important; }.game-scene--lucky-dice { --accent:#5ce5c5; background:radial-gradient(circle at 45% 0,rgba(75,235,190,.28),transparent 27rem),linear-gradient(145deg,#073227,#06100e 68%) !important; }
@keyframes paylinePulse { from { opacity:.48; stroke-width:5; } to { opacity:1; stroke-width:9; } } @keyframes winningCell { from { transform:scale(1.035) translateY(0); } to { transform:scale(1.09) translateY(-3px); } } @keyframes lineToast { from { opacity:0; transform:translateY(8px) scale(.86); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:620px) { .slot-paylines { inset:3px; width:calc(100% - 6px); height:calc(100% - 6px); }.slot-paylines polyline { stroke-width:4; }.slot-paylines polyline.is-hit { stroke-width:6; }.slot-cell.is-hit { outline-width:2px; box-shadow:0 0 0 3px rgba(255,185,47,.33),0 0 16px rgba(255,211,87,.76); }.slot-win-panel { right:4px; bottom:4px; left:4px; gap:3px; }.slot-win-panel span { padding:3px 4px; font-size:7px; } }
.home-hero--gold { background-image:linear-gradient(90deg,rgba(8,7,5,.97) 0%,rgba(8,7,5,.84) 41%,rgba(8,7,5,.15) 76%),url('/assets/casino-hero-gold.png'); background-position:center; background-size:cover; }.home-hero--gold::after { display:none; }.hero-stage--image { align-content:end; }.home-showcase { margin-top:56px; }.showcase-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.showcase-card { position:relative; min-height:235px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:22px; overflow:hidden; border:1px solid rgba(255,216,134,.18); border-radius:23px; background:#1c140a; box-shadow:var(--shadow); }.showcase-card::before { content:""; position:absolute; inset:0; opacity:.92; background-position:center; background-size:cover; transition:transform .45s ease; }.showcase-card:hover::before { transform:scale(1.06); }.showcase-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(6,5,3,.96),rgba(6,5,3,.06) 78%); }.showcase-card>* { position:relative; z-index:1; }.showcase-card span { color:#ffdc7c; font-size:10px; font-weight:900; letter-spacing:.1em; }.showcase-card h3 { margin:10px 0 8px; color:#fff6dc; font:800 23px Unbounded,sans-serif; }.showcase-card p { max-width:310px; margin:0 0 15px; color:#ddd0b7; font-size:12px; line-height:1.55; }.showcase-card a { color:#ffd36c; font-size:12px; font-weight:900; }.showcase-slots::before { background-image:url('/assets/casino-hero-gold.png'); background-position:92% 40%; }.showcase-crash::before { background:radial-gradient(circle at 72% 28%,rgba(255,211,95,.85),transparent 13rem),linear-gradient(135deg,#4c130b,#16090a 65%); }.showcase-tables::before { background:radial-gradient(circle at 72% 35%,rgba(255,206,93,.7),transparent 12rem),conic-gradient(from 40deg at 70% 40%,#b3222d,#17130e,#b3222d,#17130e,#b3222d); }.about-panel { background:linear-gradient(140deg,rgba(75,47,10,.75),rgba(21,16,8,.92)); }.contacts-page--visual { position:relative; padding:35px; overflow:hidden; border:1px solid rgba(255,216,134,.18); border-radius:28px; background:linear-gradient(90deg,rgba(11,9,5,.96),rgba(11,9,5,.52)),url('/assets/casino-hero-gold.png') center/cover; }.contacts-page--visual>*,.contacts-page--visual .contact-grid { position:relative; z-index:1; }.contacts-page--visual>p { max-width:650px; }.contacts-page--visual .contact-grid article { background:rgba(15,11,6,.76); backdrop-filter:blur(10px); }.license-page { max-width:1120px; }.license-intro { max-width:720px; color:var(--muted); line-height:1.7; }.license-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:26px 0 16px; }.license-grid article,.license-note { padding:22px; border:1px solid rgba(255,215,129,.16); border-radius:19px; background:linear-gradient(145deg,rgba(50,37,17,.77),rgba(16,12,7,.92)); }.license-grid span { color:#ffcf64; font-size:10px; font-weight:900; letter-spacing:.1em; }.license-grid h2,.license-note h2 { margin:12px 0 9px; color:#fff1c8; font-size:18px; }.license-grid p,.license-note p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }.license-note { background:linear-gradient(135deg,rgba(88,53,10,.58),rgba(18,13,7,.94)); }
@media (max-width:760px) { .showcase-grid,.license-grid { grid-template-columns:1fr; }.showcase-card { min-height:205px; }.contacts-page--visual { padding:23px 18px; border-radius:20px; } }
.game-scene--golden-buffalo { background:radial-gradient(circle at 80% 12%,rgba(255,191,67,.36),transparent 22rem),linear-gradient(145deg,#4b2b07,#160c04 70%) !important; }.game-scene--wild-west-gold { background:radial-gradient(circle at 18% 18%,rgba(249,117,39,.28),transparent 22rem),linear-gradient(145deg,#3a1609,#120807 70%) !important; }.game-scene--cyber-jackpot { background:radial-gradient(circle at 70% 5%,rgba(45,235,255,.32),transparent 23rem),linear-gradient(145deg,#062b44,#060a11 70%) !important; }.game-scene--mental-cyber { background:radial-gradient(circle at 18% 10%,rgba(192,80,255,.31),transparent 22rem),linear-gradient(145deg,#1d0d3a,#090611 70%) !important; }.game-scene--book-of-rog { background:radial-gradient(circle at 62% 8%,rgba(204,143,255,.31),transparent 22rem),linear-gradient(145deg,#291137,#10070f 70%) !important; }.game-scene--book-of-dead { background:radial-gradient(circle at 30% 5%,rgba(255,180,55,.31),transparent 22rem),linear-gradient(145deg,#35210b,#100906 70%) !important; }.game-scene--aviator { background:radial-gradient(circle at 80% 5%,rgba(255,91,82,.33),transparent 23rem),linear-gradient(145deg,#3b1012,#120607 70%) !important; }.game-scene--rocket-crash { background:radial-gradient(circle at 20% 5%,rgba(255,147,56,.32),transparent 22rem),linear-gradient(145deg,#3d1907,#120805 70%) !important; }.game-scene--blackjack-vip { background:radial-gradient(circle at 70% 12%,rgba(243,196,73,.22),transparent 22rem),linear-gradient(145deg,#1f3325,#07110b 70%) !important; }.game-scene--royal-roulette { background:radial-gradient(circle at 60% 5%,rgba(255,77,92,.31),transparent 22rem),linear-gradient(145deg,#391014,#100607 70%) !important; }.game-scene--dog-house { background:radial-gradient(circle at 75% 8%,rgba(255,157,75,.31),transparent 22rem),linear-gradient(145deg,#3d1c23,#13080b 70%) !important; }
.game-canvas { position:absolute; inset:0; z-index:20; width:100%; height:100%; border-radius:inherit; }.html5-game.canvas-ready > :not(.game-canvas) { display:none; }.html5-game.canvas-ready { overflow:hidden; background:#080705; }.html5-game.canvas-ready.is-win .game-canvas { animation:canvasWinPulse .7s ease-in-out infinite alternate; } @keyframes canvasWinPulse { from { filter:brightness(1); } to { filter:brightness(1.18) saturate(1.14); } }

/* Final alignment pass for the home hero and KYC review workspace. */
.home-hero--gold .hero-stage { align-content:center; justify-items:end; padding:12px 0; }.home-hero--gold .stage-main,.home-hero--gold .stage-float { transform:none; }.home-hero--gold .stage-main { width:min(100%,420px); padding:28px; border-color:rgba(255,220,139,.36); background:linear-gradient(145deg,rgba(56,37,8,.88),rgba(11,9,5,.9)); box-shadow:0 25px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14); }.home-hero--gold .stage-float { margin-right:36px; border-color:rgba(255,220,139,.2); }.jackpot-stage strong { margin:10px 0 15px; color:#ffe4a1; font-size:clamp(24px,2.45vw,35px); line-height:1.12; letter-spacing:-.06em; white-space:nowrap; text-shadow:0 0 22px rgba(255,193,58,.35); animation:jackpotGlow 1.7s ease-in-out infinite alternate; }.jackpot-range { display:flex; align-items:center; justify-content:center; gap:10px; margin:0 0 15px; padding:11px 12px; border:1px solid rgba(255,221,142,.22); border-radius:13px; color:#f6d78d; background:rgba(0,0,0,.2); }.jackpot-range i { color:#ffd25c; font-size:18px; font-style:normal; filter:drop-shadow(0 0 7px rgba(255,195,52,.55)); }.jackpot-range b { font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.kyc-review-title { display:flex; align-items:end; justify-content:space-between; gap:22px; }.kyc-queue-summary { display:grid; flex:0 0 150px; gap:2px; padding:17px 19px; border:1px solid rgba(255,213,108,.2); border-radius:17px; background:linear-gradient(145deg,rgba(92,59,10,.5),rgba(18,13,7,.82)); }.kyc-queue-summary span,.kyc-queue-summary small { color:var(--muted); font-size:10px; }.kyc-queue-summary strong { color:#ffdb7d; font:800 29px Unbounded,sans-serif; }.table-panel-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:2px 0 17px; }.table-panel-head h2 { margin:6px 0 0; font-size:19px; }.status-chip { display:inline-flex; align-items:center; width:max-content; padding:6px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.04); font-size:10px; font-weight:900; }.status-chip.pending { color:#ffe296; border-color:rgba(255,210,84,.28); background:rgba(255,192,48,.1); }.status-chip.rejected { color:#ff9cae; border-color:rgba(255,107,133,.28); background:rgba(255,82,119,.09); }.kyc-rejected { margin-top:17px; border-color:rgba(255,107,133,.16); }.kyc-status-action { display:flex; align-items:flex-start; flex-direction:column; gap:8px; }.kyc-review-empty { padding:32px 20px; }.kyc-review-empty p { max-width:520px; margin:8px auto 0; color:var(--muted); font-size:12px; line-height:1.55; } @keyframes jackpotGlow { from { filter:brightness(1); transform:translateY(0); } to { filter:brightness(1.16); transform:translateY(-1px); } }
@media (max-width:760px) { .home-hero--gold .hero-stage { justify-items:stretch; }.home-hero--gold .stage-main { width:100%; }.home-hero--gold .stage-float { width:calc(100% - 24px); margin:0 0 0 24px; }.jackpot-stage strong { white-space:normal; }.kyc-review-title { align-items:stretch; flex-direction:column; }.kyc-queue-summary { width:100%; }.table-panel-head { align-items:flex-start; flex-direction:column; }.kyc-review table { min-width:680px; } }
@media (max-width:620px) { .home-hero--gold .stage-main { padding:22px 18px; }.home-hero--gold .stage-float { width:100%; margin:0; }.jackpot-stage strong { font-size:27px; }.jackpot-range { margin-bottom:12px; padding:9px; }.kyc-status-action .status-button { width:100%; } }

.game--ember-crown .game-cover { background:radial-gradient(circle at 75% 14%,rgba(255,223,116,.52),transparent 9rem),linear-gradient(135deg,#b12f1d,#3b0d11 61%,#f07c2d); }.game--starfall-vault .game-cover { background:radial-gradient(circle at 75% 14%,rgba(189,168,255,.56),transparent 9rem),linear-gradient(135deg,#4b2c9e,#151441 62%,#3ea9d4); }.game--pirate-tide .game-cover { background:radial-gradient(circle at 75% 14%,rgba(121,242,227,.44),transparent 9rem),linear-gradient(135deg,#127b83,#102c49 62%,#c38639); }.game--mythic-peak .game-cover { background:radial-gradient(circle at 76% 12%,rgba(255,224,101,.54),transparent 9rem),linear-gradient(135deg,#4c369c,#17153b 61%,#bd7a24); }.game--candy-comet .game-cover { background:radial-gradient(circle at 74% 14%,rgba(255,217,117,.48),transparent 9rem),linear-gradient(135deg,#df397e,#66205e 62%,#8654c5); }.game--pharaoh-flare .game-cover { background:radial-gradient(circle at 75% 12%,rgba(255,223,115,.55),transparent 9rem),linear-gradient(135deg,#9e5c1d,#3c2413 61%,#b43f27); }.game-scene--ember-crown { --accent:#ff7c42; background:radial-gradient(circle at 75% 4%,rgba(255,128,48,.33),transparent 27rem),linear-gradient(145deg,#4b130a,#120605 70%) !important; }.game-scene--starfall-vault { --accent:#b49cff; background:radial-gradient(circle at 65% 0,rgba(158,130,255,.34),transparent 27rem),linear-gradient(145deg,#26135c,#090716 70%) !important; }.game-scene--pirate-tide { --accent:#5ee4db; background:radial-gradient(circle at 60% 0,rgba(78,223,211,.28),transparent 27rem),linear-gradient(145deg,#073d4a,#061015 70%) !important; }.game-scene--mythic-peak { --accent:#ffdb61; background:radial-gradient(circle at 50% 0,rgba(255,208,83,.33),transparent 27rem),linear-gradient(145deg,#2c1b55,#0e081b 70%) !important; }.game-scene--candy-comet { --accent:#ff81c9; background:radial-gradient(circle at 65% 0,rgba(255,111,190,.34),transparent 27rem),linear-gradient(145deg,#4a174a,#140812 70%) !important; }.game-scene--pharaoh-flare { --accent:#ffd267; background:radial-gradient(circle at 55% 0,rgba(255,198,75,.34),transparent 27rem),linear-gradient(145deg,#513010,#150b05 70%) !important; }

.game--pharaoh-flare .game-cover,.game--book-of-rog .game-cover,.game--book-of-dead .game-cover { border-bottom:1px solid rgba(255,222,111,.34); background:radial-gradient(circle at 50% 4%,rgba(255,229,130,.58),transparent 8rem),linear-gradient(135deg,#c2471d,#4b1009 58%,#e89625); }.game--pharaoh-flare .game-cover::before,.game--book-of-rog .game-cover::before,.game--book-of-dead .game-cover::before { width:220px; height:110px; top:auto; bottom:-70px; left:50%; border-radius:50% 50% 0 0; background:rgba(255,205,74,.33); transform:translateX(-50%); }.game--pharaoh-flare .game-icon,.game--book-of-rog .game-icon,.game--book-of-dead .game-icon { color:#ffe47f; text-shadow:0 0 18px rgba(255,109,31,.9); filter:drop-shadow(0 11px 8px rgba(51,7,2,.55)); }

/* Home lobby: an editorial gold-and-ink casino storefront. */
.home-hero--premium { isolation:isolate; min-height:570px; padding:clamp(28px,4vw,62px); border-color:rgba(255,221,145,.25); background-image:linear-gradient(90deg,rgba(7,6,4,.98) 0%,rgba(9,7,4,.9) 43%,rgba(11,7,3,.24) 78%),url('/assets/casino-hero-gold.png'); background-position:center; background-size:cover; box-shadow:0 32px 88px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08); }.home-hero--premium::before { content:""; position:absolute; z-index:-1; inset:12px; border:1px solid rgba(255,222,145,.1); border-radius:24px; pointer-events:none; }.home-hero--premium .hero-copy { align-self:center; max-width:650px; }.home-kicker { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#e6c881; font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }.home-kicker i { padding-left:9px; border-left:1px solid rgba(255,226,156,.22); color:#a99a7e; font-style:normal; }.live-dot { display:inline-block; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#74e29d; box-shadow:0 0 0 4px rgba(116,226,157,.12),0 0 15px rgba(116,226,157,.75); animation:livePulse 1.8s ease-in-out infinite; }.home-hero--premium h1 { max-width:610px; margin:16px 0 18px; color:#fff5d8; font-size:clamp(39px,5.1vw,72px); line-height:.98; letter-spacing:-.075em; }.home-hero--premium h1 em { color:#f4c55e; font-style:normal; text-shadow:0 0 26px rgba(255,191,62,.25); }.home-hero--premium .hero-copy>p { max-width:550px; color:#d2c3a7; font-size:15px; line-height:1.7; }.home-hero--premium .hero-actions { margin-top:27px; }.hero-mini-stats { display:flex; flex-wrap:wrap; gap:0; margin-top:32px; }.hero-mini-stats span { display:grid; gap:3px; min-width:122px; padding:0 18px; border-left:1px solid rgba(255,225,153,.17); }.hero-mini-stats span:first-child { padding-left:0; border-left:0; }.hero-mini-stats b { color:#ffe099; font:800 20px Unbounded,sans-serif; }.hero-mini-stats small { color:#a99e8b; font-size:10px; }.home-hero--premium .trust-row { margin-top:25px; }.home-hero--premium .trust-row span { border-color:rgba(255,217,133,.17); color:#cbbd9e; background:rgba(8,6,3,.22); }.home-hero--premium .hero-stage { min-height:410px; align-content:center; justify-items:end; }.hero-orbit { position:absolute; z-index:-1; border:1px solid rgba(255,225,149,.16); border-radius:50%; pointer-events:none; }.orbit-one { width:350px; height:350px; right:3%; top:7%; animation:orbitPulse 5s ease-in-out infinite alternate; }.orbit-two { width:490px; height:490px; right:-14%; top:-10%; border-color:rgba(255,196,76,.12); animation:orbitPulse 6s ease-in-out 1s infinite alternate-reverse; }.home-hero--premium .stage-main { position:relative; z-index:2; }.home-hero--premium .stage-float { position:relative; z-index:2; margin-right:24px; }.hero-reel { position:absolute; z-index:1; right:222px; bottom:4px; display:grid; grid-template-columns:repeat(3,44px); gap:5px; padding:8px; border:1px solid rgba(255,220,145,.16); border-radius:16px; background:rgba(12,8,4,.65); box-shadow:0 20px 38px rgba(0,0,0,.26); transform:rotate(-3deg); backdrop-filter:blur(11px); }.hero-reel span { display:grid; place-items:center; height:43px; border-radius:9px; color:#3a2104; background:linear-gradient(145deg,#fff5d4,#d99a34); font:900 20px Unbounded,sans-serif; }.hero-reel small { grid-column:1/-1; color:#c4ad78; font-size:8px; font-weight:900; letter-spacing:.12em; text-align:center; }.home-live-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:17px 0 0; padding:14px 18px; border:1px solid rgba(255,219,136,.14); border-radius:17px; background:linear-gradient(90deg,rgba(55,39,13,.52),rgba(15,12,8,.86)); }.home-live-bar>div { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }.home-live-bar b { color:#f8df9f; font-size:12px; }.home-live-bar small { color:#a99e8a; font-size:11px; }.home-live-bar a { display:flex; gap:9px; align-items:center; color:#ffd879; font-size:11px; font-weight:900; white-space:nowrap; }.home-live-bar a b { color:#ffd879; font-size:17px; }.home-modes { margin-top:40px; }.home-mode-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:11px; }.home-mode { position:relative; display:grid; min-height:160px; align-content:end; gap:5px; padding:17px; overflow:hidden; border:1px solid rgba(255,218,137,.15); border-radius:19px; background:linear-gradient(145deg,#251c10,#0e0b07); box-shadow:0 14px 34px rgba(0,0,0,.18); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }.home-mode::before { content:""; position:absolute; top:-50px; right:-35px; width:145px; height:145px; border-radius:50%; opacity:.8; filter:blur(2px); }.home-mode:hover { transform:translateY(-5px); border-color:rgba(255,216,122,.55); box-shadow:0 22px 44px rgba(0,0,0,.32); }.home-mode span,.home-mode b,.home-mode small,.home-mode i { position:relative; z-index:1; }.home-mode span { color:#f7d16b; font:800 11px Unbounded,sans-serif; }.home-mode b { color:#fff0c9; font-size:19px; }.home-mode small { color:#b7aa91; font-size:11px; line-height:1.45; }.home-mode i { position:absolute; right:15px; bottom:15px; color:#ffdb77; font-size:20px; font-style:normal; }.home-mode--slots::before { background:#e94076; }.home-mode--fast::before { background:#e25d25; }.home-mode--tables::before { background:#b61f36; }.home-mode--instant::before { background:#4866d6; }.home-showcase { margin-top:54px; }.home-showcase .section-head h2,.home-modes .section-head h2 { color:#fff0ca; font-size:clamp(26px,3vw,38px); }.home-guide { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr); gap:20px; margin-top:54px; padding:clamp(24px,3vw,38px); overflow:hidden; border:1px solid rgba(255,218,137,.17); border-radius:27px; background:radial-gradient(circle at 6% 120%,rgba(218,133,30,.2),transparent 24rem),radial-gradient(circle at 92% 0,rgba(255,213,112,.14),transparent 19rem),linear-gradient(135deg,#20170c,#0d0a06 64%); }.home-guide h2 { max-width:510px; margin:8px 0 10px; color:#fff0c8; font-size:clamp(24px,2.9vw,38px); line-height:1.08; }.home-guide p { max-width:600px; margin:0; color:#bfb29a; font-size:13px; line-height:1.7; }.home-guide-links { display:grid; gap:8px; align-content:center; }.home-guide-links a { display:grid; grid-template-columns:1fr auto; gap:3px 12px; align-items:center; padding:14px 15px; border:1px solid rgba(255,221,148,.1); border-radius:14px; color:#fff1cc; background:rgba(255,228,165,.045); transition:.2s ease; }.home-guide-links a:hover { transform:translateX(4px); border-color:rgba(255,215,121,.4); background:rgba(255,210,103,.1); }.home-guide-links b { font-size:13px; }.home-guide-links span { color:#b7ab94; font-size:10px; }.home-guide-links i { grid-column:2; grid-row:1/3; color:#ffd168; font-size:19px; font-style:normal; } @keyframes livePulse { 50% { opacity:.48; transform:scale(.82); } } @keyframes orbitPulse { from { transform:scale(.94) rotate(0); opacity:.45; } to { transform:scale(1.04) rotate(8deg); opacity:.9; } }
@media (max-width:900px) { .home-hero--premium { grid-template-columns:1fr; }.home-hero--premium .hero-stage { min-height:285px; justify-items:end; }.home-hero--premium .stage-main { width:min(100%,430px); }.hero-reel { right:340px; bottom:18px; }.home-mode-grid { grid-template-columns:repeat(2,1fr); }.home-guide { grid-template-columns:1fr; }.home-guide-links { grid-template-columns:repeat(3,1fr); }.home-guide-links a { min-height:88px; } }
@media (max-width:620px) { .home-hero--premium { min-height:0; padding:25px 18px 20px; border-radius:21px; background-image:linear-gradient(160deg,rgba(8,6,4,.98),rgba(12,8,4,.88) 62%,rgba(36,19,5,.78)),url('/assets/casino-hero-gold.png'); background-position:63% center; }.home-hero--premium::before { inset:7px; border-radius:15px; }.home-hero--premium h1 { margin:14px 0; font-size:43px; }.home-hero--premium .hero-copy>p { font-size:13px; }.hero-mini-stats { margin-top:24px; }.hero-mini-stats span { min-width:0; flex:1; padding:0 10px; }.hero-mini-stats b { font-size:15px; }.hero-mini-stats small { font-size:8px; }.home-hero--premium .hero-stage { display:grid; min-height:0; margin-top:21px; }.home-hero--premium .stage-main { width:100%; padding:20px 16px; }.home-hero--premium .stage-float,.hero-reel,.hero-orbit { display:none; }.home-live-bar { align-items:flex-start; flex-direction:column; gap:9px; margin-top:10px; padding:13px; border-radius:15px; }.home-live-bar small { width:100%; }.home-modes { margin-top:31px; }.home-mode-grid { grid-template-columns:1fr 1fr; gap:8px; }.home-mode { min-height:135px; padding:13px; border-radius:15px; }.home-mode b { font-size:15px; }.home-mode small { font-size:9px; }.home-mode i { right:12px; bottom:10px; font-size:17px; }.home-showcase { margin-top:37px; }.home-guide { gap:18px; margin-top:37px; padding:22px 17px; border-radius:20px; }.home-guide h2 { font-size:27px; }.home-guide-links { grid-template-columns:1fr; }.home-guide-links a { min-height:0; }.home-kicker { font-size:9px; }.home-kicker i { width:100%; padding:0; border:0; } }

.admin-panel textarea { width:100%; min-height:78px; padding:11px; resize:vertical; border:1px solid var(--line); border-radius:10px; color:#fff; outline:0; background:rgba(255,255,255,.06); font:inherit; font-size:12px; }.danger { color:#ff8da5; border-color:rgba(255,82,119,.3); background:rgba(255,82,119,.07); }.action-pair { display:flex; gap:6px; }.stat-lines { display:grid; gap:10px; }.stat-lines div { display:flex; justify-content:space-between; padding-bottom:9px; border-bottom:1px solid var(--line); }.stat-lines span { color:var(--muted); font-size:12px; }.stat-lines b { color:var(--gold); font-size:13px; }.ticket-thread-list { display:grid; gap:13px; margin-top:24px; }.ticket-thread { padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }.ticket-thread header { display:flex; justify-content:space-between; gap:12px; margin-bottom:13px; }.ticket-thread h3 { margin:4px 0; font-size:16px; }.ticket-thread small,.ticket-thread time { color:var(--muted); font-size:11px; }.ticket-id { color:var(--gold); font-size:11px; font-weight:900; }.ticket-messages { display:grid; gap:8px; }.ticket-message { max-width:84%; padding:10px 12px; border-radius:13px; background:rgba(255,255,255,.06); }.ticket-message.operator { justify-self:end; background:rgba(255,209,102,.1); }.ticket-message b { font-size:11px; }.ticket-message p { margin:5px 0 0; color:var(--muted); line-height:1.5; font-size:12px; }.ticket-reply { display:flex; gap:8px; margin-top:12px; }.ticket-reply input { flex:1; min-width:0; padding:10px 11px; border:1px solid var(--line); border-radius:11px; color:#fff; outline:0; background:rgba(255,255,255,.06); }.ticket-reply button { min-height:40px; }
@media (max-width:620px) { .ticket-thread { padding:14px; border-radius:14px; }.ticket-thread header { align-items:start; flex-direction:column; }.ticket-message { max-width:94%; }.ticket-reply { flex-direction:column; }.ticket-reply button { width:100%; }.action-pair { flex-direction:column; } }