/* Word Guardians v1.9.5 — larger 3:00 answer-healing milestone */
.wgHealMilestone{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 14px 14px;background:#00111d66;backdrop-filter:blur(3px)}
.wgHealCard{width:min(520px,100%);display:grid;grid-template-columns:auto 1fr;gap:16px;margin-top:18px;padding:18px;border:1px solid #efc766b8;border-radius:20px;background:linear-gradient(145deg,#073b55f7,#04273cf7 62%,#052036f8);box-shadow:0 18px 40px #0009,inset 0 1px #ffffff18;color:#fff7df}
.wgHealBadge{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;border:1px solid #8ff0c4aa;background:radial-gradient(circle at 35% 30%,#8ff0c433,#0c604a 55%,#07372d);color:#b9ffd9;font:900 1.82rem/1 Georgia;text-shadow:0 0 12px #7df0bd99;box-shadow:inset 0 1px #ffffff20,0 6px 14px #0006}
.wgHealCopy{min-width:0}
.wgHealCopy small{display:block;color:#ffe18a;font-size:.68rem;font-weight:950;letter-spacing:.08em}
.wgHealCopy h2{margin:5px 0 9px;font:900 1.52rem/1.1 Georgia,serif;color:#fff0bd}
.wgHealCopy p{margin:0;color:#d8eeee;font-size:.9rem;line-height:1.48}
.wgHealCopy p b{color:#b9ffd9}
.wgHealScale{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 11px}
.wgHealScale span{display:block;padding:9px 5px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0b;text-align:center;color:#b9ffd9;font-size:.8rem;font-weight:900}
.wgHealScale b{display:block;color:#ffe18a;font-size:.64rem}
.wgHealFine{font-size:.74rem!important;color:#9fc8ca!important}
#wgHealContinue{width:100%;min-height:48px;margin-top:13px;border:1px solid #fff0a8;border-radius:12px;background:linear-gradient(#ffe18a,#d7a23f);color:#082f4b;font-size:.96rem;font-weight:950;box-shadow:0 6px 14px #0005}
@media(max-width:600px){
  .wgHealMilestone{padding-top:max(10px,env(safe-area-inset-top));background:#00111d55;backdrop-filter:blur(2px)}
  .wgHealCard{width:min(520px,100%);margin-top:8px;gap:12px;padding:14px;border-radius:17px}
  .wgHealBadge{width:46px;height:46px;border-radius:12px;font-size:1.46rem}
  .wgHealCopy small{font-size:.64rem}
  .wgHealCopy h2{font-size:1.38rem;margin:4px 0 8px}
  .wgHealCopy p{font-size:.86rem;line-height:1.44}
  .wgHealScale{gap:5px;margin:11px 0 9px}
  .wgHealScale span{padding:8px 3px;font-size:.76rem}
  .wgHealScale b{font-size:.58rem}
  .wgHealFine{font-size:.70rem!important}
  #wgHealContinue{min-height:48px;margin-top:10px;font-size:.94rem}
}
