/* Spiel – RGB-Checker */
.spiel-hero .spiel-btn-start{
  display:inline-block;
  margin-top:8px;
  min-width:220px;
}

.spiel-wrap{
  max-width:720px;
  margin:0 auto;
  min-height:420px;
}

.spiel-phase{
  text-align:center;
}

.spiel-karte{
  padding:28px 24px;
  border-radius:14px;
  border:2px solid rgba(233,30,129,.4);
  background:linear-gradient(160deg,var(--color-surface),var(--color-surface-muted));
  text-align:left;
}

.spiel-karte h3{
  margin:0 0 16px;
  font-family:inherit;
  font-size:12px;
  color:#00b4a0;
  line-height:1.6;
  text-align:center;
}

.spiel-regeln{
  max-width:520px;
  margin:0 auto 12px;
  padding:0 14px;
  color:#ccc;
  font-size:14px;
  line-height:1.6;
  text-align:center;
}

.spiel-regeln strong{color:#E91E81}

.spiel-rabatt-regel{
  max-width:520px;
  margin:0 auto 22px;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(0,180,160,.25);
  background:rgba(0,180,160,.06);
  color:#bbb;
  font-size:13px;
  line-height:1.55;
  text-align:center;
}

.spiel-rabatt-regel strong{color:#00b4a0}

.spiel-rabatt-beispiel{
  display:block;
  margin:6px 0;
  color:#ccc;
  font-size:12px;
}

.spiel-btn-start{
  display:block;
  width:100%;
  max-width:280px;
  margin:0 auto;
}

.spiel-countdown-text{
  font-family:inherit;
  font-size:clamp(18px,5vw,28px);
  color:#00b4a0;
  text-shadow:0 0 24px rgba(0,180,160,.5);
  margin:80px 0;
  line-height:1.5;
}

.spiel-countdown-text.spiel-pop{
  animation:spielPop .45s ease;
}

@keyframes spielPop{
  0%{transform:scale(.7);opacity:.3}
  60%{transform:scale(1.08)}
  100%{transform:scale(1);opacity:1}
}

.spiel-phase-hint{
  margin:0 0 12px;
  font-size:15px;
  color:#aaa;
}

.spiel-memorize-timer{
  font-family:inherit;
  font-size:48px;
  color:#E91E81;
  text-shadow:0 0 20px rgba(233,30,129,.5);
  margin:0 0 20px;
  line-height:1;
}

.spiel-gb{
  margin:0 auto;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.5));
}

.spiel-gb-svg{
  width:100%;
  height:auto;
  display:block;
}

.spiel-gb--lg{width:min(200px,58vw)}
.spiel-gb--md{width:150px}
.spiel-gb--sm{width:105px}

.spiel-guess-layout{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin-top:8px;
}

.spiel-sliders{
  flex:1;
  min-width:240px;
  max-width:320px;
  text-align:left;
}

.spiel-slider{
  display:block;
  margin-bottom:18px;
}

.spiel-slider span{
  display:flex;
  justify-content:space-between;
  font-size:13px;
  font-weight:bold;
  margin-bottom:8px;
}

