/* AUTOMATISCH ERZEUGT von tools/build-theme.py – nicht von Hand ändern. Freundliche Farben (blau-türkis statt rot/rosa). */
html[data-theme="friends"] {
  --rose: #8fbed5;
}
html[data-theme="friends"] .intro__heart path {
  fill: #3fa9de;
}
html[data-theme="friends"] .intro__wordmark span {
  color: #3fa9de;
}
html[data-theme="friends"] .intro__flash {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0%, rgba(63,169,222, 0.45) 42%, transparent 72%);
}
html[data-theme="friends"] .cinema {
  --accent: #3fa9de;
  --accent-dim: #3286b0;
}
html[data-theme="friends"] .mode-tab.active {
  background: rgba(63,169,222,0.18);
  border-color: #3fa9de;
}
html[data-theme="friends"] .audio-row:hover {
  background: rgba(63,169,222,0.14);
}
html[data-theme="friends"] .audio-row__icon {
  color: #3fa9de;
}
html[data-theme="friends"] .audio-stage {
  background: radial-gradient(circle at 50% 40%, rgba(63,169,222,0.22), rgba(0,0,0,0.95) 70%);
}
html[data-theme="friends"] .audio-stage__disc svg {
  fill: #3fa9de;
  filter: drop-shadow(0 0 28px rgba(63,169,222,0.55));
}
html[data-theme="friends"] .audio-stage__eq i {
  background: #3fa9de;
}
@media (min-width: 700px) and (min-height: 620px) {
html[data-theme="friends"] #phone {
  box-shadow: 0 0 0 2px #2a2d38, 0 40px 90px rgba(0, 0, 0, 0.7), 0 0 80px rgba(63,169,222, 0.12);
}
}
html[data-theme="friends"] .statusbar__os {
  color: #3fa9de;
}
html[data-theme="friends"] .intro__os {
  color: #3fa9de;
}
html[data-theme="friends"] .intro__bar-fill {
  background: linear-gradient(90deg, #3fa9de, #93d8fb);
}
html[data-theme="friends"] .screen--home {
  background: radial-gradient(circle at 20% 10%, rgba(63,169,222,.30), transparent 45%),
    radial-gradient(circle at 85% 70%, rgba(242,166,90,.20), transparent 50%),
    linear-gradient(160deg, #1a1020 0%, #0d0f18 100%);
}
html[data-theme="friends"] .widget__presence {
  color: #b6e5fc;
}
html[data-theme="friends"] .app__icon--ttt {
  background: linear-gradient(145deg, #61c6f8, #3fa9de);
}
html[data-theme="friends"] .app__icon--kino {
  background: linear-gradient(145deg, #54c1f8, #18719d);
}
html[data-theme="friends"] .app__icon--audio {
  background: linear-gradient(145deg, #70cbf9, #2680ad);
}
html[data-theme="friends"] .app__icon--yt {
  background: linear-gradient(145deg, #43bbf7, #0775ac);
}
html[data-theme="friends"] .toast {
  border: 1px solid rgba(63,169,222,.5);
}
html[data-theme="friends"] .game__status.bad {
  color: #8fd6fa;
}
html[data-theme="friends"] .gbtn--main {
  background: #3fa9de;
  border-color: #3fa9de;
}
html[data-theme="friends"] .ttt__cell.x {
  color: #71ccf9;
}
html[data-theme="friends"] .c4__cell.p1::after {
  background: radial-gradient(circle at 35% 30%, #8fd6fa, #3fa9de 60%);
}
html[data-theme="friends"] .dot.p1 {
  background: #3fa9de;
}
html[data-theme="friends"] .gallows .part {
  stroke: #71ccf9;
}
html[data-theme="friends"] .slot.miss {
  color: #8fd6fa;
}
html[data-theme="friends"] .sq.cap {
  box-shadow: inset 0 0 0 4px rgba(57,161,213, .85);
}
html[data-theme="friends"] .sq.incheck {
  box-shadow: inset 0 0 0 100px rgba(63,169,222, .6);
}
html[data-theme="friends"] .install-btn {
  background: rgba(63,169,222,.25);
  border: 1px solid rgba(63,169,222,.7);
}
html[data-theme="friends"] {
  --red: #54c1f8;
  --red-deep: #3fa9de;
}
html[data-theme="friends"] .screen--home::before {
  background: #3fa9de;
}
html[data-theme="friends"] .avatar--0 {
  background: linear-gradient(135deg, #71ccf9, #3fa9de);
}
html[data-theme="friends"] .install-btn {
  background: linear-gradient(135deg, rgba(84,193,248,.35), rgba(63,169,222,.2));
  border-color: rgba(125,208,250,.6);
  box-shadow: 0 6px 20px rgba(63,169,222,.2);
}
html[data-theme="friends"] #screen-login {
  background: radial-gradient(ellipse at 50% 0%, rgba(63,169,222,.28), transparent 60%), radial-gradient(ellipse at 80% 100%, rgba(123,92,255,.2), transparent 55%), #0b0c12;
}
html[data-theme="friends"] .ticket__eyebrow {
  color: #8fd6fa;
}
html[data-theme="friends"] .input:focus {
  border-color: rgba(125,208,250,.7);
  box-shadow: 0 0 0 4px rgba(63,169,222,.18);
}
html[data-theme="friends"] .btn--primary {
  background: linear-gradient(135deg, #63c7f9, #3fa9de);
  box-shadow: 0 10px 26px rgba(63,169,222,.35);
}
html[data-theme="friends"] .btn--primary:hover {
  background: linear-gradient(135deg, #78cef9, #4bb3e7);
  box-shadow: 0 14px 32px rgba(63,169,222,.45);
}
html[data-theme="friends"] #screen-select {
  background: radial-gradient(ellipse at 15% 0%, rgba(63,169,222,.22), transparent 55%), radial-gradient(ellipse at 100% 90%, rgba(123,92,255,.14), transparent 55%), #0b0c12;
}
html[data-theme="friends"] .mode-tab.active {
  background: linear-gradient(135deg, #63c7f9, #3fa9de);
  box-shadow: 0 6px 16px rgba(63,169,222,.35);
}
html[data-theme="friends"] .video-card:hover {
  border-color: rgba(125,208,250,.6);
  box-shadow: 0 14px 34px rgba(63,169,222,.2);
}
html[data-theme="friends"] .audio-row__icon {
  background: linear-gradient(135deg, #70cbf9, #2680ad);
}
html[data-theme="friends"] .seek::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(63,169,222,.35);
}
html[data-theme="friends"] .audio-stage {
  background: radial-gradient(circle at 50% 38%, rgba(63,169,222,.32), transparent 55%), radial-gradient(circle at 20% 90%, rgba(123,92,255,.2), transparent 50%), #07070b;
}
html[data-theme="friends"] .game {
  background: radial-gradient(ellipse at 90% 0%, rgba(123,92,255,.2), transparent 55%), radial-gradient(ellipse at 0% 100%, rgba(63,169,222,.16), transparent 55%), #0b0c12;
}
html[data-theme="friends"] .gbtn--main {
  background: linear-gradient(135deg, #63c7f9, #3fa9de);
  box-shadow: 0 8px 22px rgba(63,169,222,.35);
}
html[data-theme="friends"] .screen--intro {
  background: radial-gradient(circle at 50% 42%, rgba(63,169,222,.22), transparent 55%), #000;
}
html[data-theme="friends"] #screen-select.mode-audio {
  background: radial-gradient(ellipse at 15% 0%, rgba(112,203,249,.28), transparent 55%), radial-gradient(ellipse at 100% 90%, rgba(123,92,255,.16), transparent 55%), #0b0c12;
}
html[data-theme="friends"] #screen-select.mode-audio .ticket__eyebrow {
  color: #91d7fa;
}
html[data-theme="friends"] #screen-youtube {
  background: radial-gradient(ellipse at 15% 0%, rgba(67,187,247,.26), transparent 55%), radial-gradient(ellipse at 100% 90%, rgba(123,92,255,.14), transparent 55%), #0b0c12;
}
html[data-theme="friends"] .panic__btn {
  background: radial-gradient(circle at 35% 28%, #82d2fa, #3fa9de 55%, #14638a);
  box-shadow: 0 18px 50px rgba(63,169,222,.5), inset 0 3px 0 rgba(255,255,255,.35), inset 0 -16px 30px rgba(0,0,0,.25);
}
html[data-theme="friends"] .panic-alert {
  background: radial-gradient(circle at 50% 40%, #1984ba, #0a3d57 80%);
}
html[data-theme="friends"] .panic-alert .gbtn--main {
  color: #14638a;
}
html[data-theme="friends"] .lm--them {
  background: linear-gradient(135deg, #71ccf9, #3fa9de);
}
html[data-theme="friends"] .app__icon.has-new::after {
  background: #43bbf7;
}
html[data-theme="friends"] .qa__badge {
  background: #43bbf7;
}
html[data-theme="friends"] .app__icon--status {
  background: linear-gradient(145deg, #ffb347, #4cafe1);
}
html[data-theme="friends"] .app__icon--notes {
  background: linear-gradient(145deg, #7fd1fa, #2b98cf);
}
html[data-theme="friends"] .nt__item--new {
  border-color: rgba(127,209,250,.7);
}
html[data-theme="friends"] .nt__reply {
  color: #b6e5fc;
}
html[data-theme="friends"] .fun__card.is-pick {
  border-color: rgba(125,208,250,.7);
  background: rgba(97,198,248,.14);
}
html[data-theme="friends"] .fun__meta.no {
  color: #b3e4fc;
}
html[data-theme="friends"] .fun__like.on {
  background: rgba(97,198,248,.25);
}
html[data-theme="friends"] .fun__letter.is-new {
  border-color: rgba(125,208,250,.8);
}
html[data-theme="friends"] .fun__bar i {
  background: linear-gradient(90deg, #70cbf9, #ffb347);
}
html[data-theme="friends"] .fun__turn.is-me {
  background: rgba(97,198,248,.22);
}
html[data-theme="friends"] .fun__tdcard--dare {
  background: linear-gradient(160deg, rgba(68,187,247,.4), rgba(47,158,213,.25));
}
html[data-theme="friends"] .fun__cell.hit {
  background: rgba(77,191,248,.6);
}
html[data-theme="friends"] .fun__cell.hit.sunk {
  background: rgba(26,111,154,.85);
}
html[data-theme="friends"] .fun__cell.ship.hit {
  background: rgba(77,191,248,.7);
}
html[data-theme="friends"] .fun__chip.is-on {
  background: linear-gradient(135deg, #61c6f8, #3fabe1);
}
html[data-theme="friends"] .nt__st--bad {
  color: #8fd6fa;
}
html[data-theme="friends"] .dev__health.bad {
  color: #8fd6fa;
}