.scatter-tickets-underlay{position:absolute;inset:0;width:100%;height:100%;z-index:28;pointer-events:none}
.scatter-tickets{position:absolute;z-index:29;container-type:size;box-sizing:border-box;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#123453,#041224 75%);color:#ffe7ac;font-family:Georgia,serif;isolation:isolate}
.scatter-tickets[hidden],.scatter-tickets-underlay[hidden],.scatter-tickets [hidden]{display:none!important}
.scatter-tickets *{box-sizing:border-box}
.scatter-tickets-heading{position:absolute;inset:1.6% 2% auto;display:flex;align-items:center;justify-content:space-between;gap:2%;height:8%;border-bottom:1px solid #c89b4f66}
.scatter-tickets-heading h2{margin:0;font:700 2.2cqw/1 Georgia,serif;letter-spacing:.05em;white-space:nowrap;color:#ffe4a1;text-shadow:0 1px 2px #000}
.scatter-tickets-heading span{font:500 1.6cqw/1.1 Arial,sans-serif;color:#d4e6ed;text-align:right}
.scatter-tickets-grid{position:absolute;inset:11% 1.3% 1.3%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.1% .6%}
.scatter-tickets .scatter-ticket{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;min-width:0;min-height:0;padding:3% 6%;margin:0;border:0;border-radius:0;background:transparent;color:#a00822;box-shadow:none;cursor:pointer;filter:drop-shadow(0 .2cqw .14cqw #0008);touch-action:manipulation;transition:filter .15s,transform .15s;line-height:1}
.scatter-tickets .scatter-ticket:hover:not(:disabled){transform:translateY(-2%) scale(1.025);filter:drop-shadow(0 0 .5cqw #ffdc86b0) brightness(1.08)}
.scatter-tickets .scatter-ticket:focus-visible{outline:2px solid #a1fff3;outline-offset:-3px;filter:drop-shadow(0 0 .5cqw #8af0e5)}
.scatter-ticket-original{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.scatter-ticket-kind{font:700 1.05cqw/1.25 Arial,sans-serif;letter-spacing:.12em;color:#d6e7e6;white-space:nowrap}
.scatter-tickets .scatter-ticket:disabled{opacity:1;cursor:default}
.scatter-ticket.is-open{filter:none;background:radial-gradient(ellipse,#bd8d3d22,transparent 70%)}
.scatter-ticket-award{font:900 3.1cqw/1.2 Georgia,serif;color:#ffe298;letter-spacing:-.05em;text-shadow:0 2px 3px #000;white-space:nowrap}
.scatter-ticket.ticket-double{filter:drop-shadow(0 0 .6cqw #edc66f88);background-color:transparent}
.ticket-double .scatter-ticket-award{color:#a5f5e5}
.ticket-end .scatter-ticket-award{color:#ff8c9b}
.scatter-ticket.just-opened{animation:ticket-reveal .5s ease-out}
.scatter-tickets-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.scatter-tickets-result{position:absolute;inset:7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;border-block:1px solid #c5974c99;background:radial-gradient(ellipse,#c69f3e12,transparent 70%);text-align:center}
.scatter-tickets-result-label{font:700 2.7cqw/1 Georgia,serif;letter-spacing:.16em;color:#ffe1a0}
.scatter-tickets-total{font:700 10cqw/1 Georgia,serif;color:#ffdd84;text-shadow:0 2px 0 #5d2b12,0 0 2cqw #f9b53844;font-variant-numeric:tabular-nums}
.scatter-tickets-result-caption{font:700 1.7cqw/1 Arial,sans-serif;letter-spacing:.15em;color:#d5e7ee}
@keyframes ticket-reveal{0%{transform:rotateY(80deg) scale(.85)}60%{transform:rotateY(0) scale(1.06)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.scatter-ticket.just-opened{animation:none}.scatter-tickets .scatter-ticket{transition:none}}

.has-scatter-tickets .resume-label{display:none}