@font-face { font-family: 'Limelight'; src: url(../fonts/limelight.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Yellowtail'; src: url(../fonts/yellowtail.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Josefin Sans'; src: url(../fonts/josefinsans.woff2) format('woff2'); font-weight: 100 700; font-display: swap; }

html[data-layout="vegas"] .vg-only { display: revert; }
html[data-layout="vegas"] .vg-hide { display: none !important; }
@keyframes vg-chase { from { background-position: 0 0; } to { background-position: 22px 0; } }
@keyframes vg-chase2 { from { background-position: 0 0, 0 0; } to { background-position: 0 0, 22px 0; } }
@keyframes vg-flicker { 0%, 92%, 100% { opacity: 1; } 93% { opacity: .55; } 95% { opacity: 1; } 97% { opacity: .7; } }
@keyframes vg-walk { from { left: -140px; } to { left: 100%; } }
@keyframes vg-bob { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-5px) rotate(3deg); } }
@keyframes vg-twinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }

:root[data-layout="vegas"]:not([data-theme="light"]),
html[data-layout="vegas"] .topbar, html[data-layout="vegas"] .foot, html[data-layout="vegas"] .vg-blvd,
html[data-layout="vegas"] .game, html[data-layout="vegas"] .tabbar, html[data-layout="vegas"] .ticker, html[data-layout="vegas"] .hero-stats {
  --bg: #120806;
  --bg2: #0e0504;
  --card: #1a0907;
  --card2: #24120a;
  --line: #4a2614;
  --line-strong: #6a3a18;
  --ink: #f5e6c8;
  --ink-soft: #e2cfa8;
  --muted: #b89a6e;
  --accent: #e8b85a;
  --accent2: #c98a2e;
  --accent-ink: #2a0d08;
  --accent-text: #ffd27a;
  --gold: #ffd27a;
  --ok: #6fe0b8;
  --info: #8fd0ff;
  --field-line: #8a5a1e;
  --bar-bg: rgba(34, 11, 7, .97);
  --bar-bg2: rgba(26, 9, 5, .98);
  --shadow: 0 10px 24px rgba(0, 0, 0, .5);
  --vg-red: #c8331f;
  --vg-red2: #8a1a0e;
  --vg-head: #ffe3a3;
  --vg-glow: 0 0 10px rgba(255, 138, 42, .45);
  color-scheme: dark;
}
:root[data-layout="vegas"][data-theme="light"] {
  --bg: #eadcc0;
  --bg2: #e2d2b2;
  --card: #f4ead6;
  --card2: #ede0c6;
  --line: #cdb48a;
  --line-strong: #b0905e;
  --ink: #2a0d08;
  --ink-soft: #4a2010;
  --muted: #6a4a2a;
  --accent: #c98a2e;
  --accent2: #a8641a;
  --accent-ink: #2a0d08;
  --accent-text: #8a1a0e;
  --gold: #7a4a0a;
  --ok: #136f37;
  --field-bg: #f8f0e0;
  --field-line: #8a6a3e;
  --shadow: 0 1px 2px rgba(58, 14, 8, .08), 0 8px 22px rgba(58, 14, 8, .12);
  --vg-red: #c8331f;
  --vg-red2: #8a1a0e;
  --vg-head: #8a1a0e;
  --vg-glow: none;
  color-scheme: light;
}

