*{box-sizing:border-box}:root{--bg:#d9d1e6;--card:#fff;--ink:#211c29;--muted:#6e6678;--line:rgba(31,26,38,.35);--purple:#6d3cff;--orange:#ff8a21;--blue:#0570e3}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#d9d1e6 0%,#efeaf5 48%,#fff 100%);color:var(--ink);min-height:100dvh;padding:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:760px;margin:0 auto}.product-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 12px}.product-tab{min-height:42px;border:1px solid var(--line);background:rgba(255,255,255,.58);color:#31283b;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;box-shadow:none;padding:0 7px;white-space:nowrap}.product-tab.active{background:linear-gradient(90deg,var(--orange),var(--blue));border-color:transparent;color:#fff}.product-tab.disabled{opacity:.45;cursor:not-allowed;background:rgba(255,255,255,.34);color:#92899b}.result-section{display:none}.result-section.active{display:block}.date-filter{display:flex;justify-content:flex-end;margin:7px 0 10px}.date-select{min-height:36px;border:1px solid var(--line);background:rgba(255,255,255,.72);color:#4e4659;border-radius:999px;padding:0 32px 0 12px;font-family:inherit;font-size:13px;font-weight:400;outline:none}.date-select:focus{border-color:rgba(5,112,227,.6)}.result-card,.panel{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:22px;padding:15px;margin:11px 0;box-shadow:none}.result-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(31,26,38,.14);margin-bottom:10px}.result-label{display:block;color:#7b7284;font-size:12px;font-weight:400;margin-bottom:2px}.result-head strong{display:block;font-size:18px;font-weight:500;color:#211c29}.date-pill{color:#5f566a;background:#fff;border:1px solid rgba(31,26,38,.18);border-radius:999px;padding:7px 10px;font-size:12.5px;font-weight:400;white-space:nowrap}.mod-row{display:grid;grid-template-columns:116px 1fr;gap:10px;align-items:center;padding:8px 0}.mod-row>span{color:#4f465c;font-size:13px;font-weight:500}.plus-row{border-top:1px solid rgba(31,26,38,.14);margin-top:3px;padding-top:11px}.balls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ball{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(31,26,38,.22);color:#0570e3;font-size:13px;font-weight:500;box-shadow:none}.plus-ball{background:rgba(255,138,33,.13);border-color:rgba(255,138,33,.38);color:#b25a00}.empty{background:rgba(255,255,255,.55);border:1px dashed rgba(31,26,38,.25);border-radius:18px;padding:16px;color:#7b7284;font-size:14px;font-weight:400;text-align:center}.admin-wrap{max-width:680px}.hero{background:rgba(255,255,255,.55);border:1px solid var(--line);color:#211c29;border-radius:24px;padding:18px;margin:10px 0 14px;box-shadow:none}.hero h1{margin:0 0 6px;font-size:26px;font-weight:500}.hero p,.hero-kicker{color:#695f74}.top-actions{display:flex;gap:8px;justify-content:flex-end;margin:8px 0 12px}.btn,button{min-height:43px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--blue));color:#fff;font-size:14.5px;font-weight:500;padding:0 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.secondary{background:#fff;color:#211c29;border:1px solid var(--line)}.edit-result-btn{margin-top:10px;min-height:34px;border-radius:999px;background:#fff;color:#0570e3;border:1px solid rgba(31,26,38,.22);font-size:12.5px;font-weight:500;padding:0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin:12px 0}.field label{display:block;color:#4f465c;font-size:13px;font-weight:500;margin-bottom:6px}.field input,.field select{width:100%;min-height:47px;border:1px solid var(--line);border-radius:14px;padding:0 12px;font-size:16px;color:#211c29;background:#fff;font-family:inherit;font-weight:400;outline:none}.game-fields h2,.recent-panel h2{margin:18px 0 10px;font-size:19px;font-weight:500}.recent-panel h3{margin:18px 0 8px;font-size:16px;font-weight:500;color:#3d344a}.small-card{background:rgba(255,255,255,.44)}.msg{background:#f3fff8;border:1px solid #bdebd2;color:#315d42;border-radius:16px;padding:12px;font-size:14px;line-height:1.38;margin:10px 0;font-weight:400}.msg.warn{background:#fff8eb;border-color:rgba(255,138,33,.45);color:#73552a}.muted,.admin-note{color:#776f80;font-size:13px;line-height:1.4;font-weight:400}.login-panel{max-width:420px;margin:18px auto}@media(max-width:520px){body{padding:13px}.product-tab{font-size:12px;min-height:40px;padding:0 5px}.mod-row{grid-template-columns:1fr;gap:6px}.ball{width:32px;height:32px;font-size:12.5px}.grid2{grid-template-columns:1fr}.result-head{align-items:flex-start}.date-pill{white-space:normal;text-align:right}}


/* ZJ requested-only overrides */
.product-tab.active,.btn,button{background:#ff8a21!important;color:#111!important;}
.btn.secondary,.edit-result-btn{background:#ff8a21!important;color:#111!important;border-color:rgba(17,17,17,.20)!important;}

/* ZJ v8: fondo blanco + botones gradient diagonal púrpura a azul */
html,body{background:#ffffff!important;}
.product-tab.active,
.btn,
button,
.btn.secondary,
.edit-result-btn{
  background:linear-gradient(135deg,#6d3cff 0%,#0570e3 100%)!important;
  color:#ffffff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* ZJ v9: cards, paneles y tabs en gris claro, sin bordes */
.hero,
.result-card,
.panel,
.small-card,
.empty,
.msg,
.date-select,
.date-pill,
.product-tab:not(.active),
.edit-result-btn:not(:hover){
  background:#f3f3f5!important;
  border:0!important;
  box-shadow:none!important;
}
.result-head,
.plus-row{border-color:transparent!important;}