body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#1a1a2e;--surface:#16213e;--btn-bg:#0f3460;--btn-active:#e94560;--btn-shadow:#0a1f3a;--text:#fff;--text-muted:#8892a4;--interact-bg:#e94560;--interact-active:#c73652;--interact-shadow:#8c1f35;--font:"Nunito",sans-serif}.App{background:#1a1a2e;background:var(--bg);display:flex;height:100vh;width:100vw}.CtrlContainer{align-self:center;border:5px solid #000;border-radius:15px;display:flex;height:40vw;position:relative;width:40vw}.BtnFB{margin:15px 0;position:absolute}.BtnFB,.BtnLR{background:#808299;border-radius:15px;height:30%;width:30%}.BtnLR{margin:0 15px}.arrow-img{-webkit-user-drag:none;filter:grayscale();height:90%;object-fit:contain;-webkit-user-select:none;user-select:none;width:90%}#ForwardBtn{align-items:center;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:100px;justify-content:center;top:0}#BackBtn,#ForwardBtn{left:0;margin-left:auto;margin-right:auto;right:0}#BackBtn{bottom:0;position:absolute}#LeftBtn{left:0}#LeftBtn,#RightBtn{bottom:0;margin-bottom:auto;margin-top:auto;position:absolute;top:0}#RightBtn{right:0}.ContentContainer{align-items:center;align-self:center;display:flex;gap:10%;height:75vh;width:100vw}.controller-container{align-items:end;display:flex;height:40vw;justify-content:space-between;width:80vw}.movement-container{align-self:center;border-radius:15px;display:flex;height:40vw;position:relative;width:40vw}.BtnInteract{align-items:center;background:#e94560;border-radius:50%;box-shadow:0 8px 0 #8c1f35;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:clamp(110px,10vw,180px);justify-content:center;width:clamp(110px,10vw,180px)}.BtnInteract:active{background:#c73652;box-shadow:0 3px 0 #8c1f35}.interact-icon{height:clamp(22px,4vw,40px);width:clamp(22px,4vw,40px)}.interact-label{color:#fff;font-size:clamp(11px,1.4vw,15px);font-weight:800;letter-spacing:.08em;pointer-events:pointer;text-transform:uppercase;-webkit-user-select:none;user-select:none}.BtnFB,.BtnLR{align-items:center;background:#0f3460;border-radius:16px;box-shadow:0 6px 0 #0a1f3a;cursor:pointer;display:flex;height:clamp(64px,12vw,156px);justify-content:center;width:clamp(64px,12vw,156px)}.BtnFB:active,.BtnLR:active{background:#e94560;box-shadow:0 2px 0 #0a1f3a}.arrow-img{height:clamp(20px,3.5vw,32px);pointer-events:none;width:clamp(20px,3.5vw,32px)}.controller-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.ready-cover{align-items:center;background:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100000}.ready-cover p{font-size:50px;margin-bottom:20px}.ready-button,.ready-cover p{color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.ready-button{background:#808299;border-radius:15px;font-size:100px;padding:20px 40px;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.62c6cd14.css.map*/