body{background:linear-gradient(180deg,var(--six-white) 0,#f0f0f0 10%);background-color:var(--six-white)}.trivia-profile-page{position:relative;width:calc(100% - var(--spacing_xs) * 2);min-height:100vh;margin:var(--spacing_xs) auto;font-family:var(--font-body);background-color:transparent;border-radius:var(--radius_4xl);overflow:hidden;box-sizing:border-box}@media (max-width:768px){.trivia-profile-page{width:calc(100% - 16px);margin:36px auto}}.trivia-profile-page__auth-overlay{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing_m);background:rgba(255,255,255,.95);transition:opacity .3s ease,visibility .3s ease}.trivia-profile-page__auth-overlay--hidden{visibility:hidden;opacity:0;pointer-events:none}.trivia-profile-page__auth-overlay--error .trivia-profile-page__auth-overlay-text{color:var(--neutros-gray-900)}.trivia-profile-page__auth-overlay-spinner{width:40px;height:40px;border:3px solid var(--neutros-gray-300);border-top-color:var(--neutros-black);border-radius:50%;animation:trivia-profile-spin .8s linear infinite}.trivia-profile-page__auth-overlay-text{margin:0;font-family:var(--font-body);font-size:var(--size-16);font-weight:var(--weight_regular);color:var(--neutros-gray-700)}@keyframes trivia-profile-spin{to{transform:rotate(360deg)}}.trivia-profile-page__blur{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(180deg,rgba(180,180,180,.41) 0,#f0f0f0 10%)}@media (max-width:768px){.trivia-profile-page__blur{background:linear-gradient(180deg,rgba(180,180,180,.41) 0,#f0f0f0 5%)}}.trivia-profile-page__container{position:relative;max-width:1208px;margin:0 auto;margin-top:172px;margin-bottom:var(--spacing_3xl);display:grid;grid-template-columns:380px 1fr;gap:120px;align-items:start;z-index:2}@media (max-width:992px){.trivia-profile-page__container{grid-template-columns:1fr;gap:var(--spacing_l);padding:16px;margin-top:90px}}.trivia-profile-page__profile{position:sticky;top:var(--spacing_l)}@media (max-width:992px){.trivia-profile-page__profile{position:static}}.trivia-profile-page__profile:has(.h-trivia-profile--modal-open){z-index:100002}.trivia-profile-page__list{width:100%}.h-trivia-profile{background-color:var(--neutros-white);display:flex;flex-direction:column;gap:var(--spacing_m);align-items:center;padding:var(--spacing_xs) 0;border-radius:var(--radius_4xl);box-shadow:0 1px 6px 0 rgba(1,1,1,.08),0 5px 8px 0 rgba(1,1,1,.16);width:100%}.h-trivia-profile__container{display:flex;flex-direction:column;gap:var(--spacing_m);align-items:center;width:100%;padding:0 var(--spacing_xs)}.h-trivia-profile__title{font-family:var(--font-display);font-size:var(--size-26);font-weight:var(--weight_regular);line-height:36px;color:var(--neutros-black);text-transform:uppercase;margin:0;width:100%;text-align:left}.h-trivia-profile__avatar-section{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px;width:100%;position:relative}.h-trivia-profile__avatar-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.h-trivia-profile__avatar{position:relative;width:168px;height:168px;border-radius:50%;overflow:hidden;background-color:var(--neutros-gray-200);display:flex;align-items:center;justify-content:center}.h-trivia-profile__avatar-placeholder{font-family:var(--font-display),var(--font-body);font-size:80px;font-weight:var(--weight_semibold);color:var(--neutros-gray-600);line-height:1}.h-trivia-profile__avatar-button{display:none!important}.h-trivia-profile__camera-icon{width:16px;height:16px;flex-shrink:0}.h-trivia-profile__content{display:flex;flex-direction:column;gap:var(--spacing_1xs);align-items:flex-start;width:100%}.h-trivia-profile__info-item{display:flex;gap:var(--spacing_1xs);align-items:center;padding:0 var(--spacing_1xs);width:100%}.h-trivia-profile__info-item .h-trivia-profile__edit-button{flex-shrink:0;margin-left:auto}.h-trivia-profile__icon{width:16px;height:16px;flex-shrink:0}.h-trivia-profile__name{font-family:var(--font-display);font-size:var(--size-26);font-weight:var(--weight_regular);line-height:36px;color:var(--neutros-black);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.h-trivia-profile__name--long{font-size:18px;line-height:24px}.h-trivia-profile__info-content{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0;flex:1}.h-trivia-profile__info-content--row{flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;width:100%;min-width:0}.h-trivia-profile__info-content--row .h-trivia-profile__info-value,.h-trivia-profile__info-content--row .h-trivia-profile__name{flex:1;min-width:0}.h-trivia-profile__edit-button{display:inline-flex;align-items:center;justify-content:center;gap:0;background:0 0;border:none;padding:4px;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.h-trivia-profile__edit-button:hover{opacity:.8;text-decoration:underline}.h-trivia-profile__edit-button--secondary{font-size:var(--size-14);text-decoration:underline}.h-trivia-profile__edit-icon{width:16px;height:16px;display:block}.h-trivia-profile__info-label{font-family:var(--font-body);font-size:var(--size-12);font-weight:var(--weight_semibold);line-height:14px;color:var(--neutros-gray-700)}.h-trivia-profile__info-value{font-family:var(--font-body);font-size:var(--size-12);font-weight:var(--weight_regular);line-height:16px;color:var(--neutros-gray-900);white-space:nowrap}.h-trivia-profile__info-value--password{letter-spacing:2px}.h-trivia-profile__divider{height:0;width:100%;position:relative;margin:0}.h-trivia-profile__divider::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background-color:var(--neutros-black);opacity:.1}.h-trivia-profile__logout-button{border:1.029px solid var(--neutros-black);background-color:var(--neutros-white);border-radius:24.684px;height:51px;width:280px;display:flex;gap:0;align-items:center;justify-content:center;padding:0 16.456px;cursor:pointer;font-family:var(--font-body);font-size:16.456px;font-weight:var(--weight_semibold);line-height:16.456px;color:var(--neutros-black);letter-spacing:-.3291px;transition:background-color .3s ease,color .3s ease}.h-trivia-profile__logout-button:hover{background-color:var(--neutros-black);color:var(--neutros-white)}.h-trivia-profile__logout-button:active{opacity:.9}.h-trivia-profile__modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;isolation:isolate}.h-trivia-profile__modal[hidden]{display:none!important;pointer-events:none;visibility:hidden}.h-trivia-profile__modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);cursor:default;z-index:100000}.h-trivia-profile__modal-dialog{position:relative;z-index:100001;background-color:var(--neutros-white);border-radius:var(--radius_4xl);box-shadow:0 1px 6px 0 rgba(1,1,1,.08),0 5px 8px 0 rgba(1,1,1,.16);width:480px;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.h-trivia-profile__modal-dialog::-webkit-scrollbar{display:none}.h-trivia-profile__modal-content{padding:var(--spacing_m)}.h-trivia-profile__modal-content[hidden]{display:none}.h-trivia-profile__modal-title{font-family:Inter,Arial,sans-serif;font-size:var(--size-48);font-weight:var(--weight_regular);line-height:64px;color:var(--neutros-black);margin:0 0 var(--spacing_2xs);text-align:center}.h-trivia-profile__modal-description{font-family:var(--font-body);font-size:var(--size-14);font-weight:var(--weight_regular);line-height:1.4;color:var(--neutros-gray-700);margin:0 0 var(--spacing_m);text-align:start}.h-trivia-profile__modal-email{font-family:var(--font-body);font-size:var(--size-14);color:var(--neutros-gray-900);margin:0}.h-trivia-profile__verification-code{display:flex;gap:var(--spacing_2xs);width:100%;justify-content:space-between;min-width:0;margin-bottom:4px}@media (max-width:768px){.h-trivia-profile__verification-code{gap:var(--spacing_3xs)}}.h-trivia-profile__code-input{flex:1 1 0;min-width:0;max-width:100%;height:56px;padding:0;border:var(--stroke_s) solid var(--neutros-gray-500);border-radius:var(--radius_xl);background-color:var(--neutros-white);font-family:var(--font-body);font-size:var(--size-24);font-weight:var(--weight_semibold);text-align:center;color:var(--neutros-black);outline:0;transition:border-color .2s;box-sizing:border-box}.h-trivia-profile__code-input:focus{border-color:var(--neutros-black)}.h-trivia-profile__code-input::-webkit-inner-spin-button,.h-trivia-profile__code-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:768px){.h-trivia-profile__code-input{font-size:var(--size-18);height:48px}}.h-trivia-profile__modal-form{display:flex;flex-direction:column;gap:24px}.h-trivia-profile__form-group{display:flex;flex-direction:column;gap:var(--spacing_3xs)}.h-trivia-profile__form-label{font-family:var(--font-body);font-size:var(--size-12);font-weight:var(--weight_semibold);color:var(--neutros-gray-700)}.h-trivia-profile__input{width:100%;height:56px;padding:0 var(--spacing_1xs);border:var(--stroke_s) solid var(--neutros-gray-500);border-radius:var(--radius_xl);background-color:var(--neutros-white);font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_regular);line-height:100%;color:#333;outline:0;transition:border-color .2s;box-sizing:border-box}.h-trivia-profile__input::placeholder{color:#333}.h-trivia-profile__input:focus{border-color:var(--neutros-gray-500)}.h-trivia-profile__input--password{padding-right:48px}.h-trivia-profile__input--error{border-color:#c00}.h-trivia-profile__password-wrapper{position:relative;display:block;width:100%}.h-trivia-profile__toggle-password{position:absolute;right:var(--spacing_1xs);top:50%;transform:translateY(-50%);width:24px;height:24px;min-width:24px;min-height:24px;border:none;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--neutros-gray-900);padding:0;margin:0}.h-trivia-profile__toggle-password svg{width:24px;height:24px;flex-shrink:0;display:block}.h-trivia-profile__modal-actions{display:flex;flex-direction:column;gap:var(--spacing_1xs);width:100%;margin-top:0}.h-trivia-profile__modal-submit{width:280px;padding:var(--spacing_1xs) var(--spacing_xs);border:none;border-radius:var(--radius_full);font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_semibold);line-height:var(--size-22);text-align:center;cursor:pointer;transition:all .2s;align-self:center;background-color:var(--neutros-black);color:var(--neutros-white)}.h-trivia-profile__modal-submit:hover{background-color:var(--neutros-gray-900)}.h-trivia-profile__modal-submit:active{background-color:var(--neutros-gray-800)}.h-trivia-profile__modal-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.h-trivia-profile__modal-submit{width:100%}}.h-trivia-profile__modal-cancel{width:280px;padding:var(--spacing_1xs) var(--spacing_xs);border:var(--stroke_s) solid var(--neutros-black);border-radius:var(--radius_full);font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_semibold);line-height:var(--size-22);text-align:center;cursor:pointer;transition:all .2s;align-self:center;background-color:transparent;color:var(--neutros-black)}.h-trivia-profile__modal-cancel:hover{background-color:var(--neutros-gray-100)}.h-trivia-profile__modal-cancel:active{background-color:var(--neutros-gray-200)}@media (max-width:768px){.h-trivia-profile__modal-cancel{width:100%}}.h-trivia-list{width:100%;font-family:var(--font-body)}.h-trivia-list__container{display:flex;flex-direction:column;gap:var(--spacing_3xl)}.h-trivia-list__section{display:flex;flex-direction:column;gap:var(--spacing_xs)}.h-trivia-list__section-title{font-family:var(--font-title);font-size:var(--size-26);font-weight:var(--weight_semibold);line-height:14px;color:var(--neutros-gray-900);margin:0;text-transform:uppercase}.h-trivia-list__trivias{display:flex;flex-direction:column;gap:64px;position:relative;z-index:0}@media (max-width:768px){.h-trivia-list__trivias{overflow:visible}}.h-trivia-list__trivia-card{position:relative;background-color:var(--neutros-white);border-radius:var(--radius_4xl);min-height:210px;padding:var(--spacing_xs);padding-left:35%;display:flex;gap:var(--spacing_3xl);align-items:center;box-shadow:0 1px 6px 0 rgba(1,1,1,.08),0 5px 8px 0 rgba(1,1,1,.16);overflow:visible}@media (max-width:768px){.h-trivia-list__trivia-card{padding-top:180px;padding-left:var(--spacing_1xs);padding-right:var(--spacing_1xs);padding-bottom:var(--spacing_1xs);flex-direction:column;margin-top:40px;align-items:center;justify-content:center;overflow:visible}}@media (max-width:428px){.h-trivia-list__trivia-card{padding-top:190px}}@media (max-width:390px){.h-trivia-list__trivia-card{padding-top:170px}}.h-trivia-list__trivia-image{position:absolute;left:-40px;top:50%;transform:translateY(-50%) rotate(-2deg);width:250px;height:167px;border-radius:var(--radius_4xl);overflow:hidden;box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.6);z-index:2}@media (max-width:768px){.h-trivia-list__trivia-image{position:absolute;left:50%;top:-41.85px;transform:translateX(-50%) rotate(358deg);width:90%;height:180px;z-index:1}}.h-trivia-list__trivia-img{width:100%;height:100%;object-fit:cover}.h-trivia-list__trivia-placeholder{width:100%;height:100%;background-color:var(--neutros-gray-200);border-radius:var(--radius_4xl);display:flex;align-items:center;justify-content:center}.h-trivia-list__trivia-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing_1xs);align-items:flex-end;width:auto}@media (max-width:768px){.h-trivia-list__trivia-content{align-items:center;width:100%;text-align:center;gap:var(--spacing_1xs);position:relative;z-index:2}}.h-trivia-list__trivia-header{width:100%;display:flex;flex-direction:column;gap:4px;align-items:flex-start}@media (max-width:768px){.h-trivia-list__trivia-header{gap:4px;align-items:center}}.h-trivia-list__trivia-title{font-family:var(--font-title);font-size:var(--size-26);font-weight:var(--weight_regular);line-height:36px;color:var(--neutros-gray-900);margin:0;text-transform:uppercase}@media (max-width:768px){.h-trivia-list__trivia-title{font-size:var(--size-22);line-height:var(--size-32)}}.h-trivia-list__trivia-description{font-family:var(--font-body);font-size:var(--size-16);font-weight:var(--weight_regular);line-height:20px;color:var(--neutros-gray-600);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media (max-width:768px){.h-trivia-list__trivia-description{font-size:var(--size-14);line-height:var(--size-18)}}.h-trivia-list__trivia-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing_1xs)}@media (max-width:768px){.h-trivia-list__trivia-footer{flex-direction:row;justify-content:space-between}}.h-trivia-list__trivia-meta{font-family:var(--font-body);font-size:var(--size-12);font-weight:var(--weight_semibold);line-height:var(--size-14);color:var(--neutros-gray-600);margin:0}.h-trivia-list__trivia-points{font-family:var(--font-body);font-size:var(--size-12);font-weight:var(--weight_regular);line-height:var(--size-16);color:var(--neutros-gray-600);margin:0}.h-trivia-list__trivia-points-label{font-weight:var(--weight_regular)}.h-trivia-list__trivia-points-value{font-weight:var(--weight_semibold)}.h-trivia-list__participate-button{font-family:var(--font-body);font-size:var(--size-18);font-weight:var(--weight_semibold);line-height:22px;color:var(--neutros-white);background-color:var(--neutros-black);border:none;border-radius:var(--radius_full);padding:var(--spacing_1xs) var(--spacing_xs);min-width:160px;cursor:pointer;transition:opacity .3s ease}.h-trivia-list__participate-button:hover{opacity:.9}.h-trivia-list__participate-button:active{opacity:.8}