@import"https://fonts.googleapis.com/css2?family=Prata&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #fcfcfc;--color-brand: #1753a2;--color-white: #fff;--color-black: #1a1a1a;--color-gray: #474747;--color-light-blue: #eaeef7;--color-danger: #fe8c8c;--color-danger-light: #f5c6cb;--color-danger-dark: #470000;--color-warning: #fff3cd;--color-warning-light: #ffeeba;--color-warning-dark: #856404;--color-success: #77ef71;--color-success-light: #c3e6cb;--color-success-dark: #044c00;--color-info-dark: #0c5460;--color-info-light: #bee5eb;--color-info: #d1ecf1;--color-xbox: #107c10;--color-xbox-bg: #c6e3c6;--color-playstation: #0052cc;--color-playstation-bg: #c3d5f8;--color-nintendo: #e60012;--color-nintendo-bg: #f9c3c7;--color-pc: #333;--color-pc-bg: #d1d1d1;--color-steam-deck: #2a475e;--color-steam-deck-bg: #c2d0dc;--color-mobile: #ff9500;--color-mobile-bg: #ffe1b8;--color-completed: #155724;--color-playing: #856404;--color-wishlist: #084298;--color-replaying: #383d41;--color-dont-started: #721c24}:root{--font-serif: "Prata", serif;--font-sans-serif: "Geist", sans-serif;--fs-h1: 2.986rem;--fs-h2: 2.488rem;--fs-h3: 2.074rem;--fs-h4: 1.728rem;--fs-h5: 1.44rem;--fs-h6: 1.2rem;--fs-base: 1rem;--fs-sm: .833rem;--fs-caption: .694rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700}:root{--radius-xs: .25rem;--radius-infinite: 999rem;--border-input: 2px solid rgba(0, 0, 0, .1)}:root{--screen-desktop: 1000px;--screen-tablet: 768px;--screen-phone: 500px;--gap-xxs: .125rem;--gap-xs: .25rem;--gap-sm: .5rem;--gap-md: .75rem;--gap-base: 1rem;--gap-lg: 1.25rem;--gap-xl: 1.5rem;--gap-xxl: 2rem;--gap-big: 2.5rem}.link{font-size:var(--fs-sm);font-weight:var(--font-weight-medium);color:var(--color-gray);transition:var(--smooth-transition)}.link:hover{color:var(--color-brand);text-decoration:underline}.logo{font-size:var(--fs-h6);font-family:var(--font-serif);font-weight:var(--font-weight-bold);color:var(--color-brand);transition:var(--smooth-transition);cursor:pointer}.logo:hover{opacity:.8}.text-center{text-align:center}.text-left{text-align:left}.title{font-family:var(--font-serif)}.title--brand{font-family:var(--font-serif);color:var(--color-brand)}.badge{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;font-size:var(--fs-sm);font-weight:var(--font-weight-semi-bold);min-width:20px;min-height:20px;gap:var(--gap-md);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-infinite)}.badge--nintendo{border:1px solid var(--color-nintendo);color:var(--color-nintendo);background-color:var(--color-nintendo-bg)}.badge--playstation{border:1px solid var(--color-playstation);color:var(--color-playstation);background-color:var(--color-playstation-bg)}.badge--xbox{border:1px solid var(--color-xbox);color:var(--color-xbox);background-color:var(--color-xbox-bg)}.badge--pc{border:1px solid var(--color-pc);color:var(--color-pc);background-color:var(--color-pc-bg)}.badge--mobile{border:1px solid var(--color-mobile);color:var(--color-mobile);background-color:var(--color-mobile-bg)}.badge--steam-deck{border:1px solid var(--color-steam-deck);color:var(--color-steam-deck);background-color:var(--color-steam-deck-bg)}.badge--dont-started{border:1px solid var(--color-dont-started);color:var(--color-dont-started)}.badge--completed{border:1px solid var(--color-completed);color:var(--color-completed)}.badge--wishlist{border:1px solid var(--color-wishlist);color:var(--color-wishlist)}.badge--replaying{border:1px solid var(--color-replaying);color:var(--color-replaying)}.badge--playing{border:1px solid var(--color-playing);color:var(--color-playing)}.color-error{color:var(--color-danger)}.color-error--dark{color:var(--color-danger-dark)}.color-info{color:var(--color-info)}.color-info--dark{color:var(--color-info-dark)}:root{--shadow-btn-default: 0px 0px 10px 2px #5a89df;--shadow-btn-sucess: 0px 0px 10px 2px #8fff89;--shadow-btn-danger: 0px 0px 10px 2px #ff7e7e;--shadow-btn-ghost: 0px 0px 10px 2px #c5c5c5;--shadow-input: 0px 0px 8px 2px #c0d0e1}:root{--smooth-transition: all .4s ease}html{scroll-behavior:smooth}body{font-family:var(--font-sans-serif);color:var(--color-black);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{display:inline-block;text-decoration:none}button{outline:none;border:none;font-family:var(--font-geist);transition:var(--smooth-transition)}button:disabled{opacity:.4;cursor:not-allowed;-webkit-user-select:none;user-select:none}input{min-height:32px;font-family:inherit;font-weight:var(--font-weight-regular);outline:none;padding:var(--gap-sm);border:2px solid rgba(0,0,0,.1);color:var(--color-black);transition:var(--smooth-transition)}input::placeholder{font-family:inherit;font-size:var(--fs-xs);font-weight:var(--font-weight-regular);color:var(--color-gray)}input:focus{border-color:var(--color-brand);-webkit-box-shadow:var(--shadow-input);-moz-box-shadow:var(--shadow-input);box-shadow:var(--shadow-input)}select{outline:none;font-family:inherit;font-weight:var(--font-weight-regular);min-height:30px;transition:var(--smooth-transition)}select::placeholder{font-size:var(--fs-xs);font-family:inherit;font-weight:var(--font-weight-regular);color:var(--color-gray)}select:focus{border-color:var(--color-brand);-webkit-box-shadow:var(--shadow-input);-moz-box-shadow:var(--shadow-input);box-shadow:var(--shadow-input)}textarea{font-family:inherit;font-weight:var(--font-weight-regular);color:var(--color-black)}textarea::placeholder{font-size:var(--fs-xs);font-family:inherit;font-weight:var(--font-weight-regular);color:var(--color-gray)}label{display:block;font-size:var(--fs-sm);font-weight:var(--font-weight-medium)}img{display:block;max-width:100%}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}p{font-size:var(--fs-base);color:var(--color-gray)}blockquote{font-family:var(--font-serif);padding-left:var(--gap-md)}.container{width:100%;max-width:var(--screen-desktop);padding-inline:var(--gap-base);margin-inline:auto}.create-account{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:space-between;flex-direction:column;text-align:center;gap:var(--gap-md)}.create-account__main{width:100%;max-width:var(--screen-phone);margin-block:var(--gap-xxl)}.create-account__heading{margin-bottom:var(--gap-xxl)}.create-account__subtitle{font-family:var(--font-serif);margin-bottom:var(--gap-xs)}.create-account__form{width:100%;display:flex;flex-direction:column;gap:var(--gap-sm)}.create-account__form-group{margin-bottom:var(--gap-xs)}.create-account__label{display:block;text-align:left;margin-bottom:var(--gap-xs)}.create-account__input{width:100%;padding-left:var(--gap-base);border-radius:var(--radius-xs)}.create-account__login-link{font-weight:var(--font-weight-bold);text-decoration:underline;color:var(--color-brand)}.detailed__description-container .tiptap{overflow-y:initial;min-height:fit-content}.button{outline:none;border:none;display:inline-flex;align-items:center;justify-content:center;padding:var(--gap-sm) var(--gap-xs);font-size:var(--fs-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-xs);gap:var(--gap-xs);transition:var(--smooth-transition);cursor:pointer}.button:hover{opacity:.9}.button--default{color:var(--color-background);background-color:var(--color-brand)}.button--default:focus{-webkit-box-shadow:var(--shadow-btn-default);-moz-box-shadow:var(--shadow-btn-default);box-shadow:var(--shadow-btn-default)}.button--ghost{color:var(--color-brand);border:2px solid var(--color-brand);background-color:transparent}.button--ghost:hover{color:var(--color-white);background-color:var(--color-brand)}.button--ghost:focus{-webkit-box-shadow:var(--shadow-btn-ghost);-moz-box-shadow:var(--shadow-btn-ghost);box-shadow:var(--shadow-btn-ghost)}.button--danger{color:var(--color-danger-dark);background-color:var(--color-danger)}.button--danger:hover{color:var(--color-danger);background-color:var(--color-danger-dark)}.button--danger:focus{-webkit-box-shadow:var(--shadow-btn-danger);-moz-box-shadow:var(--shadow-btn-danger);box-shadow:var(--shadow-btn-danger)}.button--success{color:var(--color-success-dark);background-color:var(--color-success)}.button--success:hover{color:var(--color-success);background-color:var(--color-success-dark)}.button--success:focus{-webkit-box-shadow:var(--shadow-btn-sucess);-moz-box-shadow:var(--shadow-btn-sucess);box-shadow:var(--shadow-btn-sucess)}.toast{width:fit-content;position:fixed;right:8px;bottom:8px;padding:var(--gap-xl);border-radius:var(--radius-xs);gap:var(--gap-md);color:var(--color-gray);background-color:#ccc}.toast span{display:inline-flex;align-items:center;justify-content:center;text-align:center;flex-wrap:nowrap;gap:var(--gap-md)}.toast--success{color:var(--color-success);background-color:var(--color-success-dark)}.toast--success svg{color:var(--color-success)}.toast--danger{color:var(--color-danger);background-color:var(--color-danger-dark)}.toast--danger svg{color:var(--color-danger)}.toast--info{color:var(--color-info);background-color:var(--color-info-dark)}.toast--info svg{color:var(--color-info)}.toast--warning{color:var(--color-warning);background-color:var(--color-warning-dark)}.toast--warning svg{color:var(--color-warning)}.login{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:var(--gap-md)}.login__main{width:100%;max-width:var(--screen-phone)}.login__heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-xs);margin-bottom:var(--gap-big)}.login__form{display:flex;gap:var(--gap-sm);flex-direction:column}.login__form-group{width:100%}.login__label{display:block;font-size:var(--fs-sm);margin-bottom:var(--gap-xs)}.login__input{width:100%;padding-left:var(--gap-base);border-radius:var(--radius-xs)}.login__create-link{font-weight:var(--font-weight-bold);color:var(--color-brand);text-decoration:underline}.home{margin-block:var(--gap-big)}.home__heading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--gap-xs);margin-inline:auto;width:100%;margin-bottom:var(--gap-big)}.home__title{font-weight:var(--font-weight-medium);max-width:var(--screen-mobile);width:100%;margin-bottom:var(--gap-md);text-align:center;color:var(--color-gray)}.home__button{width:100%;max-width:532px}.home__cards{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(1,1fr);gap:var(--gap-big) var(--gap-xl);margin-bottom:var(--gap-big)}@media screen and (min-width: 500px){.home__cards{grid-template-columns:repeat(1,400px)}}@media screen and (min-width: 660px){.home__cards{grid-template-columns:repeat(2,310px)}}@media screen and (min-width: 985px){.home__cards{grid-template-columns:repeat(3,310px)}}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding-inline:var(--gap-base);background-color:var(--color-white);-webkit-box-shadow:0px 8px 10px -2px rgba(0,0,0,.1);-moz-box-shadow:0px 8px 10px -2px rgba(0,0,0,.1);box-shadow:0 8px 10px -2px #0000001a}.navbar__links-list{display:flex;align-items:center;justify-content:space-around;gap:var(--gap-md);list-style:none}.navbar__logout{width:fit-content;padding:var(--gap-xs);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;border-radius:var(--radius-xs);color:var(--color-black);background-color:var(--color-light-blue);transition:var(--smooth-transition)}.navbar__logout:hover{color:var(--color-white);background-color:var(--color-brand)}.navbar__logout:focus{box-shadow:var(--shadow-input)}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--gap-md);width:100%;height:100dvh}.empty-state__title{max-width:var(--screen-phone);text-align:center}.empty-state__button{width:100%;max-width:300px}.game-card{position:relative;overflow:hidden}.game-card__controllers{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-md)}.game-card__controllers-button{padding:5px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-xs);border:none;background-color:var(--color-danger);box-shadow:var(--shadow-btn-danger);cursor:pointer}.game-card__image-container{width:100%;height:180px;border-radius:var(--radius-xs);overflow:hidden}.game-card__image-picture{width:100%;height:100%;object-fit:cover;object-position:center}.game-card__image-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-brand);background-color:var(--color-light-blue)}.game-card__image-label-text{text-align:center;text-transform:capitalize;font-family:var(--font-serif);font-size:var(--fs-h6);font-weight:var(--font-weight-bold)}.game-card__content{margin-block:var(--gap-xs)}.game-card__badges{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-md);margin-block:var(--gap-md)}.game-card__button{width:100%;height:38px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;z-index:20}.loading__spinner{display:flex;gap:.5rem}.loading__spinner-dot{width:1rem;height:1rem;border-radius:50%;background-color:var(--color-brand);animation:loading-bounce 1.4s infinite ease-in-out both}.loading__spinner-dot:nth-child(1){animation-delay:-.32s}.loading__spinner-dot:nth-child(2){animation-delay:-.16s}.loading__text{color:var(--color-gray);font-size:var(--fs-base);font-weight:var(font-weight-regular)}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.add-game{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;min-height:100dvh}.add-game__heading{margin-bottom:var(--gap-xxl)}.add-game__form{width:100%;max-width:var(--screen-tablet);display:flex;flex-direction:column;gap:var(--gap-sm)}.add-game__label{width:100%;margin-bottom:var(--gap-xs)}.add-game__input{width:100%;border-radius:var(--radius-xs)}.add-game__select{border-radius:var(--radius-xs);border:var(--border-input);padding-left:var(--gap-sm)}.rich-text-editor{padding:var(--gap-sm);border-radius:var(--radius-xs);border:var(--border-input)}.tiptap{padding-inline:2px;outline-color:var(--color-brand);overflow-y:auto;font-family:inherit;height:100%;max-height:220px}.tiptap li{margin-left:var(--gap-xl)}.editor-toolbar{display:flex;align-content:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--gap-md) var(--gap-xs);padding-bottom:var(--gap-md);margin-bottom:var(--gap-md);border-bottom:var(--border-input)}.editor-toolbar button{min-height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-base);margin-right:8px;padding:4px 8px;border:none;border-radius:var(--radius-xs);cursor:pointer;color:var(--color-brand);background-color:#eee;transition:var(--smooth-transition)}.editor-toolbar button.is-active{background-color:var(--color-brand);color:var(--color-white)}.detailed__image-container{position:relative;width:100%;height:450px;overflow:hidden;border-end-start-radius:8px;border-end-end-radius:8px;margin-bottom:var(--gap-xxl)}.detailed__image{width:100%;height:100%;object-fit:cover;object-position:top center}.detailed__background{display:flex;align-items:center;justify-content:center;width:100%;height:450px;overflow:hidden;text-transform:capitalize;font-weight:var(--font-weight-bold);border-end-start-radius:8px;border-end-end-radius:8px;margin-bottom:var(--gap-md);background-color:var(--color-light-blue)}.detailed__background-text{text-align:center;font-family:var(--font-serif);color:var(--color-brand)}.detailed__link{display:inline-flex;align-items:center;gap:var(--gap-md);font-weight:var(--font-weight-bold);margin-bottom:var(--gap-xxl);color:var(--color-brand)}.detailed__title{font-weight:var(--font-weight-bold);margin-bottom:var(--gap-md)}.detailed__badges-container{display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-md);margin-bottom:var(--gap-xxl)}.detailed__description-container{width:100%;height:auto;margin-bottom:var(--gap-xl)}.detailed__btn-controll{margin-bottom:var(--gap-big)}.about{height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column}.about__link{display:inline-flex;align-content:center;justify-content:center;gap:var(--gap-xs);margin-bottom:var(--gap-xxl);font-weight:var(--font-weight-bold);color:var(--color-brand)}.about__content{max-width:500px;text-align:center}.about__title{margin-bottom:var(--gap-xs)}.about__text{margin-bottom:var(--gap-md)}.about__socials{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.about__socials a{width:100%;height:45px}.not-found{height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center}.not-found__content{display:flex;flex-direction:column}.not-found__title{font-size:8rem;margin-bottom:var(--gap-xs);color:var(--color-gray)}.not-found__text{font-size:1.5rem;margin-bottom:var(--gap-md)}