/* Mahkota Play game layout v2 — inherits Admin theme variables */
.mp-game-page{padding-top:16px;padding-bottom:30px}.mp-game-content{padding:20px!important;min-width:0}.mp-game-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;font-size:13px}.mp-game-crumb a{color:var(--mp-highlight);text-decoration:none}.mp-game-crumb span{opacity:.75}.mp-catalog-intro{margin:4px 0 18px;color:var(--mp-contrast,#fff);opacity:.85}
.mp-provider-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mp-provider-card{min-width:0;display:flex;flex-direction:column;text-decoration:none;color:var(--mp-contrast,#fff);background:var(--mp-base);border:1px solid var(--mp-line);overflow:hidden;border-radius:9px}.mp-provider-art{aspect-ratio:1.7/1;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--mp-accent2),var(--mp-panel))}.mp-provider-art img{height:100%;width:100%;object-fit:cover}.mp-provider-monogram{font-size:clamp(22px,4vw,50px);font-weight:900;color:var(--mp-highlight)}.mp-provider-name{text-align:center;padding:8px 5px;font-weight:700;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mp-provider-card:hover{border-color:var(--mp-highlight);box-shadow:0 0 12px var(--mp-glow)}
.mp-provider-strip{margin-top:16px;background:var(--mp-panel);border:1px solid var(--mp-line);border-radius:8px;overflow:hidden}.mp-strip-heading{padding:12px 14px;font-weight:800;background:var(--mp-accent2);color:var(--mp-contrast,#fff)}.mp-strip-controls{display:flex;align-items:stretch;gap:0}.mp-strip-arrow{flex:0 0 30px;border:0;color:var(--mp-contrast,#fff);background:var(--mp-accent2);font-size:30px;cursor:pointer}.mp-strip-track{display:flex;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;gap:6px;padding:7px 5px;min-width:0;flex:1}.mp-strip-track::-webkit-scrollbar{display:none}.mp-strip-item{flex:0 0 118px;min-width:0;text-decoration:none;color:var(--mp-contrast,#fff);background:var(--mp-base);border:1px solid transparent;border-radius:6px;text-align:center;padding:4px;display:flex;flex-direction:column;gap:4px}.mp-strip-item.is-active{border-color:var(--mp-highlight);background:var(--mp-accent2)}.mp-strip-art{height:67px;display:grid;place-items:center;background:linear-gradient(145deg,var(--mp-panel),var(--mp-accent2));overflow:hidden;border-radius:4px}.mp-strip-art img{width:100%;height:100%;object-fit:cover}.mp-strip-art b{font-size:25px;color:var(--mp-highlight)}.mp-strip-item>span:last-child{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 6px;border-bottom:1px solid var(--mp-line)}.mp-filter-tabs{display:flex;align-items:stretch;gap:4px}.mp-filter-tabs button{padding:10px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--mp-contrast,#fff);cursor:pointer;font-weight:700}.mp-filter-tabs button.is-active{color:var(--mp-highlight);border-bottom-color:var(--mp-accent)}.mp-search-wrap{display:flex;align-items:center;gap:5px;border:1px solid var(--mp-line);background:var(--mp-base);padding:3px 8px;border-radius:7px;color:var(--mp-highlight)}.mp-game-search{min-width:0;width:180px;background:transparent;border:0;color:var(--mp-contrast,#fff);padding:7px 2px;outline:none}.mp-filter-info{padding:8px 12px;border:1px solid var(--mp-line);border-radius:7px;background:var(--mp-panel)}.mp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mp-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.mp-game-tile{min-width:0;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--mp-contrast,#fff)}.mp-game-cover{aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,var(--mp-accent2),var(--mp-panel));border:1px solid var(--mp-line)}.mp-game-cover img{width:100%;height:100%;object-fit:cover}.mp-game-tile strong{font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.mp-game-tile:hover .mp-game-cover{border-color:var(--mp-highlight);box-shadow:0 0 10px var(--mp-glow)}.mp-game-symbol{font-size:40px}.mp-game-notice,.mp-game-empty{padding:15px;border:1px solid var(--mp-line);border-radius:10px;background:var(--mp-panel);margin-top:16px}.mp-game-detail{display:grid;grid-template-columns:minmax(150px,300px) 1fr;gap:24px;margin-top:22px}.mp-game-detail-cover{min-height:190px;border:1px solid var(--mp-line);border-radius:14px;display:grid;place-items:center;overflow:hidden;background:var(--mp-panel)}.mp-game-detail-cover img{width:100%;height:100%;object-fit:cover}.mp-game-detail-cover span{font-size:70px}.mp-game-play{padding:13px 22px;margin-top:20px;border-radius:9px;border:1px solid var(--mp-line);background:var(--mp-accent2);color:var(--mp-button-ink);opacity:.65;cursor:not-allowed}
@media(max-width:900px){.mp-provider-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.mp-game-content{padding:12px!important}.mp-provider-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mp-provider-art{aspect-ratio:3/4}.mp-provider-name{font-size:10px;padding:5px 3px}.mp-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp-game-tile strong{font-size:10px}.mp-strip-item{flex-basis:86px}.mp-strip-art{height:65px}.mp-strip-arrow{flex-basis:21px;font-size:23px}.mp-catalog-toolbar{flex-wrap:wrap}.mp-filter-tabs{flex:1}.mp-filter-tabs button{padding:10px 12px;font-size:12px}.mp-search-wrap{width:100%;margin-bottom:8px}.mp-game-search{width:100%}.mp-game-detail{grid-template-columns:1fr}}

/* Live search v3 */
.mp-provider-search-wrap{width:min(100%,420px);margin:0 0 12px;min-height:42px}.mp-provider-search-wrap .mp-game-search{width:100%;font-size:14px}.mp-search-count{font-size:12px;opacity:.85;margin:5px 0}.mp-provider-card[hidden],.mp-game-tile[hidden],.mp-game-empty[hidden]{display:none!important}

/* Custom media: show entire image with no cropping */
.mp-provider-art img,.mp-strip-art img,.mp-game-cover img,.mp-game-detail-cover img{object-fit:contain!important;object-position:center!important;}

/* v5: one artwork and one aspect ratio on desktop/mobile. No cropping or letterboxing. */
.mp-provider-art,.mp-strip-art,.mp-game-cover,.mp-game-detail-cover{min-width:0;}
.mp-provider-art img,.mp-strip-art img,.mp-game-cover img,.mp-game-detail-cover img{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;display:block!important;}
@media(max-width:600px){.mp-provider-art{aspect-ratio:1.7/1!important;}}

/* v8: larger provider artwork, proportional imagery; visual-only patch. */
.mp-provider-art{aspect-ratio:4/3!important;min-height:0;}
.mp-provider-art img,.mp-strip-art img,.mp-game-cover img,.mp-game-detail-cover img{object-fit:contain!important;object-position:center!important;}
.mp-provider-art img{padding:3px;box-sizing:border-box;}
.mp-provider-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;}
.mp-game-cover{aspect-ratio:3/4!important;}
.mp-game-tile strong{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;min-height:2.6em;}
@media(max-width:600px){
  .mp-provider-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .mp-provider-art{aspect-ratio:4/3!important;}
  .mp-provider-name{font-size:12px!important;padding:8px 5px!important;}
  .mp-provider-monogram{font-size:clamp(26px,9vw,45px);}
  .mp-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .mp-game-tile strong{font-size:11px!important;}
}

/* v9 — borderless image gallery for providers and games. */
.mp-provider-gallery{gap:5px!important;}
.mp-provider-card{border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;}
.mp-provider-art{aspect-ratio:3/4!important;border:0!important;border-radius:7px!important;background:transparent!important;}
.mp-provider-art img{width:100%!important;height:100%!important;padding:0!important;object-fit:cover!important;object-position:center!important;}
.mp-provider-name{display:none!important;}
.mp-provider-card:hover{border:0!important;box-shadow:none!important;}
.mp-provider-card:focus-visible,.mp-game-tile:focus-visible{outline:2px solid var(--mp-highlight);outline-offset:2px;}
.mp-game-grid{gap:5px!important;}
.mp-game-tile{gap:0!important;}
.mp-game-cover{aspect-ratio:3/4!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;}
.mp-game-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.mp-game-tile strong{display:none!important;}
.mp-game-tile:hover .mp-game-cover{border:0!important;box-shadow:none!important;}
@media(max-width:600px){
 .mp-provider-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
 .mp-provider-art{aspect-ratio:3/4!important;}
 .mp-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
}

/* v10: restore visible labels, preserve borderless gallery, stretch image to theme box. */
.mp-provider-name{
 display:flex!important;align-items:center;justify-content:center;
 min-height:2.6em!important;padding:6px 4px!important;
 font-size:12px!important;line-height:1.3!important;font-weight:700;
 text-align:center;white-space:normal!important;overflow-wrap:anywhere;
 color:var(--mp-contrast,#fff);background:transparent!important;
}
.mp-game-tile{gap:4px!important;}
.mp-game-tile strong{
 display:-webkit-box!important;-webkit-box-orient:vertical;
 -webkit-line-clamp:2;line-clamp:2;overflow:hidden!important;
 min-height:2.6em!important;line-height:1.3!important;
 font-size:12px!important;text-align:center;color:var(--mp-contrast,#fff);
}
.mp-provider-art,.mp-game-cover{overflow:hidden!important;}
.mp-provider-art img,.mp-game-cover img,
.mp-strip-art img,.mp-game-detail-cover img{
 width:100%!important;height:100%!important;object-fit:fill!important;
 object-position:center!important;display:block!important;padding:0!important;
}
@media(max-width:600px){
 .mp-provider-name{font-size:11px!important;padding:5px 2px!important;}
 .mp-game-tile strong{font-size:10px!important;}
}

/* v11 — square 1:1 thumbnails with dark label bars, like reference screenshot. */
.mp-provider-gallery,.mp-game-grid{gap:8px!important;}
.mp-provider-card,.mp-game-tile{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;gap:0!important;}
.mp-provider-art,.mp-game-cover{width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;min-height:0!important;border:0!important;border-radius:5px 5px 0 0!important;background:transparent!important;overflow:hidden!important;}
.mp-provider-art img,.mp-game-cover img{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;display:block!important;padding:0!important;}
.mp-provider-name,.mp-game-tile strong{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:34px!important;height:34px!important;margin:0!important;padding:5px 4px!important;background:#292929!important;color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border:0!important;border-radius:0!important;}
.mp-game-tile strong{display:block!important;line-height:24px!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;}
.mp-provider-card:hover,.mp-game-tile:hover .mp-game-cover{box-shadow:none!important;border:0!important;}
@media(max-width:600px){
 .mp-provider-gallery,.mp-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
 .mp-provider-art,.mp-game-cover{aspect-ratio:1 / 1!important;}
 .mp-provider-name,.mp-game-tile strong{font-size:10px!important;height:31px!important;min-height:31px!important;padding:4px 3px!important;}
 .mp-game-tile strong{line-height:23px!important;}
}

/* v12 — SLOT PROVIDERS slider: square artwork and same label style as provider grid. */
.mp-strip-track{align-items:stretch!important;gap:7px!important;padding:7px!important;}
.mp-strip-item{flex:0 0 116px!important;width:116px!important;min-width:0!important;padding:0!important;gap:0!important;overflow:hidden!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;}
.mp-strip-art{display:grid!important;place-items:center!important;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;min-height:0!important;border-radius:5px 5px 0 0!important;overflow:hidden!important;background:linear-gradient(145deg,var(--mp-panel),var(--mp-accent2))!important;}
.mp-strip-art img{width:100%!important;height:100%!important;display:block!important;object-fit:fill!important;object-position:center!important;padding:0!important;}
.mp-strip-item>span:last-child{box-sizing:border-box!important;display:block!important;width:100%!important;height:34px!important;min-height:34px!important;padding:5px 4px!important;margin:0!important;border:0!important;border-radius:0!important;background:#292929!important;color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:24px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.mp-strip-item.is-active{background:transparent!important;box-shadow:inset 0 -2px var(--mp-highlight)!important;}
@media(max-width:600px){
 .mp-strip-item{flex-basis:100px!important;width:100px!important;}
 .mp-strip-art{height:auto!important;aspect-ratio:1 / 1!important;}
 .mp-strip-item>span:last-child{height:31px!important;min-height:31px!important;padding:4px 3px!important;font-size:10px!important;line-height:23px!important;}
}


/* ============================================================
   MAHKOTA CATALOG — DARK ELEGANT V33
   Neutral colors remain identical on all seven theme presets.
   Does not change card geometry, image proportions, or routing.
   ============================================================ */
html[data-mp-theme] body .mp-game-page{
  --mp-catalog-outer:#0b0c0e;
  --mp-catalog-panel:#111316;
  --mp-catalog-card:#17191d;
  --mp-catalog-label:#22252a;
  --mp-catalog-border:#353940;
  --mp-catalog-muted:#aeb4bf;
  --mp-catalog-white:#f4f5f7;
}
/* The catalog container should be dark without bright theme borders. */
html[data-mp-theme] body .mp-game-page .mp-game-content{
  background:linear-gradient(160deg,#111316,#08090b) !important;
  background-color:#0b0c0e !important;
  border:1px solid #353940 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.25) !important;
  color:#f4f5f7 !important;
}
html[data-mp-theme] body .mp-game-page .mp-game-content > h1{
  color:#f4f5f7 !important;
  font-weight:750;
}
html[data-mp-theme] body .mp-game-page .mp-game-crumb,
html[data-mp-theme] body .mp-game-page .mp-catalog-intro,
html[data-mp-theme] body .mp-game-page .mp-search-count{
  color:#b7bcc5 !important;
  opacity:1 !important;
}
html[data-mp-theme] body .mp-game-page .mp-game-crumb a{
  color:#e2e4e8 !important;
}
html[data-mp-theme] body .mp-game-page .mp-game-crumb a:hover{color:#fff !important}
/* Provider cards. Keep their existing square artwork and caption dimensions. */
html[data-mp-theme] body .mp-game-page .mp-provider-card,
html[data-mp-theme] body .mp-game-page .mp-game-tile{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-provider-art,
html[data-mp-theme] body .mp-game-page .mp-game-cover{
  background:#181a1e !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-provider-name,
html[data-mp-theme] body .mp-game-page .mp-game-tile strong{
  background:#202226 !important;
  color:#f3f4f6 !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-provider-card:hover .mp-provider-art,
html[data-mp-theme] body .mp-game-page .mp-game-tile:hover .mp-game-cover{
  box-shadow:0 5px 16px rgba(0,0,0,.42) !important;
  filter:brightness(1.045);
}
html[data-mp-theme] body .mp-game-page .mp-provider-card:focus-visible,
html[data-mp-theme] body .mp-game-page .mp-game-tile:focus-visible{
  outline:2px solid #9da5b2 !important;
  outline-offset:2px !important;
}
/* Provider carousel: neutral everywhere, including selected provider. */
html[data-mp-theme] body .mp-game-page .mp-provider-strip{
  background:#101215 !important;
  border:1px solid #353940 !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-strip-heading{
  background:#1a1d21 !important;
  color:#eef0f4 !important;
  border-bottom:1px solid #353940 !important;
}
html[data-mp-theme] body .mp-game-page .mp-strip-arrow{
  background:#22252a !important;
  color:#f1f3f5 !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-strip-arrow:hover{background:#30343a !important}
html[data-mp-theme] body .mp-game-page .mp-strip-item,
html[data-mp-theme] body .mp-game-page .mp-strip-item.is-active{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-strip-art{
  background:#191b1f !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-strip-item > span:last-child{
  background:#22252a !important;
  color:#f5f6f8 !important;
  border:0 !important;
}
html[data-mp-theme] body .mp-game-page .mp-strip-item.is-active > span:last-child{
  background:#343941 !important;
  color:#fff !important;
  box-shadow:inset 0 -2px 0 #8b929c !important;
}
/* Search boxes and filters: remove saturated strokes. */
html[data-mp-theme] body .mp-game-page .mp-search-wrap{
  background:#191b20 !important;
  border:1px solid #41464e !important;
  box-shadow:none !important;
  color:#bdc3cc !important;
}
html[data-mp-theme] body .mp-game-page .mp-game-search{
  background:transparent !important;
  color:#f6f7fa !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-game-search::placeholder{color:#929aa5 !important}
html[data-mp-theme] body .mp-game-page .mp-search-wrap:focus-within{
  border-color:#8b929c !important;
  box-shadow:0 0 0 2px rgba(180,187,198,.1) !important;
}
html[data-mp-theme] body .mp-game-page .mp-catalog-toolbar{
  border-bottom:1px solid #343840 !important;
}
html[data-mp-theme] body .mp-game-page .mp-filter-tabs button{
  background:transparent !important;
  color:#afb5bf !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
html[data-mp-theme] body .mp-game-page .mp-filter-tabs button.is-active{
  background:transparent !important;
  color:#fff !important;
  border-bottom-color:#9198a2 !important;
}
html[data-mp-theme] body .mp-game-page .mp-filter-info,
html[data-mp-theme] body .mp-game-page .mp-game-notice,
html[data-mp-theme] body .mp-game-page .mp-game-empty{
  background:#17191d !important;
  color:#dce0e5 !important;
  border:1px solid #353940 !important;
}
/* Game detail page and disabled action remain neutral. */
html[data-mp-theme] body .mp-game-page .mp-game-detail-cover{
  background:#17191d !important;
  border:1px solid #353940 !important;
}
html[data-mp-theme] body .mp-game-page .mp-game-detail h2{color:#fff !important}
html[data-mp-theme] body .mp-game-page .mp-game-play{
  background:#272a30 !important;
  color:#cfd3d9 !important;
  border:1px solid #454b54 !important;
  box-shadow:none !important;
}
/* No changes to grid columns, tile heights, animations, or images. */

/* V34 - SLOT PROVIDERS IKUT WARNA TEMA */

/* Kotak luar provider */
html[data-mp-theme] body .mp-game-page .mp-provider-strip {
    background: #101215 !important;
    border: 1px solid var(--mp-accent) !important;
    box-shadow: none !important;
}

/* Header SLOT PROVIDERS mengikuti tema */
html[data-mp-theme] body .mp-game-page .mp-strip-heading {
    background: linear-gradient(
        120deg,
        var(--mp-accent),
        var(--mp-accent2)
    ) !important;
    color: var(--mp-button-ink, #fff) !important;
    border-bottom: 0 !important;
}