:root{--bg:#070b10;--surface:#111a24;--surface-2:#172333;--border:#263547;--text:#ecf3fb;--muted:#8fa3b8;--accent:#00e083;--accent-2:#00b86b;--gold:#ffd700;--red:#ff4d6d;--blue:#46a3ff;--shadow:0 24px 80px rgba(0,0,0,.30)}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--blue) 14%,transparent),transparent 30%),var(--bg)}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--border);background:rgba(8,13,19,.92);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#03140d;font-weight:900;background:linear-gradient(135deg,var(--accent),#a6ffd4);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 35%,transparent)}.brand-name{font-weight:900;font-size:22px}.brand-sub{color:var(--muted);font-size:11px;letter-spacing:.18em}.nav{display:grid;gap:8px}.nav a{padding:13px 14px;color:var(--muted);border-radius:14px;transition:.14s ease}.nav a:hover{color:var(--text);background:var(--surface);transform:translateX(2px)}.sidebar-bottom{margin-top:auto}.logout{display:block;text-align:center;padding:13px;border-radius:14px;color:var(--muted);background:var(--surface)}.main-frame{min-width:0}.topbar{position:sticky;top:0;z-index:10;min-height:90px;padding:16px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:rgba(7,11,16,.72);backdrop-filter:blur(18px)}.kicker{color:var(--accent);font-weight:900;font-size:11px;letter-spacing:.18em}.topbar h1{margin:4px 0 0;font-size:26px}.top-actions{display:flex;gap:10px;align-items:center}.wallet,.user-chip,.link-button,.icon-button{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:10px 14px}.wallet span{display:block;color:var(--muted);font-size:12px}.wallet strong{font-size:18px}.wallet.temp strong{color:var(--gold)}.deposit-button,.link-button.primary,.button.primary{border:0;color:#02130b;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:15px;padding:12px 18px;font-weight:900}.content{padding:30px}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;min-height:520px}.landing-copy,.landing-visual,.panel,.auth-panel,.profile-card,.play-area,.bet-box,.home-banner{border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 96%,transparent),color-mix(in srgb,var(--surface) 98%,transparent));box-shadow:var(--shadow)}.landing-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.pill{display:inline-flex;width:fit-content;padding:7px 12px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:900;font-size:12px}.landing-copy h2{font-size:66px;margin:14px 0}.landing-copy p{color:var(--muted);line-height:1.7;font-size:18px;max-width:560px}.hero-buttons{margin-top:26px;display:flex;gap:12px}.button{border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface-2);padding:13px 18px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.button.ghost{background:transparent}.button.locked{opacity:.5;cursor:not-allowed}.landing-visual{overflow:hidden;padding:0}.landing-visual img{width:100%;height:100%;object-fit:cover;display:block;min-height:520px}.home-banner{display:grid;grid-template-columns:1fr 430px;gap:20px;align-items:center;padding:34px;overflow:hidden}.home-banner h2{font-size:42px;margin:10px 0}.home-banner p{color:var(--muted)}.home-banner img{width:100%;max-height:240px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-top:18px}.panel{padding:24px}.panel-label{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.16em}.vip-panel h2{margin:10px 0 4px;font-size:36px}.progress{margin:18px 0 8px;height:10px;border-radius:999px;background:#061018;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--blue))}.stat-panel span{color:var(--muted)}.stat-panel strong{display:block;font-size:34px;margin-top:10px}.stat-panel.gold strong{color:var(--gold)}.section-title{margin:34px 0 14px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}.game-grid.large{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.game-card{min-height:240px;padding:16px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%),linear-gradient(180deg,var(--surface-2),var(--surface));display:flex;flex-direction:column;justify-content:end;transition:.14s ease;overflow:hidden}.game-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 18px 48px color-mix(in srgb,var(--accent) 10%,transparent)}.game-card img{width:100%;height:120px;object-fit:contain;margin-bottom:auto;filter:drop-shadow(0 16px 18px rgba(0,0,0,.36))}.game-card strong{font-size:20px}.game-card small{color:var(--muted);margin:6px 0 10px}.game-card em,.coming-soon{color:var(--accent);font-style:normal;font-size:12px;font-weight:900}.split{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.list-row{padding:12px 0;border-bottom:1px solid var(--border)}.list-row span{display:block;margin-top:4px;color:var(--muted)}.muted{color:var(--muted)}.auth-panel{width:min(500px,100%);margin:40px auto;padding:30px}.form{display:grid;gap:12px}.form label{color:var(--muted);font-size:13px}input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--border);outline:none;background:#071018;color:var(--text)}.alert{padding:12px 14px;border-radius:14px;margin:14px 0}.alert.error{background:rgba(255,77,109,.12);border:1px solid rgba(255,77,109,.30)}.alert.success{background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.play-area,.bet-box{padding:28px}.game-hero-img{width:100%;max-height:320px;object-fit:contain}.profile-card{padding:28px;display:flex;gap:20px;align-items:center}.avatar{width:104px;height:104px;border-radius:30px;display:grid;place-items:center;color:#02130b;font-size:30px;font-weight:900;background:linear-gradient(135deg,var(--accent),#a6ffd4)}code{color:var(--accent)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.theme-card{display:grid;gap:10px;position:relative;overflow:hidden}.mobile-nav{display:none}@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{position:fixed;inset:auto 0 0 0;z-index:200;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,13,19,.94);border-top:1px solid var(--border);backdrop-filter:blur(18px)}.mobile-nav a{padding:9px 4px;display:grid;place-items:center;color:var(--muted);font-size:18px}.mobile-nav span{font-size:11px;margin-top:2px}.topbar{position:relative;min-height:auto;padding:18px;display:grid;gap:12px}.top-actions{flex-wrap:wrap}.content{padding:18px 14px 84px}.landing-hero,.home-banner,.dashboard-grid,.split,.game-shell{grid-template-columns:1fr}.landing-copy{padding:30px}.landing-copy h2{font-size:42px}.landing-visual img{min-height:320px}.game-grid{grid-template-columns:repeat(2,1fr)}}


.dev-login-box {
    margin-top: 18px;
    padding: 16px;
    border-radius: 16px;
    border: 1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));
    background: color-mix(in srgb, var(--accent) 9%, transparent);
    display: grid;
    gap: 12px;
}

.dev-login-box strong {
    display: block;
    color: var(--accent);
    margin-bottom: 4px;
}

.dev-login-box span {
    color: var(--muted);
    font-size: 13px;
}

.button.dev {
    width: 100%;
    background: linear-gradient(135deg, #ffd700, var(--accent));
    color: #06100b;
    border: 0;
}

.highlow-area{text-align:center}.playing-card{width:190px;height:270px;margin:10px auto 20px;border-radius:18px;background:#f7f3e9;color:#d12222;display:grid;place-items:center;font-size:88px;font-weight:900;box-shadow:0 30px 50px rgba(0,0,0,.35);transition:.25s}.playing-card.flip{transform:rotateY(180deg)}.hl-info p{color:var(--muted);margin:0}.hl-info strong{font-size:42px;color:var(--accent)}.hl-result{margin:18px auto;min-height:30px;color:var(--muted);font-weight:800}.hl-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button.high{background:#14c66f;color:#02130b;border:0;font-size:22px}.button.low{background:#df334b;color:white;border:0;font-size:22px}.hl-mini{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;gap:10px}.hl-mini span{color:var(--muted);font-size:13px}.hl-mini strong{font-size:18px}