/* Compact HQ only; existing instructor and round screens remain untouched */
.hqc-wrap{max-width:1240px;margin:24px auto 12px;color:#302c4f}
.hqc-wrap *{box-sizing:border-box}
.hqc-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}
.hqc-top h1{font-size:clamp(26px,2.4vw,36px);line-height:1.2;margin:4px 0 5px;font-weight:1000}
.hqc-top p{margin:0;font-size:14px;color:#69627d}
.hqc-kicker{font-weight:1000;color:#ad5f22;font-size:11px;letter-spacing:1.6px}
.hqc-xp{display:grid;justify-items:end;flex-shrink:0;padding:11px 19px;border-radius:20px;background:#fff8e6;border:2px solid #fff8ee;box-shadow:0 5px 0 #d7a36d}
.hqc-xp span,.hqc-xp small{font-size:11px;color:#69627d}
.hqc-xp strong{font-size:27px;color:#249d71;line-height:1.2}
.hqc-main{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(170px,.7fr) minmax(300px,1fr);align-items:stretch;gap:16px}
.hqc-current,.hqc-mascot,.hqc-summary,.hqc-footer{border:3px solid #fff9ef;border-radius:26px;background:linear-gradient(155deg,#fff9e6,#ffe9b0);box-shadow:0 6px 0 #d4a166;min-width:0}
.hqc-current{padding:24px;display:flex;flex-direction:column;justify-content:center}
.hqc-inline{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.hqc-tag{border-radius:20px;padding:5px 10px;background:#f2e5d2;color:#715b47;font-size:10px;font-weight:900}
.hqc-tag-green{background:#daf4d1;color:#347a40}
.hqc-current-icon{font-size:48px;margin:17px 0 10px}
.hqc-round-label{font-size:11px;letter-spacing:1.25px;color:#b36427;font-weight:1000}
.hqc-current h2{font-size:clamp(27px,3vw,39px);line-height:1.13;margin:9px 0 10px;font-weight:1000}
.hqc-current>p{font-size:15px;line-height:1.52;color:#615a71;margin:0 0 20px;max-width:390px}
.hqc-action-row{display:flex;gap:9px;flex-wrap:wrap}
.hqc-action-row .btn{min-height:48px;font-size:13px;padding:12px 17px;white-space:nowrap}
.hqc-money{font-size:12px;margin-top:20px;padding-top:12px;border-top:1px solid #edca92;display:flex;justify-content:space-between;gap:8px}.hqc-money strong{white-space:nowrap}
.hqc-mascot{position:relative;overflow:hidden;min-height:345px;background:#ffe0a4;display:flex;flex-direction:column}
.hqc-mascot img{display:block;width:100%;height:260px;object-fit:cover;object-position:center 23%;flex:1;min-height:0}
.hqc-fizz-message{background:#fff7e3;padding:12px 14px;display:grid;gap:4px;font-size:12px;line-height:1.35;text-align:center;min-height:78px}
.hqc-fizz-message b{font-size:11px;color:#9c4c1f}
.hqc-summary{padding:20px 17px}
.hqc-summary-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hqc-summary-title strong{font-size:24px;color:#249d71}
.hqc-meter{height:9px;background:#e4d0a8;border-radius:20px;overflow:hidden;margin-top:6px}
.hqc-meter span{height:100%;background:linear-gradient(90deg,#68d5c9,#60aaff);display:block}
.hqc-summary h3{margin:13px 0;font-size:20px}
.hqc-round-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hqc-round{appearance:none;cursor:pointer;display:flex;gap:8px;align-items:center;text-align:left;background:#fffaf0;border:2px solid #e9d6ae;border-radius:14px;padding:10px 9px;min-width:0;transition:background .15s,transform .15s;color:#322d4d}
.hqc-round:hover:not(:disabled){transform:translateY(-2px);background:white}
.hqc-round.is-current{border-color:#9672ec;background:#f2eaff}
.hqc-round.is-done{border-color:#a8d9ba}
.hqc-round:disabled{cursor:default;opacity:.65}
.hqc-round-number{font-size:20px}
.hqc-round-copy{display:grid;gap:2px;min-width:0;flex:1}
.hqc-round-copy b{font-size:11px}.hqc-round-copy small{font-size:10px;line-height:1.2;color:#6c6576}
.hqc-round-status{font-size:13px;font-weight:900;color:#218963}
.hqc-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;margin-top:16px}
.hqc-footer div{display:grid;gap:4px;min-width:0}.hqc-footer b{font-size:11px;color:#a65b27;letter-spacing:1px}.hqc-footer span{font-size:12px;color:#6b6275}
.hqc-footer .btn{font-size:12px;padding:10px 15px;min-height:42px;flex-shrink:0}
.hqc-loading{background:#fff4d4;border-radius:22px;padding:40px}
@media(max-width:1040px){.hqc-main{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}.hqc-mascot{display:none}}
@media(max-width:680px){.hqc-top{align-items:flex-start}.hqc-top h1{font-size:24px}.hqc-xp{padding:8px 10px}.hqc-xp strong{font-size:19px}.hqc-main{grid-template-columns:1fr}.hqc-current{padding:20px}.hqc-current-icon{margin:11px 0 5px}.hqc-footer{align-items:stretch;flex-direction:column}.hqc-footer .btn{width:100%}.hqc-round-copy small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hqc-round{transition:none}}