:root{
  --gpe-navy:#17324a;
  --gpe-blue:#1f6fa8;
  --gpe-teal:#177c7a;
  --gpe-gold:#c9942e;
  --gpe-text:#253746;
  --gpe-muted:#647482;
  --gpe-border:#dbe3e8;
  --gpe-soft:#f5f8fa;
  --gpe-red:#bc3341;
  --gpe-black:#172027;
  --gpe-green:#0d7753;
  --gpe-shadow:0 12px 34px rgba(18,42,58,.08);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--gpe-text);
  background:
    radial-gradient(circle at 8% 3%,rgba(31,111,168,.10),transparent 30rem),
    linear-gradient(180deg,#edf3f7 0,#f8fafb 34rem,#f4f7f9 100%);
}
button,input,select{font:inherit}
button{cursor:pointer}
.gpe-content-v10{
  width:min(1220px,calc(100% - 30px));
  margin:0 auto;
  padding:30px 0 60px;
}
.gc-hero{
  padding:34px;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 16%,rgba(255,255,255,.14),transparent 20rem),
    linear-gradient(135deg,#17324a,#165d74);
  color:#fff;
  box-shadow:var(--gpe-shadow);
}
.gc-eyebrow{display:inline-block;color:#d9eef6;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.gc-hero h1{margin:8px 0 0;font-size:clamp(34px,6vw,58px);line-height:1.02;max-width:920px}
.gc-hero p{max-width:900px;margin:17px 0 0;color:#e9f4fa;font-size:18px;line-height:1.7}
.gc-answer{
  display:grid;grid-template-columns:42px 1fr;gap:14px;margin:22px 0;padding:18px 20px;
  border:1px solid var(--gpe-border);border-radius:16px;background:#fff
}
.gc-answer>div:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef6fb;color:var(--gpe-blue);font-weight:900}
.gc-answer p{margin:5px 0 0;color:var(--gpe-muted);line-height:1.6}
.gpe-quickjump{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.gpe-quickjump a{padding:8px 12px;border:1px solid var(--gpe-border);border-radius:999px;background:#fff;color:var(--gpe-navy);text-decoration:none;font-size:13px;font-weight:850}
.gc-section{margin:34px 0}
.gc-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}
.gc-section-head h2{margin:4px 0 0;color:var(--gpe-navy);font-size:clamp(26px,4vw,38px)}
.gc-section-head p{max-width:540px;margin:0;color:var(--gpe-muted);line-height:1.6}
.gpe-section-kicker{color:var(--gpe-teal);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gpe-panel{background:#fff;border:1px solid var(--gpe-border);border-radius:19px;padding:22px;box-shadow:var(--gpe-shadow)}
.gpe-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.gpe-tab{padding:9px 12px;border:1px solid var(--gpe-border);border-radius:10px;background:#fff;color:var(--gpe-navy);font-weight:850}
.gpe-tab[aria-selected="true"]{background:var(--gpe-navy);border-color:var(--gpe-navy);color:#fff}
.gpe-tab-panel[hidden]{display:none!important}
.gpe-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.gpe-field label{display:block;color:var(--gpe-navy);font-size:13px;font-weight:850}
.gpe-field input,.gpe-field select{
  width:100%;min-height:44px;margin-top:6px;padding:9px 11px;border:1px solid #c9d6df;border-radius:10px;background:#fbfcfd;color:var(--gpe-text)
}
.gpe-field small{display:block;margin-top:5px;color:var(--gpe-muted);font-size:11px;line-height:1.4}
.gpe-action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.gpe-action-row button{min-height:44px;padding:9px 14px;border-radius:10px;border:0;font-weight:900}
.gpe-primary{background:var(--gpe-blue);color:#fff}
.gpe-secondary{background:var(--gpe-teal);color:#fff}
.gpe-ghost{background:#fff;color:var(--gpe-navy);border:1px solid var(--gpe-border)!important}
.gpe-error{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#98333c;font-size:13px;font-weight:750}
.gpe-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.gpe-fact{padding:15px;border:1px solid var(--gpe-border);border-radius:14px;background:linear-gradient(145deg,#fff,#f6f9fb)}
.gpe-fact span{display:block;color:var(--gpe-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.gpe-fact strong{display:block;margin-top:5px;color:var(--gpe-navy);font-size:24px;line-height:1.08;overflow-wrap:anywhere}
.gpe-fact p{margin:6px 0 0;color:var(--gpe-muted);font-size:11px;line-height:1.4}
.gpe-table-wrap{overflow:auto;border:1px solid var(--gpe-border);border-radius:13px}
.gpe-table-wrap table{width:100%;min-width:680px;border-collapse:collapse}
.gpe-table-wrap th,.gpe-table-wrap td{padding:11px 13px;border-bottom:1px solid var(--gpe-border);text-align:left;vertical-align:top}
.gpe-table-wrap th{background:#f4f7f9;color:var(--gpe-navy)}
.gpe-table-wrap tr:last-child th,.gpe-table-wrap tr:last-child td{border-bottom:0}
.gpe-chart-card{margin-top:15px;padding:16px;border:1px solid var(--gpe-border);border-radius:14px;background:#fff}
.gpe-chart-card h4{margin:0 0 10px;color:var(--gpe-navy)}
.gpe-chart-wrap{height:280px}
.gpe-chart-wrap canvas{display:block;width:100%;height:100%}

/* Roulette casino scene */
.gpe-roulette-casino{
  margin:22px 0 30px;
  padding:14px;
  border-radius:28px;
  background:
    radial-gradient(circle at 14% 0,rgba(206,166,73,.16),transparent 24rem),
    linear-gradient(180deg,#102922,#081914);
  border:1px solid rgba(214,181,99,.24);
  box-shadow:0 26px 58px rgba(8,32,27,.24),inset 0 0 0 1px rgba(255,255,255,.04);
  color:#fff;
}
.gpe-roulette-marquee{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:17px 19px;border:1px solid rgba(226,197,120,.18);border-radius:18px 18px 12px 12px;
  background:linear-gradient(135deg,#164a3b,#0c2f27)
}
.gpe-roulette-marquee small{display:block;color:#e5c777;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.gpe-roulette-marquee h2{margin:4px 0 0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,4vw,39px)}
.gpe-roulette-marquee p{max-width:700px;margin:6px 0 0;color:#c9ddd6;font-size:13px;line-height:1.55}
.gpe-roulette-meters{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:8px}
.gpe-roulette-meter{padding:10px 12px;border:1px solid rgba(226,197,120,.15);border-radius:11px;background:rgba(5,23,19,.42)}
.gpe-roulette-meter span{display:block;color:#9fc3b8;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gpe-roulette-meter strong{display:block;margin-top:3px;color:#fff;font-size:14px}
.gpe-roulette-stage{
  display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px;margin-top:12px;align-items:stretch
}
.gpe-wheel-panel{
  display:grid;align-content:center;justify-items:center;gap:13px;padding:18px;border-radius:18px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 60%),
    linear-gradient(180deg,#0d2d25,#091e19);
  border:1px solid rgba(255,255,255,.07)
}
.gpe-wheel-shell{position:relative;width:min(330px,80vw);aspect-ratio:1;border-radius:50%;padding:19px;background:radial-gradient(circle,#ad7a25 0 9%,#e2bf63 9% 13%,#5c3718 13% 16%,#d7ad50 16% 19%,#472a15 19% 22%,#cf9f42 22% 25%,#2d1b11 25% 100%);box-shadow:0 18px 36px rgba(0,0,0,.34),inset 0 0 0 3px rgba(255,226,155,.25)}
.gpe-wheel{
  position:relative;width:100%;height:100%;border-radius:50%;
  background:conic-gradient(from -4.86deg,
    #0c7752 0deg 9.73deg,
    #be3441 9.73deg 19.46deg,#151d22 19.46deg 29.19deg,#be3441 29.19deg 38.92deg,#151d22 38.92deg 48.65deg,
    #be3441 48.65deg 58.38deg,#151d22 58.38deg 68.11deg,#be3441 68.11deg 77.84deg,#151d22 77.84deg 87.57deg,
    #be3441 87.57deg 97.30deg,#151d22 97.30deg 107.03deg,#be3441 107.03deg 116.76deg,#151d22 116.76deg 126.49deg,
    #be3441 126.49deg 136.22deg,#151d22 136.22deg 145.95deg,#be3441 145.95deg 155.68deg,#151d22 155.68deg 165.41deg,
    #be3441 165.41deg 175.14deg,#151d22 175.14deg 184.87deg,#be3441 184.87deg 194.60deg,#151d22 194.60deg 204.33deg,
    #be3441 204.33deg 214.06deg,#151d22 214.06deg 223.79deg,#be3441 223.79deg 233.52deg,#151d22 233.52deg 243.25deg,
    #be3441 243.25deg 252.98deg,#151d22 252.98deg 262.71deg,#be3441 262.71deg 272.44deg,#151d22 272.44deg 282.17deg,
    #be3441 282.17deg 291.90deg,#151d22 291.90deg 301.63deg,#be3441 301.63deg 311.36deg,#151d22 311.36deg 321.09deg,
    #be3441 321.09deg 330.82deg,#151d22 330.82deg 340.55deg,#be3441 340.55deg 350.28deg,#151d22 350.28deg 360deg);
  border:5px solid #ead28e;
  box-shadow:inset 0 0 0 10px rgba(12,24,21,.68),inset 0 0 30px rgba(0,0,0,.38);
  transition:transform 2.35s cubic-bezier(.12,.68,.16,1)
}
.gpe-wheel::after{content:"";position:absolute;inset:38%;border-radius:50%;background:radial-gradient(circle,#e8cc77,#a16c20 55%,#442a13 100%);border:3px solid #f1d98b;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.gpe-wheel-label{position:absolute;left:50%;top:50%;width:24px;margin-left:-12px;margin-top:-9px;color:#fff;font-size:9px;font-weight:900;text-align:center;transform-origin:12px 9px;z-index:2;text-shadow:0 1px 2px #000}
.gpe-wheel-pointer{position:absolute;left:50%;top:-7px;z-index:6;width:0;height:0;transform:translateX(-50%);border-left:11px solid transparent;border-right:11px solid transparent;border-top:0;border-bottom:30px solid #f3d36f;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.gpe-wheel-ball{position:absolute;left:50%;top:11%;z-index:5;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.55);transform-origin:5px 125px;transition:transform 2.35s cubic-bezier(.12,.68,.16,1)}
.gpe-spin-btn{min-width:180px;min-height:48px;border:2px solid #efd47d;border-radius:999px;background:linear-gradient(180deg,#e4bc5b,#ad741d);color:#fff;font-weight:1000;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.gpe-spin-btn:disabled{opacity:.66;cursor:wait}
.gpe-roulette-table-panel{padding:15px;border-radius:18px;background:linear-gradient(180deg,#116147,#0b4937);border:1px solid rgba(228,205,139,.22);box-shadow:inset 0 0 40px rgba(0,0,0,.18)}
.gpe-table-top{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:11px}
.gpe-table-top strong{font-family:Georgia,"Times New Roman",serif;color:#f0d884;font-size:20px}
.gpe-table-top span{color:#bcd7cd;font-size:11px}
.gpe-number-board{display:grid;grid-template-columns:46px repeat(12,minmax(34px,1fr));gap:4px}
.gpe-num{
  min-height:42px;border:1px solid rgba(255,255,255,.34);border-radius:5px;color:#fff;font-weight:900;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)
}
.gpe-num.red{background:#ae2e3a}.gpe-num.black{background:#182126}.gpe-num.green{background:#0a704d}
.gpe-num.zero{grid-row:1/4}
.gpe-num.is-selected{outline:3px solid #ffd871;outline-offset:1px;transform:translateY(-1px)}
.gpe-outside-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:6px}
.gpe-outside{
  min-height:42px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(8,43,33,.72);color:#fff;font-size:11px;font-weight:850
}
.gpe-outside.red{background:#9c2c36}.gpe-outside.black{background:#182126}
.gpe-outside.is-selected{outline:3px solid #ffd871;outline-offset:1px}
.gpe-table-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}
.gpe-casino-stat{padding:9px 10px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(5,35,27,.5)}
.gpe-casino-stat span{display:block;color:#9fc3b8;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.gpe-casino-stat strong{display:block;margin-top:3px;color:#fff;font-size:14px;overflow-wrap:anywhere}
.gpe-casino-message{grid-column:1/-1;padding:9px 10px;border-radius:8px;background:rgba(4,31,24,.62);color:#d3e5df;font-size:12px;line-height:1.45;text-align:center}
.gpe-casino-message strong{color:#f3d779}
.gpe-history{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.gpe-history span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:10px;font-weight:900}
.gpe-history .red{background:#b3323e}.gpe-history .black{background:#182126}.gpe-history .green{background:#0d7753}
.gpe-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gpe-compare-card{padding:18px;border:1px solid var(--gpe-border);border-radius:15px;background:#fff}
.gpe-compare-card h3{margin:0 0 8px;color:var(--gpe-navy)}
.gpe-compare-card p{margin:0;color:var(--gpe-muted);line-height:1.6}
.gpe-note{margin-top:14px;padding:14px 16px;border-left:5px solid var(--gpe-gold);background:#fff9ec;border-radius:0 12px 12px 0;line-height:1.55}
@media(max-width:980px){
  .gpe-roulette-stage{grid-template-columns:1fr}
  .gpe-wheel-panel{padding-block:22px}
  .gpe-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .gpe-content-v10{width:min(100% - 18px,1220px);padding-top:16px}
  .gc-hero{padding:24px 20px}
  .gc-section-head{display:block}.gc-section-head p{margin-top:8px}
  .gpe-roulette-marquee{grid-template-columns:1fr}
  .gpe-roulette-meters{grid-template-columns:1fr 1fr}
  .gpe-number-board{grid-template-columns:40px repeat(6,minmax(35px,1fr))}
  .gpe-num.zero{grid-row:auto;grid-column:1/-1}
  .gpe-outside-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gpe-table-controls{grid-template-columns:1fr 1fr}
  .gpe-facts{grid-template-columns:1fr 1fr}
  .gpe-fields{grid-template-columns:1fr}
  .gpe-compare-grid{grid-template-columns:1fr}
}

/* Utility classes used by the WordPress build */
.gpe-mt-12{margin-top:12px!important}
.gpe-mt-14{margin-top:14px!important}
.gpe-mt-15{margin-top:15px!important}
.gpe-facts--2{grid-template-columns:1fr 1fr!important}

/* Compact entry for /ruleta/ */
.gpe-roulette-hub-module{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  margin:28px 0;
  padding:22px 24px;
  border:1px solid var(--gpe-border,#dbe3e8);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 18%,rgba(13,119,83,.12),transparent 15rem),
    #fff;
  box-shadow:var(--gpe-shadow,0 12px 34px rgba(18,42,58,.08));
}
.gpe-roulette-hub-module>div>span{
  display:inline-block;
  margin-bottom:6px;
  color:var(--gpe-teal,#177c7a);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.gpe-roulette-hub-module h2{
  margin:0 0 7px;
  color:var(--gpe-navy,#17324a);
  font-size:clamp(21px,3vw,29px);
  line-height:1.2;
}
.gpe-roulette-hub-module p{
  margin:0;
  color:var(--gpe-muted,#647482);
  line-height:1.65;
}
.gpe-roulette-hub-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 17px;
  border-radius:11px;
  background:var(--gpe-blue,#1f6fa8);
  color:#fff!important;
  font-weight:900;
  text-decoration:none!important;
  white-space:nowrap;
}
@media(max-width:700px){
  .gpe-roulette-hub-module{grid-template-columns:1fr}
  .gpe-roulette-hub-button{width:100%;box-sizing:border-box}
}


/* =========================================================
   ROULETTE TABLE LAYOUT PATCH v1.0.1
   Fixes two-digit wrapping and keeps a real 0 + 12-column layout.
========================================================= */
.gpe-roulette-stage{
  grid-template-columns:minmax(330px,380px) minmax(650px,1fr);
}
.gpe-roulette-table-panel{
  min-width:0;
  overflow-x:auto;
}
.gpe-number-board{
  grid-template-columns:50px repeat(12,minmax(42px,1fr));
  gap:4px;
  min-width:650px;
}
.gpe-num{
  min-width:0;
  min-height:46px;
  padding:4px 2px;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}
.gpe-num.zero{
  min-width:50px;
}
.gpe-outside-grid{
  grid-template-columns:repeat(6,minmax(96px,1fr));
  gap:5px;
  min-width:650px;
}
.gpe-outside{
  min-height:46px;
  padding:6px 7px;
  font-size:10px;
  line-height:1.15;
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}
.gpe-table-controls{
  grid-template-columns:repeat(4,minmax(145px,1fr));
  min-width:650px;
}
@media(max-width:1120px){
  .gpe-roulette-stage{
    grid-template-columns:1fr;
  }
  .gpe-wheel-panel{
    padding-block:22px;
  }
}
@media(max-width:720px){
  .gpe-number-board{
    grid-template-columns:50px repeat(12,44px);
    min-width:626px;
  }
  .gpe-num.zero{
    grid-row:1/4;
    grid-column:auto;
  }
  .gpe-outside-grid{
    grid-template-columns:repeat(6,98px);
    min-width:613px;
  }
  .gpe-table-controls{
    grid-template-columns:repeat(4,150px);
    min-width:621px;
  }
}


/* =========================================================
   ROULETTE RESPONSIVE TABLE PATCH v1.0.2
   Uses the tool container width, not the browser viewport.
========================================================= */
.gpe-roulette-casino{
  container-type:inline-size;
  container-name:gpe-roulette;
}
.gpe-roulette-table-panel{
  min-width:0;
  overflow:visible;
}
.gpe-number-board{
  grid-template-columns:42px repeat(12,minmax(0,1fr));
  min-width:0;
  gap:3px;
}
.gpe-num{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:3px 1px;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
.gpe-num.zero{
  min-width:0;
}
.gpe-outside-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  min-width:0;
  gap:4px;
}
.gpe-outside{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:5px 3px;
  font-size:9px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
}
.gpe-table-controls{
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-width:0;
  gap:6px;
}
.gpe-casino-stat{
  min-width:0;
}
.gpe-casino-stat input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

@container gpe-roulette (max-width: 980px){
  .gpe-roulette-stage{
    grid-template-columns:1fr;
  }
  .gpe-wheel-panel{
    padding-block:22px;
  }
  .gpe-roulette-table-panel{
    overflow:visible;
  }
  .gpe-number-board,
  .gpe-outside-grid,
  .gpe-table-controls{
    min-width:0;
  }
}

@container gpe-roulette (max-width: 680px){
  .gpe-roulette-marquee{
    grid-template-columns:1fr;
  }
  .gpe-roulette-meters{
    grid-template-columns:1fr 1fr;
  }
  .gpe-number-board{
    grid-template-columns:36px repeat(12,minmax(0,1fr));
    gap:2px;
  }
  .gpe-num{
    min-height:38px;
    font-size:10px;
    padding:2px 0;
  }
  .gpe-outside-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .gpe-outside{
    font-size:9px;
    min-height:40px;
  }
  .gpe-table-controls{
    grid-template-columns:1fr 1fr;
  }
}

@container gpe-roulette (max-width: 480px){
  .gpe-number-board{
    grid-template-columns:32px repeat(12,minmax(0,1fr));
  }
  .gpe-num{
    min-height:34px;
    font-size:9px;
  }
  .gpe-table-controls{
    grid-template-columns:1fr;
  }
}