:root{--navy:#14284a;--navy2:#0d1b33;--orange:#f28c28;--sky:#6cc4ee;--ink:#e8eef8;--muted:#9fb0cc;--grad:linear-gradient(90deg,#1fa34a 0%,#9ccc3a 30%,#f2c02c 50%,#f28c28 70%,#d7263d 100%)}
*{box-sizing:border-box}html,body{margin:0;background:var(--navy2);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--navy);border-bottom:4px solid var(--orange)}
header img{height:44px}header .t{font-weight:700;font-size:1.1rem}header .sub{color:var(--muted);font-size:.9rem}
.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:700;font-size:.85em;text-transform:uppercase;letter-spacing:.05em}
.b-idle{background:#33415c}.b-open{background:#1fa34a}.b-closed{background:#d7263d}.b-revealed{background:var(--orange);color:#1b1b1b}
button{font:inherit;border:0;border-radius:12px;padding:12px 20px;font-weight:700;cursor:pointer;background:#2a3f66;color:#fff}
button.primary{background:var(--orange);color:#1b1b1b}button:disabled{opacity:.4;cursor:default}
.track{position:relative;height:56px;border-radius:12px;background:var(--grad);overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff22}
.track .mask{position:absolute;top:0;right:0;bottom:0;background:#0d1b33b3}
.track .val{position:absolute;top:0;bottom:0;display:flex;align-items:center;font-weight:800;font-size:1.6rem;padding:0 12px;color:#fff;text-shadow:0 1px 3px #000}
.ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;margin-top:4px}
.c0{background:#d7263d}.c1{background:#2f7fd1}.c2{background:#e5a100}.c3{background:#1fa34a}
.shape{display:inline-block;width:1.4em;text-align:center}

.brand-footer{line-height:1.35}
.brand-footer-line{display:block}
/* Hangar7 credit: readable on TSS black (#d0d0d0 ≈13:1 on #000); link in Schiff red */
.hangar-credit{display:block;margin-top:6px;font-size:.9em;color:#d0d0d0;opacity:1;letter-spacing:.01em}
.hangar-credit a,.hangar-credit a.hangar-credit-link{color:#e31c23;text-decoration:underline;text-underline-offset:2px;opacity:1}
.hangar-credit a:hover{color:#ff5a5f;opacity:1}
.brand-footer-line a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.brand-footer-line a:hover{opacity:.85}