/* Doppelkanal: eigenständige Klassen vermeiden Eingriffe der alten Sternansicht. */
#ev-rating.mk-rating-console{box-sizing:border-box;position:relative;display:block;width:100%;min-width:0;margin:0;padding:16px 11px 13px;border:1px solid #878a71;border-radius:8px;background-image:url('/plugins/medienkonverter/articlepoll/assets/meter-metal.svg'),linear-gradient(135deg,#484a3a,#35372c 50%,#414335);background-size:160px 160px,100% 100%;color:#f4f1e4;box-shadow:inset 0 0 0 1px #24271e,inset 0 0 0 2px #6d705a,inset 0 3px 5px #b0b09633,inset 0 -3px 5px #11170e99,0 3px 5px #0004;font:12px/1.4 Arial,Helvetica,sans-serif;text-align:left;container-type:inline-size}
#ev-rating.mk-rating-console *,#ev-rating.mk-rating-console *::before,#ev-rating.mk-rating-console *::after{box-sizing:border-box}
#ev-rating.mk-rating-console [hidden]{display:none!important}
#ev-rating.mk-rating-console .mk-rating-heading{display:flex;align-items:center;justify-content:space-between;margin:0 15px 12px;padding:0;color:#f4f1df;font:700 13px/1.4 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 1px 1px #0008}
#ev-rating.mk-rating-console .mk-rating-status{width:8px;height:8px;border:1px solid #5e3911;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1ba,#e5ad3e 50%,#976522);box-shadow:0 0 0 2px #151a14,0 0 5px #d6a73b66}
#ev-rating.mk-rating-console .mk-rating-screw{position:absolute;width:10px;height:10px;border:1px solid #12170f;border-radius:50%;background:radial-gradient(circle at 33% 25%,#999b83,#4b4e3e 42%,#20251b 78%);box-shadow:0 1px 0 #a9ae8555,inset 0 0 0 1px #75796388;pointer-events:none}
#ev-rating.mk-rating-console .mk-rating-screw::after,#ev-rating.mk-rating-console .mk-rating-screw::before{content:'';position:absolute;left:2px;top:3px;width:4px;height:1px;background:#12160e;transform:rotate(-45deg)}
#ev-rating.mk-rating-console .mk-rating-screw::before{transform:rotate(45deg)}
#ev-rating.mk-rating-console .mk-rating-tl{top:6px;left:6px}#ev-rating.mk-rating-console .mk-rating-tr{top:6px;right:6px}#ev-rating.mk-rating-console .mk-rating-bl{bottom:6px;left:6px}#ev-rating.mk-rating-console .mk-rating-br{bottom:6px;right:6px}
#ev-rating.mk-rating-console .mk-rating-display{padding:0 13px;border:2px solid #20251a;border-radius:5px;background-image:url('../images/aged-glass.svg'),radial-gradient(ellipse at 45% 35%,#f8f1d7 15%,#e9dfb9 75%,#c5b389);background-size:100% 100%;color:#292d23;box-shadow:0 0 0 1px #888971,inset 0 2px 8px #61583d77,inset 0 0 3px #4d452e88}
#ev-rating.mk-rating-console .mk-rating-channel{display:grid;grid-template-columns:minmax(108px,1fr) minmax(176px,1.15fr);align-items:center;gap:10px;padding:17px 0}
#ev-rating.mk-rating-console .mk-rating-channel+.mk-rating-channel{border-top:1px solid #a3916380;box-shadow:0 -1px 0 #fff7d780}
#ev-rating.mk-rating-console .mk-rating-label{margin:0;padding:0;color:#292d23;font:700 13px/1.35 Arial,sans-serif;text-shadow:0 1px 0 #fff6;overflow-wrap:anywhere}
#ev-rating.mk-rating-console .mk-rating-instrument{display:grid;grid-template-columns:auto 44px;align-items:center;justify-content:end;gap:8px}
#ev-rating.mk-rating-console .mk-rating-stars{display:flex;justify-content:center;align-items:center;gap:3px;width:max-content;max-width:100%;margin:0;padding:0}
#ev-rating.mk-rating-console .mk-rating-lamp{--mk-fill:0%;position:relative;display:block;flex:0 0 22px;width:22px;height:26px;color:#393b31;font:26px/26px Arial,sans-serif;text-align:center;-webkit-text-stroke:1px #333328;filter:drop-shadow(0 1px 1px #322c2380);text-shadow:0 -1px 0 #c5bf9b,0 1px 0 #171b14}
#ev-rating.mk-rating-console .mk-rating-lamp::after{content:'★';position:absolute;inset:0;color:transparent;background:radial-gradient(circle at 42% 35%,#ffeb99,#f4b33d 35%,#c47b1c 70%,#785020);background-clip:text;-webkit-background-clip:text;clip-path:inset(0 calc(100% - var(--mk-fill)) 0 0);-webkit-text-stroke:.7px #644a26;text-shadow:none}
#ev-rating.mk-rating-console .mk-rating-value{display:block;width:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;color:#303329;font:700 12px/1.4 Arial,sans-serif;text-align:right;white-space:nowrap}
#ev-rating.mk-rating-console button{height:auto;min-height:0;margin:0;letter-spacing:normal;text-transform:none;cursor:pointer}
#ev-rating.mk-rating-console .mk-rating-pick{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:32px;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none;touch-action:manipulation}
#ev-rating.mk-rating-console .mk-rating-picks{gap:1px}
#ev-rating.mk-rating-console .mk-rating-author .mk-rating-lamp{width:24px;flex-basis:24px}
#ev-rating.mk-rating-console .mk-rating-author .mk-rating-stars{gap:1px}
#ev-rating.mk-rating-console button:focus-visible,#ev-rating.mk-rating-console input:focus-visible{outline:2px solid #287a9d;outline-offset:3px}
#ev-rating.mk-rating-console .mk-rating-fader{grid-column:1/-1;width:100%;margin:1px 0 0}
#ev-rating.mk-rating-console .mk-rating-scale{display:flex;justify-content:space-between;margin:0 6px 5px;color:#34372c;font:600 10px/1.3 Arial,sans-serif}
#ev-rating.mk-rating-console .mk-rating-scale span::after{content:'';display:block;width:1px;height:4px;margin:3px auto 0;background:#4b4a37}
#ev-rating.mk-rating-console .mk-rating-rail{position:relative;height:27px}
#ev-rating.mk-rating-console .mk-rating-segments{position:absolute;inset:6px 0;display:flex;gap:3px;padding:3px;border:1px solid #26291d;border-radius:4px;background:#22251b;box-shadow:inset 0 1px 3px #000b,0 1px 0 #fffae055;pointer-events:none}
#ev-rating.mk-rating-console .mk-rating-segments i{display:block;flex:1;border-radius:1px;background:linear-gradient(#3e4130,#2b2d22);box-shadow:inset 0 0 1px #c6c49b33}
#ev-rating.mk-rating-console .mk-rating-segments i.is-lit{background:linear-gradient(#c98824,#edb143 50%,#a3691c);box-shadow:inset 0 0 2px #ffeb96,0 0 3px #df9e2944}
#ev-rating.mk-rating-console .mk-rating-range{position:absolute;inset:0;display:block;width:100%;height:27px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:pan-y;accent-color:#ce9636}
#ev-rating.mk-rating-console .mk-rating-range::-webkit-slider-runnable-track{height:15px;background:transparent;border:0}
#ev-rating.mk-rating-console .mk-rating-range::-moz-range-track{height:15px;background:transparent;border:0}
#ev-rating.mk-rating-console .mk-rating-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:27px;margin-top:-6px;border:1px solid #34352a;border-radius:4px;background:linear-gradient(90deg,transparent 44%,#ffdc77 46%,#e5a12d 54%,transparent 56%),repeating-linear-gradient(90deg,#56594c 0,#c1bf9c 2px,#464a3b 3px,#888b74 5px);box-shadow:0 2px 3px #0008,inset 0 1px 1px #efecd0}
#ev-rating.mk-rating-console .mk-rating-range::-moz-range-thumb{width:20px;height:25px;border:1px solid #34352a;border-radius:4px;background:linear-gradient(90deg,transparent 44%,#ffdc77 46%,#e5a12d 54%,transparent 56%),repeating-linear-gradient(90deg,#56594c 0,#c1bf9c 2px,#464a3b 3px,#888b74 5px);box-shadow:0 2px 3px #0008,inset 0 1px 1px #efecd0}
#ev-rating.mk-rating-console .mk-rating-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 15px 0}
#ev-rating.mk-rating-console .mk-rating-submit{width:100%;max-width:280px;padding:9px 12px;border:1px solid #a5a77b;border-radius:4px;background:linear-gradient(#888b5c,#656b3f);color:#fffbed;box-shadow:0 0 0 1px #181e13,0 2px 3px #0006,inset 0 1px 0 #e6e9b366;font:700 13px/1.3 Arial,sans-serif;text-shadow:0 1px 1px #0008}
#ev-rating.mk-rating-console .mk-rating-submit:hover:enabled{background:linear-gradient(#969b67,#747c4e)}
#ev-rating.mk-rating-console button:disabled{cursor:default}
#ev-rating.mk-rating-console .mk-rating-submit:disabled{opacity:.65}
#ev-rating.mk-rating-console .mk-rating-reset{padding:3px;border:0;background:none;box-shadow:none;color:#e4e5cb;font:11px/1.4 Arial,sans-serif;text-decoration:underline}
#ev-rating.mk-rating-console .mk-rating-hint,#ev-rating.mk-rating-console .mk-rating-community,#ev-rating.mk-rating-console .mk-rating-feedback,#ev-rating.mk-rating-console noscript p{width:auto;max-width:none;margin:8px 6px 0;padding:0;border:0;background:none;color:#d0d4b8;font:400 10px/1.4 Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-align:center}
#ev-rating.mk-rating-console .mk-rating-community{margin-top:4px;color:#e2dfc7}
#ev-rating.mk-rating-console #ev-message.mk-rating-feedback{color:#ffdb9d;font-size:11px!important}
#ev-rating.mk-rating-console .mk-rating-feedback:empty{display:none}
@container(max-width:340px){#ev-rating.mk-rating-console .mk-rating-channel{grid-template-columns:1fr;gap:5px;padding:13px 0}#ev-rating.mk-rating-console .mk-rating-instrument{justify-content:start;grid-template-columns:auto 44px;width:100%;max-width:220px}#ev-rating.mk-rating-console .mk-rating-fader{margin-top:3px}}
@media(prefers-reduced-motion:reduce){#ev-rating.mk-rating-console *{transition:none!important}}
/* Skalenpositionen berücksichtigen die bestehende halbe Sternstufe. */
#ev-rating.mk-rating-console .mk-rating-scale{position:relative;height:22px;margin:0 11px}
#ev-rating.mk-rating-console .mk-rating-scale span{position:absolute;top:0;transform:translateX(-50%)}
#ev-rating.mk-rating-console .mk-rating-scale span:nth-child(1){left:11.111%}
#ev-rating.mk-rating-console .mk-rating-scale span:nth-child(2){left:33.333%}
#ev-rating.mk-rating-console .mk-rating-scale span:nth-child(3){left:55.556%}
#ev-rating.mk-rating-console .mk-rating-scale span:nth-child(4){left:77.778%}
#ev-rating.mk-rating-console .mk-rating-scale span:nth-child(5){left:100%}
/* Kleine emaillierte Sternlampen statt Schriftzeichen/Emoji; Teilfüllung bleibt möglich. */
#ev-rating.mk-rating-console .mk-rating-lamp{font-size:0;color:transparent;-webkit-text-stroke:0;text-shadow:none;background:url('../images/star-off.svg') center/22px 22px no-repeat}
#ev-rating.mk-rating-console .mk-rating-lamp::after{content:'';background:url('../images/star-on.svg') center/22px 22px no-repeat;-webkit-text-stroke:0}

/* Die Lampen folgen der Auswahl sanft; der Regler selbst bleibt unmittelbar. */
#ev-rating.mk-rating-console.mk-rating-animated .mk-rating-picks .mk-rating-lamp::after{transition:clip-path 1s ease-in-out}
@media(prefers-reduced-motion:reduce){#ev-rating.mk-rating-console .mk-rating-lamp::after{transition:none!important}}
