/* Realistische Tischset-Optik */
.tile{border-radius:10px!important;overflow:hidden;background-color:var(--tile-bg,#D8C5A0);background-image:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 42%,rgba(0,0,0,.12)),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px)!important;box-shadow:0 1px 1px rgba(30,20,10,.22),0 5px 9px -2px rgba(30,20,10,.26),0 24px 36px -16px rgba(30,20,10,.5)!important}
.tile::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),inset 0 -10px 18px -12px rgba(0,0,0,.35);pointer-events:none;z-index:2}
.tile__edge{border:1.5px dashed currentColor!important;opacity:.38!important;border-radius:6px!important;inset:2.6cqw!important}
.stage,.card__media{background-color:#cdb594;background-image:repeating-linear-gradient(90deg,rgba(90,60,30,.07) 0 2px,transparent 2px 9px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 23px),linear-gradient(115deg,#d9c4a3,#c4a67e 45%,#d2b890 75%,#bf9f76)}
.card__media{display:flex;align-items:center;justify-content:center;padding:9%;border-radius:12px;position:relative}
.card__media .tile{width:100%;height:auto!important;aspect-ratio:9/7;transform:rotate(-2.2deg);transition:transform .4s ease}
.card:hover .card__media .tile{transform:rotate(0) translateY(-3px)}
.card__media img{border-radius:10px}
.tile--art .art{border-radius:inherit}
@media (prefers-reduced-motion:reduce){.card__media .tile{transition:none}}