body.cjg-standalone{margin:0;background:linear-gradient(180deg,#f4f8fb 0%,#eef6f1 100%);color-scheme:light}
.cjg,.cjg *{box-sizing:border-box}
.cjg{
  --primary:#0f9b78;
  --primary-2:#1677c8;
  --primary-soft:#ecfbf6;
  --accent:#ff9f3d;
  --accent-soft:#fff5e8;
  --bg:#f4f8fb;
  --surface:#ffffff;
  --surface-2:#f8fbfd;
  --border:#dfe8ee;
  --text:#122536;
  --muted:#66788a;
  --danger:#d14a45;
  --danger-soft:#fff3f1;
  --success:#148b59;
  --success-soft:#edf9f1;
  max-width:1140px;margin:0 auto;padding:18px 14px 28px;color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45;
}
.cjg button,.cjg input{font:inherit}.cjg a{color:var(--primary)}.cjg [hidden]{display:none!important}
.cjg-shell,.cjg-card,.cjg-stats{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(223,232,238,.95);
  border-radius:24px;
  box-shadow:0 12px 30px rgba(15,35,52,.06), 0 2px 8px rgba(15,35,52,.03);
  backdrop-filter:blur(6px);
}
.cjg-shell{padding:18px 20px;margin-bottom:16px;position:relative;overflow:hidden}
.cjg-shell:before{content:"";position:absolute;inset:auto -80px -80px auto;width:220px;height:220px;background:radial-gradient(circle at center, rgba(22,119,200,.12), transparent 66%);pointer-events:none}
.cjg-shell:after{content:"";position:absolute;inset:-90px auto auto -90px;width:220px;height:220px;background:radial-gradient(circle at center, rgba(15,155,120,.10), transparent 66%);pointer-events:none}
.cjg-topbar,.cjg-card-top,.cjg-section-header,.cjg-rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cjg-topbar{margin-bottom:12px;position:relative;z-index:1}
.cjg-topbar-right,.cjg-hero-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cjg-chip,.cjg-hero-pills span,.cjg-counter,.cjg-remaining{
  display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em
}
.cjg-chip-soft,.cjg-counter,.cjg-remaining{background:#f5f9fb;color:#516473;border:1px solid #e4ebf0}
.cjg-chip-accent{background:var(--accent-soft);color:#9e5b09;border:1px solid #ffd7ab}
.cjg-hero-pills span{background:#fff;border:1px solid #e4ebf0;color:#546676;box-shadow:0 4px 14px rgba(15,35,52,.03)}
.cjg-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;position:relative;z-index:1}
.cjg-eyebrow{margin:0 0 6px!important;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--primary)}
.cjg-intro h1{font-size:clamp(32px,4.2vw,48px);line-height:.98;letter-spacing:-.05em;margin:0 0 9px}
.cjg-intro h1 em{font-style:normal;background:linear-gradient(135deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.cjg-lead{margin:0;max-width:720px;color:var(--muted);font-size:15px;line-height:1.6}

.cjg-daily-start{padding:22px 22px 18px;background:linear-gradient(135deg,#ffffff 0%,#f0fbf7 54%,#f7fbff 100%);border-color:#dcebe4;margin-bottom:16px}
.cjg-start-copy{max-width:760px}.cjg-start-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:#9c5a03;border:1px solid #ffd8a8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.cjg-start-copy strong{display:block;font-size:24px;line-height:1.05;letter-spacing:-.03em;margin-bottom:7px}.cjg-start-copy p{margin:0;color:#607181;font-size:14px;max-width:690px}.cjg-daily-start form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.cjg-daily-start input{flex:1;min-width:240px;min-height:52px;padding:0 16px;border-radius:16px;border:1.5px solid #d6e4de;background:#fff;color:#173243;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.cjg-daily-start input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,155,120,.10)}.cjg-daily-start button{min-height:52px;border:0;border-radius:16px;padding:0 18px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 24px rgba(22,119,200,.18)}

.cjg-live-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;margin-bottom:16px;align-items:stretch}
.cjg-timer-box{position:relative;padding:12px 16px;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f6fbff 100%);border:1px solid #d9e6ee;box-shadow:0 10px 24px rgba(15,35,52,.05);overflow:hidden}
.cjg-timer-box:before{content:"";position:absolute;inset:auto -24px -36px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at center, rgba(22,119,200,.10), transparent 67%)}
.cjg-timer-kicker{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#5a7287;margin-bottom:4px}
.cjg-timer-box strong{display:block;font-size:26px;line-height:1.1;font-weight:900;color:#10324c;font-variant-numeric:tabular-nums}
.cjg-timer-track{display:none!important}
.cjg-player-pill{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f0fbf7 100%);border:1px solid #d8ebe3;color:#10324c;font-size:22px;font-weight:900;box-shadow:0 10px 24px rgba(15,35,52,.05);text-align:center}

.cjg-alert{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:var(--danger-soft);color:var(--danger);border:1px solid #f1c5c0;font-size:13px;font-weight:700}
.cjg-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:16px;align-items:start}
.cjg-side{display:grid;gap:16px}.cjg-card{padding:18px}
.cjg-card-top{margin-bottom:12px}.cjg-label-tag{display:inline-block;margin-bottom:5px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--primary)}.cjg-card-title,.cjg-section-header h2{margin:0;font-size:22px;line-height:1.06;letter-spacing:-.03em}

.cjg-hero{display:grid;grid-template-columns:94px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:22px;background:linear-gradient(135deg,#fbfffd 0%,#f6fbff 100%);border:1px solid #e5eff3}
.cjg-mystery{position:relative;width:94px;height:94px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#edf8f3,#dceee4);border:1px solid #d4e6dc;overflow:hidden}
.cjg-mystery:before{content:"";position:absolute;inset:10px;border-radius:18px;border:1px dashed rgba(15,155,120,.22)}
.cjg-mystery svg{width:76px;height:76px;opacity:.95;transform:translateY(8px)}
.cjg-question{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--primary);font-size:19px;font-weight:900;box-shadow:0 8px 18px rgba(15,35,52,.08)}
.cjg-avatar-face{width:100%;height:100%;object-fit:cover;display:block}.cjg-mystery.has-photo{background:#fff;border-color:#e3ebef}.cjg-hero-copy h2{margin:0 0 3px;font-size:20px;line-height:1.08;letter-spacing:-.03em}.cjg-hero-copy p{margin:0;color:var(--muted);font-size:14px}

.cjg-progress-wrap{margin-top:14px;padding:14px 14px 12px;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%);border:1px solid #e5edf2}.cjg-progress-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#6c7e8f;font-weight:800;margin-bottom:10px}.cjg-progress{display:flex;gap:8px}.cjg-step{flex:1;min-width:0;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #dde6ec;color:#8294a4;font-size:15px;font-weight:900}.cjg-step.is-current{background:linear-gradient(135deg,#effaf6,#e8f4ff);border-color:#cce1d8;color:var(--primary)}.cjg-step.is-bad{background:var(--danger-soft);border-color:#efc1bd;color:var(--danger)}.cjg-step.is-good{background:var(--success-soft);border-color:#bde0cd;color:var(--success)}

.cjg-play-area{margin-top:16px}.cjg-label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}.cjg-input-wrap{position:relative}.cjg-input-wrap input{width:100%;min-height:54px;padding:15px 46px 15px 16px;background:#fff;border:1.5px solid #d7e3ea;border-radius:16px;font-size:16px;color:#203240;outline:none;transition:.16s ease}.cjg-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(15,155,120,.10)}.cjg-input-wrap input::placeholder{color:#9aa7b3}.cjg-search-icon{position:absolute;right:14px;top:13px;font-size:24px;color:#748698;pointer-events:none}.cjg-suggestions{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #dbe5eb;border-radius:16px;max-height:260px;overflow-y:auto;box-shadow:0 18px 36px rgba(15,35,52,.12)}.cjg-suggestion{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:#fff;color:#1e2f3e;border:0;padding:12px 14px;border-bottom:1px solid #eef3f6}.cjg-suggestion:last-child{border-bottom:0}.cjg-suggestion:hover,.cjg-suggestion:focus{background:#f7fbfc}.cjg-suggestion strong{display:block;font-size:14px}.cjg-suggestion small{display:block;margin-top:2px;color:#7b8794;font-size:11px}.cjg-suggestion b{font-size:18px;color:var(--primary)}.cjg-search-empty{padding:14px;font-size:12px;color:#687684}.cjg-primary{width:100%;display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:16px;min-height:52px;padding:14px 16px;font-size:15px;font-weight:800;text-decoration:none;transition:.16s ease;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 14px 28px rgba(22,119,200,.16);margin-top:12px}.cjg-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(22,119,200,.18)}.cjg-primary:disabled{background:#b8d3ca;box-shadow:none;cursor:not-allowed;transform:none}.cjg-input-help{font-size:11px;color:#8895a0;text-align:center;margin:8px 0 0}

.cjg-clues{display:grid;gap:10px;margin-top:14px}.cjg-clue{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fbfdfd 0%,#f7fafc 100%);border:1px solid #e6eef2;border-radius:18px;padding:14px}.cjg-clue-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#fff8e8,#f4fbff);border:1px solid #e6edf0;border-radius:12px;font-size:17px}.cjg-clue strong{display:block;font-size:10px;color:#7c8c99;font-weight:900;margin-bottom:4px;text-transform:uppercase;letter-spacing:.09em}.cjg-clue p{margin:0;font-size:14px;font-weight:800;color:#223443;line-height:1.42}.cjg-clue.is-locked{background:#fafcfd;border-style:dashed}.cjg-clue.is-locked .cjg-clue-icon{background:#f3f6f8;filter:grayscale(1);opacity:.75}.cjg-clue.is-locked strong,.cjg-clue.is-locked p{color:#aab3bb}.cjg-clue.cjg-clue-new{border-color:#ffd7ab;background:linear-gradient(135deg,#fffaf3 0%,#ffffff 100%)}
.cjg-empty,.cjg-loading{font-size:13px;color:#768391;margin:12px 0 0}.cjg-history-item{background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%);border:1px solid #e7eef2;border-radius:16px;padding:12px;margin-bottom:8px}.cjg-history-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.cjg-history-title strong{font-weight:900}.cjg-history-title .cjg-result{color:var(--danger);font-weight:900;font-size:12px;white-space:nowrap}.cjg-history-title .cjg-result.yes{color:var(--success)}

.cjg-finish{text-align:center;padding-top:4px}.cjg-finish-icon{font-size:36px}.cjg-finish h3{margin:10px 0 6px;font-size:28px;line-height:1.02;letter-spacing:-.04em}.cjg-finish p{font-size:14px;color:var(--muted);margin:0 auto;max-width:720px}.cjg-story-heading{margin:18px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--primary);font-weight:900}.cjg-story{font-size:15px;line-height:1.7}.cjg-story-author{margin-top:8px!important;font-size:13px!important;font-weight:800;color:#42596c!important}.cjg-contribute{margin:18px auto 0;max-width:760px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#fffaf3 0%,#fff 100%);border:1px solid #ffe1b8;text-align:left}.cjg-contribute strong{display:block;font-size:17px;color:#7c4a0b;margin-bottom:4px}.cjg-contribute p{margin:0 0 10px;color:#765529}.cjg-contribute a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #ffd7ab;font-weight:800;color:#95560b;text-decoration:none}.cjg-sources{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.cjg-source{text-decoration:none;font-weight:800;color:#8e550a;background:var(--accent-soft);border:1px solid #ffd8aa;padding:8px 11px;border-radius:999px;font-size:12px}

.cjg-daily-rank{margin-top:16px}.cjg-rank-head{display:grid;grid-template-columns:minmax(0,1fr) 70px 74px;gap:10px;color:#80909d;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:0 6px 8px}.cjg-rank-list{list-style:none;margin:0;padding:0}.cjg-rank-list li{display:grid;grid-template-columns:minmax(0,1fr) 70px 74px;gap:10px;align-items:center;padding:12px 8px;border-top:1px solid #edf2f5;font-size:13px;border-radius:12px}.cjg-rank-list li strong{font-size:15px;color:var(--primary)}.cjg-rank-list li.is-you{background:#f6fbfd;border:1px solid #e4ecef;margin-top:6px}
.cjg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;overflow:hidden}.cjg-stats>div{text-align:center;padding:16px 10px;border-right:1px solid #edf1f3;display:grid;gap:4px}.cjg-stats>div:last-child{border-right:0}.cjg-stats strong{font-size:26px;line-height:1;color:#0f2d45}.cjg-stats span{font-size:11px;color:#6b7784;font-weight:800}

.cjg-floaters{position:fixed;right:18px;bottom:22px;z-index:9999;display:grid;gap:8px;pointer-events:none}.cjg-floater{max-width:min(86vw,360px);padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fff8ef 0%,#ffffff 100%);border:1px solid #ffd3ad;box-shadow:0 16px 34px rgba(68,38,7,.12);color:#8f5100;font-size:13px;font-weight:800;opacity:0;transform:translateY(18px) scale(.95);transition:opacity .25s ease, transform .35s ease}.cjg-floater.is-visible{opacity:1;transform:translateY(0) scale(1)}

@media (max-width:980px){
  .cjg-layout{grid-template-columns:1fr}
  .cjg-intro{grid-template-columns:1fr}
}
@media (max-width:720px){
  .cjg{padding:12px 10px 22px}
  .cjg-shell,.cjg-card,.cjg-stats{border-radius:20px}
  .cjg-shell,.cjg-card{padding:16px}
  .cjg-intro h1{font-size:34px}
  .cjg-lead{font-size:14px}
  .cjg-hero-pills{gap:6px}.cjg-hero-pills span{font-size:10px;padding:7px 10px}
  .cjg-live-row{grid-template-columns:1fr;gap:10px}
  .cjg-player-pill{font-size:18px;min-height:58px}
  .cjg-timer-box strong{font-size:24px}
  .cjg-hero{grid-template-columns:1fr;text-align:center}
  .cjg-mystery{margin:0 auto}
  .cjg-hero-copy h2{font-size:24px}
  .cjg-rank-head,.cjg-rank-list li{grid-template-columns:minmax(0,1fr) 56px 66px}
  .cjg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cjg-stats>div:nth-child(2){border-right:0}
  .cjg-stats>div:nth-child(-n+2){border-bottom:1px solid #edf1f3}
  .cjg-floaters{left:10px;right:10px;bottom:18px}
}
@media (prefers-reduced-motion:reduce){.cjg *, .cjg *::before, .cjg *::after{animation:none!important;transition:none!important}}

/* Cabecera compacta, cronómetro y alias junto al día */
.cjg.cjg-embedded .cjg-shell{padding:13px 16px 15px;margin-bottom:13px;border-radius:20px}
.cjg .cjg-topbar{margin-bottom:8px}
.cjg .cjg-topbar-right{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.cjg .cjg-chip-accent{font-size:10px;white-space:nowrap;padding:6px 10px;min-height:32px}
.cjg .cjg-live-row{display:inline-flex;align-items:center;grid-template-columns:none;gap:7px;margin:0;width:auto;flex:0 1 auto}
.cjg .cjg-timer-box{display:inline-flex;align-items:center;gap:5px;min-height:32px;border-radius:999px;padding:5px 10px;background:#eef9f5;border:1px solid #cfe6da;box-shadow:none;white-space:nowrap}
.cjg .cjg-timer-box:before{display:none}
.cjg .cjg-timer-kicker{display:inline;margin:0;font-size:13px;line-height:1;letter-spacing:0;color:#0f744f;font-weight:600}
.cjg .cjg-timer-box strong{display:inline;margin:0;font-size:14px;line-height:1;color:#135b42;font-weight:900;font-variant-numeric:tabular-nums}
.cjg .cjg-timer-track{display:none!important}
.cjg .cjg-player-pill{display:inline-flex;min-width:0;max-width:240px;min-height:32px;padding:5px 11px;border-radius:999px;align-items:center;justify-content:center;background:#f2f8ff;border:1px solid #d5e7f7;box-shadow:none;color:#16476e;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cjg .cjg-intro{display:block}
.cjg .cjg-intro h1{font-size:clamp(25px,3.3vw,36px);margin:0 0 5px;line-height:1.04;letter-spacing:-.045em}
.cjg .cjg-eyebrow{font-size:10px;margin:0 0 5px!important}
.cjg .cjg-lead{font-size:13px;max-width:700px;line-height:1.45}
.cjg .cjg-hero-pills{display:none!important}
.cjg .cjg-daily-start{padding:16px 17px}
/* Buscador: escudo a la izquierda, nombre y debajo posición */
.cjg .cjg-suggestion{display:flex;justify-content:initial;align-items:center;gap:11px;min-height:64px;padding:9px 11px}
.cjg .cjg-suggestion-crest{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#f7f9fb;border:1px solid #e9eff2}
.cjg .cjg-suggestion-shield{display:block;width:40px;height:40px;object-fit:contain}
.cjg .cjg-suggestion-crest-fallback{display:grid;place-items:center;font-size:19px}
.cjg .cjg-suggestion-details{display:block;min-width:0;flex:1}
.cjg .cjg-suggestion-details strong{display:block;color:#183143;font-size:14px;font-weight:800;line-height:1.25}
.cjg .cjg-suggestion-details small{display:block;margin-top:3px;color:#728292;font-size:11px;font-weight:650}
.cjg .cjg-suggestion-plus{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:#effaf5;color:#0f8b61;font-size:17px}
.cjg .cjg-suggestion:hover,.cjg .cjg-suggestion:focus-visible{background:#f5fbf8}
@media(max-width:680px){
 .cjg.cjg-embedded{padding-top:7px}
 .cjg.cjg-embedded .cjg-shell{padding:11px 12px 12px;margin-bottom:10px;border-radius:17px}
 .cjg .cjg-topbar{margin-bottom:7px}
 .cjg .cjg-topbar-right{gap:5px}
 .cjg .cjg-chip-accent{font-size:9px;padding:5px 8px;min-height:29px}
 .cjg .cjg-live-row{display:inline-flex;gap:5px}
 .cjg .cjg-timer-box,.cjg .cjg-player-pill{min-height:29px;padding:5px 7px}
 .cjg .cjg-timer-box strong{font-size:13px}
 .cjg .cjg-player-pill{font-size:11px;max-width:120px}
 .cjg .cjg-intro h1{font-size:24px;margin-bottom:5px}
 .cjg .cjg-lead{font-size:12px;line-height:1.42}
 .cjg .cjg-eyebrow{font-size:9px;letter-spacing:.13em}
 .cjg .cjg-daily-start{padding:13px}
 .cjg .cjg-start-copy strong{font-size:19px}
 .cjg .cjg-hero{grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:10px}
 .cjg .cjg-mystery{width:66px;height:66px;margin:0;border-radius:16px}
 .cjg .cjg-mystery svg{width:56px;height:56px;transform:translateY(5px)}
 .cjg .cjg-mystery:before{inset:5px;border-radius:13px}
 .cjg .cjg-question{top:4px;right:4px;width:23px;height:23px;font-size:15px}
 .cjg .cjg-hero-copy h2{font-size:18px}
 .cjg .cjg-hero-copy p{font-size:11px;line-height:1.4}
 .cjg .cjg-suggestion{min-height:58px;gap:9px;padding:8px 10px}
 .cjg .cjg-suggestion-crest{width:43px;height:43px;flex-basis:43px}
 .cjg .cjg-suggestion-shield{width:37px;height:37px}
}


/* Historial y clasificación - diseño responsive v10 (no altera APIs, intentos ni ranking) */
.cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"],
.cjg .cjg-daily-rank{min-width:0;overflow:hidden}
.cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"] .cjg-section-header,
.cjg .cjg-daily-rank .cjg-section-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-bottom:12px}
.cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"] .cjg-section-header>div,
.cjg .cjg-daily-rank .cjg-section-header>div{min-width:0}
.cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"] .cjg-section-header h2,
.cjg .cjg-daily-rank .cjg-section-header h2{font-size:19px;line-height:1.15;letter-spacing:-.025em;margin:0}
.cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"] .cjg-counter{flex:none;padding:6px 10px;white-space:nowrap}

/* Intentos: número, nombre y resultado, cada cosa con su espacio */
.cjg #cjg-history{display:grid;gap:7px;min-width:0}
.cjg #cjg-history .cjg-empty{margin:0;padding:12px;border-radius:13px;background:#f7fafc}
.cjg #cjg-history .cjg-history-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0;padding:9px 10px;min-width:0;border:1px solid #e4ebf0;border-radius:13px;background:#f9fbfd;box-shadow:none}
.cjg #cjg-history .cjg-history-item.cjg-history-correct{background:#f0fbf4;border-color:#cbe9d7}
.cjg #cjg-history .cjg-history-index{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;flex:none;background:#e8eef3;color:#5c7083;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.cjg #cjg-history .cjg-history-correct .cjg-history-index{background:#d5efdf;color:#147546}
.cjg #cjg-history .cjg-history-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d3445;font-size:13px;line-height:1.3;font-weight:800}
.cjg #cjg-history .cjg-result{display:inline-flex;justify-content:center;align-items:center;flex:none;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;line-height:1.25;color:#c24c47;background:#fff0ef;border:1px solid #f5d8d5}
.cjg #cjg-history .cjg-result.yes{color:#14764d;background:#e0f6e9;border-color:#bce4cd}

/* Ranking: datos como microtarjetas legibles en una sola fila */
.cjg .cjg-daily-rank{margin-top:13px;padding:16px}
.cjg .cjg-daily-rank .cjg-section-header{margin-bottom:4px}
.cjg .cjg-rank-hint{margin:4px 0 12px;font-size:12px;color:#64798b;line-height:1.4}
.cjg .cjg-rank-head{display:none!important}
.cjg .cjg-rank-list{display:grid;gap:7px;list-style:none;margin:0;padding:0;min-width:0}
.cjg .cjg-rank-list li.cjg-rank-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:9px 10px;min-width:0;border:1px solid #e5edf1;border-radius:13px;background:#fff;font-size:13px;box-shadow:none}
.cjg .cjg-rank-list li.cjg-rank-entry.cjg-rank-you{background:#eefaF5;border-color:#bde5d4}
.cjg .cjg-rank-person{display:flex;align-items:center;gap:8px;min-width:0}
.cjg .cjg-rank-position{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#edf1f5;color:#697989;font-size:12px;font-weight:900}
.cjg .cjg-rank-position-1{background:#fff0c4;color:#966303}
.cjg .cjg-rank-position-2{background:#e6edf4;color:#52657b}
.cjg .cjg-rank-position-3{background:#f7e7d9;color:#a06d45}
.cjg .cjg-rank-name-wrap{display:flex;align-items:center;gap:4px;min-width:0;flex:1}
.cjg .cjg-rank-alias{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;color:#1b3142;font-weight:750}
.cjg .cjg-rank-own{display:inline-block;flex:none;padding:2px 5px;border-radius:6px;background:#cff0df;color:#116845;font-size:9px;font-weight:900}
.cjg .cjg-rank-metrics{display:flex;align-items:center;gap:5px;flex:none}
.cjg .cjg-rank-metric{display:grid;place-items:center;align-content:center;min-width:44px;min-height:39px;padding:5px 6px;border-radius:9px;background:#f3f7fa;border:1px solid #e8eef2;line-height:1.15;white-space:nowrap}
.cjg .cjg-rank-clues{background:#edf9f3;border-color:#ddf0e4}
.cjg .cjg-rank-metric strong{display:block;font-size:13px;font-weight:900;color:#153b50;font-variant-numeric:tabular-nums;line-height:1.05}
.cjg .cjg-rank-clues strong{color:#11815b}
.cjg .cjg-rank-metric small{display:block;margin-top:3px;font-size:9px;font-weight:800;letter-spacing:.01em;color:#7b8b99}
.cjg .cjg-rank-list li.cjg-rank-empty{display:block;grid-template-columns:none;background:#f8fbfd;border:1px dashed #d9e4ec;border-radius:12px;padding:13px;color:#6c7d89;font-size:12px;text-align:center}
@media(max-width:680px){
  .cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"]{padding:13px 12px}
  .cjg .cjg-daily-rank{padding:13px 12px;margin-top:11px}
  .cjg .cjg-side .cjg-card[aria-labelledby="cjg-history-heading"] .cjg-section-header h2,
  .cjg .cjg-daily-rank .cjg-section-header h2{font-size:17px}
  .cjg .cjg-rank-hint{font-size:11px;margin:4px 0 11px}
  .cjg #cjg-history .cjg-history-item{padding:7px 8px;gap:7px;grid-template-columns:25px minmax(0,1fr) auto}
  .cjg #cjg-history .cjg-history-index{width:25px;height:25px;border-radius:8px}
  .cjg #cjg-history .cjg-history-name{font-size:12px}
  .cjg #cjg-history .cjg-result{padding:4px 6px;font-size:9px}
  .cjg .cjg-rank-list li.cjg-rank-entry{padding:8px 7px;gap:5px}
  .cjg .cjg-rank-person{gap:6px}
  .cjg .cjg-rank-position{width:25px;height:25px;flex-basis:25px;border-radius:8px;font-size:11px}
  .cjg .cjg-rank-alias{font-size:12px}
  .cjg .cjg-rank-metrics{gap:4px}
  .cjg .cjg-rank-metric{min-width:39px;min-height:36px;padding:4px 5px;border-radius:8px}
  .cjg .cjg-rank-metric strong{font-size:12px}
  .cjg .cjg-rank-metric small{font-size:8px}
}
@media(max-width:360px){
  .cjg .cjg-rank-list li.cjg-rank-entry{padding:7px 6px;gap:4px}
  .cjg .cjg-rank-name-wrap{gap:3px}
  .cjg .cjg-rank-metric{min-width:36px;padding:3px 4px}
  .cjg .cjg-rank-position{width:23px;height:23px;flex-basis:23px}
  .cjg #cjg-history .cjg-history-item{grid-template-columns:23px minmax(0,1fr) auto}
  .cjg #cjg-history .cjg-history-index{width:23px;height:23px}
}

/* Paginación del ranking diario: páginas de 10 y puesto propio */
.cjg .cjg-rank-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;color:#70818f;font-size:11px;font-weight:700}
.cjg .cjg-rank-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #e7edf1}
.cjg .cjg-rank-pagination button{border:1px solid #d5e5dd;background:#f0f9f5;color:#106b4e;min-height:39px;padding:8px 12px;border-radius:11px;font-size:12px;font-weight:900;cursor:pointer;transition:background .15s ease}
.cjg .cjg-rank-pagination button:hover:not(:disabled){background:#def4e9}
.cjg .cjg-rank-pagination button:disabled{opacity:.35;cursor:not-allowed}
.cjg .cjg-rank-pagination span{color:#526779;font-size:12px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.cjg .cjg-rank-mine{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid #bde5d4;background:linear-gradient(100deg,#edf9f3,#f8fdfb);border-radius:12px}
.cjg .cjg-rank-mine-label{color:#367b61;font-size:12px;font-weight:800}
.cjg .cjg-rank-mine strong{font-size:19px;color:#11704c;letter-spacing:-.03em}
.cjg .cjg-rank-mine-details{color:#516c5f;font-size:11px;font-weight:800}
@media(max-width:380px){.cjg .cjg-rank-pagination{gap:5px}.cjg .cjg-rank-pagination button{padding:7px 9px;font-size:11px}.cjg .cjg-rank-pagination span{font-size:10px}.cjg .cjg-rank-mine{gap:7px;padding:9px 10px}}

/* Saltar directamente al puesto propio; números de puesto de 4+ cifras. */
.cjg .cjg-rank-jump{margin-left:auto;padding:6px 10px;min-height:31px;border-radius:9px;border:1px solid #9ed5bb;background:#fff;color:#0a7651;font-size:11px;font-weight:900;cursor:pointer}
.cjg .cjg-rank-jump:hover{background:#e1f4e9}
.cjg .cjg-rank-position{width:auto;min-width:28px;padding:0 4px;flex:0 0 auto}
@media(max-width:380px){.cjg .cjg-rank-jump{margin-left:0}.cjg .cjg-rank-position{width:auto;min-width:24px;flex:0 0 auto}}