html,body,#root{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;height:100%;max-height:100svh;margin:0;overflow:hidden}*,:before,:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent}.app-page--loading{visibility:hidden;pointer-events:none}.app-page{z-index:0;height:100%;max-height:100svh;padding:max(8px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(8px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));position:relative;overflow:hidden}.app-page-bg{opacity:0;z-index:-2;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s ease-in-out;position:absolute;inset:0}.app-page-bg.active{opacity:1}.smp-background-container{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.smp-logo-pixi-container{z-index:0;pointer-events:none;position:absolute;inset:0}.smp-logo-pixi-container canvas,.smp-background-container canvas{width:100%;height:100%;display:block}.main-screen{z-index:1;place-items:center;width:100%;height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:visible}.smp-wrapper{--smp-stage-scale:1.15;--smp-logo-scale:.7;--smp-ui-chrome:118px;--smp-footer-height:clamp(72px, 10vh, 96px);--smp-stage-gap:clamp(calc(16px * var(--smp-stage-scale)), calc(2.5vw * var(--smp-stage-scale)), calc(28px * var(--smp-stage-scale)));--smp-logo-col-width:clamp(calc(126px * var(--smp-stage-scale) * var(--smp-logo-scale)), calc(14.3vw * var(--smp-stage-scale) * var(--smp-logo-scale)), calc(202px * var(--smp-stage-scale) * var(--smp-logo-scale)));--smp-controls-col-width:clamp(calc(160px * var(--smp-stage-scale)), calc(13vw * var(--smp-stage-scale)), calc(200px * var(--smp-stage-scale)));--smp-side-col-width:max(var(--smp-logo-col-width), var(--smp-controls-col-width));--smp-canvas-width:min(calc(880px * 1.15), max(10px, calc(100vw - 2 * var(--smp-side-col-width) - 2 * var(--smp-stage-gap) - 32px)), max(10px, calc((100svh - var(--smp-ui-chrome)) * var(--smp-design-w) / var(--smp-design-h) * 1.15)));--smp-stage-width:calc(2 * var(--smp-side-col-width) + var(--smp-canvas-width) + 2 * var(--smp-stage-gap));width:100%;min-height:0;max-height:100%;padding-bottom:calc(var(--smp-footer-height) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2dvh,18px);display:flex;position:relative;overflow:visible}.smp-stage-grid{grid-template-columns:var(--smp-side-col-width) var(--smp-canvas-width) var(--smp-side-col-width);gap:var(--smp-stage-gap);grid-template-rows:auto;grid-template-areas:"logo reels controls";place-items:center;width:fit-content;max-width:100%;margin-inline:auto;padding-top:clamp(24px,5.5dvh,50px);display:grid}.smp-logo-col{width:100%;padding-right:clamp(calc(10px * var(--smp-stage-scale,1.15)), calc(1.2vw * var(--smp-stage-scale,1.15)), calc(20px * var(--smp-stage-scale,1.15)));flex-direction:column;grid-area:logo;place-self:center;align-items:flex-end;display:flex}@media (orientation:landscape) and (width>=768px) and (aspect-ratio<=1.45){.smp-logo-col,.smp-side-controls{align-self:flex-end!important;margin-bottom:0!important}}@media (width<=800px),(height<=500px){.smp-wrapper{--smp-stage-scale:.85;--smp-ui-chrome:90px;--smp-footer-height:clamp(60px, 10vh, 80px)}}@media (width<=600px),(height<=400px){.smp-wrapper{--smp-stage-scale:.65;--smp-ui-chrome:70px;--smp-footer-height:clamp(48px, 10vh, 60px)}}@media (width<=450px),(height<=320px){.smp-wrapper{--smp-stage-scale:.45;--smp-ui-chrome:36px;--smp-footer-height:clamp(28px, 10vh, 40px)}}.smp-canvas{width:var(--smp-canvas-width);max-width:100%;aspect-ratio:var(--smp-design-w) / var(--smp-design-h);grid-area:reels;place-self:center;position:relative;overflow:visible;container-type:inline-size}.smp-flying-multiplier{z-index:100;pointer-events:none;font-family:Arial,sans-serif;font-size:var(--startFontSize,20px);color:gold;text-shadow:-.04em -.04em #000,.08em -.04em #000,-.04em .08em #000,.08em .04em #000,0 -.04em #000,0 .08em #000,-.04em 0 #000,.08em 0 #000,.0722em .0416em .111em #000;margin-top:-.05em;margin-left:-.03em;font-weight:900;line-height:1;animation:.6s cubic-bezier(.9,0,1,1) forwards smpFlyPosition,.2s linear .4s both smpFlyScale;position:fixed}.smp-flying-multiplier--global{color:#ffdf00;-webkit-text-stroke:0;text-shadow:0 .05em .1em #000c;animation:.8s cubic-bezier(.9,0,1,1) forwards smpFlyGlobalMultiplier}.smp-flying-multiplier--fixed{position:fixed}@keyframes smpFlyPosition{0%{left:var(--startX);top:var(--startY)}to{left:var(--endX);top:var(--endY)}}@keyframes smpFlyScale{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(.8)}}@keyframes smpFlyGlobalMultiplier{0%{left:var(--startX);top:var(--startY);opacity:1;transform:translate(-50%,-50%)scale(1)}to{left:var(--endX);top:var(--endY);opacity:1;transform:translate(-50%,-50%)scale(1)}}.smp-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.smp-side-controls{z-index:5;grid-area:controls;position:relative}.smp-stage-footer{z-index:12;box-sizing:border-box;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);background:#00000094;border-radius:0;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (orientation:portrait){.smp-wrapper{--smp-ui-chrome:168px;--smp-logo-col-width:clamp(calc(84px * var(--smp-stage-scale) * var(--smp-logo-scale)), calc(20.2vw * var(--smp-stage-scale) * var(--smp-logo-scale)), calc(118px * var(--smp-stage-scale) * var(--smp-logo-scale)));--smp-stage-gap:clamp(calc(10px * var(--smp-stage-scale)), calc(2vw * var(--smp-stage-scale)), calc(16px * var(--smp-stage-scale)))}}@media (height<=520px) and (orientation:landscape){.smp-wrapper{--smp-ui-chrome:118px;padding-bottom:68px}}.smp-mobile-win{display:none}@media (orientation:portrait){.smp-wrapper{--smp-canvas-width:min(calc(100vw - 16px), calc((100dvh - 360px) * var(--smp-design-w) / var(--smp-design-h)));justify-content:space-between;align-self:stretch;gap:0;height:100%;padding-bottom:clamp(58px,16vw,72px)}.smp-stage-grid{flex-direction:column;flex:1;align-items:center;gap:clamp(6px,1.5dvh,14px);width:100%;padding-top:20%;padding-bottom:2dvh;display:flex}.smp-logo-col{order:2;justify-content:center;align-items:center;width:100%;display:flex}.smp-reels-col{width:var(--smp-canvas-width);flex-direction:column;order:1;align-items:center;max-width:100%;margin-inline:auto;display:flex}.smp-reels-col .smp-canvas{width:100%;margin-inline:0}.smp-side-controls{width:100%;bottom:calc(clamp(58px, 16vw, 72px) + env(safe-area-inset-bottom,0px) + 2dvh);z-index:20;flex-wrap:nowrap;order:3;justify-content:center;align-self:center;align-items:center;gap:clamp(10px,3.5vw,24px);margin-bottom:0;padding:clamp(4px,1dvh,10px) 12px;position:absolute;left:0}@media (aspect-ratio>=3/5){.smp-side-controls{bottom:calc(clamp(58px, 16vw, 72px) + env(safe-area-inset-bottom,0px) - 50px)}}.smp-side-btn--spin{flex-basis:auto;order:0}.smp-side-btn--autospin,.smp-side-btn--turbo{order:0}.smp-stage-footer{z-index:12;box-sizing:border-box;background:0 0;width:100%;margin:0;padding:0;display:block;position:fixed;bottom:0;left:0;right:0}.smp-mobile-win{pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;width:100%;min-height:clamp(32px,8vw,48px);margin-top:clamp(6px,1.5dvh,12px);padding:0 8px 2px;display:flex}.smp-mobile-win__label,.smp-mobile-win__value,.smp-mobile-win__value .smp-currency-pair__symbol,.smp-mobile-win__value .smp-currency-pair__amount{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#fffff5 0%,#fff4c8 10%,#ffe866 28%,#f5c830 52%,#d4a020 74%,#9a6810 100%);-webkit-background-clip:text;background-clip:text}.smp-mobile-win__label{letter-spacing:.2em;text-transform:uppercase;opacity:.45;font-family:Georgia,Times New Roman,Times,serif;font-size:1.3rem;font-weight:700;line-height:1.1;transition:opacity .25s,filter .25s}.smp-mobile-win__value{white-space:nowrap;letter-spacing:.02em;opacity:.45;justify-content:center;align-items:center;width:100%;min-height:calc(1.1*clamp(2rem,10vw,3rem));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(2rem,10vw,3rem);font-weight:800;line-height:1.1;transition:opacity .25s,filter .25s;display:flex}.smp-mobile-win__value .smp-currency-pair{font:inherit;letter-spacing:inherit}.smp-mobile-win:not(.smp-mobile-win--active) .smp-mobile-win__value .smp-currency-pair{visibility:hidden}.smp-mobile-win--active .smp-mobile-win__label,.smp-mobile-win--active .smp-mobile-win__value{opacity:1;filter:drop-shadow(0 2px #b47814e6)drop-shadow(0 0 24px #ffc83299)}}@media (orientation:portrait) and (height<=800px){.smp-mobile-win{min-height:clamp(32px,8vw,44px);margin-top:clamp(4px,1dvh,10px)}.smp-mobile-win__label{font-size:.8rem}.smp-mobile-win__value{min-height:calc(1.1*clamp(1.2rem,7vw,2rem));font-size:clamp(1.2rem,7vw,2rem)}}@media (width<=400px) and (orientation:portrait){.smp-wrapper{--smp-canvas-width:min(calc(100vw - 12px), calc((100dvh - 340px) * var(--smp-design-w) / var(--smp-design-h)))}.smp-stage-grid{gap:clamp(4px,1dvh,10px)}.smp-mobile-win{min-height:clamp(40px,10vw,54px);margin-top:clamp(6px,1.5dvh,14px)}}.smp-test-btn-fixed{z-index:9999;cursor:pointer;background:#00000061;border:2px solid #ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:1rem;line-height:1;transition:filter .15s,border-color .15s,background .15s;display:grid;position:fixed;top:10px;right:10px}.smp-test-btn-fixed:hover:not(:disabled){background:#c9a6ff24;border-color:#c9a6ff8c}.smp-test-btn-fixed:disabled{opacity:.45;cursor:default}.smp-overlay{z-index:10;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:32px;place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:absolute;inset:0}.smp-overlay--error{color:#ff6b6b}.splash-screen{z-index:1000;opacity:1;visibility:visible;background:#000;place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.splash-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-screen__bg{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.splash-screen__content{z-index:1;flex-direction:column;align-items:center;gap:clamp(18px,4vh,32px);width:min(88vw,420px);display:flex;position:relative}.splash-screen__logo{width:min(72vw,340px);height:auto;display:block}.splash-screen__progress{width:min(52vw,220px);height:3px;position:relative}.splash-screen__progress-track,.splash-screen__progress-fill img{object-fit:fill;width:100%;height:100%;display:block}.splash-screen__progress-track{opacity:.28}.splash-screen__progress-fill{transform-origin:0;transition:transform .35s;position:absolute;inset:0;overflow:hidden}.splash-screen__footer{z-index:1;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,14px);display:flex;position:absolute;bottom:clamp(28px,6vh,56px);left:50%;transform:translate(-50%)}.splash-screen__powered-by{width:clamp(72px,18vw,96px);height:auto;display:block}.splash-screen__yoriginal{width:clamp(132px,34vw,176px);height:auto;display:block}.intro-logo-animation{z-index:999;pointer-events:none;background:0 0;width:100vw;height:100vh;position:fixed;inset:0}.intro-logo-dimmer{opacity:0;pointer-events:none;z-index:1;background-color:#000000b3;transition:opacity .5s ease-out;position:absolute;inset:0}.intro-logo-dimmer.dimmed{opacity:1}.intro-logo-animation canvas{z-index:2;width:100%;height:100%;display:block;position:relative}
