*{margin:0;padding:0}body{background:#1a1a1a;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:800px;height:600px;position:relative;border-radius:0;border:2px solid rgb(240,2,2);background:url(/assets/gameOverviewAssets/opening_splash.webp) center / cover no-repeat;transform:scale(var(--game-scale, 1));transform-origin:center center}.btn{font-family:Josefin Sans,sans-serif;font-size:16px;letter-spacing:1px;outline:none;cursor:pointer;color:#fff;border:2px solid rgb(0,0,0);transition:transform .3s}.playAsGuest-btn{position:absolute;top:480px;left:45px;width:208px;font-size:14px;padding:10px;margin-right:20px;border-radius:50px;background-color:#ea2f0e;pointer-events:auto}.createProfile-btn{position:absolute;top:480px;left:296px;width:208px;font-size:14px;padding:10px;margin-right:20px;border-radius:50px;background-color:#ea2f0e;pointer-events:auto}.login-btn{position:absolute;top:480px;left:547px;width:208px;font-size:14px;padding:10px;margin-right:20px;border-radius:50px;background-color:#ea2f0e;pointer-events:auto}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2)}.form-container{position:fixed;background-color:#000000b3;inset:0;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;pointer-events:none}.form-container.disable{opacity:1;visibility:visible;pointer-events:auto}.modal{width:800px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(#942a2a1a,#b981811a),url(/assets/gameOverviewAssets/duckModalBck.webp) center no-repeat;background-size:cover;border-radius:0;opacity:0;visibility:hidden;transition:all .5s;pointer-events:auto;z-index:10}.display{opacity:1;visibility:visible;pointer-events:auto}.login-close{position:absolute;top:498px;right:68px;font-size:50px;color:#222;cursor:pointer;z-index:20}.login-close:hover{color:#ec0d0d}.createPlayer-close{position:absolute;top:498px;right:68px;font-size:50px;color:#222;cursor:pointer;z-index:20}.createPlayer-close:hover{color:#ec0d0d}.passReset-close{position:absolute;top:498px;right:68px;font-size:50px;color:#222;cursor:pointer;z-index:20}.passReset-close:hover{color:#ec0d0d}.login-text{font-family:Montserrat,sans-serif;font-size:25px;font-weight:300;text-align:center;margin:80px 0 150px;color:#fff}.login-text h1{font-family:Josefin Sans,sans-serif;font-size:40px;font-weight:300;margin-bottom:30px}.login-text h3{font-family:Montserrat,sans-serif;font-size:25px;font-weight:300;text-transform:uppercase}.form{position:absolute;top:255px;left:240px}label svg{pointer-events:none;position:absolute;padding:10px 10px 10px 5px;border:2px solid rgb(0,0,0);border-radius:50% 0 0 50%;fill:#edefede6;background-color:#107d174d;width:26px;height:26px}.input-group{margin-bottom:10px;position:relative}.input-group input{width:250px;padding:15px 15px 15px 50px;border:2px solid rgb(0,0,0);outline:none;border-radius:30px;background:#1d641c4d;font-family:Orbitron,sans-serif;letter-spacing:2px;color:#ddd}.form button{width:315px;height:50px;border:2px solid rgb(0,0,0);outline:none;border-radius:30px;background-color:#f24c0a;color:#fff;font-family:Josefin Sans,sans-serif;font-size:16px;text-transform:uppercase;box-shadow:0 5px 20px #0000001a;cursor:pointer;transition:all .3s}.form button:hover{background-color:#f24c0a;box-shadow:0 8px 30px #000000e6;transform:translateY(-2px)}.form button:active{background-color:#6819df;box-shadow:0 2px 10px #0009}input::placeholder{padding-left:20px;font-size:14px;letter-spacing:5px;color:#f1f1f1;opacity:1}.avatar-container{display:flex;flex-wrap:nowrap;overflow:hidden;touch-action:none;cursor:grab;pointer-events:auto;position:absolute;top:10px;left:10px;width:780px;height:120px;padding-top:15px;padding-left:0;background-color:#4c4b4b}.avatar-wrapper{position:absolute;display:flex;top:3px;left:0;transform:translate(0);transition:transform .3s ease;pointer-events:auto}:root{--avatar-set: 780px}.pos1{transform:translate(0)}.pos2{transform:translate(calc(var(--avatar-set) * -1))}.pos3{transform:translate(calc(var(--avatar-set) * -2))}.pos4{transform:translate(calc(var(--avatar-set) * -3))}.avatar{flex-shrink:0;width:120px;height:120px;margin:0 5px;pointer-events:auto;cursor:pointer;transition:transform .2s}.avatar:hover{transform:scale(1.05);opacity:.8}.avatar:active{transform:scale(.95)}#avatarLabel{position:absolute;top:170px;left:320px;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:3px;color:#fff}#rightArrow{position:absolute;top:150px;left:480px;width:100px;height:100px;cursor:pointer;z-index:20}#leftArrow{position:absolute;top:150px;left:220px;width:100px;height:100px;cursor:pointer}.radio-group{position:absolute;top:170px;left:335px;display:flex;justify-content:center;gap:0px;margin-top:20px}.rect-radio input{appearance:none;display:none}.rect-radio .box{display:inline-block;width:30px;height:10px;cursor:pointer;background-color:#fff;transition:all .3s}.rect-radio input:checked+.box{background-color:#4c4b4b}.avatar-selected{border:4px solid #f24b09;box-shadow:0 0 12px #f24b0999}.selected-avatar-display{position:absolute;right:-100px;top:50%;transform:translateY(-50%);width:90px;height:90px;border:2px solid #999;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#0000004d}.selected-avatar-display img{border-radius:2px}.selected-avatar-display.incorrect{border-color:#f24c0a!important;box-shadow:0 0 12px #f24c0a99}input.incorrect{border-color:#f24c0a!important}svg.incorrect{fill:#f24c0a!important;border-color:#f24c0a!important}.tooltip{position:absolute;bottom:50%;left:50%;transform:translate(-50%);margin-bottom:10px;background-color:#f24c0a;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-family:Josefin Sans,sans-serif;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0003;cursor:pointer;transition:background-color .2s}.tooltip:hover{background-color:#dc3c00}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgb(242,76,10)}#migrateGuestCheckbox{position:absolute;top:300px;left:40px;align-items:center;width:20px;height:20px;cursor:pointer;accent-color:red}#labelGuestCheckbox{position:absolute;top:305px;left:70px;font-family:Josefin Sans,sans-serif;font-size:18px;letter-spacing:3px;color:#fff}.forgot-password a,.forgot-password a:visited{position:absolute;top:190px;left:70px;width:220px;height:20px;color:#fff;text-decoration:none;transition:color .2s ease;font-family:Josefin Sans,sans-serif;font-size:18px;letter-spacing:3px}.forgot-password a:hover{color:#e0d03d;text-decoration:underline}.forgot-password-wrapper{position:absolute;top:150px;left:140px;width:320px;height:20px;border-color:#e0d03d}.reset-text{position:absolute;top:120px;left:200px;width:420px;height:20px;font-family:Josefin Sans,sans-serif;font-size:18px;letter-spacing:3px;color:#fff}button.pw-toggle{all:unset;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s}button.pw-toggle:hover,button.pw-toggle:active{all:unset;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;opacity:.8}button.pw-toggle.visible{opacity:.35}