:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#090f18;color:#eaf2ff}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;padding:22px;margin:auto}header{border-bottom:1px solid #29374a;padding-bottom:10px}header small{color:#54dfbf;letter-spacing:1.4px;font-size:10px}h1{font-size:25px;margin:8px 0}em{font-size:12px;font-style:normal;color:#f2c576;border:1px solid #655238;padding:5px;border-radius:5px}p,small,label,footer{color:#9fb0c9}p{font-size:13px;line-height:1.7}h2{font-size:18px}a{color:#54dfbf}nav,.heading,.buttons,.live-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav{margin:12px 0}nav span{font-size:12px;margin-left:auto}.heading{justify-content:space-between;gap:8px}.heading h2{margin:0}.heading small{font-size:11px}.metrics{display:grid;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:10px;padding:0;border:0;background:none;margin:10px 0}article,section{background:#111d2d;border:1px solid #29374a;border-radius:12px;padding:16px}section{margin:12px 0}.metrics article{padding:6px 12px;min-width:0;display:flex;flex-direction:column;justify-content:center}.metrics label{display:block;font-size:12px;line-height:1.2}strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;line-height:1.05;margin:4px 0 2px}.metrics small{font-size:10px;line-height:1.15}.hero{background:linear-gradient(120deg,#15343c,#122333)}.hero strong{font-size:56px;color:#54dfbf}.signal-details{margin:4px 0 10px;font-size:12px;color:#9fb0c9}.signal-details summary{display:list-item;width:max-content;padding:4px 0;cursor:pointer}.signal-details dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:6px 0 0;padding:10px 12px;border:1px solid #29374a;border-radius:8px;background:#111d2d}.signal-details dl div{display:flex;gap:8px;align-items:center;justify-content:space-between}.signal-details dt{font-size:11px}.signal-details dd{margin:0;color:#eaf2ff;font-variant-numeric:tabular-nums}button,select,input{font:inherit;min-height:40px;border:1px solid #3b4d65;border-radius:8px;background:#1d2d42;color:#ecf4ff;padding:9px 12px}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4}button.selected,#simulate,#startCounter{background:#50d9bb;color:#08271f}.buttons{margin-top:12px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fields input,.fields select{width:100%;display:block;margin-top:5px}.fields label{font-size:12px}summary{padding:12px 0;cursor:pointer}svg{display:block;width:100%;background:#0a1422;border-radius:8px}.graph-panel{padding:12px;margin:8px 0}#awards{margin-top:6px;height:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:10px 7px;text-align:left;border-bottom:1px solid #29374a}th{color:#9fb0c9}.scroll{max-height:360px;overflow:auto}.history-panel{padding:12px;margin:8px 0}.history-panel .heading{margin-bottom:6px}.history-panel th{position:sticky;top:0;background:#111d2d}footer{padding:6px 0;font-size:12px}footer button{font-size:12px;min-height:36px}.live-controls{gap:8px}#liveStatus{font-size:12px}#notice{color:#ffcf7d;margin:8px 0 0}#notice:empty{display:none}[hidden]{display:none!important}
@media(max-width:600px){main{padding:14px 12px}h1{font-size:22px}h1 em{font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero strong{font-size:48px}.metrics strong{font-size:28px}.metrics .hero strong{font-size:48px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:8px;font-size:12px}nav span{margin-left:0}.graph-panel,.history-panel{padding:8px}}
@media(min-width:1000px){main{max-width:1800px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto minmax(280px,calc(100dvh - 380px)) auto auto auto;gap:8px;padding:14px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-row:1}header p{margin:0;font-size:11px}h1{font-size:22px;margin:0}nav{grid-row:2;margin:0}nav button{font-size:12px;min-height:34px;padding:7px 14px}.metrics{grid-row:3;margin:0}.signal-details{grid-row:4;margin:0}.graph-panel{grid-row:6;margin:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}#graph{flex:1 1 0;min-height:170px;height:100%;width:100%}#awards{flex:0 0 auto;height:clamp(75px,13vh,115px)}#controls{grid-row:7;margin:0;max-height:220px;overflow:auto;padding:10px 14px}#controls h2{font-size:14px;margin:0}#controls button,#controls select{font-size:12px;min-height:34px}#controls .fields{grid-template-columns:repeat(7,minmax(0,1fr))}.history-panel{grid-row:8;margin:0;min-width:0}.history-panel .scroll{max-height:360px}.history-panel h2{font-size:16px}footer{grid-row:9;padding:2px 0}}

/* Four current-G digits need less width; share the space with larger totals. */
.metrics{grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr))}
.metrics article{padding-inline:10px}
.metrics strong{min-width:0;max-width:100%;white-space:nowrap;letter-spacing:-.025em}
@media(max-width:600px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

#inputActionStatus{display:inline-block;font-size:12px;margin:8px;color:#54dfbf}#inputActionStatus:empty{display:none}#inputActionStatus[data-kind=pending]{color:#ffcf7d}#inputActionStatus[data-kind=error]{color:#ff9292}

#resetCounter{border-color:#805352;color:#ffc0b8}#counterActionStatus{font-size:12px;color:#54dfbf;margin:8px 0 0}#counterActionStatus:empty{display:none}#counterActionStatus[data-kind=pending]{color:#ffcf7d}#counterActionStatus[data-kind=error]{color:#ff9292}

.adjust-fields,.adjust-values{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adjust-fields{margin:8px 0}.adjust-fields label{font-size:12px}.adjust-fields input{display:block;width:160px;margin-top:4px}.adjust-values{font-size:12px}.adjust-values b{font-weight:500;color:#eaf2ff}#adjustStatus{font-size:12px;color:#54dfbf;margin:6px 0}#adjustStatus:empty{display:none}#adjustStatus[data-kind=pending]{color:#ffcf7d}#adjustStatus[data-kind=error]{color:#ff9292}@media(min-width:1000px){#adjustDetails{grid-row:5;margin:0}}

/* Counter layout: graph, details, adjustments, conversion settings. */
@media(min-width:1000px){main{grid-template-rows:auto auto auto minmax(280px,calc(100dvh - 360px)) auto auto auto auto auto}.graph-panel{grid-row:4}#signalDetails{grid-row:5}#adjustDetails{grid-row:6}}