@sticky-studio-npm/ui-core 0.1.21 → 0.1.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/ui-bundle.es.js +7 -2
  2. package/dist/ui-bundle.umd.js +2 -1
  3. package/package.json +7 -4
  4. package/dist/ui-core.css +0 -1
package/dist/ui-bundle.es.js CHANGED
@@ -1,3 +1,4 @@
1
+ (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";html,body,#root{font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;width:100%;height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden}.app{display:flex;flex-direction:column;width:100%;height:100dvh}.game-container{position:relative;flex:1;width:100%;height:100dvh}.game-container canvas{display:block;width:100dvw;height:100dvh;background-image:url(public/img.png);background-repeat:no-repeat;background-position:center;background-size:cover}.game-container .settings-section{position:absolute;top:20px;right:20px;z-index:10}.ui-footer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;align-items:center;padding:20px 40px;color:#fff;box-sizing:border-box}.ui-footer .top-row{display:flex;align-items:center;width:100%;gap:20px;justify-content:space-between;position:relative}.ui-footer .left-group{display:flex;align-items:center;gap:15px}.ui-footer .left-group .buy-bonus{background:#f49f04e6;border:1.5px solid #FBDE38;border-radius:4px;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-height:50px;max-width:100px;padding:5px 13px;cursor:pointer;flex-shrink:0;font-size:18px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center}.ui-footer .left-group .balance-info{display:flex;gap:20px}.ui-footer .left-group .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .left-group .balance-info .info .label{font-size:14px;opacity:.8;margin-bottom:3px;word-break:manual;text-align:center;font-weight:400}.ui-footer .left-group .balance-info .info .value{font-size:18px;font-weight:700;word-break:manual;text-align:center}.ui-footer .bet-control{display:flex;align-items:center;gap:8px;margin-left:auto}.ui-footer .bet-control .bet-amount{display:flex;flex-direction:row;text-align:center;align-items:center;border:1.33px solid #C9C5C9;padding:5px 10px;border-radius:5px;font-size:14px;max-height:26px;width:143px;font-weight:700;cursor:pointer}.ui-footer .bet-control .bet-amount-icon{width:48px;height:48px;border:1.33px solid #aaa;border-radius:50%;justify-self:flex-start;background-color:#80808017;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin-left:-20px;background-image:url(public/assets/icons/coins.svg);background-repeat:no-repeat;background-position:center;background-size:60%;cursor:inherit}.ui-footer .bet-control .bet-amount-text{width:80%;font-size:15px;font-weight:500;cursor:inherit}.ui-footer .bet-control .bet-amount-text.ante-color{color:#ffd500}.ui-footer .bet-control .bet-box{position:relative;width:185px;height:38px;max-height:38px;min-height:unset;display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1.33px solid #C9C5C9;border-radius:6px;padding:0 10px;box-sizing:border-box;overflow:visible}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px;background:none;border:none;color:#fff;cursor:pointer;z-index:4;flex-shrink:0}.ui-footer .bet-control .bet-box .minus{background-image:url(public/assets/icons/minus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .plus{background-image:url(public/assets/icons/plus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .spin-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background-color:#22212140;border:1.33px solid yellow;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-image:url(public/assets/icons/spin.svg);background-size:115% 115%;background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:3;pointer-events:auto}.ui-footer .bet-control .bet-box .spin-btn:active{transform:translate(-50%,-50%) scale(.95)}.ui-footer .bet-control .bet-box .spin-btn.slam-stop{background-image:url(public/assets/icons/slam-stop.svg);background-size:60% 60%}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{background:transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;background-size:60% 60%;background-repeat:no-repeat;background-position:center;border:1.33px solid #C9C5C9;flex-shrink:0}.ui-footer .bet-control .quick-spin{background-image:url(public/assets/icons/turbo.svg)}.ui-footer .bet-control .quick-spin.active{background-image:url(public/assets/icons/turbo-active.svg)}.ui-footer .bet-control .auto-spin{background-image:url(public/assets/icons/autoplay.svg)}.ui-footer .bottom-row{display:none}@media screen and (orientation: portrait){.ui-footer{width:100%;padding:10px 8px;left:0;transform:none;bottom:35px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;--betbox-w: 170px;--spin-size: 75px;--qa-size: 35px;--qa-gap: 25px}.ui-footer .top-row{width:100%;position:relative;display:block;height:calc(var(--spin-size) + 24px)}.ui-footer .top-row .buy-bonus-wrap{position:absolute;top:50%;left:calc(50% - var(--betbox-w) / 2 - var(--qa-gap) * .7)}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{transform:translate(-100%,-50%);z-index:6;pointer-events:auto;min-height:45px;max-height:45px;padding:6px 12px;font-size:13px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:calc(var(--betbox-w) * .5)}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - var(--qa-gap) * 1.05);bottom:75px;width:53px;height:61px}.ui-footer .left-group{justify-content:center}.ui-footer .left-group .balance-info{display:flex;position:absolute;width:85%;top:100px;justify-content:space-between}.ui-footer .left-group .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .left-group .balance-info .info .label{font-size:11px;opacity:.8;text-align:center;font-weight:400}.ui-footer .left-group .balance-info .info .value{font-size:11px;font-weight:700;text-align:center}.ui-footer .bet-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;z-index:5;width:auto}.ui-footer .bet-control .bet-box{position:relative;width:var(--betbox-w);height:35px;max-height:35px;min-height:unset;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#ffffff14;border:1.3px solid #C9C5C9;border-radius:6px;box-sizing:border-box;pointer-events:auto;overflow:visible}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px;z-index:4;background:none;border:none;cursor:pointer;pointer-events:auto;flex-shrink:0}.ui-footer .bet-control .bet-box .minus{background-image:url(public/assets/icons/minus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .plus{background-image:url(public/assets/icons/plus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .spin-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--spin-size);height:var(--spin-size);border-radius:50%;z-index:3;pointer-events:auto}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{position:absolute;top:50%;transform:translateY(-50%);width:var(--qa-size);height:var(--qa-size);pointer-events:auto}.ui-footer .bet-control .quick-spin{left:calc(50% + var(--betbox-w) / 2 + var(--qa-gap) * .8)}.ui-footer .bet-control .auto-spin{left:calc(50% + var(--betbox-w) / 2 + var(--qa-gap) + var(--qa-size) + var(--qa-gap) * .6)}.ui-footer .bet-control .bet-amount{position:absolute;left:50%;top:calc(50% - var(--spin-size) / 2 + 85px);transform:translate(-50%);font-size:10px;min-width:calc(var(--spin-size) - 10px);text-align:center;max-height:20px;width:90px;color:#fff}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:35px;height:35px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:12px}.ui-footer .bottom-row{display:flex;width:100%;justify-content:center;margin-top:8px;box-sizing:border-box}.ui-footer .bottom-row .balance-info{display:flex;gap:12px;justify-content:center}.ui-footer .bottom-row .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .bottom-row .balance-info .info .label{font-size:12px;opacity:.8}.ui-footer .bottom-row .balance-info .info .value{font-size:16px;font-weight:700}}@media screen and (orientation: portrait) and (max-width: 420px){.ui-footer{--betbox-w: 140px;--spin-size: 73px;--qa-size: 32px;--qa-gap: 20px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)));bottom:75px;width:40px;height:48px}}@media screen and (orientation: portrait) and (max-width: 360px){.ui-footer{--betbox-w: 130px;--spin-size: 60px;--qa-size: 28px;--qa-gap: 16px}.ui-footer .bet-control .bet-amount{top:calc(50% - var(--spin-size) / 2 + 73px)}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:35px;height:35px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:11px}.ui-footer .left-group .balance-info{top:92px}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{padding:5px 10px;font-size:12px;min-height:36px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)) * 1.2);bottom:67px;width:40px;height:48px}.ui-footer .bottom-row .balance-info .info .label{font-size:10px}.ui-footer .bottom-row .balance-info .info .value{font-size:14px}}@media screen and (orientation: portrait) and (max-width: 320px){.ui-footer{--betbox-w: 120px;--spin-size: 52px;--qa-size: 24px;--qa-gap: 12px;padding:6px}.ui-footer .left-group .balance-info{top:80px}.ui-footer .bet-control .bet-amount{top:calc(50% - var(--spin-size) / 2 + 65px);width:70px}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:30px;height:30px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:10px}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{padding:4px 8px;font-size:11px;min-height:32px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)) * 1.6);bottom:60px}}@media screen and (max-width: 935px) and (orientation: landscape){.ui-footer{bottom:2px}.ui-footer .bet-control .bet-amount{max-height:16px;width:110px}.ui-footer .bet-control .bet-amount-icon{width:30px;height:30px}.ui-footer .bet-control .bet-amount-text{width:80%;font-size:12px;font-weight:500}.ui-footer .bet-control .bet-box{position:relative;width:130px;height:28px}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px}.ui-footer .bet-control .bet-box .spin-btn{width:55px;height:55px}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{width:27px;height:27px;border-radius:50%}.ui-footer .bonus-thumb{width:43px;height:51px;bottom:40px}.ui-footer .left-group{gap:10px}.ui-footer .left-group .buy-bonus{min-height:33px;max-height:33px;max-width:70px;font-size:10px}.ui-footer .left-group .balance-info{gap:15px}.ui-footer .left-group .balance-info .info .label{font-size:10px}.ui-footer .left-group .balance-info .info .value{font-size:12px}}.ui-footer .bet-amount:hover,.ui-footer .spin-btn:hover,.ui-footer .quick-spin:hover,.ui-footer .auto-spin:hover{background-color:#201f1fa1}.ui-footer .buy-bonus:hover{box-shadow:inset 0 0 0 1000px #0003}.buy-bonus-wrap{display:flex;flex-direction:column;align-items:center;position:relative;width:max-content;box-sizing:border-box}.bonus-thumb{position:absolute;width:64px;height:76px;border-radius:6px;border:1.2px solid rgba(255,215,18,.88);background-size:100%;background-position:center;background-repeat:no-repeat;bottom:60px;box-shadow:0 4px #00000003;box-sizing:border-box}.buy-bonus-wrap .bonus-thumb{background-clip:padding-box}.settings-section{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px}.volume-control{display:flex;align-items:center;background:#00000080;border-radius:999px;padding:4px 10px;gap:8px}.slider{appearance:none;width:120px;height:6px;border-radius:3px;background:#fff3;outline:none}.slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.volume-value{color:#fff;font-weight:600;min-width:24px;text-align:center}.btn-sound,.btn-settings{width:40px;height:40px;border:1px solid #fff;border-radius:50%;background:transparent;background-size:80% auto;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color .2s}.btn-sound:hover,.btn-settings:hover{background-color:#ffffff26}.btn-sound{background-image:url(public/assets/icons/sounds.svg)}.btn-sound.inactive{background-image:url(public/assets/icons/sounds-off.svg)}.btn-settings{background-image:url(public/assets/icons/settings.svg)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--900, rgba(28, 27, 30, .67));display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;padding-top:var(--overlay-padding-top, 50px);z-index:1000;gap:60px;user-select:none;-webkit-user-select:none;-ms-user-select:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.overlay.dialog{background:var(--900, rgba(30, 30, 30, .67))}.popup-title{position:absolute;color:#fff;top:50px;font-size:2.7rem;text-align:center}.overlay-close{width:5rem;height:3rem;position:absolute;right:50px;top:65px;border-radius:50%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='248'%20height='121'%20viewBox='0%200%20248%20121'%20fill='none'%3e%3cg%20opacity='0.1'%20filter='url(%23filter0_f_811_7791)'%3e%3cellipse%20cx='134'%20cy='60.3962'%20rx='87'%20ry='13.3962'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_811_7791)'%3e%3cellipse%20cx='134.001'%20cy='60.3961'%20rx='45.7585'%20ry='5.44679'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_811_7791'%20x='0.400002'%20y='0.400002'%20width='267.2'%20height='119.992'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='23.3'%20result='effect1_foregroundBlur_811_7791'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_811_7791'%20x='41.6422'%20y='8.34934'%20width='184.718'%20height='104.094'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='23.3'%20result='effect1_foregroundBlur_811_7791'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:150%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1005}.overlay-close img{width:1.8rem;height:1.8rem;display:block}.overlay-content{flex:1;display:flex;position:relative;z-index:1001;width:80%;max-height:calc(85vh - var(--overlay-padding-top, 100px));overflow-y:scroll;padding:10px;justify-content:center;margin-bottom:100px;scrollbar-color:#48464A #1C1B1E;box-sizing:border-box}.overlay-content::-webkit-scrollbar{width:10px}.overlay-content::-webkit-scrollbar-track{background:#0000000f}.overlay-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:30px}.overlay-bet-controller{width:300px;position:absolute;display:flex;gap:10px;bottom:80px;align-self:center}.bet-amount{padding:10px 5px;width:200px;border-radius:8px;border:1.698px solid #AEAAAF;text-align:center;background-color:#313033b3;color:#fff}.increase-bet,.decrease-bet{padding:10px 5px;border-radius:8px;border:1.698px solid #AEAAAF;width:40px;background-repeat:no-repeat;background-position:center;background-size:60%;background-color:#313033b3;cursor:pointer}.increase-bet{background-image:url(public/assets/icons/plus.svg)}.decrease-bet{background-image:url(public/assets/icons/minus.svg)}@media screen and (orientation: portrait){.overlay{--overlay-bottom-gap: 50px}.overlay .overlay-content{width:90%;justify-self:flex-start;max-height:calc(72vh - var(--overlay-padding-top, 100px) + var(--overlay-bottom-gap) * .2);margin-bottom:calc(var(--overlay-bottom-gap) * 3)}.overlay .overlay-close{top:auto;bottom:calc(var(--overlay-bottom-gap) * 1.3);right:auto;z-index:1005}.overlay .overlay-bet-controller{bottom:calc(var(--overlay-bottom-gap) * 2.8)}}@media screen and (max-width: 935px) and (orientation: landscape){.overlay .overlay-content{margin-top:30px;width:90%;max-height:calc(95vh - var(--overlay-padding-top, 100px) - 40px)}.overlay .overlay-close{width:2.7rem;height:1.4rem;top:60px}.overlay .overlay-close img{width:1rem;height:1rem}.overlay .overlay-bet-controller{bottom:65px}.overlay .popup-title{font-size:1.8rem}}.bet-popup-container{display:flex;width:80%;height:max-content;flex-wrap:wrap;align-self:center;justify-self:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;gap:30px}@media screen and (orientation: portrait){.bet-popup-container{width:100%;gap:15px}}@media screen and (max-width: 935px) and (orientation: landscape){.bet-popup-container{gap:15px}}.rectLabel{width:100px;height:40px;color:#fff;background:var(--800, rgba(49, 48, 51, .7));border:1px solid rgba(255,255,255,.12);padding:5px;text-align:center;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease;will-change:transform,box-shadow}.rectLabel:focus-visible{outline:none;box-shadow:0 0 0 4px #d4a0172e;border-color:#d4a017e6}.rectLabel:hover,.rectLabel:focus{background:#ffffff0f;transform:translateY(-4px) scale(1.03);border-color:#ffffffe6;box-shadow:0 8px 24px #00000073}.rectLabel:active{transform:translateY(0) scale(.985);box-shadow:0 4px 12px #00000059}.rectLabel span{display:block;font-size:22px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .16s ease}.rectLabel:hover span,.rectLabel:focus span{transform:scale(1.03)}.rectLabel.current-active{background:var(--Mustard-Yellow, #f6d923);color:#0c0c0c}@media (prefers-reduced-motion: reduce){.rectLabel{transition:none;transform:none}.rectLabel:hover{transform:none;box-shadow:none}.rectLabel span{transition:none;transform:none}}@media screen and (orientation: portrait){.rectLabel{width:70px;height:25px}.rectLabel span{font-size:14px;width:100%}}@media screen and (max-width: 935px) and (orientation: landscape){.rectLabel{width:70px;height:25px}.rectLabel span{font-size:14px;width:100%}}.autoplay-wrap{width:100%;max-width:760px;margin:0 auto;color:#fff;text-align:center;padding:18px 12px 28px;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;--ap-limit-h: 48px}.ap-title{font-size:22px;font-weight:800;margin:4px 0 18px;color:#fff}.autoplay-count{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:22px}.ap-switch-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.ap-switch-label{font-size:18px;font-weight:700}.ap-switch-control{display:flex;align-items:center;gap:10px}.ap-switch-text{font-weight:700;font-size:18px}.ap-tabs{display:flex;gap:8px;justify-content:center;margin:12px 0 6px}.ap-tab{background:#ffffff0f;color:#ddd;padding:10px 18px;border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.12);font-weight:700;cursor:pointer;min-width:140px}.ap-tab--active{background:#f0d35c;color:#111;box-shadow:0 4px #00000014}.ap-limits-panel{display:flex;justify-content:center;margin-top:6px}.ap-limits-inner{width:100%;max-width:620px;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:18px;box-sizing:border-box;background:#00000059;position:relative}.ap-limits-inner:before{display:none;content:none}.ap-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;justify-items:center}.ap-limit-grid>*{min-width:0}.ap-limit{background:#00000073;color:#eee;border:2px solid rgba(255,255,255,.12);padding:0 18px;width:100%;max-width:200px;text-align:center;border-radius:12px;font-weight:800;cursor:pointer;transition:all .12s ease;box-shadow:inset 0 -6px #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1;vertical-align:middle;outline:none;height:var(--ap-limit-h)}.ap-limit--active{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#222;border-color:#00000026;transform:translateY(-2px)}button.ap-limit:focus,input.ap-limit:focus{outline:none;box-shadow:0 0 0 3px #d4a01726}input.ap-limit,input[type=number].ap-limit{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:200px;padding:0 18px;background:#00000073;color:#eee;border:2px solid rgba(255,255,255,.12);border-radius:12px;font-weight:800;font-family:inherit;font-size:14px;line-height:1;text-align:center;outline:none;height:var(--ap-limit-h)}input.ap-limit::-webkit-outer-spin-button,input.ap-limit::-webkit-inner-spin-button,input[type=number].ap-limit::-webkit-outer-spin-button,input[type=number].ap-limit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.ap-limit::-ms-clear,input.ap-limit::-ms-expand,input[type=number].ap-limit::-ms-clear,input[type=number].ap-limit::-ms-expand{display:none}input.ap-limit.ap-limit--active{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#222;border-color:#00000026;transform:translateY(-2px)}.ap-start-row{margin-top:22px;display:flex;justify-content:center}.ap-start-btn{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#111;border:2px solid #c89b2f;padding:14px 48px;border-radius:14px;font-size:26px;font-weight:900;cursor:pointer;box-shadow:0 6px #00000047,inset 0 -6px #0000000f;transition:transform .08s ease,box-shadow .08s ease}.ap-start-btn:active{transform:translateY(2px);box-shadow:0 4px #0000003d}.ap-start-btn--disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 880px){.autoplay-wrap{padding:14px 10px}.ap-title{font-size:20px}.ap-toggle{width:60px;height:34px}.ap-toggle__knob{width:28px;height:28px}.ap-tab{min-width:120px;padding:8px 12px}.ap-limit-grid{gap:10px}.ap-start-btn{font-size:22px;padding:12px 40px;border-radius:12px}}@media screen and (orientation: portrait) and (max-width: 420px){.ap-title{font-size:18px}.autoplay-count{gap:12px}.ap-limit-grid{grid-template-columns:repeat(2,1fr)}.ap-limit{font-size:13px;padding:10px 12px;border-radius:10px;height:44px}.ap-tab{min-width:110px;padding:8px 10px}.ap-start-btn{font-size:18px;padding:10px 28px;border-radius:10px}.autoplay-wrap{--ap-limit-h: 44px}}@media screen and (orientation: landscape) and (max-height: 420px),screen and (orientation: landscape) and (min-aspect-ratio: 2.2/1){.autoplay-wrap{padding:10px 6px}.ap-title{font-size:18px;margin-bottom:8px}.autoplay-count{gap:12px;margin-bottom:12px}.ap-toggle{width:56px;height:32px}.ap-toggle__knob{width:26px;height:26px}.ap-switch-text{font-size:16px}.ap-tab{padding:8px 10px;min-width:110px;font-size:13px}.ap-limits-inner{padding:12px}.ap-limit-grid{gap:8px}.ap-limit{padding:0 18px;font-size:12px;border-radius:9px}.ap-start-btn{padding:10px 36px;font-size:20px;border-radius:12px}.autoplay-wrap{--ap-limit-h: 40px}}@media screen and (orientation: landscape) and (max-height: 360px){.ap-title{display:none}.ap-limit-grid{grid-template-columns:repeat(3,1fr);gap:6px}.autoplay-count{gap:8px}.ap-limits-inner{padding:8px}.ap-limit{padding:0 12px;font-size:11px}.ap-start-btn{padding:8px 28px;font-size:16px;border-radius:10px}.autoplay-wrap{--ap-limit-h: 36px}}.ap-toggle{width:68px;height:38px;border-radius:999px;background:linear-gradient(180deg,#f0d35c,#d4a017);border:none;position:relative;padding:4px;display:inline-flex;align-items:center;transition:background .12s ease;cursor:pointer;box-shadow:inset 0 -6px #0000000f}.ap-toggle--off{background:linear-gradient(180deg,#efefef,#ddd)}.ap-toggle--on{background:linear-gradient(180deg,#f0d35c,#d4a017)}.ap-toggle--on .ap-toggle__knob{margin-left:auto}.ap-toggle__knob{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 4px 8px #00000040;display:block;transition:transform .12s ease}@media (max-width: 880px){.ap-toggle{width:60px;height:34px}.ap-toggle__knob{width:28px;height:28px}}@media (max-width: 1000px){.ap-toggle{width:50px;height:30px}.ap-toggle__knob{width:24px;height:24px}}@media (max-width: 750px){.ap-toggle{width:38px;height:23px}.ap-toggle__knob{width:18px;height:18px}}.sp-wrap{width:100%;max-width:760px;margin:0 auto;color:#fff;text-align:center;padding:20px 12px;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;--sp-switch-w: 54px;--sp-switch-h: 54px;--action-width: 45%;--action-max: 280px;--action-bg: rgba(41, 40, 40, .3);--action-icon-size: 43px;--content-max: 620px;--row-gap: 6px}.sp-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:18px}.sp-action{width:var(--action-width);max-width:var(--action-max);background:var(--action-bg);color:#fff;border-radius:6px;border:1.6px solid rgba(255,255,255,.12);padding:10px 12px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;transition:transform .08s ease,background .08s ease}.sp-action:hover{background:#1c1c1cde}.sp-action__icon{position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:var(--action-icon-size);height:var(--action-icon-size);display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid rgba(255,255,255,.12);background:#0e0e0e59;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:60% 60%}.sp-action--history .sp-action__icon{background-image:url(public/assets/icons/history.svg)}.sp-action--paytable .sp-action__icon{background-image:url(public/assets/icons/paytable.svg)}.sp-action__label{display:inline-block;width:100%;font-weight:800;font-size:16px;letter-spacing:.3px;text-align:center;pointer-events:none}.sp-section-title{margin:18px 0 8px;font-size:23px;font-weight:800;color:#fff}.sp-rows{width:35%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box}.sp-row{display:grid;grid-template-columns:var(--sp-switch-w) 1fr;align-items:center;column-gap:var(--row-gap);width:100%;box-sizing:border-box}.sp-switch{width:var(--sp-switch-w);height:var(--sp-switch-h);min-height:var(--sp-switch-h);display:flex;align-items:center;justify-content:center;box-sizing:border-box;justify-self:end}.sp-label{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;height:var(--sp-switch-h);min-height:var(--sp-switch-h);box-sizing:border-box;justify-content:flex-start;padding-left:8px;justify-self:start}@media (max-width: 880px){.sp-action{width:92%}.sp-action__icon{left:10px;width:44px;height:44px}.sp-action__label{font-size:18px}.sp-section-title{font-size:20px}.sp-label{font-size:16px}.sp-switch{width:60px;--sp-switch-h: 52px;justify-self:end}.sp-row{grid-template-columns:60px 1fr;column-gap:6px}}@media screen and (orientation: portrait) and (max-width: 420px){.sp-action{width:80%;max-width:360px;padding:10px}.sp-action__icon{left:-1px;width:40px;height:40px;border-radius:6px}.sp-action__label{font-size:16px}.sp-section-title{font-size:18px;margin-top:12px;margin-bottom:6px}.sp-label{font-size:15px}.sp-switch{width:56px;--sp-switch-h: 48px;justify-self:end}.sp-row{grid-template-columns:56px 1fr;column-gap:6px}.sp-rows{width:75%}}@media screen and (orientation: landscape) and (max-height: 420px),screen and (orientation: landscape) and (min-aspect-ratio: 2.2/1){.sp-action{width:60%;max-width:560px;padding:8px 10px}.sp-action__icon{left:-1px;width:40px;height:40px}.sp-action__label{font-size:18px}.sp-section-title{font-size:18px;margin-top:12px;margin-bottom:6px}.sp-label{font-size:15px}.sp-switch{width:56px;--sp-switch-h: 42px;justify-self:end}.sp-row{grid-template-columns:56px 1fr;column-gap:6px}}:root{--item-border: 1.6px solid rgba(49, 48, 51, .7);--bg: var(--800, rgba(49, 48, 51, .7));--muted: #aaaaaa;--accent: rgba(212,160,23,.12)}.history-wrap{width:90%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box}.history-item{width:100%;display:grid;grid-template-columns:minmax(140px,35%) minmax(80px,1fr) minmax(80px,1fr) 36px;align-items:center;gap:8px;min-height:60px;padding:12px 14px;border-radius:8px;border:var(--item-border);color:var(--10, #FFFBFF);box-sizing:border-box;overflow:hidden;background-color:transparent;transition:min-height .33s;will-change:min-height}.history-item.active{min-height:120px;align-items:flex-start}.additional-info{position:absolute;justify-self:center;align-self:flex-end}.additional-button{width:90px;border-radius:8.185px;border:1.698px solid var(--300, #AEAAAF);background:#fbde38;cursor:pointer;font-weight:800;padding:10px 5px;margin:5px}.additional-button.replay{background:var(--900, #1C1B1E);box-shadow:0 0 1.395px #000;color:var(--10, #FFFBFF);font-style:normal;font-weight:800}.additional-button.replay:hover{background:#17171740}.additional-button:hover{background:#ffe116cc}.replay-icon{position:absolute;width:34px;height:34px;right:97%;bottom:15%;background-image:url(public/assets/icons/replay.svg);background-size:60% 60%;background-repeat:no-repeat;background-position:center}.history-item--head{color:#ddd;font-weight:700;border:none;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.history-item:nth-child(2n):not(.history-item--head){background-color:var(--bg)}.history-item:nth-child(odd):not(.history-item--head){background-color:transparent;border:none}.date-section{justify-self:start;text-align:left;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-section,.win-section{justify-self:center;text-align:center;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency{font-weight:400;margin-left:4px;color:var(--muted);font-size:13px}.vector{width:24px;height:24px;justify-self:end;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='21'%20viewBox='0%200%2035%2021'%20fill='none'%3e%3cpath%20d='M17.2271%2013.6183L30.3907%200.694336L34.1517%204.38692L17.2271%2021.0037L0.302734%204.38692L4.06372%200.694336L17.2271%2013.6183Z'%20fill='%23FFFBFF'/%3e%3c/svg%3e");background-size:115% 115%;background-repeat:no-repeat;background-position:center;cursor:pointer}.vector.up{transform:rotate(180deg)}@media screen and (orientation: portrait) and (max-width: 850px){.history-wrap{width:100%}.history-item{grid-template-columns:1fr 88px 88px 10px;padding:9px 10px;border-radius:6px}.date-section,.bet-section,.win-section{font-size:12px}.vector{width:15px;height:15px}}@media screen and (orientation: portrait) and (max-width: 400px){.history-wrap{width:100%}.history-item{grid-template-columns:1fr 50px 80px 10px;padding:9px 10px;border-radius:6px}.date-section,.bet-section,.win-section{font-size:12px}.vector{width:15px;height:15px}}:root{--sf-card-w: 220px;--sf-card-h: 340px;--sf-card-image-w: 200px;--sf-card-image-h: 120px;--gap: -10px;--btn-overlap: 20px;--btn-h: 37px;--bottom-row-h: 56px}.sf-wrap{width:100%;margin:0 auto;color:#fff;padding:2px;box-sizing:border-box;text-align:center;font-family:Helvetica Neue,Arial,sans-serif}.sf-section-title{font-size:34px;font-weight:900;margin:18px 0 20px;color:#fff}.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,var(--sf-card-w));justify-content:center;gap:calc(var(--gap) + var(--btn-overlap));margin-bottom:36px;row-gap:40px;box-sizing:border-box}.sf-card{position:relative;width:var(--sf-card-w);height:var(--sf-card-h);background:#21212270;border:1.6px solid rgba(255,255,255,.12);border-radius:10px;box-sizing:border-box;justify-content:center;display:flex;flex-direction:column;align-items:center;transition:transform .12s ease}.sf-card__content{width:100%;display:flex;flex-direction:column;align-items:center}.sf-card__description{width:100%;height:50%;padding:10px;font-size:12px;box-sizing:border-box;flex:0 1 auto;overflow:auto}.sf-card__title{font-weight:800;width:80%;position:absolute;left:18px;right:18px;top:calc(var(--btn-overlap) - 2px);font-size:16px;color:#fff;text-transform:uppercase;line-height:1.05;text-align:center;display:flex;flex-direction:column;gap:6px;flex:0 0 auto;padding:0 6px}.sf-card__image-wrap{width:var(--sf-card-image-w);height:max-content;min-height:var(--sf-card-image-h);display:flex;align-items:center;justify-content:center;padding:10px;flex:0 0 auto;box-sizing:border-box}.sf-card__image-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:2px}.sf-card__bottom{position:absolute;left:8px;right:8px;bottom:calc(var(--btn-overlap) - 22px);height:var(--bottom-row-h);display:block;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;padding:6px 8px;background:transparent;z-index:1}.sf-card__bottom.ante{display:flex}.sf-card__price{font-weight:900;font-size:17px;color:#fff;white-space:nowrap}.sf-card__toggle{width:70px;display:flex;align-items:center;justify-content:center}.sf-buy-btn{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-1 * var(--btn-overlap));width:calc(100% - 10px);height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0d35c,#d4a017);color:#111;border:1px solid rgba(200,155,47,.7);padding:0 28px;border-radius:calc(var(--btn-h) / 2);font-weight:900;font-size:20px;cursor:pointer;z-index:2;box-sizing:border-box}@media screen and (max-width: 1000px) and (orientation: landscape){:root{--sf-card-w: 177px;--sf-card-h: 250px;--sf-card-image-w: 150px;--sf-card-image-h: 100px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-section-title{font-size:20px}.sf-card__title{font-size:10px;left:7px;right:7px}.sf-card__price{font-size:12px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}@media (max-width: 750px) and (orientation: landscape){:root{--sf-card-w: 125px;--sf-card-h: 195px;--sf-card-image-w: 120px;--sf-card-image-h: 80px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-section-title{font-size:20px}.sf-card__price{font-size:12px}.sf-card__bottom{left:5px;right:0}.sf-card__bottom.ante .sf-card__price{font-size:9px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}@media (max-width: 750px) and (orientation: portrait){:root{--sf-card-w: 125px;--sf-card-h: 195px;--sf-card-image-w: 120px;--sf-card-image-h: 80px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-card__title{font-size:10px;left:7px;right:7px}.sf-section-title{font-size:20px}.sf-card__price{font-size:12px}.sf-card__bottom{left:5px;right:0}.sf-card__bottom.ante .sf-card__price{font-size:9px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}.dialogs-wrap{display:flex;width:35%;padding:18px 20px;flex-wrap:wrap;align-self:center;border-radius:6px;border:1.3px solid var(--300, #AEAAAF);background:var(--90080, rgba(18, 16, 18, .36));justify-self:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;gap:12px}.title{font-size:25px;font-weight:700;color:#fff;width:100%;text-align:center}.dialog-image{max-width:100%;width:120px;height:auto;display:block;margin:6px auto;border-radius:6px}.message{font-size:15px;margin-top:6px;color:#fff;width:100%;text-align:center}.additional-btns{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.additional-btn{--fallback-bg: transparent;--fallback-color: #fff;background:var(--btn-bg, var(--fallback-bg));color:var(--btn-color, var(--fallback-color));border:2px solid rgba(255,255,255,.08);padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;min-width:96px;box-sizing:border-box;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;display:inline-flex;align-items:center;justify-content:center}.additional-btn:hover{background:var(--btn-bg);opacity:.8}.additional-btn[style*=transparent]{background:transparent;box-shadow:none}@media screen and (orientation: portrait){.dialogs-wrap{width:85%}.title{font-size:20px}.message{font-size:14px}.additional-btn{min-width:80px;padding:8px 12px}}@media screen and (max-width: 935px) and (orientation: landscape){.dialogs-wrap{width:45%}}`)),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
1
2
  import { jsxs as m, jsx as c, Fragment as Fn } from "react/jsx-runtime";
2
3
  import de, { useState as mt, forwardRef as Ut, memo as $t, useMemo as ot, useRef as st, useEffect as $e, useCallback as kr } from "react";
3
4
  import { createRoot as Lr } from "react-dom/client";
@@ -3790,9 +3791,13 @@ function xs() {
3790
3791
  ] });
