:root {
  --bg: #060a1c; --elev: #0c1230; --gold: #FFD56A;
  --neon: #2EE6FF; --magenta: #FF3FD1; --text: #f6eefc; --muted: #b8a0d0;
  --display: "Orbitron", sans-serif; --body: "Outfit", sans-serif; --cta: #2EE6FF; --cta-t: #04121a;
}
* { box-sizing: border-box; }
html { scroll-snap-type: y proximity; }
html,body{margin:0;background:#02030c;color:var(--text);font-family:var(--body);}
img{max-width:100%;height:auto;display:block;}
a{color:var(--neon);}
.skip-neon{position:absolute;left:-999px;}
.neon-banner{background:var(--bg);color:var(--muted);font-size:12px;padding:6px 16px;border-bottom:1px solid var(--magenta);display:flex;gap:10px;align-items:center;}
.blink-18{background:var(--magenta);color:#fff;padding:1px 6px;font-family:var(--display);animation:blink 1.6s steps(2,start) infinite;}
@keyframes blink{50%{opacity:.4;}}
.orb-nav{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px 8px;position:sticky;top:0;z-index:40;background:rgba(5,7,22,.86);backdrop-filter:blur(8px);}
.orb-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--neon);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:18px;}
.orb-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.orb-pill{border:1px solid var(--neon);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--text);font-size:12px;box-shadow:0 0 8px color-mix(in srgb, var(--neon) 25%, transparent);}
.orb-pill:hover{background:color-mix(in srgb, var(--neon) 12%, transparent);color:var(--neon);}
.snap-panel{min-height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:24px 16px 80px;}
.panel-read{align-items:flex-start;min-height:auto;}
.glow-frame{width:min(1100px,100%);border:2px solid var(--neon);box-shadow:0 0 24px color-mix(in srgb, var(--neon) 35%, transparent), inset 0 0 24px color-mix(in srgb, var(--magenta) 08%, transparent);background:color-mix(in srgb, var(--bg) 90%, transparent);padding:0;}
.glow-frame.inner{padding:28px;}
.hero-bleed{margin:0;position:relative;}
.hero-bleed img{width:100%;max-height:56vh;object-fit:cover;}
.hero-neon-copy{padding:24px;}
.hero-neon-copy h1{font-family:var(--display);font-size:clamp(2rem,6vw,3.6rem);color:#fff;text-shadow:0 0 18px rgba(94,224,255,.6), 0 0 32px rgba(255,43,214,.35);margin:0 0 10px;}
.orb-kicker{color:var(--magenta);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-family:var(--display);}
.neon-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.mod-tile{position:relative;background:#0b1024;border:1px solid color-mix(in srgb, var(--neon) 35%, transparent);}
.mod-tile.span-2{grid-column:span 2;}
.mod-tile img{height:120px;width:100%;object-fit:cover;}
.mod-tile h3{font-family:var(--display);margin:8px 10px 4px;font-size:1rem;}
.mod-tile p{margin:0 10px 10px;font-size:12px;color:var(--muted);}
.neon-badge{position:absolute;top:8px;left:8px;background:var(--magenta);color:#fff;font-size:10px;padding:2px 6px;z-index:1;box-shadow:0 0 10px rgba(255,43,214,.6);}
.cashier-window{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--neon);margin:12px 0;}
.pane{padding:12px;}
.pane-req{background:#070a18;border-right:1px solid var(--magenta);}
.pane-lab{font-family:var(--display);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--neon);margin:0 0 6px;}
.mono{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted);}
.inspect-grid,.inspect-list{display:flex;flex-direction:column;gap:12px;}
.neon-foot{padding:24px 16px 120px;font-size:13px;color:var(--muted);border-top:1px solid var(--neon);max-width:1100px;margin:0 auto;}
.neon-brand{font-family:var(--display);color:var(--neon);letter-spacing:.12em;}
.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:.1em;text-transform:uppercase;font-weight:700;padding:12px 18px;border:0;box-shadow:0 0 18px color-mix(in srgb, var(--cta) 70%, transparent), 0 0 28px color-mix(in srgb, var(--neon) 35%, transparent);}
.cta-disclosure,.cta-review-disclosure{font-size:11px;color:var(--muted);margin:6px 0 0;}
.cta-sticky{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--bg);border:1px solid var(--gold);padding:10px;box-shadow:0 0 20px rgba(201,179,126,.4);}
.pill-18-inline{background:var(--magenta);color:#fff;padding:0 5px;font-size:10px;}
.ind-tag{font-size:10px;color:var(--magenta);letter-spacing:.08em;text-transform:uppercase;}
.plat-mark{width:40px;height:40px;object-fit:contain;}
.read-body{line-height:1.7;max-width:70ch;}
@media(max-width:800px){
  .neon-mosaic{grid-template-columns:1fr 1fr;}
  .mod-tile.span-2{grid-column:span 2;}
  .cashier-window{grid-template-columns:1fr;}
  .pane-req{border-right:0;border-bottom:1px solid var(--magenta);}
  .snap-panel{min-height:auto;}
}

.spark-reel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;border-radius:18px;outline:2px solid #FFD56A;outline-offset:4px}
.spark-slide{flex:0 0 100%;margin:0;scroll-snap-align:start;position:relative}.spark-slide img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.spark-slide figcaption{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:#0a0614d9;color:#FFD56A;border:1px solid #FFD56A;padding:6px 16px;border-radius:999px;font-weight:800}
.spark-split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}
.spark-hex{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.spark-gem{margin:0;position:relative;clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%);background:#FFD56A;padding:3px}
.spark-gem img{width:100%;height:auto;display:block;aspect-ratio:1;clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%)}
.spark-gem b{position:absolute;top:22%;left:50%;transform:translateX(-50%);background:#C77DFF;color:#0a0614;font-size:.62rem;padding:2px 8px;border-radius:999px}.spark-gem b.g-hot{background:#ff4f7b;color:#fff}.spark-gem b.g-destaque,.spark-gem b.g-top{background:#FFD56A}
.spark-gem figcaption{position:absolute;bottom:20%;left:0;right:0;text-align:center;color:#fff;font-weight:800;font-size:.72rem;text-shadow:0 1px 4px #000}
.spark-scan{background:#0f0820;border:1px solid #C77DFF;border-radius:14px;padding:14px;font-family:ui-monospace,monospace}.spark-scan h2{margin:0 0 8px;color:#FFD56A;font-family:inherit}
.scan-line{display:grid;grid-template-columns:36px 1fr;gap:2px 8px;padding:8px;border-bottom:1px dashed #C77DFF55;color:#fff;text-decoration:none}.scan-line code{grid-row:span 2;color:#FFD56A}.scan-line em{font-style:normal;color:#cdb2ff;font-size:.75rem}
.scan-foot{font-size:.72rem;color:#cdb2ff}
@media(max-width:860px){.spark-split{grid-template-columns:1fr}.spark-hex{grid-template-columns:repeat(3,1fr)}}
.visit-plat{display:inline-block;margin:6px 0;padding:7px 12px;border-radius:6px;border:1px solid #C77DFF;color:#C77DFF;text-decoration:none;font-weight:700;font-family:ui-monospace,monospace}

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

.snap-panel{min-height:min(100vh,860px)!important}

/* ===== CASINO LOBBY (7Centelha neon redo) ===== */
:root { --cy: #2EE6FF; --mg: #FF3FD1; }
html { scroll-snap-type: none; }
body.neon-root { background: radial-gradient(900px 500px at 30% 0%, rgba(255,63,209,.14), transparent 60%), radial-gradient(900px 600px at 90% 40%, rgba(46,230,255,.10), transparent 60%), #050818; }
.sr-title { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.neon-banner { font-size: 11px; padding: 5px 24px; border-bottom: 1px solid rgba(255,63,209,.4); }
.ct-nav { display:flex; align-items:center; gap: 30px; padding: 12px 28px; border-bottom: 1px solid rgba(46,230,255,.18); }
.ct-logo { font-family: var(--display); font-weight: 700; font-size: 28px; font-style: italic; text-decoration:none; color: #FFD56A; text-shadow: 0 0 14px rgba(255,213,106,.5); }
.ct-7 { color: #ffb02e; }
.ct-links { display:flex; gap: 28px; flex: 1; }
.ct-links a { color: #e9ecff; text-decoration:none; font-weight: 600; font-size: 15px; }
.ct-links a:first-child { color: var(--cy); text-shadow: 0 0 10px var(--cy); }
.btn-cta { display:inline-flex; align-items:center; gap: 8px; background: rgba(6,10,30,.6); color: #fff; border: 2px solid var(--cy); border-radius: 12px; padding: 11px 20px; font-family: var(--display); font-weight: 700; letter-spacing: 1px; text-decoration:none; box-shadow: 0 0 14px rgba(46,230,255,.6), inset 0 0 12px rgba(255,63,209,.35); text-transform: uppercase; }
.btn-cta .btn-cta-icon { color: var(--cy); }
.btn-cta-hero { background: linear-gradient(90deg, rgba(46,230,255,.25), rgba(255,63,209,.35)); border-color: var(--cy); font-size: 15px; }
.ct-chips { display:flex; gap: 10px; padding: 12px 28px 4px; flex-wrap: wrap; }
.ct-chips a { padding: 6px 18px; border-radius: 999px; border: 1.5px solid var(--cy); color: #dff9ff; text-decoration:none; font-size: 14px; box-shadow: 0 0 8px rgba(46,230,255,.35); }
.ct-chips a:nth-child(2), .ct-chips a:nth-child(3) { border-color: var(--mg); box-shadow: 0 0 8px rgba(255,63,209,.35); }
.ct-chips a.on { background: rgba(46,230,255,.15); }
.ct-chips a.dim { border-color: rgba(255,255,255,.18); box-shadow:none; color: #9aa4c7; font-size: 12.5px; padding: 6px 12px; }
.ct-bento { display:grid; grid-template-columns: 1.55fr 1fr 1fr 1fr .95fr; grid-template-rows: 218px 218px; gap: 12px; padding: 10px 28px; }
.ct-promo { grid-row: span 2; border-radius: 16px; overflow:hidden; border: 1.5px solid rgba(255,213,106,.5); box-shadow: 0 0 24px rgba(255,63,209,.25); position: relative; }
.ct-track { display:flex; height: 100%; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.ct-track::-webkit-scrollbar { display:none; }
.ct-slide { flex: 0 0 100%; margin:0; position:relative; height: 100%; scroll-snap-align:start; }
.ct-slide img { width:100%; height:100%; object-fit:cover; object-position: 62% 40%; }
.ct-slide figcaption { position:absolute; left:0; right:0; bottom:0; padding: 60px 20px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; gap: 6px; background: linear-gradient(0deg, rgba(5,8,24,.95) 40%, transparent); }
.ct-kick { color: var(--cy); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; display:flex; gap: 5px; align-items:center; }
.ct-slide strong { font-family: var(--display); font-size: 34px; color: #FFD56A; text-shadow: 0 0 18px rgba(255,180,40,.6); line-height: 1.05; }
.ct-slide em { font-style: normal; color: #d7dcff; font-size: 13px; max-width: 360px; }
.ct-tile { position:relative; display:block; border-radius: 14px; overflow:hidden; border: 1.5px solid rgba(46,230,255,.45); background:#0a0f26; text-decoration:none; box-shadow: 0 0 12px rgba(46,230,255,.18); }
.ct-tile:nth-of-type(2n) { border-color: rgba(255,63,209,.5); box-shadow: 0 0 12px rgba(255,63,209,.2); }
.ct-tile img { width:100%; height:100%; object-fit:cover; object-position: center 35%; }
.ct-name { position:absolute; left:0; right:0; bottom: 34px; text-align:center; color:#fff; font-weight: 700; font-size: 13px; text-shadow: 0 2px 6px #000; }
.ct-b { position:absolute; left: 50%; bottom: 8px; transform: translateX(-50%); font-style: normal; font-family: var(--display); font-size: 12px; font-weight: 700; padding: 3px 18px; border-radius: 999px; background: rgba(5,8,24,.85); }
.ct-b.b-hot { color: var(--cy); border: 1.5px solid var(--cy); box-shadow: 0 0 8px var(--cy); }
.ct-b.b-novo { color: var(--mg); border: 1.5px solid var(--mg); box-shadow: 0 0 8px var(--mg); }
.ct-mini .ct-b { position: static; transform:none; padding: 2px 8px; font-size: 10px; margin-right: 4px; }
.ct-rank { grid-column: 5; grid-row: 1 / span 2; border-radius: 16px; border: 1.5px solid #FFD56A; padding: 10px; background: rgba(8,12,34,.85); box-shadow: 0 0 14px rgba(255,213,106,.25); display:flex; flex-direction:column; gap: 7px; }
.ct-rank h2 { margin: 2px 0 4px; text-align:center; color: #FFD56A; font-family: var(--display); font-size: 17px; }
.ct-row { display:flex; gap: 8px; align-items:center; padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(46,230,255,.4); background: rgba(46,230,255,.06); color: var(--cy); text-decoration:none; }
.ct-row b { font-family: var(--display); font-size: 16px; }
.ct-row span { display:flex; flex-direction:column; font-weight: 700; font-size: 14px; color:#e8fbff; }
.ct-row small { font-size: 10px; font-weight: 500; color: #8fa6c9; }
.ct-all { justify-content:center; border-style: dashed; }
.ct-note { margin: auto 0 0; font-size: 10px; color: #8fa6c9; text-align:center; }
.ct-more { display:grid; grid-template-columns: 200px 1.2fr .8fr; gap: 18px; padding: 18px 28px; align-items:center; }
.ct-mini { position: relative; display:block; border-radius: 12px; overflow:hidden; border: 1.5px solid rgba(255,63,209,.5); text-decoration:none; }
.ct-mini span { position:absolute; left:0; right:0; bottom:0; padding: 8px; color:#fff; font-weight:700; font-size: 13px; background: linear-gradient(0deg, rgba(5,8,24,.95), transparent); }
.ct-more-copy h2 { font-family: var(--display); color: #FFD56A; font-size: 24px; margin: 4px 0; }
.ct-more-art { margin:0; border-radius: 14px; overflow:hidden; border: 1px solid rgba(46,230,255,.35); }
.ct-foot-links { display:flex; flex-wrap:wrap; gap: 12px; } .ct-foot-links a { color: var(--cy); font-size: 13px; }
@media (min-width: 901px) { .cta-sticky { display:none; } }
@media (max-width: 900px) {
  .ct-nav { padding: 10px 12px; gap: 10px; } .ct-links { display:none; } .ct-nav .btn-cta-top { margin-left:auto; padding: 8px 10px; font-size: 11px; }
  .ct-chips { padding: 10px 12px 2px; overflow-x:auto; flex-wrap: nowrap; } .ct-chips a { white-space: nowrap; }
  .ct-bento { grid-template-columns: 1fr 1fr; grid-template-rows: none; padding: 10px 12px; }
  .ct-promo { grid-column: span 2; grid-row: auto; height: 340px; } .ct-tile { aspect-ratio: 1; }
  .ct-rank { grid-column: span 2; grid-row: auto; }
  .ct-more { grid-template-columns: 1fr; padding: 12px; }
}
.ct-tile img { height: 128%; object-position: center top; }
.ct-tile::after { content:""; position:absolute; left:0; right:0; bottom:0; height: 62px; background: linear-gradient(0deg, rgba(5,8,24,1) 55%, rgba(5,8,24,0)); }
.ct-name, .ct-tile .ct-b { z-index: 2; }
.ct-mini img { height: 100%; }
.felt-crumbs ol, .neon-crumbs ol, .vip-crumbs ol { display:flex; flex-wrap:wrap; gap: 6px; list-style:none; padding: 0; margin: 12px 0; font-size: 12.5px; }
.felt-crumbs, .neon-crumbs { padding: 0 28px; }
.felt-crumbs li + li::before, .neon-crumbs li + li::before, .vip-crumbs li + li::before { content: "›"; margin-right: 6px; opacity: .6; }
.felt-crumbs a, .neon-crumbs a, .vip-crumbs a { text-decoration: none; }