/* RicoReWi Player – läuft auf allen Seiten von ricorewi.de weiter (assets/player.js) */
.mk-play{width:60px;height:60px;border-radius:50%;border:0;background:var(--lime);color:var(--ink);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:transform .15s}
.mk-play:hover{transform:scale(1.06)}
.mk-cv{width:100%;aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#2b1d3d,#141521);background-size:cover;background-position:center;display:grid;place-items:center;color:rgba(255,255,255,.55);font-weight:900;font-size:26px;overflow:hidden}
.mk-pl,.mk-modal{--line:rgba(255,255,255,.14);--muted:#b8b6c5;--ink:#0a0a12;--white:#fffdf8;--lime:#d4fd78;font-family:inherit;color:var(--white)}
.mk-pl{position:fixed;left:0;right:0;bottom:0;z-index:130;height:86px;background:rgba(9,9,17,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px;padding:0 22px calc(env(safe-area-inset-bottom))}
.mk-np{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.mk-np .mk-cv{width:54px;height:54px;border-radius:8px;font-size:14px;flex:none}
.mk-npt{min-width:0}.mk-npt b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-npt small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-ctr{display:flex;flex-direction:column;align-items:center;gap:6px}
.mk-btns{display:flex;align-items:center;gap:16px}.mk-btns button{background:none;border:0;color:#d8d6e3;font-size:18px;cursor:pointer;line-height:1}.mk-btns button:hover{color:#fff}.mk-btns button.on{color:var(--lime)}
.mk-btns .big{width:42px;height:42px;border-radius:50%;background:var(--white);color:var(--ink);font-size:15px;display:grid;place-items:center}.mk-btns .big:hover{color:var(--ink);transform:scale(1.05)}
.mk-bar{display:flex;align-items:center;gap:10px;width:100%;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.mk-pl input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--lime) var(--p,0%),rgba(255,255,255,.18) var(--p,0%));outline:none;cursor:pointer}
.mk-pl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}
.mk-pl input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.mk-rt{display:flex;justify-content:flex-end}.mk-rt input{max-width:120px}
.mk-pl.idle .mk-ctr,.mk-pl.idle .mk-rt{opacity:.45}
.mk-pl{transition:transform .25s}.mk-pl.idle{transform:translateY(110%);visibility:hidden}.musik-page .mk-pl.idle{transform:none;visibility:visible}
.mk-pl .mk-x{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--muted,#aaa);font-size:14px;cursor:pointer;line-height:1;padding:4px}
body.rrw-pl-on,.musik-page{padding-bottom:110px}
@media(max-width:760px){
  body.rrw-pl-on,.musik-page{padding-bottom:84px}
  .mk-pl{height:72px;grid-template-columns:minmax(0,1fr) auto;padding:0 12px;gap:8px}.mk-rt{display:none}.mk-ctr{flex-direction:row}
  .mk-bar{position:absolute;left:0;right:0;top:-2px;gap:0}.mk-bar span{display:none}.mk-btns{gap:8px}.mk-btns .sm{display:none}.mk-np .mk-cv{width:46px;height:46px}
  .mk-pl .mk-x{top:auto;bottom:4px;right:4px}
}
/* Startseite: Song-Vorschau je Künstler (assets/home-music.js) */
.hm{display:flex;align-items:center;gap:10px;margin:2px 3px 0;padding:8px;border:1px solid rgba(127,127,127,.28);border-radius:12px;background:rgba(127,127,127,.07)}
.hm-p{width:34px;height:34px;flex:none;border-radius:50%;border:0;background:var(--lime);color:var(--ink);font-size:12px;font-weight:900;cursor:pointer;display:grid;place-items:center}
.hm-t{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:inherit;text-decoration:none;transition:opacity .26s,transform .26s}.hm-t.out{opacity:0;transform:translateY(4px)}
.hm-t .mk-cv.sm{width:36px;height:36px;border-radius:6px;font-size:11px;flex:none}.hm-t span{min-width:0}.hm-t b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-t small{display:block;font-size:11px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-cv.sm{width:44px;height:44px;border-radius:6px;font-size:12px;flex:none}
