/* =========================================================
   ENDZONE LAB / 推しチーム
   Mobile first
========================================================= */
.ezl-mt,
.ezl-mt *{box-sizing:border-box}

.ezl-mt{
  --navy:#102d50;
  --navy-2:#0b2340;
  --gold:#d6a722;
  --gold-soft:#f7d774;
  --text:#102d50;
  --muted:#718096;
  --line:#dfe7f0;
  --soft:#f6f8fb;
  position:relative;
  width:100%;
  margin:34px auto;
  padding:28px 22px 24px;
  overflow:hidden;
  border:1px solid #d9e3ee;
  border-radius:28px;
  background:#fff;
  color:var(--text);
  box-shadow:0 16px 38px rgba(16,45,80,.08);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
}

.ezl-mt-accent{
  position:absolute;
  top:0;left:0;bottom:0;
  width:6px;
  background:linear-gradient(180deg,#e9bb2f,#c99608);
}

.ezl-mt [hidden]{display:none!important}

.ezl-mt-head,
.ezl-mt-dashboard-head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  justify-content:space-between;
}

.ezl-mt-kicker{
  display:block;
  margin:0 0 10px;
  color:#c79100;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.ezl-mt h2{
  margin:0!important;
  padding:0!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1.45!important;
  letter-spacing:.01em!important;
}
.ezl-mt h2::before,.ezl-mt h2::after{content:none!important;display:none!important}

.ezl-mt-head p{
  margin:14px 0 0!important;
  color:var(--muted)!important;
  font-size:15px!important;
  line-height:1.85!important;
}

.ezl-mt-private{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  background:#eef4f9;
  color:#536a80;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.ezl-mt-setup-form{
  margin-top:22px;
  padding:18px;
  border-radius:20px;
  background:var(--soft);
}
.ezl-mt-setup-form label>span{
  display:block;
  margin:0 0 8px;
  color:#35475c;
  font-size:13px;
  font-weight:900;
}
.ezl-mt-select{
  width:100%;
  min-height:52px;
  padding:0 42px 0 15px;
  border:2px solid #d7e1ec;
  border-radius:15px;
  background:#fff;
  color:var(--navy);
  font-size:16px;
  font-weight:800;
}
.ezl-mt-select:focus{outline:3px solid rgba(214,167,34,.18);border-color:var(--gold)}

.ezl-mt-save{
  width:100%;
  min-height:54px;
  margin-top:12px;
  padding:12px 18px;
  border:0;
  border-radius:15px;
  background:var(--navy);
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
}
.ezl-mt-save:disabled{cursor:not-allowed;opacity:.42}
.ezl-mt-save:not(:disabled):active{transform:translateY(1px)}

.ezl-mt-privacy{
  margin:14px 2px 0!important;
  color:#8290a0!important;
  font-size:12px!important;
  line-height:1.7!important;
}

.ezl-mt-team-id{min-width:0}
.ezl-mt-team-title{display:flex;align-items:center;gap:12px;min-width:0}
.ezl-mt-team-title h2{font-size:25px!important;line-height:1.35!important}
.ezl-mt-abbr{
  flex:0 0 48px;
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:var(--navy);
  color:var(--gold-soft);
  font-size:15px;
  font-weight:1000;
  letter-spacing:.04em;
}
.ezl-mt-change{
  flex:0 0 auto;
  min-height:36px;
  padding:7px 12px;
  border:1px solid #d8e2ec;
  border-radius:999px;
  background:#fff;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.ezl-mt-game{
  margin-top:20px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(145deg,#102d50,#0b2340);
  color:#fff;
  box-shadow:0 10px 24px rgba(11,35,64,.12);
}
.ezl-mt-game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.ezl-mt-game-label{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;background:var(--gold);color:#102d50;font-size:11px;font-weight:1000}
.ezl-mt-game-week{color:#c5d2df;font-size:11px;font-weight:800;text-align:right}
.ezl-mt-matchup{display:grid;grid-template-columns:1fr;gap:14px}
.ezl-mt-date{padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.15)}
.ezl-mt-date strong{display:block;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:24px;line-height:1.3}
.ezl-mt-date span{display:block;margin-top:5px;color:#f7d774;font-size:16px;font-weight:900}
.ezl-mt-vs small{display:block;margin-bottom:6px;color:#aebed0;font-size:11px;font-weight:800}
.ezl-mt-vs>span{display:block;color:#aebed0;font-size:12px;font-weight:700}
.ezl-mt-vs strong{display:block;margin-top:3px;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:20px;line-height:1.35}
.ezl-mt-loading{padding:8px 0;color:#d2dce7;font-size:14px;font-weight:800}
.ezl-mt-no-game span{display:block;color:#f7d774;font-size:12px;font-weight:900}
.ezl-mt-no-game strong{display:block;margin-top:6px;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:17px;line-height:1.6}
.ezl-mt-no-game a{display:inline-block;margin-top:12px;color:#f7d774!important;text-decoration:none;font-weight:900;font-size:13px}

.ezl-mt-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.ezl-mt-action{
  min-width:0;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 8px;
  border:1.5px solid #d9e3ed;
  border-radius:14px;
  background:#fff;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  text-decoration:none!important;
  text-align:center;
  font-size:13px;
  font-weight:900;
  line-height:1.35;
  cursor:pointer;
}
.ezl-mt-action.is-primary{border-color:var(--navy);background:var(--navy);color:#fff!important;-webkit-text-fill-color:#fff!important}
.ezl-mt-action.is-light{background:#f8fafc;color:#5b6f84!important;-webkit-text-fill-color:#5b6f84!important}
.ezl-mt-action:active{transform:translateY(1px)}

.ezl-mt-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #e4ebf2;
  color:#8a98a8;
  font-size:11px;
  line-height:1.55;
}

.ezl-mt-message{display:none;margin-top:14px;padding:11px 13px;border-radius:12px;background:#eef5fb;color:#38536c;font-size:12px;font-weight:800;line-height:1.6}
.ezl-mt-message.is-show{display:block}
.ezl-mt-message.is-error{background:#fff1f2;color:#9f1239}
.ezl-mt-mobile-br{display:block}

@media(min-width:700px){
  .ezl-mt{padding:34px 38px 30px}
  .ezl-mt h2{font-size:32px!important}
  .ezl-mt-mobile-br{display:none}
  .ezl-mt-setup-form{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;align-items:end;padding:20px}
  .ezl-mt-save{margin-top:0}
  .ezl-mt-matchup{grid-template-columns:.8fr 1.2fr;gap:22px;align-items:end}
  .ezl-mt-date{padding-bottom:0;padding-right:20px;border-bottom:0;border-right:1px solid rgba(255,255,255,.15)}
  .ezl-mt-actions{grid-template-columns:repeat(4,1fr)}
  .ezl-mt-action{font-size:13px}
  .ezl-mt-meta{flex-direction:row;justify-content:space-between}
}

@media(max-width:380px){
  .ezl-mt{padding:24px 18px 22px;border-radius:22px}
  .ezl-mt h2{font-size:24px!important}
  .ezl-mt-team-title h2{font-size:21px!important}
  .ezl-mt-actions{grid-template-columns:1fr}
  .ezl-mt-head{display:block}
  .ezl-mt-private{margin-top:12px}
}
