/* THE METER + THE VAULT + THE CLIMB — brand v3 */
.mt .mt-drop-card .drop{padding:30px 22px}
.mt-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.mt-keep{display:inline-flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);cursor:pointer}
.mt-keep input{width:auto;accent-color:var(--red)}
.mt-prog{margin-top:14px}
.mt-prog .mono{margin-top:6px}
.mt-rhead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.mt-rhead h2[contenteditable]{outline:none;border-bottom:1px dashed transparent;cursor:text}
.mt-rhead h2[contenteditable]:hover,.mt-rhead h2[contenteditable]:focus{border-bottom-color:var(--chrome-lo)}
.mt-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:520px;justify-content:flex-end}
.mt-acts select{padding:6px 28px 6px 10px;font-size:12px}
.mt-stats{margin:18px 0 8px}
.mt-stats .stat .v{font-size:32px}
.mt-stats .stat .v .of{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}
.mt-sub{display:flex;gap:8px 18px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:6px 0 4px}
.mt-h{font-family:var(--font-display);text-transform:uppercase;font-size:18px;letter-spacing:.02em;margin:26px 0 10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:400}
.mt-inline{width:auto;padding:5px 26px 5px 9px;font-family:var(--font-mono);font-size:10.5px;text-transform:none;letter-spacing:.04em}
.mt-checks{display:grid;gap:8px}
.mt-check{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2)}
.mt-check.bad{border-color:rgba(212,42,42,.5)}
.mt-check b{font-weight:600;font-size:14px}
.mt-check .pill{justify-content:center}
.mt-note{margin-top:8px;font-size:9.5px;color:var(--ash);letter-spacing:.1em;line-height:1.6}
.mt-note a{color:var(--chrome-hi)}
.mt-svgwrap{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2);padding:8px 8px 18px 34px}
.mt-svg{width:100%;height:150px;display:block}
.mt-line{fill:none;stroke:var(--chrome-hi);stroke-width:1.6}
.mt-line.ref{stroke:var(--chrome-mid);stroke-dasharray:5 4;stroke-width:1.3}
.mt-grid{stroke:rgba(244,243,240,.08);stroke-width:1}
.mt-lane{fill:rgba(236,238,242,.06)}
.mt-yl{position:absolute;left:4px;top:8px;bottom:18px;width:28px}
.mt-yl span{position:absolute;left:0;transform:translateY(-50%);font-family:var(--font-mono);font-size:9px;color:var(--ash)}
.mt-xl{position:absolute;left:34px;right:8px;bottom:2px;height:14px}
.mt-xl span{position:absolute;transform:translateX(-50%);font-family:var(--font-mono);font-size:9px;color:var(--ash)}
.mt-bands{display:grid;gap:6px;margin-top:12px}
.mt-band{display:grid;grid-template-columns:130px 1fr 78px;gap:12px;align-items:center}
.mt-bl b{display:block;font-size:13px;font-weight:600}
.mt-bl span{font-family:var(--font-mono);font-size:9.5px;color:var(--ash);letter-spacing:.06em}
.mt-bbar{position:relative;height:10px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line);overflow:visible}
.mt-bbar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--chrome-bar)}
.mt-bbar em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--chrome-mid);transform:translateX(-1px)}
.mt-bv{font-family:var(--font-mono);font-size:12px;text-align:right;color:var(--white)}
.mt-bv small{display:block;font-size:10px;color:var(--dim)}
.mt-bv small.hot{color:var(--white);text-decoration:underline;text-decoration-color:var(--chrome-lo)}
.mt-cmp{margin-top:14px}
.mt-corr{margin-top:6px}
.mt-cscale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--ash);letter-spacing:.08em;margin-bottom:5px}
.mt-cbar{position:relative;height:14px;border-radius:99px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(212,42,42,.35),rgba(244,243,240,.04) 50%,rgba(236,238,242,.22))}
.mt-cbar i{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:var(--white);transform:translateX(-1px);box-shadow:0 0 10px rgba(236,238,242,.5)}
.mt-list tr{cursor:pointer}
.mt-list tr.on td{background:rgba(236,238,242,.05)}
.mt-how summary{cursor:pointer;list-style:none}
.mt-how summary::-webkit-details-marker{display:none}
.mt-mini{margin:10px 0}
.mt-req p b{color:var(--white)}

/* THE VAULT */
.vt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:10px}
.vt-item{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:8px;min-height:120px;position:relative}
.vt-item .vt-thumb{aspect-ratio:16/10;border-radius:4px;overflow:hidden;background:#000;display:grid;place-items:center;color:var(--ash);font-family:var(--font-mono);font-size:10px}
.vt-item .vt-thumb img{width:100%;height:100%;object-fit:cover}
.vt-item .vt-name{font-size:12.5px;line-height:1.3;word-break:break-word}
.vt-item .vt-meta{font-family:var(--font-mono);font-size:9.5px;color:var(--ash);letter-spacing:.06em}
.vt-item audio{width:100%;height:30px}
.vt-group{margin-top:22px}
.vt-group h4{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 6px;font-weight:400;display:flex;justify-content:space-between;gap:10px}
.vt-group h4 a{color:var(--chrome-hi);text-decoration:none}

/* THE CLIMB */
.cl-wing{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center}
.cl-wing .cl-roman{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--chrome-lo);font-family:var(--font-display);font-size:20px}
.cl-wing.done .cl-roman{background:var(--chrome-grad);color:var(--black);border-color:transparent}
.cl-req{display:grid;gap:6px}
.cl-req div{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2);font-size:14px}
.cl-req div.on{border-color:var(--chrome-lo)}
.cl-req div i{width:14px;height:14px;border-radius:50%;border:1px solid var(--chrome-lo);display:inline-block}
.cl-req div.on i{background:var(--chrome-hi);border-color:transparent}
.cl-req .mono{font-size:10px}
.cert{position:relative;background:var(--panel);border:1px solid var(--chrome-lo);border-radius:var(--r);padding:44px 40px;text-align:center;overflow:hidden}
.cert::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--chrome-grad)}
.cert img{width:120px;filter:grayscale(1) contrast(1.35) brightness(1.15);margin:0 auto 14px;display:block}
.cert .cert-name{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(40px,6vw,72px);line-height:.95;margin:10px 0}
.cert .receipt{max-width:460px;margin:22px auto 0;text-align:left}
.mt-inline{max-width:100%}
.mt-inline-wrap{max-width:100%;display:inline-flex}
@media (max-width:560px){ .mt-stats{grid-template-columns:1fr 1fr!important;gap:8px} .mt-stats .stat{padding:12px 8px} .mt-stats .stat .v{font-size:24px} .mt-h{font-size:16px} .mt-inline,.mt-inline-wrap{width:100%} .mt-svgwrap{padding-left:28px} }
@media (max-width:560px){ .mt-band{grid-template-columns:90px 1fr 56px;gap:8px} .mt-check{grid-template-columns:1fr} .mt-acts{justify-content:flex-start} .cert{padding:30px 18px} .cl-wing{grid-template-columns:40px 1fr} .cl-wing .cl-roman{width:40px;height:40px;font-size:16px} .cl-wing > :last-child{grid-column:2} }
@media print{ .cert{border:1px solid #999;background:#fff;color:#111} .cert .cert-name{color:#111} .cert img{filter:grayscale(1) invert(1)} }