.favourite-toggle{border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:transparent;gap:var(--spacing-sm);color:var(--text-interactive-color)}.favourite-toggle__icon{position:relative;display:inline-block;width:20px;height:20px;background-image:url(/assets/heart-empty-xZWVz3wX.svg);background-size:contain;background-position:center;background-repeat:no-repeat;color:var(--text-interactive-color)}.favourite-toggle__icon__fill{position:absolute;inset:0;background-image:url(/assets/heart-ChcPlQGT.svg);background-size:contain;background-position:center;background-repeat:no-repeat;transition:clip-path .2s ease-in-out;clip-path:inset(100% 0 0 0)}.favourite-toggle--active .favourite-toggle__icon__fill{clip-path:inset(0 0 0 0)}.course-modal{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto}.course-modal hr{border-top:1px solid var(--yellow)}.course-modal__image{position:relative;aspect-ratio:16/6;width:100%;background-size:cover;flex-shrink:0}.course-modal__image>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--yellow);font-size:40px;opacity:.3}.course-modal__image__lock-gradient{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,0,0,.75),transparent)}.course-modal__image__lock-gradient img{position:absolute;top:var(--spacing-md);left:var(--spacing-md)}.course-modal__content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1 1 auto;gap:var(--spacing-md);max-height:100%;padding:var(--spacing-lg)}@container modal-content (width < 600px){.course-modal__content{display:flex;flex-direction:column}}.course-modal__content ul{list-style:none;margin:0;padding:0;color:var(--text-color)}.course-modal__content ul li{position:relative;padding-left:22px;margin-bottom:var(--spacing-xs)}.course-modal__content ul li:last-of-type{margin-bottom:0}.course-modal__content ul li:before{content:"";font-family:"Font Awesome 7 Pro";font-size:15px;font-weight:900;position:absolute;left:0;top:4px;background:var(--icon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.8px var(--icon-stroke)}.course-modal__content__dates{display:flex;gap:var(--spacing-xs);color:var(--yellow)}.course-modal__content__favourite{display:flex}.course-modal__content__title{margin:0}.course-modal__content__desc{display:flex;flex-direction:column;gap:var(--spacing-md)}.course-modal__content__desc__supplies ul li:before{content:""}.course-modal__content__data{display:flex;flex-direction:column;gap:var(--spacing-md);color:var(--text-color)}.course-modal__content__data h5{margin-bottom:var(--spacing-xs)}.course-modal__content__data span{font-size:var(--font-size-small)}.course-modal__content__start{max-width:240px}.game-modal{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto}.game-modal__image{position:relative;aspect-ratio:16/6;width:100%;background-size:cover;background-position:center;flex-shrink:0}.game-modal__image__logo{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-xl);max-width:300px;max-height:150px;object-fit:contain}.game-modal__content{position:relative;padding:var(--spacing-lg)}.modal-base{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-base__bg{position:fixed;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-base__content{container-type:inline-size;container-name:modal-content;position:absolute;display:flex;flex-direction:column;align-items:flex-start;background:var(--background-main-color);color:var(--text-color);border-radius:var(--border-radius);border:1px solid var(--text-interactive-color);left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--spacing-md) * 2);max-height:calc(100% - 2 * var(--spacing-xxl));max-width:var(--modal-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;overflow:clip}.modal-base__content__close{position:absolute;display:grid;place-items:center;top:var(--spacing-md);right:var(--spacing-md);border:none;font-size:20px;cursor:pointer;color:var(--text-interactive-color);z-index:3;background-color:var(--background-main-color);aspect-ratio:1;width:30px;border-radius:50%}@keyframes modal-bounce-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.modal-bg-enter{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.4s}.modal-bg-enter-start{opacity:0}.modal-bg-enter-end{opacity:1}.modal-bg-leave{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.4s}.modal-bg-leave-start{opacity:1}.modal-bg-leave-end{opacity:0}.modal-enter{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.4s}.modal-enter-start{opacity:0;transform:translate(-50%,-50%) scale(.95)}.modal-enter-end{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-leave{transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.2s}.modal-leave-start{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-leave-end{opacity:0;transform:translate(-50%,-50%) scale(.95)}.news-page-modal{padding:var(--spacing-md)}.accordion__header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;text-align:left;font-weight:700;padding:0;margin-bottom:var(--spacing-md);color:var(--yellow);overflow:hidden}.accordion__header__left{display:flex;align-items:center;gap:var(--spacing-sm)}.accordion__chevron{transition:transform .2s ease;color:var(--text-interactive-color);font-size:20px}.accordion__chevron--open{transform:rotate(180deg)}.course-card{display:flex;flex-direction:column;background:var(--background-main-color);height:100%;border:1px solid var(--yellow);border-radius:var(--border-radius);overflow:hidden;cursor:pointer}.course-card:disabled{cursor:auto}.course-card--low-opacity{opacity:.7}.course-card__newest{position:absolute;top:0;left:0;background-color:var(--background-main-color);color:var(--yellow);border:1px solid var(--yellow);border-top:none;border-left:none;font-size:var(--font-size-small);font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);border-bottom-right-radius:var(--border-radius)}.course-card__lock-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.course-card__icon{padding:var(--spacing-md);text-align:center}.course-card__img{display:flex;position:relative;aspect-ratio:326/168;width:100%;background-size:cover;background-position:center}.course-card__img>i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--yellow);font-size:40px;opacity:.3}.course-card__img__gradient{position:absolute;inset:0;background-image:linear-gradient(to top,rgba(0,0,0,.4),transparent 100%)}.course-card__img__type{position:absolute;display:flex;align-items:center;gap:var(--spacing-sm);bottom:0;margin:var(--spacing-sm);font-weight:700;color:var(--yellow);white-space:nowrap}.course-card__content{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);flex:1}.course-card__content h4{margin:0;color:var(--text-color)}.course-card__content__dates,.course-card__content__duration{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--yellow)}.course-card__content__duration{align-items:center}@container main-content (width < 400px){.course-card{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;height:130px}.course-card h4{font-size:var(--font-size-small);order:-1}.course-card__img{aspect-ratio:1;height:100%;width:120px;overflow:hidden;text-overflow:ellipsis}.course-card__img__type{font-size:var(--font-size-small)}.course-card__content{padding:var(--spacing-sm);gap:0}.course-card__content__dates{flex-direction:column;margin-top:auto}.course-card__content__dates span{display:none}.course-card__content__dates i{width:20px;text-align:left}.course-card__content__duration{margin-top:var(--spacing-xs)!important;gap:0!important}}.intro{position:relative;width:100%;aspect-ratio:16/6;max-height:35vh;overflow:hidden;visibility:inherit}.intro__bg{position:absolute;bottom:0;width:100%;height:100%;background-repeat:repeat-x;background-size:auto 200%;background-position:25% center}.intro__bg--back{background-image:url(/assets/app__background-1-CpIZgwgE.png)}.intro__bg--middle{background-image:url(/assets/app__background-2-BHsASg75.png)}.intro__bg--fore{background-image:url(/assets/app__background-3-D4R3aOEL.png)}.board{display:inline-block;position:absolute;top:50%;left:50%;transform:translateY(-50%);margin-left:auto;height:auto;background-size:100% 100%;background-image:url(/assets/backframe-Bbt3kuh0.png);padding:var(--spacing-lg);text-align:left}.board:before,.board:after{position:absolute;content:"";width:9px;height:200%;top:calc(100% - 1px);z-index:-1;background:var(--brown-1);border-right:2px solid var(--brown-2)}.board:before{left:50px}.board:after{right:50px}.board__title{color:#ffffffe6;text-shadow:-1px -2px rgba(0,0,0,.7),1px -2px rgba(0,0,0,.7);margin:var(--spacing-xs) 0;line-height:1;font-size:clamp(1.556rem,1.238rem + .952vw,2rem)}.library-filters{flex:1;min-height:0;display:flex;flex-direction:column}.library-filters__inner{display:flex;flex-direction:column;flex:1;min-height:0}.library-filters__header{flex-shrink:0;display:flex;align-items:center;padding:var(--spacing-md) 0;transition:.1s padding,.1s margin}.library-filters__header--open{padding:var(--spacing-md)}.library-filters__header--nav-bar-closed{margin-top:var(--spacing-lg)}.library-filters__toggle{flex-shrink:0;width:var(--hambuger-size);height:var(--hambuger-size);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-interactive-color);font-size:18px;cursor:pointer;padding:0}.library-filters__toggle:hover{color:var(--yellow)}.library-filters__items{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);padding-top:var(--spacing-md)}.game-update-block{display:flex;justify-content:flex-start;width:100%;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media screen and (max-width:480px){.game-update-block{flex-direction:column}}.game-update-block__logo{width:40%;flex-shrink:0;border-radius:10px;border:1px solid var(--yellow);background-size:cover;background-repeat:no-repeat;overflow:hidden;aspect-ratio:16/9}@media screen and (max-width:480px){.game-update-block__logo{width:100%}}.game-update-block__logo img{width:60%;margin:var(--spacing-md)}.game-update-block__content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.game-update-block__content h3{margin:0}.game-update-block__row{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--white)}.game-update-block__number{background:var(--yellow);color:var(--black);border-radius:100px;padding:3px var(--spacing-sm);font-weight:700;min-width:24px;text-align:center}.navigation-hamburger{position:fixed;top:var(--app-outer-border-size);left:var(--app-outer-border-size);z-index:101;width:var(--hambuger-size);height:var(--hambuger-size);border-radius:50%;background-color:var(--background-main-color);border:2px solid var(--blue-3);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-interactive-color);font-size:18px;transition:color .2s;box-shadow:0 2px 8px #0000003d;flex-shrink:0}.navigation-hamburger:hover{color:var(--yellow)}.navigation{position:fixed;top:0;left:0;height:100vh;width:0;overflow:hidden;background-color:var(--background-main-color);z-index:100;transition:width .3s ease}.navigation--open{width:var(--nav-width);overflow-y:auto}.navigation__inner{display:flex;flex-direction:column;min-height:100vh;width:var(--nav-width);padding-top:calc(var(--spacing-md) + var(--spacing-md) + var(--hambuger-size));padding-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.navigation__logo{flex-shrink:0;text-align:center}.navigation__logo a{display:inline-block}.navigation__logo__img{width:140px;height:auto;margin:0 auto}.navigation__items{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xs)}.navigation__bottom{flex-shrink:0}.nav-item{position:relative;display:flex;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-color);background:transparent;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;transition:background-color .15s;width:100%;font-size:1rem;text-align:left}.nav-item:hover{background-color:var(--blue-3);color:var(--text-color)}.nav-item--active{background-color:var(--background-content-color)}.nav-item--active:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--yellow)}.nav-item__icon{width:24px;height:24px;object-fit:contain;object-position:center;flex-shrink:0}.nav-item__grid{display:flex;flex-direction:column;gap:2px;overflow:hidden}.nav-item__grid span{overflow:hidden;text-overflow:ellipsis}.nav-item__grid small{color:var(--yellow)}.news-list__date{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--yellow)}.news-list__more{position:relative;max-height:160px}.news-list__more h3{position:sticky;top:0;background-color:var(--background-main-color);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.news-list__more a{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);text-decoration:none}.news-list__more a:hover{text-decoration:underline}.news-list__more a .title{color:var(--white)}.news-list__more a .date{margin-left:auto;color:var(--yellow);white-space:nowrap}.dashboard{display:grid;grid-template-columns:1fr 50%;gap:var(--spacing-lg);column-gap:calc(var(--app-inner-padding) * 4);padding:var(--app-inner-padding)}@media screen and (max-width:960px){.dashboard{display:flex;flex-direction:column}}.game{position:relative;width:100%;background-size:cover;background-position:center;overflow:hidden;cursor:pointer;display:block;text-decoration:none;color:inherit;border-radius:var(--app-outer-border-size);border:1px solid var(--yellow)}.game:before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94),filter .6s ease;z-index:0}.game:hover:before{transform:scale(1.07) rotate(-1deg);filter:brightness(.85)}.game__link{position:absolute;inset:0;z-index:2;opacity:0}.game__overlay{position:relative;z-index:1;background:linear-gradient(to bottom,#00000026,#000000bf);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:var(--app-content-padding);transition:background .6s ease}.game:hover .game__overlay{background:linear-gradient(to bottom,#00000040,#000000d9)}.game__logo{width:160px;object-fit:contain;margin-bottom:var(--spacing-sm);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.game__description{max-width:400px}:root{--base-size: 16px;--spacing-xs: .25rem;--spacing-sm: .6rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3.5rem;--app-content-width: 1440px;--app-content-width-minimal: 960px;--app-content-padding: var(--spacing-xl);--app-outer-border-size: var(--border-radius-lg);--modal-width: 960px;--nav-width: 240px;--hambuger-size: 44px;--filter-width: calc(var(--nav-width) + var(--spacing-lg) * 2);--input-height: 40px}@media screen and (max-width:960px){:root{--app-content-padding: var(--spacing-md);--app-outer-border-size: var(--spacing-sm)}}.library{display:flex;flex:1;min-height:0;overflow:hidden}.library__sidebar{flex-shrink:0;display:flex;flex-direction:column;width:var(--hambuger-size);overflow-x:hidden;transition:width .3s ease;background-color:var(--blue-opacity-2);border-right:1px solid var(--yellow)}.library__sidebar--open{width:var(--filter-width)}.library__content{flex:1;min-width:0;overflow-y:auto}.library__results-header{margin-bottom:var(--spacing-md);color:var(--text-alt-color);font-size:.9rem}.library__results-header strong{color:var(--text-color)}.library__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:max-content;gap:var(--spacing-md);transition:all .1s ease-in-out;container-type:inline-size;container-name:main-content}