.paddle{transform:translate(-50%);position:absolute;background-color:#fff}.ball{transform:translate(-50%,-50%);position:absolute;background-color:#fff;border-radius:50%}.pong-area{background-color:#000;color:#fff}.pong-area__score-container{position:absolute;top:40px;left:50%;transform:translate(-50%);color:#fff;display:flex;align-items:center;justify-content:center}.pong-area__score-container>p{font-size:40px;font-weight:500;margin:0 5px}.button{background-color:var(--primary-highlight);border-radius:var(--border-radius--medium);padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.button.disabled{background-color:var(--greyscale-4);cursor:not-allowed}.button.danger{background-color:var(--danger-soft)}.button.danger:hover{background-color:var(--danger-main)}.button.green{background-color:#3ac255}.button.green:hover{background-color:#33b44d!important}.button.light{background-color:transparent;border:1px solid var(--greyscale-4)}.button.icon{background-color:transparent;border:1px solid var(--greyscale-5);padding:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.button.icon.fill-color path{fill:var(--greyscale-3)}.button.icon.stroke-color path{stroke:var(--greyscale-3)}.button:hover:not(.disabled):not(.icon):not(.light):not(.danger){background-color:var(--primary-dark)}.button:hover:not(.disabled).light{background-color:var(--primary-lowlight);border-color:var(--primary-highlight)}.button.selected.icon{border-color:var(--primary-highlight);background-color:var(--primary-highlight)}.button.selected.icon.fill-color path{fill:#fff}.button.selected.icon.stroke-color path{stroke:#fff}.button.icon:hover:not(.disabled):not(.selected){border-color:var(--primary-highlight);background-color:var(--primary-lowlight)}.button.icon.fill-color:hover:not(.disabled):not(.selected) path{fill:var(--primary-highlight)}.button.icon.stroke-color:hover:not(.disabled):not(.selected) path{stroke:var(--primary-highlight)}.button p{font-size:14px;color:#fff}.button.light p{color:var(--greyscale-4)}.button.danger p{color:var(--danger-main)}.button:hover:not(.disabled).light p{color:var(--primary-highlight)}.button:hover:not(.disabled).danger p{color:#fff}.start-menu{position:absolute;left:0;top:0;width:100%;z-index:1;display:flex;align-items:center;justify-content:space-between;transform:translateY(-125%)}.start-menu__child{display:flex;align-items:center;justify-content:center;position:relative}.start-menu__button-margin{margin:0 10px}.start-menu__agent{position:absolute;top:0;left:50%;transform:translate(calc(-50% + 5px),-150%);width:calc(100% - 20px);display:flex;align-items:center;justify-content:space-between}.start-menu__agent-label{color:var(--greyscale-4);opacity:.5}.start-menu__agent-value{font-weight:700;color:var(--greyscale-4);cursor:pointer}.start-menu__agent-value:hover{color:var(--primary-highlight)}.start-menu__child>p{position:absolute;top:0%;left:0;transform:translateY(-175%);font-size:16px;color:var(--greyscale-4);opacity:.5;white-space:nowrap}.start-menu__child>.button>svg{height:18px;width:18px;margin-left:10px}.start-menu__child>.button>svg path{fill:#fff}.close-button{position:absolute;top:15px;right:15px;height:24px;width:24px;cursor:pointer}.close-button svg{height:100%;width:100%}.close-button svg path{fill:var(--danger-main)}.close-button:hover svg path{fill:var(--danger-dark)}.pop-up__blur{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#000000bf;opacity:.5;z-index:1000;overflow:hidden}.pop-up__container{position:fixed;overflow:hidden;width:min-content;height:min-content;left:50%;top:50%;transform:translate(-50%,-50%);margin:auto;background-color:#fff;border-radius:var(--border-radius--medium);display:flex;flex-direction:column;align-items:flex-start;justify-content:left;padding:10px 40px;z-index:1001}.model-selection{width:300px;height:min-content;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding-bottom:20px}.model-selection__header{margin:10px 0 15px;color:var(--primary-highlight)}.model-selection__slot{width:100%;height:60px;background-color:var(--primary-subtle);border-radius:var(--border-radius--medium);border:1px solid var(--greyscale-5);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:5px 0;cursor:pointer}.model-selection__slot.selected{border-color:var(--primary-highlight);background-color:var(--primary-highlight)}.model-selection__slot:not(.selected):hover{border-color:var(--primary-highlight);background-color:var(--primary-lowlight)}.model-selection__slot-name{margin-left:10px;font-size:15px;font-weight:700;color:var(--greyscale-3)}.model-selection__slot.selected .model-selection__slot-name{color:#fff}.model-selection__slot.selected .model-selection__slot-description{color:var(--greyscale-5)}.model-selection__slot-description{margin-left:10px;margin-top:5px;font-size:14px;color:var(--greyscale-4)}.game{width:100%;height:100%;background-color:#000}.powered-by-engine{position:absolute;bottom:0;right:0;transform:translateY(150%);display:flex;align-items:center;justify-content:center}.powered-by-engine>p{font-size:18px;color:var(--primary-highlight);opacity:.5}.powered-by-engine>svg{margin-left:10px;height:20px;width:20px}.powered-by-engine>svg path{fill:var(--primary-highlight);opacity:.5}.game-wrapper{height:500px;width:800px;border:2px solid var(--primary-highlight);position:relative}.landing-page>p{color:var(--greyscale-4)}.dropdown{width:250px;height:min-content;max-height:284px;border-radius:var(--border-radius--medium);background-color:#fff;position:absolute;right:-5px;top:calc(100% + 10px);box-shadow:0 2px 4px 1px #0003;overflow-y:scroll;overflow-x:hidden}.dropdown::-webkit-scrollbar{width:5px}.dropdown::-webkit-scrollbar-thumb{background-color:var(--greyscale-5);border-radius:var(--border-radius--medium)}.dropdown::-webkit-scrollbar-track{background:var(--greyscale-4);border-radius:var(--border-radius--medium)}#sign-out-button{display:flex;align-items:center;justify-content:flex-start}.navbar-dropdown-menu__container{height:var(--navbar-icon-height);width:var(--navbar-icon-height);display:flex;align-items:center;justify-content:center;border:1px solid var(--greyscale-5);margin-right:10px;cursor:pointer;border-radius:50%;position:relative}.navbar-dropdown-menu__container svg{height:60%;width:auto}.navbar-dropdown-menu__container path{fill:var(--greyscale-4)}.navbar-dropdown-menu__container.open{border-color:var(--primary-highlight);background-color:var(--primary-highlight)}.navbar-dropdown-menu__container:hover:not(.open){border-color:var(--primary-highlight);background-color:var(--primary-subtle)}.navbar-dropdown-menu__container:hover:not(.open) path{fill:var(--primary-highlight)}.navbar-dropdown-menu__container.open path{fill:#fff}.profile-menu__item{display:flex;align-items:center;justify-content:flex-start;padding:10px;margin:10px;border-radius:var(--border-radius--small);color:var(--greyscale-4)}.profile-menu__item:hover{background-color:var(--primary-lowlight);color:var(--primary-highlight)}.profile-menu__item svg{height:20px;width:auto;margin-left:10px}.profile-menu__item svg path{fill:var(--greyscale-4)!important}.profile-menu__item:hover svg path{fill:var(--primary-highlight)!important}@media (max-width: 400px){#profile-menu{width:100vw}}.navbar{--navbar-icon-height: 30px;display:flex;justify-content:flex-end;align-items:center;position:fixed;right:0;background-color:#fff;height:var(--navbar-height);width:calc(100% - var(--navbar-padding-x) * 2);padding:var(--navbar-padding-y) var(--navbar-padding-x);z-index:100;box-shadow:0 1px 20px #0000001a;transform:translateY(-100%);transition:.5s}.navbar.ready{transform:none}.navbar .dropdown::-webkit-scrollbar{width:0}.navbar__logo{position:absolute;left:calc(var(--navbar-padding-x) * 2);height:25px;width:auto}.navbar__logo path{fill:var(--primary-highlight)!important}.navbar__username{margin-right:10px;background-color:var(--primary-subtle);padding:6px 12px;border-radius:var(--border-radius--medium)}.navbar__username p{color:var(--greyscale-4);font-size:16px}:root{--greyscale-1: #1a1c2b;--greyscale-2: #31394e;--greyscale-3: #5d6d87;--greyscale-4: #94aabf;--greyscale-5: #d1e6f9;--primary-dark: #163296;--primary-highlight: #3858C9;--primary-lowlight: #dae0f8;--primary-soft: #e5e8f5;--primary-subtle: #f0f3fa;--danger-dark: rgb(163, 0, 0);--danger-main: red;--danger-soft: rgb(255, 197, 197);--primary-highlight--transparent-low: #3857c921;--primary-highlight--transparent-medium: #3857c95e;--border-radius--small: 5px;--border-radius--medium: 8px;--border-radius--large: 12px;--navbar-height: 40px;--navbar-padding-x: 10px;--navbar-padding-y: 10px;--transition--quick: .1s;--transition--slow: .3s;--privy-color-accent: var(--primary-highlight) !important;--privy-color-accent-light: var(--primary--lowlight) !important;--privy-color-accent-dark: var(--primary-dark) !important;--toast-success: #47D764;--toast-error: #ff355b;--toast-info: #2F86EB;--toast-warning: #FFC021;--toast-success--light: #47D76428;--toast-error--light: #ff355b28;--toast-info--light: #2f87eb28;--toast-warning--light: #FFC02128}*{margin:0;padding:0;font-family:Arial,sans-serif}*:focus{outline:0!important}iframe{pointer-events:none}html{height:100%;overscroll-behavior:none;scroll-behavior:smooth}body{background:white;background-size:cover;background-attachment:fixed;margin:0;text-align:center;height:100%;overscroll-behavior:none}a,a:visited,a:hover,a:active{color:inherit}h1,h2,h3,p,span{font-family:sans-serif}p{font-weight:300}canvas{height:100%;width:100%}#app{height:100%;display:flex;flex-direction:column}.app-content{padding-top:calc(var(--navbar-height) + var(--navbar-padding-y) * 2);display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - var(--navbar-height) - var(--navbar-padding-y) * 2)}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}