.spiel-slider--r span{color:#ff6b6b}
.spiel-slider--g span{color:#51cf66}
.spiel-slider--b span{color:#74c0fc}

.spiel-slider input[type="range"]{
  width:100%;
  accent-color:#00b4a0;
  cursor:pointer;
}

.spiel-farbe-vorschau{
  display:flex;
  align-items:center;
  gap:12px;
  margin:20px 0;
  font-size:13px;
  color:#888;
}

.spiel-farbe-vorschau div{
  width:48px;
  height:48px;
  border-radius:10px;
  border:2px solid rgba(255,255,255,.2);
  box-shadow:0 4px 12px rgba(0,0,0,.35);
}

.spiel-sliders .button{
  width:100%;
  margin-top:4px;
}

.spiel-score{
  font-family:inherit;
  font-size:clamp(32px,10vw,52px);
  margin:0 0 12px;
  line-height:1.2;
}

.spiel-score--high{color:#00b4a0;text-shadow:0 0 24px rgba(0,180,160,.45)}
.spiel-score--mid{color:#ffd43b;text-shadow:0 0 20px rgba(255,212,59,.35)}
.spiel-score--low{color:#E91E81;text-shadow:0 0 20px rgba(233,30,129,.35)}

.spiel-score-label{
  margin:0 0 28px;
  font-size:15px;
  color:#aaa;
}

.spiel-result-vergleich{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
  margin-bottom:28px;
}

.spiel-result-box{
  padding:18px 16px;
  border-radius:14px;
  border:2px solid rgba(0,180,160,.3);
  background:var(--color-surface);
  min-width:160px;
}

.spiel-result-titel{
  display:block;
  font-size:11px;
  font-weight:bold;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#888;
  margin-bottom:12px;
}

.spiel-result-box code{
  display:block;
  margin-top:8px;
  font-size:11px;
  color:#888;
  word-break:break-all;
}

.spiel-fun-msg{
  margin:0 auto 18px;
  max-width:520px;
  padding:12px 14px;
  border-radius:10px;
  background:rgba(233,30,129,.1);
  border:1px solid rgba(233,30,129,.35);
  color:#ddd;
  font-size:14px;
  line-height:1.55;
  text-align:center;
}


.community-page{--color-surface:#fff;--color-surface-muted:#f4efff;max-width:1050px;margin:40px auto;padding:24px;line-height:1.7;color:#292436}
.community-page .page-hero{margin:28px 0;text-align:center}.community-page h1{font-size:clamp(28px,4vw,44px);line-height:1.2}.community-page h3{font-size:22px;line-height:1.4}
.community-page .spiel-regeln,.community-page .spiel-phase-hint,.community-page .spiel-score-label,.community-page .spiel-fun-msg{color:#51495d}.community-page .spiel-slider--g span{color:#257037}.community-page .spiel-slider--r span{color:#b93030}.community-page .spiel-slider--b span{color:#285ab1}
.community-page [hidden]{display:none!important}.community-page button{min-height:44px}.community-page input[type=range]{min-height:44px}
.bewertungen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bewertung-karte,.geschichte-karte{background:white;border:1px solid #e5ddec;border-radius:18px;padding:24px;margin:0}.stars{color:#8051ac;letter-spacing:3px}.bewertung-meta,.bewertungen-hinweis{color:#625b6e;font-size:14px}
.geschichte-page{max-width:1120px}.geschichte-page .page-hero{position:relative;min-height:330px;padding:56px 46% 48px 48px;border-radius:28px;background:linear-gradient(135deg,#291b43,#68439a);color:#fff;text-align:left;overflow:hidden}.geschichte-page .page-hero h1{color:#fff}.geschichte-page .section-intro{color:#e5d9f7}.geschichte-hero-image{position:absolute;right:6%;bottom:-12%;width:34%;height:110%;object-fit:contain;filter:drop-shadow(16px 22px 18px #12092288);transform:rotate(-8deg)}
.geschichte-timeline{position:relative;list-style:none;padding:10px 0 10px 118px}.geschichte-timeline::before{content:'';position:absolute;top:0;bottom:0;left:55px;width:3px;border-radius:3px;background:linear-gradient(#8d56bc,#d4b5ef)}.geschichte-item{position:relative;margin:34px 0}.geschichte-meta{position:absolute;left:-118px;top:22px;width:48px;display:grid;gap:2px;text-align:right;color:#704297;font-weight:700}.geschichte-jahr{font-size:13px}.geschichte-modell{font:10px monospace;color:#8b8196}.geschichte-karte{position:relative;min-height:240px;padding:30px 30px 30px 215px!important;border:1px solid #ddd1e8!important;border-radius:22px!important;box-shadow:0 13px 35px #2f17440f}.geschichte-karte::before{content:'';position:absolute;left:-70px;top:29px;width:15px;height:15px;border:5px solid #f8f6fb;border-radius:50%;background:#824aae;box-shadow:0 0 0 2px #824aae}.geschichte-image{position:absolute;left:24px;top:24px;width:160px;height:190px;object-fit:contain;filter:drop-shadow(8px 12px 10px #25113925)}.geschichte-karte--text{min-height:0;padding-left:30px!important}.geschichte-neu{padding-left:20px}.geschichte-neu li{margin:7px 0}.geschichte-shop-link{display:inline-block;margin-top:8px}.geschichte-item:nth-child(even) .geschichte-karte{background:#faf6ff}.geschichte-abschluss{margin-left:118px;padding:30px;background:linear-gradient(135deg,#f1e8fb,#fff);border:1px solid #ddcfeb;border-radius:22px}
.community-links{display:flex;flex-wrap:wrap;gap:20px;padding:24px 0}.community-links a{color:inherit;font-weight:600}
@media(max-width:700px){.bewertungen-grid{grid-template-columns:1fr}.community-page{padding:18px;margin:20px auto}.spiel-sliders{min-width:0;width:100%}.spiel-karte{padding:20px 14px}.geschichte-page .page-hero{min-height:440px;padding:36px 24px 220px}.geschichte-hero-image{right:20%;bottom:-8%;width:60%;height:58%}.geschichte-timeline{padding-left:26px}.geschichte-timeline::before{left:7px}.geschichte-meta{position:static;width:auto;margin-bottom:8px;display:flex;text-align:left}.geschichte-karte{min-height:0;padding:205px 20px 24px!important}.geschichte-karte--text{padding-top:26px!important}.geschichte-karte::before{left:-27px;top:24px}.geschichte-image{left:50%;top:18px;width:150px;height:170px;transform:translateX(-50%)}.geschichte-abschluss{margin-left:0}}
.community-page .spiel-score--mid{color:#886000;text-shadow:none}
.community-page .spiel-score--high{color:#187165;text-shadow:none}
.community-page .spiel-score--low{color:#b92870;text-shadow:none}
@media(prefers-reduced-motion:reduce){.spiel-pop{animation:none!important}}
.bewertungen::before{content:"KUNDEN-FEEDBACK";display:block;margin-bottom:18px;color:#00a998;font:700 11px monospace;letter-spacing:.14em}.bewertungen .bewertungen-grid{gap:16px}.bewertungen .bewertung-karte{background:#1b1530;color:#eee;border-color:#00b4a055;box-shadow:4px 4px 0 #db2a852e}.bewertungen .bewertung-karte:nth-child(3n+1){border-color:#e91e8177}.bewertungen .stars{color:#ffe600}.bewertungen .bewertung-text{color:#eee;line-height:1.65}.bewertungen .bewertung-meta{color:#b8adc5}.bewertungen-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.bewertungen-scoreboard div{padding:15px 10px;border:1px solid #00b4a066;border-radius:12px;background:#1b1530;text-align:center}.bewertungen-scoreboard .stars{display:block;font-size:12px}.bewertungen-scoreboard strong{display:block;margin-top:7px;color:#eee;font-size:12px}@media(max-width:700px){.bewertungen-scoreboard{grid-template-columns:repeat(2,1fr)}}