html,body,#root{box-sizing:border-box;height:100dvh;margin:0;overflow:hidden}*,:before,:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent}button,a,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button:focus,button:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none}.app-page--loading{visibility:hidden;pointer-events:none}.app-page{z-index:0;height:100dvh;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-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:hidden}.smp-wrapper{--smp-stage-scale:1.15;--smp-logo-scale:.7;--smp-footer-height:clamp(64px, 9.5dvh, 92px);--smp-ui-chrome:calc(clamp(24px, 5.5dvh, 50px) + var(--smp-footer-height) + 60px);--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(88px * var(--smp-stage-scale)), calc(12vw * var(--smp-stage-scale)), calc(120px * var(--smp-stage-scale)));--smp-canvas-width:min(calc(880px * var(--smp-stage-scale)), calc(100vw - var(--smp-logo-col-width) - var(--smp-controls-col-width) - 2 * var(--smp-stage-gap) - 32px), calc((100dvh - var(--smp-ui-chrome)) * 1676 / 1225));--smp-stage-width:calc(var(--smp-logo-col-width) + var(--smp-canvas-width) + var(--smp-controls-col-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-logo-col-width) var(--smp-canvas-width) var(--smp-controls-col-width);gap:var(--smp-stage-gap);margin-inline:auto;grid-template-rows:auto;grid-template-areas:"logo reels controls";place-items:center;width:fit-content;max-width:100%;margin-top:clamp(-36px,-3.5dvh,-15px);padding-top:clamp(12px,2dvh,24px);display:grid}.smp-logo-col{grid-area:logo;place-self:start center}.smp-canvas-wrapper{width:var(--smp-canvas-width);aspect-ratio:1676/1225;grid-area:reels;justify-self:center;max-width:100%;position:relative}.smp-canvas{pointer-events:none;width:100%;height:95.6735%;position:absolute;bottom:0;left:0}.smp-canvas-wrapper canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.smp-side-controls{grid-area:controls}.smp-stage-footer{z-index:100;-webkit-backdrop-filter:none;box-sizing:border-box;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);background:#000000a6;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 (orientation:landscape){.smp-stage-grid{padding-top:max(12px, env(safe-area-inset-top,0px));margin-top:0}}@media (height<=680px) and (orientation:landscape){.smp-wrapper{--smp-logo-col-width:clamp(110px, 14vw, 180px);--smp-footer-height:clamp(48px, 8dvh, 64px);--smp-ui-chrome:calc(clamp(12px, 3dvh, 24px) + var(--smp-footer-height) + 60px);padding-bottom:calc(var(--smp-footer-height) + 6px)}.smp-stage-grid{padding-top:max(8px, env(safe-area-inset-top,0px));margin-top:0}}@media (width<=768px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.smp-wrapper{--smp-stage-scale:.92;--smp-logo-col-width:clamp(75px, 12vw, 135px);--smp-controls-col-width:clamp(65px, 10vw, 95px);--smp-stage-gap:clamp(6px, 1.2vw, 14px);--smp-footer-height:clamp(42px, 7dvh, 54px);padding-inline:8px;padding-bottom:calc(var(--smp-footer-height) + 2px)}.smp-stage-grid{max-width:calc(100vw - 16px);padding-top:max(4px, env(safe-area-inset-top,0px));margin-inline:auto}}.smp-mobile-win{display:none!important}@media (orientation:portrait){.smp-wrapper{--smp-mobile-chrome:clamp(200px, 32dvh, 250px);--smp-canvas-width:min(calc(100vw - 24px), calc((100dvh - var(--smp-mobile-chrome)) * .82));width:100%;height:calc(100dvh - var(--smp-footer-height));max-height:calc(100dvh - var(--smp-footer-height));margin-bottom:var(--smp-footer-height);box-sizing:border-box;justify-content:center;align-self:center;gap:0;padding-top:0;padding-bottom:0}.smp-stage-grid{flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1.2dvh,10px);width:100%;margin:auto 0;padding-top:0;display:flex}.smp-logo-col{order:2;justify-content: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{flex-direction:row;order:3;justify-content:center;align-items:center;gap:clamp(10px,3.5vw,24px);width:100%;padding:clamp(4px,1dvh,10px) 12px}.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!important}.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.1rem;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(1.4rem,6vw,2.2rem));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(1.4rem,6vw,2.2rem);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__value .smp-currency-pair__amount{text-overflow:clip;overflow:visible}.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 (width<=580px){.smp-wrapper{--smp-mobile-chrome:clamp(270px, 40dvh, 330px);height:calc(100dvh - var(--smp-footer-height) - 48px);max-height:calc(100dvh - var(--smp-footer-height) - 48px);margin-bottom:calc(var(--smp-footer-height) + 48px)}}@media (orientation:portrait) and (height<=800px){.smp-mobile-win{min-height:clamp(30px,6vw,40px);margin-top:clamp(4px,1dvh,8px)}.smp-mobile-win__label{font-size:.95rem}.smp-mobile-win__value{font-size:clamp(1.2rem,5.5vw,1.8rem)}}.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:not-allowed}.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}