.monte{--c:min(22.5cqw,calc((100cqh - 4.25rem)/2.7),8rem);--step:calc(var(--c)*1.5);--base:max(calc(var(--c)*.42),calc(50% - var(--c)*.8));--lift:calc(var(--c)*1.02);--gold:var(--mf-gold,#ffc53d);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.25rem;width:100%;height:100%;display:grid}.monte-streak{animation:.34s cubic-bezier(.2,1.5,.4,1) monte-pop}.monte-hud{min-height:1.5rem;color:var(--mf-text-muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:.75rem;font-size:.75rem;font-weight:700;display:flex}.monte-hands{color:var(--mf-text);align-items:center;gap:.5rem;display:inline-flex}.monte-pips{gap:3px;display:inline-flex}.monte-pips span{background:rgba(255,255,255,.12);border-radius:2px;width:.5rem;height:.75rem;transition:background .2s}.monte-pips span[data-on=true]{background:var(--gs-rim);box-shadow:0 0 6px color-mix(in srgb,var(--gs-rim)70%,transparent)}.monte-plate{height:2.25rem;color:var(--mf-text-muted);letter-spacing:-.01em;place-items:center;font-size:.9375rem;font-weight:800;display:grid}.monte-plate span{animation:.28s cubic-bezier(.2,1.3,.4,1) gs-say}.monte-found{bottom:calc(var(--c)*1.22 + var(--lift));z-index:3;border:1px solid var(--gold);background:color-mix(in srgb,var(--gold)22%,#0a0812);box-shadow:0 0 24px color-mix(in srgb,var(--gold)45%,transparent);color:var(--gold);letter-spacing:-.01em;white-space:nowrap;border-radius:.625rem;padding:.125rem .625rem;font-size:1.125rem;font-weight:800;animation:.32s cubic-bezier(.2,1.4,.4,1) monte-stamp;position:absolute;left:50%;translate:-50%}.gs:has(.monte[data-result=win]):after{content:"";z-index:1;background:radial-gradient(70% 60% at 50% 55%,color-mix(in srgb,var(--gold)55%,transparent),transparent 80%);opacity:0;pointer-events:none;animation:1.2s ease-out monte-flood;position:fixed;top:0;bottom:0;left:0;right:0}.monte-table{min-height:0;position:relative}.monte-table:before{content:"";bottom:calc(var(--base) - var(--c)*.6);width:min(100%,calc(var(--step)*3.3));height:calc(var(--c)*1.25);border:1px solid color-mix(in srgb,var(--gs-glow)45%,transparent);background:radial-gradient(closest-side,color-mix(in srgb,var(--gs-glow)30%,#0a0812),#0a0812 96%);box-shadow:0 0 28px color-mix(in srgb,var(--gs-glow)22%,transparent),inset 0 0 22px rgba(0,0,0,.55);border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;left:50%;transform:translate(-50%)}.monte[data-result=win] .monte-table:before{border-color:var(--gold);box-shadow:0 0 42px color-mix(in srgb,var(--gold)55%,transparent),inset 0 0 22px rgba(0,0,0,.45)}.monte-cup{bottom:var(--base);z-index:2;width:var(--c);height:var(--c);margin-left:calc(var(--c)/-2);pointer-events:none;position:absolute;left:50%}.monte-shadow{bottom:calc(var(--c)*-.26);width:calc(var(--c)*1.34);height:calc(var(--c)*.42);background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);border-radius:50%;transition:transform .32s,opacity .32s;position:absolute;left:50%;transform:translate(-50%)}.monte-cup[data-up=true] .monte-shadow{opacity:.6;transform:translate(-50%)scale(.72)}.monte-ball{bottom:calc(var(--c)*-.12);width:calc(var(--c)*.46);height:calc(var(--c)*.46);margin-left:calc(var(--c)*-.23);background:radial-gradient(circle at 35% 30%,#fff,#ffd36e 45%,#8a5a14);border-radius:50%;animation:.3s cubic-bezier(.2,1.5,.4,1) monte-pop;position:absolute;left:50%;box-shadow:0 0 18px rgba(255,211,110,.9)}.monte[data-result=win] .monte-ball{animation:.62s cubic-bezier(.3,0,.3,1) 2 monte-bounce}.monte-cube{perspective:calc(var(--c)*9);transition:transform .32s cubic-bezier(.2,1.3,.4,1);position:absolute;top:0;bottom:0;left:0;right:0}.monte-cup[data-up=true] .monte-cube{transform:translateY(calc(var(--lift)*-1))}.monte-cup[data-wrong=true] .monte-cube{animation:.42s .3s monte-wobble}.monte-spin{transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotateX(-20deg)rotateY(35deg)}.monte-face{border:calc(var(--c)*.06)solid #5b22b8;border-radius:calc(var(--c)*.05);background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 42%),radial-gradient(circle,#d6ff8a,#6ef046 42%,#0e5b2a);position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #d9b8ff}.monte-front{transform:translateZ(calc(var(--c)/2))}.monte-back{transform:rotateY(180deg)translateZ(calc(var(--c)/2))}.monte-right{transform:rotateY(90deg)translateZ(calc(var(--c)/2));background:radial-gradient(circle,#b6fbff,#22e3ee 42%,#0d4a66)}.monte-left{transform:rotateY(-90deg)translateZ(calc(var(--c)/2));background:radial-gradient(circle,#b6fbff,#22e3ee 42%,#0d4a66)}.monte-top{transform:rotateX(90deg)translateZ(calc(var(--c)/2));background:radial-gradient(circle,#e2c8ff,#a45cff 42%,#2d1266)}.monte-bottom{transform:rotateX(-90deg)translateZ(calc(var(--c)/2))}.monte-slot{top:0;bottom:0;left:calc(50% - var(--step)/2);z-index:6;width:var(--step);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:1rem;position:absolute}.monte-slot[data-slot="0"]{left:calc(50% - var(--step)*1.5)}.monte-slot[data-slot="2"]{left:calc(50% + var(--step)/2)}.monte-slot:disabled{cursor:default}.monte-slot:focus-visible{outline:2px solid var(--gs-rim);outline-offset:-3px}.monte-ring{bottom:calc(var(--base) - var(--c)*.42);width:calc(var(--c)*1.34);height:calc(var(--c)*.62);border:2px solid var(--gs-rim);opacity:0;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.monte[data-phase=pick] .monte-ring{opacity:.8;animation:1.1s ease-in-out infinite monte-ring}.monte-slot[data-slot="1"] .monte-ring{animation-delay:.18s}.monte-slot[data-slot="2"] .monte-ring{animation-delay:.36s}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="0"]:-webkit-any(:hover,:focus-visible)) .monte-cup[data-at="0"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="0"]:-moz-any(:hover,:focus-visible)) .monte-cup[data-at="0"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="0"]:is(:hover,:focus-visible)) .monte-cup[data-at="0"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="1"]:-webkit-any(:hover,:focus-visible)) .monte-cup[data-at="1"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="1"]:-moz-any(:hover,:focus-visible)) .monte-cup[data-at="1"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="1"]:is(:hover,:focus-visible)) .monte-cup[data-at="1"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="2"]:-webkit-any(:hover,:focus-visible)) .monte-cup[data-at="2"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="2"]:-moz-any(:hover,:focus-visible)) .monte-cup[data-at="2"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte[data-phase=pick] .monte-table:has(.monte-slot[data-slot="2"]:is(:hover,:focus-visible)) .monte-cup[data-at="2"] .monte-cube{transform:translateY(calc(var(--c)*-.16))}.monte-burst{z-index:3;position:absolute;bottom:0;left:50%}.monte-burst span{--turn:calc(var(--i)*36deg);width:calc(var(--c)*.12);height:calc(var(--c)*.12);margin:calc(var(--c)*-.06);background:var(--gold);box-shadow:0 0 10px var(--gold);opacity:0;border-radius:50%;animation:.72s cubic-bezier(.1,.7,.3,1) .12s monte-spark;position:absolute}.monte-burst span:nth-child(2n){background:var(--gs-glow);box-shadow:0 0 10px var(--gs-glow)}.monte-labels{right:0;bottom:max(0rem,calc(var(--base) - var(--c)*.62));z-index:5;grid-template-columns:repeat(3,var(--step));min-height:1.25rem;color:var(--mf-text-muted);text-align:center;white-space:nowrap;justify-content:center;font-size:.75rem;font-weight:700;line-height:1.25rem;display:grid;position:absolute;left:0}.monte-labels span[data-ball=true]{color:var(--gold)}.monte-key{font:inherit;border:1px solid rgba(255,255,255,.28);border-radius:.25rem;margin-right:.25rem;padding-left:.3125rem;padding-right:.3125rem;display:none}.monte:has(.monte-slot:focus-visible) .monte-key{display:inline}@keyframes monte-pop{0%{opacity:0;transform:scale(.6)}}@keyframes monte-bounce{50%{transform:translateY(calc(var(--c)*-.2))}}@keyframes monte-wobble{25%{rotate:-6deg}70%{rotate:4deg}}@keyframes monte-ring{50%{opacity:.3}}@keyframes monte-spark{0%{opacity:1;transform:rotate(var(--turn))translateY(0)scale(1)}to{opacity:0;transform:rotate(var(--turn))translateY(calc(var(--c)*-1.05))scale(.3)}}@keyframes monte-stamp{0%{opacity:0;transform:scale(1.6)}}@keyframes monte-flood{0%{opacity:1}}@media (prefers-reduced-motion:reduce){.monte-cube,.monte-shadow,.monte-table:before,.monte-pips span{transition:none}.monte-streak,.monte-ball,.monte-plate span,.monte-found,.monte[data-result=win] .monte-ball,.monte-cup[data-wrong=true] .monte-cube,.monte[data-phase=pick] .monte-ring{animation:none}.gs:has(.monte[data-result=win]):after{animation:none}.monte-burst{display:none}.monte-ring[data-swapping=true]{opacity:1}}