/* =========================================================
   V101 GLOBAL UI SCALE
   전체 사이트 크기 약 10% 확대
   ========================================================= */


/*
 * 데스크톱
 *
 * 기존 디자인/배치 비율은 그대로 두고
 * 전체 UI를 1.10배 확대
 */

body{
  zoom:1.10;
}


/* =========================================================
   상단 메뉴는 조금 더 여유 있게
   ========================================================= */

.topbar .nav,
[class*="-nav"]{
  min-height:68px;
}


.desktop-nav{
  gap:6px;
}


.desktop-nav .nav-btn{
  min-height:38px;

  padding-left:12px;
  padding-right:12px;
}


/* 로고 */

.brand,
[class*="-logo"]{
  font-size:22px !important;
}


/* =========================================================
   일반 버튼 / 입력폼
   ========================================================= */

button,
input,
select,
textarea{
  min-height:36px;
}


input,
select,
textarea{
  border-radius:8px;
}


/* =========================================================
   패널 / 카드
   너무 붙어 보이지 않도록 살짝 여유
   ========================================================= */

.panel,
[class*="-panel"],
.stat-card,
[class*="-card"]{
  line-height:1.45;
}


/* =========================================================
   DRAWER
   ========================================================= */

.recruit-drawer,
.player-stats-drawer{
  font-size:1.03em;
}


/* =========================================================
   관리자 로그인 버튼
   ========================================================= */

#adminButtonV99{
  min-height:42px !important;

  padding-left:15px !important;
  padding-right:15px !important;

  font-size:10px !important;
}


#adminCenterEntryV100{
  min-height:42px !important;

  padding-left:14px !important;
  padding-right:14px !important;

  font-size:10px !important;
}


/* =========================================================
   V97 통합검색
   이미 크게 만든 상태에서 너무 과하지 않게 유지
   ========================================================= */

.v97-dialog{
  width:min(
    960px,
    calc(100% - 34px)
  ) !important;
}


.v97-search-head{
  min-height:88px !important;
}


.v97-search-head input{
  font-size:22px !important;
}


.v97-result{
  min-height:82px !important;
}


.v97-result-main strong{
  font-size:15px !important;
}


.v97-result-main small{
  font-size:11px !important;
}


/* =========================================================
   관리자 로그인 모달
   ========================================================= */

.v99-admin-dialog{
  width:min(
    500px,
    calc(100% - 26px)
  ) !important;
}


.v99-admin-head h2{
  font-size:23px !important;
}


.v99-admin-head p{
  font-size:10px !important;
}


.v99-admin-body input{
  min-height:54px !important;

  font-size:16px !important;
}


.v99-admin-actions button{
  min-height:45px !important;

  font-size:10px !important;
}


/* =========================================================
   V100 관리자 센터
   ========================================================= */

.v100-shell{
  width:min(
    1260px,
    calc(100% - 32px)
  ) !important;
}


.v100-hero h1{
  font-size:32px !important;
}


.v100-hero p{
  font-size:11px !important;
}


.v100-stat{
  min-height:85px;
}


.v100-stat strong{
  font-size:20px !important;
}


.v100-stat small,
.v100-stat p{
  font-size:8px !important;
}


.v100-panel-head h2{
  font-size:16px !important;
}


.v100-shortcuts a,
.v100-shortcuts button{
  min-height:51px !important;

  font-size:10px !important;
}


.v100-row{
  min-height:63px !important;
}


.v100-row-main strong{
  font-size:11px !important;
}


.v100-row-main small{
  font-size:8px !important;
}


/* =========================================================
   독립 프로필
   ========================================================= */

.v71-shell,
.v72-shell{
  line-height:1.45;
}


.v95-section{
  padding:18px !important;
}


.v95-head h2{
  font-size:18px !important;
}


/* =========================================================
   경기 상세
   ========================================================= */

.v90-header h1{
  font-size:30px !important;
}


.v90-player{
  min-height:74px !important;
}


.v90-player-name > a,
.v90-player-name > strong{
  font-size:12px !important;
}


.v90-kda strong{
  font-size:12px !important;
}


/* =========================================================
   기록실
   ========================================================= */

.v91-hero h1{
  font-size:33px !important;
}


.v91-record-card{
  min-height:220px !important;
}


.v91-value{
  font-size:27px !important;
}


/* =========================================================
   챔피언 랭킹
   ========================================================= */

.v92-hero h1{
  font-size:31px !important;
}


.v92-card{
  min-height:77px !important;
}


.v92-name strong{
  font-size:13px !important;
}


/* =========================================================
   MVP / ACE
   ========================================================= */

.v94-hero h1{
  font-size:31px !important;
}


.v94-row{
  min-height:71px !important;
}


.v94-player strong{
  font-size:12px !important;
}


/* =========================================================
   케미 / 라이벌
   ========================================================= */

.v96-hero h1{
  font-size:31px !important;
}


.v96-row{
  min-height:67px !important;
}


.v96-player strong{
  font-size:11px !important;
}


/* =========================================================
   비교 모달
   ========================================================= */

.v98-dialog{
  width:min(
    760px,
    calc(100% - 28px)
  ) !important;
}


.v98-head h2{
  font-size:20px !important;
}


.v98-search{
  min-height:56px !important;
}


.v98-search input{
  font-size:14px !important;
}


.v98-player{
  min-height:70px !important;
}


/* =========================================================
   태블릿
   확대를 조금 줄임
   ========================================================= */

@media(max-width:1000px){

  body{
    zoom:1.07;
  }

}


/* =========================================================
   모바일
   모바일에서는 과도하게 확대되지 않도록
   ========================================================= */

@media(max-width:650px){

  body{
    zoom:1.04;
  }


  .topbar .nav,
  [class*="-nav"]{
    min-height:60px;
  }


  #adminButtonV99,
  #adminCenterEntryV100{
    min-height:36px !important;

    padding-left:9px !important;
    padding-right:9px !important;
  }


  .v97-dialog{
    width:
      calc(100% - 10px) !important;
  }

}