:root{
  --mp-bg:#f6f1e8;
  --mp-bg-2:#fbf8f2;
  --mp-surface:#fffdf8;
  --mp-surface-2:#ffffff;
  --mp-ink:#172033;
  --mp-muted:#697386;
  --mp-line:#e8ddc9;
  --mp-gold:#c5a052;
  --mp-gold-dark:#9a7732;
  --mp-navy:#172033;
  --mp-danger:#b42318;
  --mp-success:#127c45;
  --mp-radius:22px;
  --mp-shadow:0 18px 50px rgba(23,32,51,.12);
  --mp-shadow-soft:0 8px 28px rgba(23,32,51,.08);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--mp-bg);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(197,160,82,.14),transparent 34rem),linear-gradient(180deg,var(--mp-bg-2),var(--mp-bg));color:var(--mp-ink);font-size:16px;line-height:1.5}
a{color:inherit}.mp-container{width:min(1120px,100%);margin:0 auto;padding:22px}.mp-header{position:sticky;top:0;z-index:50;background:rgba(23,32,51,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.mp-header a{text-decoration:none;color:#fff}.mp-nav{display:flex;align-items:center;justify-content:space-between;gap:18px}.mp-brand{display:flex;align-items:center;gap:12px;font-weight:760;letter-spacing:.2px}.mp-brand-mark{width:34px;height:34px;border-radius:14px;background:linear-gradient(135deg,#ead49b,#b98f3d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 10px 28px rgba(0,0,0,.22)}.mp-nav nav{display:flex;gap:10px;align-items:center}.mp-nav nav a{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06)}
.mp-card,.mp-panel{background:linear-gradient(180deg,var(--mp-surface),#fff);border:1px solid rgba(153,121,56,.20);border-radius:var(--mp-radius);padding:24px;box-shadow:var(--mp-shadow-soft);margin-bottom:18px}.mp-card h1,.mp-card h2,.mp-card h3{margin-top:0;line-height:1.12}.mp-card h1{font-size:clamp(30px,7vw,54px);letter-spacing:-.04em}.mp-card h2{font-size:clamp(22px,4.5vw,32px);letter-spacing:-.025em}.mp-card h3{font-size:20px}.mp-muted,.mp-hint{color:var(--mp-muted)}.mp-hint{font-size:14px}.mp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mp-stack{display:grid;gap:16px}.mp-button,.mp-form button,button.mp-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--mp-navy),#26344f);color:#fff;text-decoration:none;font-weight:740;letter-spacing:.01em;box-shadow:0 12px 28px rgba(23,32,51,.18);cursor:pointer}.mp-button:hover,.mp-form button:hover{transform:translateY(-1px)}.mp-button.mp-secondary{background:#fff;color:var(--mp-ink);border:1px solid var(--mp-line);box-shadow:none}.mp-button.mp-danger{background:linear-gradient(135deg,#b42318,#8f1d14)}.mp-button.mp-gold{background:linear-gradient(135deg,#dfc16f,#a77a2b);color:#1c1608}.mp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mp-alert{padding:14px 16px;border-radius:16px;background:#fff6df;border:1px solid #efd48f;color:#5e4512;margin:12px 0}.mp-error{background:#fff2f0;border-color:#ffccc7;color:#8c1d18}.mp-success{background:#ecfff4;border-color:#a7e3bf;color:#0d6335}
.mp-form{display:grid;gap:14px}.mp-form label{display:block;font-weight:720;color:#26344f;margin:4px 0}.mp-form input,.mp-form select,.mp-form textarea,.mp-input{width:100%;min-height:50px;border:1px solid #d8cfbd;border-radius:16px;background:#fff;color:var(--mp-ink);font:inherit;padding:13px 14px;outline:none;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}.mp-form input:focus,.mp-form select:focus,.mp-form textarea:focus,.mp-input:focus{border-color:var(--mp-gold);box-shadow:0 0 0 4px rgba(197,160,82,.18)}.mp-form input[type=checkbox]{width:auto;min-height:auto;margin-right:8px}.mp-form code,code{display:inline-block;max-width:100%;overflow:auto;background:#f3ead9;border:1px solid #e2d0ad;border-radius:10px;padding:4px 8px;color:#4b3713}.mp-mobile-action{position:sticky;bottom:12px;z-index:30;margin-top:18px}.mp-mobile-action .mp-button,.mp-mobile-action button{width:100%;min-height:54px;font-size:16px}
.mp-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#172033 0%,#22314c 58%,#5f4a20 100%);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--mp-shadow)}.mp-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:rgba(223,193,111,.22)}.mp-hero>*{position:relative}.mp-hero-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#e7d29a;font-weight:780}.mp-hero-title{font-size:clamp(34px,8vw,62px);line-height:.98;margin:8px 0 12px;letter-spacing:-.055em}.mp-hero-subtitle{max-width:680px;color:rgba(255,255,255,.78);font-size:17px}.mp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.mp-kpi{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:14px}.mp-kpi strong{display:block;font-size:22px}.mp-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:28px 0 14px}.mp-section-title h2{margin:0;font-size:24px}.mp-search{position:relative}.mp-search input{padding-left:44px}.mp-search:before{content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--mp-muted);font-size:22px;z-index:1}
.mp-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.mp-game-card{display:flex;align-items:center;gap:14px;min-height:86px;padding:16px;border:1px solid rgba(153,121,56,.18);border-radius:20px;background:rgba(255,255,255,.78);text-decoration:none;color:var(--mp-ink);box-shadow:0 6px 20px rgba(23,32,51,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mp-game-card:hover{transform:translateY(-2px);box-shadow:var(--mp-shadow-soft);border-color:rgba(197,160,82,.55)}.mp-game-icon{flex:0 0 46px;width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#f0dc9c,#b98f3d);color:#221804;font-weight:850}.mp-game-title{display:block;font-weight:780;line-height:1.2}.mp-game-meta{font-size:13px;color:var(--mp-muted)}.mp-game-group{grid-column:1/-1;margin-top:4px}.mp-game-group-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mp-muted);margin:10px 0 8px}.mp-game-group .mp-game-grid{margin-top:8px}.mp-empty{padding:18px;border:1px dashed #d6c5a2;border-radius:18px;color:var(--mp-muted);background:rgba(255,255,255,.55)}
.mp-game-shell{min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(197,160,82,.18),transparent 28rem),linear-gradient(180deg,#fffaf0,#f3ecdf);padding:18px}.mp-game-frame{width:min(640px,100%);margin:0 auto}.mp-game-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px}.mp-game-titlebar{display:flex;align-items:center;gap:12px}.mp-game-titlebar .mp-game-icon{width:42px;height:42px;flex-basis:42px}.mp-game-titlebar h1{font-size:22px;margin:0;letter-spacing:-.02em}.mp-game-card-form{background:#fffdf8;border:1px solid rgba(153,121,56,.22);border-radius:28px;padding:24px;box-shadow:var(--mp-shadow)}.mp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.mp-tab-panel{border:1px solid var(--mp-line);background:#fff;border-radius:22px;padding:18px}.mp-tab-panel h2{font-size:20px;margin:0 0 8px}.mp-note-page{min-height:100vh;background:linear-gradient(180deg,#f8f2e6,#e9dfcf);padding:22px}.mp-note{width:min(720px,100%);margin:0 auto;background:#fffdf4;border:1px solid #e1d2a5;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(23,32,51,.14);position:relative}.mp-note:before{content:"";position:absolute;left:24px;right:24px;top:72px;border-top:1px solid rgba(197,160,82,.22)}.mp-note h1{font-size:clamp(32px,7vw,54px);line-height:1;margin:0 0 28px;color:#b89337;letter-spacing:-.04em}.mp-note-row{font-size:clamp(20px,5vw,30px);margin:18px 0;color:#25314a}.mp-note p{color:#667085}.mp-stealth{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mp-muted);font-weight:800}
@media(max-width:760px){.mp-container{padding:16px}.mp-header{position:static}.mp-nav{align-items:flex-start}.mp-nav nav a{font-size:14px;padding:8px 10px}.mp-grid{grid-template-columns:1fr}.mp-hero{padding:24px 20px;border-radius:24px}.mp-kpis{grid-template-columns:1fr}.mp-card{padding:18px;border-radius:20px}.mp-game-grid{grid-template-columns:1fr}.mp-game-shell{padding:12px}.mp-game-card-form{padding:18px;border-radius:24px}.mp-tabs{grid-template-columns:1fr}.mp-section-title{align-items:stretch;flex-direction:column}.mp-actions{display:grid;grid-template-columns:1fr}.mp-actions .mp-button{width:100%}body{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* Hotfix: legacy/public-safe compatibility */
body:not(.mp-legacy-raw){background:radial-gradient(circle at top left,rgba(197,160,82,.18),transparent 34rem),linear-gradient(180deg,#fbf8f2,#f1eadf)!important;color:#172033!important;}
body > center:first-child, body > table:first-child{max-width:1120px;margin-left:auto!important;margin-right:auto!important;}
img{max-width:100%;height:auto}.mp-premium-loaded{outline:0}
@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}

/* Phase 2: generic premium game forms */
.mp-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 18px}.mp-number-grid label{margin:0}.mp-game-card-form .mp-tab-panel{box-shadow:0 8px 24px rgba(23,32,51,.05)}button[disabled],.mp-button[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.mp-legacy-panel{background:#fff;border:1px solid rgba(153,121,56,.20);border-radius:22px;padding:18px;box-shadow:0 8px 28px rgba(23,32,51,.08);overflow:auto}.mp-legacy-panel table{max-width:100%;width:auto!important}.mp-legacy-panel input,.mp-legacy-panel select,.mp-legacy-panel textarea{min-height:46px;border:1px solid #d8cfbd;border-radius:14px;padding:10px 12px;font-size:16px}.mp-legacy-panel input[type=image]{border:0;padding:0;min-height:0}.mp-legacy-panel input[type=submit],.mp-legacy-panel button{border:0;border-radius:999px;background:linear-gradient(135deg,#dfc16f,#a77a2b);color:#1c1608;font-weight:740;padding:12px 18px;min-height:46px}
@media(max-width:760px){.mp-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-game-header{align-items:flex-start}.mp-game-header .mp-button{padding:10px 12px;font-size:14px}.mp-legacy-panel{padding:12px;border-radius:18px}.mp-legacy-panel table,.mp-legacy-panel tbody,.mp-legacy-panel tr,.mp-legacy-panel td{display:block!important;width:100%!important}.mp-legacy-panel td{padding:6px 0!important}}

/* Targeted UX fixes for card/casino selection flows */
.mp-selection-card{background:#fffdf8;border:1px solid rgba(153,121,56,.22);border-radius:28px;padding:18px;box-shadow:var(--mp-shadow);overflow:hidden}.mp-responsive-choice-grid{width:100%;overflow:hidden}.mp-responsive-choice-grid center{display:block;width:100%}.mp-responsive-choice-grid table{width:100%!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:0 auto 18px!important}.mp-responsive-choice-grid table[border="1"],.mp-responsive-choice-grid table[width="150"]{border:0!important}.mp-responsive-choice-grid table[border="1"] tbody,.mp-responsive-choice-grid table[width="150"] tbody{display:block!important;width:100%!important}.mp-responsive-choice-grid table[border="1"] tr,.mp-responsive-choice-grid table[width="150"] tr{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px;width:100%!important;margin-bottom:8px}.mp-responsive-choice-grid table[border="1"] td,.mp-responsive-choice-grid table[width="150"] td{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;padding:4px!important;border:1px solid rgba(153,121,56,.20)!important;border-radius:12px!important;background:#fff!important}.mp-responsive-choice-grid table[border="1"] img,.mp-responsive-choice-grid table[width="150"] img{display:block;max-width:100%!important;width:auto!important;height:auto!important;max-height:104px;border-radius:6px}.mp-responsive-choice-grid th{font-size:clamp(18px,5vw,24px)!important;color:#26344f!important;padding:8px 0 14px!important}.mp-responsive-choice-grid a{display:inline-flex;align-items:center;justify-content:center;min-width:0}.mp-responsive-choice-grid .estilo1{font-size:clamp(18px,5vw,24px)!important;color:#26344f!important}.mp-responsive-choice-grid br+br{display:none}
@media(max-width:480px){.mp-selection-card{padding:12px;border-radius:22px}.mp-responsive-choice-grid table[border="1"] tr,.mp-responsive-choice-grid table[width="150"] tr{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mp-responsive-choice-grid table[border="1"] img,.mp-responsive-choice-grid table[width="150"] img{max-height:84px}.mp-responsive-choice-grid th{font-size:18px!important}}

/* Hotfix 2026-06: stable mobile card/casino pickers
   Preserve legacy tables and make them horizontally scrollable instead of forcing CSS grid on table rows. */
.mp-selection-card{
  background:linear-gradient(180deg,#fffdf8,#ffffff)!important;
  border:1px solid rgba(153,121,56,.22)!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 12px 36px rgba(23,32,51,.10)!important;
  overflow:hidden!important;
}
.mp-responsive-choice-grid{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  padding:6px 0 14px!important;
  overscroll-behavior-x:contain;
}
.mp-responsive-choice-grid::before{
  content:"Desliza horizontalmente para ver todas las opciones";
  display:block;
  margin:0 0 10px;
  padding:9px 12px;
  border-radius:14px;
  background:#f6efe0;
  border:1px solid #ead9b6;
  color:#6c5728;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.mp-responsive-choice-grid center{
  display:block!important;
  width:max-content!important;
  min-width:100%!important;
  max-width:none!important;
  text-align:center!important;
}
.mp-responsive-choice-grid table,
.mp-responsive-choice-grid table[border="1"],
.mp-responsive-choice-grid table[width="150"]{
  display:table!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:7px!important;
  margin:0 auto 14px!important;
  background:transparent!important;
  border:0!important;
}
.mp-responsive-choice-grid tbody{
  display:table-row-group!important;
  width:auto!important;
}
.mp-responsive-choice-grid tr,
.mp-responsive-choice-grid table[border="1"] tr,
.mp-responsive-choice-grid table[width="150"] tr{
  display:table-row!important;
  width:auto!important;
  margin:0!important;
}
.mp-responsive-choice-grid td,
.mp-responsive-choice-grid th,
.mp-responsive-choice-grid table[border="1"] td,
.mp-responsive-choice-grid table[width="150"] td{
  display:table-cell!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:4px!important;
  vertical-align:middle!important;
  text-align:center!important;
  background:#ffffff!important;
  border:1px solid rgba(153,121,56,.18)!important;
  border-radius:12px!important;
}
.mp-responsive-choice-grid th{
  background:transparent!important;
  border:0!important;
  font-size:clamp(18px,5vw,24px)!important;
  color:#26344f!important;
  padding:8px 0 14px!important;
}
.mp-responsive-choice-grid a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:52px!important;
  min-height:72px!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:rgba(197,160,82,.24);
}
.mp-responsive-choice-grid img,
.mp-responsive-choice-grid table[border="1"] img,
.mp-responsive-choice-grid table[width="150"] img{
  display:block!important;
  max-width:none!important;
  width:56px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:7px!important;
  box-shadow:0 3px 10px rgba(23,32,51,.12)!important;
  opacity:1!important;
  visibility:visible!important;
}
.mp-responsive-choice-grid img[src*="/cartas/"]{width:58px!important;}
.mp-responsive-choice-grid img[src*="/dados/"]{width:74px!important;}
.mp-responsive-choice-grid img[src*="/ruleta/"],
.mp-responsive-choice-grid img[src*="/numeros/"]{width:70px!important;}
.mp-responsive-choice-grid .estilo1{
  font-size:clamp(18px,5vw,24px)!important;
  color:#26344f!important;
}
@media(max-width:480px){
  .mp-selection-card{padding:12px!important;border-radius:20px!important;}
  .mp-responsive-choice-grid{margin-left:-2px;margin-right:-2px;padding-bottom:16px!important;}
  .mp-responsive-choice-grid table,
  .mp-responsive-choice-grid table[border="1"],
  .mp-responsive-choice-grid table[width="150"]{border-spacing:5px!important;}
  .mp-responsive-choice-grid td,
  .mp-responsive-choice-grid table[border="1"] td,
  .mp-responsive-choice-grid table[width="150"] td{padding:3px!important;border-radius:10px!important;}
  .mp-responsive-choice-grid a{min-width:48px!important;min-height:68px!important;}
  .mp-responsive-choice-grid img[src*="/cartas/"]{width:52px!important;}
  .mp-responsive-choice-grid img[src*="/dados/"]{width:66px!important;}
  .mp-responsive-choice-grid img[src*="/ruleta/"],
  .mp-responsive-choice-grid img[src*="/numeros/"]{width:62px!important;}
}


/* Structural choice picker fix: rebuilded card/casino screens use this markup.
   Do not depend on legacy tables/classes. */
.mp-choice-stage{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.mp-choice-title{
  margin:8px 0 6px;
  color:#202944;
  font-size:clamp(24px,6vw,36px);
  line-height:1.08;
  letter-spacing:-.035em;
  text-align:center;
}
.mp-choice-hint{
  margin:0 0 14px;
  color:#7a6c55;
  font-size:14px;
  font-weight:700;
  text-align:center;
}
.mp-choice-scroll{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.mp-choice-tile{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:86px;
  padding:7px;
  border:1px solid rgba(153,121,56,.22);
  border-radius:15px;
  background:linear-gradient(180deg,#ffffff,#fbf7ee);
  box-shadow:0 6px 18px rgba(23,32,51,.10);
  text-decoration:none;
  box-sizing:border-box;
  -webkit-tap-highlight-color:rgba(197,160,82,.20);
}
.mp-choice-tile:active{
  transform:scale(.985);
}
.mp-choice-tile img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
}
.mp-choice-stage-cards .mp-choice-tile img{
  max-height:94px!important;
}
.mp-choice-stage-dice .mp-choice-scroll{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:360px;
  margin:0 auto;
}
.mp-choice-stage-dice .mp-choice-tile{
  min-height:98px;
}
.mp-choice-stage-dice .mp-choice-tile img{
  max-height:78px!important;
}
.mp-choice-stage-roulette .mp-choice-scroll{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.mp-choice-stage-roulette .mp-choice-tile{
  min-height:96px;
}
.mp-choice-stage-roulette .mp-choice-tile img{
  max-height:82px!important;
}
@media(max-width:380px){
  .mp-choice-scroll{gap:7px}
  .mp-choice-tile{padding:5px;min-height:80px;border-radius:13px}
  .mp-choice-stage-cards .mp-choice-tile img{max-height:84px!important}
  .mp-choice-stage-dice .mp-choice-tile img{max-height:70px!important}
  .mp-choice-stage-roulette .mp-choice-tile img{max-height:74px!important}
}


/* Hotfix 2026-06: compact fast card pickers for j-baraja and j-casino1.
   The previous mobile grid made each option too large. These screens need speed,
   not theatrical spacing: many small, tappable options visible at once. */
.mp-choice-stage-cards .mp-choice-scroll,
.mp-choice-scroll-compact{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(48px,1fr))!important;
  gap:5px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.mp-choice-stage-cards .mp-choice-tile{
  min-height:70px!important;
  padding:3px!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(23,32,51,.07)!important;
}
.mp-choice-stage-cards .mp-choice-tile img{
  max-height:66px!important;
  width:auto!important;
  max-width:100%!important;
}
.mp-choice-title{font-size:clamp(20px,5vw,30px)!important;margin:4px 0 8px!important}.mp-choice-hint{font-size:13px!important;margin-bottom:10px!important}
.mp-choice-stage-dice .mp-choice-scroll{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))!important;max-width:360px!important;margin-left:auto!important;margin-right:auto!important}.mp-choice-stage-dice .mp-choice-tile{min-height:78px!important;padding:5px!important}.mp-choice-stage-dice .mp-choice-tile img{max-height:66px!important}
.mp-choice-stage-roulette .mp-choice-scroll{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))!important}.mp-choice-stage-roulette .mp-choice-tile{min-height:70px!important;padding:4px!important}.mp-choice-stage-roulette .mp-choice-tile img{max-height:62px!important}
@media(max-width:380px){.mp-choice-stage-cards .mp-choice-scroll,.mp-choice-scroll-compact{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important;gap:4px!important}.mp-choice-stage-cards .mp-choice-tile{min-height:64px!important;padding:2px!important}.mp-choice-stage-cards .mp-choice-tile img{max-height:60px!important}}

/* Card picker: suit-grouped compact layout for j-baraja and j-casino1 */
.mp-card-picker-suits{padding-bottom:4px!important}
.mp-suit-section{padding:8px 8px 10px!important;border:1px solid rgba(153,121,56,.12)!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;margin-bottom:10px!important}
.mp-suit-title{font-size:13px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#8b6b28!important;margin:0 0 7px!important}
.mp-card-suit-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;max-width:420px!important}
.mp-card-tile{min-height:58px!important;padding:2px!important;border-radius:9px!important}
.mp-card-tile img{max-height:56px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
.mp-dice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:300px!important;gap:10px!important}
.mp-dice-tile{min-height:82px!important;padding:6px!important}
.mp-dice-tile img{max-height:68px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
@media(max-width:380px){
  .mp-suit-section{padding:7px 6px 9px!important;margin-bottom:9px!important}
  .mp-card-suit-grid{gap:4px!important}
  .mp-card-tile{min-height:53px!important;padding:1px!important;border-radius:8px!important}
  .mp-card-tile img{max-height:52px!important}
}

/* Admin module 2026-06 */
.mp-admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}.mp-admin-kpi{background:linear-gradient(180deg,#fffdf8,#fff);border:1px solid rgba(153,121,56,.22);border-radius:22px;padding:18px;box-shadow:var(--mp-shadow-soft)}.mp-admin-kpi span{display:block;color:var(--mp-muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mp-admin-kpi strong{display:block;margin:6px 0;font-size:clamp(28px,5vw,42px);line-height:1;letter-spacing:-.04em;color:var(--mp-ink)}.mp-admin-kpi em{display:block;color:var(--mp-muted);font-style:normal;font-size:13px}.mp-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mp-admin-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.mp-admin-table th,.mp-admin-table td{padding:12px 12px;border-bottom:1px solid var(--mp-line);text-align:left;vertical-align:middle}.mp-admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mp-muted);font-weight:850}.mp-admin-table tr:hover td{background:rgba(255,255,255,.55)}.mp-admin-table a{font-weight:760;text-decoration:none;color:var(--mp-navy)}.mp-admin-actions{display:flex;flex-wrap:wrap;gap:8px}.mp-admin-actions form{margin:0}.mp-admin-actions .mp-button{min-height:36px;padding:8px 12px;font-size:13px}.mp-admin-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;border:1px solid var(--mp-line);background:#fff;color:var(--mp-muted);margin:2px}.mp-admin-badge.ok{background:#ecfff4;border-color:#a7e3bf;color:#0d6335}.mp-admin-badge.warn{background:#fff6df;border-color:#efd48f;color:#5e4512}.mp-admin-badge.danger{background:#fff2f0;border-color:#ffccc7;color:#8c1d18}.mp-admin-inline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.mp-admin-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}.mp-admin-checks label{background:#fff;border:1px solid var(--mp-line);border-radius:14px;padding:12px;color:#26344f;font-weight:700}.mp-admin-checks input{margin-right:8px}
@media(max-width:760px){.mp-admin-inline{grid-template-columns:1fr}.mp-admin-table{min-width:680px}.mp-admin-kpi-grid{grid-template-columns:1fr}}

/* Admin dashboard premium UX */
.mp-admin-hero{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:18px;align-items:end}.mp-admin-hero-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.mp-admin-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(8px);font-weight:800;color:var(--mp-ink);box-shadow:0 10px 24px rgba(17,24,39,.08)}
.mp-admin-toolbar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;margin:18px 0}.mp-admin-highlight{background:linear-gradient(135deg,#182338 0%,#22304c 42%,#7c632b 140%);color:#fff;border-color:rgba(255,255,255,.08)}.mp-admin-highlight h2{margin:8px 0 10px;font-size:clamp(30px,6vw,48px);color:#fff}.mp-admin-highlight p{margin:0;color:rgba(255,255,255,.82);max-width:56ch}.mp-admin-highlight-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.mp-admin-highlight-micro{display:grid;gap:12px;min-width:210px}.mp-admin-highlight-micro div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10)}.mp-admin-highlight-micro span,.mp-admin-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}.mp-admin-highlight-micro strong{display:block;margin-top:6px;font-size:20px;line-height:1.05;color:#fff}.mp-admin-split-meter{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}.mp-admin-meter-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.mp-admin-meter-head span{font-size:13px;color:rgba(255,255,255,.8)}.mp-admin-meter-head strong{font-size:14px;color:#fff}.mp-admin-meter{position:relative;height:14px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.mp-admin-meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#dfc16f,#f6e2a9)}.mp-admin-meter-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:13px;color:rgba(255,255,255,.85)}.mp-admin-meter-legend span{display:inline-flex;align-items:center;gap:8px}.mp-admin-meter-legend i{display:inline-block;width:10px;height:10px;border-radius:999px;background:#dfc16f}.mp-admin-meter-legend i.is-manual{background:#7bb3ff}.mp-admin-meter-legend i.is-stripe{background:#dfc16f}
.mp-admin-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mp-admin-quick{text-decoration:none;color:var(--mp-ink);display:grid;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--mp-line);background:linear-gradient(180deg,#fff,#fffaf0);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease}.mp-admin-quick:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(16,24,40,.08);border-color:rgba(153,121,56,.34)}.mp-admin-quick strong{font-size:16px}.mp-admin-quick span{font-size:13px;color:var(--mp-muted);line-height:1.45}
.mp-admin-kpi-grid-premium{margin-top:8px}.mp-admin-kpi{position:relative;overflow:hidden}.mp-admin-kpi:before{content:"";position:absolute;top:-32px;right:-22px;width:90px;height:90px;border-radius:999px;background:radial-gradient(circle,rgba(223,193,111,.28),rgba(223,193,111,0) 70%)}
.mp-admin-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.mp-section-title.compact{margin-bottom:8px}.mp-subheading{margin:4px 0 12px;font-size:16px}
.mp-chart{display:flex;align-items:flex-end;gap:10px;min-height:260px;margin-top:18px;padding-top:18px;border-top:1px solid var(--mp-line)}.mp-chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px}.mp-chart-bar-wrap{height:160px;display:flex;align-items:flex-end}.mp-chart-bar{width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#e9d08b,#a77a2b);box-shadow:0 18px 22px rgba(167,122,43,.18)}.mp-chart-value{font-size:11px;line-height:1.2;color:var(--mp-muted);text-align:center;min-height:28px;display:flex;align-items:flex-end;justify-content:center}.mp-chart-label{font-size:12px;font-weight:800;color:var(--mp-ink);text-align:center}.mp-chart-note{font-size:11px;color:var(--mp-muted);text-align:center}
.mp-mini-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mp-mini-chart{display:flex;align-items:flex-end;gap:8px;min-height:190px}.mp-mini-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.mp-mini-chart-bar-wrap{height:120px;display:flex;align-items:flex-end;width:100%}.mp-mini-chart-bar{width:100%;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#e9d08b,#a77a2b)}.mp-mini-chart-bar.alt{background:linear-gradient(180deg,#405b8d,#182338)}.mp-mini-chart-label{font-size:11px;color:var(--mp-muted);text-align:center}
.mp-ranking{display:grid;gap:12px;margin-top:12px}.mp-ranking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.mp-ranking-row.leaderboard{grid-template-columns:auto minmax(0,1fr) auto}.mp-ranking-rank{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#dfc16f,#a77a2b);color:#1c1608;display:flex;align-items:center;justify-content:center;font-weight:900}.mp-ranking-main{display:grid;gap:8px}.mp-ranking-main strong{font-size:14px;line-height:1.3}.mp-ranking-total{font-size:18px;font-weight:900;color:var(--mp-ink)}.mp-progress{height:10px;border-radius:999px;background:#f3f0e7;overflow:hidden}.mp-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#dfc16f,#a77a2b)}.mp-progress.navy span{background:linear-gradient(90deg,#405b8d,#182338)}
.mp-empty.small{padding:20px 0;font-size:14px}
@media(max-width:980px){.mp-admin-hero,.mp-admin-toolbar,.mp-admin-panels,.mp-mini-duo{grid-template-columns:1fr}.mp-admin-hero-badges{justify-content:flex-start}.mp-admin-highlight-top{grid-template-columns:1fr}.mp-admin-quick-grid{grid-template-columns:1fr 1fr}.mp-chart{overflow-x:auto;padding-bottom:8px}.mp-chart-col{min-width:54px}}
@media(max-width:760px){.mp-admin-quick-grid{grid-template-columns:1fr}.mp-admin-pill{width:100%}.mp-admin-panels{grid-template-columns:1fr}.mp-mini-duo{grid-template-columns:1fr}.mp-chart{gap:8px}.mp-chart-col{min-width:46px}.mp-chart-value{font-size:10px}.mp-chart-label{font-size:11px}}

/* Admin users list: search and sorting */
.mp-admin-searchbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.mp-admin-list-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;color:var(--mp-muted);font-size:14px}.mp-admin-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid var(--mp-line);background:#fff;color:var(--mp-ink);text-decoration:none;font-weight:800}.mp-admin-chip.is-active{background:linear-gradient(135deg,#dfc16f,#a77a2b);color:#1c1608;border-color:transparent}.mp-admin-sort-link{display:inline-flex;align-items:center;gap:4px;color:var(--mp-muted);text-decoration:none;font-weight:900}.mp-admin-sort-link.is-active,.mp-admin-sort-link:hover{color:var(--mp-navy)}
@media(max-width:760px){.mp-admin-searchbar{grid-template-columns:1fr}.mp-admin-searchbar .mp-button{width:100%}.mp-admin-list-controls{align-items:stretch}.mp-admin-chip{flex:1}}