@font-face{font-family:Khula;font-weight:500;src:url(/assets/Khula-Regular-D7Z6FAiU.ttf)format("truetype")}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{max-width:100vw;margin:0;overflow-x:hidden}#root{border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1600px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.page.light-mode{background-color:#e3e3e3!important}.page.light-mode h1,.page.light-mode h2,.page.light-mode h3,.page.light-mode h4,.page.light-mode h5,.page.light-mode h6,.page.light-mode p,.page.light-mode span:not(.sidebar *):not(.bottom-nav *):not(.header__top-bar *),.page.light-mode a:not(.sidebar *):not(.bottom-nav *):not(.header__top-bar *),.page.light-mode div:not(.sidebar *):not(.bottom-nav *):not(.header__top-bar *),.page.light-mode .modal__title,.page.light-mode .material-symbols-outlined:not(.sidebar *):not(.bottom-nav *):not(.header__top-bar *),.page.light-mode label:not(.sidebar *):not(.bottom-nav *):not(.header__top-bar *){color:#101010!important}.page.light-mode .card,.page.light-mode .news-card,.page.light-mode .posts,.page.light-mode .right-sidebar,.page.light-mode .modal__content,.page.light-mode .post-input-wrapper{background-color:#fff!important}.page.light-mode .modal__input,.page.light-mode .post-input-wrapper,.page.light-mode .post-input,.page.light-mode .search-input{color:#101010!important;background-color:#0000!important;border:1px solid #101010!important}.page.light-mode .modal__input::placeholder,.page.light-mode .post-input::placeholder,.page.light-mode .search-input::placeholder{color:#666!important}.mobile-only{display:none}.header{width:100%;margin-bottom:40px}.header__carousel-wrapper{width:100%;max-width:100%;position:relative}.header__arrow{z-index:10;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px #00000080}.header__arrow:hover{background-color:#ec0057}.header__arrow--left{left:-20px}.header__arrow--right{right:-20px}.header__carousel-window{border-radius:8px;width:100%;overflow:hidden}.header__carousel-track{display:flex}.header__carousel-item{box-sizing:border-box;flex:0 0 20%;min-width:0;padding:0 10px}.header__carousel-image{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:100px;display:block}@media screen and (width<=1024px){.header__carousel-item{flex:0 0 33.3333%}}@media screen and (width<=768px){.header__carousel-item{flex:0 0 50%}.header__arrow{width:32px;height:32px}.header__arrow--left{left:-10px}.header__arrow--right{right:-10px}.header__top-bar{z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:20px;position:fixed;top:0;left:0;background:linear-gradient(#010102 0%,#0f012e 100%)!important;display:flex!important}.header__top-bar,.header__top-bar *{color:#fff!important}.header__top-bar-icons{align-items:center;gap:16px;display:flex}.header__icon-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header__logo{height:24px}.bottom-nav{z-index:1000;box-sizing:border-box;border-top:1px solid #333;justify-content:space-evenly;align-items:center;width:100%;height:64px;position:fixed;bottom:0;left:0;background:linear-gradient(#010102 0%,#0f012e 100%)!important;display:flex!important}.bottom-nav,.bottom-nav *{color:#fff!important}.bottom-nav__link{flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.bottom-nav__link.active{color:#ec0057!important}.bottom-nav__icon{font-size:24px}.bottom-nav__icon-login{margin-top:-4px;margin-bottom:3px}.bottom-nav__text{font-size:10px}}.footer__copyright{justify-content:center;align-items:flex-end;min-height:20px;font-size:12px;display:flex}.sidebar{z-index:100;box-sizing:border-box;color:#fff;background:linear-gradient(#010102 0%,#0f012e 100%);flex-direction:column;width:100%;max-width:258px;height:100vh;padding:24px 0;font-family:Khula,sans-serif;font-size:18px;font-weight:400;transition:max-width .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar.sidebar--collapsed{max-width:113px}.sidebar__logo-link{align-items:center;margin-bottom:30px;padding:0 24px;text-decoration:none;display:flex}.sidebar.sidebar--collapsed .sidebar__logo-link{justify-content:center;padding:0}.sidebar__logo{width:100%}.sidebar__logo--desktop{max-width:200px;display:block}.sidebar__logo--mobile{max-width:50px;display:none}.sidebar.sidebar--collapsed .sidebar__logo--desktop{display:none}.sidebar.sidebar--collapsed .sidebar__logo--mobile{display:block}.sidebar__nav{flex-grow:1}.sidebar__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar__link,.sidebar__auth-link,.sidebar__collapse-button,.sidebar__auth-button{color:#fff;box-sizing:border-box;cursor:pointer;text-align:left;background-color:#0000;border:none;align-items:center;gap:16px;width:100%;padding:12px 24px;font-family:Khula,sans-serif;font-size:18px;text-decoration:none;transition:background-color .2s,opacity .2s;display:flex}.sidebar.sidebar--collapsed .sidebar__link,.sidebar.sidebar--collapsed .sidebar__auth-link,.sidebar.sidebar--collapsed .sidebar__collapse-button,.sidebar.sidebar--collapsed .sidebar__auth-button{justify-content:center;padding:12px 0}.sidebar__link:hover,.sidebar__auth-link:hover,.sidebar__collapse-button:hover,.sidebar__auth-button:hover{background-color:#ec0057}.sidebar__link.active{font-weight:700}.sidebar__icon{font-size:28px}.sidebar__bottom{flex-direction:column;margin-top:auto;display:flex}@media screen and (width<=1288px){.sidebar{max-width:113px}.sidebar__logo-link{justify-content:center;padding:0}.sidebar__logo--desktop{display:none}.sidebar__logo--mobile{display:block}.sidebar__link,.sidebar__auth-link,.sidebar__collapse-button,.sidebar__auth-button{justify-content:center;padding:12px 0}.sidebar__text{display:none}}@media screen and (width<=768px){.sidebar{display:none}}.card{color:#fff;background-color:#1a1a1a;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card__image{aspect-ratio:16/9;object-fit:cover;width:100%}.card__content{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card__title{margin:0;font-size:18px;line-height:1.2}.card__description{color:#ccc;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;transition:opacity .2s;display:flex}.card__link:hover{opacity:.8}.carousel{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex}.carousel__header{justify-content:space-between;align-items:center;display:flex}.carousel__title{color:#fff;margin:0;font-size:24px}.carousel__controls{gap:12px;display:flex}.carousel__button{cursor:pointer;background-color:#1a1a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.carousel__button:hover{background-color:#ec0057}.carousel__button:disabled{opacity:.3;cursor:default}.carousel__button:disabled:hover{background-color:#1a1a1a}.carousel__window{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.carousel__track{transition:transform .3s;display:flex}.carousel__item{box-sizing:border-box;border-right:.75px solid #a5a5a5;flex:0 0 33.3333%;min-width:0;padding:0 20px}.carousel__item:last-child{border-right:none}.carousel__item img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;max-width:100%;height:auto;display:block}@media screen and (width<=1288px){.carousel__item{flex:0 0 50%}}@media screen and (width<=1080px){.carousel__header{flex-direction:column;align-items:flex-start;gap:16px}.carousel__window{overflow:visible}.carousel__track{flex-direction:column;gap:32px;transform:none!important}.carousel__item{border-right:none;flex:none;width:100%;padding:0}}.news-page{box-sizing:border-box;flex-direction:column;gap:40px;max-width:952px;margin:0 auto;display:flex;overflow-x:hidden}.news-page__error{color:#333;text-align:center;background-color:#ffea00;border-radius:8px;padding:12px 20px;font-weight:600}.news-page__divider{border:none;border-bottom:.75px solid #a5a5a5;width:100%;margin:0}.profile{max-width:1200px;color:inherit;gap:30px;margin:0 auto;padding:40px 20px;display:flex}.profile__sidebar{background-color:#ffffff0d;border-radius:12px;flex-direction:column;align-items:flex-start;width:250px;padding:20px;display:flex}.profile__avatar{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-bottom:20px}.profile__name{margin-bottom:30px;font-size:1.2rem;font-weight:700}.profile__logout-btn{color:#ff4d4f;cursor:pointer;text-align:left;background:0 0;border:none;padding:10px 0;font-size:1rem;font-weight:500;transition:opacity .2s}.profile__logout-btn:hover{opacity:.8}.profile__content{background-color:#ffffff0d;border-radius:12px;flex-grow:1;padding:20px}.light-mode .profile__sidebar,.light-mode .profile__content{background-color:#f5f5f5;box-shadow:0 4px 12px #0000000d}@media screen and (width<=768px){.profile{flex-direction:column}.profile__sidebar{align-items:center;width:100%}.profile__logout-btn{text-align:center;width:100%}}.page{background-color:#101010;display:flex}.page__content{flex:1;margin:0 auto 0 258px;padding:32px 40px 0}@media screen and (width<=1288px){.page__content{margin-left:113px}}@media screen and (width<=768px){.page__content{margin-left:0!important;padding:80px 20px!important}}.main-content{justify-content:center;gap:24px;width:100%;max-width:1100px;margin:0 auto;display:flex}.main-content__posts{flex:3}.main-content__right-sidebar{flex:1}@media screen and (width<=1080px){.main-content__right-sidebar{display:none!important}}.posts-feed{flex-direction:column;width:100%;display:flex}.post{flex-direction:column;width:100%;margin-bottom:24px;display:flex}.post__header{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.post__header-left{align-items:center;gap:12px;display:flex}.post__avatar-container{background-color:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.post__avatar{object-fit:contain;width:70%;height:70%}.post__header-info{flex-direction:column;display:flex}.post__username{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.post__game-title{color:#b0b0b0;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.post__settings-button,.post__action-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:flex}.post__settings-button{padding:0}.post__settings-button:hover,.post__action-button:hover{color:#ec0057}.post__media-container{background-color:#1a1a1a;border-radius:4px;width:100%;margin:8px 0;overflow:hidden}.post__media{width:100%;height:auto;display:block}.post__actions{justify-content:space-between;align-items:center;margin-left:-8px;padding:8px 0;display:flex}.post__actions-left{align-items:center;gap:4px;display:flex}.post__description{padding:4px 0 16px}.post__description-text{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.post__description-more,.post__description-less{color:#b0b0b0;cursor:pointer}.post__description-more:hover,.post__description-less:hover{color:#fff}.post__divider{background-color:#333;border:0;width:100%;height:1px;margin:16px 0 8px}.right-sidebar{box-sizing:border-box;background-color:#1a1a1a;border-radius:8px;width:100%;max-width:313px;padding:20px}.right-sidebar__title{color:#fff;margin-bottom:16px;font-size:24px}.right-sidebar__error{color:#ff4d4f}.right-sidebar__list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.right-sidebar__item{display:flex}.right-sidebar__link{color:#fff;flex-direction:column;text-decoration:none;display:flex}.right-sidebar__link:hover .right-sidebar__item-title{color:#ec0057}.right-sidebar__thumbnail-container{border-radius:4px;max-width:313px;max-height:121px;margin-bottom:8px;overflow:hidden}.right-sidebar__thumbnail{object-fit:cover;width:100%;height:100%}.right-sidebar__date{color:#b0b0b0;text-align:left;margin-bottom:4px;font-size:12px}.right-sidebar__item-title{text-align:left;margin:0;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700}.preloader{flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:50px 0;display:flex;position:relative}.circle-preloader{border:4px solid #444;border-bottom-color:#888;border-radius:50%;width:50px;height:50px;margin:auto;animation:.75s linear infinite spin;display:block;position:absolute;inset:0}.preloader__text{color:#888;margin-top:80px;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}.modal{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__container{background-color:#101010;border-radius:16px;flex-direction:row;width:90%;max-width:900px;min-height:550px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.modal__close-btn{opacity:.6;cursor:pointer;z-index:10;color:#fff;background:0 0;border:none;font-size:24px;transition:opacity .2s;position:absolute;top:24px;left:24px}.modal__close-btn:hover{opacity:1}.modal__form-section{background-color:#121212;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.modal__logo{width:160px;margin-bottom:32px}.modal__form{flex-direction:column;gap:16px;width:100%;max-width:300px;display:flex}.modal__label,.modal__title{display:none}.modal__input-wrapper{flex-direction:column;display:flex}.modal__input{color:#fff;background-color:#0000;border:1px solid #444;border-radius:24px;outline:none;padding:14px 20px;font-family:Khula,sans-serif;font-size:15px;transition:border-color .2s}.modal__input::placeholder{color:#888}.modal__input:focus{border-color:#ec0057}.modal__input_type_error{border-color:#ff4d4f}.modal__error{color:#ff4d4f;margin-top:6px;padding-left:16px;font-size:12px;line-height:1.4;display:block}.modal__error:empty{display:none}.modal__submit-btn{color:#fff;cursor:pointer;background-color:#ec0057;border:none;border-radius:24px;margin-top:12px;padding:16px;font-family:Khula,sans-serif;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s}.modal__submit-btn:hover:not(:disabled){opacity:.9}.modal__submit-btn:active:not(:disabled){transform:scale(.98)}.modal__submit-btn_disabled{opacity:.5;cursor:not-allowed}.modal__switch-wrapper{text-align:center;margin-top:24px}.modal__switch-text{color:#aaa;font-family:Khula,sans-serif;font-size:14px}.modal__switch-btn{color:#ec0057;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:color .2s}.modal__switch-btn:hover{color:#f37}.modal__artwork-section{background-image:url(/assets/sign-in-artwork-BStZEjVk.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1.2}@media screen and (width<=768px){.modal__artwork-section{display:none}.modal__container{border-radius:0;flex-direction:column;width:100%;min-height:100vh}.modal__form-section{padding:24px}}.light-mode .modal__container,.light-mode .modal__form-section{background-color:#e3e3e3}.light-mode .modal__input{color:#101010;border-color:#b3b3b3}.light-mode .modal__input::placeholder{color:#777}.light-mode .modal__input:focus{border-color:#ec0057}.light-mode .modal__switch-text{color:#555}.light-mode .modal__close-btn img,.light-mode .modal__logo{filter:invert()}.light-mode .modal__error{color:#ff4d4f!important}