@charset "utf-8";
/* CSS Document */

.hotarubi-trainer-profile{
  width:100%;
  max-width:100%;
  box-sizing:border-box;

  background:rgba(255,255,244,.78);
  border-radius:24px;
  padding:20px;

  box-shadow:0 10px 30px rgba(130,145,82,.10);
  color:#4c5138;
  overflow:hidden;
}

.hotarubi-trainer-head{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
  align-items:center;
  margin-bottom:18px;
}

.hotarubi-trainer-head img{
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:20px;

  padding:4px;
  background:linear-gradient(45deg,#8aa85a,#e0c15a);

  box-shadow:
    0 0 18px rgba(255,215,95,.30),
    0 8px 20px rgba(118,132,70,.20);
}

.hotarubi-trainer-head h2{
  margin:0;

  font-family:'Imperial Script',cursive;
  font-size:64px;
  line-height:.8;
  font-weight:400;

  color:#5f7137;

  text-shadow:
    0 0 18px rgba(255,222,112,.55),
    0 0 28px rgba(132,174,95,.22);
}

.hotarubi-trainer-head h2::first-letter{
  color:#d8b25d;
}

.hotarubi-trainer-head span{
  display:inline-block;
  margin-top:10px;
  padding:5px 14px;

  background:#fff9dc;
  border-radius:20px;

  color:#8aa85a;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:2px;
}

.hotarubi-trainer-info{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 12px;
  margin-bottom:20px;
}

.hotarubi-trainer-info p{
  margin:0;
  padding:9px 12px;

  background:#fff9dc;
  border-radius:16px;

  font-size:11px;
  line-height:1.6;
}

.hotarubi-trainer-info b{
  color:#596b35;
  text-transform:uppercase;
  font-size:9px;
  letter-spacing:1px;
}

.hotarubi-team-title{
  margin:0 0 14px;
  padding-bottom:6px;

  color:#8aa85a;
  border-bottom:1px dotted transparent;
  border-image:linear-gradient(90deg,#e0c15a,#8aa85a) 1;

  text-transform:uppercase;
  letter-spacing:2px;
  font-size:10px;
  font-weight:800;
}

.hotarubi-pokemon-team{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}

.hotarubi-pokemon-slot{
  position:relative;
  overflow:hidden;

  min-width:0;
  padding:14px 8px;

  background:
    radial-gradient(circle at top right,rgba(255,221,126,.25),transparent 40%),
    #fff9dc;

  border-radius:20px;
  text-align:center;

  box-shadow:0 6px 18px rgba(173,163,93,.14);
  transition:.35s ease;
}

.hotarubi-pokemon-slot:hover{
  transform:translateY(-4px);
  box-shadow:0 0 18px rgba(255,215,95,.35);
}

.hotarubi-pokemon-slot img{
  width:64px;
  height:64px;
  object-fit:contain;
  display:block;
  margin:0 auto 8px;
}

.hotarubi-pokemon-slot span{
  display:inline-block;

  color:#687045;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

@media(max-width:650px){
  .hotarubi-trainer-head{
    grid-template-columns:1fr;
    text-align:center;
  }

  .hotarubi-trainer-head img{
    margin:0 auto;
  }

  .hotarubi-trainer-info{
    grid-template-columns:1fr;
  }

  .hotarubi-pokemon-team{
    grid-template-columns:repeat(2, 1fr);
  }
}