/* Zufallsfund (Entscheidung Bert 01.11.2026): Plattenspieler im Gehäuse von poll.css.
   Klick → Teller läuft an, Tonarm setzt passend zum Jahr auf (außen alt, innen neu), Karte mit der Kritik erscheint. */
.mk-random-find .mk-rf-deck { position:relative; margin:2px 4px 12px; padding:6px 4px 4px; border-radius:6px; background:linear-gradient(160deg,#4a4c3d,#2d2f25 55%,#383a2e); box-shadow:inset 0 0 0 1px #1a1c15,inset 0 1px 0 #8a8d7244,inset 0 3px 6px #0009,0 1px 0 #6d705a55; line-height:0; }
.mk-random-find .mk-rf-svg { display:block; width:100%; height:auto; overflow:visible; }
.mk-random-find .mk-rf-platter { transform-box:view-box; transform-origin:98px 98px; will-change:transform; }
.mk-random-find .mk-rf-arm { transform-box:view-box; transform-origin:236px 34px; transform:rotate(-3deg); transition:transform 1.1s cubic-bezier(.45,.05,.25,1); }
.mk-random-find .mk-rf-arm-shadow { fill:#000; opacity:.38; transform:translate(2px,2px); transition:transform .35s ease,opacity .35s ease; }
.mk-random-find.is-lifted .mk-rf-arm-shadow { opacity:.2; transform:translate(7px,6px); }
.mk-random-find .mk-rf-label-text { fill:#2b5ea8; font:700 14px/1 Arial,Helvetica,sans-serif; }
.mk-random-find .mk-rf-print { fill:#c8cba6; font:600 7.5px/1 Arial,Helvetica,sans-serif; letter-spacing:.06em; }
.mk-random-find .mk-rf-led { fill:#4a3a1c; stroke:#1d1f17; stroke-width:1; transition:fill .3s ease,filter .3s ease; }
.mk-random-find.is-spinning .mk-rf-led { fill:#ffb347; filter:drop-shadow(0 0 3px #ff8c1a); }

/* Feste Höhe (Wunsch Bert): Starttext, kurze und lange Titel dürfen den Kasten nicht springen lassen. */
.mk-random-find .mk-rf-display { display:flex; flex-direction:column; justify-content:center; height:124px; min-height:124px; max-height:124px; overflow:hidden; box-sizing:border-box; padding:12px 8px 10px; text-align:left; }
.mk-random-find p.mk-rf-idle { margin:6px 4px!important; color:#4a4c3c; font:400 12.5px/1.5 Arial,Helvetica,sans-serif!important; text-align:center; }
.mk-random-find .mk-rf-card[hidden], .mk-random-find .mk-rf-idle[hidden], .mk-random-find .mk-rf-feedback[hidden] { display:none; }
.mk-random-find .mk-rf-card { display:flex; gap:9px; align-items:center; padding:8px; border:1px solid #cbbd92; border-radius:4px; background:#fffdf5; box-shadow:0 1px 2px #0002; animation:mk-rf-card-in .45s ease-out both; }
.mk-random-find .mk-rf-card.is-leaving { animation:mk-rf-card-out .25s ease-in both; }
.mk-random-find .mk-rf-cover { flex:0 0 56px; width:56px; height:56px; display:block; overflow:hidden; border-radius:2px; background:#2c2e26; box-shadow:0 1px 3px #0006; }
/* Der Kasten steht im Artikeltext: Artikelbild- und Linkregeln des Themes hart zurücksetzen. */
.mk-random-find a.mk-rf-cover { padding:0!important; margin:0!important; border:0!important; background-color:#2c2e26; text-decoration:none!important; line-height:0; }
.mk-random-find .mk-rf-cover img { display:block!important; float:none!important; position:static!important; width:56px!important; height:56px!important; min-width:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; opacity:1!important; transform:none!important; object-fit:cover!important; object-position:center!important; }
.mk-random-find .mk-rf-cover.is-empty { background:#efe6c8 url('/files/logo.png') center/70% no-repeat; }
.mk-random-find .mk-rf-text { flex:1 1 auto; min-width:0; color:#3d3d2d; font:400 11.5px/1.4 Arial,Helvetica,sans-serif; }
.mk-random-find .mk-rf-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; margin:0 0 2px; color:#1f1f1a!important; font:700 13.5px/1.25 Arial,Helvetica,sans-serif; text-decoration:none!important; overflow-wrap:anywhere; }
.mk-random-find .mk-rf-title:hover, .mk-random-find .mk-rf-title:focus-visible { text-decoration:underline!important; }
.mk-random-find .mk-rf-text a.mk-rf-author { color:#3d3d2d!important; text-decoration:underline; text-decoration-color:#b7a97f; }
.mk-random-find .mk-rf-stars { color:#c99a2e; letter-spacing:0; font-size:11px; white-space:nowrap; }
.mk-random-find .mk-rf-star { position:relative; color:#d8ccaa; }
.mk-random-find .mk-rf-star.is-full { color:#c99a2e; }
.mk-random-find .mk-rf-star.is-half { background:linear-gradient(90deg,#c99a2e 50%,#d8ccaa 50%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mk-random-find .mk-rf-meta { display:flex; flex-wrap:nowrap; white-space:nowrap; align-items:center; gap:4px 8px; margin-top:4px; }
.mk-random-find .mk-rf-year { display:inline-block; padding:1px 6px; border-radius:2px; background:#e8ebc9; color:#2c3020; font:700 10px/1.5 Arial,Helvetica,sans-serif; }
.mk-random-find .mk-rf-read { color:#5d6a3a!important; font:700 11px/1.4 Arial,Helvetica,sans-serif; text-decoration:none!important; }
.mk-random-find .mk-rf-read:hover { text-decoration:underline!important; }
.mk-random-find .mk-rf-button:disabled { cursor:progress; }
.mk-random-find p.mk-rf-feedback { margin:10px 12px 0!important; color:#f3d6b0; font:400 11.5px/1.45 Arial,Helvetica,sans-serif!important; }

@keyframes mk-rf-card-in { from { opacity:0; transform:translateY(8px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes mk-rf-card-out { to { opacity:0; transform:translateY(-6px); } }
/* Bewegung reduzieren: Tonarm schwenkt weiter (ruhige Einzelbewegung), Platte steht (motor in randomfind.js), Karte ohne Einflug. */
@media (prefers-reduced-motion: reduce) {
    .mk-random-find .mk-rf-card, .mk-random-find .mk-rf-card.is-leaving { animation:none; }
}

.mk-random-find .mk-rf-byline { display:flex; align-items:baseline; gap:0 4px; min-width:0; white-space:nowrap; }
.mk-random-find .mk-rf-who { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.mk-random-find .mk-rf-byline .mk-rf-stars { flex:0 0 auto; }
.mk-random-find .mk-rf-meta .mk-rf-year { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.mk-random-find .mk-rf-meta .mk-rf-read { flex:0 0 auto; margin-left:auto; }