html[data-layout="vegas"] body {
  font-family: 'Josefin Sans', var(--font);
  background: radial-gradient(ellipse 1200px 600px at 50% -10%, #5a1a10 0%, transparent 60%), radial-gradient(ellipse 900px 700px at 100% 40%, #3a0e0a 0%, transparent 60%),
    repeating-linear-gradient(90deg, #170a07 0 60px, #1b0c08 60px 62px, #170a07 62px 120px), #120806;
  background-attachment: fixed;
}
html[data-layout="vegas"][data-theme="light"] body {
  background: radial-gradient(ellipse 1200px 500px at 50% -10%, #f6e7c1 0%, transparent 60%),
    repeating-linear-gradient(90deg, #eadcc0 0 60px, #e4d4b6 60px 62px, #eadcc0 62px 120px), #eadcc0;
}
html[data-layout="vegas"] h1, html[data-layout="vegas"] h2, html[data-layout="vegas"] .summary-h {
  font-family: 'Limelight', Georgia, serif; font-weight: 400; letter-spacing: .04em; color: var(--vg-head);
}
html[data-layout="vegas"] h3 { font-family: 'Limelight', Georgia, serif; font-weight: 400; letter-spacing: .02em; }
html[data-layout="vegas"] a { color: var(--accent-text); }
html[data-layout="vegas"] .crumbs { letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }

html[data-layout="vegas"] .btn, html[data-layout="vegas"] .btn:not(.ghost):not(.danger) { background: linear-gradient(180deg, var(--vg-red), var(--vg-red2)); color: #fff2d6; border: 1px solid #ff8a6a; border-radius: 6px;
  text-transform: uppercase; letter-spacing: .1em; font-size: .9rem; box-shadow: 0 3px 0 #4a0f08; padding-top: 12px; }
html[data-layout="vegas"] .btn.lg { font-size: .95rem; padding: 14px 24px 13px; }
html[data-layout="vegas"] .btn.sm { font-size: .78rem; box-shadow: 0 2px 0 #4a0f08; padding: 7px 12px 5px; }
html[data-layout="vegas"] .btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #4a0f08; }
html[data-layout="vegas"] .btn.ghost { background: transparent; color: var(--accent-text); border: 1px solid var(--accent2); box-shadow: none; }
html[data-layout="vegas"] .btn.ghost:hover { background: rgba(232, 184, 90, .1); }
html[data-layout="vegas"] .btn.danger { background: var(--vg-red2); border-color: #ff8a6a; }
html[data-layout="vegas"] .chip.on, html[data-layout="vegas"] .grid-sel button.on { background: linear-gradient(180deg, #f7d27a, #c98a2e); color: #2a0d08; border-color: #ffe3a3; }

html[data-layout="vegas"] .topbar { background: linear-gradient(180deg, rgba(42, 13, 8, .97), rgba(26, 9, 5, .97)); border-bottom: 2px solid #8a5a1e; box-shadow: 0 6px 24px rgba(0, 0, 0, .5);
  backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-layout="vegas"] .topbar::before { content: ""; display: block; height: 12px;
  background: radial-gradient(circle, #fff2c2 0 2px, #ffb347 2.5px, rgba(255, 140, 40, .35) 4px, transparent 5.5px) 0 50% / 22px 12px repeat-x, #2a0d08;
  animation: vg-chase 1.6s linear infinite; }
html[data-layout="vegas"] .topbar-in { height: 64px; }
html[data-layout="vegas"] .logo .logo-mark { display: none; }
html[data-layout="vegas"] .logo .vg-logo { display: block; width: 36px; height: 36px; flex: none; }
html[data-layout="vegas"] .logo-text { font-family: 'Yellowtail', cursive; font-weight: 400; font-size: 1.9rem; line-height: 1; letter-spacing: 0; color: #ffe3a3;
  text-shadow: 0 0 6px #ff9a3c, 0 0 14px #ff6a1a, 0 0 28px #c2310e; animation: vg-flicker 6s infinite; padding-right: 4px; }
html[data-layout="vegas"] .logo-text b { color: inherit; font-weight: 400; }
html[data-layout="vegas"] .mainnav a { color: #e8c890; text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; font-weight: 700; border-radius: 0; padding: 10px 10px 8px; }
html[data-layout="vegas"] .mainnav a:hover { color: #ffe3a3; background: transparent; }
html[data-layout="vegas"] .mainnav a.on { color: #ffe3a3; background: transparent; box-shadow: inset 0 -2px 0 #e8b85a; }
html[data-layout="vegas"] .mainnav a > .ic { display: none; }
html[data-layout="vegas"] .topbar .pill { background: #8a1a0e; color: #fff2d6; }
html[data-layout="vegas"] .usernav .nav-search, html[data-layout="vegas"] .usernav .theme-toggle, html[data-layout="vegas"] .usernav .layout-toggle,
html[data-layout="vegas"] .topbar .tb-icon, html[data-layout="vegas"] .topbar .bell { border: 1px solid #6a3a18; background: #1e0a06; color: #e8c890; border-radius: 8px; }
html[data-layout="vegas"] .usernav .layout-toggle { color: #ffd27a; border-color: #e8b85a; box-shadow: 0 0 12px rgba(255, 170, 60, .3); }
html[data-layout="vegas"] .topbar .coins { background: #1a0705; border-color: #8a5a1e; color: #ffe3a3; font-family: 'Limelight', serif; font-weight: 400; }
html[data-layout="vegas"] .topbar .menu summary { color: #f5e6c8; }
html[data-layout="vegas"] .topbar .btn.ghost { color: #f5e6c8; border-color: #8a5a1e; }
html[data-layout="vegas"] .topbar .btn:not(.ghost) { background: linear-gradient(180deg, #f7d27a, #c98a2e); border-color: #ffe3a3; color: #2a0d08; box-shadow: 0 0 18px rgba(255, 170, 60, .35); }
html[data-layout="vegas"] .menu-pop { background: #1a0705; border-color: #8a5a1e; }
html[data-layout="vegas"] .menu-pop a, html[data-layout="vegas"] .menu-pop button { color: #f5e6c8; }
html[data-layout="vegas"] .menu-pop .ic { color: #e8b85a; }

html[data-layout="vegas"] .tabbar { background: linear-gradient(180deg, #2a0d08, #1a0905); border-top: 2px solid #8a5a1e; }
html[data-layout="vegas"] .tabbar a, html[data-layout="vegas"] .tabbar button { color: #b89a6e; letter-spacing: .06em; text-transform: uppercase; font-size: .66rem; }
html[data-layout="vegas"] .tabbar a.on, html[data-layout="vegas"] .tabbar button.on { color: #ffe3a3; text-shadow: 0 0 8px rgba(255, 138, 42, .6); }
html[data-layout="vegas"] .more-box { border-top: 2px solid #8a5a1e; }
html[data-layout="vegas"] .more-h { font-family: 'Limelight', serif; letter-spacing: .1em; color: var(--accent-text); }

html[data-layout="vegas"] .card { background: linear-gradient(180deg, #1e0a06, #140705); border-color: #5a2a14; box-shadow: inset 0 1px 0 rgba(232, 184, 90, .14); }
html[data-layout="vegas"][data-theme="light"] .card { background: linear-gradient(180deg, #f6ecd8, #efe2c8); border-color: #cdb48a; box-shadow: inset 0 1px 0 #fff8e6, var(--shadow); }
html[data-layout="vegas"] .card-head { border-bottom-color: var(--line); }
html[data-layout="vegas"] .card-head h2, html[data-layout="vegas"] .card-head h3 { font-size: 1.15rem; }
html[data-layout="vegas"] .card-head .ic, html[data-layout="vegas"] .turn-h .ic, html[data-layout="vegas"] .sec-head h2 .ic { color: var(--accent); }
html[data-layout="vegas"] .tag { letter-spacing: .1em; border-radius: 3px; }
html[data-layout="vegas"] .tbl th { color: var(--accent-text); letter-spacing: .12em; }
html[data-layout="vegas"] .tbl .num, html[data-layout="vegas"] .rank-list li > b, html[data-layout="vegas"] .lb-row li b { font-family: 'Limelight', serif; font-weight: 400; color: var(--gold); }
html[data-layout="vegas"] .tbl tr.me td, html[data-layout="vegas"] .rank-list li.me { background: rgba(232, 184, 90, .12); }
html[data-layout="vegas"] input, html[data-layout="vegas"] select, html[data-layout="vegas"] textarea { border-radius: 6px; }
html[data-layout="vegas"] .chip { border-color: var(--line-strong); text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; font-weight: 700; color: var(--ink-soft); padding: 8px 14px 6px; }

html[data-layout="vegas"] .sec-head h2 { font-size: clamp(1.3rem, 1rem + 1.2vw, 1.8rem); text-shadow: var(--vg-glow); display: flex; align-items: center; gap: 12px; }
html[data-layout="vegas"] .sec-head h2::before, html[data-layout="vegas"] .sec-head h2::after { content: ""; width: 12px; height: 12px; flex: none; transform: rotate(45deg); background: var(--accent); }
html[data-layout="vegas"] .sec-head { border-bottom: 1px solid var(--line); padding-bottom: 10px; margin-bottom: 18px; }

html[data-layout="vegas"] .games { gap: 20px; }
html[data-layout="vegas"] .game { padding: 6px; border: 0; border-radius: 14px; background: linear-gradient(180deg, #8a5a1e, #4a2a0e 40%, #2a1206); box-shadow: 0 10px 24px rgba(0, 0, 0, .5); position: relative; }
html[data-layout="vegas"] .game:hover { transform: translateY(-6px); box-shadow: 0 18px 32px rgba(0, 0, 0, .6), 0 0 26px rgba(255, 170, 60, .3); border: 0; }
html[data-layout="vegas"] .game-img { border-radius: 10px 10px 4px 4px; }
html[data-layout="vegas"] .game-img::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(232, 184, 90, .45), inset 0 -44px 40px -24px rgba(18, 8, 6, .9); pointer-events: none; }
html[data-layout="vegas"] .game-img img { transition: transform .4s ease; }
html[data-layout="vegas"] .game:hover .game-img img { transform: scale(1.05); }
html[data-layout="vegas"] .game-play { background: linear-gradient(180deg, #c8331f, #8a1a0e); color: #fff2d6; border: 1px solid #ff8a6a; z-index: 1; }
html[data-layout="vegas"] .game-body { text-align: center; padding: 12px 8px 8px; color: #f5e6c8; }
html[data-layout="vegas"] .game-body h3 { font-size: 1.12rem; color: #ffe3a3; margin-bottom: 4px; }
html[data-layout="vegas"] .game-body > p.muted { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: #b89a6e; }
html[data-layout="vegas"] .game-body .rate-line { justify-content: center; }
html[data-layout="vegas"] .game-body .leader { margin-top: 8px; padding: 7px 10px 5px; border-radius: 4px; background: #0e0504; color: #cdb48a; display: flex; justify-content: center; gap: 6px; align-items: center; }
html[data-layout="vegas"] .game-body .leader b { font-family: 'Limelight', serif; font-weight: 400; color: #ffd27a; margin-left: auto; }
html[data-layout="vegas"] .game-body .leader .ic { color: #e8b830; }
html[data-layout="vegas"] .game-body .leader.muted { background: rgba(26, 122, 90, .18); border: 1px solid rgba(111, 224, 184, .4); color: #8ff0c8; font-weight: 700; }
html[data-layout="vegas"] .game-body .leader.muted .ic { color: #8ff0c8; }
html[data-layout="vegas"] .game-body .mine-line { color: #e2cfa8; }
html[data-layout="vegas"] .game .fav-btn { background: rgba(18, 6, 4, .8); border: 1px solid rgba(232, 184, 90, .6); color: #e8c890; }
html[data-layout="vegas"] .game .fav-btn.on { color: #ffd27a; }

html[data-layout="vegas"] .ticker, html[data-layout="vegas"][data-theme="light"] .ticker.card { background: #0a0403; box-shadow: none; border: 0; border-top: 1px solid #5a2a14; border-bottom: 1px solid #5a2a14; border-radius: 8px; padding: 0 14px 0 0; min-height: 46px; }
html[data-layout="vegas"] .ticker-label { align-self: stretch; padding: 0 16px; background: #1a0705; border-right: 1px solid #5a2a14; font-family: 'Limelight', serif; font-weight: 400; font-size: .95rem; letter-spacing: .14em;
  color: #ff6a4a; text-shadow: 0 0 8px #ff2a1a; text-transform: uppercase; }
html[data-layout="vegas"] .ticker-label .ic { color: #ff4a2a; filter: drop-shadow(0 0 6px #ff4a2a); }
html[data-layout="vegas"] .ticker .tk { color: #cdb48a; }
html[data-layout="vegas"] .ticker .tk a { color: #ffe3a3; }
html[data-layout="vegas"] .tk-pause { border-color: #5a2a14; color: #cdb48a; }

html[data-layout="vegas"] .vg-blvd { position: relative; height: 210px; overflow: hidden; margin: -18px calc(50% - 50vw) 28px; border-bottom: 2px solid #8a5a1e;
  background: linear-gradient(180deg, #160818 0%, #2a0c1c 55%, #3e140e 100%); }
.vg-blvd .vg-stars { position: absolute; inset: 0 0 60px 0; animation: vg-twinkle 3s ease-in-out infinite;
  background: radial-gradient(circle at 6% 18%, #fff4d6 0 1px, transparent 1.6px), radial-gradient(circle at 19% 9%, #fff4d6 0 1px, transparent 1.6px), radial-gradient(circle at 33% 26%, #fff4d6 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 51% 12%, #fff4d6 0 1px, transparent 1.6px), radial-gradient(circle at 63% 30%, #fff4d6 0 1px, transparent 1.6px), radial-gradient(circle at 77% 8%, #fff4d6 0 1.2px, transparent 1.8px), radial-gradient(circle at 90% 22%, #fff4d6 0 1px, transparent 1.6px); }
.vg-bau { position: absolute; bottom: 26px; border-top: 2px solid #3a1a20;
  background: repeating-linear-gradient(90deg, transparent 0 9px, #12060c 9px 18px), repeating-linear-gradient(180deg, rgba(255, 190, 90, .28) 0 6px, #12060c 6px 15px); }
.vg-schild { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; font-family: 'Limelight', serif; }
.vg-flicker { animation: vg-flicker 6s infinite; }
.vg-strasse { position: absolute; left: 0; right: 0; bottom: 0; height: 26px; border-top: 2px solid #c98a2e; background: repeating-linear-gradient(90deg, #3a1a0e 0 58px, #5a2e14 58px 60px), #3a1a0e; box-shadow: 0 -6px 18px rgba(255, 170, 60, .18); }
.vg-lampe { position: absolute; bottom: 22px; filter: drop-shadow(0 0 10px rgba(255, 200, 110, .8)); }
@keyframes vg-dangle { from { transform: rotate(-8deg); } to { transform: rotate(8deg); } }
.vg-walker { position: absolute; bottom: 16px; left: -140px; width: var(--w, 60px); padding: 0; border: 0; background: none; color: inherit; font: inherit;
  animation: vg-walk linear infinite; cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; z-index: 1; filter: drop-shadow(0 6px 6px rgba(0, 0, 0, .5)); }
.vg-walker:hover, .vg-walker:focus-visible { animation-play-state: paused; }
.vg-walker .vg-dangle { display: block; transform-origin: 50% 8%; }
.vg-walker svg { display: block; width: 100%; height: auto; overflow: visible; animation: vg-bob .6s ease-in-out infinite; transform-origin: 50% 100%; pointer-events: none; }
.vg-walker.rueck { animation-direction: reverse; }
.vg-walker.rueck svg { scale: -1 1; }
.vg-walker.held { animation: none; cursor: grabbing; z-index: 6; filter: drop-shadow(0 22px 14px rgba(0, 0, 0, .5)); }
.vg-walker.held .vg-dangle { animation: vg-dangle .45s ease-in-out infinite alternate; }
.vg-walker.drop { animation: none; z-index: 6; transition: bottom .45s cubic-bezier(.55, 0, .8, .3); }
.vg-say { position: absolute; bottom: 64%; left: 84%; z-index: 2; padding: 7px 12px 6px; border-radius: 12px; background: #f6e7c1; border: 2px solid #8a5a1e; color: #3a0e08;
  font: 700 14px/1.2 'Josefin Sans', var(--font); white-space: nowrap; box-shadow: 0 6px 14px rgba(0, 0, 0, .45); pointer-events: none; }
.vg-say[hidden] { display: none; }
.vg-walker.links .vg-say { left: auto; right: 84%; }
.vg-hero-mask { padding: 0; border: 0; background: none; cursor: pointer; transition: transform .18s ease; }
.vg-hero-mask:hover { transform: translateY(-3px); }
.vg-hero-mask svg { display: block; width: 100%; height: auto; overflow: visible; }
.vg-say.vg-tipp { left: auto; right: 80%; bottom: 30%; max-width: 230px; white-space: normal; text-align: left; background: #1a0705; border: 1.5px solid #e8b85a; color: #ffe3a3;
  font-family: 'Yellowtail', cursive; font-weight: 400; font-size: 20px; line-height: 1.1; text-shadow: 0 0 6px #ff9a3c; transform: rotate(-4deg); box-shadow: 0 0 16px rgba(255, 170, 60, .35); }
@media (max-width: 899px) {
  html[data-layout="vegas"] .vg-blvd { height: 150px; margin-bottom: 20px; }
  .vg-bau { transform: scale(.72); transform-origin: 0 100%; }
  .vg-walker { width: calc(var(--w, 60px) * .75); }
  .vg-say { font-size: 12px; }
}
@media (max-width: 559px) { .vg-bau.b2, .vg-bau.b4, .vg-lampe.l2 { display: none; } }

html[data-layout="vegas"] .hero { background: none; border: 0; padding: 0; overflow: visible; gap: 28px; }
html[data-layout="vegas"] .hero::after { display: none; }
html[data-layout="vegas"] .hero-txt { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px;
  padding: 40px clamp(18px, 4vw, 44px) 40px; border: 14px solid transparent; border-radius: 22px; color: #3a0e08;
  background: radial-gradient(ellipse at 50% 0%, #f6e7c1 0%, #e9d3a0 70%, #d8bc82 100%) padding-box,
    radial-gradient(circle, #fff2c2 0 3px, #ffb347 3.5px, rgba(255, 140, 40, .35) 5px, transparent 7px) 0 0 / 22px 22px border-box,
    linear-gradient(180deg, #7a1e12, #4a0f08) border-box;
  box-shadow: inset 0 0 0 2px #8a5a1e, inset 0 0 40px rgba(122, 30, 18, .25); animation: vg-chase2 1.6s linear infinite; }
html[data-layout="vegas"] .hero-txt h1 { color: #b5281a; font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem); line-height: 1.08; max-width: 18ch; margin: 0; text-shadow: none; }
html[data-layout="vegas"] .hero-txt .h1-sub { display: block; margin-top: 12px; font-family: 'Josefin Sans', var(--font); font-size: .82rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: #5a2a14; line-height: 1.5; }
html[data-layout="vegas"] .hero-txt p { color: #4a2010; font-size: 1.05rem; margin: 0 auto; }
html[data-layout="vegas"] .hero-txt .countdown { color: #5a2a14; }
html[data-layout="vegas"] .hero-txt a:not(.btn) { color: #7a1e12; }
html[data-layout="vegas"] .hero-cta { justify-content: center; }
html[data-layout="vegas"] .hero-txt .btn.ghost { color: #8a1a0e; border: 2px solid #8a1a0e; }
.vg-welcome { display: none; }
html[data-layout="vegas"] .vg-welcome { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.vg-welcome .vg-ltr { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.vg-welcome .vg-ltr span { width: clamp(30px, 5.5vw, 44px); height: clamp(30px, 5.5vw, 44px); border-radius: 50%; display: grid; place-items: center; padding-top: 3px;
  background: radial-gradient(circle at 40% 35%, #fff8e0, #e8d3a0); border: 3px solid #b5281a; font-family: 'Limelight', serif; font-size: clamp(15px, 2.6vw, 22px); color: #b5281a; }
.vg-welcome em { font-family: 'Yellowtail', cursive; font-style: normal; font-size: 2rem; line-height: 1; color: #3a0e08; }
.vg-ecke { position: absolute; width: 54px; height: 54px; top: 10px; left: 10px; }
.vg-ecke.r { left: auto; right: 10px; transform: scaleX(-1); }
.vg-ecke.u { top: auto; bottom: 10px; transform: scaleY(-1); }
.vg-ecke.u.r { transform: scale(-1, -1); }
.vg-hero-mask { position: absolute; right: -30px; bottom: -44px; width: 120px; z-index: 2; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .55)); }
@media (max-width: 899px) { .vg-hero-mask { width: 84px; right: -16px; bottom: -30px; } .vg-ecke { width: 34px; height: 34px; } }

html[data-layout="vegas"] .hero-stats { align-content: stretch; grid-template-rows: auto; grid-auto-rows: 1fr; padding: 22px; border-radius: 16px; background: linear-gradient(180deg, #1e0a06, #140705); border: 1px solid #5a2a14;
  box-shadow: inset 0 0 0 6px #1a0805, inset 0 0 0 7px #8a5a1e; }
html[data-layout="vegas"] .hero-stats::before { content: "— Die Halle heute —"; grid-column: 1 / -1; text-align: center; font-family: 'Limelight', serif; font-size: 1.25rem; letter-spacing: .14em; color: #e8b85a; padding: 4px 0 6px; }
html[data-layout="vegas"] .hero-stats .hst { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 4px; padding: 14px 8px 12px;
  background: #0e0504; border: 1px solid #3a1a0e; border-radius: 8px; color: #f5e6c8; text-decoration: none; }
html[data-layout="vegas"] .hero-stats .hst .ic-badge { display: none; }
html[data-layout="vegas"] .hero-stats b { font-family: 'Limelight', serif; font-weight: 400; font-size: 2rem; color: #ffe3a3; text-shadow: 0 0 8px #ff8a2a, 0 0 18px rgba(194, 49, 14, .8); align-self: center; }
html[data-layout="vegas"] .hero-stats .hst:nth-child(2) b, html[data-layout="vegas"] .hero-stats .hst:nth-child(5) b { color: #cff6ff; text-shadow: 0 0 8px #38c8ff, 0 0 18px #1a6ac2; }
html[data-layout="vegas"] .hero-stats .hst:nth-child(3) b { color: #ffd0ea; text-shadow: 0 0 8px #ff3aa8, 0 0 18px #c21a7a; }
html[data-layout="vegas"] .hero-stats .hst-l { font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: #b89a6e; line-height: 1.3; align-self: center; }
html[data-layout="vegas"] .hero-stats a.hst { border: 8px solid transparent; border-radius: 10px; padding: 12px 10px;
  background: linear-gradient(#1a0705, #1a0705) padding-box, radial-gradient(circle, #fff2c2 0 2px, #ffb347 2.5px, rgba(255, 140, 40, .3) 3.5px, transparent 5px) 0 0 / 16px 16px border-box, linear-gradient(#4a0f08, #4a0f08) border-box;
  animation: vg-chase2 1.6s linear infinite; }
html[data-layout="vegas"] .hero-stats a.hst::before { content: "Jackpot"; font-family: 'Yellowtail', cursive; font-size: 1.5rem; line-height: 1; color: #ff9aa8; text-shadow: 0 0 8px #ff3a6a; }

html[data-layout="vegas"] .home-genres { flex-wrap: wrap; justify-content: center; gap: 10px; margin: 6px 0 30px; overflow: visible; }
html[data-layout="vegas"] .home-genres::before { content: "Worauf hast du Lust?"; flex-basis: 100%; text-align: center; font-family: 'Yellowtail', cursive; font-size: 1.9rem; color: var(--accent-text); }
html[data-layout="vegas"] .home-genres .chip { background: var(--card); display: inline-flex; align-items: center; gap: 8px; }
html[data-layout="vegas"] .home-genres .chip:not(:has(.ic))::before { content: ""; width: 8px; height: 8px; transform: rotate(45deg); background: var(--accent); }

html[data-layout="vegas"] .lb-title { font-family: 'Limelight', serif; font-weight: 400; letter-spacing: .06em; color: var(--vg-head); }
html[data-layout="vegas"] .daily-teaser b { font-family: 'Limelight', serif; font-weight: 400; color: var(--vg-head); }
html[data-layout="vegas"] .why h2 { text-align: center; font-size: 1.8rem; }
html[data-layout="vegas"] .why h2::before { content: "So einfach geht's"; display: block; font-family: 'Yellowtail', cursive; font-size: 1.6rem; letter-spacing: 0; color: var(--accent-text); }
html[data-layout="vegas"] .why-card { background: var(--card); border-color: var(--line); border-radius: 12px; }
html[data-layout="vegas"] .why-card h3 { color: var(--vg-head); }
html[data-layout="vegas"] .why-ic { border-radius: 50%; background: radial-gradient(circle at 40% 35%, #fff8e0, #e8d3a0); border: 3px solid #b5281a; color: #b5281a; }
html[data-layout="vegas"] .finale-banner { background: radial-gradient(circle, #fff2c2 0 2px, #ffb347 2.5px, transparent 4px) 0 0 / 16px 16px, #4a0f08; color: #ffe3a3; border: 0; animation: vg-chase 1.6s linear infinite; }

html[data-layout="vegas"] .dash-head h1 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem); text-shadow: var(--vg-glow); }
html[data-layout="vegas"] .dash-head h1::before { content: "Willkommen zurück"; display: block; font-family: 'Yellowtail', cursive; font-size: 1.5rem; letter-spacing: 0; color: var(--accent-text); }
html[data-layout="vegas"] .tile { background: #0e0504; border-color: #3a1a0e; color: #f5e6c8; align-items: center; text-align: center; }
html[data-layout="vegas"] .tile span { font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: #b89a6e; }
html[data-layout="vegas"] .tile b { font-family: 'Limelight', serif; font-weight: 400; color: #ffe3a3; text-shadow: 0 0 8px #ff8a2a, 0 0 18px rgba(194, 49, 14, .7); }
html[data-layout="vegas"] .tile b.gold { color: #ffd27a; }
html[data-layout="vegas"] .tile.hot { border-color: #ff6a4a; box-shadow: 0 0 14px rgba(255, 74, 42, .3); }
html[data-layout="vegas"] .dq-ic { border: 2px solid #8a5a1e; }
html[data-layout="vegas"] .dq-star { border-color: #e8b85a; color: #ffd27a; }
html[data-layout="vegas"] .dq-star .ic { fill: #ffd27a; }
html[data-layout="vegas"] .dash-more > summary { background: var(--card); border-color: var(--line); }

html[data-layout="vegas"] .game-hero { border: 1px solid #8a5a1e; border-radius: 18px; background: linear-gradient(180deg, #24120a, #140806); box-shadow: 0 20px 50px rgba(0, 0, 0, .5), inset 0 1px 0 #6a4a24; }
html[data-layout="vegas"][data-theme="light"] .game-hero { background: linear-gradient(180deg, #f6ecd8, #efe2c8); border-color: #b0905e; box-shadow: var(--shadow), inset 0 1px 0 #fff8e6; }
html[data-layout="vegas"] .gh-media { padding: 18px; gap: 14px; }
html[data-layout="vegas"] .gh-img { border-radius: 8px; border: 10px solid transparent; background-clip: padding-box; outline: 0;
  box-shadow: 0 0 0 0 transparent; position: relative; }
html[data-layout="vegas"] .gh-img::before { content: ""; position: absolute; inset: -10px; border-radius: 14px; z-index: -1;
  background: radial-gradient(circle, #fff2c2 0 2.5px, #ffb347 3px, rgba(255, 140, 40, .3) 4.5px, transparent 6px) 0 0 / 18px 18px, #4a0f08; animation: vg-chase 1.6s linear infinite; }
html[data-layout="vegas"] .gh-media { isolation: isolate; }
html[data-layout="vegas"] .gh-feat { background: transparent; border: 0; padding: 0; }
html[data-layout="vegas"] .gh-feat li { background: var(--bg2); border-color: var(--line-strong); text-transform: uppercase; letter-spacing: .06em; font-size: .74rem; padding: 7px 11px 5px; }
html[data-layout="vegas"] .gh-feat .ic { color: var(--accent); }
html[data-layout="vegas"] .gh-body { padding: 26px 26px 24px; }
html[data-layout="vegas"] .gh-body h1 { font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.4rem); line-height: 1.1; text-shadow: var(--vg-glow); }
html[data-layout="vegas"] .gh-tags .tag:first-child { background: transparent; color: var(--accent-text); padding-left: 0; letter-spacing: .2em; }
html[data-layout="vegas"] .gh-desc { font-size: 1.05rem; line-height: 1.6; }
html[data-layout="vegas"] .facts { gap: 10px; }
html[data-layout="vegas"] .facts div { padding: 10px 14px 8px; border-radius: 10px; background: var(--bg2); border: 1px solid var(--line); }
html[data-layout="vegas"] .facts dt { color: var(--accent-text); letter-spacing: .12em; font-size: .68rem; }
html[data-layout="vegas"] .facts dd { font-weight: 600; color: var(--ink); }
html[data-layout="vegas"] .gh-fav { background: rgba(18, 6, 4, .85); border: 1px solid #e8b85a; }
html[data-layout="vegas"] .duel-box { border-style: dashed; border-color: var(--line-strong); }
html[data-layout="vegas"] .stake { border-radius: 999px; border: 2px solid var(--line-strong); }
html[data-layout="vegas"] .stake b { font-family: 'Limelight', serif; font-weight: 400; color: var(--gold); }
html[data-layout="vegas"] .stake.sel { background: linear-gradient(180deg, #f7d27a, #c98a2e); border-color: #ffe3a3; }
html[data-layout="vegas"] .stake.sel b, html[data-layout="vegas"] .stake.sel span { color: #2a0d08; }
html[data-layout="vegas"] .anleitung > summary { cursor: pointer; }
html[data-layout="vegas"] .anleitung { border-color: #e8b85a; background: linear-gradient(135deg, #3a1608, #140705 70%); }
html[data-layout="vegas"] .anl-ic { background: rgba(232, 184, 90, .18); color: #ffd27a; }
html[data-layout="vegas"] .anleitung > summary::after, html[data-layout="vegas"] .gh-mini .gh-anl { color: #ffd27a; }
html[data-layout="vegas"] .gh-mini .gh-anl { border-color: #8a5a1e; }
html[data-layout="vegas"] .anleitung.anl-blink { animation-name: anl-blink-vg; }
@keyframes anl-blink-vg { 0%, 40% { box-shadow: 0 0 0 3px #e8b85a; } 100% { box-shadow: 0 0 0 0 transparent; } }

html[data-layout="vegas"] .foot { background: linear-gradient(180deg, #1a0905, #0a0403); border-top: 2px solid #8a5a1e; padding-top: 0; color: #b89a6e; }
html[data-layout="vegas"] .foot::before { content: ""; display: block; height: 12px; margin-bottom: 30px; animation: vg-chase 1.6s linear infinite;
  background: radial-gradient(circle, #fff2c2 0 2px, #ffb347 2.5px, rgba(255, 140, 40, .3) 4px, transparent 5.5px) 0 50% / 22px 12px repeat-x; }
html[data-layout="vegas"] .foot .logo-text { font-size: 1.8rem; }
html[data-layout="vegas"] .foot-cols b { color: #e8b85a; letter-spacing: .14em; }
html[data-layout="vegas"] .foot nav a { color: #b89a6e; }
html[data-layout="vegas"] .foot nav a:hover { color: #ffe3a3; }
html[data-layout="vegas"] .foot .muted { color: #b89a6e; }

html[data-layout="vegas"][data-theme="light"] .tile { background: #2a0d08; }
html[data-layout="vegas"][data-theme="light"] .sec-head h2::before, html[data-layout="vegas"][data-theme="light"] .sec-head h2::after { background: #b5281a; }

@media (max-width: 599px) {
  .vg-hero-mask { display: none !important; }
  html[data-layout="vegas"] .hero-txt { padding: 30px 14px 28px; border-width: 10px; }
  html[data-layout="vegas"] .hero-stats { grid-auto-rows: auto; padding: 16px; gap: 8px; }
  html[data-layout="vegas"] .hero-stats .hst { padding: 10px 6px 8px; }
  html[data-layout="vegas"] .hero-stats b { font-size: 1.6rem; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-layout="vegas"] *, html[data-layout="vegas"] ::before, html[data-layout="vegas"] ::after { animation: none !important; }
}
