.FirstView_centerContainer2__ciA_B{display:flex;flex-direction:column;height:85vh;color:#fff;overflow:hidden;width:1200px}.FirstView_pageTitle__H9XyD{margin:16px;font-size:32px;font-weight:600}.FirstView_hidden__l5ufu{display:none}.FirstView_classTypeContainer__vIHM1{display:flex;padding:8px;gap:8px;justify-content:start}.FirstView_typeTab__twzu7{padding:8px 16px;border-radius:4px;cursor:pointer;user-select:none;transition:background .2s}.FirstView_typeTab__twzu7:hover{background:#777}.FirstView_typeTabActive__bScoL{background:#fff;color:#333;font-weight:700}.FirstView_centerInnerContainer2__jyyTf{display:flex}.FirstView_selectedContainer__UcXp0{background:rgba(99,99,99,.5);padding:16px;border-radius:10px}.FirstView_rowTitleBox__FWy_P{background:#fff;padding:8px;border-radius:4px 4px 0 0;text-align:center}.FirstView_rowTitleBox__FWy_P h2{margin:0;color:#333}.FirstView_rowNavContainer__ZVWUG{display:flex;align-items:center;gap:12px;justify-content:center}.FirstView_navButton__tlAIQ{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;transition:opacity .2s}.FirstView_navButton__tlAIQ:disabled{opacity:.3;cursor:default}.FirstView_rowInnerContainer__JW0DZ{overflow:hidden;width:100%;display:flex;gap:16px;border-radius:0 0 4px 4px;justify-content:center}.FirstView_rowBox__37dNv{background:rgba(0,0,0,.5);padding:12px;border-radius:28px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;width:33%;aspect-ratio:1/1}.FirstView_icon__FnPB_{width:40px;height:40px}.FirstView_rowBox__37dNv:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.FirstView_rowBox__37dNv h3{color:#ddd;font-size:24px}.FirstView_rowBox__37dNv .FirstView_charThumbnail__VEhBG{width:100%;height:100%;object-fit:contain}.FirstView_classNameBox__S_6hv{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px;gap:15px}.FirstView_mainCharacterImage__Ppzve{flex:1;background:#bbb;display:flex;align-items:center;justify-content:center}.FirstView_mainCharacterImage__Ppzve img{max-height:80vh;object-fit:contain}@media (min-width:769px) and (max-width:1200px){.FirstView_centerContainer2__ciA_B{width:100%}.FirstView_classTypeContainer__vIHM1{font-size:clamp(.7rem,1.2vw,1.5rem)}.FirstView_classNameBox__S_6hv h3{font-size:clamp(1rem,1.2vw,1.5rem)}.FirstView_classNameBox__S_6hv img{width:10%;max-width:30px;min-width:20px;height:auto}}@media (max-width:768px){.FirstView_pageTitle__H9XyD{font-size:1.5rem;margin:12px 0;text-align:start}.FirstView_classTypeContainer__vIHM1{padding:0 .2rem;overflow-x:auto;white-space:nowrap;margin-bottom:12px;width:100%;gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr)}.FirstView_typeTab__twzu7{display:inline-block;padding:.2rem .4rem;font-size:clamp(.8rem,1.5vw,1rem);margin-right:8px;display:flex;align-items:center;justify-content:center}.FirstView_centerContainer2__ciA_B{width:100%;flex-direction:column;align-items:stretch;gap:12px;padding:0 1rem;height:auto!important}.FirstView_centerInnerContainer2__jyyTf{flex-direction:column;align-items:stretch;gap:12px;padding:.2rem;width:100%}.FirstView_selectedContainer__UcXp0{width:100%;padding:0;height:auto;background:transparent}.FirstView_rowInnerContainer__JW0DZ{gap:1rem;justify-content:center;flex-direction:column}.FirstView_rowBox__37dNv{width:100%;height:50vh;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.FirstView_charThumbnail__VEhBG{height:80%!important;width:80%!important}.FirstView_classNameBox__S_6hv h3{font-size:1rem}.FirstView_mainCharacterImage__Ppzve{display:none}}