body.gamble-demo-padding{padding-bottom:80px!important}
.demo-banner{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px;background:#101c30;color:#e5eefc;border-top:1px solid #506080;font:12px system-ui;flex-wrap:wrap}
.demo-banner a{color:#ffdf76}.demo-banner select{background:#182d47;color:white;padding:6px;border-radius:5px;max-width:190px}.demo-banner label{display:flex;gap:8px;align-items:center}
#demo-gamble[hidden]{display:none!important}#demo-gamble{background:linear-gradient(#fff,#aaa 48%,#ee3333 52%,#960000);color:white;border:2px solid #ccc;font-weight:900;min-height:44px;border-radius:8px;padding:10px 16px}
.gmSr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:is(.demo-gamble-panel,.gmTable){box-sizing:border-box;width:min(800px,calc(100% - 12px));max-height:calc(100dvh - 16px);overflow:auto;margin:auto;padding:0;border:0;border-radius:0;color:#fff;background:transparent;font:700 16px Georgia,serif}
:is(.demo-gamble-panel,.gmTable)::backdrop{background:#220024c9}
:is(.demo-gamble-panel,.gmTable) *{box-sizing:border-box}
.gmSurface{position:relative;container-type:inline-size;width:100%;aspect-ratio:1285/718;background-image:url('/assets/gamble/classic-desktop.webp');background-size:156.88715953307394% 134.54038997214482%;background-position:0.13679890560875513% 0.4032258064516129%;}
:is(.demo-gamble-values,.gmAmounts){position:absolute;top:10.8%;left:2%;right:2%;display:grid;grid-template-columns:1fr 1fr;gap:5%;text-align:center;margin:0;color:#fff;font:700 2.65cqw 'Times New Roman',serif;text-shadow:0 1px 2px #000}
:is(.demo-gamble-values,.gmAmounts) strong{display:block;margin:0;color:#ffdf32;font:900 2.65cqw Verdana,sans-serif;font-variant-numeric:tabular-nums;line-height:1.25}
.gmHistoryRow{display:contents}.gmHistoryRow>span{position:absolute;top:29.5%;left:8%;width:40%;text-align:center;font:700 2.65cqw 'Times New Roman',serif;text-shadow:0 1px 2px #000}
:is(.demo-gamble-history,.gmHistory){position:absolute;left:52.4%;top:23.67%;width:37.67%;height:16.71%;display:flex;align-items:stretch;gap:3.3%;min-width:0}
:is(.demo-gamble-history,.gmHistory)>span{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 17.35%;min-width:0;height:100%;border:1px solid #c8c7c3;border-radius:1px;background:#fafaf8;color:#111;font:4.1cqw Georgia;overflow:hidden}
:is(.demo-gamble-history,.gmHistory)>span.red{color:#be0000}
:is(.demo-gamble-history,.gmHistory)>.gmHistoryEmpty{border:0;background-image:url('/assets/gamble/classic-desktop.webp');background-size:2400% 805.0000000000001%;background-position:77.63975155279503% 0.1182033096926714%;}
:is(.demo-gamble-history,.gmHistory)>span[data-corner]::before,:is(.demo-gamble-history,.gmHistory)>span[data-corner]::after{content:attr(data-corner);position:absolute;font:700 .92cqw Georgia;white-space:pre;line-height:1;left:1px;top:1px}
:is(.demo-gamble-history,.gmHistory)>span[data-corner]::after{left:auto;top:auto;right:1px;bottom:1px;transform:rotate(180deg)}
:is(.demo-gamble-history,.gmHistory)>.latest{animation:gamble-card-reveal .4s ease-out}
:is(.demo-gamble-table,.gmBody){display:contents}
:is(.demo-gamble-panel,.gmTable) button{cursor:pointer;touch-action:manipulation}
:is(.demo-gamble-panel,.gmTable) .colour{position:absolute;top:47.2%;left:11%;width:24.67%;height:30.92%;padding:0;margin:0;border:0;border-radius:50%;box-shadow:none;background-color:transparent;background-image:url('/assets/gamble/classic-desktop.webp');background-size:635.9621451104101% 435.13513513513516%;background-position:75.16185991759858% 96.90860215053763%;}
:is(.demo-gamble-panel,.gmTable) .colour.black{left:59.65%;background-image:url('/assets/gamble/classic-desktop.webp');background-size:635.9621451104101% 435.13513513513516%;background-position:56.386109476162446% 96.90860215053763%;}
:is(.demo-gamble-panel,.gmTable) .colour span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
:is(.demo-gamble-panel,.gmTable) .colour:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 0 8px #fffea36b}
:is(.demo-gamble-panel,.gmTable) button:focus-visible{outline:3px solid #ffff68;outline-offset:3px}
:is(.demo-gamble-panel,.gmTable) button:disabled{cursor:default}
:is(.demo-gamble-panel,.gmTable) .colour[aria-pressed="true"]{filter:brightness(1.17);box-shadow:0 0 8px #ffff9266}
:is(.demo-gamble-card,.gmCard){position:absolute;isolation:isolate;display:flex;align-items:center;justify-content:center;left:39.73%;top:44.57%;width:16.27%;height:41.5%;border:0;border-radius:2px;background-color:transparent;color:transparent;font:12cqw Georgia;background-image:url('/assets/gamble/classic-desktop.webp');background-size:964.5933014354067% 324.16107382550337%;background-position:94.68732706142778% 54.94011976047904%;}
:is(.demo-gamble-card,.gmCard):not(.face-up):not(.up)::after{content:"";position:absolute;inset:0;background-image:url('/assets/gamble/classic-desktop.webp');background-size:964.5933014354067% 324.16107382550337%;background-position:88.32318760376315% 99.8502994011976%;animation:gamble-back-alternate .5s steps(1,end) infinite;pointer-events:none}
:is(.demo-gamble-card,.gmCard):is(.face-up,.up){background:#fafaf8;color:#111;border:1px solid #d2d1cd;animation:gamble-card-reveal .4s ease-out}
:is(.demo-gamble-card,.gmCard):is(.face-up,.up).red{color:#be0000}
:is(.demo-gamble-card,.gmCard):is(.face-up,.up)::before,:is(.demo-gamble-card,.gmCard):is(.face-up,.up)::after{content:attr(data-corner);position:absolute;top:3px;left:3px;font:700 2cqw Georgia;line-height:1;white-space:pre}
:is(.demo-gamble-card,.gmCard):is(.face-up,.up)::after{top:auto;left:auto;bottom:3px;right:3px;transform:rotate(180deg)}
.gmInstruction{position:absolute;top:91%;left:2%;right:2%;margin:0;text-align:center;font:700 1.87cqw Verdana,sans-serif;color:white}
:is(.demo-gamble-footer,.gmFooter){display:flex;align-items:stretch;gap:6px;margin:5px 0 0;padding:7px 5px;background:linear-gradient(#f00013,#680006 60%,#250004)}
:is(.demo-gamble-status,.gmDone){flex:1;min-width:0;min-height:42px;margin:0;padding:10px 5px;border:2px solid #6c6a65;border-radius:5px;box-shadow:inset 0 0 4px #000;background:linear-gradient(#171717,#333);text-align:center;color:#f4f025;font:700 14px Arial,sans-serif}
:is(.demo-gamble-panel,.gmTable) :is(.demo-gamble-collect,.gmCollect){min-width:80px;min-height:44px;padding:6px 10px;border:3px ridge #d6d6d6;border-radius:2px;background:linear-gradient(#ffffdf,#9af63a 50%,#55ad16 51%,#d3ff7a);color:#173c00;font:900 15px Arial,sans-serif}
:is(.demo-gamble-note,.gmNote){text-align:center;margin:4px 0;color:#d5bcd3;font:10px Arial,sans-serif}
.gmTable .err{font:12px Arial,sans-serif;color:#ffdedb;text-align:center}.gmTable .err:empty{display:none}
.gmPanel{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:4px;container-type:size;min-height:0;background:#260027db}
.gmPanel[hidden]{display:none}.gmPanel .gmTable{width:min(800px,100%);max-height:100%;min-height:0;overscroll-behavior:contain;margin:0}
.extraBtn.gmBtn,.deck.slotDeck .extraBtn.gmBtn{background:linear-gradient(#f97777,#b40010);color:white;border:2px solid silver;border-radius:7px;animation:none}
@keyframes gamble-card-reveal{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
@keyframes gamble-back-alternate{0%,100%{opacity:0}50%{opacity:1}}
@media(max-width:440px){:is(.demo-gamble-status,.gmDone){font-size:11px}:is(.demo-gamble-panel,.gmTable) :is(.demo-gamble-collect,.gmCollect){min-width:70px;font-size:13px}:is(.demo-gamble-note,.gmNote){font-size:9px}}
@media(prefers-reduced-motion:reduce){:is(.demo-gamble-card,.gmCard),:is(.demo-gamble-card,.gmCard)::after,:is(.demo-gamble-history,.gmHistory)>.latest{animation:none!important}}


/* gamble-frame-fit-v2 */
:is(.demo-gamble-panel,.gmTable){
  width:min(800px,calc(100vw - 24px),max(1px,calc((100dvh - 126px) * 1.7896936)));
  container-type:inline-size;
}
.gmPanel{box-sizing:border-box;overflow:hidden}
.gmPanel .gmTable{
  width:min(800px,100cqw,max(1px,calc((100cqh - 110px) * 1.7896936)));
  max-width:100%;
}
:is(.demo-gamble-status,.gmDone){
  overflow-wrap:anywhere;
  padding:6px 5px;
  display:grid;
  place-items:center;
  font-size:clamp(9px,2.8cqw,14px);
}
:is(.demo-gamble-panel,.gmTable) :is(.demo-gamble-collect,.gmCollect){
  min-width:0;
  flex:0 0 auto;
  padding:6px;
  font-size:clamp(10px,3.4cqw,15px);
}
:is(.demo-gamble-note,.gmNote){
  font-size:clamp(7px,2.3cqw,10px);
  line-height:1.2;
}
.gmTable .err{
  margin:0;
  overflow-wrap:anywhere;
  font-size:clamp(8px,2.5cqw,12px);
  line-height:1.2;
}