.sve-kd{--sve-accent:#b91c1c;--sve-size:180px;--sve-card:#fff;--sve-text:#111827;--sve-meta:#6b7280;--sve-hover:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;margin:1.5rem 0}
.sve-kd.style-gold{--sve-accent:#b45309}
.sve-kd.style-dunkel{--sve-accent:#111827}
.sve-kd-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:16px}
.sve-kd-head h3{margin:0}
.sve-kd-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.sve-kd-filters button{border:0;background:#f3f4f6;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
.sve-kd-filters button.is-active{background:var(--sve-accent);color:#fff}
.sve-kd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--sve-size),1fr));gap:16px}
.sve-kd-card,.sve-kd-card:hover,.sve-kd-card:focus,.sve-kd-card:active{display:block;width:100%;padding:0;text-align:left;background:var(--sve-card) !important;color:var(--sve-text);border:0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgb(0 0 0 / .07);cursor:pointer;appearance:none;-webkit-appearance:none}
.sve-kd.align-center .sve-kd-card{text-align:center}
.sve-kd.align-right .sve-kd-card{text-align:right}
.sve-kd-card:hover{transform:translateY(-2px)}
.sve-kd-card.is-hidden{display:none}
.sve-kd-photo{position:relative;aspect-ratio:3/4;background:#e5e7eb}
.sve-kd-photo img{width:100%;height:100%;object-fit:var(--sve-fit,contain);object-position:var(--sve-pos,center top);display:block;background:#f3f4f6}
.sve-kd-no{position:absolute;left:10px;top:10px;background:var(--sve-accent);color:#fff;border-radius:999px;padding:4px 8px;font-weight:800}
.sve-kd-mvp{position:absolute;right:10px;top:10px;background:#b45309;color:#fff;border-radius:999px;padding:4px 8px;font-weight:800;font-size:.8rem}
.sve-kd-card h4,.sve-kd-card p{margin:8px 12px}
.sve-kd-card h4{margin-bottom:0;color:var(--sve-text)}
.sve-kd-card p{color:var(--sve-meta)}
.sve-kd-meta{font-size:.85rem}
.sve-kd-rank{margin-top:8px;text-align:center;background:var(--sve-rank-bg,transparent);border-radius:16px;padding:12px}
.sve-kd-rank h3{margin:0 0 16px;color:var(--sve-rank,#b45309)}
.sve-kd-rank-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.sve-kd-rank-card{position:relative;width:min(var(--sve-size),240px);flex:0 0 auto;background:var(--sve-card,#fff);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgb(0 0 0 / .07)}
.sve-kd-rank-card img{width:100%;aspect-ratio:3/4;object-fit:var(--sve-fit,contain);object-position:var(--sve-pos,center top);background:#f3f4f6;display:block}
.sve-kd-place{position:absolute;left:10px;top:10px;background:var(--sve-rank,#b45309);color:#fff;border-radius:999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:800}
.sve-kd-rank-card strong,.sve-kd-rank-card span,.sve-kd-rank-card small{display:block;margin:6px 12px}
.sve-kd-rank-card span{color:var(--sve-rank,#b45309);font-weight:700}
.sve-kd-rank-card .sve-kd-place{color:#fff;background:var(--sve-rank,#b45309)}
.sve-kd-rank-card small{color:var(--sve-meta);margin-bottom:12px}
.sve-kd-modal{position:fixed;inset:0;background:rgba(8,10,16,.72);display:none;align-items:center;justify-content:center;z-index:99999;perspective:1200px}
.sve-kd-modal.is-open{display:flex}
.sve-kd-stage{width:min(60vw,720px);transform-style:preserve-3d;animation:sve-open .7s ease}
.sve-kd-big{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.4)}
.sve-kd-big img{width:100%;max-height:70vh;aspect-ratio:3/4;object-fit:var(--sve-fit,contain);object-position:var(--sve-pos,center top);display:block;background:#f8fafc}
.sve-kd-big-body{padding:16px 18px 20px}
.sve-kd-big h3{margin:0 0 4px;font-size:28px}
.sve-kd-big p{margin:0;color:#6b7280}
.sve-kd-big-mvp{margin-top:8px !important;color:#b45309;font-weight:700}
.sve-kd-close,.sve-kd-prev,.sve-kd-next{position:absolute;border:0;background:#fff;color:#111;border-radius:999px;width:44px;height:44px;font-size:28px;font-weight:700;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.sve-kd-close{top:18px;right:18px}
.sve-kd-prev{left:18px;top:50%;transform:translateY(-50%)}
.sve-kd-next{right:18px;top:50%;transform:translateY(-50%)}
.sve-kd-stage.is-next{animation:sve-next .28s ease}
.sve-kd-stage.is-prev{animation:sve-prev .28s ease}
@keyframes sve-next{from{transform:translateX(28px);opacity:.4}to{transform:none;opacity:1}}
@keyframes sve-prev{from{transform:translateX(-28px);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:700px){
	.sve-kd-stage{width:100vw;height:100vh}
	.sve-kd-big{height:100vh;border-radius:0;display:flex;flex-direction:column}
	.sve-kd-big img{flex:1;max-height:none;aspect-ratio:auto}
}
@keyframes sve-open{0%{transform:rotateY(88deg) scale(.86);filter:brightness(1.4)}55%{transform:rotateY(-8deg) scale(1.03)}100%{transform:rotateY(0) scale(1)}}