.card{padding:16px;border-radius:8px;background-color:#ecf6f7;box-shadow:0 2px 4px #b9c8d9,inset 1px 1px 3px #fff,inset -1px -1px 2px #b9c8d9}.dashboard__games{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.dashboard__header{margin-block:24px 16px}.input{border:none;width:100%;background-color:#ecf6f7;border-radius:6px;padding:4px 8px;font-size:16px;line-height:24px;color:#646a72;box-shadow:inset -1px -1px 2px #fff,inset 1px 1px 2px #b9c8d9;outline:none}.input:focus{outline:none}.input--password{padding-right:40px}.input__container{display:flex;flex-direction:column;gap:4px}.input__error{font-size:14px;line-height:20px;color:#900}.input__label{font-size:14px;line-height:20px;color:#77828e}.input__password-toggle-button{all:unset;cursor:pointer;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input__password-toggle-icon{height:16px;width:16px}.input__required-mark{color:#77828e}.input__wrapper{position:relative}.loader{position:relative;height:24px;width:24px}.loader__icon{height:100%;width:100%;animation:spin 1s linear infinite}.button{all:unset;position:relative;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;background-color:#ecf6f7;border-radius:4px;transition:background-color .2s ease-in-out;padding:8px 16px;color:#646a72;box-shadow:0 1px 2px #b9c8d9,inset 1px 1px 2px #fff,inset -1px -1px 1px #b9c8d9}.button:hover,.button:active{background-color:#e1eaf3}.button:disabled{opacity:.7}.button__icon{width:16px;height:16px}.button__loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.button__text{font-size:14px;font-weight:600}.button--flat{background-color:transparent;margin:-6px -12px;box-shadow:none}.button--flat:hover,.button--flat:active{background-color:transparent}.button--loading .button__text{opacity:0}.button--loading .button__loader{opacity:1}.button--reversed{flex-direction:row-reverse}.game-details__button{margin-top:16px}.game-details__content{display:flex;flex-direction:column;gap:8px}.game-details__header{display:flex;justify-content:space-between;align-items:center}.login-page{padding:48px;width:640px;margin:0 auto}.login-page__form-container{margin:24px auto}.login-page__form{display:flex;flex-direction:column;gap:16px}.login-page__links-container{display:flex;flex-direction:column;gap:8px}.login-page__resend-confirmation-button{all:unset;cursor:pointer;text-decoration:underline;color:var(--color-primary)}.checkbox{width:fit-content;display:flex;align-items:center}.checkbox__error{font-size:14px;font-weight:400;line-height:20px;color:#900;margin-top:4px}.checkbox__check-icon{display:flex;height:12px;width:12px;color:#fff}.checkbox__input{flex-shrink:0;all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;height:18px;width:18px;border-radius:4px;box-shadow:0 1px 2px #b9c8d9,inset 1px 1px 2px #fff,inset -1px -1px 1px #b9c8d9;outline:2px solid transparent;outline-offset:2px;margin-right:12px;transition:outline .3s ease-in-out}.checkbox__input[aria-checked=true],.checkbox__input[aria-checked=true]:hover{border-color:transparent;background-color:#d4b67a}.checkbox__input[aria-checked=true]:focus{border-color:transparent;background-color:#d4b67a}.checkbox__input:disabled{pointer-events:none;background-color:#e1eaf3}.checkbox__input:focus-visible{outline:2px solid #B89B66;outline-offset:2px}.checkbox__label{display:flex;align-items:center;font-size:14px;font-weight:500;line-height:20px;-webkit-user-select:none;user-select:none}.checkbox__label--disabled{color:#77828e}.checkbox:not(.checkbox--disabled):hover{cursor:pointer}.checkbox__wrapper{display:flex;flex-direction:column}.register-page{padding:48px;width:640px;margin:0 auto}.register-page__description{margin-bottom:24px}.register-page__form-container{margin:24px auto}.register-page__form{display:flex;flex-direction:column;gap:16px}.register-page__resend-confirmation-button{all:unset;cursor:pointer;text-decoration:underline;color:var(--color-primary)}.register-page__success-container{text-align:center}.register-page__title{margin-bottom:16px}.modal__close-button{all:unset;display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;cursor:pointer;padding:2px;margin:-2px}.modal__close-icon{width:20px;height:20px;color:#6b7280}.modal__content{height:fit-content;width:fit-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:200px;max-width:calc(100vw - 40px);z-index:50;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #b9c8d9,inset 1px 1px 3px #fff,inset -1px -1px 2px #b9c8d9}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#0000001a}.feedback-modal{width:480px}.feedback-modal__description{font-size:16px;margin-bottom:16px}.feedback-modal__input{margin-bottom:16px;min-height:100px;width:100%;resize:vertical;max-height:200px}.feedback-modal__submit-button{margin-left:auto}.feedback-modal__title{font-size:24px;font-weight:600;margin-bottom:16px}.menu-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#e1eaf3;box-shadow:0 4px 12px #e1eaf3}.menu-bar__actions-container{display:flex;align-items:center;gap:16px}.layout{position:relative}.layout__content{padding-inline:24px}.layout__menu-bar{position:sticky;top:0}.toast{display:flex;gap:8px;align-items:start;justify-content:space-between;padding:12px;background-color:#e1eaf3;border-radius:8px;border:1px solid #B9C8D9;box-shadow:0 1px 2px #b9c8d9,inset 1px 1px 2px #fff,inset -1px -1px 1px #b9c8d9;max-width:400px}.toast[data-state=open]{animation:slideIn .15s cubic-bezier(.16,1,.3,1)}.toast[data-state=closed]{animation:hide .1s ease-in}.toast[data-swipe=end]{animation:swipeOut .1s ease-out}.toast__content{display:flex;flex-direction:column;gap:4px}.toast__icon{flex-shrink:0;width:24px;height:24px}.toast__viewport{position:fixed;top:16px;right:16px;left:16px;z-index:9999}@media (min-width: 768px){.toast__viewport{left:auto;max-width:400px}}@keyframes hide{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes swipeOut{0%{transform:translate(var(--radix-toast-swipe-end-x));opacity:1}to{transform:translate(100%);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,html{height:100%;padding:0;margin:0;color:#646a72;background-color:#e1eaf3;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:500;margin:0}h1{font-size:32px;line-height:48px}@media screen and (min-width: 768px){h1{font-size:40px}}p{margin:0}a{text-decoration:none;color:inherit}ul,ol{list-style:none;padding:0;margin:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:48px}@media screen and (max-width: 767px){.desktop-element{display:none}}@media screen and (min-width: 768px){.mobile-element{display:none}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}