/* Ganamos Joker — teatro de terciopelo, portada sin marco. */
html[data-site=joker]{color-scheme:dark}
html[data-site=joker] body{background:#0e0907;color:#f5ecd9}
html[data-site=joker] .header{background:#120c09;border-color:#b6975533;padding:10px max(30px,calc((100vw - 1460px)/2));gap:24px;min-height:80px}
html[data-site=joker] body:has(#lobby:not([hidden])) .header{position:absolute;inset:0 0 auto;z-index:8;background:linear-gradient(#080604a8,transparent);border:0}
html[data-site=joker] .brand{position:relative;display:flex;justify-content:center;align-items:center;width:145px;padding:10px 0 0;font-family:Georgia,'Times New Roman',serif;font-style:normal;letter-spacing:-1px;color:#f4dfab;text-align:center;line-height:.85}
html[data-site=joker] .brand span:last-child{display:flex;flex-direction:column}
html[data-site=joker] .brand small{font:700 19px/.9 Georgia,serif}
html[data-site=joker] .brand strong{font:700 33px/.9 Georgia,serif;letter-spacing:-2px}
html[data-site=joker] .brand .moon{position:absolute;top:-8px;left:calc(50% - 9px);font:22px Georgia,serif;color:#e8ca84;text-shadow:none;filter:none}
html[data-site=joker] .header nav{margin:0 auto;gap:26px}
html[data-site=joker] .header nav>a,html[data-site=joker] .header nav>button{font:12px system-ui,sans-serif;color:#f6eee0;letter-spacing:.3px}
html[data-site=joker] .header nav>a.active{border-color:#e4d28d;color:#eddfa4}
html[data-site=joker] .header nav #account{background:#101210b8;border:1px solid #b9aa7c;border-radius:13px;color:#faf4e8;font-weight:400;min-width:115px;order:5}
html[data-site=joker] .header .wallet{border:1px solid #b8a77c;border-radius:13px;background:#101210b8;color:#fff0ce;padding:10px 17px;font:13px system-ui,sans-serif;min-height:42px}
html[data-site=joker] .header .wallet>span:not(.coin){display:none}
html[data-site=joker] .header .wallet .coin{background:none;border:0;color:#e9c267}
html[data-site=joker] main:has(#lobby:not([hidden])){max-width:none;padding:0}
html[data-site=joker] #lobby{padding:0 0 1px}
html[data-site=joker] .casino-hero{border:0;border-radius:0;background:transparent;box-shadow:none;height:clamp(420px,33vw,580px);min-height:0;overflow:visible;isolation:isolate}
html[data-site=joker] .shared-hero-art{inset:0 0 -240px;z-index:-2;width:100%;height:auto;opacity:1;overflow:hidden;mask-image:linear-gradient(#000 0,#000 55%,transparent 100%)}
html[data-site=joker] .shared-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center top;animation:none}
html[data-site=joker] .casino-hero-shade{z-index:-1;background:linear-gradient(90deg,#09060422,transparent 60%);pointer-events:none}
html[data-site=joker] .casino-hero-copy{position:relative;inset:auto;width:37%;max-width:720px;padding:clamp(105px,7.8vw,145px) 0 35px 3vw;background:none;text-align:center}
html[data-site=joker] .hero-overline,html[data-site=joker] .hero-details,html[data-site=joker] .hero-sparks{display:none}
html[data-site=joker] .casino-hero h1{margin:0;font:700 clamp(44px,5vw,88px)/.82 Georgia,'Times New Roman',serif;letter-spacing:-3px;text-shadow:0 3px 1px #261104,0 5px 24px #0009}
html[data-site=joker] .casino-hero h1 span{display:block;color:#fff3cf}
html[data-site=joker] .casino-hero h1 em{display:block;font:700 clamp(75px,8.5vw,148px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-7px;color:#f7d580;background:linear-gradient(#fff3c3 8%,#efcf7e 43%,#8b5922 72%,#f6d78b 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 3px 1px #42240d)}
html[data-site=joker] .casino-hero-copy>p{font:400 clamp(16px,1.75vw,29px)/1.4 Georgia,serif;letter-spacing:clamp(2px,.4vw,7px);color:#f1e8d2;margin:20px 0 0;white-space:nowrap}
html[data-site=joker] .casino-hero-copy>p:after{content:'────── ⚜ ──────';display:block;font-size:19px;letter-spacing:3px;color:#cfa952;line-height:1;margin:12px auto 0}
html[data-site=joker] .casino-hero #featured{margin:17px auto 0;min-height:52px;min-width:280px;padding:13px 24px;border:1px solid #e7c674;border-radius:10px;background:linear-gradient(#06201e,#061511);box-shadow:inset 0 0 20px #0005;color:#f6efdb;font:400 15px system-ui,sans-serif;letter-spacing:1px}
html[data-site=joker] .casino-categories{display:none}
html[data-site=joker] .popular-section,html[data-site=joker] .casino-collection,html[data-site=joker] .provider-section,html[data-site=joker] #catalogo,html[data-site=joker] .lobby-footer{position:relative;margin:20px auto 26px;width:calc(100% - 7.5vw);max-width:1460px}
html[data-site=joker] .popular-section{margin-top:0}
html[data-site=joker] .home-section-title{gap:16px;margin:0 0 12px;padding:0;border:0;align-items:center}
html[data-site=joker] .home-section-title>div{display:flex;align-items:center;gap:18px;flex:1;min-width:0}
html[data-site=joker] .home-section-title>div:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#b08a4388,transparent)}
html[data-site=joker] .home-section-title h2,html[data-site=joker] .casino-collection .home-section-title h2,html[data-site=joker] .provider-heading h2{margin:0;font:700 clamp(21px,1.65vw,28px)/1.2 Georgia,serif;color:#f7eedc;max-width:none}
html[data-site=joker] .home-section-title h2:after{content:' ⚜';font-size:.7em;color:#d9b365;margin-left:8px}
html[data-site=joker] .home-section-title .eyebrow,html[data-site=joker] .popular-pill,html[data-site=joker] .popular-description{display:none}
html[data-site=joker] .popular-note{font-size:10px;color:#b4a58c;margin:4px 0;opacity:.8}
html[data-site=joker] .home-quiet{color:#e8ce85;font-size:12px;background:none;border:0}
html[data-site=joker] .popular-grid,html[data-site=joker] .collection-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 75px)/6);grid-template-rows:1fr;gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a1813b55 transparent;padding:0 0 9px}
html[data-site=joker] .popular-card,html[data-site=joker] .bigbang-demo-card{position:relative;display:block;border:1px solid #cbaa5d24;border-radius:7px;background:#17100b;box-shadow:none;overflow:hidden;scroll-snap-align:start;min-width:0}
html[data-site=joker] .catalog-home .bigbang-demo-art,html[data-site=joker] .popular-card .bigbang-demo-art{aspect-ratio:1.5;background:#20130e}
html[data-site=joker] .catalog-home .bigbang-demo-art img{object-fit:cover;object-position:center top}
html[data-site=joker] .catalog-home .bigbang-demo-info{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#100905f5 35%);padding:26px 10px 10px;transform:translateY(100%);transition:transform .18s;pointer-events:none}
html[data-site=joker] .catalog-home .bigbang-demo-info small,html[data-site=joker] .bigbang-demo-play{display:none}
html[data-site=joker] .catalog-home .bigbang-demo-info h3{color:#ffedbb;margin:0;min-height:0;font:600 14px/1.3 Georgia,serif}
html[data-site=joker] .bigbang-demo-card:hover .bigbang-demo-info,html[data-site=joker] .bigbang-demo-card:focus-visible .bigbang-demo-info{transform:none}
html[data-site=joker] .popular-card:hover,html[data-site=joker] .bigbang-demo-card:hover{border-color:#d4b96c;box-shadow:0 4px 16px #0006;transform:translateY(-2px)}
html[data-site=joker] .popular-rank,html[data-site=joker] .popular-discover{display:none}
html[data-site=joker] .provider-section{border:0;border-radius:0;background:transparent;padding:10px 0}
html[data-site=joker] .provider-tile{min-height:94px;background:linear-gradient(#241811,#130e0a);border-color:#a78c4c44;border-radius:8px;color:#f0e2c3}
html[data-site=joker] .provider-monogram{background:none;border-color:#a78c4c55;color:#e5c782}
html[data-site=joker] .catalog-home .bigbang-live-controls input,html[data-site=joker] .catalog-home .bigbang-live-controls select{background:#17110d;border-color:#8d733e88}
html[data-site=joker] .catalog-types button{background:#1c140e;border-color:#a98c4d55;color:#d7c9ac}
html[data-site=joker] .catalog-types button[aria-pressed=true]{background:#41311b;border-color:#d7bc71;color:#fff0c4;box-shadow:none}
html[data-site=joker] .catalog-home .bigbang-demo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
html[data-site=joker] .lobby-footer{background:#19110c;border-color:#9f814955;border-radius:10px;padding:20px}
html[data-site=joker] .gold-button{background:linear-gradient(#f4dfa0,#b98b3e);color:#251a0e}
html[data-site=joker] .footer{background:#100a07;color:#c6b28e;border-color:#8c6c3344}
html[data-site=joker] :is(#auth-dialog,#account-dialog,#recharge-dialog,#staff-password-dialog){background:#19110e;color:#f3e8d0;border-color:#b79755}
html[data-site=joker] :is(#auth-dialog,#account-dialog) input{background:#100d0b;border-color:#9b834b;color:#fff3d7}
@media(max-width:1100px){html[data-site=joker] .header{gap:14px;padding-inline:24px}html[data-site=joker] .header nav{gap:18px}html[data-site=joker] .header nav>button,html[data-site=joker] .header nav>a{font-size:10px}html[data-site=joker] .casino-hero{height:460px}html[data-site=joker] .casino-hero-copy{padding-top:125px;width:46%;padding-left:3vw}html[data-site=joker] .popular-grid,html[data-site=joker] .collection-grid{grid-auto-columns:calc((100% - 45px)/4)}html[data-site=joker] .catalog-home .bigbang-demo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:750px){html[data-site=joker] .header{min-height:104px;padding:16px 17px 10px;gap:13px;grid-template-columns:1fr auto}html[data-site=joker] .brand{width:100px;padding-top:8px;justify-self:start}html[data-site=joker] .brand small{font-size:14px}html[data-site=joker] .brand strong{font-size:25px}html[data-site=joker] .brand .moon{font-size:18px;top:-8px}html[data-site=joker] .header nav{grid-row:2;grid-column:1/-1;gap:18px;width:100%;margin:0;justify-content:space-between}html[data-site=joker] .header nav #account{min-width:0;min-height:36px;padding:7px 11px;font-size:10px}html[data-site=joker] .header .wallet{min-height:38px;padding:8px 12px;grid-row:1;grid-column:2;font-size:12px}html[data-site=joker] .casino-hero{height:630px;min-height:0}html[data-site=joker] .shared-hero-art{inset:0 0 -50px;width:100%;height:auto;opacity:1;mask-image:linear-gradient(#000 0,#000 68%,transparent 100%)}html[data-site=joker] .shared-hero-art img{object-fit:cover;object-position:65% top;height:100%;width:100%}html[data-site=joker] .casino-hero-shade{background:linear-gradient(0deg,#0e0907 0,#0e0907bb 22%,transparent 62%)}html[data-site=joker] .casino-hero-copy{position:absolute;inset:auto 0 22px;max-width:none;width:100%;padding:0 23px;background:linear-gradient(transparent,#0e090766 30%);text-align:center}html[data-site=joker] .casino-hero h1{font-size:42px;letter-spacing:-1px;line-height:.9}html[data-site=joker] .casino-hero h1 em{font-size:77px;letter-spacing:-4px;line-height:.95}html[data-site=joker] .casino-hero-copy>p{font-size:15px;letter-spacing:3px;margin:13px 0 0}html[data-site=joker] .casino-hero-copy>p:after{font-size:14px;letter-spacing:2px;margin-top:11px}html[data-site=joker] .casino-hero #featured{font-size:12px;min-width:230px;min-height:48px;margin-top:13px}html[data-site=joker] .popular-section,html[data-site=joker] .casino-collection,html[data-site=joker] .provider-section,html[data-site=joker] #catalogo,html[data-site=joker] .lobby-footer{width:calc(100% - 30px);margin-bottom:21px}html[data-site=joker] .popular-grid,html[data-site=joker] .collection-grid{grid-auto-columns:calc((100% - 14px)/2.2);gap:10px;grid-template-rows:1fr;padding-bottom:9px}html[data-site=joker] .home-section-title{gap:10px;margin-bottom:11px}html[data-site=joker] .home-section-title h2,html[data-site=joker] .casino-collection .home-section-title h2{font-size:21px}html[data-site=joker] .home-section-title>div{gap:8px}html[data-site=joker] .home-section-title>div:after{display:none}html[data-site=joker] .home-quiet{font-size:10px;min-width:75px;max-width:100px}html[data-site=joker] .popular-note{font-size:9px;line-height:1.5}html[data-site=joker] .collection-scroll-note{color:#b7a887;font-size:10px;margin:0 0 9px}html[data-site=joker] .catalog-home .bigbang-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-site=joker] .provider-tile{min-height:88px}html[data-site=joker] .catalog-home .bigbang-demo-info{display:none}}
@media(prefers-reduced-motion:reduce){html[data-site=joker] .bigbang-demo-info{transition:none}}

@media(min-width:751px){html[data-site=joker] .header nav #account{position:absolute;right:max(30px,calc((100vw - 1460px)/2));top:20px}html[data-site=joker] .header .wallet{margin-right:142px}}

/* Marca dorada de la maqueta, con fondo transparente. */
html[data-site=joker] .casino-hero h1{background:url('/assets/joker-cinematic/logo.webp?v=1') center/contain no-repeat;aspect-ratio:2.34;min-height:0;width:clamp(290px,28vw,460px);max-width:100%;margin-inline:auto;filter:drop-shadow(0 3px 6px #0009)}
html[data-site=joker] .casino-hero h1>span,html[data-site=joker] .casino-hero h1>em{display:none}
html[data-site=joker] .brand{height:65px;flex-shrink:0;background:url('/assets/joker-cinematic/logo.webp?v=1') center/contain no-repeat}
html[data-site=joker] .brand>span{visibility:hidden}
@media(max-width:750px){html[data-site=joker] .brand{height:43px}html[data-site=joker] .casino-hero h1{width:290px;max-width:100%;margin-inline:auto}}