.top-main{row-gap:18px;padding-bottom:var(--padding-xl)}.top-main::after{display:none}.top-menu{row-gap:14px}.exam-block{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-l)}.exam-block__heading{display:flex;align-items:center;justify-content:space-between;margin:0;padding:var(--padding-4xs) var(--padding-m);column-gap:9px;background-color:var(--color-main);color:var(--color-white);font-size:var(--font-m);font-weight:var(--font-weight-bold);line-height:var(--line-m)}.exam-block__heading-main{display:flex;align-items:center;column-gap:8px}.exam-block__heading [class^=icon-]{width:16px;height:16px}.exam-block__heading [class^=icon-]::before{background-color:var(--color-white)}.exam-block__edit{color:var(--color-white);font-size:var(--font-xs);font-weight:var(--font-weight-normal);text-decoration:underline;text-underline-offset:2px}.exam-block__edit-button{flex:0 0 auto;min-height:28px;padding:2px 14px;border:0;border-radius:999px;background-color:var(--color-white);color:var(--color-main);font-family:inherit;font-size:var(--font-s);font-weight:var(--font-weight-bold);line-height:1.4;cursor:pointer;box-shadow:0 2px 0 var(--color-main-pale)}.exam-block__edit-button:active{translate:0 2px;box-shadow:0 0 0 var(--color-main-pale)}.exam-block__body{display:flex;flex-direction:column;row-gap:10px;padding:var(--padding-xs);background-color:var(--color-main-pale2)}.exam-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;padding:var(--padding-xs) var(--padding-s);transition:var(--trans-button);border:2px solid var(--color-main-pale);border-radius:var(--radius-m);background-color:var(--color-white);box-shadow:0 2px 0 var(--color-main);color:var(--color-text);text-decoration:none}.exam-card:active{translate:0 2px;box-shadow:0 0 0 var(--color-main)}.exam-card__title{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;min-width:0}.exam-card__name{color:var(--color-main);font-size:var(--font-l);font-weight:var(--font-weight-bold)}.exam-card__goal{color:var(--color-gray);font-size:var(--font-xs)}.exam-card__count{display:flex;grid-row:1/3;grid-column:2;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:4px 8px;border-radius:var(--radius-s);background-color:var(--color-main-pale3);color:var(--color-main);line-height:1}.exam-card__count-label{font-size:var(--font-2xs);font-weight:var(--font-weight-bold)}.exam-card__count-num{margin-top:2px;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.exam-card__count-unit{margin-left:2px;font-size:var(--font-xs)}.exam-card__count-date{margin-top:3px;color:var(--color-gray);font-size:var(--font-2xs)}.exam-card__count--unset{background-color:transparent;border:2px dashed var(--color-main-pale);color:var(--color-main);font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-decoration:underline;text-underline-offset:2px}.exam-card__progress{grid-column:1;display:flex;align-items:center;column-gap:8px;font-size:var(--font-xs)}.exam-card__bar{flex:1;height:6px;overflow:hidden;border-radius:var(--radius-full);background-color:var(--color-main-pale2)}.exam-card__bar-fill{display:block;height:100%;border-radius:var(--radius-full);background-color:var(--color-main)}.exam-card__progress-text{white-space:nowrap;color:var(--color-gray)}.exam-card--add{display:flex;align-items:center;justify-content:center;column-gap:6px;min-height:44px;border:2px dashed var(--color-main-pale);border-radius:var(--radius-m);background:transparent;color:var(--color-main);font-size:var(--font-s);font-weight:var(--font-weight-bold);text-decoration:none}.exam-card--add [class^=icon-]{width:12px;height:12px}.exam-card--add [class^=icon-]::before{background-color:var(--color-main)}.study-block{display:flex;flex-direction:column;row-gap:8px}.study-block__heading{margin:0;padding-inline:2px;color:var(--color-main);font-size:var(--font-s);font-weight:var(--font-weight-bold)}.study-list{display:flex;flex-direction:column;row-gap:8px;margin:0;padding:0;list-style:none}.study-item{display:flex;align-items:center;column-gap:12px;padding:var(--padding-2xs) var(--padding-xs);transition:var(--trans-button);border:2px solid var(--color-main-pale);border-radius:var(--radius-m);background-color:var(--color-white);box-shadow:0 2px 0 var(--color-main);color:var(--color-text);text-decoration:none}.study-item:active{translate:0 2px;box-shadow:0 0 0 var(--color-main)}.study-item__icon{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-half);background-color:var(--color-main-pale3)}.study-item__icon [class^=icon-]{width:18px;height:18px}.study-item__icon [class^=icon-]::before{background-color:var(--color-main)}.study-item__body{display:flex;flex:1;flex-direction:column;min-width:0;row-gap:3px}.study-item__label{color:var(--color-main);font-size:var(--font-2xs);font-weight:var(--font-weight-bold)}.study-item__title{overflow:hidden;font-size:var(--font-s);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.study-item__meta{color:var(--color-gray);font-size:var(--font-xs)}.study-item__action{flex:0 0 auto;padding:7px 12px;border-radius:var(--radius-full);background-color:var(--color-main);color:var(--color-white);font-size:var(--font-xs);font-weight:var(--font-weight-bold);white-space:nowrap}.playstyle{display:flex;flex-direction:column;row-gap:8px;padding:var(--padding-xs);border:2px solid var(--color-main-pale);border-radius:var(--radius-l);background-color:var(--color-white)}.playstyle__head{display:flex;align-items:baseline;justify-content:space-between;column-gap:8px}.playstyle__heading{margin:0;color:var(--color-main);font-size:var(--font-s);font-weight:var(--font-weight-bold)}.playstyle__note{color:var(--color-gray);font-size:var(--font-2xs)}.playstyle__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.playstyle__button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:48px;padding:6px 4px;row-gap:2px;transition:var(--trans-button);border:2px solid var(--color-main-pale);border-radius:var(--radius-m);background-color:var(--color-white);color:var(--color-main);font-family:inherit;font-size:var(--font-s);font-weight:var(--font-weight-bold);cursor:pointer}.playstyle__button.is-current{border-color:var(--color-main);background-color:var(--color-main);color:var(--color-white)}.playstyle__button-sub{font-size:var(--font-2xs);font-weight:var(--font-weight-normal);opacity:.85}.unit-filter__tablist{overflow-x:auto;scrollbar-width:none}.unit-filter__tablist::-webkit-scrollbar{display:none}.unit-filter__tablist-button{flex:0 0 auto;font-size:var(--font-m);font-family:inherit;cursor:pointer}.unit-filter-panel__tablist-button{cursor:pointer}.unit-filter-panel__tablist-button.is-current{color:var(--color-main);font-weight:var(--font-weight-bold)}.unit-filter-panel__tablist-button.is-current .unit-filter-panel__tablist-button-text::after{display:block}.unit-filter-panel__tablist-button input{position:absolute;width:0;height:0;opacity:0}.unit-select__button,.list-widget-button,.button-select,.button-secondary,.button-icon,.button-hamburger{font-family:inherit;cursor:pointer}.catalog{display:flex;flex-direction:column;row-gap:16px;width:100%}.catalog__lead{margin:0;color:var(--color-gray);font-size:var(--font-xs)}.catalog__group{display:flex;flex-direction:column;row-gap:8px}.catalog__heading{margin:0;padding-inline:2px;color:var(--color-main);font-size:var(--font-s);font-weight:var(--font-weight-bold)}.catalog__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.catalog__item{display:flex;align-items:center;justify-content:space-between;column-gap:8px;min-height:48px;padding:8px 12px;transition:var(--trans-button);border:2px solid var(--color-main-pale);border-radius:var(--radius-m);background-color:var(--color-white);box-shadow:0 2px 0 var(--color-main);color:var(--color-text);font-size:var(--font-s);font-weight:var(--font-weight-bold);text-decoration:none}.catalog__item:active{translate:0 2px;box-shadow:0 0 0 var(--color-main)}.catalog__item.is-registered{background-color:var(--color-main-pale3)}.catalog__count{flex:0 0 auto;color:var(--color-gray);font-size:var(--font-2xs);font-weight:var(--font-weight-normal);white-space:nowrap}.catalog__item.is-registered .catalog__count{color:var(--color-main);font-weight:var(--font-weight-bold)}@media screen and (min-width:1025px){.catalog__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.ly-two-column,.gameselect-main,.game-card-list{min-width:0;max-width:100%}.ranking-page__heading{width:100%;margin:0;padding:4px 2px 0;color:var(--color-main);font-size:18px;font-weight:var(--font-weight-bold)}.ranking-page__lead{width:100%;margin:0;padding-inline:2px;color:var(--color-gray);font-size:var(--font-xs)}.ranking-card__rank{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-half);background-color:var(--color-main);color:var(--color-white);font-size:var(--font-s);font-weight:var(--font-weight-bold)}.ranking-card__rank--top{background-color:var(--color-accent)}.ranking-links{width:100%;margin-top:8px;padding:14px var(--padding-3xs);background-color:var(--color-main-pale2)}.ranking-links+.ranking-links{margin-top:-10px;padding-top:0}.ranking-links__heading{margin:0 0 8px;color:var(--color-main);font-size:14px;font-weight:var(--font-weight-bold)}.ranking-links__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ranking-links__item{display:inline-block;padding:6px 12px;border:2px solid var(--color-main-pale);border-radius:var(--radius-full);background-color:var(--color-white);color:var(--color-main);font-size:13px;font-weight:var(--font-weight-bold);text-decoration:none;white-space:nowrap}.ranking-links__item.is-current{border-color:var(--color-main);background-color:var(--color-main);color:var(--color-white)}a.unit-filter__tablist-button{display:inline-block;text-align:center;text-decoration:none;cursor:pointer}.mission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.mission-card{display:flex;flex-direction:column;row-gap:4px;min-height:84px;padding:var(--padding-2xs) var(--padding-xs);transition:var(--trans-button);border:2px solid var(--color-main-pale);border-radius:var(--radius-m);background-color:var(--color-white);box-shadow:0 2px 0 var(--color-main);color:var(--color-text);text-decoration:none}.mission-card:active{translate:0 2px;box-shadow:0 0 0 var(--color-main)}.mission-card__course{color:var(--color-main);font-size:var(--font-2xs);font-weight:var(--font-weight-bold)}.mission-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--font-m);font-weight:var(--font-weight-bold);line-height:1.35}.mission-card__unit{margin-top:auto;color:var(--color-gray);font-size:var(--font-2xs)}.game-card__text{font-size:var(--font-m)}.game-card__heading{font-size:var(--font-m)}.legend__text{font-size:var(--font-xs)}.user-information__image{display:flex;align-items:center;justify-content:center;color:var(--color-main-pale)}.user-information__image svg{width:60%;height:60%}.navigation-sub-menu{width:208px}.question-sign-image{display:flex;justify-content:center;gap:12px;margin:10px auto 0}.question-sign-image img{display:block;width:96px;height:96px;object-fit:contain;background-color:#fff;border:1px solid #d9dfe8;border-radius:8px;padding:4px}.question-sign-image{display:flex;justify-content:center;gap:12px;margin:10px auto 0}.question-sign-image img{display:block;width:96px;height:96px;object-fit:contain;background-color:#fff;border:1px solid #d9dfe8;border-radius:8px;padding:4px}.segment-toggle{display:flex;position:relative;column-gap:0;padding:3px;border:2px solid var(--color-main-pale);border-radius:var(--radius-full);background-color:var(--color-main-pale3);touch-action:pan-y;user-select:none}.segment-toggle::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--radius-full);background-color:var(--color-main);box-shadow:0 1px 3px rgb(0 0 0/.25);transition:translate .22s ease}.segment-toggle:has(.button-select--primary:last-child)::before{translate:100% 0}.segment-toggle.is-dragging:has(.button-select)::before{transition:none;translate:var(--seg-drag,0) 0}.segment-toggle.is-dragging{cursor:grabbing}.segment-toggle .button-select{position:relative;z-index:1;flex:1 1 0;min-width:0;min-height:36px;border:0;border-radius:var(--radius-full);background-color:transparent;box-shadow:none;transition:color .22s ease;-webkit-user-drag:none}.segment-toggle .button-select--secondary{color:var(--color-main)}.segment-toggle .button-select--primary{color:var(--color-white);font-weight:var(--font-weight-bold)}.segment-toggle .button-select:active:not(.is-disabled){box-shadow:none;translate:none}@media(prefers-reduced-motion:reduce){.segment-toggle::before,.segment-toggle .button-select{transition:none}}.gameselect-list-wrap__buttons .button-select:active:not(.is-disabled){box-shadow:none;translate:none}