3791
3792
  }
3792
3793
  function ks(e) {
3793
- e ? Lr(e).render(
3794
+ if (!e) {
3795
+ console.error("element not found");
3796
+ return;
3797
+ }
3798
+ Lr(e).render(
3794
3799
  /* @__PURE__ */ c(de.StrictMode, { children: /* @__PURE__ */ c(xs, {}) })
3795
- ) : console.error("Целевой DOM-элемент для монтирования UI не найден.");
3800
+ );
3796
3801
  }
3797
3802
  export {
3798
3803
  ks as createUi
package/dist/ui-bundle.umd.js CHANGED
@@ -1,3 +1,4 @@
1
+ (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";html,body,#root{font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;width:100%;height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden}.app{display:flex;flex-direction:column;width:100%;height:100dvh}.game-container{position:relative;flex:1;width:100%;height:100dvh}.game-container canvas{display:block;width:100dvw;height:100dvh;background-image:url(public/img.png);background-repeat:no-repeat;background-position:center;background-size:cover}.game-container .settings-section{position:absolute;top:20px;right:20px;z-index:10}.ui-footer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;align-items:center;padding:20px 40px;color:#fff;box-sizing:border-box}.ui-footer .top-row{display:flex;align-items:center;width:100%;gap:20px;justify-content:space-between;position:relative}.ui-footer .left-group{display:flex;align-items:center;gap:15px}.ui-footer .left-group .buy-bonus{background:#f49f04e6;border:1.5px solid #FBDE38;border-radius:4px;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-height:50px;max-width:100px;padding:5px 13px;cursor:pointer;flex-shrink:0;font-size:18px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center}.ui-footer .left-group .balance-info{display:flex;gap:20px}.ui-footer .left-group .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .left-group .balance-info .info .label{font-size:14px;opacity:.8;margin-bottom:3px;word-break:manual;text-align:center;font-weight:400}.ui-footer .left-group .balance-info .info .value{font-size:18px;font-weight:700;word-break:manual;text-align:center}.ui-footer .bet-control{display:flex;align-items:center;gap:8px;margin-left:auto}.ui-footer .bet-control .bet-amount{display:flex;flex-direction:row;text-align:center;align-items:center;border:1.33px solid #C9C5C9;padding:5px 10px;border-radius:5px;font-size:14px;max-height:26px;width:143px;font-weight:700;cursor:pointer}.ui-footer .bet-control .bet-amount-icon{width:48px;height:48px;border:1.33px solid #aaa;border-radius:50%;justify-self:flex-start;background-color:#80808017;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin-left:-20px;background-image:url(public/assets/icons/coins.svg);background-repeat:no-repeat;background-position:center;background-size:60%;cursor:inherit}.ui-footer .bet-control .bet-amount-text{width:80%;font-size:15px;font-weight:500;cursor:inherit}.ui-footer .bet-control .bet-amount-text.ante-color{color:#ffd500}.ui-footer .bet-control .bet-box{position:relative;width:185px;height:38px;max-height:38px;min-height:unset;display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1.33px solid #C9C5C9;border-radius:6px;padding:0 10px;box-sizing:border-box;overflow:visible}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px;background:none;border:none;color:#fff;cursor:pointer;z-index:4;flex-shrink:0}.ui-footer .bet-control .bet-box .minus{background-image:url(public/assets/icons/minus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .plus{background-image:url(public/assets/icons/plus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .spin-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background-color:#22212140;border:1.33px solid yellow;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-image:url(public/assets/icons/spin.svg);background-size:115% 115%;background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:3;pointer-events:auto}.ui-footer .bet-control .bet-box .spin-btn:active{transform:translate(-50%,-50%) scale(.95)}.ui-footer .bet-control .bet-box .spin-btn.slam-stop{background-image:url(public/assets/icons/slam-stop.svg);background-size:60% 60%}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{background:transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;background-size:60% 60%;background-repeat:no-repeat;background-position:center;border:1.33px solid #C9C5C9;flex-shrink:0}.ui-footer .bet-control .quick-spin{background-image:url(public/assets/icons/turbo.svg)}.ui-footer .bet-control .quick-spin.active{background-image:url(public/assets/icons/turbo-active.svg)}.ui-footer .bet-control .auto-spin{background-image:url(public/assets/icons/autoplay.svg)}.ui-footer .bottom-row{display:none}@media screen and (orientation: portrait){.ui-footer{width:100%;padding:10px 8px;left:0;transform:none;bottom:35px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;--betbox-w: 170px;--spin-size: 75px;--qa-size: 35px;--qa-gap: 25px}.ui-footer .top-row{width:100%;position:relative;display:block;height:calc(var(--spin-size) + 24px)}.ui-footer .top-row .buy-bonus-wrap{position:absolute;top:50%;left:calc(50% - var(--betbox-w) / 2 - var(--qa-gap) * .7)}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{transform:translate(-100%,-50%);z-index:6;pointer-events:auto;min-height:45px;max-height:45px;padding:6px 12px;font-size:13px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:calc(var(--betbox-w) * .5)}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - var(--qa-gap) * 1.05);bottom:75px;width:53px;height:61px}.ui-footer .left-group{justify-content:center}.ui-footer .left-group .balance-info{display:flex;position:absolute;width:85%;top:100px;justify-content:space-between}.ui-footer .left-group .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .left-group .balance-info .info .label{font-size:11px;opacity:.8;text-align:center;font-weight:400}.ui-footer .left-group .balance-info .info .value{font-size:11px;font-weight:700;text-align:center}.ui-footer .bet-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;z-index:5;width:auto}.ui-footer .bet-control .bet-box{position:relative;width:var(--betbox-w);height:35px;max-height:35px;min-height:unset;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#ffffff14;border:1.3px solid #C9C5C9;border-radius:6px;box-sizing:border-box;pointer-events:auto;overflow:visible}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px;z-index:4;background:none;border:none;cursor:pointer;pointer-events:auto;flex-shrink:0}.ui-footer .bet-control .bet-box .minus{background-image:url(public/assets/icons/minus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .plus{background-image:url(public/assets/icons/plus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .spin-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--spin-size);height:var(--spin-size);border-radius:50%;z-index:3;pointer-events:auto}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{position:absolute;top:50%;transform:translateY(-50%);width:var(--qa-size);height:var(--qa-size);pointer-events:auto}.ui-footer .bet-control .quick-spin{left:calc(50% + var(--betbox-w) / 2 + var(--qa-gap) * .8)}.ui-footer .bet-control .auto-spin{left:calc(50% + var(--betbox-w) / 2 + var(--qa-gap) + var(--qa-size) + var(--qa-gap) * .6)}.ui-footer .bet-control .bet-amount{position:absolute;left:50%;top:calc(50% - var(--spin-size) / 2 + 85px);transform:translate(-50%);font-size:10px;min-width:calc(var(--spin-size) - 10px);text-align:center;max-height:20px;width:90px;color:#fff}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:35px;height:35px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:12px}.ui-footer .bottom-row{display:flex;width:100%;justify-content:center;margin-top:8px;box-sizing:border-box}.ui-footer .bottom-row .balance-info{display:flex;gap:12px;justify-content:center}.ui-footer .bottom-row .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .bottom-row .balance-info .info .label{font-size:12px;opacity:.8}.ui-footer .bottom-row .balance-info .info .value{font-size:16px;font-weight:700}}@media screen and (orientation: portrait) and (max-width: 420px){.ui-footer{--betbox-w: 140px;--spin-size: 73px;--qa-size: 32px;--qa-gap: 20px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)));bottom:75px;width:40px;height:48px}}@media screen and (orientation: portrait) and (max-width: 360px){.ui-footer{--betbox-w: 130px;--spin-size: 60px;--qa-size: 28px;--qa-gap: 16px}.ui-footer .bet-control .bet-amount{top:calc(50% - var(--spin-size) / 2 + 73px)}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:35px;height:35px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:11px}.ui-footer .left-group .balance-info{top:92px}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{padding:5px 10px;font-size:12px;min-height:36px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)) * 1.2);bottom:67px;width:40px;height:48px}.ui-footer .bottom-row .balance-info .info .label{font-size:10px}.ui-footer .bottom-row .balance-info .info .value{font-size:14px}}@media screen and (orientation: portrait) and (max-width: 320px){.ui-footer{--betbox-w: 120px;--spin-size: 52px;--qa-size: 24px;--qa-gap: 12px;padding:6px}.ui-footer .left-group .balance-info{top:80px}.ui-footer .bet-control .bet-amount{top:calc(50% - var(--spin-size) / 2 + 65px);width:70px}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:30px;height:30px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:10px}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{padding:4px 8px;font-size:11px;min-height:32px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)) * 1.6);bottom:60px}}@media screen and (max-width: 935px) and (orientation: landscape){.ui-footer{bottom:2px}.ui-footer .bet-control .bet-amount{max-height:16px;width:110px}.ui-footer .bet-control .bet-amount-icon{width:30px;height:30px}.ui-footer .bet-control .bet-amount-text{width:80%;font-size:12px;font-weight:500}.ui-footer .bet-control .bet-box{position:relative;width:130px;height:28px}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px}.ui-footer .bet-control .bet-box .spin-btn{width:55px;height:55px}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{width:27px;height:27px;border-radius:50%}.ui-footer .bonus-thumb{width:43px;height:51px;bottom:40px}.ui-footer .left-group{gap:10px}.ui-footer .left-group .buy-bonus{min-height:33px;max-height:33px;max-width:70px;font-size:10px}.ui-footer .left-group .balance-info{gap:15px}.ui-footer .left-group .balance-info .info .label{font-size:10px}.ui-footer .left-group .balance-info .info .value{font-size:12px}}.ui-footer .bet-amount:hover,.ui-footer .spin-btn:hover,.ui-footer .quick-spin:hover,.ui-footer .auto-spin:hover{background-color:#201f1fa1}.ui-footer .buy-bonus:hover{box-shadow:inset 0 0 0 1000px #0003}.buy-bonus-wrap{display:flex;flex-direction:column;align-items:center;position:relative;width:max-content;box-sizing:border-box}.bonus-thumb{position:absolute;width:64px;height:76px;border-radius:6px;border:1.2px solid rgba(255,215,18,.88);background-size:100%;background-position:center;background-repeat:no-repeat;bottom:60px;box-shadow:0 4px #00000003;box-sizing:border-box}.buy-bonus-wrap .bonus-thumb{background-clip:padding-box}.settings-section{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px}.volume-control{display:flex;align-items:center;background:#00000080;border-radius:999px;padding:4px 10px;gap:8px}.slider{appearance:none;width:120px;height:6px;border-radius:3px;background:#fff3;outline:none}.slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.volume-value{color:#fff;font-weight:600;min-width:24px;text-align:center}.btn-sound,.btn-settings{width:40px;height:40px;border:1px solid #fff;border-radius:50%;background:transparent;background-size:80% auto;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color .2s}.btn-sound:hover,.btn-settings:hover{background-color:#ffffff26}.btn-sound{background-image:url(public/assets/icons/sounds.svg)}.btn-sound.inactive{background-image:url(public/assets/icons/sounds-off.svg)}.btn-settings{background-image:url(public/assets/icons/settings.svg)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--900, rgba(28, 27, 30, .67));display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;padding-top:var(--overlay-padding-top, 50px);z-index:1000;gap:60px;user-select:none;-webkit-user-select:none;-ms-user-select:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.overlay.dialog{background:var(--900, rgba(30, 30, 30, .67))}.popup-title{position:absolute;color:#fff;top:50px;font-size:2.7rem;text-align:center}.overlay-close{width:5rem;height:3rem;position:absolute;right:50px;top:65px;border-radius:50%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='248'%20height='121'%20viewBox='0%200%20248%20121'%20fill='none'%3e%3cg%20opacity='0.1'%20filter='url(%23filter0_f_811_7791)'%3e%3cellipse%20cx='134'%20cy='60.3962'%20rx='87'%20ry='13.3962'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_811_7791)'%3e%3cellipse%20cx='134.001'%20cy='60.3961'%20rx='45.7585'%20ry='5.44679'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_811_7791'%20x='0.400002'%20y='0.400002'%20width='267.2'%20height='119.992'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='23.3'%20result='effect1_foregroundBlur_811_7791'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_811_7791'%20x='41.6422'%20y='8.34934'%20width='184.718'%20height='104.094'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='23.3'%20result='effect1_foregroundBlur_811_7791'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:150%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1005}.overlay-close img{width:1.8rem;height:1.8rem;display:block}.overlay-content{flex:1;display:flex;position:relative;z-index:1001;width:80%;max-height:calc(85vh - var(--overlay-padding-top, 100px));overflow-y:scroll;padding:10px;justify-content:center;margin-bottom:100px;scrollbar-color:#48464A #1C1B1E;box-sizing:border-box}.overlay-content::-webkit-scrollbar{width:10px}.overlay-content::-webkit-scrollbar-track{background:#0000000f}.overlay-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:30px}.overlay-bet-controller{width:300px;position:absolute;display:flex;gap:10px;bottom:80px;align-self:center}.bet-amount{padding:10px 5px;width:200px;border-radius:8px;border:1.698px solid #AEAAAF;text-align:center;background-color:#313033b3;color:#fff}.increase-bet,.decrease-bet{padding:10px 5px;border-radius:8px;border:1.698px solid #AEAAAF;width:40px;background-repeat:no-repeat;background-position:center;background-size:60%;background-color:#313033b3;cursor:pointer}.increase-bet{background-image:url(public/assets/icons/plus.svg)}.decrease-bet{background-image:url(public/assets/icons/minus.svg)}@media screen and (orientation: portrait){.overlay{--overlay-bottom-gap: 50px}.overlay .overlay-content{width:90%;justify-self:flex-start;max-height:calc(72vh - var(--overlay-padding-top, 100px) + var(--overlay-bottom-gap) * .2);margin-bottom:calc(var(--overlay-bottom-gap) * 3)}.overlay .overlay-close{top:auto;bottom:calc(var(--overlay-bottom-gap) * 1.3);right:auto;z-index:1005}.overlay .overlay-bet-controller{bottom:calc(var(--overlay-bottom-gap) * 2.8)}}@media screen and (max-width: 935px) and (orientation: landscape){.overlay .overlay-content{margin-top:30px;width:90%;max-height:calc(95vh - var(--overlay-padding-top, 100px) - 40px)}.overlay .overlay-close{width:2.7rem;height:1.4rem;top:60px}.overlay .overlay-close img{width:1rem;height:1rem}.overlay .overlay-bet-controller{bottom:65px}.overlay .popup-title{font-size:1.8rem}}.bet-popup-container{display:flex;width:80%;height:max-content;flex-wrap:wrap;align-self:center;justify-self:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;gap:30px}@media screen and (orientation: portrait){.bet-popup-container{width:100%;gap:15px}}@media screen and (max-width: 935px) and (orientation: landscape){.bet-popup-container{gap:15px}}.rectLabel{width:100px;height:40px;color:#fff;background:var(--800, rgba(49, 48, 51, .7));border:1px solid rgba(255,255,255,.12);padding:5px;text-align:center;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease;will-change:transform,box-shadow}.rectLabel:focus-visible{outline:none;box-shadow:0 0 0 4px #d4a0172e;border-color:#d4a017e6}.rectLabel:hover,.rectLabel:focus{background:#ffffff0f;transform:translateY(-4px) scale(1.03);border-color:#ffffffe6;box-shadow:0 8px 24px #00000073}.rectLabel:active{transform:translateY(0) scale(.985);box-shadow:0 4px 12px #00000059}.rectLabel span{display:block;font-size:22px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .16s ease}.rectLabel:hover span,.rectLabel:focus span{transform:scale(1.03)}.rectLabel.current-active{background:var(--Mustard-Yellow, #f6d923);color:#0c0c0c}@media (prefers-reduced-motion: reduce){.rectLabel{transition:none;transform:none}.rectLabel:hover{transform:none;box-shadow:none}.rectLabel span{transition:none;transform:none}}@media screen and (orientation: portrait){.rectLabel{width:70px;height:25px}.rectLabel span{font-size:14px;width:100%}}@media screen and (max-width: 935px) and (orientation: landscape){.rectLabel{width:70px;height:25px}.rectLabel span{font-size:14px;width:100%}}.autoplay-wrap{width:100%;max-width:760px;margin:0 auto;color:#fff;text-align:center;padding:18px 12px 28px;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;--ap-limit-h: 48px}.ap-title{font-size:22px;font-weight:800;margin:4px 0 18px;color:#fff}.autoplay-count{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:22px}.ap-switch-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.ap-switch-label{font-size:18px;font-weight:700}.ap-switch-control{display:flex;align-items:center;gap:10px}.ap-switch-text{font-weight:700;font-size:18px}.ap-tabs{display:flex;gap:8px;justify-content:center;margin:12px 0 6px}.ap-tab{background:#ffffff0f;color:#ddd;padding:10px 18px;border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.12);font-weight:700;cursor:pointer;min-width:140px}.ap-tab--active{background:#f0d35c;color:#111;box-shadow:0 4px #00000014}.ap-limits-panel{display:flex;justify-content:center;margin-top:6px}.ap-limits-inner{width:100%;max-width:620px;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:18px;box-sizing:border-box;background:#00000059;position:relative}.ap-limits-inner:before{display:none;content:none}.ap-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;justify-items:center}.ap-limit-grid>*{min-width:0}.ap-limit{background:#00000073;color:#eee;border:2px solid rgba(255,255,255,.12);padding:0 18px;width:100%;max-width:200px;text-align:center;border-radius:12px;font-weight:800;cursor:pointer;transition:all .12s ease;box-shadow:inset 0 -6px #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1;vertical-align:middle;outline:none;height:var(--ap-limit-h)}.ap-limit--active{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#222;border-color:#00000026;transform:translateY(-2px)}button.ap-limit:focus,input.ap-limit:focus{outline:none;box-shadow:0 0 0 3px #d4a01726}input.ap-limit,input[type=number].ap-limit{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:200px;padding:0 18px;background:#00000073;color:#eee;border:2px solid rgba(255,255,255,.12);border-radius:12px;font-weight:800;font-family:inherit;font-size:14px;line-height:1;text-align:center;outline:none;height:var(--ap-limit-h)}input.ap-limit::-webkit-outer-spin-button,input.ap-limit::-webkit-inner-spin-button,input[type=number].ap-limit::-webkit-outer-spin-button,input[type=number].ap-limit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.ap-limit::-ms-clear,input.ap-limit::-ms-expand,input[type=number].ap-limit::-ms-clear,input[type=number].ap-limit::-ms-expand{display:none}input.ap-limit.ap-limit--active{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#222;border-color:#00000026;transform:translateY(-2px)}.ap-start-row{margin-top:22px;display:flex;justify-content:center}.ap-start-btn{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#111;border:2px solid #c89b2f;padding:14px 48px;border-radius:14px;font-size:26px;font-weight:900;cursor:pointer;box-shadow:0 6px #00000047,inset 0 -6px #0000000f;transition:transform .08s ease,box-shadow .08s ease}.ap-start-btn:active{transform:translateY(2px);box-shadow:0 4px #0000003d}.ap-start-btn--disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 880px){.autoplay-wrap{padding:14px 10px}.ap-title{font-size:20px}.ap-toggle{width:60px;height:34px}.ap-toggle__knob{width:28px;height:28px}.ap-tab{min-width:120px;padding:8px 12px}.ap-limit-grid{gap:10px}.ap-start-btn{font-size:22px;padding:12px 40px;border-radius:12px}}@media screen and (orientation: portrait) and (max-width: 420px){.ap-title{font-size:18px}.autoplay-count{gap:12px}.ap-limit-grid{grid-template-columns:repeat(2,1fr)}.ap-limit{font-size:13px;padding:10px 12px;border-radius:10px;height:44px}.ap-tab{min-width:110px;padding:8px 10px}.ap-start-btn{font-size:18px;padding:10px 28px;border-radius:10px}.autoplay-wrap{--ap-limit-h: 44px}}@media screen and (orientation: landscape) and (max-height: 420px),screen and (orientation: landscape) and (min-aspect-ratio: 2.2/1){.autoplay-wrap{padding:10px 6px}.ap-title{font-size:18px;margin-bottom:8px}.autoplay-count{gap:12px;margin-bottom:12px}.ap-toggle{width:56px;height:32px}.ap-toggle__knob{width:26px;height:26px}.ap-switch-text{font-size:16px}.ap-tab{padding:8px 10px;min-width:110px;font-size:13px}.ap-limits-inner{padding:12px}.ap-limit-grid{gap:8px}.ap-limit{padding:0 18px;font-size:12px;border-radius:9px}.ap-start-btn{padding:10px 36px;font-size:20px;border-radius:12px}.autoplay-wrap{--ap-limit-h: 40px}}@media screen and (orientation: landscape) and (max-height: 360px){.ap-title{display:none}.ap-limit-grid{grid-template-columns:repeat(3,1fr);gap:6px}.autoplay-count{gap:8px}.ap-limits-inner{padding:8px}.ap-limit{padding:0 12px;font-size:11px}.ap-start-btn{padding:8px 28px;font-size:16px;border-radius:10px}.autoplay-wrap{--ap-limit-h: 36px}}.ap-toggle{width:68px;height:38px;border-radius:999px;background:linear-gradient(180deg,#f0d35c,#d4a017);border:none;position:relative;padding:4px;display:inline-flex;align-items:center;transition:background .12s ease;cursor:pointer;box-shadow:inset 0 -6px #0000000f}.ap-toggle--off{background:linear-gradient(180deg,#efefef,#ddd)}.ap-toggle--on{background:linear-gradient(180deg,#f0d35c,#d4a017)}.ap-toggle--on .ap-toggle__knob{margin-left:auto}.ap-toggle__knob{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 4px 8px #00000040;display:block;transition:transform .12s ease}@media (max-width: 880px){.ap-toggle{width:60px;height:34px}.ap-toggle__knob{width:28px;height:28px}}@media (max-width: 1000px){.ap-toggle{width:50px;height:30px}.ap-toggle__knob{width:24px;height:24px}}@media (max-width: 750px){.ap-toggle{width:38px;height:23px}.ap-toggle__knob{width:18px;height:18px}}.sp-wrap{width:100%;max-width:760px;margin:0 auto;color:#fff;text-align:center;padding:20px 12px;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;--sp-switch-w: 54px;--sp-switch-h: 54px;--action-width: 45%;--action-max: 280px;--action-bg: rgba(41, 40, 40, .3);--action-icon-size: 43px;--content-max: 620px;--row-gap: 6px}.sp-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:18px}.sp-action{width:var(--action-width);max-width:var(--action-max);background:var(--action-bg);color:#fff;border-radius:6px;border:1.6px solid rgba(255,255,255,.12);padding:10px 12px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;transition:transform .08s ease,background .08s ease}.sp-action:hover{background:#1c1c1cde}.sp-action__icon{position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:var(--action-icon-size);height:var(--action-icon-size);display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid rgba(255,255,255,.12);background:#0e0e0e59;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:60% 60%}.sp-action--history .sp-action__icon{background-image:url(public/assets/icons/history.svg)}.sp-action--paytable .sp-action__icon{background-image:url(public/assets/icons/paytable.svg)}.sp-action__label{display:inline-block;width:100%;font-weight:800;font-size:16px;letter-spacing:.3px;text-align:center;pointer-events:none}.sp-section-title{margin:18px 0 8px;font-size:23px;font-weight:800;color:#fff}.sp-rows{width:35%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box}.sp-row{display:grid;grid-template-columns:var(--sp-switch-w) 1fr;align-items:center;column-gap:var(--row-gap);width:100%;box-sizing:border-box}.sp-switch{width:var(--sp-switch-w);height:var(--sp-switch-h);min-height:var(--sp-switch-h);display:flex;align-items:center;justify-content:center;box-sizing:border-box;justify-self:end}.sp-label{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;height:var(--sp-switch-h);min-height:var(--sp-switch-h);box-sizing:border-box;justify-content:flex-start;padding-left:8px;justify-self:start}@media (max-width: 880px){.sp-action{width:92%}.sp-action__icon{left:10px;width:44px;height:44px}.sp-action__label{font-size:18px}.sp-section-title{font-size:20px}.sp-label{font-size:16px}.sp-switch{width:60px;--sp-switch-h: 52px;justify-self:end}.sp-row{grid-template-columns:60px 1fr;column-gap:6px}}@media screen and (orientation: portrait) and (max-width: 420px){.sp-action{width:80%;max-width:360px;padding:10px}.sp-action__icon{left:-1px;width:40px;height:40px;border-radius:6px}.sp-action__label{font-size:16px}.sp-section-title{font-size:18px;margin-top:12px;margin-bottom:6px}.sp-label{font-size:15px}.sp-switch{width:56px;--sp-switch-h: 48px;justify-self:end}.sp-row{grid-template-columns:56px 1fr;column-gap:6px}.sp-rows{width:75%}}@media screen and (orientation: landscape) and (max-height: 420px),screen and (orientation: landscape) and (min-aspect-ratio: 2.2/1){.sp-action{width:60%;max-width:560px;padding:8px 10px}.sp-action__icon{left:-1px;width:40px;height:40px}.sp-action__label{font-size:18px}.sp-section-title{font-size:18px;margin-top:12px;margin-bottom:6px}.sp-label{font-size:15px}.sp-switch{width:56px;--sp-switch-h: 42px;justify-self:end}.sp-row{grid-template-columns:56px 1fr;column-gap:6px}}:root{--item-border: 1.6px solid rgba(49, 48, 51, .7);--bg: var(--800, rgba(49, 48, 51, .7));--muted: #aaaaaa;--accent: rgba(212,160,23,.12)}.history-wrap{width:90%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box}.history-item{width:100%;display:grid;grid-template-columns:minmax(140px,35%) minmax(80px,1fr) minmax(80px,1fr) 36px;align-items:center;gap:8px;min-height:60px;padding:12px 14px;border-radius:8px;border:var(--item-border);color:var(--10, #FFFBFF);box-sizing:border-box;overflow:hidden;background-color:transparent;transition:min-height .33s;will-change:min-height}.history-item.active{min-height:120px;align-items:flex-start}.additional-info{position:absolute;justify-self:center;align-self:flex-end}.additional-button{width:90px;border-radius:8.185px;border:1.698px solid var(--300, #AEAAAF);background:#fbde38;cursor:pointer;font-weight:800;padding:10px 5px;margin:5px}.additional-button.replay{background:var(--900, #1C1B1E);box-shadow:0 0 1.395px #000;color:var(--10, #FFFBFF);font-style:normal;font-weight:800}.additional-button.replay:hover{background:#17171740}.additional-button:hover{background:#ffe116cc}.replay-icon{position:absolute;width:34px;height:34px;right:97%;bottom:15%;background-image:url(public/assets/icons/replay.svg);background-size:60% 60%;background-repeat:no-repeat;background-position:center}.history-item--head{color:#ddd;font-weight:700;border:none;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.history-item:nth-child(2n):not(.history-item--head){background-color:var(--bg)}.history-item:nth-child(odd):not(.history-item--head){background-color:transparent;border:none}.date-section{justify-self:start;text-align:left;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-section,.win-section{justify-self:center;text-align:center;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency{font-weight:400;margin-left:4px;color:var(--muted);font-size:13px}.vector{width:24px;height:24px;justify-self:end;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='21'%20viewBox='0%200%2035%2021'%20fill='none'%3e%3cpath%20d='M17.2271%2013.6183L30.3907%200.694336L34.1517%204.38692L17.2271%2021.0037L0.302734%204.38692L4.06372%200.694336L17.2271%2013.6183Z'%20fill='%23FFFBFF'/%3e%3c/svg%3e");background-size:115% 115%;background-repeat:no-repeat;background-position:center;cursor:pointer}.vector.up{transform:rotate(180deg)}@media screen and (orientation: portrait) and (max-width: 850px){.history-wrap{width:100%}.history-item{grid-template-columns:1fr 88px 88px 10px;padding:9px 10px;border-radius:6px}.date-section,.bet-section,.win-section{font-size:12px}.vector{width:15px;height:15px}}@media screen and (orientation: portrait) and (max-width: 400px){.history-wrap{width:100%}.history-item{grid-template-columns:1fr 50px 80px 10px;padding:9px 10px;border-radius:6px}.date-section,.bet-section,.win-section{font-size:12px}.vector{width:15px;height:15px}}:root{--sf-card-w: 220px;--sf-card-h: 340px;--sf-card-image-w: 200px;--sf-card-image-h: 120px;--gap: -10px;--btn-overlap: 20px;--btn-h: 37px;--bottom-row-h: 56px}.sf-wrap{width:100%;margin:0 auto;color:#fff;padding:2px;box-sizing:border-box;text-align:center;font-family:Helvetica Neue,Arial,sans-serif}.sf-section-title{font-size:34px;font-weight:900;margin:18px 0 20px;color:#fff}.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,var(--sf-card-w));justify-content:center;gap:calc(var(--gap) + var(--btn-overlap));margin-bottom:36px;row-gap:40px;box-sizing:border-box}.sf-card{position:relative;width:var(--sf-card-w);height:var(--sf-card-h);background:#21212270;border:1.6px solid rgba(255,255,255,.12);border-radius:10px;box-sizing:border-box;justify-content:center;display:flex;flex-direction:column;align-items:center;transition:transform .12s ease}.sf-card__content{width:100%;display:flex;flex-direction:column;align-items:center}.sf-card__description{width:100%;height:50%;padding:10px;font-size:12px;box-sizing:border-box;flex:0 1 auto;overflow:auto}.sf-card__title{font-weight:800;width:80%;position:absolute;left:18px;right:18px;top:calc(var(--btn-overlap) - 2px);font-size:16px;color:#fff;text-transform:uppercase;line-height:1.05;text-align:center;display:flex;flex-direction:column;gap:6px;flex:0 0 auto;padding:0 6px}.sf-card__image-wrap{width:var(--sf-card-image-w);height:max-content;min-height:var(--sf-card-image-h);display:flex;align-items:center;justify-content:center;padding:10px;flex:0 0 auto;box-sizing:border-box}.sf-card__image-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:2px}.sf-card__bottom{position:absolute;left:8px;right:8px;bottom:calc(var(--btn-overlap) - 22px);height:var(--bottom-row-h);display:block;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;padding:6px 8px;background:transparent;z-index:1}.sf-card__bottom.ante{display:flex}.sf-card__price{font-weight:900;font-size:17px;color:#fff;white-space:nowrap}.sf-card__toggle{width:70px;display:flex;align-items:center;justify-content:center}.sf-buy-btn{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-1 * var(--btn-overlap));width:calc(100% - 10px);height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0d35c,#d4a017);color:#111;border:1px solid rgba(200,155,47,.7);padding:0 28px;border-radius:calc(var(--btn-h) / 2);font-weight:900;font-size:20px;cursor:pointer;z-index:2;box-sizing:border-box}@media screen and (max-width: 1000px) and (orientation: landscape){:root{--sf-card-w: 177px;--sf-card-h: 250px;--sf-card-image-w: 150px;--sf-card-image-h: 100px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-section-title{font-size:20px}.sf-card__title{font-size:10px;left:7px;right:7px}.sf-card__price{font-size:12px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}@media (max-width: 750px) and (orientation: landscape){:root{--sf-card-w: 125px;--sf-card-h: 195px;--sf-card-image-w: 120px;--sf-card-image-h: 80px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-section-title{font-size:20px}.sf-card__price{font-size:12px}.sf-card__bottom{left:5px;right:0}.sf-card__bottom.ante .sf-card__price{font-size:9px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}@media (max-width: 750px) and (orientation: portrait){:root{--sf-card-w: 125px;--sf-card-h: 195px;--sf-card-image-w: 120px;--sf-card-image-h: 80px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-card__title{font-size:10px;left:7px;right:7px}.sf-section-title{font-size:20px}.sf-card__price{font-size:12px}.sf-card__bottom{left:5px;right:0}.sf-card__bottom.ante .sf-card__price{font-size:9px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}.dialogs-wrap{display:flex;width:35%;padding:18px 20px;flex-wrap:wrap;align-self:center;border-radius:6px;border:1.3px solid var(--300, #AEAAAF);background:var(--90080, rgba(18, 16, 18, .36));justify-self:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;gap:12px}.title{font-size:25px;font-weight:700;color:#fff;width:100%;text-align:center}.dialog-image{max-width:100%;width:120px;height:auto;display:block;margin:6px auto;border-radius:6px}.message{font-size:15px;margin-top:6px;color:#fff;width:100%;text-align:center}.additional-btns{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.additional-btn{--fallback-bg: transparent;--fallback-color: #fff;background:var(--btn-bg, var(--fallback-bg));color:var(--btn-color, var(--fallback-color));border:2px solid rgba(255,255,255,.08);padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;min-width:96px;box-sizing:border-box;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;display:inline-flex;align-items:center;justify-content:center}.additional-btn:hover{background:var(--btn-bg);opacity:.8}.additional-btn[style*=transparent]{background:transparent;box-shadow:none}@media screen and (orientation: portrait){.dialogs-wrap{width:85%}.title{font-size:20px}.message{font-size:14px}.additional-btn{min-width:80px;padding:8px 12px}}@media screen and (max-width: 935px) and (orientation: landscape){.dialogs-wrap{width:45%}}`)),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
1
2
  (function(Q,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react"),require("react-dom/client"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom/client","react-dom"],c):(Q=typeof globalThis<"u"?globalThis:Q||self,c(Q.UiCore={},Q.jsxRuntime,Q.React,Q.ReactDOMClient,Q.ReactDOM))})(this,(function(Q,c,m,jr,Tr){"use strict";var xr={0:"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'",1:function(t,r){return"Cannot apply '"+t+"' to '"+r.toString()+"': Field not found."},5:"'keys()' can only be used on observable objects, arrays, sets and maps",6:"'values()' can only be used on observable objects, arrays, sets and maps",7:"'entries()' can only be used on observable objects, arrays and maps",8:"'set()' can only be used on observable objects, arrays and maps",9:"'remove()' can only be used on observable objects, arrays and maps",10:"'has()' can only be used on observable objects, arrays and maps",11:"'get()' can only be used on observable objects, arrays and maps",12:"Invalid annotation",13:"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",14:"Intercept handlers should return nothing or a change object",15:"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",16:"Modification exception: the internal structure of an observable array was changed.",17:function(t,r){return"[mobx.array] Index out of bounds, "+t+" is larger than "+r},18:"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js",19:function(t){return"Cannot initialize from classes that inherit from Map: "+t.constructor.name},20:function(t){return"Cannot initialize map from "+t},21:function(t){return"Cannot convert to map from '"+t+"'"},22:"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js",23:"It is not possible to get index atoms from arrays",24:function(t){return"Cannot obtain administration from "+t},25:function(t,r){return"the entry '"+t+"' does not exist in the observable map '"+r+"'"},26:"please specify a property",27:function(t,r){return"no observable property '"+t.toString()+"' found on the observable object '"+r+"'"},28:function(t){return"Cannot obtain atom from "+t},29:"Expecting some object",30:"invalid action stack. did you forget to finish an action?",31:"missing option for computed: get",32:function(t,r){return"Cycle detected in computation "+t+": "+r},33:function(t){return"The setter of computed value '"+t+"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?"},34:function(t){return"[ComputedValue '"+t+"'] It is not possible to assign a new value to a computed value."},35:"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`",36:"isolateGlobalState should be called before MobX is running any reactions",37:function(t){return"[mobx] `observableArray."+t+"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice()."+t+"()` instead"},38:"'ownKeys()' can only be used on observable objects",39:"'defineProperty()' can only be used on observable objects"},Pr=process.env.NODE_ENV!=="production"?xr:{};function p(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];if(process.env.NODE_ENV!=="production"){var i=typeof e=="string"?e:Pr[e];throw typeof i=="function"&&(i=i.apply(null,r)),new Error("[MobX] "+i)}throw new Error(typeof e=="number"?"[MobX] minified error nr: "+e+(r.length?" "+r.map(String).join(","):"")+". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts":"[MobX] "+e)}var Br={};function Ye(){return typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:Br}var on=Object.assign,Je=Object.getOwnPropertyDescriptor,ee=Object.defineProperty,Ze=Object.prototype,Qe=[];Object.freeze(Qe);var sn={};Object.freeze(sn);var Mr=typeof Proxy<"u",kr=Object.toString();function an(){Mr||p(process.env.NODE_ENV!=="production"?"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`":"Proxy not available")}function Le(e){process.env.NODE_ENV!=="production"&&l.verifyProxies&&p("MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to "+e)}function W(){return++l.mobxGuid}function St(e){var t=!1;return function(){if(!t)return t=!0,e.apply(this,arguments)}}var De=function(){};function S(e){return typeof e=="function"}function _e(e){var t=typeof e;switch(t){case"string":case"symbol":case"number":return!0}return!1}function et(e){return e!==null&&typeof e=="object"}function T(e){if(!et(e))return!1;var t=Object.getPrototypeOf(e);if(t==null)return!0;var r=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return typeof r=="function"&&r.toString()===kr}function un(e){var t=e?.constructor;return t?t.name==="GeneratorFunction"||t.displayName==="GeneratorFunction":!1}function Ie(e,t,r){ee(e,t,{enumerable:!1,writable:!0,configurable:!0,value:r})}function cn(e,t,r){ee(e,t,{enumerable:!1,writable:!1,configurable:!0,value:r})}function be(e,t){var r="isMobX"+e;return t.prototype[r]=!0,function(n){return et(n)&&n[r]===!0}}function Ve(e){return e!=null&&Object.prototype.toString.call(e)==="[object Map]"}function Lr(e){var t=Object.getPrototypeOf(e),r=Object.getPrototypeOf(t),n=Object.getPrototypeOf(r);return n===null}function ae(e){return e!=null&&Object.prototype.toString.call(e)==="[object Set]"}var ln=typeof Object.getOwnPropertySymbols<"u";function Ir(e){var t=Object.keys(e);if(!ln)return t;var r=Object.getOwnPropertySymbols(e);return r.length?[].concat(t,r.filter(function(n){return Ze.propertyIsEnumerable.call(e,n)})):t}var Ce=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:ln?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames;function wt(e){return typeof e=="string"?e:typeof e=="symbol"?e.toString():new String(e).toString()}function fn(e){return e===null?null:typeof e=="object"?""+e:e}function I(e,t){return Ze.hasOwnProperty.call(e,t)}var Ur=Object.getOwnPropertyDescriptors||function(t){var r={};return Ce(t).forEach(function(n){r[n]=Je(t,n)}),r};function x(e,t){return!!(e&t)}function P(e,t,r){return r?e|=t:e&=~t,e}function dn(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function $r(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Kr(n.key),n)}}function je(e,t,r){return t&&$r(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function Te(e,t){var r=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=Gr(e))||t){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
2
3
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ue(){return ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ue.apply(null,arguments)}function pn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Dt(e,t)}function Dt(e,t){return Dt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Dt(e,t)}function Fr(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}function Kr(e){var t=Fr(e,"string");return typeof t=="symbol"?t:t+""}function Gr(e,t){if(e){if(typeof e=="string")return dn(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?dn(e,t):void 0}}var j=Symbol("mobx-stored-annotations");function te(e){function t(r,n){if($e(n))return e.decorate_20223_(r,n);Ue(r,n,e)}return Object.assign(t,e)}function Ue(e,t,r){if(I(e,j)||Ie(e,j,ue({},e[j])),process.env.NODE_ENV!=="production"&&it(r)&&!I(e[j],t)){var n=e.constructor.name+".prototype."+t.toString();p("'"+n+"' is decorated with 'override', but no such decorated member was found on prototype.")}qr(e,r,t),it(r)||(e[j][t]=r)}function qr(e,t,r){if(process.env.NODE_ENV!=="production"&&!it(t)&&I(e[j],r)){var n=e.constructor.name+".prototype."+r.toString(),i=e[j][r].annotationType_,o=t.annotationType_;p("Cannot apply '@"+o+"' to '"+n+"':"+(`
3
4
  The field is already decorated with '@`+i+"'.")+`
@@ -44,4 +45,4 @@ Use 'override' annotation for methods overridden by subclass.`)}}var So=or(0),wo
44
45
  * This source code is licensed under the MIT license found in the
45
46
  * LICENSE file in the root directory of this source tree.
46
47
  */var vr;function $o(){return vr||(vr=1,process.env.NODE_ENV!=="production"&&(function(){function e(b,g){return b===g&&(b!==0||1/b===1/g)||b!==b&&g!==g}function t(b,g){d||i.startTransition===void 0||(d=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var O=g();if(!v){var E=g();o(O,E)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),v=!0)}E=s({inst:{value:O,getSnapshot:g}});var C=E[0].inst,se=E[1];return u(function(){C.value=O,C.getSnapshot=g,r(C)&&se({inst:C})},[b,O,g]),a(function(){return r(C)&&se({inst:C}),b(function(){r(C)&&se({inst:C})})},[b]),f(O),O}function r(b){var g=b.getSnapshot;b=b.value;try{var O=g();return!o(b,O)}catch{return!0}}function n(b,g){return g()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var i=m,o=typeof Object.is=="function"?Object.is:e,s=i.useState,a=i.useEffect,u=i.useLayoutEffect,f=i.useDebugValue,d=!1,v=!1,_=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?n:t;Jt.useSyncExternalStore=i.useSyncExternalStore!==void 0?i.useSyncExternalStore:_,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()),Jt}var hr;function Fo(){return hr||(hr=1,process.env.NODE_ENV==="production"?Ot.exports=Uo():Ot.exports=$o()),Ot.exports}var Ko=Fo();function _r(e){e.reaction=new le("observer".concat(e.name),function(){var t;e.stateVersion=Symbol(),(t=e.onStoreChange)===null||t===void 0||t.call(e)})}function Go(e,t){t===void 0&&(t="observed");var r=m.useRef(null);if(!r.current){var n={reaction:null,onStoreChange:null,stateVersion:Symbol(),name:t,subscribe:function(a){return Xt.unregister(n),n.onStoreChange=a,n.reaction||(_r(n),n.stateVersion=Symbol()),function(){var u;n.onStoreChange=null,(u=n.reaction)===null||u===void 0||u.dispose(),n.reaction=null}},getSnapshot:function(){return n.stateVersion}};r.current=n}var i=r.current;i.reaction||(_r(i),Xt.register(r,i,i)),m.useDebugValue(i.reaction,Bo),Ko.useSyncExternalStore(i.subscribe,i.getSnapshot,i.getSnapshot);var o,s;if(i.reaction.track(function(){try{o=e()}catch(a){s=a}}),s)throw s;return o}var Zt,Qt,qo=!0,br=!0,gr=typeof Symbol=="function"&&Symbol.for,Ro=(Qt=(Zt=Object.getOwnPropertyDescriptor(function(){},"name"))===null||Zt===void 0?void 0:Zt.configurable)!==null&&Qt!==void 0?Qt:!1,mr=gr?Symbol.for("react.forward_ref"):typeof m.forwardRef=="function"&&m.forwardRef(function(e){return null}).$$typeof,yr=gr?Symbol.for("react.memo"):typeof m.memo=="function"&&m.memo(function(e){return null}).$$typeof;function R(e,t){var r;if(process.env.NODE_ENV,yr&&e.$$typeof===yr)throw new Error("[mobx-react-lite] You are trying to use `observer` on a function component wrapped in either another `observer` or `React.memo`. The observer already applies 'React.memo' for you.");var n=(r=void 0)!==null&&r!==void 0?r:!1,i=e,o=e.displayName||e.name;if(mr&&e.$$typeof===mr&&(n=!0,i=e.render,typeof i!="function"))throw new Error("[mobx-react-lite] `render` property of ForwardRef was not a function");var s=function(a,u){return Go(function(){return i(a,u)},o)};return s.displayName=e.displayName,Ro&&Object.defineProperty(s,"name",{value:e.name,writable:!0,configurable:!0}),e.contextTypes&&(s.contextTypes=e.contextTypes,process.env.NODE_ENV!=="production"&&br&&(br=!1,console.warn("[mobx-react-lite] Support for Legacy Context in function components will be removed in the next major release."))),n&&(s=m.forwardRef(s)),s=m.memo(s),Wo(e,s),process.env.NODE_ENV!=="production"&&Object.defineProperty(s,"contextTypes",{set:function(){var a,u;throw new Error("[mobx-react-lite] `".concat(this.displayName||((a=this.type)===null||a===void 0?void 0:a.displayName)||((u=this.type)===null||u===void 0?void 0:u.name)||"Component",".contextTypes` must be set before applying `observer`."))}}),s}var zo={$$typeof:!0,render:!0,compare:!0,type:!0,displayName:!0};function Wo(e,t){Object.keys(e).forEach(function(r){zo[r]||Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})}process.env.NODE_ENV;var en;Po(Tr.unstable_batchedUpdates),en=Xt.finalizeAllImmediately;const Ho=({onClick:e,disabled:t=!1,imagePath:r})=>c.jsxs("div",{className:"buy-bonus-wrap","aria-hidden":t?"true":"false",children:[r&&c.jsx("div",{className:"bonus-thumb",role:"img","aria-label":"bonus thumbnail",style:{backgroundImage:`url(${r})`}}),c.jsx("button",{className:`buy-bonus ${t?"buy-bonus--disabled":""}`,onClick:e,disabled:t,"aria-pressed":t,children:r?"Disable":"Buy Bonus"})]}),Or=({label:e,value:t})=>c.jsxs("div",{className:"info",children:[c.jsx("span",{className:"label",children:e}),c.jsx("span",{className:"value",children:t})]}),Xo=({onClick:e,disabled:t=!1,value:r,activeAnteBet:n=!1})=>c.jsxs("div",{className:`bet-amount ${t?"disabled":""}`,onClick:e,children:[c.jsx("div",{className:"bet-amount-icon"}),c.jsxs("label",{className:`bet-amount-text ${n?"ante-color":""}`,children:[r," FUN"]})]}),Er=({onClick:e,disabled:t=!1,className:r})=>c.jsx("button",{className:`${r} ${t?"disabled":""}`,onClick:e}),Yo=({onClick:e,disabled:t=!1})=>c.jsx("button",{className:`spin-btn ${t?"disabled":""}`,onClick:e}),Nr=({onClick:e,disabled:t=!1,className:r,isActive:n})=>c.jsx("button",{className:`${r} ${t?"disabled":""} ${n?"active":""}`,onClick:e});class Jo{balance=1e4;betAmount=10;betIndex=0;lastWin=0;volume=50;betAmountRange=[10,20,50,100,500,1e3,5e3,1e4,25e3,5e5,65e3,8e4,1e5,15e4,2e5];maxBetAmount=this.betAmountRange[0];minBetAmount=this.betAmountRange[this.betAmountRange.length-1];displayCurrency="FUN";constructor(){Ae(this)}setBet(t){this.betAmount=t}setNextBetAmount(){if(this.betIndex===this.betAmountRange.length-1)return console.error("Bet Index must be less than BetStore.betAmountRange.length");this.betIndex+=1,this.betAmount=this.betAmountRange[this.betIndex]}setPrevBetAmount(){if(this.betIndex<1)return console.error("Bet Index must be more than 0");this.betIndex-=1,this.betAmount=this.betAmountRange[this.betIndex]}setBetAmountRange(t){this.betAmountRange=t,t.length>0&&(this.maxBetAmount=t[0],this.minBetAmount=t[t.length-1])}setDisplayCurrency(t){this.displayCurrency=t}setBalance(t){this.balance=t}setLastWin(t){this.lastWin=t}setVolume(t){this.volume=Math.max(0,Math.min(100,t))}}const ie=new Jo;class Zo{activePopup=null;constructor(){Ae(this)}open(t){this.activePopup=t}close(){this.activePopup=null}get isOpen(){return this.activePopup!==null}}const z=new Zo,Z={bet:"bet",autoplay:"autoplay",settings:"settings",history:"history",buyBonus:"buy_bonus"},Qo={insufficientFunds:"insufficient funds"},Ar={primary:{background:"#FBDE38",color:"#1C1B1E"},secondary:{background:"#1C1B1E",color:"#FFFFFF"}},es=[{name:Qo.insufficientFunds,title:"Insufficient Funds",imagePath:"/img_1.png",message:"Your balance is low, please make a deposit",buttons:[{text:"Back",configs:Ar.secondary},{text:"Ok",configs:Ar.primary}]}],tn={ante:"ante",buy:"buy"};class ts{introSkip=!1;spaceToSpin=!1;spaceToSkip=!1;isTurbo=!1;volume=50;musicOn=!0;soundsOn=!0;constructor(){Ae(this)}setMusicOn(t){this.musicOn=t}setVolume(t){this.volume=t}setIsTurbo(t){this.isTurbo=t}setSoundsOn(t){this.soundsOn=t}setIntroSkip(t){this.introSkip=t}setSpaceToSpin(t){this.spaceToSpin=t}setSpaceToSkip(t){this.spaceToSkip=t}}const oe=new ts;class ns{anteBets=[{title:"Ante 1",imagePath:"/img_1.png",costMultiplier:50},{title:"Ante 2",imagePath:"/img_1.png",costMultiplier:3},{title:"Ante 3",imagePath:"/img_1.png",costMultiplier:4},{title:"Ante 4",costMultiplier:4}];inReelFeatures=[{title:"ReelFeature 1",costMultiplier:500},{title:"ReelFeature 2",costMultiplier:6},{title:"ReelFeature 3",costMultiplier:7}];bonusFeatures=[{title:"Bonus 1",costMultiplier:50},{title:"Bonus 2",costMultiplier:100},{title:"Bonus 3",costMultiplier:200},{title:"Bonus 4",costMultiplier:500}];activeAnteBet=null;activeBonusFeature=null;activeInReelFeature=null;constructor(){Ae(this)}setAnteBets(t){this.anteBets=t}setActiveAnteBet(t){this.activeAnteBet=t}setActiveBonusFeature(t){this.activeBonusFeature=t}setActiveInReelFeature(t){this.activeInReelFeature=t}setInReelFeatures(t){this.inReelFeatures=t}setBonusFeatures(t){this.bonusFeatures=t}get isActiveBonus(){return!!this.activeBonusFeature}get isActiveInReelFeature(){return!!this.activeInReelFeature}get isActiveAnteBet(){return!!this.activeAnteBet}}const Et=new ns,rs=R(()=>{const{lastWin:e,balance:t,betAmount:r,displayCurrency:n,setNextBetAmount:i,setPrevBetAmount:o}=ie,{setIsTurbo:s,isTurbo:a}=oe,{open:u}=z,{activeAnteBet:f,activeBonusFeature:d,activeInReelFeature:v}=Et,_=m.useMemo(()=>f?.imagePath||v?.imagePath||d?.imagePath,[f,d,v]);return c.jsx("div",{className:"ui-footer",children:c.jsxs("div",{className:"top-row",children:[c.jsxs("div",{className:"left-group",children:[c.jsx(Ho,{imagePath:_,onClick:u.bind(z,Z.buyBonus)}),c.jsxs("div",{className:"balance-info",children:[c.jsx(Or,{label:"LAST WIN",value:`${e} ${n}`}),c.jsx(Or,{label:"BALANCE",value:`${t} ${n}`})]})]}),c.jsxs("div",{className:"bet-control",children:[c.jsx(Xo,{activeAnteBet:!!f,value:r,onClick:u.bind(z,Z.bet)}),c.jsxs("div",{className:"bet-box",children:[c.jsx(Er,{onClick:()=>o.call(ie),className:"bet-btn minus"}),c.jsx(Yo,{onClick:()=>console.log("Spin"),state:"active"}),c.jsx(Er,{onClick:()=>i.call(ie),className:"bet-btn plus"})]}),c.jsx(Nr,{className:"quick-spin",onClick:s.bind(oe,!a),isActive:a}),c.jsx(Nr,{className:"auto-spin",onClick:u.bind(z,Z.autoplay),isActive:!1})]})]})})}),is=({onMount:e,onUnmount:t,className:r})=>{const n=m.useRef(null);return m.useEffect(()=>(n.current&&e&&e(n.current),()=>{t?.()}),[e,t]),c.jsx("div",{ref:n,className:r,style:{width:"100%",height:"100%",position:"relative"}})};function os(e){const t=m.useRef(null);return m.useEffect(()=>{if(typeof e!="function")return;const r=n=>{const i=t.current;if(!i)return;const o=n.target;o&&(i.contains(o)||e(n))};return document.addEventListener("mousedown",r),document.addEventListener("touchstart",r),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("touchstart",r)}},[e]),t}const ss=R(()=>{const{volume:e,setVolume:t}=oe,[r,n]=m.useState(!1),i=os(()=>n(!1)),o=m.useCallback(()=>{r||n(!0)},[r,n]);return c.jsxs(c.Fragment,{children:[r&&c.jsxs("div",{className:"volume-control",ref:i,children:[c.jsx("input",{type:"range",min:0,max:100,value:e,onChange:s=>t.call(oe,Number(s.target.value)),className:"slider","aria-label":"Volume"}),c.jsx("span",{className:"volume-value",children:e})]}),c.jsx("button",{className:`btn-sound ${e===0?"inactive":""}`,"aria-label":"Toggle Sound",onClick:o})]})}),as=R(()=>{const{open:e}=z;return c.jsxs("div",{className:"settings-section",children:[c.jsx(ss,{}),c.jsx("button",{className:"btn-settings","aria-label":"Open Settings",onClick:e.bind(z,Z.settings)})]})});class us{dialogs=es;activeDialog=null;constructor(){Ae(this)}add(t){this.dialogs.push(t)}open(t){const r=this.dialogs.find(n=>t===n.name);r?this.activeDialog=r:console.error(`Couldn't find dialog named ${t}`)}close(){this.activeDialog=null}get isOpen(){return this.activeDialog!==null}}const Nt=new us,cs=R(()=>{const{betAmount:e,displayCurrency:t,setNextBetAmount:r,setPrevBetAmount:n}=ie;return c.jsxs("div",{className:"overlay-bet-controller",children:[c.jsx("div",{className:"decrease-bet",onClick:n.bind(ie)}),c.jsxs("div",{className:"bet-amount",children:[e," ",t]}),c.jsx("div",{className:"increase-bet",onClick:r.bind(ie)})]})}),ls=R(({children:e})=>{const t=z.activePopup,r=Nt.activeDialog;if(!t&&!r)return null;const n=o=>{o.target===o.currentTarget&&(z.close(),Nt.close())},i=()=>{z.close(),Nt.close()};return c.jsxs("div",{className:`overlay ${r?"dialog":""}`,onClick:n,role:"presentation",children:[typeof t=="string"&&c.jsx("span",{className:"popup-title",children:t.toUpperCase()}),c.jsx("div",{className:"overlay-content",role:"dialog","aria-modal":"true",children:e}),!r&&c.jsx("div",{className:"overlay-close","aria-label":"Close",onClick:i,children:c.jsx("img",{src:"/assets/icons/popup-close.svg",alt:"Close"})}),t===Z.buyBonus&&c.jsx(cs,{})]})}),Sr=({value:e,onClick:t,active:r})=>c.jsx("div",{className:`rectLabel ${r?"current-active":""}`,onClick:()=>t(e),children:c.jsx("span",{children:e})}),fs=R(()=>{const{betAmountRange:e,setBet:t,betAmount:r}=ie;return c.jsx("div",{className:"bet-popup-container",children:e.map((n,i)=>{const o=r===n;return c.jsx(Sr,{value:n,active:o,onClick:t.bind(ie,n)},i)})})});class ds{countRange=[10,25,50,70,100,500,1e3];limitsRange=[10,20,50];count=0;specialFeatureSwitcherOn=!1;lossLimit=null;winLimit=null;constructor(){Ae(this)}setCount(t){this.count=t}setLimitsRange(t){this.limitsRange=t}setCountRange(t){this.countRange=t}setSpecialFeatureSwitcher(t){this.specialFeatureSwitcherOn=t}setLossLimit(t){console.log(t),this.lossLimit=t}setWinLimit(t){console.log(t),this.winLimit=t}start(){}}const He=new ds,At=({checked:e,onChange:t})=>c.jsx("button",{className:`ap-toggle ${e?"ap-toggle--on":"ap-toggle--off"}`,"aria-pressed":e,onClick:()=>t(!e),type:"button",children:c.jsx("span",{className:"ap-toggle__knob"})}),nn=({active:e,onClick:t,children:r})=>c.jsx("button",{className:`ap-limit ${e?"ap-limit--active":""}`,onClick:t,type:"button",children:r}),wr=({active:e,onClick:t,children:r})=>c.jsx("button",{className:`ap-tab ${e?"ap-tab--active":""}`,onClick:t,type:"button",children:r}),ps=({value:e,placeholder:t,inputType:r="text",className:n="",autoFocus:i=!0,onSubmit:o,onCancel:s})=>{const[a,u]=m.useState(""),f=m.useRef(null),d=m.useRef(!1);m.useEffect(()=>{u(e??""),d.current=!1},[e]),m.useEffect(()=>{i&&setTimeout(()=>{f.current?.focus(),f.current?.select()},0)},[i]);const v=()=>{d.current||(d.current=!0,o(a.trim()))},_=()=>{v()},b=g=>{g.key==="Enter"?(g.preventDefault(),v(),f.current?.blur()):g.key==="Escape"&&(u(e??""),s?.(),f.current?.blur())};return c.jsx("input",{ref:f,className:`ap-limit ${n}`,type:"number",value:a,placeholder:t,onChange:g=>u(g.target.value),onBlur:_,onKeyDown:b,inputMode:r==="number"?"numeric":void 0,"aria-label":"custom limit input"})},vs=R(()=>{const{specialFeatureSwitcherOn:e,setSpecialFeatureSwitcher:t,countRange:r,count:n,setCount:i,lossLimit:o,winLimit:s,setLossLimit:a,limitsRange:u,setWinLimit:f}=He,[d,v]=m.useState(0),[_,b]=m.useState(!1),[g,O]=m.useState(""),E=m.useMemo(()=>d?s:o,[d,s,o]),C=m.useMemo(()=>d?f.bind(He):a.bind(He),[d,f,a]);m.useEffect(()=>{const w=E&&!u.includes(E);O(w?E:0)},[E,s]);const se=!!n&&n>0;return c.jsxs("div",{className:"autoplay-wrap",children:[c.jsx("h3",{className:"ap-title",children:"Number of spins"}),c.jsx("div",{className:"autoplay-count",children:r.map((w,A)=>{const L=n===w;return c.jsx(Sr,{value:w,active:L,onClick:i.bind(He,w)},A)})}),c.jsxs("div",{className:"ap-switch-row",children:[c.jsx("div",{className:"ap-switch-label",children:"Stop on special feature WIN"}),c.jsx("div",{className:"ap-switch-control",children:c.jsx(At,{checked:e,onChange:w=>t.call(He,w)})})]}),c.jsxs("div",{className:"ap-tabs",children:[c.jsx(wr,{active:!d,onClick:()=>v(0),children:"Loss limit"}),c.jsx(wr,{active:!!d,onClick:()=>v(1),children:"Single WIN limit"})]}),c.jsx("div",{className:"ap-limits-panel",children:c.jsx("div",{className:"ap-limits-inner",children:c.jsxs("div",{className:"ap-limit-grid",children:[u.map((w,A)=>c.jsxs(nn,{active:E===w,onClick:()=>C(w),children:[w,"X BET"]},A)),c.jsx(nn,{active:!E,onClick:()=>C(null),children:"NO LIMIT"}),_?c.jsx(ps,{value:""+g,inputType:"number",onSubmit:w=>{const A=w.trim();if(A===""){b(!1);return}const L=Number(A);O(L??0),C(L),b(!1)},onCancel:()=>{b(!1)}}):c.jsx(nn,{onClick:()=>{b(!0)},active:!!E&&E===Number(g),children:g?`${g}X BET`:"CUSTOM"})]})})}),c.jsx("div",{className:"ap-start-row",children:c.jsx("button",{className:`ap-start-btn ${se?"":"ap-start-btn--disabled"}`,onClick:()=>{},type:"button",disabled:!se,children:"Start Autoplay"})})]})}),Dr=({onClick:e,label:t,className:r})=>c.jsxs("button",{className:`sp-action ${r}`,type:"button",onClick:e,children:[c.jsx("span",{className:"sp-action__icon","aria-hidden":"true"}),c.jsx("span",{className:"sp-action__label",children:t})]}),Xe=({onToggle:e,label:t,checked:r=!1})=>c.jsxs("div",{className:"sp-row",children:[c.jsx("div",{className:"sp-switch",children:c.jsx(At,{checked:r,onChange:()=>e(!r)})}),c.jsx("div",{className:"sp-label",children:t})]}),hs=R(()=>{const{introSkip:e,spaceToSkip:t,musicOn:r,soundsOn:n,spaceToSpin:i,setSpaceToSpin:o,setIntroSkip:s,setSpaceToSkip:a,setSoundsOn:u,setMusicOn:f}=oe,{open:d}=z;return c.jsxs("div",{className:"sp-wrap",children:[c.jsxs("div",{className:"sp-actions",children:[c.jsx(Dr,{onClick:d.bind(z,Z.history),className:"sp-action--history",label:"History"}),c.jsx(Dr,{onClick:()=>{},className:"sp-action--paytable",label:"Paytable"})]}),c.jsx("h3",{className:"sp-section-title",children:"Audio"}),c.jsxs("div",{className:"sp-rows",children:[c.jsx(Xe,{onToggle:f.bind(oe),checked:r,label:"Music"}),c.jsx(Xe,{onToggle:u.bind(oe),checked:n,label:"Sounds"})]}),c.jsx("h3",{className:"sp-section-title",children:"Game launch"}),c.jsx("div",{className:"sp-rows",children:c.jsx(Xe,{onToggle:s.bind(oe),checked:e,label:"Skip Intro"})}),c.jsx("h3",{className:"sp-section-title",children:"Keyboard"}),c.jsxs("div",{className:"sp-rows",children:[c.jsx(Xe,{onToggle:o.bind(oe),checked:i,label:"Spacebar to Spin"}),c.jsx(Xe,{onToggle:a.bind(oe),checked:t,label:"Spacebar to Skip"})]})]})}),_s=({date:e,currencyCode:t,betAmount:r,winAmount:n})=>{const[i,o]=m.useState(!1);return c.jsxs("div",{className:`history-item ${i?"active":""}`,role:"row",children:[c.jsx("span",{className:"date-section",children:e}),c.jsxs("span",{className:"bet-section",children:[r,c.jsx("span",{className:"currency",children:t})]}),c.jsxs("span",{className:"win-section",children:[n,c.jsxs("span",{className:"currency",children:[" ",t]})]}),c.jsx("div",{className:`vector ${i?"up":"down"}`,"aria-hidden":"true",onClick:()=>o(!i)}),i&&c.jsxs("div",{className:"additional-info",children:[c.jsxs("button",{className:"additional-button replay",children:[c.jsx("div",{className:"replay-icon"}),"REPLAY"]}),c.jsx("button",{className:"additional-button",children:"LINK"})]})]})};class bs{data=[{date:"26.11.2024 00:16",betAmount:1011,winAmount:20,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:20,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:1,winAmount:2e4,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"},{date:"26.11.2024 00:16",betAmount:10,winAmount:2002,currencyCode:"USD"}];constructor(){Ae(this)}setData(t){this.data=t}}const gs=new bs,ms=R(()=>{const{data:e}=gs;return c.jsxs("div",{className:"history-wrap",role:"list","aria-label":"History list",children:[c.jsxs("div",{className:"history-item history-item--head",role:"row",children:[c.jsx("span",{className:"date-section",children:"Date"}),c.jsx("span",{className:"bet-section",children:"Bet"}),c.jsx("span",{className:"win-section",children:"Win"})]}),e.map((t,r)=>c.jsx(_s,{date:t.date,betAmount:t.betAmount,winAmount:t.winAmount,currencyCode:t.currencyCode,id:"aa"},r))]})}),Vr=R(({item:e,type:t,onToggle:r,onBuy:n})=>{const{betAmount:i}=ie,{activeAnteBet:o,setActiveAnteBet:s}=Et,a=e.title.split(`
47
- `);return c.jsxs("div",{className:"sf-card",role:"group","aria-label":a.join(" "),children:[c.jsx("div",{className:"sf-card__title",children:a.map((u,f)=>c.jsx("span",{children:u},f))}),c.jsxs("div",{className:"sf-card__content",children:[c.jsx("div",{className:"sf-card__image-wrap",children:e.imagePath?c.jsx("img",{src:e.imagePath,alt:a[0]}):c.jsx("div",{className:"sf-card__image-placeholder"})}),e.description&&c.jsx("div",{className:"sf-card__description",children:e.description})]}),c.jsxs("div",{className:`sf-card__bottom ${t}`,children:[c.jsxs("div",{className:"sf-card__price",children:[e.costMultiplier*i," ",ie.displayCurrency]}),t==="ante"?c.jsx("div",{className:"sf-card__toggle",children:c.jsx(At,{checked:o===e,onChange:u=>s.call(Et,u?e:null)})}):c.jsx("button",{className:"sf-buy-btn",type:"button",onClick:()=>n&&n(e.title),children:"BUY"})]})]})}),rn=({features:e,type:t,title:r})=>c.jsxs(c.Fragment,{children:[c.jsx("h2",{className:"sf-section-title",children:r}),c.jsx("div",{className:"sf-grid",children:e.map((n,i)=>c.jsx(Vr,{item:n,type:t,onToggle:()=>{}},i))})]}),ys=()=>{const e=i=>{console.log("buy",i)},{anteBets:t,inReelFeatures:r,bonusFeatures:n}=Et;return c.jsxs("div",{className:"sf-wrap",children:[t.length&&c.jsx(rn,{features:t,type:tn.ante,title:"Ante Bets"},0),r.length&&c.jsx(rn,{features:r,type:tn.buy,title:"Reel Features"},1),n.length&&c.jsx(rn,{features:n,type:tn.buy,title:"Bonus"},2),c.jsx("h2",{className:"sf-section-title",children:"Bonus"}),c.jsx("div",{className:"sf-grid sf-grid--three",children:n.map((i,o)=>c.jsx(Vr,{item:i,type:"buy",onBuy:e},o))})]})},Os=R(()=>{const{activePopup:e}=z;if(!e)return null;const t=m.useMemo(()=>{switch(e){case Z.bet:return fs;case Z.autoplay:return vs;case Z.settings:return hs;case Z.history:return ms;case Z.buyBonus:return ys;default:return null}},[e]);return t?c.jsx(t,{}):null}),Es=({configs:e,text:t,onClick:r})=>c.jsx("button",{type:"button",className:"additional-btn",style:{"--btn-bg":e?.background??"transparent","--btn-color":e?.color??"inherit"},onClick:typeof r=="function"?r:void 0,children:t}),Ns=R(()=>{const{activeDialog:e}=Nt;return e?c.jsxs("div",{className:"dialogs-wrap","aria-live":"polite",children:[c.jsx("span",{className:"title",children:e?.title}),e?.imagePath&&c.jsx("img",{className:"dialog-image",src:e.imagePath,alt:e.title??"dialog image"}),c.jsx("span",{className:"message",children:e?.message}),e.toggle&&c.jsx(At,{checked:e.toggle.value,onChange:()=>e.toggle?.onClick()}),c.jsx("div",{className:"additional-btns",children:e?.buttons?.map((t,r)=>c.jsx(Es,{configs:t.configs,text:t.text,onClick:t.onClick},r))})]}):null});function As(){return c.jsxs("div",{className:"app",children:[c.jsxs("div",{className:"game-container",children:[c.jsx(is,{}),c.jsx(as,{}),c.jsx(rs,{})]}),c.jsxs(ls,{children:[c.jsx(Os,{}),c.jsx(Ns,{})]})]})}function Ss(e){e?jr.createRoot(e).render(c.jsx(m.StrictMode,{children:c.jsx(As,{})})):console.error("Целевой DOM-элемент для монтирования UI не найден.")}Q.createUi=Ss,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})}));
48
+ `);return c.jsxs("div",{className:"sf-card",role:"group","aria-label":a.join(" "),children:[c.jsx("div",{className:"sf-card__title",children:a.map((u,f)=>c.jsx("span",{children:u},f))}),c.jsxs("div",{className:"sf-card__content",children:[c.jsx("div",{className:"sf-card__image-wrap",children:e.imagePath?c.jsx("img",{src:e.imagePath,alt:a[0]}):c.jsx("div",{className:"sf-card__image-placeholder"})}),e.description&&c.jsx("div",{className:"sf-card__description",children:e.description})]}),c.jsxs("div",{className:`sf-card__bottom ${t}`,children:[c.jsxs("div",{className:"sf-card__price",children:[e.costMultiplier*i," ",ie.displayCurrency]}),t==="ante"?c.jsx("div",{className:"sf-card__toggle",children:c.jsx(At,{checked:o===e,onChange:u=>s.call(Et,u?e:null)})}):c.jsx("button",{className:"sf-buy-btn",type:"button",onClick:()=>n&&n(e.title),children:"BUY"})]})]})}),rn=({features:e,type:t,title:r})=>c.jsxs(c.Fragment,{children:[c.jsx("h2",{className:"sf-section-title",children:r}),c.jsx("div",{className:"sf-grid",children:e.map((n,i)=>c.jsx(Vr,{item:n,type:t,onToggle:()=>{}},i))})]}),ys=()=>{const e=i=>{console.log("buy",i)},{anteBets:t,inReelFeatures:r,bonusFeatures:n}=Et;return c.jsxs("div",{className:"sf-wrap",children:[t.length&&c.jsx(rn,{features:t,type:tn.ante,title:"Ante Bets"},0),r.length&&c.jsx(rn,{features:r,type:tn.buy,title:"Reel Features"},1),n.length&&c.jsx(rn,{features:n,type:tn.buy,title:"Bonus"},2),c.jsx("h2",{className:"sf-section-title",children:"Bonus"}),c.jsx("div",{className:"sf-grid sf-grid--three",children:n.map((i,o)=>c.jsx(Vr,{item:i,type:"buy",onBuy:e},o))})]})},Os=R(()=>{const{activePopup:e}=z;if(!e)return null;const t=m.useMemo(()=>{switch(e){case Z.bet:return fs;case Z.autoplay:return vs;case Z.settings:return hs;case Z.history:return ms;case Z.buyBonus:return ys;default:return null}},[e]);return t?c.jsx(t,{}):null}),Es=({configs:e,text:t,onClick:r})=>c.jsx("button",{type:"button",className:"additional-btn",style:{"--btn-bg":e?.background??"transparent","--btn-color":e?.color??"inherit"},onClick:typeof r=="function"?r:void 0,children:t}),Ns=R(()=>{const{activeDialog:e}=Nt;return e?c.jsxs("div",{className:"dialogs-wrap","aria-live":"polite",children:[c.jsx("span",{className:"title",children:e?.title}),e?.imagePath&&c.jsx("img",{className:"dialog-image",src:e.imagePath,alt:e.title??"dialog image"}),c.jsx("span",{className:"message",children:e?.message}),e.toggle&&c.jsx(At,{checked:e.toggle.value,onChange:()=>e.toggle?.onClick()}),c.jsx("div",{className:"additional-btns",children:e?.buttons?.map((t,r)=>c.jsx(Es,{configs:t.configs,text:t.text,onClick:t.onClick},r))})]}):null});function As(){return c.jsxs("div",{className:"app",children:[c.jsxs("div",{className:"game-container",children:[c.jsx(is,{}),c.jsx(as,{}),c.jsx(rs,{})]}),c.jsxs(ls,{children:[c.jsx(Os,{}),c.jsx(Ns,{})]})]})}function Ss(e){if(!e){console.error("element not found");return}jr.createRoot(e).render(c.jsx(m.StrictMode,{children:c.jsx(As,{})}))}Q.createUi=Ss,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "@sticky-studio-npm/ui-core",
3
- "version": "0.1.21",
3
+ "version": "0.1.25",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/ui-bundle.umd.js",
7
7
  "module": "dist/ui-bundle.es.js",
8
8
  "types": "dist/index.d.ts",
9
+ "style": "dist/ui-core.css",
9
10
  "files": [
10
11
  "dist"
11
12
  ],
@@ -23,8 +24,9 @@
23
24
  ".": {
24
25
  "import": "./dist/ui-bundle.es.js",
25
26
  "require": "./dist/ui-bundle.umd.js",
26
- "types": "./dist/index.d.ts"
27
- }
27
+ "style": "./dist/ui-core.css"
28
+ },
29
+ "./ui-core.css": "./dist/ui-core.css"
28
30
  },
29
31
  "peerDependencies": {
30
32
  "react": ">=18",
@@ -50,7 +52,8 @@
50
52
  "sass": "^1.92.1",
51
53
  "typescript": "~5.8.3",
52
54
  "typescript-eslint": "^8.39.1",
53
- "vite": "^7.1.2"
55
+ "vite": "^7.1.2",
56
+ "vite-plugin-css-injected-by-js": "^3.5.2"
54
57
  },
55
58
  "dependencies": {
56
59
  "mobx": "^6.13.7",
package/dist/ui-core.css DELETED
@@ -1 +0,0 @@
1
- @charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";.ui-footer{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;align-items:center;padding:20px 40px;color:#fff;box-sizing:border-box}.ui-footer .top-row{display:flex;align-items:center;width:100%;gap:20px;justify-content:space-between;position:relative}.ui-footer .left-group{display:flex;align-items:center;gap:15px}.ui-footer .left-group .buy-bonus{background:#f49f04e6;border:1.5px solid #FBDE38;border-radius:4px;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-height:50px;max-width:100px;padding:5px 13px;cursor:pointer;flex-shrink:0;font-size:18px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center}.ui-footer .left-group .balance-info{display:flex;gap:20px}.ui-footer .left-group .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .left-group .balance-info .info .label{font-size:14px;opacity:.8;margin-bottom:3px;word-break:manual;text-align:center;font-weight:400}.ui-footer .left-group .balance-info .info .value{font-size:18px;font-weight:700;word-break:manual;text-align:center}.ui-footer .bet-control{display:flex;align-items:center;gap:8px;margin-left:auto}.ui-footer .bet-control .bet-amount{display:flex;flex-direction:row;text-align:center;align-items:center;border:1.33px solid #C9C5C9;padding:5px 10px;border-radius:5px;font-size:14px;max-height:26px;width:143px;font-weight:700;cursor:pointer}.ui-footer .bet-control .bet-amount-icon{width:48px;height:48px;border:1.33px solid #aaa;border-radius:50%;justify-self:flex-start;background-color:#80808017;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);margin-left:-20px;background-image:url(public/assets/icons/coins.svg);background-repeat:no-repeat;background-position:center;background-size:60%;cursor:inherit}.ui-footer .bet-control .bet-amount-text{width:80%;font-size:15px;font-weight:500;cursor:inherit}.ui-footer .bet-control .bet-amount-text.ante-color{color:#ffd500}.ui-footer .bet-control .bet-box{position:relative;width:185px;height:38px;max-height:38px;min-height:unset;display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border:1.33px solid #C9C5C9;border-radius:6px;padding:0 10px;box-sizing:border-box;overflow:visible}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px;background:none;border:none;color:#fff;cursor:pointer;z-index:4;flex-shrink:0}.ui-footer .bet-control .bet-box .minus{background-image:url(public/assets/icons/minus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .plus{background-image:url(public/assets/icons/plus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .spin-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background-color:#22212140;border:1.33px solid yellow;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-image:url(public/assets/icons/spin.svg);background-size:115% 115%;background-repeat:no-repeat;background-position:center;cursor:pointer;z-index:3;pointer-events:auto}.ui-footer .bet-control .bet-box .spin-btn:active{transform:translate(-50%,-50%) scale(.95)}.ui-footer .bet-control .bet-box .spin-btn.slam-stop{background-image:url(public/assets/icons/slam-stop.svg);background-size:60% 60%}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{background:transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;background-size:60% 60%;background-repeat:no-repeat;background-position:center;border:1.33px solid #C9C5C9;flex-shrink:0}.ui-footer .bet-control .quick-spin{background-image:url(public/assets/icons/turbo.svg)}.ui-footer .bet-control .quick-spin.active{background-image:url(public/assets/icons/turbo-active.svg)}.ui-footer .bet-control .auto-spin{background-image:url(public/assets/icons/autoplay.svg)}.ui-footer .bottom-row{display:none}@media screen and (orientation: portrait){.ui-footer{width:100%;padding:10px 8px;left:0;transform:none;bottom:35px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;--betbox-w: 170px;--spin-size: 75px;--qa-size: 35px;--qa-gap: 25px}.ui-footer .top-row{width:100%;position:relative;display:block;height:calc(var(--spin-size) + 24px)}.ui-footer .top-row .buy-bonus-wrap{position:absolute;top:50%;left:calc(50% - var(--betbox-w) / 2 - var(--qa-gap) * .7)}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{transform:translate(-100%,-50%);z-index:6;pointer-events:auto;min-height:45px;max-height:45px;padding:6px 12px;font-size:13px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;max-width:calc(var(--betbox-w) * .5)}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - var(--qa-gap) * 1.05);bottom:75px;width:53px;height:61px}.ui-footer .left-group{justify-content:center}.ui-footer .left-group .balance-info{display:flex;position:absolute;width:85%;top:100px;justify-content:space-between}.ui-footer .left-group .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .left-group .balance-info .info .label{font-size:11px;opacity:.8;text-align:center;font-weight:400}.ui-footer .left-group .balance-info .info .value{font-size:11px;font-weight:700;text-align:center}.ui-footer .bet-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;z-index:5;width:auto}.ui-footer .bet-control .bet-box{position:relative;width:var(--betbox-w);height:35px;max-height:35px;min-height:unset;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:#ffffff14;border:1.3px solid #C9C5C9;border-radius:6px;box-sizing:border-box;pointer-events:auto;overflow:visible}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px;z-index:4;background:none;border:none;cursor:pointer;pointer-events:auto;flex-shrink:0}.ui-footer .bet-control .bet-box .minus{background-image:url(public/assets/icons/minus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .plus{background-image:url(public/assets/icons/plus.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:center}.ui-footer .bet-control .bet-box .spin-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--spin-size);height:var(--spin-size);border-radius:50%;z-index:3;pointer-events:auto}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{position:absolute;top:50%;transform:translateY(-50%);width:var(--qa-size);height:var(--qa-size);pointer-events:auto}.ui-footer .bet-control .quick-spin{left:calc(50% + var(--betbox-w) / 2 + var(--qa-gap) * .8)}.ui-footer .bet-control .auto-spin{left:calc(50% + var(--betbox-w) / 2 + var(--qa-gap) + var(--qa-size) + var(--qa-gap) * .6)}.ui-footer .bet-control .bet-amount{position:absolute;left:50%;top:calc(50% - var(--spin-size) / 2 + 85px);transform:translate(-50%);font-size:10px;min-width:calc(var(--spin-size) - 10px);text-align:center;max-height:20px;width:90px;color:#fff}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:35px;height:35px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:12px}.ui-footer .bottom-row{display:flex;width:100%;justify-content:center;margin-top:8px;box-sizing:border-box}.ui-footer .bottom-row .balance-info{display:flex;gap:12px;justify-content:center}.ui-footer .bottom-row .balance-info .info{display:flex;flex-direction:column;align-items:center}.ui-footer .bottom-row .balance-info .info .label{font-size:12px;opacity:.8}.ui-footer .bottom-row .balance-info .info .value{font-size:16px;font-weight:700}}@media screen and (orientation: portrait) and (max-width: 420px){.ui-footer{--betbox-w: 140px;--spin-size: 73px;--qa-size: 32px;--qa-gap: 20px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)));bottom:75px;width:40px;height:48px}}@media screen and (orientation: portrait) and (max-width: 360px){.ui-footer{--betbox-w: 130px;--spin-size: 60px;--qa-size: 28px;--qa-gap: 16px}.ui-footer .bet-control .bet-amount{top:calc(50% - var(--spin-size) / 2 + 73px)}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:35px;height:35px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:11px}.ui-footer .left-group .balance-info{top:92px}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{padding:5px 10px;font-size:12px;min-height:36px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)) * 1.2);bottom:67px;width:40px;height:48px}.ui-footer .bottom-row .balance-info .info .label{font-size:10px}.ui-footer .bottom-row .balance-info .info .value{font-size:14px}}@media screen and (orientation: portrait) and (max-width: 320px){.ui-footer{--betbox-w: 120px;--spin-size: 52px;--qa-size: 24px;--qa-gap: 12px;padding:6px}.ui-footer .left-group .balance-info{top:80px}.ui-footer .bet-control .bet-amount{top:calc(50% - var(--spin-size) / 2 + 65px);width:70px}.ui-footer .bet-control .bet-amount .bet-amount-icon{width:30px;height:30px}.ui-footer .bet-control .bet-amount .bet-amount-text{width:80%;font-size:10px}.ui-footer .top-row .buy-bonus-wrap .buy-bonus{padding:4px 8px;font-size:11px;min-height:32px}.ui-footer .top-row .buy-bonus-wrap .bonus-thumb{left:calc(50% - var(--betbox-w) / 2 - (var(--qa-gap)) * 1.6);bottom:60px}}@media screen and (max-width: 935px) and (orientation: landscape){.ui-footer{bottom:2px}.ui-footer .bet-control .bet-amount{max-height:16px;width:110px}.ui-footer .bet-control .bet-amount-icon{width:30px;height:30px}.ui-footer .bet-control .bet-amount-text{width:80%;font-size:12px;font-weight:500}.ui-footer .bet-control .bet-box{position:relative;width:130px;height:28px}.ui-footer .bet-control .bet-box .bet-btn{width:16px;height:16px}.ui-footer .bet-control .bet-box .spin-btn{width:55px;height:55px}.ui-footer .bet-control .quick-spin,.ui-footer .bet-control .auto-spin{width:27px;height:27px;border-radius:50%}.ui-footer .bonus-thumb{width:43px;height:51px;bottom:40px}.ui-footer .left-group{gap:10px}.ui-footer .left-group .buy-bonus{min-height:33px;max-height:33px;max-width:70px;font-size:10px}.ui-footer .left-group .balance-info{gap:15px}.ui-footer .left-group .balance-info .info .label{font-size:10px}.ui-footer .left-group .balance-info .info .value{font-size:12px}}.ui-footer .bet-amount:hover,.ui-footer .spin-btn:hover,.ui-footer .quick-spin:hover,.ui-footer .auto-spin:hover{background-color:#201f1fa1}.ui-footer .buy-bonus:hover{box-shadow:inset 0 0 0 1000px #0003}.buy-bonus-wrap{display:flex;flex-direction:column;align-items:center;position:relative;width:max-content;box-sizing:border-box}.bonus-thumb{position:absolute;width:64px;height:76px;border-radius:6px;border:1.2px solid rgba(255,215,18,.88);background-size:100%;background-position:center;background-repeat:no-repeat;bottom:60px;box-shadow:0 4px #00000003;box-sizing:border-box}.buy-bonus-wrap .bonus-thumb{background-clip:padding-box}.settings-section{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px}.volume-control{display:flex;align-items:center;background:#00000080;border-radius:999px;padding:4px 10px;gap:8px}.slider{appearance:none;width:120px;height:6px;border-radius:3px;background:#fff3;outline:none}.slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.volume-value{color:#fff;font-weight:600;min-width:24px;text-align:center}.btn-sound,.btn-settings{width:40px;height:40px;border:1px solid #fff;border-radius:50%;background:transparent;background-size:80% auto;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color .2s}.btn-sound:hover,.btn-settings:hover{background-color:#ffffff26}.btn-sound{background-image:url(public/assets/icons/sounds.svg)}.btn-sound.inactive{background-image:url(public/assets/icons/sounds-off.svg)}.btn-settings{background-image:url(public/assets/icons/settings.svg)}html,body,#root{font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;width:100%;height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden}.app{display:flex;flex-direction:column;width:100%;height:100dvh}.game-container{position:relative;flex:1;width:100%;height:100dvh}.game-container canvas{display:block;width:100dvw;height:100dvh;background-image:url(public/img.png);background-repeat:no-repeat;background-position:center;background-size:cover}.game-container .settings-section{position:absolute;top:20px;right:20px;z-index:10}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--900, rgba(28, 27, 30, .67));display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;padding-top:var(--overlay-padding-top, 50px);z-index:1000;gap:60px;user-select:none;-webkit-user-select:none;-ms-user-select:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.overlay.dialog{background:var(--900, rgba(30, 30, 30, .67))}.popup-title{position:absolute;color:#fff;top:50px;font-size:2.7rem;text-align:center}.overlay-close{width:5rem;height:3rem;position:absolute;right:50px;top:65px;border-radius:50%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='248'%20height='121'%20viewBox='0%200%20248%20121'%20fill='none'%3e%3cg%20opacity='0.1'%20filter='url(%23filter0_f_811_7791)'%3e%3cellipse%20cx='134'%20cy='60.3962'%20rx='87'%20ry='13.3962'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cg%20opacity='0.2'%20filter='url(%23filter1_f_811_7791)'%3e%3cellipse%20cx='134.001'%20cy='60.3961'%20rx='45.7585'%20ry='5.44679'%20fill='%23D9D9D9'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_811_7791'%20x='0.400002'%20y='0.400002'%20width='267.2'%20height='119.992'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='23.3'%20result='effect1_foregroundBlur_811_7791'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_811_7791'%20x='41.6422'%20y='8.34934'%20width='184.718'%20height='104.094'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='23.3'%20result='effect1_foregroundBlur_811_7791'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:150%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1005}.overlay-close img{width:1.8rem;height:1.8rem;display:block}.overlay-content{flex:1;display:flex;position:relative;z-index:1001;width:80%;max-height:calc(85vh - var(--overlay-padding-top, 100px));overflow-y:scroll;padding:10px;justify-content:center;margin-bottom:100px;scrollbar-color:#48464A #1C1B1E;box-sizing:border-box}.overlay-content::-webkit-scrollbar{width:10px}.overlay-content::-webkit-scrollbar-track{background:#0000000f}.overlay-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:30px}.overlay-bet-controller{width:300px;position:absolute;display:flex;gap:10px;bottom:80px;align-self:center}.bet-amount{padding:10px 5px;width:200px;border-radius:8px;border:1.698px solid #AEAAAF;text-align:center;background-color:#313033b3;color:#fff}.increase-bet,.decrease-bet{padding:10px 5px;border-radius:8px;border:1.698px solid #AEAAAF;width:40px;background-repeat:no-repeat;background-position:center;background-size:60%;background-color:#313033b3;cursor:pointer}.increase-bet{background-image:url(public/assets/icons/plus.svg)}.decrease-bet{background-image:url(public/assets/icons/minus.svg)}@media screen and (orientation: portrait){.overlay{--overlay-bottom-gap: 50px}.overlay .overlay-content{width:90%;justify-self:flex-start;max-height:calc(72vh - var(--overlay-padding-top, 100px) + var(--overlay-bottom-gap) * .2);margin-bottom:calc(var(--overlay-bottom-gap) * 3)}.overlay .overlay-close{top:auto;bottom:calc(var(--overlay-bottom-gap) * 1.3);right:auto;z-index:1005}.overlay .overlay-bet-controller{bottom:calc(var(--overlay-bottom-gap) * 2.8)}}@media screen and (max-width: 935px) and (orientation: landscape){.overlay .overlay-content{margin-top:30px;width:90%;max-height:calc(95vh - var(--overlay-padding-top, 100px) - 40px)}.overlay .overlay-close{width:2.7rem;height:1.4rem;top:60px}.overlay .overlay-close img{width:1rem;height:1rem}.overlay .overlay-bet-controller{bottom:65px}.overlay .popup-title{font-size:1.8rem}}.bet-popup-container{display:flex;width:80%;height:max-content;flex-wrap:wrap;align-self:center;justify-self:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;gap:30px}@media screen and (orientation: portrait){.bet-popup-container{width:100%;gap:15px}}@media screen and (max-width: 935px) and (orientation: landscape){.bet-popup-container{gap:15px}}.rectLabel{width:100px;height:40px;color:#fff;background:var(--800, rgba(49, 48, 51, .7));border:1px solid rgba(255,255,255,.12);padding:5px;text-align:center;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease;will-change:transform,box-shadow}.rectLabel:focus-visible{outline:none;box-shadow:0 0 0 4px #d4a0172e;border-color:#d4a017e6}.rectLabel:hover,.rectLabel:focus{background:#ffffff0f;transform:translateY(-4px) scale(1.03);border-color:#ffffffe6;box-shadow:0 8px 24px #00000073}.rectLabel:active{transform:translateY(0) scale(.985);box-shadow:0 4px 12px #00000059}.rectLabel span{display:block;font-size:22px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .16s ease}.rectLabel:hover span,.rectLabel:focus span{transform:scale(1.03)}.rectLabel.current-active{background:var(--Mustard-Yellow, #f6d923);color:#0c0c0c}@media (prefers-reduced-motion: reduce){.rectLabel{transition:none;transform:none}.rectLabel:hover{transform:none;box-shadow:none}.rectLabel span{transition:none;transform:none}}@media screen and (orientation: portrait){.rectLabel{width:70px;height:25px}.rectLabel span{font-size:14px;width:100%}}@media screen and (max-width: 935px) and (orientation: landscape){.rectLabel{width:70px;height:25px}.rectLabel span{font-size:14px;width:100%}}.autoplay-wrap{width:100%;max-width:760px;margin:0 auto;color:#fff;text-align:center;padding:18px 12px 28px;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;--ap-limit-h: 48px}.ap-title{font-size:22px;font-weight:800;margin:4px 0 18px;color:#fff}.autoplay-count{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:22px}.ap-switch-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.ap-switch-label{font-size:18px;font-weight:700}.ap-switch-control{display:flex;align-items:center;gap:10px}.ap-switch-text{font-weight:700;font-size:18px}.ap-tabs{display:flex;gap:8px;justify-content:center;margin:12px 0 6px}.ap-tab{background:#ffffff0f;color:#ddd;padding:10px 18px;border-radius:10px 10px 0 0;border:1px solid rgba(255,255,255,.12);font-weight:700;cursor:pointer;min-width:140px}.ap-tab--active{background:#f0d35c;color:#111;box-shadow:0 4px #00000014}.ap-limits-panel{display:flex;justify-content:center;margin-top:6px}.ap-limits-inner{width:100%;max-width:620px;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:18px;box-sizing:border-box;background:#00000059;position:relative}.ap-limits-inner:before{display:none;content:none}.ap-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center;justify-items:center}.ap-limit-grid>*{min-width:0}.ap-limit{background:#00000073;color:#eee;border:2px solid rgba(255,255,255,.12);padding:0 18px;width:100%;max-width:200px;text-align:center;border-radius:12px;font-weight:800;cursor:pointer;transition:all .12s ease;box-shadow:inset 0 -6px #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1;vertical-align:middle;outline:none;height:var(--ap-limit-h)}.ap-limit--active{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#222;border-color:#00000026;transform:translateY(-2px)}button.ap-limit:focus,input.ap-limit:focus{outline:none;box-shadow:0 0 0 3px #d4a01726}input.ap-limit,input[type=number].ap-limit{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:200px;padding:0 18px;background:#00000073;color:#eee;border:2px solid rgba(255,255,255,.12);border-radius:12px;font-weight:800;font-family:inherit;font-size:14px;line-height:1;text-align:center;outline:none;height:var(--ap-limit-h)}input.ap-limit::-webkit-outer-spin-button,input.ap-limit::-webkit-inner-spin-button,input[type=number].ap-limit::-webkit-outer-spin-button,input[type=number].ap-limit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.ap-limit::-ms-clear,input.ap-limit::-ms-expand,input[type=number].ap-limit::-ms-clear,input[type=number].ap-limit::-ms-expand{display:none}input.ap-limit.ap-limit--active{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#222;border-color:#00000026;transform:translateY(-2px)}.ap-start-row{margin-top:22px;display:flex;justify-content:center}.ap-start-btn{background:linear-gradient(180deg,#f0d35c,#d4a017);color:#111;border:2px solid #c89b2f;padding:14px 48px;border-radius:14px;font-size:26px;font-weight:900;cursor:pointer;box-shadow:0 6px #00000047,inset 0 -6px #0000000f;transition:transform .08s ease,box-shadow .08s ease}.ap-start-btn:active{transform:translateY(2px);box-shadow:0 4px #0000003d}.ap-start-btn--disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 880px){.autoplay-wrap{padding:14px 10px}.ap-title{font-size:20px}.ap-toggle{width:60px;height:34px}.ap-toggle__knob{width:28px;height:28px}.ap-tab{min-width:120px;padding:8px 12px}.ap-limit-grid{gap:10px}.ap-start-btn{font-size:22px;padding:12px 40px;border-radius:12px}}@media screen and (orientation: portrait) and (max-width: 420px){.ap-title{font-size:18px}.autoplay-count{gap:12px}.ap-limit-grid{grid-template-columns:repeat(2,1fr)}.ap-limit{font-size:13px;padding:10px 12px;border-radius:10px;height:44px}.ap-tab{min-width:110px;padding:8px 10px}.ap-start-btn{font-size:18px;padding:10px 28px;border-radius:10px}.autoplay-wrap{--ap-limit-h: 44px}}@media screen and (orientation: landscape) and (max-height: 420px),screen and (orientation: landscape) and (min-aspect-ratio: 2.2/1){.autoplay-wrap{padding:10px 6px}.ap-title{font-size:18px;margin-bottom:8px}.autoplay-count{gap:12px;margin-bottom:12px}.ap-toggle{width:56px;height:32px}.ap-toggle__knob{width:26px;height:26px}.ap-switch-text{font-size:16px}.ap-tab{padding:8px 10px;min-width:110px;font-size:13px}.ap-limits-inner{padding:12px}.ap-limit-grid{gap:8px}.ap-limit{padding:0 18px;font-size:12px;border-radius:9px}.ap-start-btn{padding:10px 36px;font-size:20px;border-radius:12px}.autoplay-wrap{--ap-limit-h: 40px}}@media screen and (orientation: landscape) and (max-height: 360px){.ap-title{display:none}.ap-limit-grid{grid-template-columns:repeat(3,1fr);gap:6px}.autoplay-count{gap:8px}.ap-limits-inner{padding:8px}.ap-limit{padding:0 12px;font-size:11px}.ap-start-btn{padding:8px 28px;font-size:16px;border-radius:10px}.autoplay-wrap{--ap-limit-h: 36px}}.ap-toggle{width:68px;height:38px;border-radius:999px;background:linear-gradient(180deg,#f0d35c,#d4a017);border:none;position:relative;padding:4px;display:inline-flex;align-items:center;transition:background .12s ease;cursor:pointer;box-shadow:inset 0 -6px #0000000f}.ap-toggle--off{background:linear-gradient(180deg,#efefef,#ddd)}.ap-toggle--on{background:linear-gradient(180deg,#f0d35c,#d4a017)}.ap-toggle--on .ap-toggle__knob{margin-left:auto}.ap-toggle__knob{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 4px 8px #00000040;display:block;transition:transform .12s ease}@media (max-width: 880px){.ap-toggle{width:60px;height:34px}.ap-toggle__knob{width:28px;height:28px}}@media (max-width: 1000px){.ap-toggle{width:50px;height:30px}.ap-toggle__knob{width:24px;height:24px}}@media (max-width: 750px){.ap-toggle{width:38px;height:23px}.ap-toggle__knob{width:18px;height:18px}}.sp-wrap{width:100%;max-width:760px;margin:0 auto;color:#fff;text-align:center;padding:20px 12px;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;--sp-switch-w: 54px;--sp-switch-h: 54px;--action-width: 45%;--action-max: 280px;--action-bg: rgba(41, 40, 40, .3);--action-icon-size: 43px;--content-max: 620px;--row-gap: 6px}.sp-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:18px}.sp-action{width:var(--action-width);max-width:var(--action-max);background:var(--action-bg);color:#fff;border-radius:6px;border:1.6px solid rgba(255,255,255,.12);padding:10px 12px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;transition:transform .08s ease,background .08s ease}.sp-action:hover{background:#1c1c1cde}.sp-action__icon{position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:var(--action-icon-size);height:var(--action-icon-size);display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid rgba(255,255,255,.12);background:#0e0e0e59;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:60% 60%}.sp-action--history .sp-action__icon{background-image:url(public/assets/icons/history.svg)}.sp-action--paytable .sp-action__icon{background-image:url(public/assets/icons/paytable.svg)}.sp-action__label{display:inline-block;width:100%;font-weight:800;font-size:16px;letter-spacing:.3px;text-align:center;pointer-events:none}.sp-section-title{margin:18px 0 8px;font-size:23px;font-weight:800;color:#fff}.sp-rows{width:35%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box}.sp-row{display:grid;grid-template-columns:var(--sp-switch-w) 1fr;align-items:center;column-gap:var(--row-gap);width:100%;box-sizing:border-box}.sp-switch{width:var(--sp-switch-w);height:var(--sp-switch-h);min-height:var(--sp-switch-h);display:flex;align-items:center;justify-content:center;box-sizing:border-box;justify-self:end}.sp-label{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;height:var(--sp-switch-h);min-height:var(--sp-switch-h);box-sizing:border-box;justify-content:flex-start;padding-left:8px;justify-self:start}@media (max-width: 880px){.sp-action{width:92%}.sp-action__icon{left:10px;width:44px;height:44px}.sp-action__label{font-size:18px}.sp-section-title{font-size:20px}.sp-label{font-size:16px}.sp-switch{width:60px;--sp-switch-h: 52px;justify-self:end}.sp-row{grid-template-columns:60px 1fr;column-gap:6px}}@media screen and (orientation: portrait) and (max-width: 420px){.sp-action{width:80%;max-width:360px;padding:10px}.sp-action__icon{left:-1px;width:40px;height:40px;border-radius:6px}.sp-action__label{font-size:16px}.sp-section-title{font-size:18px;margin-top:12px;margin-bottom:6px}.sp-label{font-size:15px}.sp-switch{width:56px;--sp-switch-h: 48px;justify-self:end}.sp-row{grid-template-columns:56px 1fr;column-gap:6px}.sp-rows{width:75%}}@media screen and (orientation: landscape) and (max-height: 420px),screen and (orientation: landscape) and (min-aspect-ratio: 2.2/1){.sp-action{width:60%;max-width:560px;padding:8px 10px}.sp-action__icon{left:-1px;width:40px;height:40px}.sp-action__label{font-size:18px}.sp-section-title{font-size:18px;margin-top:12px;margin-bottom:6px}.sp-label{font-size:15px}.sp-switch{width:56px;--sp-switch-h: 42px;justify-self:end}.sp-row{grid-template-columns:56px 1fr;column-gap:6px}}:root{--item-border: 1.6px solid rgba(49, 48, 51, .7);--bg: var(--800, rgba(49, 48, 51, .7));--muted: #aaaaaa;--accent: rgba(212,160,23,.12)}.history-wrap{width:90%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box}.history-item{width:100%;display:grid;grid-template-columns:minmax(140px,35%) minmax(80px,1fr) minmax(80px,1fr) 36px;align-items:center;gap:8px;min-height:60px;padding:12px 14px;border-radius:8px;border:var(--item-border);color:var(--10, #FFFBFF);box-sizing:border-box;overflow:hidden;background-color:transparent;transition:min-height .33s;will-change:min-height}.history-item.active{min-height:120px;align-items:flex-start}.additional-info{position:absolute;justify-self:center;align-self:flex-end}.additional-button{width:90px;border-radius:8.185px;border:1.698px solid var(--300, #AEAAAF);background:#fbde38;cursor:pointer;font-weight:800;padding:10px 5px;margin:5px}.additional-button.replay{background:var(--900, #1C1B1E);box-shadow:0 0 1.395px #000;color:var(--10, #FFFBFF);font-style:normal;font-weight:800}.additional-button.replay:hover{background:#17171740}.additional-button:hover{background:#ffe116cc}.replay-icon{position:absolute;width:34px;height:34px;right:97%;bottom:15%;background-image:url(public/assets/icons/replay.svg);background-size:60% 60%;background-repeat:no-repeat;background-position:center}.history-item--head{color:#ddd;font-weight:700;border:none;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.history-item:nth-child(2n):not(.history-item--head){background-color:var(--bg)}.history-item:nth-child(odd):not(.history-item--head){background-color:transparent;border:none}.date-section{justify-self:start;text-align:left;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-section,.win-section{justify-self:center;text-align:center;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency{font-weight:400;margin-left:4px;color:var(--muted);font-size:13px}.vector{width:24px;height:24px;justify-self:end;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='21'%20viewBox='0%200%2035%2021'%20fill='none'%3e%3cpath%20d='M17.2271%2013.6183L30.3907%200.694336L34.1517%204.38692L17.2271%2021.0037L0.302734%204.38692L4.06372%200.694336L17.2271%2013.6183Z'%20fill='%23FFFBFF'/%3e%3c/svg%3e");background-size:115% 115%;background-repeat:no-repeat;background-position:center;cursor:pointer}.vector.up{transform:rotate(180deg)}@media screen and (orientation: portrait) and (max-width: 850px){.history-wrap{width:100%}.history-item{grid-template-columns:1fr 88px 88px 10px;padding:9px 10px;border-radius:6px}.date-section,.bet-section,.win-section{font-size:12px}.vector{width:15px;height:15px}}@media screen and (orientation: portrait) and (max-width: 400px){.history-wrap{width:100%}.history-item{grid-template-columns:1fr 50px 80px 10px;padding:9px 10px;border-radius:6px}.date-section,.bet-section,.win-section{font-size:12px}.vector{width:15px;height:15px}}:root{--sf-card-w: 220px;--sf-card-h: 340px;--sf-card-image-w: 200px;--sf-card-image-h: 120px;--gap: -10px;--btn-overlap: 20px;--btn-h: 37px;--bottom-row-h: 56px}.sf-wrap{width:100%;margin:0 auto;color:#fff;padding:2px;box-sizing:border-box;text-align:center;font-family:Helvetica Neue,Arial,sans-serif}.sf-section-title{font-size:34px;font-weight:900;margin:18px 0 20px;color:#fff}.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,var(--sf-card-w));justify-content:center;gap:calc(var(--gap) + var(--btn-overlap));margin-bottom:36px;row-gap:40px;box-sizing:border-box}.sf-card{position:relative;width:var(--sf-card-w);height:var(--sf-card-h);background:#21212270;border:1.6px solid rgba(255,255,255,.12);border-radius:10px;box-sizing:border-box;justify-content:center;display:flex;flex-direction:column;align-items:center;transition:transform .12s ease}.sf-card__content{width:100%;display:flex;flex-direction:column;align-items:center}.sf-card__description{width:100%;height:50%;padding:10px;font-size:12px;box-sizing:border-box;flex:0 1 auto;overflow:auto}.sf-card__title{font-weight:800;width:80%;position:absolute;left:18px;right:18px;top:calc(var(--btn-overlap) - 2px);font-size:16px;color:#fff;text-transform:uppercase;line-height:1.05;text-align:center;display:flex;flex-direction:column;gap:6px;flex:0 0 auto;padding:0 6px}.sf-card__image-wrap{width:var(--sf-card-image-w);height:max-content;min-height:var(--sf-card-image-h);display:flex;align-items:center;justify-content:center;padding:10px;flex:0 0 auto;box-sizing:border-box}.sf-card__image-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:2px}.sf-card__bottom{position:absolute;left:8px;right:8px;bottom:calc(var(--btn-overlap) - 22px);height:var(--bottom-row-h);display:block;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;padding:6px 8px;background:transparent;z-index:1}.sf-card__bottom.ante{display:flex}.sf-card__price{font-weight:900;font-size:17px;color:#fff;white-space:nowrap}.sf-card__toggle{width:70px;display:flex;align-items:center;justify-content:center}.sf-buy-btn{position:absolute;left:50%;transform:translate(-50%);bottom:calc(-1 * var(--btn-overlap));width:calc(100% - 10px);height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0d35c,#d4a017);color:#111;border:1px solid rgba(200,155,47,.7);padding:0 28px;border-radius:calc(var(--btn-h) / 2);font-weight:900;font-size:20px;cursor:pointer;z-index:2;box-sizing:border-box}@media screen and (max-width: 1000px) and (orientation: landscape){:root{--sf-card-w: 177px;--sf-card-h: 250px;--sf-card-image-w: 150px;--sf-card-image-h: 100px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-section-title{font-size:20px}.sf-card__title{font-size:10px;left:7px;right:7px}.sf-card__price{font-size:12px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}@media (max-width: 750px) and (orientation: landscape){:root{--sf-card-w: 125px;--sf-card-h: 195px;--sf-card-image-w: 120px;--sf-card-image-h: 80px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-section-title{font-size:20px}.sf-card__price{font-size:12px}.sf-card__bottom{left:5px;right:0}.sf-card__bottom.ante .sf-card__price{font-size:9px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}@media (max-width: 750px) and (orientation: portrait){:root{--sf-card-w: 125px;--sf-card-h: 195px;--sf-card-image-w: 120px;--sf-card-image-h: 80px;--btn-h: 52px;--btn-overlap: 18px;--bottom-row-h: 52px}.sf-card__title{font-size:10px;left:7px;right:7px}.sf-section-title{font-size:20px}.sf-card__price{font-size:12px}.sf-card__bottom{left:5px;right:0}.sf-card__bottom.ante .sf-card__price{font-size:9px}.sf-buy-btn{height:calc(var(--btn-h) - 20px);font-size:18px}}.dialogs-wrap{display:flex;width:35%;padding:18px 20px;flex-wrap:wrap;align-self:center;border-radius:6px;border:1.3px solid var(--300, #AEAAAF);background:var(--90080, rgba(18, 16, 18, .36));justify-self:center;justify-content:center;user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;gap:12px}.title{font-size:25px;font-weight:700;color:#fff;width:100%;text-align:center}.dialog-image{max-width:100%;width:120px;height:auto;display:block;margin:6px auto;border-radius:6px}.message{font-size:15px;margin-top:6px;color:#fff;width:100%;text-align:center}.additional-btns{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.additional-btn{--fallback-bg: transparent;--fallback-color: #fff;background:var(--btn-bg, var(--fallback-bg));color:var(--btn-color, var(--fallback-color));border:2px solid rgba(255,255,255,.08);padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;min-width:96px;box-sizing:border-box;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;display:inline-flex;align-items:center;justify-content:center}.additional-btn:hover{background:var(--btn-bg);opacity:.8}.additional-btn[style*=transparent]{background:transparent;box-shadow:none}@media screen and (orientation: portrait){.dialogs-wrap{width:85%}.title{font-size:20px}.message{font-size:14px}.additional-btn{min-width:80px;padding:8px 12px}}@media screen and (max-width: 935px) and (orientation: landscape){.dialogs-wrap{width:45%}}