:root {
  --bg: #070b12;
  --surface: #0e1520;
  --surface-2: #131d2a;
  --surface-3: #192535;
  --text: #f5f8fb;
  --muted: #8190a5;
  --line: rgba(255,255,255,.09);
  --accent: #c6ff3f;
  --accent-2: #8de621;
  --blue: #4d8dff;
  --danger: #ff5f6d;
  --warning: #ffbd4a;
  --success: #42d39d;
  --radius: 18px;
  --shadow: 0 24px 80px rgba(0,0,0,.28);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
body::selection { background: var(--accent); color: #071006; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.icon { width: 20px; height: 20px; flex: 0 0 auto; }
.site-header { height: 76px; border-bottom: 1px solid var(--line); background: rgba(7,11,18,.82); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 50; }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.brand-symbol { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px 11px 5px 11px; background: var(--accent); color: #071006; font-weight: 950; font-style: italic; box-shadow: 0 0 28px rgba(198,255,63,.2); }
.brand strong { font-size: 17px; letter-spacing: -.5px; display: block; line-height: 1; }
.brand small { display: block; color: var(--accent); font-size: 7px; letter-spacing: 2.2px; margin-top: 5px; font-weight: 800; }
.brand-logo-wrap { height: 42px; width: 172px; display: flex; align-items: center; }
.brand-logo { width: 100%; max-height: 42px; object-fit: contain; object-position: left center; }
.main-nav { display: flex; align-items: center; gap: 7px; margin-right: auto; }
.main-nav a { color: #a8b3c2; font-size: 14px; font-weight: 650; padding: 11px 15px; border-radius: 11px; }
.main-nav a:hover, .main-nav a.active { color: #fff; background: rgba(255,255,255,.055); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.balance-pill { display: flex; flex-direction: column; align-items: flex-end; margin-right: 8px; }
.balance-pill span { font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--muted); }
.balance-pill strong { color: var(--accent); font-size: 14px; }
.btn { border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: 12px; font-weight: 800; color: var(--text); transition: .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-small { min-height: 38px; padding: 0 15px; font-size: 13px; }
.btn-primary { background: var(--accent); color: #081006; box-shadow: 0 8px 30px rgba(198,255,63,.15); }
.btn-primary:hover { background: #d3ff68; }
.btn-ghost { border: 1px solid var(--line); background: rgba(255,255,255,.035); }
.btn-danger { background: rgba(255,95,109,.12); color: #ff9099; border: 1px solid rgba(255,95,109,.18); }
.btn-block { width: 100%; }
.menu-toggle, .admin-menu-button { display: none; width: 40px; height: 40px; place-items: center; color: #fff; border: 1px solid var(--line); background: var(--surface); border-radius: 10px; }
.hero-wrap { padding: 28px 0 0; }
.hero-carousel { min-height: 390px; position: relative; overflow: hidden; border-radius: 26px; background: #101a24; border: 1px solid rgba(255,255,255,.08); box-shadow: var(--shadow); }
.hero-carousel::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(5,9,14,.92) 0%, rgba(5,9,14,.55) 45%, rgba(5,9,14,.05) 100%); z-index: 1; }
.hero-slide { position: absolute; inset: 0; display: flex; align-items: center; padding: 62px; opacity: 0; transform: scale(1.02); transition: opacity .7s ease, transform 1.2s ease; background: radial-gradient(circle at 85% 35%, rgba(198,255,63,.28), transparent 23%), radial-gradient(circle at 70% 70%, rgba(77,141,255,.24), transparent 30%), linear-gradient(125deg,#121c29,#071018); }
.hero-slide.active { opacity: 1; transform: scale(1); }
.hero-slide.has-image { background-size: cover; background-position: center; }
.hero-content { position: relative; z-index: 2; width: min(580px, 70%); }
.eyebrow { color: var(--accent); font-size: 11px; letter-spacing: 2.3px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; gap: 8px; }
.eyebrow::before { content: ''; width: 23px; height: 2px; background: var(--accent); }
.hero-content h1 { margin: 15px 0 12px; font-size: clamp(42px, 6vw, 72px); line-height: .93; letter-spacing: -4px; font-weight: 950; max-width: 680px; }
.hero-content h1 span { color: var(--accent); }
.hero-content p { color: #b3bdca; font-size: 17px; line-height: 1.6; max-width: 520px; }
.hero-actions { display: flex; gap: 10px; margin-top: 27px; }
.hero-dots { position: absolute; left: 62px; bottom: 27px; display: flex; gap: 7px; z-index: 3; }
.hero-dot { width: 22px; height: 4px; border: 0; border-radius: 10px; background: rgba(255,255,255,.25); padding: 0; transition: .3s; }
.hero-dot.active { width: 48px; background: var(--accent); }
.trust-strip { display: grid; grid-template-columns: repeat(4,1fr); padding: 20px 0 4px; gap: 10px; }
.trust-item { display: flex; align-items: center; gap: 11px; padding: 15px; color: #b9c3cf; font-size: 12px; font-weight: 700; }
.trust-icon { width: 35px; height: 35px; border-radius: 50%; display: grid; place-items: center; background: rgba(198,255,63,.08); color: var(--accent); }
.section { padding: 56px 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.section-heading h2 { font-size: 28px; letter-spacing: -1.2px; margin: 5px 0 0; }
.section-heading p { color: var(--muted); margin: 6px 0 0; font-size: 14px; }
.section-heading a { color: var(--accent); font-weight: 750; font-size: 13px; }
.game-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.game-card { position: relative; aspect-ratio: .84; border-radius: 18px; overflow: hidden; background: var(--surface-2); border: 1px solid var(--line); isolation: isolate; transition: .25s ease; }
.game-card:hover { transform: translateY(-5px); border-color: rgba(198,255,63,.35); box-shadow: 0 22px 45px rgba(0,0,0,.35); }
.game-card::after { content:''; position:absolute; inset:0; background: linear-gradient(0deg, rgba(4,8,13,.96) 0%, rgba(4,8,13,.06) 65%); z-index:-1; }
.game-art { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; background: radial-gradient(circle at 65% 28%, var(--card-color, #4d8dff), transparent 19%), radial-gradient(circle at 35% 47%, rgba(198,255,63,.7), transparent 24%), linear-gradient(145deg,#22334a,#0c1119 70%); transform: scale(1.02); transition:.4s; }
.game-card:hover .game-art { transform: scale(1.07); }
.game-badge { position:absolute; top:13px; left:13px; border-radius:8px; background:var(--accent); color:#071006; font-size:9px; font-weight:950; letter-spacing:.8px; padding:6px 8px; text-transform:uppercase; }
.game-lock { position:absolute; inset:0; z-index:3; display:flex; align-items:flex-end; padding:12px; background:linear-gradient(180deg,transparent 45%,rgba(5,9,14,.28) 68%,rgba(5,9,14,.72) 100%); }
.game-lock-content { width:100%; min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:10px; padding:10px; border-radius:11px; background:rgba(7,11,18,.9); border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 24px rgba(0,0,0,.28); }
.game-lock-icon { width:34px; height:34px; border-radius:9px; background:rgba(198,255,63,.11); color:var(--accent); display:grid; place-items:center; font-size:16px; }
.game-lock-copy { min-width:0; text-align:left; }
.game-lock-copy strong { display:block; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.game-lock-copy small { color:#93a1b3; display:block; font-size:9px; line-height:1.3; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.game-info { position:absolute; z-index:2; bottom:0; left:0; right:0; padding:20px; }
.game-info small { color:var(--accent); font-weight:800; font-size:10px; text-transform:uppercase; letter-spacing:1.1px; }
.game-info h3 { margin:7px 0 3px; font-size:18px; }
.game-info p { margin:0; color:#8e9bad; font-size:11px; }
.features-band { background: linear-gradient(135deg, rgba(198,255,63,.08), rgba(77,141,255,.04)); border-block:1px solid var(--line); }
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { padding:28px; border-radius:18px; background:rgba(13,20,30,.75); border:1px solid var(--line); }
.feature-card span { color:var(--accent); font-size:25px; }
.feature-card h3 { margin:17px 0 8px; }
.feature-card p { color:var(--muted); line-height:1.6; font-size:13px; margin:0; }
.site-footer { border-top:1px solid var(--line); padding:45px 0 20px; background:#060a10; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:45px; }
.footer-grid p { color:var(--muted); line-height:1.6; font-size:12px; max-width:340px; }
.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; gap:11px; font-size:12px; color:#8d9aaa; }
.footer-grid strong { color:#fff; margin-bottom:5px; }
.age-card { border:1px solid var(--line); border-radius:15px; padding:16px; }
.age-card span { font-size:25px; font-weight:950; color:var(--accent); }
.age-card p { margin:0; }
.footer-bottom { display:flex; justify-content:space-between; color:#536174; font-size:10px; border-top:1px solid var(--line); margin-top:35px; padding-top:18px; }
.toast { position:fixed; top:90px; right:24px; z-index:200; min-width:300px; max-width:440px; padding:15px 17px; border-radius:13px; background:#182331; border:1px solid var(--line); box-shadow:var(--shadow); display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:13px; animation:toastIn .3s ease; }
.toast-success { border-left:3px solid var(--success); }.toast-warning{border-left:3px solid var(--warning)}.toast-error{border-left:3px solid var(--danger)}
.toast button { border:0; background:none; color:var(--muted); font-size:20px; }
@keyframes toastIn { from{opacity:0;transform:translateY(-10px)} }
.auth-page { min-height:100vh; display:grid; grid-template-columns:1.05fr .95fr; }
.auth-visual { background:radial-gradient(circle at 68% 30%,rgba(198,255,63,.28),transparent 22%),radial-gradient(circle at 30% 70%,rgba(77,141,255,.24),transparent 30%),#0c141e; padding:55px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; position:relative; }
.auth-visual::after { content:'ARENA'; position:absolute; bottom:-30px; left:35px; font-size:150px; font-weight:950; letter-spacing:-12px; color:rgba(255,255,255,.025); }
.auth-copy { position:relative; z-index:2; max-width:580px; }
.auth-copy h1 { font-size:clamp(45px,6vw,78px); line-height:.95; letter-spacing:-4px; margin:0 0 25px; }
.auth-copy h1 span { color:var(--accent); }
.auth-copy p { color:#acb9c9; line-height:1.7; max-width:480px; }
.auth-form-side { display:grid; place-items:center; padding:40px; background:#080c13; }
.auth-card { width:min(430px,100%); }
.auth-card h2 { font-size:31px; letter-spacing:-1.4px; margin:18px 0 6px; }
.auth-card > p { color:var(--muted); font-size:14px; margin:0 0 30px; }
.auth-alt { text-align:center; color:var(--muted); font-size:13px; margin-top:20px; }.auth-alt a{color:var(--accent);font-weight:750}
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.form-group { display:flex; flex-direction:column; gap:8px; }
.form-group.full { grid-column:1/-1; }
label { color:#b9c4d2; font-size:12px; font-weight:700; }
input, select, textarea { width:100%; color:#fff; background:#0c131d; border:1px solid #222d3b; border-radius:11px; min-height:47px; padding:11px 13px; outline:none; transition:.2s; }
textarea { min-height:95px; resize:vertical; }
input:focus, select:focus, textarea:focus { border-color:rgba(198,255,63,.55); box-shadow:0 0 0 3px rgba(198,255,63,.07); }
input[type="checkbox"] { width:18px; min-height:18px; accent-color:var(--accent); }
.check-row { display:flex; gap:9px; align-items:flex-start; color:var(--muted); font-size:11px; line-height:1.5; }
.form-error { padding:12px 14px; border-radius:11px; color:#ff99a1; background:rgba(255,95,109,.08); border:1px solid rgba(255,95,109,.18); font-size:12px; margin-bottom:16px; }
.dashboard-hero { padding:34px 0 20px; }
.wallet-panel { display:grid; grid-template-columns:1.35fr .65fr; gap:16px; }
.wallet-card { position:relative; overflow:hidden; min-height:220px; padding:32px; border-radius:22px; background:radial-gradient(circle at 84% 25%,rgba(198,255,63,.27),transparent 24%),linear-gradient(135deg,#162332,#0d151e); border:1px solid var(--line); }
.wallet-card::after { content:'A'; position:absolute; right:30px; bottom:-55px; font-size:220px; font-weight:950; color:rgba(198,255,63,.035); transform:rotate(-8deg); }
.wallet-card small { color:#9ba8b7; font-size:10px; font-weight:800; letter-spacing:1.7px; text-transform:uppercase; }
.wallet-card h1 { font-size:42px; margin:10px 0 25px; letter-spacing:-2px; }
.wallet-card .wallet-actions { display:flex; gap:10px; position:relative; z-index:2; }
.quick-card { padding:25px; border:1px solid var(--line); border-radius:22px; background:var(--surface); }
.quick-card h3 { margin:0 0 17px; font-size:15px; }
.quick-row { display:flex; justify-content:space-between; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; }
.quick-row:last-child { border:0; }.quick-row span{color:var(--muted)}.quick-row strong.positive{color:var(--success)}
.content-grid { display:grid; grid-template-columns:1fr 360px; gap:22px; padding:30px 0 60px; }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.panel-head { padding:20px 22px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:15px; }
.panel-head h2,.panel-head h3 { margin:0; font-size:17px; }.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}
.panel-body { padding:22px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:12px; }
th { color:#66768b; text-align:left; padding:12px 15px; font-size:9px; text-transform:uppercase; letter-spacing:1.2px; border-bottom:1px solid var(--line); }
td { padding:15px; border-bottom:1px solid rgba(255,255,255,.05); color:#c6cfda; white-space:nowrap; }
tr:last-child td { border-bottom:0; }
.status { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:20px; font-size:10px; font-weight:800; }
.status::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.status-pending { color:var(--warning); background:rgba(255,189,74,.08); }.status-approved,.status-active{color:var(--success);background:rgba(66,211,157,.08)}.status-rejected,.status-blocked{color:var(--danger);background:rgba(255,95,109,.08)}
.positive { color:var(--success); }.negative{color:var(--danger)}.muted{color:var(--muted)}
.empty-state { text-align:center; padding:44px 20px; color:var(--muted); }.empty-state strong{color:#fff;display:block;margin-bottom:6px}
.deposit-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; padding:38px 0 65px; }
.pix-card { padding:27px; background:linear-gradient(145deg,#142231,#0b121b); border:1px solid var(--line); border-radius:22px; position:sticky; top:100px; }
.pix-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:23px; }.pix-head h2{margin:0}.pix-badge{color:var(--accent);background:rgba(198,255,63,.08);border:1px solid rgba(198,255,63,.15);padding:6px 9px;border-radius:8px;font-size:10px;font-weight:800}
.qr-wrap { width:210px; height:210px; margin:0 auto 23px; background:#fff; border-radius:18px; padding:13px; display:grid; place-items:center; color:#111;text-align:center;font-size:12px; }.qr-wrap img{width:100%;height:100%;object-fit:contain}.qr-placeholder{padding:18px}.qr-placeholder strong{font-size:32px;display:block;margin-bottom:8px}
.pix-key { background:#0a1119;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:center; }.pix-key span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.pix-key strong{display:block;margin-top:4px;font-size:12px;word-break:break-all}.pix-key button{border:0;background:var(--accent);color:#071006;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:850}
.pix-key button:disabled{opacity:.45;cursor:not-allowed}.pix-generation-status{min-height:20px;margin:0 0 13px;color:var(--muted);font-size:10px;text-align:center;line-height:1.4}.pix-generation-status.is-error{color:#ff9ba5}
.steps { margin-top:22px; display:flex; flex-direction:column; gap:14px; }.step{display:flex;gap:12px;align-items:flex-start}.step>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(198,255,63,.09);color:var(--accent);font-size:10px;font-weight:900;flex:0 0 auto}.step strong{font-size:12px;display:block}.step p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.form-card { padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:22px; }.form-card h1{margin:0 0 7px;letter-spacing:-1px}.form-card>p{margin:0 0 28px;color:var(--muted);font-size:13px;line-height:1.6}
.file-drop { min-height:150px;border:1.5px dashed #344154;border-radius:15px;display:grid;place-items:center;text-align:center;position:relative;background:#0a1119;padding:25px; }.file-drop:hover{border-color:var(--accent)}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop span{font-size:24px}.file-drop strong{display:block;font-size:12px;margin:8px 0 3px}.file-drop small{color:var(--muted);font-size:10px}
.admin-body { background:#080d14; }
.admin-sidebar { position:fixed;left:0;top:0;bottom:0;width:240px;background:#0b111a;border-right:1px solid var(--line);padding:24px 16px;z-index:100;display:flex;flex-direction:column; }
.admin-brand { height:48px;display:flex;align-items:center;padding:0 4px;margin-bottom:25px; }.admin-brand .brand-logo-wrap{width:195px}.admin-section-label{font-size:8px;color:#4f6073;letter-spacing:1.6px;font-weight:850;padding:0 11px 9px}
.admin-nav { display:flex;flex-direction:column;gap:3px; }.admin-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#8290a2;border-radius:10px;font-size:12px;font-weight:700;}.admin-nav a:hover{color:#fff;background:rgba(255,255,255,.03)}.admin-nav a.active{color:#071006;background:var(--accent)}.admin-nav em{margin-left:auto;font-style:normal;min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--warning);color:#191005;font-size:9px}.admin-nav a.active em{background:#071006;color:var(--accent)}
.admin-sidebar-footer { margin-top:auto;border-top:1px solid var(--line);padding:17px 5px 0;display:grid;grid-template-columns:35px 1fr 24px;gap:9px;align-items:center; }.admin-avatar{width:35px;height:35px;border-radius:10px;background:var(--surface-3);display:grid;place-items:center;color:var(--accent);font-weight:850}.admin-sidebar-footer strong{display:block;font-size:11px}.admin-sidebar-footer small{color:var(--muted);font-size:9px}.admin-sidebar-footer>a{color:var(--muted)}
.admin-main { margin-left:240px;min-height:100vh; }.admin-topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;background:rgba(8,13,20,.82);backdrop-filter:blur(15px);position:sticky;top:0;z-index:40}.admin-topbar>div{display:flex;align-items:center;gap:14px}.admin-topbar span{font-size:8px;letter-spacing:1.5px;color:var(--muted);font-weight:800}.admin-topbar h1{margin:4px 0 0;font-size:20px;letter-spacing:-.5px}.topbar-tools{gap:12px!important}.live-indicator{display:flex;align-items:center;gap:6px!important;color:#789085!important}.live-indicator i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}
.admin-content { padding:28px 31px 50px; }
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px; }.metric-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:15px;position:relative;overflow:hidden}.metric-card::after{content:'';position:absolute;right:-15px;top:-15px;width:80px;height:80px;border-radius:50%;background:var(--metric-color,var(--accent));opacity:.04}.metric-card>div{display:flex;justify-content:space-between;align-items:start}.metric-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:rgba(198,255,63,.08);color:var(--accent)}.metric-card small{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:800}.metric-card h2{font-size:25px;letter-spacing:-1px;margin:16px 0 5px}.metric-card p{margin:0;color:#65758a;font-size:9px}.metric-card p strong{color:var(--success)}
.admin-grid { display:grid;grid-template-columns:1.45fr .55fr;gap:18px; }.admin-stack{display:flex;flex-direction:column;gap:18px}.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.admin-panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-panel-head h3{margin:0;font-size:13px}.admin-panel-head a{color:var(--accent);font-size:10px;font-weight:750}.admin-panel-body{padding:19px}.bar-chart{height:205px;display:flex;align-items:end;gap:13px;padding-top:20px;border-bottom:1px solid var(--line)}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:100%;max-width:35px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--accent),rgba(198,255,63,.25));min-height:3px}.bar-col span{font-size:8px;color:var(--muted);padding-bottom:7px}.mini-list{display:flex;flex-direction:column}.mini-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.mini-item:last-child{border:0}.mini-avatar{width:34px;height:34px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--accent);font-size:11px;font-weight:850}.mini-item strong{display:block;font-size:11px}.mini-item small{color:var(--muted);font-size:9px}.mini-item>strong{color:var(--success);font-size:11px}
.toolbar { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px; }.toolbar p{margin:0;color:var(--muted);font-size:12px}.search{max-width:310px;position:relative}.search input{min-height:40px;padding-left:37px}.search::before{content:'⌕';position:absolute;left:13px;top:8px;color:var(--muted);z-index:1}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.action-row{display:flex;gap:7px;align-items:center}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input,.inline-form select{min-height:34px;padding:6px 9px;font-size:11px}.inline-form .btn{min-height:34px;padding:0 10px;font-size:10px}.thumb{width:45px;height:45px;border-radius:9px;object-fit:cover;background:var(--surface-3)}.thumb-placeholder{display:grid;place-items:center;color:var(--accent);font-weight:900}.table-user{display:flex;gap:10px;align-items:center}.table-user strong{display:block;color:#fff}.table-user small{display:block;color:var(--muted);margin-top:3px}.form-help{color:var(--muted);font-size:10px;line-height:1.5;margin:5px 0 0}.divider{height:1px;background:var(--line);margin:22px 0}.receipt-link{color:var(--accent);font-weight:750}.tag{font-size:9px;padding:5px 7px;border-radius:6px;background:var(--surface-3);color:#9cabbc}.toggle{display:inline-flex;align-items:center;gap:7px}.toggle input{width:18px;min-height:18px}
.notice { padding:14px 16px;border-radius:12px;background:rgba(77,141,255,.08);border:1px solid rgba(77,141,255,.15);color:#a9c5ff;font-size:11px;line-height:1.6;margin-bottom:18px; }
.tigrinho-page { min-height:100vh; background:radial-gradient(circle at 50% 15%,rgba(198,255,63,.12),transparent 23%),#070b12; }
.tigrinho-shell { min-height:100vh; width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:20px 0 32px; }
.tigrinho-topbar { min-height:58px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.back-link { color:#9aa8b9; font-size:12px; font-weight:750; }.back-link:hover{color:var(--accent)}
.game-brand .brand-logo-wrap{width:180px}.game-brand{justify-self:center}
.tigrinho-balance { justify-self:end; padding:8px 12px; border:1px solid var(--line); background:rgba(255,255,255,.03); border-radius:11px; text-align:right; }.tigrinho-balance span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:800}.tigrinho-balance strong{color:var(--accent);font-size:14px}
.tigrinho-stage { display:grid; grid-template-columns:1fr 245px; gap:22px; align-items:end; padding:32px 0 20px; }
.tigrinho-info { grid-column:1/-1; text-align:center; }.tigrinho-info h1{margin:10px 0 8px;font-size:clamp(34px,5vw,56px);letter-spacing:-2.5px}.tigrinho-info h1 em{font-style:normal;color:var(--accent)}.tigrinho-info p{margin:0;color:var(--muted);font-size:13px}
.slot-machine { padding:18px; border:1px solid rgba(198,255,63,.3); border-radius:28px; background:linear-gradient(145deg,#172232,#090e16 65%); box-shadow:0 30px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08); }
.slot-top { display:flex; align-items:center; justify-content:space-between; padding:2px 8px 15px; font-size:10px; letter-spacing:1.4px; font-weight:900; color:var(--accent); }.slot-live{color:#a7b3c4;letter-spacing:.8px;display:flex;gap:6px;align-items:center}.slot-live i{width:6px;height:6px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success)}
.slot-reels { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding:14px; border-radius:19px; background:#05080d; border:1px solid rgba(255,255,255,.08); box-shadow:inset 0 8px 24px rgba(0,0,0,.7); }
.reel { min-height:180px; display:grid; place-items:center; overflow:hidden; border-radius:12px; background:radial-gradient(circle at 50% 38%,#2c4254,#101824 72%); border:1px solid rgba(255,255,255,.08); }.reel span{font-size:clamp(50px,8vw,91px);filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));transition:.2s}.reel.is-spinning span{animation:reel-spin .14s linear infinite}
@keyframes reel-spin{0%{transform:translateY(-22px) rotate(-8deg);opacity:.35}100%{transform:translateY(22px) rotate(8deg);opacity:1}}
.slot-message { min-height:40px; display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;color:#a7b4c6;font-size:12px;font-weight:650; }.slot-message[data-type="win"]{color:var(--accent)}.slot-message[data-type="loss"],.slot-message[data-type="blocked"]{color:#ffacb4}
.slot-controls { display:grid; grid-template-columns:1fr 142px; gap:12px; align-items:stretch; }.bet-control { border:1px solid var(--line); border-radius:14px; padding:10px 13px; background:#0b121b; }.bet-control>span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.bet-control>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.bet-control strong{font-size:18px}.bet-control button{width:28px;height:28px;border:0;border-radius:8px;background:var(--surface-3);color:var(--accent);font-size:18px}
.spin-button { border:0; border-radius:14px; background:var(--accent); color:#071006; font-weight:950; letter-spacing:1px; box-shadow:0 12px 26px rgba(198,255,63,.18); transition:.2s; }.spin-button:hover{background:#d5ff6f;transform:translateY(-1px)}.spin-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.spin-button span{display:block;font-size:16px}.spin-button small{font-size:8px;letter-spacing:.7px}.spin-button.is-spinning{animation:pulse-spin .5s ease infinite alternate}@keyframes pulse-spin{to{filter:brightness(1.12);transform:scale(.98)}}
.manual-bet { grid-column:1/-1; display:flex; align-items:center; gap:12px; min-width:0; padding:9px 11px; border:1px solid var(--line); border-radius:11px; background:#0b121b; }.manual-bet span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;white-space:nowrap}.manual-bet input{min-height:32px;padding:6px 10px;text-align:right;font-size:12px}
.quick-bets { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.quick-bets button{min-height:32px;border:1px solid var(--line);border-radius:9px;background:#0b121b;color:#b5c0ce;font-size:10px;font-weight:750}.quick-bets button:hover{border-color:rgba(198,255,63,.5);color:var(--accent)}
.tigrinho-sidecard { padding:22px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }.tigrinho-sidecard>strong{font-size:16px}.tigrinho-sidecard>p{color:var(--muted);font-size:11px;line-height:1.55;margin:12px 0 20px}.tigrinho-sidecard>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:10px}.tigrinho-sidecard>div span{color:var(--muted)}.tigrinho-sidecard>div b{font-size:10px;color:#dfe6ee;text-align:right}.tigrinho-sidecard .btn{margin-top:18px;font-size:11px}
.tigrinho-notice { display:flex;align-items:center;gap:12px;max-width:760px;margin:20px auto 0;padding:13px 15px;border-radius:12px;background:rgba(255,189,74,.06);border:1px solid rgba(255,189,74,.15);color:#9aa8b9;font-size:10px;line-height:1.5 }.tigrinho-notice span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;background:rgba(255,189,74,.12);color:var(--warning);font-weight:900}.tigrinho-notice p{margin:0}
.pg-shell { min-height:100vh; width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:20px 0 32px; }
.pg-demo-layout { display:grid; grid-template-columns:minmax(300px,1fr) 270px; gap:25px; align-items:center; min-height:calc(100vh - 140px); }.pg-demo-column{display:flex;justify-content:center}
.pg-demo-frame { position:relative; width:min(100%,505px); aspect-ratio:505/900; max-height:calc(100vh - 150px); overflow:hidden; background:#000; border:1px solid rgba(198,255,63,.3); border-radius:18px; box-shadow:0 28px 75px rgba(0,0,0,.5); }.pg-demo-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pg-balance-overlay { position:absolute; top:77.8%; left:2.3%; z-index:10; width:38%; min-height:5.2%; padding:3px 7px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#ffd739; background:#a81324; border-radius:24px; pointer-events:none; }.pg-balance-overlay small{font-size:clamp(6px,1.5cqw,9px);font-weight:900;line-height:1;letter-spacing:1px;color:#ffe68a}.pg-balance-overlay strong{margin-top:2px;font-size:clamp(11px,3.3cqw,18px);line-height:1.1;white-space:nowrap}
.pg-blocker { position:absolute; inset:0; z-index:30; display:none; align-items:center; justify-content:center; padding:25px; text-align:center; background:rgba(3,5,10,.96); }.pg-blocker.is-visible{display:flex}.pg-blocker>div{max-width:260px}.pg-blocker span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:14px;background:rgba(198,255,63,.1);color:var(--accent);font-size:23px}.pg-blocker h2{margin:0 0 8px;font-size:24px}.pg-blocker p{margin:0 0 20px;color:#b6bfd1;font-size:13px;line-height:1.5}
.pg-demo-sidecard { padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }.pg-demo-sidecard h1{margin:10px 0 9px;font-size:28px;letter-spacing:-1.3px}.pg-demo-sidecard>p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.6}.pg-info-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.pg-info-row span{color:var(--muted)}.pg-info-row b{font-size:11px}.pg-status{display:flex;align-items:center;gap:8px;margin:17px 0;padding:10px;border-radius:10px;background:rgba(66,211,157,.08);color:var(--success);font-size:11px;font-weight:800}.pg-status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.pg-status.is-blocked{background:rgba(255,95,109,.08);color:#ff95a0}.pg-help{font-size:10px!important;margin:16px 0 0!important;color:#7e8da1!important}
.current-logo-preview { min-height:92px; padding:18px; border:1px solid var(--line); border-radius:13px; background:#070c12; display:flex; align-items:center; gap:20px; }
.current-logo-preview img { width:210px; max-height:58px; object-fit:contain; object-position:left center; }
.current-logo-preview span { color:var(--muted); font-size:11px; line-height:1.5; }
.game-edit-preview { height:105px; margin-bottom:18px; border-radius:13px; overflow:hidden; position:relative; border:1px solid var(--line); background:#070c12; }
.game-edit-preview img { width:100%; height:100%; object-fit:cover; opacity:.7; }
.game-edit-preview span { position:absolute; left:10px; bottom:10px; padding:5px 8px; border-radius:6px; background:rgba(5,8,12,.8); font-size:9px; font-weight:800; }
@media (max-width: 1050px) {
  .game-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.quick-card{display:none}
}
@media (max-width: 780px) {
  .container{width:min(100% - 24px,1180px)}.site-header{height:65px}.header-inner>.brand .brand-logo-wrap{width:142px}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:10px 16px 18px;background:#0b111a;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:grid}.header-actions>.btn-ghost,.header-actions>.balance-pill{display:none}.hero-wrap{padding-top:12px}.hero-carousel{min-height:430px;border-radius:19px}.hero-slide{padding:38px 25px 70px;align-items:end}.hero-content{width:100%}.hero-content h1{font-size:45px;letter-spacing:-2.5px}.hero-content p{font-size:14px}.hero-dots{left:25px}.trust-strip{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}.section{padding:40px 0}.section-heading h2{font-size:23px}.features-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{padding:27px;min-height:100vh}.wallet-panel{grid-template-columns:1fr}.wallet-card{min-height:210px}.deposit-layout{grid-template-columns:1fr}.pix-card{position:static}.admin-sidebar{transform:translateX(-100%);transition:.25s;box-shadow:var(--shadow)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.admin-menu-button{display:grid}.admin-topbar{padding:0 16px}.topbar-tools .live-indicator{display:none}.admin-content{padding:20px 14px 40px}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}.admin-form-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.tigrinho-shell{width:min(100% - 24px,760px);padding-top:10px}.tigrinho-topbar{grid-template-columns:1fr auto}.game-brand{display:none}.tigrinho-stage{grid-template-columns:1fr;padding-top:24px}.tigrinho-info{grid-column:auto}.tigrinho-sidecard{order:3}.reel{min-height:130px}.slot-machine{padding:12px;border-radius:21px}
}
@media (max-width: 480px) {
  .header-actions>.btn-primary{display:none}.hero-content h1{font-size:39px}.hero-actions{flex-direction:column;align-items:stretch}.trust-strip{grid-template-columns:1fr 1fr}.trust-item{font-size:10px;padding:9px}.game-info{padding:14px}.game-info h3{font-size:14px}.game-card{border-radius:14px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.metric-grid{grid-template-columns:1fr}.wallet-card{padding:24px}.wallet-card h1{font-size:34px}.wallet-actions{flex-direction:column}.toast{left:12px;right:12px;min-width:0}.auth-card h2{font-size:27px}.deposit-layout{padding-top:22px}.form-card{padding:22px}.topbar-tools .btn{display:none}
}
@media (max-width: 780px) {
  .pg-shell{width:min(100% - 24px,600px);padding-top:10px}.pg-demo-layout{grid-template-columns:1fr;min-height:auto;padding-top:15px}.pg-demo-sidecard{order:2}.pg-demo-frame{max-height:none}.pg-balance-overlay{min-height:5.2%}
}