.vestba-koule { --vk-red:#b34b43; --vk-gold:#c9a65a; --vk-text:#eee9e2; --vk-muted:#bdb4aa; max-width:1040px; margin:1.5rem auto; color:var(--vk-text); }
.vestba-koule [hidden] { display:none!important; }
.vestba-koule__intro { margin-bottom:1.2rem; padding:1rem 1.2rem; border-left:5px solid var(--vk-red); border-radius:7px; background:linear-gradient(135deg,rgba(67,37,43,.7),rgba(20,20,24,.72)); }
.vestba-koule__intro p { margin:.2rem 0 .55rem; }
.vestba-koule__intro p:last-child { margin-bottom:.2rem; }
.vestba-koule__note { color:var(--vk-muted); font-size:.94rem; }
.vestba-koule__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.vestba-koule__choice { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:1rem; min-height:235px; padding:1rem; overflow:hidden; border:1px solid rgba(201,166,90,.3); border-left:5px solid var(--vk-red); border-radius:10px; background:linear-gradient(145deg,rgba(45,27,31,.96),rgba(20,20,24,.95)); color:var(--vk-text); text-align:left; cursor:pointer; box-shadow:0 6px 20px rgba(0,0,0,.28); transition:transform .2s ease,border-color .2s ease; }
.vestba-koule__choice:hover,.vestba-koule__choice:focus-visible { transform:translateY(-2px); border-color:rgba(201,166,90,.62); }
.vestba-koule__choice img { width:150px; height:215px; object-fit:contain; object-position:center; border-radius:7px; filter:drop-shadow(0 7px 10px rgba(0,0,0,.58)); }
.vestba-koule__choice span { display:flex; flex-direction:column; gap:.55rem; }
.vestba-koule__choice strong { color:var(--vk-gold); font-size:1.35rem; }
.vestba-koule__choice small { color:var(--vk-text); font-size:1rem; line-height:1.45; }
.vestba-koule__choice b { color:#edca83; }
.vestba-koule__stage { text-align:center; }
.vestba-koule__stage h2 { margin:.15rem 0 .3rem; color:var(--vk-gold); }
.vestba-koule__instruction { margin:.2rem auto 1rem; color:var(--vk-muted); }
.vestba-koule__back { display:block; margin:0 0 .5rem; padding:0!important; border:0!important; background:transparent!important; color:#d8bd82!important; text-decoration:underline; cursor:pointer; }
.vestba-koule__orb { position:relative; display:block; width:min(100%,430px); min-width:0!important; min-height:0!important; margin:0 auto!important; padding:0!important; overflow:visible; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; color:inherit!important; line-height:normal; text-decoration:none!important; cursor:pointer; filter:drop-shadow(0 12px 24px rgba(0,0,0,.55)); perspective:900px; appearance:none!important; -webkit-appearance:none!important; }
.vestba-koule__orb:hover,.vestba-koule__orb:active,.vestba-koule__orb:focus { border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; }
.vestba-koule__orb:focus-visible { filter:drop-shadow(0 12px 24px rgba(0,0,0,.55)) drop-shadow(0 0 7px rgba(201,166,90,.75)); }
.vestba-koule__orb::before,.vestba-koule__orb::after { content:none!important; display:none!important; }
.vestba-koule__orb img { display:block; width:100%; height:auto; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; transition:filter .7s ease,transform .7s ease,opacity .45s ease; }
.vestba-koule__answer { position:absolute; left:16%; right:16%; top:27%; display:flex; align-items:center; justify-content:center; min-height:24%; padding:.5rem; color:#f4dfaa; font-size:clamp(1.7rem,5vw,3rem); font-weight:800; line-height:1.1; text-align:center; text-wrap:balance; text-shadow:0 0 9px #7b210f,0 0 22px #d38935; opacity:0; transform:scale(.7); transition:opacity .65s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.vestba-koule.is-yesno .vestba-koule__answer { top:38%; min-height:24%; color:#fff0a8; font-size:clamp(2.5rem,7vw,4.2rem); letter-spacing:.025em; text-shadow:0 0 6px #fff8cb,0 0 16px #efb22f,0 0 34px #397c3a; }
.vestba-koule.is-yesno .vestba-koule__answer.is-negative { color:#ffd0c8; text-shadow:0 0 6px #fff,0 0 17px #ef5347,0 0 36px #a50000; }
.vestba-koule.is-oracle .vestba-koule__answer { left:20%; right:20%; top:53%; min-height:24%; padding:.25rem; color:#f0f2ff; font-size:clamp(1.55rem,4vw,2.15rem); line-height:1.04; letter-spacing:.01em; text-shadow:0 0 6px #fff,0 0 13px #7188ff,0 0 29px #2435a8; filter:blur(11px); transform:scale(.34) translateY(13px); transition:none; }
.vestba-koule.is-oracle .vestba-koule__answer.is-medium { font-size:clamp(1.35rem,3.5vw,1.82rem); }
.vestba-koule.is-oracle .vestba-koule__answer.is-long { font-size:clamp(1.12rem,2.9vw,1.52rem); line-height:1.02; }
.vestba-koule.is-oracle .vestba-koule__answer.is-very-long { font-size:clamp(.96rem,2.45vw,1.28rem); line-height:1; }
.vestba-koule__answer.is-negative { color:#ef9b91; }
.vestba-koule__orb.is-revealed .vestba-koule__answer { opacity:1; transform:scale(1); }
.vestba-koule.is-oracle .vestba-koule__orb.is-revealed .vestba-koule__answer { animation:vestba-koule-answer-emerge 1.45s cubic-bezier(.16,.72,.2,1) both; }
.vestba-koule.is-yesno .vestba-koule__orb.is-revealed img { filter:brightness(.72) saturate(.82) drop-shadow(0 10px 17px rgba(174,64,35,.2)); transform:scale(1.025); }
.vestba-koule.is-oracle .vestba-koule__orb img { filter:drop-shadow(0 10px 17px rgba(77,64,196,.23)); }
.vestba-koule__orb.is-shaking { animation:vestba-koule-shake 1.05s cubic-bezier(.36,.07,.19,.97) both; }
.vestba-koule__orb.is-shaking img { filter:blur(2px) brightness(.75); }
@keyframes vestba-koule-shake { 10%,90%{transform:translate3d(-3px,0,0) rotate(-1deg)} 20%,80%{transform:translate3d(6px,0,0) rotate(2deg)} 30%,50%,70%{transform:translate3d(-9px,0,0) rotate(-2deg)} 40%,60%{transform:translate3d(9px,0,0) rotate(2deg)} }
@keyframes vestba-koule-answer-emerge { 0%{opacity:0;filter:blur(13px);transform:scale(.28) translateY(15px);text-shadow:none} 48%{opacity:.48;filter:blur(6px);transform:scale(.67) translateY(7px)} 78%{opacity:.9;filter:blur(1.5px);transform:scale(.95) translateY(1px)} 100%{opacity:1;filter:blur(0);transform:scale(1) translateY(0);text-shadow:0 0 5px #fff,0 0 11px #627eff,0 0 24px #1e2d91} }
.vestba-koule__hint,.vestba-koule__warning { color:var(--vk-muted); }
.vestba-koule__again,.vestba-koule__save button { min-height:42px; padding:.55rem 1.1rem; border:1px solid rgba(201,166,90,.45); border-radius:5px; background:rgba(183,71,63,.22); color:#f1d28e; font-weight:700; cursor:pointer; }
.vestba-koule__again:hover,.vestba-koule__save button:hover { background:rgba(183,71,63,.38); }
.vestba-koule__save { margin:1.3rem 0; padding:1rem 1.2rem; border-left:5px solid var(--vk-gold); border-radius:6px; background:rgba(255,255,255,.045); }
.vestba-koule__save label { display:block; color:var(--vk-gold); font-weight:700; }
.vestba-koule__save textarea { display:block; width:100%; margin:.45rem 0 .7rem; box-sizing:border-box; background:#17171b; color:var(--vk-text); border:1px solid #655a50; }
.vestba-koule__save div { display:flex; align-items:center; gap:.8rem; }
.vestba-koule__archive { margin-top:1.2rem; padding:1rem; border:1px solid rgba(201,166,90,.25); border-radius:7px; background:rgba(0,0,0,.16); }
.vestba-koule__archive summary { color:var(--vk-gold); font-weight:700; cursor:pointer; }
.vestba-koule__archive-list { display:grid; gap:.7rem; margin-top:.8rem; }
.vestba-koule__archive-item { display:grid; grid-template-columns:62px 1fr; gap:.85rem; padding:.7rem; border-left:4px solid var(--vk-red); border-radius:5px; background:rgba(255,255,255,.045); }
.vestba-koule__archive-symbol { width:58px; height:58px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#d9b86d 0,#792d2a 35%,#15131c 72%); box-shadow:0 0 12px rgba(201,166,90,.25); }
.vestba-koule__archive-item.is-odpovedi .vestba-koule__archive-symbol { background:radial-gradient(circle at 35% 30%,#927ac9 0,#24245d 38%,#0d0c18 72%); }
.vestba-koule__archive-item small,.vestba-koule__archive-item strong,.vestba-koule__archive-item time { display:block; }
.vestba-koule__archive-item small,.vestba-koule__archive-item time { color:var(--vk-muted); font-size:.82rem; }
.vestba-koule__archive-item strong { margin:.08rem 0; color:#e8ca87; }
.vestba-koule__archive-item p { margin:.3rem 0; overflow-wrap:anywhere; }
.vestba-koule__delete { padding:0!important; border:0!important; background:transparent!important; color:#d9958e!important; font-size:.82rem; text-decoration:underline; cursor:pointer; }
@media(max-width:760px){.vestba-koule__choices{grid-template-columns:1fr}.vestba-koule__choice{grid-template-columns:115px 1fr;min-height:190px}.vestba-koule__choice img{width:115px;height:165px}.vestba-koule__orb{width:min(100%,360px)}}
@media(max-width:440px){.vestba-koule__choice{grid-template-columns:90px 1fr;padding:.8rem}.vestba-koule__choice img{width:90px;height:135px}.vestba-koule__save div{align-items:flex-start;flex-direction:column}.vestba-koule.is-oracle .vestba-koule__answer{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.vestba-koule__choice,.vestba-koule__orb img,.vestba-koule__answer{transition:none}.vestba-koule__orb.is-shaking,.vestba-koule.is-oracle .vestba-koule__orb.is-revealed .vestba-koule__answer{animation:none;filter:none;transform:none}}