:root {
  --bg: #14081c; --elev: #221033; --gold: #F0C75E;
  --neon: #B794F6; --text: #f6eefc; --muted: #b8a3c9;
  --border: rgba(183,148,246,0.38); --cta: #9B5CFF; --cta-t: #ffffff;
  --display: "Sora", sans-serif; --body: "Karla", sans-serif;
  --tab: 64px;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--body); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--neon); }
.skip-app { position:absolute;left:-999px; } .skip-app:focus { left:8px;top:8px;z-index:80;background:var(--cta);color:var(--cta-t); }
.app-status { display:flex; gap:10px; align-items:center; background:#2a0c16; color:var(--muted); font-size:11px; padding:6px 12px; }
.status-18 { background: var(--neon); color:var(--cta-t, #1a1204); font-family:var(--display); font-weight:700; padding:2px 6px; border-radius:999px; }
.app-status p { margin:0; }
.app-brandbar { padding:8px 16px; }
.app-logo { display:flex; gap:8px; align-items:center; text-decoration:none; color:var(--gold); font-family:var(--display); font-weight:700; font-size:20px; }
.app-scroll { padding: 0 16px 180px; }
.app-crumbs ol { display:flex; gap:8px; list-style:none; padding:0; font-size:12px; color:var(--muted); }
.promo-splash { margin: 0 -16px 16px; }
.splash-art { margin:0; position:relative; }
.splash-art img { width:100%; max-height: 52vh; object-fit:cover; }
.splash-art figcaption { font-size:11px; color:var(--muted); padding:6px 16px; }
.splash-copy { padding: 16px; }
.splash-copy h1 { font-family:var(--display); font-size: clamp(1.8rem, 6vw, 2.8rem); margin:0 0 10px; color:var(--gold); }
.chip-kicker { text-transform:uppercase; letter-spacing:.14em; font-size:11px; color:var(--neon); margin:0 0 6px; font-family:var(--display); }
.chip-scroller { display:flex; gap:8px; overflow-x:auto; padding: 8px 0 16px; -webkit-overflow-scrolling:touch; }
.chip { flex:0 0 auto; border:1px solid var(--border); border-radius:999px; padding:8px 14px; text-decoration:none; color:var(--text); background:var(--elev); font-size:13px; }
.chip-hot { border-color:var(--neon); color:var(--neon); }
.app-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:12px; }
.app-tile { position:relative; background:var(--elev); border-radius:20px; overflow:hidden; padding-bottom:12px; }
.app-tile img { height:110px; width:100%; object-fit:cover; }
.app-tile h3 { margin:8px 10px 4px; font-size:1rem; font-family:var(--display); color:var(--text); }
.app-tile p { margin:0 10px; font-size:12px; color:var(--muted); }
.hot-badge { position:absolute; top:8px; right:8px; background:var(--neon); color:var(--cta-t, #1a1204); font-size:10px; font-weight:700; padding:2px 6px; border-radius:6px; z-index:1; font-family:var(--display); }
.app-block { margin: 24px 0; }
.app-block-head h2 { font-family:var(--display); color:var(--gold); margin:0 0 6px; }
.app-observed { display:flex; flex-direction:column; gap:12px; }
.app-cell { background:var(--elev); border-radius:16px; padding:12px; }
.ind-tag { font-size:10px; color:var(--neon); letter-spacing:.08em; text-transform:uppercase; }
.cell-id { display:flex; gap:8px; align-items:center; }
.plat-mark { width:40px;height:40px;object-fit:contain;background:#000;border-radius:8px; }
.plat-fallback { width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:8px;color:var(--gold); }
.cell-facts { display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; font-size:11px; }
.cell-facts dt { color:var(--muted); } .cell-facts dd { margin:0; }
.table-scroll { overflow:auto; margin: 12px 0 24px; }
.matrix-board { width:100%; border-collapse:collapse; min-width:720px; background:#1c0a10; }
.matrix-board th, .matrix-board td { border:1px solid #5a2030; padding:8px; font-size:12px; text-align:left; vertical-align:top; }
.matrix-board thead th { background:#3a101c; color:var(--gold); position:sticky; top:0; }
.matrix-one { min-width:0; }
.texty { color:var(--gold); font-size:13px; }
.app-protocol, .app-legal { font-size:13px; color:var(--muted); }
.app-legal { border-top:1px solid var(--border); padding-top:16px; margin-top:32px; }
.app-legal-brand { color:var(--gold); font-family:var(--display); }
.read-body { line-height:1.65; max-width:66ch; }
.tabbar { position:fixed; left:0; right:0; bottom:0; height:var(--tab); display:flex; background:#1a070c; border-top:1px solid var(--gold); z-index:60; }
.tab-item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-decoration:none; color:var(--muted); font-size:10px; gap:4px; }
.tab-dot { width:8px; height:8px; border-radius:50%; background:#3a1a22; }
.tab-item.is-current { color:var(--gold); }
.tab-item.is-current .tab-dot { background:var(--neon); box-shadow:0 0 8px var(--neon); }
.btn-cta { display:inline-flex; align-items:center; gap:8px; background:var(--cta); color:var(--cta-t); text-decoration:none; font-family:var(--display); letter-spacing:.06em; text-transform:uppercase; font-weight:700; padding:12px 18px; border:0; border-radius:999px; box-shadow:0 0 16px color-mix(in srgb, var(--cta) 60%, transparent), 0 0 28px color-mix(in srgb, var(--neon) 30%, transparent); }
.btn-cta:hover { box-shadow:0 0 24px color-mix(in srgb, var(--cta) 90%, transparent); }
.cta-disclosure, .cta-review-disclosure { font-size:11px; color:var(--muted); margin:6px 0 0; }
.cta-sticky { position:fixed; right:12px; bottom:calc(var(--tab) + 10px); z-index:55; background:var(--elev); border:1px solid var(--gold); border-radius:16px; padding:10px; }
.pill-18-inline { background:var(--neon); color:var(--cta-t, #1a1204); padding:0 5px; border-radius:999px; font-size:10px; }
@media (min-width: 900px) {
  .promo-splash { display:grid; grid-template-columns: 1.1fr .9fr; align-items:stretch; }
  .splash-art img { max-height: none; height:100%; }
  .app-grid { grid-template-columns: repeat(3, 1fr); }
  .app-scroll { max-width:1100px; margin:0 auto; padding-bottom:180px; }
}

.matrix-stack { display:flex; flex-direction:column; gap:12px; margin: 8px 0 32px; }
.matrix-entry { background: var(--elev); border-radius: 16px; padding: 14px; border: 1px solid var(--border); }
.matrix-entry h2 { font-family: var(--display); font-size: 1.1rem; margin: 0; color: var(--gold); }
.matrix-prose { font-size: 14px; line-height: 1.45; margin: 8px 0; }
.matrix-dots { list-style:none; padding:0; margin:0 0 8px; font-size:12px; color:var(--muted); }
.matrix-dots li { padding: 4px 0; border-top: 1px dashed #5a2030; }
.matrix-dots span { display:block; color:var(--neon); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }

.pocket-lobby{max-width:980px;margin:18px auto}
.pocket-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.pocket-card{flex:0 0 82%;scroll-snap-align:center;position:relative;border-radius:22px;overflow:hidden;border:2px solid #B794F6;box-shadow:0 10px 30px #b794f640}
.pocket-card img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.pocket-card span{position:absolute;bottom:10px;right:12px;background:#F0C75E;color:#1b0f02;font-weight:800;border-radius:999px;padding:4px 12px}
.pocket-tabs{display:flex;gap:8px;margin:14px 0;overflow-x:auto}.pocket-tabs b{background:#2a1540;color:#e9dcff;border-radius:999px;padding:8px 14px;white-space:nowrap}.pocket-tabs b:first-child{background:#B794F6;color:#14081c}
.pocket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pocket-icon{position:relative;text-align:center}.pocket-icon img{width:100%;height:auto;border-radius:24px;border:3px solid #d9b968;box-shadow:0 6px 16px #000a;aspect-ratio:1}
.pocket-icon em{position:absolute;top:-6px;right:-4px;font-style:normal;font-size:.66rem;font-weight:800;background:#B794F6;color:#14081c;border-radius:999px;padding:3px 8px}.pocket-icon em.pk-hot{background:#ff5a7a;color:#fff}.pocket-icon em.pk-destaque{background:#F0C75E}
.pocket-icon p{margin:6px 0 0;font-weight:700;font-size:.82rem;color:#f2eaff}
.pocket-rank{margin:20px 0;background:#1d0f2b;border-radius:20px;padding:14px;border:1px solid #B794F655}.pocket-rank h2{margin:0 0 8px;color:#F0C75E}
.pocket-row{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;padding:10px;border-radius:14px;background:#ffffff08;margin:6px 0;color:#fff;text-decoration:none}.pocket-row i{grid-row:span 2;font-style:normal;background:#B794F6;color:#14081c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:800}
.pocket-row small{color:#cbb8ee}.pocket-note{font-size:.75rem;color:#cbb8ee}
@media(max-width:700px){.pocket-grid{grid-template-columns:repeat(3,1fr)}}
.visit-plat{display:block;text-align:center;margin:8px 0;padding:9px;border-radius:999px;background:#2a1540;color:#e9dcff;text-decoration:none;font-weight:700}

/*b3fix*/img{max-width:100%;height:auto}main,main>*,[class*="lightbox"]>*,[class*="split"]>*,[class*="body"]>*{min-width:0}

/* ===== CASINO LOBBY (7Trono app redo) ===== */
:root { --vio: #9B5CFF; --vio2: #6A2BE0; }
body.app-shell { background: radial-gradient(900px 500px at 20% 0%, rgba(155,92,255,.28), transparent 60%), radial-gradient(800px 500px at 90% 30%, rgba(240,199,94,.10), transparent 60%), var(--bg); }
.sr-title { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.app-status { background: #1d0b2c; font-size: 11px; padding: 5px 16px; }
.tr-head { display:flex; align-items:center; gap:18px; padding: 10px 24px; }
.tr-logo { display:flex; align-items:center; gap:8px; text-decoration:none; font-family: var(--display); font-size: 28px; color: var(--gold); font-weight: 700; }
.tr-logo b { color: #f5e7c4; font-weight: 600; }
.tr-tabs { flex: 1; display:flex; justify-content:center; gap: 4px; background: #f4efff; border-radius: 999px; padding: 5px; max-width: 560px; margin: 0 auto; box-shadow: 0 6px 24px rgba(0,0,0,.35); }
.tr-tabs a { flex:1; text-align:center; padding: 8px 12px; border-radius: 999px; color: #2a1640; font-weight: 700; text-decoration:none; font-size: 14px; }
.tr-tabs a:first-child { background: linear-gradient(180deg, var(--vio), var(--vio2)); color: #fff; }
.btn-cta { display:inline-flex; align-items:center; gap:8px; background: linear-gradient(180deg, #b48bff, var(--vio) 50%, var(--vio2)); color:#fff; font-family: var(--display); font-weight: 700; text-decoration:none; padding: 12px 20px; border-radius: 12px; letter-spacing:.4px; box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset, 0 8px 26px rgba(155,92,255,.45); }
.btn-cta-hero { background: linear-gradient(180deg, #ffe39a, #F0C75E 55%, #c4952c); color: #1a1204; font-size: 18px; padding: 14px 28px; border-radius: 14px; box-shadow: 0 10px 30px rgba(240,199,94,.4); }
.tr-subtabs { display:flex; gap: 8px; justify-content:center; padding: 0 24px 8px; flex-wrap: wrap; }
.tr-subtabs a { font-size: 12px; color: #d9c8ff; text-decoration:none; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(183,148,246,.3); }
.app-scroll { padding: 0 24px 120px; max-width: 1280px; margin: 0 auto; }
.tr-split { display:grid; grid-template-columns: 380px 1fr; gap: 22px; align-items: start; margin-top: 6px; }
.tr-phone-col { display:flex; flex-direction:column; align-items:center; gap: 10px; }
.tr-phone-col .cta-disclosure { font-size: 11px; color: var(--muted); margin: 0; }
.tr-phone { position: relative; width: 100%; border-radius: 34px; padding: 12px; background: linear-gradient(145deg, #3a2a52, #120a1c); box-shadow: 0 0 0 2px #c9a24b, 0 20px 60px rgba(0,0,0,.6), 0 0 50px rgba(155,92,255,.35); transform: rotate(-2deg); }
.tr-notch { position:absolute; top: 16px; left: 50%; transform: translateX(-50%); width: 90px; height: 16px; background:#000; border-radius: 0 0 12px 12px; z-index: 3; }
.tr-screen { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; border-radius: 24px; scrollbar-width:none; }
.tr-screen::-webkit-scrollbar { display:none; }
.tr-slide { flex: 0 0 100%; margin:0; position:relative; height: 400px; scroll-snap-align:start; }
.tr-slide img { width:100%; height:100%; object-fit: cover; object-position: 62% 50%; }
.tr-slide figcaption { position:absolute; left:0; right:0; bottom:0; padding: 50px 18px 30px; background: linear-gradient(0deg, rgba(10,4,18,.95), rgba(10,4,18,0)); display:flex; flex-direction:column; gap: 4px; text-align:center; }
.tr-slide figcaption span { color: var(--gold); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
.tr-slide figcaption strong { font-family: var(--display); font-size: 26px; color: #fff; }
.tr-slide figcaption em { font-style: normal; font-size: 12.5px; color: #e4d8f7; }
.tr-dots { position:absolute; bottom: 20px; left: 0; right: 0; display:flex; justify-content:center; gap: 6px; }
.tr-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.4); }
.tr-dots i:first-child { background: #fff; }
.tr-games-head { display:flex; justify-content: space-between; align-items:center; margin-bottom: 10px; }
.tr-games-head h2 { margin:0; font-family: var(--display); font-size: 20px; color: #fff; display:flex; gap: 8px; align-items:center; }
.tr-games-head h2 .ico { color: var(--gold); }
.tr-filter { display:flex; gap: 6px; }
.tr-filter b { font-size: 12px; padding: 5px 12px; border-radius: 999px; background: #241337; color: #e6d9ff; border: 1px solid rgba(183,148,246,.3); }
.tr-filter b:first-child { background: var(--gold); color: #1a1204; }
.tr-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tr-tile { position:relative; display:block; border-radius: 18px; overflow:hidden; aspect-ratio: 1 / .92; background:#1b0f2a; border: 1px solid rgba(183,148,246,.35); box-shadow: 0 10px 26px rgba(0,0,0,.45); text-decoration:none; }
.tr-tile img { width:100%; height:100%; object-fit:cover; }
.tr-tile span { position:absolute; left:0; right:0; bottom:0; padding: 26px 10px 10px; text-align:center; color:#fff; font-family: var(--display); font-weight:600; font-size: 15px; background: linear-gradient(0deg, rgba(14,6,24,.92), transparent); }
.tr-b { position:absolute; top: 10px; left: 10px; font-style: normal; font-weight: 800; font-size: 11px; padding: 4px 9px; border-radius: 7px; color:#fff; letter-spacing: .5px; }
.tr-b.b-hot { background: #e0262c; } .tr-b.b-novo { background: #1f9d55; }
.tr-rank { margin: 18px 0 8px; padding: 12px 16px; border-radius: 18px; background: linear-gradient(90deg, #2a1442, #1a0c2a); border: 1px solid rgba(183,148,246,.3); display:grid; grid-template-columns: auto 1fr; gap: 6px 18px; align-items:center; }
.tr-rank h2 { margin:0; font-family: var(--display); color:#fff; font-size: 20px; display:flex; gap: 8px; align-items:center; }
.tr-rank h2 .ico { color: var(--gold); }
.tr-chips { display:flex; gap: 10px; overflow-x:auto; }
.tr-chip { flex: 0 0 auto; display:grid; grid-template-columns: auto auto; column-gap: 8px; align-items:center; padding: 7px 16px; border-radius: 999px; background: #34205a; border: 1px solid rgba(240,199,94,.35); text-decoration:none; }
.tr-chip i { grid-row: span 2; font-style: normal; color: #1a1204; background: var(--gold); border-radius: 50%; width: 26px; height: 26px; display:grid; place-items:center; font-weight: 800; font-size: 11px; }
.tr-chip b { color:#fff; font-size: 14px; } .tr-chip small { color: #cbb9ef; font-size: 10.5px; }
.tr-chip-all { background: transparent; border-style: dashed; grid-template-columns: auto; }
.tr-rank-note { grid-column: 2; margin: 0; font-size: 11px; color: var(--muted); }
.tr-intro { display:grid; grid-template-columns: .9fr 1.1fr; gap: 24px; align-items:center; margin: 28px 0; }
.tr-intro-art { margin:0; border-radius: 18px; overflow:hidden; border: 1px solid rgba(240,199,94,.3); }
.tr-intro h2 { font-family: var(--display); color: var(--gold); font-size: 28px; margin: 4px 0 8px; }
.tr-foot-links { display:flex; flex-wrap:wrap; gap: 10px; } .tr-foot-links a { color: var(--neon); font-size: 13px; }
.tabbar { display: none; }
@media (min-width: 901px) { .cta-sticky { display:none; } }
@media (max-width: 900px) {
  .tr-head { padding: 8px 12px; } .tr-tabs { display:none; } .tr-head .btn-cta-top { margin-left:auto; padding: 9px 12px; font-size: 13px; }
  .tr-split { grid-template-columns: 1fr; } .tr-phone { transform:none; } .tr-slide { height: 320px; }
  .tr-grid { grid-template-columns: repeat(2, 1fr); } .tr-filter { display:none; }
  .tr-rank { grid-template-columns: 1fr; } .tr-rank-note { grid-column: 1; }
  .tr-intro { grid-template-columns: 1fr; } .app-scroll { padding: 0 12px 140px; }
  .tabbar { display:flex; position: fixed; left:0; right:0; bottom:0; z-index: 50; background: #12081d; border-top: 1px solid rgba(183,148,246,.35); justify-content: space-around; padding: 6px 0 8px; }
  .tab-item { display:flex; flex-direction:column; align-items:center; gap: 2px; color: #cdb8ff; text-decoration:none; font-size: 11px; }
  .tab-item.is-current { color: var(--gold); }
}
.tr-tile img { object-position: center 35%; }
.tr-tile span { padding: 9px 10px 11px; background: linear-gradient(0deg, rgba(14,6,24,1) 0, rgba(14,6,24,.96) 70%, rgba(14,6,24,.0)); }
.tr-tile span::before { content:""; position:absolute; left:0; right:0; top:-34px; height:34px; background: linear-gradient(0deg, rgba(14,6,24,.96), transparent); }
.tr-tile img { height: 122%; object-position: center top; }