[data-window-type="reset-tracker"] .retro-window { box-sizing: border-box; background: #242438; box-shadow: 0 12px 32px #0009, inset 1px 1px #9898bd, inset -1px -1px #050510; }
[data-window-type="reset-tracker"] .title-bar { flex-shrink: 0; background: linear-gradient(90deg, #24104a, #7c147f 55%, #dd4969); color: #fff; }
[data-window-type="reset-tracker"] .title-bar.inactive { background: linear-gradient(90deg, #3d354b, #68576f); }
[data-window-type="reset-tracker"] .retro-window.show-content .reset-content { flex: 1; min-height: 0; height: auto; overflow: auto; padding: 0; background: #0c0d1b; }
[data-window-type="reset-tracker"] .retro-window.measure-reset { display: block; visibility: hidden; height: auto; }
[data-window-type="reset-tracker"] .retro-window.measure-reset .reset-content { display: block; height: auto; overflow: visible; padding: 0; }
[data-window-type="reset-tracker"] .retro-window.measure-reset .reset-tracker { min-height: 0; }
.reset-tracker { min-height: 100%; display: flex; flex-direction: column; color: #f0edff; background: radial-gradient(circle at 82% 15%, #471747, transparent 42%), repeating-linear-gradient(0deg, #101125 0 2px, #0c0d1b 2px 4px); font: 12px/1.4 monospace; }
.reset-masthead { display: flex; align-items: end; justify-content: space-between; gap: 8px; padding: 18px 20px 12px; border-bottom: 2px solid #ff4f99; }
.reset-brand { color: #fff; font: italic 900 clamp(32px, 8vw, 50px)/.9 Arial, sans-serif; letter-spacing: -3px; text-shadow: 3px 3px #ef287c, 6px 6px #4920a1; }
.reset-brand > span { color: #70fff0; }
.reset-ext { font-size: 19px; letter-spacing: -1px; }
.reset-build { color: #76fff1; text-align: right; white-space: nowrap; font-size: 10px; }
.reset-marquee { overflow: hidden; white-space: nowrap; padding: 7px 0; color: #101021; background: #74f6ec; font-weight: bold; letter-spacing: 2px; }
.reset-marquee-track { display: flex; width: max-content; animation: reset-scroll 16s linear infinite; }
.reset-marquee-copy { flex: 0 0 auto; white-space: pre; animation: reset-rainbow 1.8s steps(6) infinite; }
.reset-marquee-wave { display: inline-block; animation: reset-text-wave 1.3s ease-in-out infinite; }
.reset-body { flex: 1; padding: 15px 20px 12px; }
.reset-label { color: #c5a5df; font-size: 10px; letter-spacing: 1px; }
.reset-hero { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.reset-forecast-core { display: flex; align-items: center; gap: 14px; min-width: 0; }
.reset-gap-panel { flex: 0 0 122px; align-self: stretch; padding: 7px; border: 1px solid #705184; background: #17142c; color: #bfaccb; font-size: 9px; }
.reset-gap-panel > span, .reset-gap-panel small { display: block; white-space: nowrap; }
.reset-gap-panel small { font-size: 8px; }
.reset-gap-bars { display: flex; align-items: end; gap: 3px; height: 41px; margin: 4px 0; border-bottom: 1px solid #705184; }
.reset-gap-bars span { flex: 1; min-width: 0; background: linear-gradient(#76fff1, #5b429c); }
.reset-gap-bars span.latest { background: linear-gradient(#f9ed85, #e34299); }
.reset-ascii { flex: 0 0 auto; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: #77fff1; font: bold 17px/1.2 monospace; text-shadow: 2px 2px #df3b95; animation: reset-wave 2.8s ease-in-out infinite; }
.reset-probability { display: block; margin-top: 3px; color: #f9ed85; font: bold 54px/.98 monospace; text-shadow: 3px 3px #ae2b73; }
.reset-hero-caption { margin-top: 4px; color: #e792c4; font-size: 10px; animation: reset-flash 1.2s steps(2) infinite; }
.reset-range { margin-top: 12px; padding: 9px 11px; border: 1px solid #705184; background: #17142c; }
.reset-range > div:first-child { display: flex; justify-content: space-between; color: #bfaccb; font-size: 10px; }
.reset-range strong { color: #f9ed85; }
.reset-range-track { position: relative; height: 9px; margin: 9px 2px 2px; background: linear-gradient(90deg, #24234c, #674098); }
.reset-range-track span { position: absolute; top: 0; height: 100%; background: #e34299; }
.reset-range-track i { position: absolute; top: -4px; width: 3px; height: 17px; background: #76fff1; box-shadow: 0 0 5px #76fff1; }
.reset-comparison { display: grid; grid-template-columns: 1fr 1.3fr 1.2fr; gap: 8px; margin-top: 9px; }
.reset-comparison > div { min-width: 0; padding: 9px; border: 1px solid #705184; background: #17142c; }
.reset-comparison span, .reset-comparison small { display: block; color: #bfaccb; font-size: 9px; }
.reset-comparison strong { display: block; margin: 5px 0; color: #76fff1; font-size: 17px; overflow-wrap: anywhere; }
.reset-comparison small { color: #d3c8dc; }
.reset-history { margin-top: 15px; color: #bfaccb; font-size: 10px; }
.reset-history-bars { display: grid; grid-template-columns: repeat(30, 1fr); align-items: end; gap: 2px; height: 54px; margin-top: 4px; padding: 3px; border: 1px solid #705184; background: #121023; }
.reset-history-bars span { min-width: 0; background: #423455; }
.reset-history-bars span[data-active="true"] { background: linear-gradient(#76fff1, #e34299); }
.reset-history-axis { display: flex; justify-content: space-between; margin-top: 3px; }
.reset-message { margin: 16px 0 8px; color: #f9ed85; letter-spacing: .5px; }
.reset-fineprint { max-width: 38em; margin: 0; color: #c6bdd1; font-size: 11px; }
.reset-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 9px 12px; border-top: 1px solid #705184; background: #17142c; }
.reset-stamp { flex: 1; min-width: 75px; color: #bbb0cd; font-size: 9px; }
.reset-footer button, .reset-footer a { padding: 5px 8px; border: 1px solid #76fff1; background: #231c43; color: #76fff1; font: bold 11px monospace; text-decoration: none; cursor: pointer; }
.reset-footer button:hover, .reset-footer a:hover, .reset-footer button:focus-visible, .reset-footer a:focus-visible { background: #76fff1; color: #101021; }
.reset-footer button:disabled { opacity: .55; cursor: default; }
@keyframes reset-scroll { to { transform: translateX(-50%); } }
@keyframes reset-text-wave { 0%, 100% { transform: translateY(2px); } 50% { transform: translateY(-3px); } }
@keyframes reset-rainbow { 0% { color: #e52c7e; } 33% { color: #361b83; } 66% { color: #007d73; } 100% { color: #e52c7e; } }
@keyframes reset-wave { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-6px) rotate(3deg); } }
@keyframes reset-flash { 50% { color: #f9ed85; } }
@media (max-width: 540px) { .reset-masthead { padding: 14px 12px 10px; } .reset-brand { font-size: 30px; } .reset-build { font-size: 8px; } .reset-body { padding: 14px 12px; } .reset-probability { font-size: 43px; } .reset-ascii { font-size: 13px; } .reset-hero { flex-wrap: wrap; gap: 10px; } .reset-gap-panel { flex: 1 1 100%; } .reset-comparison { grid-template-columns: 1fr 1fr; } .reset-comparison > div:first-child { grid-column: 1 / -1; } }
@media (prefers-reduced-motion: reduce) { .reset-marquee-track, .reset-marquee-copy, .reset-marquee-wave, .reset-ascii, .reset-hero-caption { animation: none; } .reset-marquee-track { padding-left: 6px; } }