.sg{justify-content:space-between}.sg-main{flex-direction:column;flex:1 1 0;align-items:center;gap:14px;width:100%;min-height:0;display:flex}.sg-card{--ivory:#ece5d6;aspect-ratio:.84;border-radius:var(--radius-sm);background:radial-gradient(at 50% 0,#ffc53d14,#0000 60%),linear-gradient(#182237,#111624);border:1px solid #ffc53db3;grid-template-rows:auto minmax(0,1fr) auto;gap:3.6cqw;width:min(100cqw,84cqh,560px);padding:5cqw 5.4cqw 4cqw;animation:.35s both sg-in;display:grid;position:relative;box-shadow:inset 0 0 0 5px #121928,inset 0 0 0 6px #ffc53d52,0 18px 40px #00000073;container-type:inline-size}.sg-card:before,.sg-card:after{content:"";pointer-events:none;border:1px solid #ffc53d8c;width:2.2cqw;height:2.2cqw;position:absolute;top:1.6cqw;transform:rotate(45deg)}.sg-card:before{left:1.6cqw}.sg-card:after{right:1.6cqw}@keyframes sg-in{0%{opacity:0;transform:translateY(4px)}}.sg-head{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8cqw 3cqw;display:grid}.sg-orn{background:linear-gradient(90deg,#0000,#ffc53d99);height:1px}.sg-orn:nth-of-type(2){background:linear-gradient(90deg,#ffc53d99,#0000)}.sg-title{font-family:var(--display);color:var(--gold-3);letter-spacing:.02em;font-size:clamp(20px,7.4cqw,42px);font-weight:600;line-height:1}.sg-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;font-size:clamp(8.5px,1.9cqw,11px);font-weight:500}.sg-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4cqw;min-height:0;display:grid}.sg-cell{background:radial-gradient(ellipse at 50% 40%, #f4efe4, var(--ivory) 70%), var(--ivory);border-radius:3px;transition:opacity .35s,box-shadow .35s;box-shadow:inset 0 0 0 1px #4a371740}.sg-cell .sc-under{gap:.6cqw}.sg-cell .sc-under:before{content:"";pointer-events:none;border:1px solid #4a371724;border-radius:2px;position:absolute;inset:1.2cqw}.sg-amt{font-family:var(--display);color:#2f261b;white-space:nowrap;font-variant-numeric:lining-nums;font-weight:600;line-height:1}.sg-amt.l{font-size:6.6cqw}.sg-amt.m{font-size:5.2cqw}.sg-amt.s{font-size:4cqw}.sg-mult{letter-spacing:.2em;color:#7a6440;font-size:clamp(8.5px,1.9cqw,11.5px);font-weight:500}.sg-cell.win{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 4px var(--ivory), inset 0 0 0 5px #a8894d99}.sg-cell.win .sg-amt{color:#7a5313}.sg-cell.win .sg-mult{color:#8a6c3c}.sg-cell.win .sc-under:before{border-color:#0000}.sg-cell.dim{background:#d9d1c0}.sg-cell.dim .sg-amt{color:#231d156b}.sg-cell.dim .sg-mult{color:#7a644099}.sg-foot{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffc53d38;padding-top:2.6cqw;font-size:clamp(9px,2cqw,11.5px);font-weight:500;overflow:hidden}.sg-foot.win{color:var(--gold-3)}.sg-foot.loss{color:var(--dim)}.sg-card.idle .sg-grid{opacity:.82}.sg-pay{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);flex:none;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.sg-pay-head,.sg-pay-foot{display:none}.sg-pay-row{border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:46px;transition:background .3s;display:flex}.sg-pay-row:first-of-type{border-left:0}.sg-pay-row b{font-family:var(--display);color:var(--gold);font-size:17px;font-weight:600;line-height:1}.sg-pay-row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-size:10px;overflow:hidden}.sg-pay-row small{display:none}.sg-pay-row.on{background:var(--gold-soft);box-shadow:inset 0 -2px 0 var(--gold)}.sg-pay-row.on b{color:var(--gold-3)}.sg-pay-row.on span{color:var(--text)}.sg-actions{flex-direction:column;gap:8px;display:flex}.sg-actions.busy .o-bet{opacity:.7}.sg-reveal{letter-spacing:.2em;text-transform:uppercase;width:100%;height:34px;font-size:11px;font-weight:500}.sg-reveal:hover:not(:disabled){color:var(--gold-3)}.sg-foot>span{text-overflow:ellipsis;vertical-align:top;max-width:100%;display:inline-block;overflow:hidden}.sg-grid.live .sg-cell:not(.open):hover{box-shadow:inset 0 0 0 1px var(--gold-2)}.sg-card.won .sg-cell.win: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 sg-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}.sg-card.won .sg-cell.win:nth-child(n+4):after{animation-delay:.3s}.sg-card.won .sg-cell.win:nth-child(n+7):after{animation-delay:.45s}.sg-card.won.w2 .sg-cell.win:after{animation-iteration-count:2}.sg-card.won.w3 .sg-cell.win:after{animation-iteration-count:3}.sg-card.won.w2 .sg-cell.win .sc-under:after,.sg-card.won.w3 .sg-cell.win .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 .25s 2 both sg-sweep;position:absolute;inset:0}@keyframes sg-sweep{0%{background-position:100% 0}to{background-position:0 0}}.sg .result-banner{animation:.3s both pop,.5s 2.6s forwards sg-out}@keyframes sg-out{to{opacity:0;visibility:hidden}}@container (width>=760px){.sg-main{flex-direction:row;justify-content:center;gap:clamp(20px,3.5cqw,44px)}.sg-main>.o-fit{flex:0 auto;width:min(100%,84cqh);height:100%}.sg-pay{background:0 0;border:1px solid #ffc53d4d;grid-template-columns:1fr;align-self:center;width:236px;padding:14px 16px}.sg-pay-head,.sg-pay-foot{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);justify-content:space-between;font-size:10px;font-weight:500;display:flex}.sg-pay-head{border-bottom:1px solid var(--line-2);padding-bottom:10px}.sg-pay-foot{border-top:1px solid var(--line-2);letter-spacing:.16em;flex-direction:column;gap:6px;padding-top:12px}.sg-pay-foot span{justify-content:space-between;display:flex}.sg-pay-foot b{color:var(--text);letter-spacing:.04em;font-weight:500}.sg-pay-row{border-left:0;border-bottom:1px solid var(--line);border-radius:2px;grid-template-rows:auto auto;grid-template-columns:58px 1fr;align-items:baseline;gap:1px 10px;height:auto;margin:0 -8px;padding:8px;display:grid}.sg-pay-row:last-of-type{border-bottom:0}.sg-pay-row b{grid-row:1/3;align-self:center;font-size:24px}.sg-pay-row span{color:var(--text);text-align:right;padding:0;font-size:13px}.sg-pay-row small{letter-spacing:.1em;color:var(--dim);text-align:right;font-size:10px;display:block}.sg-pay-row.on{box-shadow:inset 2px 0 0 var(--gold)}}@media (width<=900px){.sg{--o-mh:clamp(440px, calc(100svh - 212px), 560px)}}@container (width<=460px){.sg-pay{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-pay-row{border-bottom:1px solid var(--line);height:40px}.sg-pay-row:nth-of-type(4n+1){border-left:0}.sg-pay-row:nth-of-type(n+5){border-bottom:0}.sg-pay-row b{font-size:15px}}@media (prefers-reduced-motion:reduce){.sg-card,.sg-card.won .sg-cell.win:after,.sg-card.won .sg-cell.win .sc-under:after{animation:none!important}.sg-card.won .sg-cell.win:after{background:var(--gold-3)}}@media (width<=900px){.sg-sub{letter-spacing:.18em;font-size:12px}.sg-mult{letter-spacing:.1em;font-size:12px}.sg-foot{letter-spacing:.12em;white-space:normal;font-size:12px;line-height:1.4}.sg-pay-row span{letter-spacing:0;font-size:12px}}