#jlpt180-study-director .sd-nav .sd-nav-practice {
  --nav-a:#f4f8ff;
  --nav-b:#ddd9ff;
  --nav-ink:#4e4595;
  --nav-accent:#6f63de;
}

.sd-practice-room {
  min-width:0;
  min-height:1px;
}

.sd-practice-config {
  min-height:calc(100vh - 64px);
  padding:clamp(18px,3vw,42px);
  border:3px solid rgba(255,255,255,.9);
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(250,253,255,.94),rgba(236,226,255,.92) 52%,rgba(255,232,244,.92)),
    url("images/pk-lobby/lobby-bg-desktop.webp") center/cover no-repeat;
  box-shadow:0 24px 58px rgba(55,35,116,.2),inset 0 2px 0 #fff;
}

.sd-practice-config-head {
  display:flex;
  align-items:center;
  gap:18px;
  color:#261340;
}
.sd-practice-config-head img { width:112px; height:112px; object-fit:contain; filter:drop-shadow(0 12px 20px rgba(78,49,174,.24)); }
.sd-practice-config-head span { color:#bf2f87; font-size:11px; font-weight:900; letter-spacing:.13em; }
.sd-practice-config-head h2 { margin:4px 0 0; font-size:clamp(28px,3.3vw,46px); line-height:1.08; }
.sd-practice-config-head p { margin:7px 0 0; color:#68517f; font-size:13px; font-weight:800; }
#jlpt180-pk-app .sd-practice-level-tabs { grid-template-columns:1fr; }
#jlpt180-pk-app .sd-practice-level-tabs button:disabled { cursor:not-allowed; opacity:1; }
.sd-practice-config-foot {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(230px,.8fr);
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding:14px;
  border:2px solid rgba(255,255,255,.88);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(251,250,255,.94),rgba(229,219,255,.91));
  box-shadow:0 15px 34px rgba(42,23,101,.14),inset 0 1px 0 #fff;
}
.sd-practice-config-foot div { min-width:0; padding:8px 10px; }
.sd-practice-config-foot small { display:block; color:#8a3785; font-size:9px; font-weight:900; letter-spacing:.08em; }
.sd-practice-config-foot strong { display:block; margin-top:5px; color:#3d2865; font-size:13px; line-height:1.35; }
#jlpt180-pk-app .sd-practice-config-foot .pk-primary { min-height:56px; }
.sd-practice-config > [data-sd-practice-status] { margin:10px 4px 0; color:#66517b; font-size:12px; font-weight:800; }

.sd-mobile-more[hidden] { display:none!important; }

@media(min-width:901px) and (max-height:980px) {
  #jlpt180-study-director .sd-sidebar { padding-top:10px; padding-bottom:10px; }
  #jlpt180-study-director .sd-brand { padding-block:2px 4px; }
  #jlpt180-study-director .sd-brand-mark { font-size:25px; }
  #jlpt180-study-director .sd-brand-home { min-height:24px; margin-top:2px; }
  #jlpt180-study-director .sd-user-card { margin-top:4px; padding:8px; grid-template-columns:48px minmax(0,1fr); }
  #jlpt180-study-director .sd-user-avatar { width:48px; height:48px; }
  #jlpt180-study-director .sd-nav { gap:6px; margin-top:8px; }
  #jlpt180-study-director .sd-nav .sd-nav-item { min-height:50px; padding:5px 8px; grid-template-columns:38px minmax(0,1fr) 20px; gap:7px; border-radius:17px; }
  #jlpt180-study-director .sd-nav-icon { width:38px; height:38px; border-radius:12px; }
  #jlpt180-study-director .sd-nav-icon img { width:31px; height:31px; }
  #jlpt180-study-director .sd-nav-label { font-size:13px; }
  #jlpt180-study-director .sd-encourage { display:none; }
}

@media(max-width:900px) {
  #jlpt180-study-director .sd-bottom-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sd-mobile-more {
    position:fixed;
    inset:0;
    z-index:99995;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:12px 12px 86px;
  }
  .sd-mobile-more-backdrop {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    background:rgba(35,22,65,.42);
    backdrop-filter:blur(4px);
  }
  .sd-mobile-more > section {
    position:relative;
    z-index:1;
    width:min(430px,100%);
    padding:14px;
    border:3px solid rgba(255,255,255,.92);
    border-radius:28px;
    background:linear-gradient(145deg,#fffafc,#e9e1ff);
    box-shadow:0 24px 60px rgba(43,25,91,.32),inset 0 2px 0 #fff;
  }
  .sd-mobile-more header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; padding:0 4px; }
  .sd-mobile-more header strong { color:#3d2a69; font-size:18px; }
  .sd-mobile-more header button { width:38px; height:38px; border:0; border-radius:13px; color:#ce3d67; background:#fff; box-shadow:0 6px 12px rgba(63,40,121,.12); font-size:24px; cursor:pointer; }
  .sd-mobile-more section > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #jlpt180-study-director .sd-mobile-more .sd-nav-item {
    min-width:0;
    min-height:66px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border:2px solid rgba(255,255,255,.9);
    border-radius:18px;
    color:var(--nav-ink,#493970);
    background:linear-gradient(145deg,var(--nav-a,#fff),var(--nav-b,#eee7ff));
    box-shadow:0 9px 17px rgba(72,48,128,.11),inset 0 2px 0 #fff;
    text-align:left;
  }
  .sd-mobile-more .sd-nav-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:13px; background:#fff; }
  .sd-mobile-more .sd-nav-icon img { width:34px; height:34px; object-fit:contain; }
  .sd-mobile-more .sd-nav-label { min-width:0; font-size:12px; font-weight:900; line-height:1.2; overflow-wrap:anywhere; }
  .sd-mobile-more .sd-nav-arrow { display:none; }
}

#jlpt180-pk-app .sd-practice-fighter-image {
  width:64px;
  height:64px;
  display:block;
  border:3px solid rgba(255,255,255,.94);
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 7px 15px rgba(63,42,130,.2);
}

#jlpt180-pk-app .sd-practice-fighter-image.is-puppet {
  width:70px;
  height:70px;
  border:0;
  border-radius:0;
  object-fit:contain;
  box-shadow:none;
  filter:drop-shadow(0 7px 10px rgba(63,42,130,.18));
}

#jlpt180-pk-app .sd-practice-feedback {
  gap:7px;
}

#jlpt180-pk-app .sd-practice-feedback[hidden] { display:none!important; }
#jlpt180-pk-app .sd-practice-feedback.is-correct { background:linear-gradient(145deg,rgba(22,184,134,.98),rgba(39,139,216,.98)); }
#jlpt180-pk-app .sd-practice-feedback.is-wrong { background:linear-gradient(145deg,rgba(236,72,117,.97),rgba(145,69,214,.96)); }
#jlpt180-pk-app .sd-practice-feedback strong { font-size:clamp(30px,5vw,40px); line-height:1.1; }
#jlpt180-pk-app .sd-practice-feedback span { font-size:17px; font-weight:900; line-height:1.4; overflow-wrap:anywhere; }
#jlpt180-pk-app .sd-practice-feedback small { max-width:340px; font-size:14px; font-weight:900; line-height:1.45; opacity:1; overflow-wrap:anywhere; }
#jlpt180-pk-app .sd-practice-feedback button {
  min-width:190px;
  min-height:42px;
  margin-top:3px;
  padding:8px 16px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:14px;
  color:#5b37bd;
  background:#fff;
  box-shadow:0 8px 16px rgba(48,24,105,.16);
  font:900 13px/1.2 inherit;
  cursor:pointer;
}

#jlpt180-pk-app .pk-choice.is-correct-choice {
  border-color:#15a879!important;
  background:linear-gradient(145deg,#f0fff8,#c9f4df)!important;
  box-shadow:0 0 0 4px rgba(21,168,121,.16),0 13px 28px rgba(27,127,96,.13)!important;
}

#jlpt180-pk-app .pk-choice.is-wrong-choice {
  border-color:#e04474!important;
  background:linear-gradient(145deg,#fff6f9,#ffd9e5)!important;
}

#jlpt180-pk-app .pk-result .sd-practice-result-card {
  width:min(600px,100%);
  display:grid;
  justify-items:center;
  gap:12px;
  padding:28px 24px;
  border:3px solid rgba(255,255,255,.92);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(237,231,255,.94));
  box-shadow:0 24px 60px rgba(62,35,132,.24),inset 0 2px 0 #fff;
}

#jlpt180-pk-app .pk-result .sd-practice-result-card h2 { margin:0; }
#jlpt180-pk-app .pk-result .sd-practice-result-card p { margin:0; }
#jlpt180-pk-app .pk-result .sd-practice-result-rewards { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
#jlpt180-pk-app .pk-result .sd-practice-result-rewards strong { padding:10px 14px; border-radius:14px; color:#5c3fc0; background:#fff; box-shadow:0 8px 16px rgba(70,44,137,.1); }

@media(max-width:900px) {
  #jlpt180-pk-app .pk-exam-duel { display:none!important; }
  .sd-practice-config {
    min-height:calc(100vh - 88px);
    padding:14px 10px 100px;
    border-width:0;
    border-radius:0;
    background:
      linear-gradient(180deg,rgba(255,255,255,.12),rgba(236,226,255,.84)),
      url("images/pk-lobby/lobby-bg-mobile.webp") center top/cover no-repeat;
  }
  .sd-practice-config-head { gap:8px; padding:4px 5px 8px; }
  .sd-practice-config-head img { width:70px; height:70px; }
  .sd-practice-config-head h2 { font-size:25px; }
  .sd-practice-config-head p { font-size:10px; line-height:1.35; }
  #jlpt180-pk-app .sd-practice-config .pk-config { grid-template-columns:1fr; gap:10px; margin-top:6px; padding:11px; border-radius:20px; }
  #jlpt180-pk-app .sd-practice-config .pk-package-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sd-practice-config-foot { grid-template-columns:1fr 1fr; padding:10px; }
  .sd-practice-config-foot .pk-primary { grid-column:1/-1; }
}

@media(max-width:480px) {
  #jlpt180-pk-app .sd-practice-feedback { gap:7px; padding:20px 14px; border-radius:22px; }
  #jlpt180-pk-app .sd-practice-feedback strong { font-size:30px; }
  #jlpt180-pk-app .sd-practice-feedback span { font-size:16px; }
  #jlpt180-pk-app .sd-practice-feedback small { font-size:14px; line-height:1.4; }
  #jlpt180-pk-app .sd-practice-feedback button { min-height:38px; }
}