/* ZORELO v4.3.0 – Spieltiefe, Balancing und Mein-ZORELO-Polish */

/* Mein ZORELO: mehr Farbe, mehr Bildwelt, weniger sterile Weißflächen */
.zorelo-profile-dashboard{
  background:
    radial-gradient(circle at 12% 0%,rgba(31,197,255,.10),transparent 24%),
    radial-gradient(circle at 92% 8%,rgba(180,62,255,.12),transparent 28%),
    linear-gradient(145deg,#ffffff 0%,#f7f9ff 45%,#f8f0ff 100%)!important;
  border-color:#d9e2f7!important;
}
.zorelo-profile-visual-ribbon{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:2px 0 22px;
}
.zorelo-profile-visual-ribbon .pic{
  position:relative;display:block;aspect-ratio:16/8.2;border-radius:22px;overflow:hidden;text-decoration:none!important;
  box-shadow:0 14px 30px rgba(30,45,100,.10);border:1px solid rgba(255,255,255,.8);isolation:isolate;
}
.zorelo-profile-visual-ribbon img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease;}
.zorelo-profile-visual-ribbon .pic:hover img{transform:scale(1.035)}
.zorelo-profile-visual-ribbon .pic:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(12,24,70,.82));z-index:1;}
.zorelo-profile-visual-ribbon .pic span{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;font-size:1rem;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.zorelo-profile-stat{background:linear-gradient(145deg,#fff,#f9fbff)!important;box-shadow:0 10px 24px rgba(39,58,120,.045)}
.zorelo-profile-stat:nth-child(2n) .ico{background:linear-gradient(135deg,#eef3ff,#f8eaff)!important}
.zorelo-profile-stat:nth-child(3n) .ico{background:linear-gradient(135deg,#e9fbff,#edf2ff)!important}
.zorelo-profile-panel{box-shadow:0 12px 32px rgba(35,52,105,.055)}
.zorelo-profile-daily-panel{background:linear-gradient(135deg,#fff9e9 0%,#fff 44%,#f4edff 100%)!important}
.zorelo-profile-panel.is-favorites{background:linear-gradient(145deg,#fff,#f2f8ff)!important}
.zorelo-profile-panel.is-bests{background:linear-gradient(145deg,#fff,#faf2ff)!important}
.zorelo-profile-panel.is-achievements{background:linear-gradient(145deg,#fff,#f8faff)!important}

.zorelo-profile-favorites a{grid-template-columns:78px 1fr auto!important;padding:8px!important;overflow:hidden}
.zorelo-profile-favorites .game-thumb{width:78px!important;height:58px!important;border-radius:13px;overflow:hidden;display:grid!important;place-items:center;background:#eef3ff;font-size:1.35rem!important}
.zorelo-profile-favorites .game-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.zorelo-profile-favorites strong{font-size:1.06rem!important}
.zorelo-profile-bests{grid-template-columns:1fr!important}
.zorelo-profile-bests a{grid-template-columns:76px 1fr auto!important;align-items:center;padding:9px!important;min-height:74px}
.zorelo-profile-bests .best-thumb{width:76px;height:56px;border-radius:13px;overflow:hidden;display:block}
.zorelo-profile-bests .best-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.zorelo-profile-bests .best-copy{min-width:0}
.zorelo-profile-bests .best-copy>span{display:block;color:#233b80;font-size:1.03rem}
.zorelo-profile-bests .best-copy small{display:block;margin-top:3px;color:#8190aa;font-size:.76rem}
.zorelo-profile-bests a>strong{font-size:1rem;white-space:nowrap}

/* Spielmodi */
.zorelo-mode-switcher{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 18px 14px;margin:0 auto 4px;
  color:#61739b;font-size:.9rem;
}
.zorelo-mode-switcher>span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#7583a0;margin-right:4px}
.zorelo-mode-switcher a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 14px;border-radius:999px;text-decoration:none!important;
  color:#304987;background:#fff;border:1px solid #d8e0f1;box-shadow:0 5px 14px rgba(33,53,112,.04)
}
.zorelo-mode-switcher a:hover{border-color:#9fb4ea;background:#f8fbff}
.zorelo-mode-switcher a.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2f70f4,#7250ed 55%,#b23ff1);box-shadow:0 10px 22px rgba(87,69,221,.22)}
.zorelo-game-toolbar-copy{white-space:nowrap}

/* unterschiedliche Zielgrößen in Trainingsmodi */
.zo-target.zo-target-easy{width:82px!important;height:82px!important}
.zo-target.zo-target-hard{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}

/* Trainingsresultat visuell kennzeichnen */
.zo-result-screen .zo-note{font-size:1rem!important}

@media(max-width:980px){
  .zorelo-profile-visual-ribbon{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .zorelo-profile-visual-ribbon{gap:9px}.zorelo-profile-visual-ribbon .pic{border-radius:17px}.zorelo-profile-visual-ribbon .pic span{font-size:.9rem;left:10px;bottom:9px}
  .zorelo-profile-favorites a{grid-template-columns:68px 1fr auto!important}.zorelo-profile-favorites .game-thumb{width:68px!important;height:52px!important}
  .zorelo-profile-bests a{grid-template-columns:64px 1fr!important}.zorelo-profile-bests .best-thumb{width:64px;height:48px}.zorelo-profile-bests a>strong{grid-column:2;justify-self:start}
  .zorelo-mode-switcher{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-left:2px;padding-right:2px}.zorelo-mode-switcher a{white-space:nowrap;flex:0 0 auto}.zorelo-mode-switcher>span{display:none}
}