/* Result screen only. The diagonal-sized square remains centered while rotating. */
#win-screen{
 isolation:isolate;
 background:#f4f5f7;
 background-image:none;
 color:#111214;
}
#win-screen:before,#win-screen:after{content:none}
#win-screen .win-sun{
 position:absolute;
 inset:auto;
 left:50%;
 top:50%;
 width:var(--win-sun-size,1200px);
 height:var(--win-sun-size,1200px);
 translate:-50% -50%;
 transform-origin:50% 50%;
 z-index:0;
 opacity:.86;
 background:repeating-conic-gradient(from -8deg,#bcc1c7 0deg 14deg,#f4f5f7 14deg 30deg);
 background-blend-mode:normal;
 mask-image:none;
 -webkit-mask-image:none;
 filter:none;
 pointer-events:none;
 animation:win-metal-turn 36s linear infinite;
 will-change:transform;
}
#win-screen .win-content{z-index:2}
#win-screen .win-content h1{
 color:#111214;
 font-family:inherit;
 font-weight:750;
 text-shadow:none;
}
#win-screen .win-eyebrow{color:#50555c;font-weight:600}
#win-screen .win-art{isolation:isolate}
#win-screen .win-art:before{
 content:"";
 position:absolute;
 left:50%;
 top:50%;
 width:125%;
 height:145%;
 translate:-50% -50%;
 z-index:-1;
 border-radius:50%;
 background:radial-gradient(ellipse,#fff 0%,#fffffff0 23%,#ffffff87 42%,#ffffff00 70%);
 pointer-events:none;
}
#win-screen .win-art>img{filter:drop-shadow(0 10px 10px #17202c12)}
#win-screen .win-content>.spin-button{
 color:#fff;
 background:#111214;
 background-image:none;
 border:0;
 border-radius:12px;
 box-shadow:none;
 text-shadow:none;
}
#win-screen .win-content>.spin-button:hover{background:#282a2d}
#win-screen .win-content>.spin-button:active{background:#050607}
#win-screen .close{
 display:grid;
 place-items:center;
 width:44px;
 height:44px;
 padding:0;
 border-radius:12px;
 border:1px solid #d3d7dc;
 background:#f0f1f3;
 color:#24272c;
 font-size:27px;
 line-height:1;
 box-shadow:none;
}
#win-screen .close:hover{background:#e1e4e8;color:#000}
#win-screen button:focus-visible{outline:3px solid #bddc41;outline-offset:3px}
#win-screen[data-prize="cloud"] .confetti,#win-screen[data-prize="cloud"] .win-petals{display:none}
.paused #win-screen .win-sun,#win-screen[hidden] .win-sun{animation-play-state:paused}
@keyframes win-metal-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#win-screen .win-sun{animation:none!important;will-change:auto}}