/* Original Lives V0.31.3 · Tienda de coronas de beta */
.ol-crown-shop{padding:60px 0;background:linear-gradient(180deg,#0e0b18,#0b0b14)}
.ol-crown-shop .ol-crown-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:20px;align-items:stretch}
.ol-crown-panel{padding:26px;border:1px solid rgba(100,230,243,.2);border-radius:24px;background:linear-gradient(145deg,#19182b,#11131e)}
.ol-crown-panel h2{font-size:clamp(28px,3vw,40px);margin:9px 0 12px}
.ol-crown-preview{display:grid;place-items:center;min-height:275px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at center,rgba(20,223,222,.13),transparent 65%),#0b101b}
.ol-crown-demo-tile{position:relative;width:145px;height:145px;border:2px solid rgba(44,222,226,.6);border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#25354e,#181729);box-shadow:0 0 25px rgba(10,214,224,.21)}
.ol-crown-demo-tile>span{font-size:65px}
.ol-crown-effect{position:absolute;inset:-66px -28px -8px;pointer-events:none;z-index:9;overflow:visible}
.ol-crown-effect .ol-crown-art{position:absolute;top:-8px;left:50%;width:125%;height:auto;transform:translateX(-50%);filter:drop-shadow(0 0 9px rgba(0,255,255,.8));animation:ol-crown-float 3.2s ease-in-out infinite,ol-crown-glow 2.4s ease-in-out infinite;z-index:2}
.ol-crown-effect .ol-crown-rays{position:absolute;top:26px;left:20%;width:60%;height:105%;background:repeating-linear-gradient(92deg,transparent 0 14%,rgba(38,250,240,.18) 15%,transparent 18% 28%);filter:blur(7px);mask-image:linear-gradient(180deg,#000,transparent 85%);animation:ol-crown-ray 2.6s ease-in-out infinite}
.ol-crown-effect .ol-crown-spark{position:absolute;top:25%;left:var(--x);width:4px;height:4px;border-radius:50%;background:#a2ffff;box-shadow:0 0 9px 2px #2effee;animation:ol-crown-fall var(--dur) linear infinite;animation-delay:var(--delay)}
@keyframes ol-crown-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}
@keyframes ol-crown-glow{0%,100%{opacity:.88}50%{opacity:1}}
@keyframes ol-crown-ray{0%,100%{opacity:.25;transform:translateY(-5px)}50%{opacity:.85;transform:translateY(7px)}}
@keyframes ol-crown-fall{0%{transform:translateY(-10px);opacity:0}14%{opacity:.9}80%{opacity:.6}100%{transform:translateY(115px);opacity:0}}
.ol-voice-live-seat:has(>.ol-crown-effect){overflow:visible!important;isolation:isolate}
.ol-voice-live-seat>.ol-crown-effect{inset:-50px 0 0;z-index:8}
.ol-voice-live-seat>.ol-crown-effect .ol-crown-art{top:0;width:min(135%,155px)}
.ol-voice-live-seat>.ol-crown-effect .ol-crown-rays{height:85%}
.ol-crown-panel p,.ol-crown-panel small{color:#bebbd0;line-height:1.7}
.ol-crown-prices{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}
.ol-crown-buy{padding:12px 16px;border-radius:13px;border:1px solid rgba(100,233,236,.3);background:#184957;color:#efffff;cursor:pointer;font-weight:800}
.ol-crown-buy:hover:not(:disabled){background:#216572}
.ol-crown-buy:disabled{opacity:.5;cursor:not-allowed}
.ol-crown-balance{color:#b6f5f5;font-weight:700;margin:10px 0}
.ol-crown-status{min-height:25px;color:#c7f6f8;font-size:13px}
@media(max-width:750px){.ol-crown-shop .ol-crown-layout{grid-template-columns:1fr}.ol-crown-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.ol-crown-effect *{animation:none!important}}

/* V0.31.6: Cross-device crown visibility. Anchor effect to the actual square seat,
   not outside desktop clipping/stacking contexts. */
.ol-voice-live-seats{overflow:visible!important;isolation:isolate}
.ol-voice-live-seat:has(> .ol-crown-effect){overflow:visible!important;isolation:isolate;z-index:2}
.ol-voice-live-seat > .ol-crown-effect{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;overflow:visible!important;
  z-index:12!important;pointer-events:none!important;visibility:visible!important;
}
.ol-voice-live-seat > .ol-crown-effect .ol-crown-art{
  display:block!important;position:absolute!important;top:-32px!important;left:50%!important;
  width:clamp(95px,80%,172px)!important;max-width:none!important;height:auto!important;
  opacity:1;filter:drop-shadow(0 0 12px rgba(0,255,244,.75));
}
.ol-voice-live-seat > .ol-crown-effect .ol-crown-rays{
  top:1px!important;left:20%!important;width:60%!important;height:75%!important;
  z-index:1!important;
}
.ol-voice-live-seat > .ol-crown-effect .ol-crown-spark{z-index:2!important}
@media (min-width:800px){
  .ol-voice-live-seat > .ol-crown-effect .ol-crown-art{top:-39px!important;width:clamp(125px,90%,190px)!important}
}
@media (max-width:600px){
  .ol-voice-live-seat > .ol-crown-effect .ol-crown-art{top:-25px!important;width:110%!important}
}