/* HT+ Builder 2.0 — Build comparison (Phase 4) */
.htbm-cmp{position:absolute;top:8px;inset-inline-start:8px;display:inline-flex;align-items:center;gap:5px;background:rgba(13,18,32,.72);border:1px solid #2a2f3e;border-radius:9px;color:#e7ecf5;font-size:11.5px;font-weight:700;padding:4px 9px;cursor:pointer}
.htbm-cmp input{accent-color:var(--v3-acc,#f5b301);cursor:pointer}

#htbm-cmpbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:99998;display:flex;align-items:center;gap:14px;background:#141926;border:1px solid #2a2f3e;border-radius:14px;padding:12px 20px;box-shadow:0 16px 40px rgba(0,0,0,.5);color:#e7ecf5;font-size:13.5px}
#htbm-cmpbar button{background:var(--v3-acc,#f5b301);border:0;color:#1a1006;border-radius:10px;padding:8px 18px;font-weight:800;cursor:pointer;font-size:13px}

#htbc-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center}
.htbc-box{position:relative;width:min(96vw,820px);max-height:88vh;display:flex;flex-direction:column;background:#141926;border:1px solid #2a2f3e;border-radius:18px;color:#e7ecf5;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
.htbc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #222a38}
.htbc-head b{font-size:16px}
.htbc-scroll{overflow:auto;padding:6px 8px 14px}
.htbc-tbl{width:100%;border-collapse:collapse;font-size:13px}
.htbc-tbl th,.htbc-tbl td{padding:9px 12px;text-align:center;border-bottom:1px solid #1a2130;white-space:nowrap}
.htbc-tbl thead th{position:sticky;top:0;background:#141926;color:#f5b301;font-size:13px;z-index:1}
.htbc-tbl thead th:first-child,.htbc-lbl{text-align:start;color:#93a0b8;font-weight:700}
.htbc-hero td,.htbc-hero .htbc-lbl{font-size:15px;font-weight:800;border-bottom:1px solid #2a2f3e}
.htbc-win{color:var(--v3-ok,#34d399);font-weight:800}
.htbc-crown{font-size:9px;vertical-align:middle}
body.ht-light #htbm-cmpbar,body.ht-light .htbc-box{background:#fff;color:#1c2130;border-color:#e3e7ef}
body.ht-light .htbc-tbl thead th{background:#fff}
body.ht-light .htbc-tbl th,body.ht-light .htbc-tbl td{border-color:#eef1f6}
body.ht-light .htbm-cmp{background:rgba(255,255,255,.85);color:#1c2130;border-color:#e3e7ef}
@media(max-width:560px){.htbc-tbl th,.htbc-tbl td{padding:7px 8px;font-size:12px}}