body.casino-outcome-open{overflow:hidden}
dialog.casino-outcome{padding:0;border:1px solid #b99343;border-radius:24px;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;color:#fff;background:#122119;overflow:auto;box-shadow:0 25px 100px #0009;font-family:Arial,sans-serif}
.casino-outcome::backdrop{background:#020806c9;backdrop-filter:blur(5px)}
.casino-outcome[open]{animation:casino-outcome-enter .3s ease-out}
.casino-outcome-panel{position:relative;padding:25px 22px 22px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#82702166,transparent 65%),linear-gradient(160deg,#173025,#101c18)}
.casino-outcome[data-outcome=lost]{border-color:#876478}.casino-outcome[data-outcome=lost] .casino-outcome-panel{background:radial-gradient(ellipse at 50% 20%,#77415c55,transparent 65%),linear-gradient(160deg,#282332,#151d22)}
.casino-outcome-close{position:absolute;right:10px;top:9px;z-index:2;border:0;border-radius:50%;width:36px;height:36px;color:#e9efe9;background:#ffffff14;font-size:25px;cursor:pointer}
.casino-outcome-game{color:#d3c391;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;margin:3px 28px 18px}.casino-outcome-title{font-size:27px;font-weight:800;margin:14px 0 10px;color:#ffe599}.casino-outcome-label{font-size:12px;color:#cddbcf;margin:0 0 5px}.casino-outcome-amount{display:block;font-size:42px;line-height:1.2;color:#ffe292;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;animation:casino-outcome-amount .65s ease-out}.casino-outcome-breakdown{font-size:11px;color:#b4cbbb;margin:10px 0}.casino-outcome-description{font-size:12px;color:#e0e8e2;line-height:1.5;overflow-wrap:anywhere;margin:12px 0 20px}.casino-outcome-done{position:relative;width:100%;padding:13px;border:0;border-radius:10px;background:#f0d477;color:#20251a;font-size:13px;font-weight:800;cursor:pointer}.casino-outcome button:focus-visible{outline:2px solid white;outline-offset:3px}
.casino-outcome[data-outcome=lost] .casino-outcome-title,.casino-outcome[data-outcome=lost] .casino-outcome-amount{color:#e9c9d7}.casino-outcome[data-outcome=lost] .casino-outcome-done{background:#dfd7e8;color:#292330}
.casino-outcome-art{display:flex;justify-content:center;align-items:center;min-height:135px;position:relative;pointer-events:none}.casino-outcome-art .casino-card-table{max-width:310px}.casino-outcome-art .casino-card-row>span{width:40px;height:55px}.casino-outcome-art .casino-reels>span{width:68px;height:90px;font-size:29px}.casino-outcome-art .casino-flight{gap:4px}.casino-outcome-art .casino-flight strong{font-size:22px}.casino-outcome-art .casino-wheel{width:125px;height:125px}.casino-outcome-art .casino-coin{width:115px;height:115px}
.casino-outcome[data-theme=slots] .casino-reels>span{animation:casino-reel-reveal .7s cubic-bezier(.2,.8,.3,1) both}.casino-outcome[data-theme=slots] .casino-reels>span:nth-child(2){animation-delay:.12s}.casino-outcome[data-theme=slots] .casino-reels>span:nth-child(3){animation-delay:.24s}
.casino-outcome[data-theme=cards] .casino-card-row>span{animation:casino-card-reveal .7s ease-out both}.casino-outcome[data-theme=cards] .casino-card-row>span:nth-child(even){animation-delay:.15s}
.casino-outcome[data-theme=wheel] .casino-wheel{animation:casino-wheel-reveal 1s cubic-bezier(.12,.8,.2,1) both}
.casino-outcome[data-theme=coin] .casino-coin{animation:casino-coin-reveal .9s ease-out both}
.casino-outcome[data-theme=dice] .casino-die{animation:casino-dice-reveal .8s ease-out both}
.casino-outcome[data-theme=mines] .casino-grid-reveal{animation:casino-gem-reveal .75s ease-out both}
.casino-outcome[data-theme=keno] .casino-grid-reveal{display:grid;place-items:center;width:100px;height:100px;border:4px solid #f3db9b;border-radius:50%;color:#162c1e;background:#ead382;font-size:44px;animation:casino-ball-reveal .8s ease-out both}
.casino-outcome[data-theme=color] .casino-color{animation:casino-color-reveal .9s ease-out both}
.casino-outcome[data-theme=flight] .casino-plane{animation:casino-flight-reveal 1s ease-out both}
.casino-outcome[data-theme=flight][data-outcome=lost] .casino-plane{animation:casino-flight-end 1s ease-out both}
.casino-outcome[data-theme=mines][data-outcome=lost] .casino-grid-reveal{color:#efa0aa;animation:casino-mine-reveal .65s ease-out both}
.casino-outcome[data-outcome=lost] .casino-outcome-particles{display:none}
.casino-outcome-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.casino-outcome-particles i{position:absolute;left:var(--spark-x);top:-15px;width:6px;height:10px;border-radius:2px;background:#f2d675;opacity:0;animation:casino-confetti 1.9s ease-out both;animation-delay:calc(var(--spark-index)*.045s)}.casino-outcome-particles i:nth-child(3n){background:#a3e3b1}.casino-outcome-particles i:nth-child(3n+1){background:#bd9ae4}
@keyframes casino-outcome-enter{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes casino-outcome-amount{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes casino-reel-reveal{from{opacity:0;transform:translateY(-55px) rotateX(110deg)}to{opacity:1;transform:none}}
@keyframes casino-card-reveal{from{opacity:0;transform:rotateY(100deg) translateY(15px)}to{opacity:1;transform:none}}
@keyframes casino-wheel-reveal{from{transform:rotate(-540deg) scale(.8)}to{transform:none}}
@keyframes casino-coin-reveal{from{transform:rotateY(720deg) translateY(-20px)}to{transform:none}}
@keyframes casino-dice-reveal{0%{transform:translate(-50px,-25px) rotate(-170deg);opacity:0}65%{transform:translate(8px,0) rotate(12deg);opacity:1}100%{transform:none}}
@keyframes casino-gem-reveal{0%{transform:scale(.2) rotate(-70deg);opacity:0}65%{transform:scale(1.2) rotate(10deg);opacity:1}100%{transform:none}}
@keyframes casino-ball-reveal{0%{transform:translateY(-60px);opacity:0}65%{transform:translateY(8px);opacity:1}85%{transform:translateY(-6px)}100%{transform:none}}
@keyframes casino-color-reveal{from{transform:scale(.6);filter:saturate(0);opacity:0}to{transform:none;filter:saturate(1);opacity:1}}
@keyframes casino-flight-reveal{from{transform:translate(-95px,45px) rotate(-20deg);opacity:0}to{transform:translate(0,0) rotate(-20deg);opacity:1}}
@keyframes casino-flight-end{0%{transform:translate(-80px,-25px) rotate(-20deg);opacity:0}50%{transform:translate(0,-10px) rotate(15deg);opacity:1}100%{transform:translate(15px,15px) rotate(35deg);opacity:.6}}
@keyframes casino-mine-reveal{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.4);opacity:1}70%{transform:translateX(-8px)}85%{transform:translateX(8px)}100%{transform:none}}
@keyframes casino-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(450px) rotate(420deg)}}
@media(max-width:575px){.casino-outcome-panel{padding:20px 16px 16px}.casino-outcome-title{font-size:23px}.casino-outcome-amount{font-size:35px}.casino-outcome-art{min-height:115px}.casino-outcome-art .casino-reels>span{width:58px;height:78px}.casino-outcome-art .casino-card-row>span{width:35px;height:49px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.casino-outcome[open],.casino-outcome *{animation:none!important}.casino-outcome-particles{display:none}}