:root{color-scheme:dark;--felt:#a60808;--ink:#1a0708;--cream:#fff6ea;--gold:#f0d48a;--gold-deep:#8a5a16}html,body{height:100%}body{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;background:var(--felt)}.felt-layer{background-color:var(--felt);background-image:url(https://www.privados.cl/ruleta/assets/xfelt.jpg.pagespeed.ic.1MtTRtDsin.jpg);background-position:center;background-size:cover}.felt-noise{background-image:url(https://www.privados.cl/ruleta/assets/xnoise.png.pagespeed.ic.x6uyajbE-s.png);background-size:180px 180px;mix-blend-mode:multiply;opacity:.45}.felt-fibers{background-image: repeating-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.035) 0 1px,
    transparent 1px 5px
  );opacity:.55}.felt-vignette{background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.18) 52%,
    rgba(0, 0, 0, 0.58) 100%
  )}#shell{display:flex;flex:1;min-height:0}#sidebar{width:min(22rem,92vw);overflow:auto}main{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:hidden}#view-jugar,#view-historial,#view-reglas{flex:1;min-height:0}#view-historial,#view-reglas{overflow:auto;padding:1.25rem 1rem 1.5rem}.play-view{display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%;padding:.65rem 1rem .4rem}.play-head{flex:none;text-align:center}.play-head h2{font-size:1.45rem;line-height:1.15}.play-dock{display:flex;flex:none;width:min(100%,36rem);flex-direction:column;align-items:center;gap:.3rem}.play-result{display:flex;width:100%;max-width:36rem;align-items:baseline;justify-content:center;gap:.45rem .7rem;overflow:hidden;border-radius:999px;border:1px solid rgba(240,212,138,.3);background:rgba(26,7,8,.72);padding:.35rem .9rem;white-space:nowrap}.site-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:.75rem;height:2.25rem;overflow:hidden;border-top:1px solid rgba(240,212,138,.3);background:rgba(26,7,8,.85);padding:0 1rem;font-size:.8rem;white-space:nowrap;backdrop-filter:blur(8px)}#backdrop{display:none}@media (max-width:1023px){#sidebar{position:fixed;z-index:50;inset:0 auto 0 0;transform:translateX(-110%);transition:transform .2s ease;box-shadow:12px 0 40px rgba(0,0,0,.35)}#sidebar.is-open{transform:none}#backdrop.is-open{display:block;position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.55)}}@media (min-width:1024px){#sidebar{position:relative;flex:none;width:22rem;transform:none}}.type-flag{display:inline-flex;width:1.35rem;height:.9rem;flex:none;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.4)}.type-flag svg{display:block;width:100%;height:100%}.type-btn.is-selected,.preset.is-selected,.nav-link.is-selected{border-color:var(--gold);background:rgba(240,212,138,.18);color:var(--cream)}.nav-link.is-selected{background:var(--gold);color:var(--ink)}.panel-scroll{scrollbar-width:thin;scrollbar-color:rgba(240,212,138,.45) transparent}.wheel-stage{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:0;filter:drop-shadow(0 18px 24px rgba(0,0,0,.38))}.wheel-frame{position:relative;width:min(100%,calc(100vh - 18rem));max-height:100%;aspect-ratio: 1 / 1}#bulbs{position:absolute;inset:0;z-index:0;pointer-events:none}.bulb{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fff,#f0d48a 42%,#8a5a16 78%);box-shadow:0 0 8px rgba(240,212,138,.95);transform: rotate(var(--a)) translateY(calc(var(--bulb-r, 180px) * -1));animation:twinkle 1.8s ease-in-out infinite}.wheel-stage.is-spinning .bulb{animation-duration:.28s}#pointer{position:absolute;z-index:3;top:-2px;left:50%;width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-top:32px solid #fff1c9;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45));transform:translateX(-50%);transform-origin:top center}#pointer.tick{animation:peg 90ms ease-out}#view-jugar.hidden,#view-historial.hidden,#view-reglas.hidden{display:none!important}#wheel{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer}.result-card{display:flex;width:132px;height:184px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px 14px 16px;border:1px solid rgba(240,212,138,.85);border-radius:16px;background:linear-gradient(180deg,#fffaf3,#f3e4cc);color:#1a090c;box-shadow:0 16px 30px rgba(0,0,0,.35)}.result-card .rank{font-size:2rem;font-weight:700;line-height:1}.result-card .suit{align-self:flex-end;font-size:2.6rem;line-height:1}.result-card.is-red{color:#c8102e}.result-card.is-joker{align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#5b2148,#2a0a16 70%);color:#fff6ea;text-align:center}#result-dialog{width:min(28rem,calc(100vw - 2rem));padding:0;border:none;background:transparent}#result-dialog::backdrop{background:rgba(18,0,0,.72);backdrop-filter:blur(3px)}#result-panel{animation:pop .28s ease-out}#toast.is-on{display:block}@keyframes twinkle {
  0%,
  100% { opacity: 0.45; }
  50% { opacity: 1; }
}@keyframes peg {
  0% { transform: translateX(-50%) rotate(0deg); }
  40% { transform: translateX(-50%) rotate(-14deg); }
  100% { transform: translateX(-50%) rotate(0deg); }
}@keyframes pop {
  from { transform: translateY(8px) scale(0.96); opacity: 0; }
  to { transform: none; opacity: 1; }
}@media (prefers-reduced-motion:reduce){.bulb,#pointer.tick,#result-panel{animation:none}}