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}.pattern-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.pattern-item{filter:invert(1);opacity:.1;position:absolute}.pattern-item img{height:100%;width:100%}@keyframes funBounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1) rotate(0deg)}40%{transform:translateY(-30px) scale(1.1) rotate(-10deg)}60%{transform:translateY(-15px) scale(1.05) rotate(5deg)}}.fun-bounce,.landing-page-logo:hover{animation:funBounce 1s ease}.social-section{margin-top:30px;text-align:center}.social-section-title{color:#fff;font-size:1.2rem;margin-bottom:10px;text-shadow:0 1px 2px #0003}.social-button-container{gap:1.5rem;margin-top:20px}.social-button,.social-button-container{align-items:center;display:flex;justify-content:center}.social-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 8px #0000001a,0 0 10px #fff3;color:#fff;cursor:pointer;height:50px;text-decoration:none;transition:all .45s;width:50px}.social-button:hover{background:#fff3;box-shadow:0 6px 12px #0003,0 0 15px #ffffff4d;color:#2d2e32}.social-button:hover .btn-svg{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(305deg) brightness(103%) contrast(103%);transform:rotate(1turn);transform-origin:center center;transition:transform .45s ease-in-out}.social-button .btn-svg{height:22px;width:22px}.flex-center{align-items:center;display:flex;justify-content:center}.landing-page-background-animation{animation:landingPageGradientAnimation 15s ease infinite;background:linear-gradient(-45deg,#2c2c2e,#3a3a3c,#444446,#1a1a1c,#1e1e20,#3e3e42,#2e2e30);background-size:600% 600%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}@keyframes landingPageGradientAnimation{0%{background-position:0 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0}to{background-position:0 50%}}.landing-toast{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid #fff3;border-radius:15px;box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffff4d;color:#fff;font-size:16px;padding:15px}.landing-toast-info{border-left:4px solid #4a90e299}.landing-toast-success{border-left:4px solid #4caf5099}.landing-toast-error{border-left:4px solid #f4433699}.landing-toast-progress{background:#fff3}.landing-toast .Toastify__progress-bar{background:linear-gradient(90deg,#fff3,#ffffff80);box-shadow:0 2px 4px #0000001a,-2px -2px 4px #ffffff4d}.google-icon{height:24px;margin-right:10px;vertical-align:middle;width:24px}.landing-page{-ms-overflow-style:none;align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;overflow:auto;position:relative;scrollbar-width:none}.landing-page::-webkit-scrollbar{display:none}.landing-page-content{padding:20px;position:relative;text-align:center;z-index:2}.landing-page-main-title{color:#fff;font-size:2.5rem;text-shadow:0 2px 4px #0006}.landing-page-title{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:50px}.landing-page-logo{height:auto;transition:transform 1s ease;width:50px}.landing-page-tagline{color:#ddd;font-size:1.5rem;margin-bottom:30px;margin-top:0;text-shadow:0 2px 4px #0006}.landing-page-button-container{align-items:center;display:flex;flex-direction:column}.landing-page .landing-page-login-option{margin:0}.landing-page .landing-page-login-title{color:#fff;font-size:1.2rem;margin-bottom:10px;text-shadow:0 1px 2px #0003}.landing-page .landing-page-styled-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.2rem;margin:10px 0 20px;padding:15px 30px;transition:transform .3s,box-shadow .3s}.landing-page .landing-page-styled-button:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.landing-page .landing-page-or-divider{align-items:center;color:#fff;display:flex;font-size:1rem;justify-content:center;margin:10px 0;opacity:.7;position:relative;width:50%;z-index:3}.landing-page .landing-page-or-divider:after,.landing-page .landing-page-or-divider:before{border-bottom:.1px solid #ffffff80;content:"";flex:1 1;margin:0 10px;z-index:3}body,html{background-color:#e0e0e0;color:#202124;font-family:Inter,sans-serif;height:100%;margin:0;padding:0;transition:background-color .3s,color .3s}body.dark-mode,html.dark-mode{background-color:#2c2c2e;color:#e8eaed}.App{background-color:#e0e0e0;border-radius:12px;color:#202124;min-height:100%;padding:20px;text-align:center;transition:background-color .3s,color .3s}body.dark-mode .App{background-color:#2c2c2e;color:#e8eaed}.app-header{align-items:center;background-color:#e0e0e0;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px 20px}body.dark-mode .app-header{background-color:#2c2c2e;border-bottom:1px solid #444}.logo-container{align-items:center;display:flex}.specter-logo{height:40px}.neu-morphic{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}body.dark-mode .neu-morphic{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.google-signin-wrapper{height:40px;margin:0 auto;position:relative;width:200px}.google-signin-wrapper button,.google-signin-wrapper img{cursor:pointer;height:100%;width:100%}.google-signin-wrapper button{background:none;border:none;left:0;opacity:0;position:absolute;top:0}.dev-url-container{align-items:center;display:flex;justify-content:center;margin:20px 0;width:100%}.dev-url-container label{text-align:center}.dev-url-wrapper{max-width:400px;position:relative;width:100%}.dev-url-wrapper input{background-color:#e0e0e0;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;color:#202124;margin-top:10px;padding:12px 20px 12px 40px!important;width:100%;width:280px!important}body.dark-mode .dev-url-wrapper input{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}.dev-url-icon{height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}body.dark-mode .dev-url-icon{filter:invert(1)}.or-divider{align-items:center;display:flex;font-size:16px;margin:20px auto;max-width:450px;text-align:center;width:100%}.or-divider:after,.or-divider:before{border-bottom:1px solid #ccc;content:"";flex:1 1}body.dark-mode .or-divider:after,body.dark-mode .or-divider:before{border-color:#444}.or-divider:not(:empty):before{margin-right:.25em}.or-divider:not(:empty):after{margin-left:.25em}.test-divider{align-items:center;display:flex;font-size:16px;margin:20px auto;max-width:300px;text-align:center;width:100%}.test-divider:after,.test-divider:before{border-bottom:1px solid #ccc;content:"";flex:1 1}body.dark-mode .test-divider:after,body.dark-mode .test-divider:before{border-color:#444}.test-divider:not(:empty):before{margin-right:.25em}.test-divider:not(:empty):after{margin-left:.25em}.not-a-member{color:#1f1d1d;font-size:14px;margin-top:20px}body.dark-mode .not-a-member{color:#ccc}.not-a-member a{color:#4a90e2;text-decoration:none}body.dark-mode .not-a-member a{color:#8ab4f8}.not-a-member a:hover,body.dark-mode .not-a-member a:hover{text-decoration:underline}.then-divider{align-items:center;display:flex;font-size:16px;margin:20px auto;max-width:650px;text-align:center;width:100%}.then-divider:after,.then-divider:before{border-bottom:1px solid #ccc;content:"";flex:1 1}body.dark-mode .then-divider:after,body.dark-mode .then-divider:before{border-color:#444}.then-divider:not(:empty):before{margin-right:.25em}.then-divider:not(:empty):after{margin-left:.25em}.embedded-site-button{background:none;border:none;border-radius:8px;cursor:pointer;margin-left:auto;padding:6px 10px}.embedded-site-icon{height:18px;width:18px}.env-label-container{align-items:center;background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;display:flex;margin-right:auto;max-width:1200px;padding:1px 1px 1px 20px;transition:background-color .3s,color .3s;width:20%}body.dark-mode .env-label-container{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.env-label{font-size:14px;font-weight:500;text-transform:capitalize}.end-session-button{align-items:center;background:#e0e0e0;border-radius:6px;color:#202124;display:flex;font-size:13px;justify-content:center;padding:6px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .end-session-button{background:#2c2c2e;color:#e8eaed}.end-session-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .end-session-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.end-session-icon{height:16px;width:16px}body.dark-mode .end-session-icon{filter:invert(1)}.env-icon{height:30px;margin-right:8px;padding-bottom:10px;padding-top:10px;width:30px}.top-bar{justify-content:space-between;padding-bottom:20px}.member-org-info,.top-bar{align-items:center;display:flex}.member-org-info{background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;padding:1px 1px 1px 20px}.member-icon,.org-icon{border-radius:6px;height:30px;margin-right:10px;max-width:30px;min-width:30px;object-fit:cover;vertical-align:middle;width:30px}.separator{border-left:1px solid #ccc;height:20px;margin:0 10px}body.dark-mode .member-org-info{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.member-name,.org-name{font-size:14px;font-weight:500}body.dark-mode .member-icon,body.dark-mode .org-icon{filter:none}.default-icon{filter:invert(1)}.end-session-button{background:none;border:none;cursor:pointer;margin-left:auto}label{color:#5f6368;display:block;font-size:14px;font-weight:700;margin:10px 0}body.dark-mode label{color:#bdc1c6}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background-color:#e0e0e0;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;color:#202124;font-size:14px;margin:5px 0;max-width:280px;padding:12px;transition:all .2s ease;width:100%}body.dark-mode input[type=email],body.dark-mode input[type=number],body.dark-mode input[type=password],body.dark-mode input[type=text],body.dark-mode select,body.dark-mode textarea{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}input:focus,select:focus,textarea:focus{background-color:#e5e5e5;box-shadow:inset 4px 4px 8px #c1c1c1,inset -4px -4px 8px #f5f5f5;outline:none}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{background-color:#333;box-shadow:inset 4px 4px 8px #1f1f1f,inset -4px -4px 8px #3b3b3b;color:#e8eaed}.password-input-container{align-items:center;display:flex;margin:0 auto;max-width:300px;position:relative;width:100%}.password-input{padding-right:40px;width:100%}.password-toggle-button{background:none;border:none;cursor:pointer;height:20px;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px}.password-toggle-button img{filter:brightness(0) saturate(100%);height:100%;transition:filter .3s;width:100%}body.dark-mode .password-toggle-button img{filter:invert(1) brightness(2)}.player-fields{background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;margin:10px 0;padding:20px;transition:all .2s ease}body.dark-mode .player-fields{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}button{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:14px;margin:10px 5px;padding:10px 20px;transition:background .3s,transform .2s,box-shadow .2s}button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}body.dark-mode button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e;transform:translateY(-2px)}.tabs{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto;padding:10px 0;white-space:nowrap}.tab-button{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;padding:10px 20px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .tab-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.tab-button.active{background:#c8c8c8;color:#202124}body.dark-mode .tab-button.active{background:#404040;color:#e8eaed}.tab-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .tab-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e;transform:translateY(-2px)}.tabs.center{justify-content:center}h1,h2,h3,h4{color:#202124;font-weight:500}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:#e8eaed}h1{font-size:24px;font-weight:700}h1,h2{padding:5px}h2{font-size:20px;font-weight:800}h3{font-size:18px;font-weight:200;padding:3px}h4{font-size:16px;font-weight:400;padding:5px}.custom-param,.inventory-row{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:10px}.inventory-row{gap:10px}.custom-param label,.inventory-row label{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-right:10px;min-width:150px}.custom-param input,.custom-param select,.inventory-row input,.inventory-row select{box-sizing:border-box;display:flex;flex:1 1;margin-right:20px;margin-top:5px;padding:8px;width:100%}.custom-param{margin-left:180px}.custom-param button,.inventory-row button{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:14px;margin-left:10px;padding:5px 10px;transition:background .3s,transform .2s,box-shadow .2s}.inventory-row button{margin-top:24px}body.dark-mode .custom-param button,body.dark-mode .inventory-row button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.custom-param button:hover,.inventory-row button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .custom-param button:hover,body.dark-mode .inventory-row button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.end-session-button,.manage-inventory-button,.play-competition-button,.play-match-button{margin:10px}.overlay{align-items:center;background:#0003;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}body.modal-open{overflow:hidden}.profile-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;height:80%;left:50%;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background .3s,transform .2s;width:35%;z-index:1000}body.dark-mode .profile-popup{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.profile-popup h2{margin-top:0}.popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;height:92%;left:50%;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background .3s,transform .2s;transition:background .3s,transform .2s,width .5s ease,height .5s ease;width:75%;z-index:1000}body.dark-mode .popup{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.popup.full-screen{border-radius:0;height:100%;left:0;top:0;transform:none;transition:width .5s ease,height .5s ease;width:100%}.popup-header{padding:1em}body.dark-mode .popup-header{background:#2c2c2ecc;border-bottom:.5px solid #444}.popup-header h2{margin:0}.popup-content.full-screen-content{overflow-y:auto;padding:1em}.custom-params-popup input[type=text],.custom-params-popup select,.inventory-popup input[type=number],.inventory-popup input[type=text],.inventory-popup select{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transition:all .2s ease;width:150px}body.dark-mode .custom-params-popup input[type=text],body.dark-mode .custom-params-popup select,body.dark-mode .inventory-popup input[type=number],body.dark-mode .inventory-popup input[type=text],body.dark-mode .inventory-popup select{box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}.theme-toggle{margin-bottom:20px;margin-left:50px;position:relative}.theme-toggle,.toggle-option{align-items:center;display:flex;justify-content:center}.toggle-option{color:#5f6368;cursor:pointer;font-size:14px;padding:10px 22px;transition:color .3s,transform .2s;z-index:1}.toggle-option img{height:24px;margin-right:8px;width:24px}.toggle-option.active{color:#000}body.dark-mode .toggle-option.active{filter:invert(1) brightness(200%)}.toggle-option.active img{filter:invert(0)}.toggle-option:not(.active) img{filter:none}body.dark-mode .toggle-option.active img{color:#fff}.toggle-switch{align-items:center;background:#dadce0cc;border-radius:25px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;height:50px;justify-content:space-between;left:50%;padding:0 10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .3s,transform .2s;width:200px}body.dark-mode .toggle-switch{background:#3c4043cc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.toggle-switch:after{background-color:#fff;border-radius:25px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;content:"";height:45px;left:2px;position:absolute;top:2.5px;transition:transform .3s;width:115px}.toggle-switch.dark:after{background-color:#333;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;transform:translateX(100px)}.toggle-switch.light:after{transform:translateX(0)}.switch-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.switch{display:inline-block;height:20px;position:relative;width:34px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(14px)}input:disabled+.slider{background-color:#ddd;cursor:not-allowed}table.new-select-table{border-collapse:collapse;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;font-size:14px;margin:20px auto;max-width:90%;width:auto}.new-select-table thead{background-color:#f2f2f2}.new-select-table td,.new-select-table th{background-color:#e0e0e0;border:none;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;padding-left:40px;padding-right:40px;text-align:center}.new-select-table th{font-weight:700}body.dark-mode .new-select-table{border-color:#444}body.dark-mode .new-select-table thead{background-color:#333;color:#fff}body.dark-mode .new-select-table td,body.dark-mode .new-select-table th{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}body.dark-mode .new-select-table tr:nth-child(2n){background-color:#444}body.dark-mode .new-select-table tr:hover{background-color:#555}.new-select-table input[type=number]{background-color:#e0e0e0;border:none;border-radius:8px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;box-sizing:border-box;margin:0;padding:8px;transition:all .2s ease;width:100%}.new-select-table input[type=number]:focus{background-color:#e5e5e5;box-shadow:inset 4px 4px 8px #c1c1c1,inset -4px -4px 8px #f5f5f5;outline:none}body.dark-mode .new-select-table input[type=number]{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}body.dark-mode .new-select-table input[type=number]:focus{background-color:#333;box-shadow:inset 4px 4px 8px #1f1f1f,inset -4px -4px 8px #3b3b3b}table{border-collapse:collapse;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;font-size:14px;margin:20px auto;width:70%}thead{background-color:#f2f2f2}td,th{background-color:#e0e0e0;border:none;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;padding:12px;text-align:center}th{font-weight:700}body.dark-mode table{border-color:#444}body.dark-mode thead{background-color:#333;color:#fff}body.dark-mode td,body.dark-mode th{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}body.dark-mode tr:nth-child(2n){background-color:#444}body.dark-mode tr:hover{background-color:#555}label>input[type=checkbox],table input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#e0e0e0;border:none;border-radius:4px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;cursor:pointer;height:18px;margin-right:8px;transition:all .2s ease;vertical-align:middle;width:18px}label>input[type=checkbox]:checked,table input[type=checkbox]:checked{background-color:#c1c1c1;box-shadow:inset 2px 2px 4px #a0a0a0,inset -2px -2px 4px #fff}label>input[type=checkbox]:focus,table input[type=checkbox]:focus{background-color:#e5e5e5;box-shadow:inset 4px 4px 8px #c1c1c1,inset -4px -4px 8px #f5f5f5;outline:none}body.dark-mode label>input[type=checkbox],body.dark-mode table input[type=checkbox]{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}body.dark-mode label>input[type=checkbox]:checked,body.dark-mode table input[type=checkbox]:checked{background-color:#444;box-shadow:inset 2px 2px 4px #3a3a3a,inset -2px -2px 4px #5c5c5c}body.dark-mode label>input[type=checkbox]:focus,body.dark-mode table input[type=checkbox]:focus{background-color:#333;box-shadow:inset 4px 4px 8px #1f1f1f,inset -4px -4px 8px #3b3b3b;outline:none}label>input[type=checkbox]:hover,table input[type=checkbox]:hover{background-color:#d0d0d0}body.dark-mode label>input[type=checkbox]:hover,body.dark-mode table input[type=checkbox]:hover{background-color:#3a3a3c}label>input[type=checkbox]:checked:after,table input[type=checkbox]:checked:after{align-items:center;color:#202124;content:"\2713";display:flex;font-size:14px;justify-content:center}body.dark-mode label>input[type=checkbox]:checked:after,body.dark-mode table input[type=checkbox]:checked:after{color:#e8eaed}label>input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#e0e0e0;border:none;border-radius:4px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;cursor:pointer;height:18px;margin-right:8px;transition:all .2s ease;vertical-align:middle;width:18px}label>input[type=checkbox]:checked{background-color:#c1c1c1;box-shadow:inset 2px 2px 4px #a0a0a0,inset -2px -2px 4px #fff}label>input[type=checkbox]:focus{background-color:#e5e5e5;box-shadow:inset 4px 4px 8px #c1c1c1,inset -4px -4px 8px #f5f5f5;outline:none}body.dark-mode label>input[type=checkbox]{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}body.dark-mode label>input[type=checkbox]:checked{background-color:#444;box-shadow:inset 2px 2px 4px #3a3a3a,inset -2px -2px 4px #5c5c5c}body.dark-mode label>input[type=checkbox]:focus{background-color:#333;box-shadow:inset 4px 4px 8px #1f1f1f,inset -4px -4px 8px #3b3b3b;outline:none}label>input[type=checkbox]:hover{background-color:#d0d0d0}body.dark-mode label>input[type=checkbox]:hover{background-color:#3a3a3c}label>input[type=checkbox]:checked:after{align-items:center;color:#202124;content:"\2713";display:flex;font-size:14px;justify-content:center}body.dark-mode label>input[type=checkbox]:checked:after{color:#e8eaed}label.checkbox-label{pointer-events:none}label.checkbox-label input[type=checkbox]{pointer-events:auto}.player-card{align-items:center;background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;justify-content:space-between;margin:20px auto;max-height:100px;padding:15px 25px}body.dark-mode .player-card{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.player-icon img{border-radius:50%;height:60px;margin-right:30px;width:60px}.player-info{flex-grow:1.2}.player-info .player-name{color:#4a4a4a;display:flex;font-size:20px;font-weight:700;margin-bottom:10px;margin-left:25px;margin-top:10px}body.dark-mode .player-info .player-name{color:#f3f4f6}.player-id{align-items:center;color:#888;display:flex;font-size:.8em}.copy-button img{height:16px;width:16px}.close-button,.edit-button,.view-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-left:10px;padding:10px}.icon{height:24px;width:24px}.close-button img,.edit-button img,.view-button img{height:18px;width:18px}.edit-button img,.view-button img{filter:invert(0)}.dark-mode .edit-button img,.dark-mode .view-button img{filter:invert(1)}.popup-header{align-items:center;background:inherit;border-bottom:.5px solid #ccc;display:flex;justify-content:space-between;padding:2px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark-mode .popup-header{background:#2c2c2ecc;border-bottom:.5px solid #444}.popup-header h1{flex-grow:1;font-size:20px;margin:10px;text-align:left}.popup-header h2{flex-grow:1;margin:10px;text-align:center}.popup-content{flex:1 1;overflow-y:auto;padding:1em}.popup-content label{display:block;margin:10px 0}.popup-footer{display:flex;justify-content:center;margin-top:20px}.profile-popup-header{align-items:center;border-bottom:.5px solid #ccc;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky}.dark-mode .profile-popup-header{background:#2c2c2ecc;border-bottom:.5px solid #444}.profile-popup-content label{display:block;margin:10px 0}.profile-popup-content img{display:block;margin:10px auto;max-height:250px;max-width:250px;padding:20px}.profile-popup-footer{margin-top:20px}.close-button img{filter:brightness(0) saturate(100%)}.dark-mode .close-button img{filter:invert(1) brightness(2)}.edit-button.active{background:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}body.dark-mode .edit-button.active{background:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}.custom-select{-webkit-appearance:none;appearance:none;background-color:#e0e0e0;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="%23202124" d="M5 6L0 0h10z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;font-size:14px;max-width:300px;padding:12px;transition:all .2s ease;width:100%}body.dark-mode .custom-select{background-color:#2c2c2e;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="%23e8eaed" d="M5 6L0 0h10z"/></svg>');background-size:10px 6px;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff;outline:none}body.dark-mode .custom-select:focus{box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #3e3e3e}.custom-select option{background-color:#e0e0e0;color:#202124}body.dark-mode .custom-select option{background-color:#2c2c2e;color:#e8eaed}.custom-select:active,.custom-select:hover{box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}body.dark-mode .custom-select:active,body.dark-mode .custom-select:hover{box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}ul{list-style-type:none;margin:0;padding:0}.card{background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;margin:20px 0;padding:20px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .card{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.card:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .card:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.player-overall-card{background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;margin:20px 0;padding:20px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .player-overall-card{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#e0e0e0;border-radius:50%;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;cursor:pointer;height:15px;position:relative;transition:all .2s ease;width:15px}input[type=radio]:checked{background-color:#c1c1c1;box-shadow:inset 2px 2px 4px #a0a0a0,inset -2px -2px 4px #fff}input[type=radio]:focus{background-color:#e5e5e5;box-shadow:inset 4px 4px 8px #c1c1c1,inset -4px -4px 8px #f5f5f5;outline:none}input[type=radio]:checked:after{background-color:#202124;border-radius:50%;content:"";display:block;height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}body.dark-mode input[type=radio]{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}body.dark-mode input[type=radio]:checked{background-color:#444;box-shadow:inset 2px 2px 4px #3a3a3a,inset -2px -2px 4px #5c5c5c}body.dark-mode input[type=radio]:focus{box-shadow:inset 4px 4px 8px #1f1f1f,inset -4px -4px 8px #3b3b3b}body.dark-mode input[type=radio]:checked:after{background-color:#e8eaed}body,html{font-size:16px}@media (min-width:1200px){body,html{font-size:18px}}@media (max-width:768px){.App{padding:10px}.card,.custom-params-popup,.inventory-popup,.player-card,.popup{margin:10px auto;max-width:100%;padding:15px}.tabs{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible}.tab-button{margin-bottom:10px;text-align:left;width:100%}.custom-param,.inventory-row{align-items:flex-start;flex-direction:column}.custom-param label,.inventory-row label{margin-bottom:10px;margin-right:0;width:100%}input[type=email],input[type=number],input[type=password],input[type=text],select,table input[type=email],table input[type=number],table input[type=password],table input[type=text],table select,table textarea,textarea{max-width:100%;width:calc(100% - 16px)}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}table{width:100%}td,th{font-size:12px;padding:8px}.custom-param input,.custom-param select,.inventory-row input,.inventory-row select,table input,table select{max-width:calc(100% - 20px)}.player-info .player-name{word-wrap:break-word;font-size:16px}}@media (max-width:480px){.App{padding:5px}.card,.custom-params-popup,.inventory-popup,.player-card,.popup{margin:5px auto;max-width:100%;padding:10px}.tabs{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible}.tab-button{margin-bottom:5px;text-align:left;width:100%}.custom-param,.inventory-row{align-items:flex-start;flex-direction:column}.custom-param label,.inventory-row label{margin-bottom:5px;margin-right:0;width:100%}input[type=email],input[type=number],input[type=password],input[type=text],select,table input[type=email],table input[type=number],table input[type=password],table input[type=text],table select,table textarea,textarea{max-width:100%;width:calc(100% - 20px)}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}h4{font-size:12px}table{width:100%}td,th{font-size:10px;padding:6px}.custom-param input,.custom-param select,.inventory-row input,.inventory-row select,table input,table select{max-width:calc(100% - 20px)}.player-info .player-name{word-wrap:break-word;font-size:14px}}@media (max-width:768px){.flex-container{flex-direction:column;gap:15px}}@media (max-width:480px){.flex-container{gap:10px}}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.grid-container{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.grid-container{gap:10px;grid-template-columns:1fr}}.spinner{animation:spin 1s linear infinite;border:6px solid #e0e0e0;border-radius:50%;border-top-color:#202124;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;height:20px;margin-right:20px;width:20px}.loading-button .button-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#202124;height:16px;position:absolute;right:10px;width:16px}.loading-button{align-items:center;box-sizing:border-box;display:inline-flex;height:36px;justify-content:center;min-width:220px;padding:8px 16px;position:relative}.loading-button:disabled{pointer-events:none}.player-spinner{animation:spin 1s linear infinite;border:6px solid #e0e0e0;border-radius:50%;border-top-color:#202124;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;height:40px;margin-right:20px;width:40px}body.dark-mode .spinner{border:6px solid #2c2c2e;border-top-color:#e8eaed;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.spinner-container{align-items:center;display:flex;justify-content:center}.header-container{border-bottom:.9px solid #ccc;display:flex;justify-content:space-between}body.dark-mode .header-container{border-bottom:.9px solid #444}.actions-dropdown-container{margin-bottom:20px;max-width:250px;padding-top:20px;text-align:left;width:100%}.environment-dropdown-container{margin:0 auto 20px;max-width:250px}.environment-dropdown-container,.landing-dropdown-container{display:block;justify-content:center;text-align:left;width:100%}.landing-dropdown-container{margin-bottom:20px;margin-left:auto;max-width:150px}.player-dropdown-container{display:flex;justify-content:center;margin:0 auto 20px;max-width:400px;padding:20px;position:relative;text-align:left;width:100%}.player-search-input{background-color:#e0e0e0;border:none;border-radius:8px;box-sizing:border-box;color:#202124;font-size:14px;margin:0!important;max-width:400px!important;outline:none;padding:8px;width:400px!important}body.dark-mode .player-search-input{background-color:#2c2e;color:#e8eaed}.player-custom-dropdown{display:inline-block;max-width:400px;position:relative;width:100%}.player-custom-dropdown-header{align-items:center;background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px}body.dark-mode .player-custom-dropdown-header{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.player-custom-dropdown-arrow{font-size:18px}.player-dropdown-content{background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;font-size:14px;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}body.dark-mode .player-dropdown-content{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.player-custom-dropdown-list{list-style:none;margin:0;padding:0}.player-custom-dropdown-option{cursor:pointer;padding:8px;transition:background .3s,transform .2s,box-shadow .2s}.player-custom-dropdown-option:hover{background-color:#c1c1c1}body.dark-mode .player-custom-dropdown-option:hover{background-color:#444}.player-custom-dropdown-option:not(:last-child){border-bottom:1px solid #bebebe}body.dark-mode .player-custom-dropdown-option:not(:last-child){border-bottom:1px solid #3e3e3e}.active-player-option{background-color:#d3d3d3!important;color:#333!important;font-weight:700!important}.active-player-option:hover{background-color:#a9a9a9!important}body.dark-mode .active-player-option{background-color:#555!important;color:#f1f1f1!important}body.dark-mode .active-player-option:hover{background-color:#3a3a3a!important}.scrollable-players{max-height:400px;overflow-y:auto}.custom-dropdown{display:inline-block;max-width:500px;position:relative;width:100%}.custom-dropdown-header{align-items:center;background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px}body.dark-mode .custom-dropdown-header{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.custom-dropdown-arrow{font-size:18px}.custom-dropdown-list{background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;font-size:14px;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}body.dark-mode .custom-dropdown-list{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.custom-dropdown-option{cursor:pointer;padding:8px;transition:background .3s,transform .2s,box-shadow .2s}.custom-dropdown-option:hover{background-color:#c1c1c1}body.dark-mode .custom-dropdown-option:hover{background-color:#444}.custom-dropdown-option:not(:last-child){border-bottom:1px solid #bebebe}body.dark-mode .custom-dropdown-option:not(:last-child){border-bottom:1px solid #3e3e3e}.end-session-option{background-color:#d3d3d3!important;color:#333!important;font-weight:700!important}.end-session-option:hover{background-color:#a9a9a9!important}body.dark-mode .end-session-option{background-color:#555!important;color:#f1f1f1!important}body.dark-mode .end-session-option:hover{background-color:#3a3a3a!important}.development-option{background-color:#d3d3d3!important;color:#333!important;font-weight:700!important}.development-option:hover{background-color:#a9a9a9!important}body.dark-mode .development-option{background-color:#555!important;color:#f1f1f1!important}body.dark-mode .development-option:hover{background-color:#3a3a3a!important}.app-card{align-items:center;background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;justify-content:space-between;margin-bottom:20px;max-width:500px;padding:15px 25px}body.dark-mode .app-card{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.app-icon img{border-radius:20%;height:70px;margin-right:20px;width:70px}.app-details{flex-grow:1.2}.app-details .app-name{color:#4a4a4a;display:flex;font-size:20px;font-weight:700;margin-bottom:5px;margin-left:25px}body.dark-mode .app-details .app-name{color:#f3f4f6}.app-id{color:#888;font-size:.8em}.app-id,.copy-button{align-items:center;display:flex}.copy-button{background:none;border:none;cursor:pointer;margin-right:8px;padding:6px}.copy-button img{height:12px;width:12px}.copy-success{font-size:.8em;margin-right:8px}body .copy-success{color:#2a7806}body.dark-mode .copy-success{color:#53e111}@media (max-width:768px){.profile-popup{height:auto;width:80%}.header-container{align-items:flex-start;flex-direction:column;gap:10px}.actions-dropdown-container,.custom-dropdown{max-width:100%;width:100%}.custom-dropdown-header{padding:10px}.custom-dropdown-list{width:100%}.player-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.app-card{align-items:flex-start;flex-direction:column;max-width:100%;padding:15px;width:100%}.app-header{align-items:center;flex-direction:column}.logo-container{margin-bottom:10px}.tabs{flex-wrap:wrap}.tabs,.toggle-switch{justify-content:center}.toggle-switch{flex-direction:column;height:40px;width:160px}.toggle-switch:after{height:35px;width:70px}.popup-header{align-items:flex-start;flex-direction:column}.popup-header h1,h2{margin-bottom:10px;text-align:left}.player-card{align-items:flex-start;flex-direction:column;padding:10px}.player-icon{margin-bottom:10px}.player-info{text-align:left;width:100%}.player-id{margin-top:10px}.custom-select{max-width:100%;width:100%}.custom-param,.inventory-row{align-items:flex-start;flex-direction:column}.custom-param label,.inventory-row label{margin-bottom:5px;margin-right:0;width:100%}.custom-param input,.custom-param select,.inventory-row input,.inventory-row select{max-width:100%;width:100%}.player-fields{padding:10px;width:100%}}@media (max-width:480px){.profile-popup{height:auto;width:90%}.header-container{align-items:flex-start;flex-direction:column;gap:5px}.actions-dropdown-container,.custom-dropdown{max-width:100%;width:100%}.custom-dropdown-header{padding:8px}.app-card,.custom-dropdown-list{width:100%}.app-card{align-items:flex-start;flex-direction:column;max-width:100%;padding:10px}.app-header{align-items:center;flex-direction:column}.logo-container{margin-bottom:5px}.tabs{flex-wrap:wrap}.tabs,.toggle-switch{justify-content:center}.toggle-switch{flex-direction:column;height:35px;width:140px}.toggle-switch:after{height:30px;width:60px}.popup-header{align-items:flex-start;flex-direction:column}.popup-header h1,h2{margin-bottom:10px;text-align:left}.player-card{align-items:flex-start;flex-direction:column;padding:10px}.player-icon{margin-bottom:10px}.player-info{text-align:left;width:100%}.player-id{margin-top:10px}.custom-select{max-width:100%;width:100%}.custom-param,.inventory-row{align-items:flex-start;flex-direction:column}.custom-param label,.inventory-row label{margin-bottom:5px;margin-right:0;width:100%}.custom-param input,.custom-param select,.inventory-row input,.inventory-row select{max-width:100%;width:100%}.player-fields{padding:10px;width:100%}}.store-container{border-radius:12px;display:flex;flex-direction:column;padding:20px}.store-header{margin-bottom:20px;text-align:center}.store-content{display:flex;height:500px}.store-categories{display:flex;flex-direction:column;overflow-y:auto;width:300px}.store-category{background:#e0e0e0;border-radius:12px;color:#202124;cursor:pointer;margin-bottom:10px;padding:10px;transition:background .3s,box-shadow .3s}.store-category.active{background:#d4d4d4;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}body.dark-mode .store-category{background:#2c2c2e;color:#e8eaed}body.dark-mode .store-category.active{background:#404040;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.store-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow-y:auto;padding:5px 5px 5px 30px;width:calc(100% - 320px)}.store-item{align-items:center;background:#e0e0e0;border-radius:12px;display:flex;flex-direction:column;max-height:400px;min-height:300px;min-width:200px;padding:10px}.store-item img{border-radius:8px;height:150px;width:150px}.store-item h5{font-size:large;margin:10px 0;text-align:center}.item-prices{font-size:small}.item-price,.item-prices{align-items:center;display:flex;flex-direction:column}.item-price{width:100%}.discount{color:red}.item-actions{display:flex;gap:10px;justify-content:center;margin-top:10px;width:100%}.buy-button,.custom-purchase-button{border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;font-size:14px;padding:10px;text-align:center;transition:background .3s,transform .2s,box-shadow .2s;width:calc(100% - 20px)}body.dark-mode .buy-button,body.dark-mode .custom-purchase-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.buy-button:hover,.custom-purchase-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .buy-button:hover,body.dark-mode .custom-purchase-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.purchase-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;height:60%;left:50%;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background .3s,transform .2s;width:60%;z-index:1000}body.dark-mode .purchase-popup{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.purchase-popup h2{margin-top:0}.purchase-popup-header{align-items:center;background:inherit;border-bottom:.5px solid #ccc;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark-mode .purchase-popup-header{background:#2c2c2ecc;border-bottom:.5px solid #444}.purchase-popup-content label{display:block;margin:10px 0}.purchase-popup-content img{display:block;margin:10px auto;max-height:250px;max-width:250px;padding:20px}.purchase-popup-footer{display:flex;justify-content:center;margin-top:20px}.purchase-popup-content{flex:1 1;overflow-y:auto;padding:1em}.player-stats-card{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;margin:20px auto;max-width:500px;padding:20px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .player-stats-card{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.player-overall-card h1,.player-stats-card h1{color:#202124;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.player-stats-card h5{color:#202124;font-size:12x;font-weight:700;font-weight:lighter;margin-bottom:10px;padding-left:20px;text-align:left}body.dark-mode .player-stats-card h3,body.dark-mode .player-stats-card h5{color:#e8eaed}.player-stats-card h4{color:#202124;font-size:16px;font-weight:700;margin-bottom:10px;text-align:left}body.dark-mode .player-stats-card h2{color:#e8eaed}.currency,.progress-marker,.progress-system{align-items:center;display:flex;margin-bottom:10px}.currency,.marker-info,.progress-system{align-items:center;display:flex;margin-left:10px}.currency-icon,.marker-icon,.system-icon{border-radius:4px;height:20px;margin-right:10px;width:20px}.currency span,.marker-info span,.progress-system span{color:#202124;font-size:16px}body.dark-mode .currency span,body.dark-mode .marker-info span,body.dark-mode .progress-system span{color:#e8eaed}.player-content-container{display:flex;gap:20px;justify-content:space-between}.player-left-column{display:flex;flex-direction:column;gap:20px;width:45%}.player-stats-card{flex:1 1;max-width:50%}.level-label{background-color:#d9e1f2;border-radius:4px;color:#202124;display:inline-block;font-weight:700;margin-left:5px;padding:2px 6px}body.dark-mode .level-label{background-color:#505c6f;color:#e8eaed}.player-profile-card{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;padding:10px}body.dark-mode .player-profile-card{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.player-profile-card-header{align-items:center;display:flex}.player-profile-card-header h4{font-size:18px;font-weight:700;margin-left:40px}.player-profile-card label{display:block;font-weight:700;margin-bottom:4px}.player-profile-card input{background:#e0e0e0;border:none;border-radius:8px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;color:#202124;padding:10px;width:100%}body.dark-mode .player-profile-card input{background:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}.player-profile-card .edit-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-left:auto;margin-top:0}.player-profile-card .edit-button img{height:16px;width:16px}body.dark-mode .player-profile-card .edit-button img{filter:invert(1)}.profile-popup-footer{display:flex;justify-content:center}.profile-popup-footer .update-button{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .profile-popup-footer .update-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.profile-popup-footer .update-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .profile-popup-footer .update-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.player-profile-card .generate-button{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:14px;transition:background .3s,transform .2s,box-shadow .2s;width:100px}body.dark-mode .player-profile-card .generate-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.player-profile-card .generate-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .player-profile-card .generate-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.player-profile-card-contents{align-items:center;display:flex;flex-direction:column;width:100%}.profile-field{align-items:flex-start;display:flex;flex-direction:column;max-width:400px;width:50%}.profile-label{font-weight:700;margin-bottom:4px}.global-loading-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-logo{animation:spinAndPulse 2s linear infinite;height:auto;width:100px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes spinAndPulse{0%,to{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.5;transform:rotate(180deg) scale(1.3)}to{transform:rotate(1turn) scale(1)}}.view-session-logs-button-game{align-items:center;background:linear-gradient(145deg,#f0f0f0,#cacaca);border:none;border-radius:30px;bottom:80px;box-shadow:0 4px 8px #0003,0 4px 8px #fff3;color:#202124;cursor:pointer;display:flex;font-size:16px;justify-content:center;overflow:hidden;padding:12px;position:fixed;right:20px;transition:width .3s,background .3s,transform .2s,box-shadow .2s;width:44px;z-index:10000}body.dark-mode .view-session-logs-button-game{background:linear-gradient(145deg,#3a3a3a,#1e1e1e);box-shadow:0 4px 8px #0006,0 4px 8px #ffffff1a;color:#e8eaed}.view-session-logs-button-game:hover{background:linear-gradient(145deg,#fafafa,#e0e0e0);box-shadow:0 6px 12px #0000004d,0 6px 12px #fffc;transform:scale(1.05);width:150px}body.dark-mode .view-session-logs-button-game:hover{background:linear-gradient(145deg,#4a4a4a,#2e2e2e);box-shadow:0 6px 12px #00000080,0 6px 12px #fff3;width:150px}.view-session-logs-button-game:hover .log-icon{position:static}.view-session-logs-button-fixed{align-items:center;background:linear-gradient(145deg,#f0f0f0,#cacaca);border:none;border-radius:30px;bottom:20px;box-shadow:0 4px 8px #0003,0 4px 8px #fff3;color:#202124;cursor:pointer;display:flex;font-size:16px;justify-content:center;overflow:hidden;padding:12px;position:fixed;right:20px;transition:width .3s,background .3s,transform .2s,box-shadow .2s;width:44px;z-index:10000}body.dark-mode .view-session-logs-button-fixed{background:linear-gradient(145deg,#3a3a3a,#1e1e1e);box-shadow:0 4px 8px #0006,0 4px 8px #ffffff1a;color:#e8eaed}.view-session-logs-button-fixed:hover{background:linear-gradient(145deg,#fafafa,#e0e0e0);box-shadow:0 6px 12px #0000004d,0 6px 12px #fffc;transform:scale(1.05);width:150px}body.dark-mode .view-session-logs-button-fixed:hover{background:linear-gradient(145deg,#4a4a4a,#2e2e2e);box-shadow:0 6px 12px #00000080,0 6px 12px #fff3;width:150px}.view-session-logs-button-fixed:hover .log-icon{position:static}.log-icon{height:20px;position:absolute;transition:margin-right .3s;width:20px}body.dark-mode .log-icon{filter:invert(1)}.view-session-logs-button-game:hover .button-text{margin-left:8px;opacity:1}.button-text{margin-left:0;opacity:0;transition:opacity .3s,margin-left .3s;white-space:nowrap}.view-session-logs-button-fixed:hover .button-text{margin-left:8px;opacity:1}.user-info{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:20px;text-align:left}body.dark-mode .user-info{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.user-info p{font-size:14px;margin:0;padding-left:12px}.user-info h1{font-size:18px;margin:0}.capitalize{text-transform:capitalize}.breadcrumbs{align-items:center;display:flex;justify-content:center;margin:10px 0;padding:10px}.breadcrumb{color:#202124;cursor:pointer;font-weight:500;margin:0 5px;padding:5px 10px;transition:background .3s,color .3s}.breadcrumb.active{color:#4285f4;font-weight:700}.breadcrumb:hover{color:#202124}.breadcrumb-divider{color:#202124;font-weight:700}body.dark-mode .breadcrumb{color:#e8eaed}body.dark-mode .breadcrumb.active{color:#8ab4f8}body.dark-mode .breadcrumb-divider,body.dark-mode .breadcrumb:hover{color:#e8eaed}.neu-toast{background:#e0e0e0!important;border-radius:12px!important;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff!important;color:#202124!important;font-family:Inter,sans-serif!important;font-size:14px;padding:10px!important;text-align:left}body.dark-mode .neu-toast{background:#2c2c2e!important;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e!important;color:#e8eaed!important}.neu-toast-progress{background:#202124!important}body.dark-mode .neu-toast-progress{background:#e8eaed!important}.neu-toast-close{color:#000;cursor:pointer}body.dark-mode .neu-toast-close{color:#fff!important;cursor:pointer}.fullscreen-container{--color-light:#000;--color-dark:#fff;--size:25px;fill:var(--color-light);align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--size);justify-content:center;margin-right:24px;outline:none;padding:0;position:relative;-webkit-user-select:none;user-select:none}body.dark-mode .fullscreen-container{fill:var(--color-dark)}.fullscreen-container .exitfullscreen,.fullscreen-container .fullscreen{animation:keyframes-fill .5s;position:absolute}.fullscreen-container .exitfullscreen,.fullscreen-container input:checked~.fullscreen{display:none}.fullscreen-container input:checked~.exitfullscreen{display:block}.fullscreen-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}@keyframes keyframes-fill{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}}.master-player-container{padding-bottom:20px}.match-select-dropdown{display:inline-block;max-width:300px;position:relative;width:100%}.match-select-dropdown-header{align-items:center;background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px}body.dark-mode .match-select-dropdown-header{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.match-select-dropdown-arrow{font-size:18px}.match-select-dropdown-list{background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;font-size:14px;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;text-align:left;top:100%;z-index:10}body.dark-mode .match-select-dropdown-list{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.match-select-dropdown-option{cursor:pointer;padding:8px;transition:background .3s,transform .2s,box-shadow .2s}.match-select-dropdown-option:hover{background-color:#c1c1c1}body.dark-mode .match-select-dropdown-option:hover{background-color:#444}.match-select-dropdown-option:not(:last-child){border-bottom:1px solid #bebebe}body.dark-mode .match-select-dropdown-option:not(:last-child){border-bottom:1px solid #3e3e3e}.centered-fields{align-items:flex-start;margin-left:100px;max-width:400px}.centered-contents,.centered-fields{display:flex;flex-direction:column;width:100%}.centered-contents{align-items:center}.param-select-dropdown{display:inline-block;max-width:150px;position:relative;width:100%}.param-select-dropdown-header{align-items:center;background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:4px}body.dark-mode .param-select-dropdown-header{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.param-select-dropdown-arrow{font-size:18px}.param-select-dropdown-list{background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;font-size:14px;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;text-align:left;top:100%;z-index:10}body.dark-mode .param-select-dropdown-list{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.param-select-dropdown-option{cursor:pointer;padding:8px;transition:background .3s,transform .2s,box-shadow .2s}.param-select-dropdown-option:hover{background-color:#c1c1c1}body.dark-mode .param-select-dropdown-option:hover{background-color:#444}.param-select-dropdown-option:not(:last-child){border-bottom:1px solid #bebebe}body.dark-mode .param-select-dropdown-option:not(:last-child){border-bottom:1px solid #3e3e3e}.info-tip{align-items:center;background-color:#e0e0e0;border-left:4px solid #007bff;border-radius:4px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;display:flex;font-size:14px;margin:10px auto;max-width:500px;padding:10px}body.dark-mode .info-tip{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.results-container{background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;margin:0 auto;padding:20px;transition:background-color .3s,box-shadow .3s;width:80%}body.dark-mode .results-container{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.results-container h2{color:#202124;text-align:center}body.dark-mode .results-container h2{color:#e8eaed}.results-table{border-collapse:collapse;color:#202124;width:100%}body.dark-mode .results-table{color:#e8eaed}.results-table td,.results-table th{background-color:#e0e0e0;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;padding:12px;text-align:left}body.dark-mode .results-table td,body.dark-mode .results-table th{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e}.results-table th{background-color:#f2f2f2;font-weight:700}body.dark-mode .results-table th{background-color:#333}.results-table tr:nth-child(2n){background-color:#f9f9f9}body.dark-mode .results-table tr:nth-child(2n){background-color:#444}.results-table tr:hover{background-color:#f1f1f1}body.dark-mode .results-table tr:hover{background-color:#555}.rank-icon{color:#ffbf00;font-size:1.5em}.rank-1{background-color:#fffbea;border-left:5px solid #ffbf00}.rank-2{background-color:#e0e0e0;border-left:5px solid silver}.rank-3{background-color:#f0f0f0;border-left:5px solid #cd7f32}body.dark-mode .rank-1{background-color:#4a4a44}body.dark-mode .rank-2{background-color:#3a3a3a}body.dark-mode .rank-3{background-color:#5a5a5a}.no-results-image{filter:invert(1);height:150px;width:150px}body.dark-mode .no-results-image{filter:invert(0)}.no-results-text{color:#202124;font-size:18px}body.dark-mode .no-results-text{color:#e8eaed}.bored-button{align-items:center;background:linear-gradient(145deg,#f0f0f0,#cacaca);border:none;border-radius:60px;bottom:80px;box-shadow:0 4px 8px #0003,0 4px 8px #fff3;color:#202124;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;overflow:hidden;padding:12px;position:fixed;right:20px;transition:width .3s,background .3s,transform .2s,box-shadow .2s;width:44px;z-index:10000}body.dark-mode .bored-button{background:linear-gradient(145deg,#3a3a3a,#1e1e1e);box-shadow:0 4px 8px #0006,0 4px 8px #ffffff1a;color:#e8eaed}.snake-modal-container{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.snake-modal-content{background:#fff;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;padding:20px;position:relative}body.dark-mode .snake-modal-content{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.close-snake-modal-button{background:none;border:none;cursor:pointer;font-size:16px;position:absolute;right:10px;top:10px}.snake-game-container{align-items:center;background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;margin:0 auto;width:80%}body.dark-mode .snake-game-container{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.snake-game-container h1{color:#202124;font-size:24px}body.dark-mode .snake-game-container h1{color:#e8eaed}.snake-game-container p{color:#202124;font-size:16px;margin:5px 0}body.dark-mode .snake-game-container p{color:#e8eaed}.snake-segment{background-color:#00bcd4;border-radius:4px;box-shadow:inset 2px 2px 4px #008394,inset -2px -2px 4px #4dd0e1}body.dark-mode .snake-segment{box-shadow:inset 2px 2px 4px #005662,inset -2px -2px 4px #26c6da}.food{background-color:#ff9800;border-radius:50%;box-shadow:0 2px 4px #0003}body.dark-mode .food{background-color:#ffb74d}.game-over{color:#ff5722;font-size:18px;margin-top:20px;text-align:center}body.dark-mode .game-over{color:#ff8a65}.snake-game-container button{background-color:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;transition:background .3s,box-shadow .2s,transform .2s}body.dark-mode .snake-game-container button{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.snake-game-container button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .snake-game-container button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.snake-info-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.snake-info-modal-content{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;max-width:500px;padding:20px;text-align:left;width:90%}body.dark-mode .snake-info-modal-content{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.snake-info-modal-content h2{margin-top:0;text-align:center}.snake-info-modal-content ul{list-style-type:disc;padding-left:20px}.snake-info-modal-content button{background-color:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;display:block;margin:20px auto 0;padding:10px 20px;transition:background .3s,box-shadow .2s,transform .2s}body.dark-mode .snake-info-modal-content button{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.snake-info-modal-content button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .snake-info-modal-content button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.canvas-container{background:#e0e0e0;border-radius:0;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;height:400px;margin:0 auto;position:relative;transition:box-shadow .3s;width:400px}body.dark-mode .canvas-container{background:#2c2c2e;box-shadow:8px 8px 16px #1a1a1a,-8px -8px 16px #3e3e3e}canvas{border:none;display:block;height:100%;outline:none;width:100%}.snake-game-button{background-color:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;padding:10px 20px;transition:background .3s,box-shadow .3s}.snake-game-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff}body.dark-mode .snake-game-button{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}body.dark-mode .snake-game-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.snake-score{justify-content:space-between}.snake-header,.snake-score{align-items:center;display:flex}.snake-header{justify-content:center}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;height:400px;margin:100px auto;max-height:100%;max-width:100%;padding:30px;width:350px}body.dark-mode .auth-container{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.auth-container h2{color:#202124;font-size:24px;margin-bottom:20px}body.dark-mode .auth-container h2{color:#e8eaed}.auth-container input{background:#ffffff1a;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;color:#202124;margin-bottom:20px;padding:12px;transition:all .2s ease;width:100%}body.dark-mode .auth-container input{background-color:#2c2c2e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}.auth-container button{background:#ffffff1a;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background .3s,box-shadow .2s,transform .2s;width:100%}body.dark-mode .auth-container button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.auth-container button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .auth-container button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.auth-container p{color:#2196f3;cursor:pointer;font-size:14px;margin-top:20px;text-align:center}body.dark-mode .auth-container p{color:#8ab4f8}.auth-container p:hover{text-decoration:underline}.home-screen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;height:400px;margin:100px auto;max-height:100%;max-width:100%;padding:30px;text-align:center;width:350px}body.dark-mode .home-screen{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.home-screen img{border-radius:50%;box-shadow:2px 2px 4px #0003;height:100px;margin-bottom:20px;width:100px}.home-screen h1{color:#202124;font-size:24px;margin-bottom:20px}body.dark-mode .home-screen h1{color:#e8eaed}.home-screen .begin-button,.home-screen .how-to-play-button{background:#ffffff1a;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:16px;margin:10px 0;padding:10px 20px;transition:background .3s,box-shadow .2s,transform .2s;width:100%}body.dark-mode .home-screen .begin-button,body.dark-mode .home-screen .how-to-play-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.home-screen .begin-button:hover,.home-screen .how-to-play-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .home-screen .begin-button:hover,body.dark-mode .home-screen .how-to-play-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.how-to-play-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;height:auto;left:50%;max-height:60vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background .3s,transform .2s,width .5s ease,height .5s ease;width:150%;z-index:1000}body.dark-mode .how-to-play-modal{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.how-to-play-modal .modal-content{flex:1 1;overflow-y:auto}.how-to-play-modal .modal-content h2{font-size:1.5rem;margin:0;text-align:center}.how-to-play-modal .modal-content p{font-size:.9rem}.how-to-play-modal .popup-header{align-items:center;border-bottom:.5px solid #ccc;display:flex;justify-content:space-between}body.dark-mode .how-to-play-modal .popup-header{border-bottom:.5px solid #444}.how-to-play-modal .popup-header h1{font-size:18px;margin:0}.how-to-play-modal .modal-content{padding:1em}.how-to-play-modal .how-to-play-close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-left:10px;padding:10px}.how-to-play-modal .icon{filter:brightness(0) saturate(100%);height:24px;transition:filter .3s;width:24px}body.dark-mode .how-to-play-modal .icon{filter:invert(1) brightness(2)}.leaderboard-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;height:800px;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background .3s,transform .2s,width .5s ease,height .5s ease;width:150%;z-index:1000}body.dark-mode .leaderboard-modal{background:#2c2c2ecc;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.leaderboard-modal .leaderboard-modal-content{flex:1 1;overflow-y:auto;padding:20px}.leaderboard-modal .leaderboard-modal-content h2{font-size:1.5rem;margin:0;text-align:center}.leaderboard-modal .leaderboard-modal-content p{font-size:.9rem}.leaderboard-modal .popup-header{align-items:center;border-bottom:.5px solid #ccc;display:flex;justify-content:space-between}body.dark-mode .leaderboard-modal .popup-header{border-bottom:.5px solid #444}.leaderboard-modal .popup-header h1{font-size:18px;margin:0}.leaderboard-modal .modal-content{padding:1em}.org-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.org-popup-content{background-color:#e0e0e0;border-radius:8px;box-shadow:2px 2px 6px #bebebe,-2px -2px 6px #fff;max-width:400px;padding:20px;text-align:center;width:90%}body.dark-mode .org-popup-content{background-color:#2c2c2e;box-shadow:2px 2px 6px #1a1a1a,-2px -2px 6px #3e3e3e}.org-popup-header{margin-bottom:15px}.org-popup-header h2{color:#202124;font-size:20px;margin:0}body.dark-mode .org-popup-header h2{color:#e8eaed}.org-list{margin:0;max-height:250px;overflow-y:auto}.org-item{align-items:center;background-color:#e0e0e0;border-radius:4px;box-shadow:inset 2px 2px 4px #fff,inset -2px -2px 4px #bebebe;cursor:pointer;display:flex;margin-bottom:8px;padding:8px 10px;transition:background .2s,transform .1s}body.dark-mode .org-item{background-color:#2c2c2e;box-shadow:inset 2px 2px 4px #3e3e3e,inset -2px -2px 4px #1a1a1a}.org-item:hover{background-color:#dcdcdc;transform:translateY(-1px)}body.dark-mode .org-item:hover{background-color:#3a3a3c}.org-item.selected{background-color:#d4d4d4;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}body.dark-mode .org-item.selected{background-color:#404040;box-shadow:inset 2px 2px 4px #1a1a1a,inset -2px -2px 4px #3e3e3e}.org-item img{border-radius:4px;height:32px;margin-right:10px;object-fit:cover;width:32px}.org-name{color:#202124;font-size:16px}body.dark-mode .org-name{color:#e8eaed}.continue-button{background-color:#e0e0e0;border:none;border-radius:8px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 20px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .continue-button{background-color:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.continue-button:hover{background-color:#dcdcdc;box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .continue-button:hover{background-color:#3a3a3c;box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.csv-upload-section{margin-left:auto;margin-right:auto;margin-top:20px;max-width:500px;text-align:left}.csv-upload-section label{color:#5f6368;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.csv-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:8px 0}.csv-upload-label{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;display:inline-block;padding:12px 20px;text-align:center;transition:background .3s,transform .2s,box-shadow .2s}.csv-upload-label:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}.download-all-btn,.download-sample-btn{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:12px 20px;text-align:center;transition:background .3s,transform .2s,box-shadow .2s}.download-all-btn:hover,.download-sample-btn:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}.download-all-btn{background:#f0f0f0}.csv-format-info{color:#5f6368;font-size:12px;margin-top:8px;text-align:center}body.dark-mode .csv-upload-label,body.dark-mode .download-all-btn,body.dark-mode .download-sample-btn{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}body.dark-mode .csv-upload-label:hover,body.dark-mode .download-all-btn:hover,body.dark-mode .download-sample-btn:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e;transform:translateY(-2px)}body.dark-mode .download-all-btn{background:#3c3c3e}body.dark-mode .csv-format-info{color:#9aa0a6}.csv-upload-section input[type=file]{display:none}.session-log-viewer{padding-bottom:10px;padding-left:10px;padding-right:10px}.session-log-header{max-height:40px}.react-resizable-handle{z-index:10001}body.dark-mode .session-log-player-name{color:#e8eaed}.session-close-button{margin-right:auto}body.dark-mode .close-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.close-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .close-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.log-entries{background:#000;border-radius:8px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;color:#333;flex-grow:1;font-family:Courier,monospace;font-size:12px;overflow-y:auto;padding:10px}body.dark-mode .log-entries{background:#1e1e1e;box-shadow:inset 4px 4px 8px #1a1a1a,inset -4px -4px 8px #3e3e3e;color:#e8eaed}body:not(.dark-mode) .log-entries{background:#f5f5f5}.log-entry{margin-bottom:10px;text-align:left;white-space:pre-wrap}.log-entry-header.with-checkbox{grid-gap:10px;align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 2fr 1fr 3fr 1fr 2fr 2fr auto}.log-entry-header.without-checkbox{grid-gap:10px;align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:2fr 1fr 3fr 1fr 2fr 2fr auto}.log-entry-header div{text-align:left}.log-entry-details{display:none;margin-top:5px}.log-entry-header .status{color:#4caf50}.log-entry-header .status.error{color:#f44336}.expand-icon{cursor:pointer;font-size:14px;margin-left:10px;text-align:center}.expand-all-button-container{align-items:center;display:flex;gap:10px;margin-left:auto}.expand-all-button{background:#e0e0e0;border:none;border-radius:8px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:12px;padding:5px 10px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .expand-all-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.expand-all-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .expand-all-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.refresh-button{align-items:center;background:#e0e0e0;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:5px 10px}body.dark-mode .refresh-button{background:#2c2c2e}.refresh-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .refresh-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.refresh-icon{height:12px;width:12px}body.dark-mode .refresh-icon{filter:invert(1)}.log-entry-section-header{align-items:center;cursor:pointer;display:flex}.log-entry-section-header .expand-icon{margin-right:5px}.log-copy-icon{align-items:center;cursor:pointer;display:flex;height:12px;margin-right:8px;padding:6px;width:12px}body .log-copy-success{color:#2a7806;font-size:.8em;margin-right:8px;padding:3px}body.dark-mode .log-copy-success{color:#53e111}.response-time-excellent{color:#4caf50}.response-time-good{color:#2196f3}.response-time-average{color:#ff9800}.response-time-poor{color:#f44336}.status-success{color:#4caf50}.status-error{color:#f44336}.method-post{color:#2196f3}.method-get{color:#4caf50}.method-put{color:#ff9800}.method-delete{color:#f44336}.draggable-edge{background:#0000;cursor:move;position:absolute}.draggable-left,.draggable-right{bottom:0;cursor:ew-resize;top:0;width:10px}.draggable-left{left:0}.draggable-right{right:0}.draggable-bottom{bottom:0;cursor:ns-resize;height:10px;left:0;right:0}.socket-toggle-switch{display:inline-block;height:20px;margin-right:10px;position:relative;width:34px}.socket-toggle-switch input{height:0;opacity:0;width:0}.socket-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.socket-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:12px;left:4px;position:absolute;transition:.4s;width:12px}.socket-toggle-switch input:checked+.socket-slider{background-color:#2196f3}.socket-toggle-switch input:checked+.socket-slider:before{transform:translateX(14px)}.socket-toggle-switch:hover .hover-label{opacity:1;visibility:visible}.hover-label{background-color:#000;border-radius:5px;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px;position:absolute;text-align:center;top:145%;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1}.hover-label:after{border:5px solid #0000;border-top-color:#000;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}body.dark-mode .hover-label{background-color:#333;color:#e8eaed}body.dark-mode .hover-label:after{border-color:#333 #0000 #0000}@keyframes subtlePulseGlow{0%{box-shadow:0 0 3px 0 #00ff0026}50%{box-shadow:0 0 5px 1px #00ff0040}to{box-shadow:0 0 3px 0 #00ff0026}}.log-entries.real-time{transition:animation .3s ease}.log-entries.real-time,body.dark-mode .log-entries.real-time{animation:subtlePulseGlow 2s infinite}@keyframes fadeIn{0%{background-color:#00ff0040}to{background-color:initial}}.log-entry.new{animation:fadeIn 1s ease}.selection-mode-toggle{display:inline-block;height:20px;margin-left:10px;margin-right:10px;position:relative;width:34px}.selection-mode-toggle input{height:0;opacity:0;width:0}.selection-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.selection-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:12px;left:4px;position:absolute;transition:.4s;width:12px}.selection-mode-toggle input:checked+.selection-slider{background-color:#2196f3}.selection-mode-toggle input:checked+.selection-slider:before{transform:translateX(14px)}body.dark-mode .selection-mode-toggle input:checked+.selection-slider{background-color:#1a73e8}.send-to-slack-button{background:#4caf50;border:none;border-radius:8px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;transition:background .3s,transform .2s,box-shadow .2s}.send-to-slack-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .send-to-slack-button{background:#357a38;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}body.dark-mode .send-to-slack-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.log-select-checkbox{-webkit-appearance:none;appearance:none;background-color:#2c2c2e;border:1px solid #555;cursor:pointer;display:inline-block;height:14px;margin-right:10px;vertical-align:middle;width:14px}.log-select-checkbox:checked{background-color:#2196f3;border-color:#2196f3}body:not(.dark-mode) .log-select-checkbox{background-color:#e0e0e0;border:1px solid #ccc}.log-select-checkbox:checked:after{background-color:#fff;content:"";display:block;height:8px;margin:2px;width:8px}.slack-dropdown{display:inline-block;margin-right:10px;max-width:150px;position:relative;width:100%}.slack-dropdown-header{align-items:center;background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;cursor:pointer;display:flex;font-size:12px;height:8px;justify-content:space-between;padding:8px}body.dark-mode .slack-dropdown-header{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.slack-dropdown-arrow{font-size:18px}.slack-dropdown-list{background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;font-size:14px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}body.dark-mode .slack-dropdown-list{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.slack-dropdown-option{cursor:pointer;font-size:10px;height:8px;padding:8px;transition:background .3s,transform .2s,box-shadow .2s}.slack-dropdown-option:hover{background-color:#c1c1c1}body.dark-mode .slack-dropdown-option:hover{background-color:#444}.slack-dropdown-option:not(:last-child){border-bottom:1px solid #bebebe}body.dark-mode .slack-dropdown-option:not(:last-child){border-bottom:1px solid #3e3e3e}.selection-mode-toggle:hover .hover-label{opacity:1;visibility:visible}.slack-dropdown input[type=text]{background-color:#e0e0e0;border:none;border-radius:8px;box-sizing:border-box;color:#202124;font-size:12px;left:0;margin:0;outline:none;padding:8px;position:absolute;top:0;width:100%;z-index:1}body.dark-mode .slack-dropdown input[type=text]{background-color:#2c2c2e;color:#e8eaed}.loader-container{left:0;position:fixed;top:0;width:100%;z-index:9999}#loader_sq1{left:calc(50% - 20px)}#loader_sq1,#loader_sq2,#loader_sq3{top:calc(50% - 20px)}#loader_sq3{left:calc(50% + 20px)}#loader_sq4{left:calc(50% - 20px)}#loader_sq6{left:calc(50% + 20px)}#loader_sq7{left:calc(50% - 20px)}#loader_sq7,#loader_sq8,#loader_sq9{top:calc(50% + 20px)}#loader_sq9{left:calc(50% + 20px)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.session-log-viewer-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:10000}.session-log-viewer{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;display:flex;flex-direction:column;height:80vh;min-height:100px;min-width:675px;overflow:auto;pointer-events:all;position:relative;resize:both;width:80vw}body.dark-mode .session-log-viewer{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.session-log-header{align-items:center;background:#e0e0e0;cursor:move;display:flex;justify-content:space-between;max-height:20px;padding:10px}body.dark-mode .session-log-header{background:#2c2c2e}.session-close-button{background:#e0e0e0;border:none;border-radius:8px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:12px;font-weight:700;padding:4px 8px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .session-close-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.session-close-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .session-close-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.session-log-title{flex-grow:1;font-size:13px;font-weight:700;text-align:center}.site-selector-dropdown{display:inline-block;margin-top:4px;position:relative}.site-selector-header{align-items:center;background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:space-between;max-height:30px;min-width:100px;padding:4px}body.dark-mode .site-selector-header{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed}.site-selector-arrow{font-size:18px}.site-selector-list{background-color:#e0e0e0;border-radius:8px;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff;color:#202124;font-size:12px;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;text-align:left;top:100%;z-index:10}body.dark-mode .site-selector-list{background-color:#2c2c2e;box-shadow:3px 3px 6px #1a1a1a,-3px -3px 6px #3e3e3e;color:#e8eaed;cursor:pointer}.site-selector-option{cursor:pointer;padding:8px;transition:background .3s,transform .2s,box-shadow .2s}.site-selector-option:hover{background-color:#c1c1c1}body.dark-mode .site-selector-option:hover{background-color:#444}.site-selector-option:not(:last-child){border-bottom:1px solid #bebebe}body.dark-mode .site-selector-option:not(:last-child){border-bottom:1px solid #3e3e3e}.draggable-corner,.react-resizable-handle{display:none}@keyframes loader_5191{0%{opacity:0}to{opacity:1}}.loader-container{height:100%}.loader,.loader-container{align-items:center;display:flex;justify-content:center}.loader{height:150px;position:relative;width:150px}.loader_svg{height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}#loader_sq1{animation:loader_5191 675ms ease-in-out 0s infinite alternate;left:calc(50% - 30px);top:calc(50% - 30px)}#loader_sq2{animation:loader_5191 675ms ease-in-out 75ms infinite alternate;left:50%;top:calc(50% - 30px)}#loader_sq3{animation:loader_5191 675ms ease-in-out .15s infinite;left:calc(50% + 30px);top:calc(50% - 30px)}#loader_sq4{animation:loader_5191 675ms ease-in-out 225ms infinite;left:calc(50% - 30px);top:50%}#loader_sq5{animation:loader_5191 675ms ease-in-out .3s infinite;left:50%;top:50%}#loader_sq6{animation:loader_5191 675ms ease-in-out 375ms infinite;left:calc(50% + 30px);top:50%}#loader_sq7{animation:loader_5191 675ms ease-in-out .45s infinite;left:calc(50% - 30px);top:calc(50% + 30px)}#loader_sq8{animation:loader_5191 675ms ease-in-out 525ms infinite;left:50%;top:calc(50% + 30px)}#loader_sq9{animation:loader_5191 675ms ease-in-out .6s infinite;left:calc(50% + 30px);top:calc(50% + 30px)}.session-new-tab-button{align-items:center;background:#e0e0e0;border:none;border-radius:8px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;margin-right:10px;margin-top:12px;padding:4px 8px;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .session-new-tab-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.session-new-tab-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .session-new-tab-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.open-tab-icon{filter:invert(0);height:16px;padding:2px;width:16px}body.dark-mode .open-tab-icon{filter:invert(100%)}.profile-card{background:#e0e0e0;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;margin-bottom:20px;padding:2px}body.dark-mode .profile-card{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e}.profile-info{align-items:center;display:flex}.profile-image,.profile-info img{border-radius:50%}.profile-image{height:30px;margin-left:10px;margin-right:10px;width:30px}.profile-info h2{color:#202124;font-size:14px;margin-right:20px}body.dark-mode .profile-info h2{color:#e8eaed}.logout-button{background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;color:#202124;cursor:pointer;font-size:12px;margin-left:auto;transition:background .3s,transform .2s,box-shadow .2s}body.dark-mode .logout-button{background:#2c2c2e;box-shadow:4px 4px 8px #1a1a1a,-4px -4px 8px #3e3e3e;color:#e8eaed}.logout-button:hover{box-shadow:2px 2px 4px #bebebe,-2px -2px 4px #fff;transform:translateY(-2px)}body.dark-mode .logout-button:hover{box-shadow:2px 2px 4px #1a1a1a,-2px -2px 4px #3e3e3e}.logout-icon{height:16px;width:16px}body.dark-mode .logout-icon{filter:invert(1)}
/*# sourceMappingURL=main.10d5ee91.css.map*/