.sr{justify-content:space-between}.sr-fit{--ar:1.6}.sr-ticket{--ivory:#ece5d6;--navy:#23365f;width:min(100cqw, 100cqh * var(--ar), 900px);aspect-ratio:var(--ar);border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,#ffc53d06 0 1px,#0000 1px 8px),radial-gradient(at 20% 0,#ffc53d17,#0000 55%),linear-gradient(160deg,#263863,#192544 60%,#18244b);border:1px solid #ffc53db3;grid-template:"crest win""mine mine"minmax(0,1fr)"foot foot"/minmax(0,1fr) auto;gap:2.6cqw 4cqw;padding:3cqw 3.6cqw 2.2cqw;animation:.35s both sr-in;display:grid;box-shadow:inset 0 0 0 5px #16213e,inset 0 0 0 6px #ffc53d4d,0 18px 40px #00000073;container-type:inline-size}@keyframes sr-in{0%{opacity:0;transform:translateY(4px)}}.sr-crest{grid-area:crest;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;align-items:center;column-gap:2.4cqw;display:grid}.sr-crown{grid-row:1/3;width:11cqw;height:auto;display:block}.sr-title{font-family:var(--display);color:var(--gold-3);align-self:end;font-size:4.6cqw;font-weight:600;line-height:1}.sr-sub,.sr-label{letter-spacing:.28em;text-transform:uppercase;color:#e2cc9c9e;font-size:clamp(8.5px,1.15cqw,11px);font-weight:500}.sr-sub{align-self:start;margin-top:.8cqw}.sr-win{flex-direction:column;grid-area:win;align-items:center;gap:1cqw;display:flex}.sr-win-row{gap:2cqw;display:flex}.sr-ball{background:radial-gradient(circle at 40% 35%, #f6f1e7, var(--ivory) 70%);width:10cqw;height:10cqw;box-shadow:inset 0 0 0 1px #ffc53de6, inset 0 0 0 4px var(--ivory), inset 0 0 0 5px #1d2a4740;transition:box-shadow .35s}.sr-ball .sc-under,.sr-tile .sc-under{container-type:size}.sr-ball-n{font-family:var(--display);color:var(--navy);font-variant-numeric:lining-nums;font-size:52cqw;font-weight:600;line-height:1}.sr-ball.hit{box-shadow:inset 0 0 0 2.5px var(--gold), inset 0 0 0 5px var(--ivory), inset 0 0 0 6px #a8894db3}.sr-mine{flex-direction:column;grid-area:mine;gap:1cqw;min-height:0;display:flex}.sr-grid{flex:1 1 0;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6cqw;min-height:0;display:grid}.sr-tile{background:radial-gradient(ellipse at 50% 40%, #f4efe4, var(--ivory) 70%);border-radius:3px;transition:opacity .35s,box-shadow .35s;box-shadow:inset 0 0 0 1px #1d2a474d}.sr-tile .sc-under{gap:4cqh}.sr-tile .sc-under:before{content:"";pointer-events:none;border:1px solid #1d2a471f;border-radius:2px;position:absolute;inset:5cqmin}.sr-tile-n{font-family:var(--display);color:var(--navy);font-variant-numeric:lining-nums;font-size:min(44cqh,50cqw);font-weight:600;line-height:.9}.sr-tile-p{letter-spacing:.04em;color:#6b5a3a;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;font-weight:500}.sr-tile-p.l{font-size:min(12cqh,15cqw)}.sr-tile-p.m{font-size:min(10cqh,12cqw)}.sr-tile-p.s{font-size:min(8.5cqh,9.5cqw)}.sr-tile.hit{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 4px var(--ivory), inset 0 0 0 5px #a8894d99}.sr-tile.hit .sc-under:before{border-color:#0000}.sr-tile.hit .sr-tile-n{color:#7a5313}.sr-tile.hit .sr-tile-p{color:#8a6c3c}.sr-tile.dim{background:#d3cdbf}.sr-tile.dim .sr-tile-n{color:#1d2a4773}.sr-tile.dim .sr-tile-p{color:#6b5a3a99}.sr-ticket.idle .sr-grid,.sr-ticket.idle .sr-win-row{opacity:.82}.sr-foot{white-space:nowrap;border-top:1px solid #ffc53d3d;grid-area:foot;justify-content:center;align-items:baseline;gap:1.6cqw;min-height:5.4cqw;padding-top:1.8cqw;display:flex;overflow:hidden}.sr-foot-note,.sr-foot-k,.sr-foot-m{letter-spacing:.22em;text-transform:uppercase;color:#e2cc9c9e;align-self:center;font-size:clamp(9px,1.2cqw,11.5px);font-weight:500}.sr-foot.loss .sr-foot-note{color:var(--muted)}.sr-foot-v{font-family:var(--display);color:var(--gold-3);font-size:clamp(18px,3.2cqw,30px);font-weight:600;line-height:1;animation:.35s both sr-in}.sr-foot-m{color:var(--win)}.sr-pay{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);flex:none;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,900px);display:grid;overflow:hidden}.sr-pay-cell{border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:44px;transition:background .3s;display:flex}.sr-pay-cell:first-child{border-left:0}.sr-pay-cell b{font-family:var(--display);color:var(--gold);font-size:17px;font-weight:600;line-height:1}.sr-pay-cell span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-size:10px;overflow:hidden}.sr-pay-cell.on{background:var(--gold-soft);box-shadow:inset 0 -2px 0 var(--gold)}.sr-pay-cell.on b{color:var(--gold-3)}.sr-pay-cell.on span{color:var(--text)}.sr-actions{flex-direction:column;gap:8px;display:flex}.sr-actions.busy .o-bet{opacity:.7}.sr-reveal{letter-spacing:.2em;text-transform:uppercase;width:100%;height:34px;font-size:11px;font-weight:500}.sr-reveal:hover:not(:disabled){color:var(--gold-3)}.sr-foot-v.ux-win{animation:.5s both ux-win}.sr-foot-v.ux-win.w2{animation:.7s both ux-win2}.sr-foot-v.ux-win.w3{animation:1s both ux-win3}.sr-ticket.live .sc-panel:not(.open):hover{box-shadow:inset 0 0 0 1px var(--gold-2)}.sr-ticket.won .sr-tile.hit:after,.sr-ticket.won .sr-ball.hit:after{content:"";z-index:2;border-radius:inherit;background:linear-gradient(110deg, transparent 38%, var(--gold-3) 50%, transparent 62%) 100% 0 / 300% 100% no-repeat;-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:1.1s ease-in-out .15s both sr-sweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sr-ticket.won .sr-tile.hit:after{animation-delay:.35s}.sr-ticket.won.w2 .sr-tile.hit:after,.sr-ticket.won.w2 .sr-ball.hit:after{animation-iteration-count:2}.sr-ticket.won.w3 .sr-tile.hit:after,.sr-ticket.won.w3 .sr-ball.hit:after{animation-iteration-count:3}.sr-ticket.won.w2 .sr-tile.hit .sc-under:after,.sr-ticket.won.w3 .sr-tile.hit .sc-under:after{content:"";background:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--gold-3) 22%, transparent) 50%, transparent 60%) 100% 0 / 300% 100% no-repeat;pointer-events:none;animation:1.1s ease-in-out .4s 2 both sr-sweep;position:absolute;inset:0}@keyframes sr-sweep{0%{background-position:100% 0}to{background-position:0 0}}.sr .result-banner{animation:.3s both pop,.5s 2.6s forwards sr-out}@keyframes sr-out{to{opacity:0;visibility:hidden}}@container (aspect-ratio<1.3){.sr-ticket{--ar:.86;aspect-ratio:.86;grid-template:"crest""win""mine"minmax(0,1fr)"foot"/minmax(0,1fr);row-gap:3.6cqw;width:min(100cqw,86cqh,560px);padding:5cqw 5cqw 3.4cqw}.sr-crest{grid-template-columns:1fr;justify-items:center;row-gap:1cqw}.sr-crown{grid-row:auto;width:15cqw}.sr-title{font-size:7.4cqw}.sr-sub,.sr-label{font-size:clamp(8px,1.9cqw,11px)}.sr-sub{margin-top:0}.sr-win{gap:1.8cqw}.sr-win-row{gap:4cqw}.sr-ball{width:15cqw;height:15cqw}.sr-mine{align-items:center;gap:1.8cqw}.sr-grid{gap:2.2cqw;width:100%}.sr-foot{gap:2.4cqw;min-height:8cqw;padding-top:2.6cqw}.sr-foot-note,.sr-foot-k,.sr-foot-m{font-size:clamp(8.5px,2cqw,11.5px)}.sr-foot-v{font-size:clamp(18px,5.4cqw,30px)}}@container (width<=460px){.sr-pay{grid-template-columns:repeat(5,minmax(0,1fr))}.sr-pay-cell{border-bottom:1px solid var(--line);height:38px}.sr-pay-cell:nth-child(5n+1){border-left:0}.sr-pay-cell:nth-child(n+6){border-bottom:0}.sr-pay-cell b{font-size:15px}}@media (width<=900px){.sr{--o-mh:clamp(440px, calc(100svh - 212px), 560px)}}@media (prefers-reduced-motion:reduce){.sr-ticket,.sr-foot-v,.sr-foot-v.ux-win,.sr-ticket.won .sr-tile.hit:after,.sr-ticket.won .sr-ball.hit:after,.sr-ticket.won .sr-tile.hit .sc-under:after{animation:none!important}.sr-ticket.won .sr-tile.hit:after,.sr-ticket.won .sr-ball.hit:after{background:var(--gold-3)}}@media (width<=900px){.sr-sub,.sr-label{letter-spacing:.18em;font-size:12px}.sr-foot{white-space:normal;text-align:center;flex-wrap:wrap;row-gap:2px}.sr-foot-note,.sr-foot-k,.sr-foot-m{letter-spacing:.1em;font-size:12px;line-height:1.4}.sr-tile-p.l{letter-spacing:0;font-size:min(12px,22cqw)}.sr-tile-p.m{letter-spacing:0;font-size:min(12px,17cqw)}.sr-tile-p.s{letter-spacing:-.02em;font-size:min(12px,14cqw)}.sr-pay-cell span{letter-spacing:0;font-size:12px}}