.vestecke-kameny { --vk-gold:#c7a35c; --vk-red:#9e4943; --vk-text:#eee9e2; --vk-muted:#c8c0b7; max-width:980px; margin:1.5rem auto; color:var(--vk-text); }
.vestecke-kameny__intro { padding:1rem 1.2rem; border-left:5px solid var(--vk-gold); border-radius:7px; background:linear-gradient(135deg,rgba(42,32,27,.94),rgba(19,20,24,.88)); line-height:1.6; }
.vestecke-kameny__reading { display:flex; justify-content:center; align-items:start; gap:1.5rem; padding:1.7rem 0 1rem; }
.vestecke-kameny__reading.has-result { display:grid; grid-template-columns:minmax(240px,310px) minmax(0,1fr); }
.vestecke-kameny__card { width:min(100%,300px); height:430px; padding:0; border:0; outline:0; background:transparent; cursor:pointer; perspective:1200px; }
.vestecke-kameny__card:focus-visible { border-radius:10px; box-shadow:0 0 0 3px var(--vk-gold); }
.vestecke-kameny__card-inner { position:relative; display:block; width:100%; height:100%; transition:transform .72s cubic-bezier(.2,.72,.25,1); transform-style:preserve-3d; }
.vestecke-kameny__card-inner.is-revealed { transform:rotateY(180deg); }
.vestecke-kameny__face { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.vestecke-kameny__face--front { transform:rotateY(180deg); }
.vestecke-kameny__face img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; border-radius:8px; box-shadow:0 15px 36px rgba(0,0,0,.5); }
.vestecke-kameny__meaning { padding:1rem 1.15rem; border:1px solid rgba(199,163,92,.24); border-top:5px solid var(--vk-red); border-radius:8px; background:rgba(0,0,0,.15); }
.vestecke-kameny__meaning h2 { margin:.15rem 0 1rem; color:var(--vk-gold); }
.vestecke-kameny__meaning ul { margin:.6rem 0 1rem; padding-left:1.35rem; }
.vestecke-kameny__meaning li { margin:.45rem 0; line-height:1.5; }
.vestecke-kameny__eyebrow { margin:0; color:var(--vk-muted); font-size:.9rem; text-transform:uppercase; letter-spacing:.04em; }
.vestecke-kameny__hint,.vestecke-kameny__warning { text-align:center; color:var(--vk-muted); }
.vestecke-kameny__warning { color:#e4c598; font-style:italic; }
.vestecke-kameny__again,.vestecke-kameny__save button { padding:.58rem .95rem; border:1px solid var(--vk-red); border-radius:5px; background:rgba(158,73,67,.18); color:#fff; font-weight:700; cursor:pointer; }
.vestecke-kameny__save { max-width:650px; margin:0 auto 1.5rem; padding:1rem 1.1rem; border-left:5px solid var(--vk-gold); border-radius:7px; background:rgba(0,0,0,.15); }
.vestecke-kameny__save label { display:block; margin-bottom:.4rem; color:var(--vk-gold); font-weight:700; }
.vestecke-kameny__save textarea { width:100%; margin-bottom:.7rem; border-color:rgba(199,163,92,.35); background:rgba(255,255,255,.07); color:#fff; }
.vestecke-kameny__save > div { display:flex; align-items:center; gap:.8rem; }
.vestecke-kameny__save button:disabled { opacity:.55; cursor:default; }
.vestecke-kameny__archive { max-width:760px; margin:0 auto 1.6rem; padding:.85rem 1rem; border:1px solid rgba(199,163,92,.22); border-radius:7px; background:rgba(0,0,0,.13); }
.vestecke-kameny__archive > summary { cursor:pointer; color:var(--vk-gold); font-weight:700; }
.vestecke-kameny__archive > summary span { color:var(--vk-muted); font-size:.88rem; font-weight:400; }
.vestecke-kameny__archive[open] > summary { margin-bottom:.8rem; }
.vestecke-kameny__archive-list { display:grid; gap:.7rem; }
.vestecke-kameny__archive-item { display:grid; grid-template-columns:66px 1fr; gap:.85rem; padding:.7rem; border-left:4px solid var(--vk-red); border-radius:5px; background:rgba(255,255,255,.045); }
.vestecke-kameny__archive-item img { display:block; width:66px; height:auto; border-radius:3px; }
.vestecke-kameny__archive-item strong,.vestecke-kameny__archive-item time { display:block; }
.vestecke-kameny__archive-item time { margin:.1rem 0 .3rem; color:var(--vk-muted); font-size:.82rem; }
.vestecke-kameny__archive-item p { margin:.3rem 0; overflow-wrap:anywhere; }
.vestecke-kameny__delete { padding:0!important; border:0!important; background:transparent!important; color:#d9958e!important; font-size:.82rem; text-decoration:underline; }
.vestecke-kameny__shop { padding:1.15rem 1.3rem; border-top:1px solid rgba(199,163,92,.3); background:rgba(0,0,0,.12); text-align:center; }
.vestecke-kameny__shop p { margin-top:0; }
.vestecke-kameny__shop-link { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:.55rem 1.1rem; border:1px solid rgba(199,163,92,.45); border-radius:5px; background:rgba(183,71,63,.18); color:#f1d28e!important; font-weight:700; text-decoration:none!important; transition:background .2s ease,transform .2s ease; }
.vestecke-kameny__shop-link:hover { background:rgba(183,71,63,.32); transform:translateY(-1px); }
.vestecke-kameny__error { padding:1rem; border-left:5px solid #b32d2e; background:#fff1f1; color:#7a1f20; }
@media(max-width:760px){.vestecke-kameny__reading.has-result{grid-template-columns:1fr}.vestecke-kameny__card{height:400px;margin:auto}.vestecke-kameny__meaning{margin-top:.5rem}}
@media(max-width:520px){.vestecke-kameny__card{width:min(100%,250px);height:360px}.vestecke-kameny__save>div{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.vestecke-kameny__card-inner{transition:none}}