.mobile-nav,.mobile-quick{display:none}
.domain-migration{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px;padding:20px 24px;border:1px solid #cc7734;border-radius:17px;background:linear-gradient(110deg,#3a2113,#20150f)}
.domain-migration h2{font:normal 26px/1.15 Impact,'Arial Black',system-ui,sans-serif;text-transform:uppercase;margin:5px 0 7px;color:#ffe3ad}
.domain-migration p{font-size:14px;color:#f3dcc2;margin:0;max-width:640px}
.domain-migration .actions{flex:none}
.desktop-nav{overflow:visible;flex-wrap:wrap}
.home-more{padding:8px 2px 24px}
.home-more h2,.progress-actions h3,.recent-panel h3,.backup-panel h3{font-family:Impact,'Arial Black',system-ui,sans-serif;letter-spacing:.025em;text-transform:uppercase}
.home-more h2{font-size:28px;margin:0 0 5px}
.home-more p{color:var(--muted);font-size:14px;margin:0 0 16px;max-width:720px}
.study-disclosure{margin-top:20px;border-top:1px solid #6a4b30;padding-top:12px;color:var(--muted);font-size:13px}
.study-disclosure summary{cursor:pointer;color:#ffe2ab;font-weight:800;min-height:44px;display:list-item;align-content:center}
.study-disclosure p{margin:7px 0 0;line-height:1.55}
.practice-start{max-width:850px;margin:auto}
.practice-panel{padding:clamp(20px,4vw,34px)}
.practice-panel .formrow{gap:16px}
.practice-missed{margin:22px 0 12px;font-size:14px;min-height:44px}
.practice-missed input{width:20px;height:20px}
.time-estimate{background:#342315;border-left:3px solid var(--flame);padding:12px 15px;border-radius:8px;color:#f3dec0!important;font-size:14px!important;margin:0 0 22px!important}
.practice-more{margin:18px 0 0}
.text-link{background:none;border:0;color:#ffcf76;font-weight:800;padding:10px 0;text-align:left;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.text-link:hover{color:#fff0c9}
.progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.progress-actions,.recent-panel,.backup-panel{margin-top:16px}
.progress-actions .actions,.backup-panel .actions{align-items:stretch}
.progress-actions .btn,.backup-panel>.actions .btn{min-height:48px}
.recent-entry{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-top:1px solid #5c432e;padding:13px 0;color:#e8dccd}
.recent-entry:first-child{border-top:0}
.recent-entry strong{display:block;font-size:14px}
.recent-entry small{color:var(--muted)}
.recent-entry .recent-score{font-weight:850;color:#ffcf76;white-space:nowrap}
.confirm-panel{margin-top:20px;padding:20px;border:1px solid #bd713c;background:#2b1c14;border-radius:14px}
.confirm-panel h4{margin:0 0 8px;color:#ffe0a3;font-size:19px}
.confirm-panel p{margin:0 0 14px}
.confirm-panel .toggle{margin:14px 0;align-items:flex-start;max-width:620px}
.confirm-panel .toggle input{flex:none;margin-top:3px}
.progress-message{min-height:18px;margin:14px 0 0!important;color:#ffe0a3!important}
.progress-secondary{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}
.qa h2,.flashcard h2,.item .prompt,.reviewitem{overflow-wrap:anywhere}
.choice{min-height:70px}
@media(max-width:760px){
  .domain-migration{display:block;padding:18px}
  .domain-migration .actions{margin-top:15px;display:grid;grid-template-columns:1fr}
  .desktop-nav{display:none}
  .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#100d0bf5;border-top:1px solid #a35b26;box-shadow:0 -9px 28px #000a;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));backdrop-filter:blur(16px)}
  .mobile-nav .navbtn{display:grid;place-items:center;white-space:normal;min-width:0;min-height:52px;padding:6px 2px;font-size:12px;line-height:1.15;border-radius:10px;touch-action:manipulation}
  .mobile-nav .navbtn.active{background:#563016;border-color:#f2a13a;color:#fff2dc}
  main{padding-bottom:calc(95px + env(safe-area-inset-bottom))}
  .foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  #toast{bottom:calc(86px + env(safe-area-inset-bottom))}
  .mobile-quick{display:block;margin:0 0 16px;padding:17px;border:1px solid #8e572a;border-radius:17px;background:linear-gradient(125deg,#2d1d12,#17110e)}
  .mobile-quick h2{font:normal 23px/1.1 Impact,'Arial Black',system-ui,sans-serif;text-transform:uppercase;margin:0 0 12px;color:#fff2db}
  .mobile-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mobile-quick-grid .btn{min-height:58px;padding:8px 7px;font-size:13px;line-height:1.15;white-space:normal}
  .mobile-quick-grid .btn:first-child{grid-column:1/-1;font-size:15px;min-height:52px}
  #home .hero{margin-bottom:14px}
  #home .hero-copy .actions{display:none}
  #home .hero-copy{padding:19px}
  #home .hero-copy h1{font-size:clamp(30px,9vw,42px)}
  #home .hero-copy p{font-size:14px;margin:0}
  .home-more .actions .btn,.practice-panel .actions .btn,.progress-actions .actions .btn{width:100%}
  .progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .progress-stats .stat{min-width:0}
  .progress-actions .actions,.backup-panel>.actions{display:grid;grid-template-columns:1fr}
  .confirm-panel .actions{display:grid;grid-template-columns:1fr}
  .practice-panel .formrow{display:grid;grid-template-columns:1fr}
  .practice-panel .field{min-width:0}
  .qa{padding:18px}
  .qa h2{font-size:clamp(23px,6.5vw,28px)}
  .choice{min-height:72px;font-size:15px}
  .playhead{align-items:flex-start}
  .playhead .actions .btn{min-height:44px}
  .mocknav{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}
  .mockcell{min-height:44px}
  .results{padding:20px 16px}
}
@media(max-width:350px){.mobile-nav .navbtn{font-size:11px}.mobile-quick-grid .btn{font-size:12px}.brand b{font-size:16px}}
