/* KPC FT8 · FT4 · CW screen (kpc-logger-ft8.js), shared by the KPC Logger and both Hunters Lounges (Oct 17 2026).
   :is(#lg,#hl) makes these rules beat the page's own input styles. */
/* ===== FT8 / FT4 tab (Brandon Oct 17: 'the wsjtx version… in that screen completely normal ft8') ===== */
html.f8-open,html.f8-open body{overflow:hidden}
:is(#lg,#hl) .f8{position:fixed;left:0;right:0;bottom:0;top:var(--hdr,0px);z-index:1200;overflow:auto;background:#0b0d10;color:#e8e6df;font:13px/1.35 Arial,sans-serif;padding:8px 10px 18px;box-sizing:border-box;margin:0;border-radius:0;-webkit-overflow-scrolling:touch}
:is(#lg,#hl) .f8[hidden]{display:none!important}
.f8 button{font:inherit;cursor:pointer}
.f8-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:linear-gradient(90deg,rgba(226,176,74,.18),rgba(0,0,0,.4));border:1px solid rgba(240,201,107,.45)}
.f8-back{padding:7px 12px;border-radius:999px;border:1px solid rgba(240,201,107,.6);background:#1a140b;color:#f6d58a;font-weight:900!important;letter-spacing:.5px}
.f8-modes{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid rgba(240,201,107,.5)}
.f8-modes button{padding:6px 12px;border:0;background:#15110a;color:#e8dcc0;font-weight:900!important}
.f8-modes button.on{background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05}
.f8 select,.f8 input{background:#05070a;color:#fff;border:1px solid #3a4250;border-radius:7px;padding:6px 7px;font:13px monospace;box-sizing:border-box}
.f8-dial{font:900 20px monospace;color:#7dffb1;background:#020403;padding:3px 10px;border-radius:7px;border:1px solid #1d3d2a;letter-spacing:1px}
.f8-clk{display:inline-flex;flex-direction:column;gap:3px;font:700 13px monospace;color:#fff}
.f8-slot{display:block;width:96px;height:5px;border-radius:3px;background:#222a33;overflow:hidden}.f8-slot i{display:block;height:100%;width:0;background:#f0c96b}
.f8-st{margin-left:auto;padding:5px 12px;border-radius:999px;font:900 12px Arial;letter-spacing:1px;background:#262b33;color:#aab}
.f8-st.rx{background:#123d24;color:#7dffb1}.f8-st.tx{background:#b3261e;color:#fff;box-shadow:0 0 12px rgba(255,80,60,.7)}
.f8-startbox{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0;padding:10px 12px;border-radius:10px;background:rgba(240,201,107,.08);border:1px dashed rgba(240,201,107,.5);color:#e2d2ae}
.f8-startbox[hidden]{display:none}
.f8-go{padding:12px 18px;border-radius:999px;border:0;background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05;font-weight:900!important;letter-spacing:.5px}
.f8-wfw{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid #2a313b;background:#000}
.f8-wfw canvas{display:block;width:100%}#f8Wf{height:150px;cursor:crosshair;image-rendering:pixelated}#f8Scale{height:18px}
.f8-lists{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.f8-lists h3{margin:0;padding:5px 8px;font:900 11px Arial;letter-spacing:1.2px;color:#f6d58a;background:#14171c;border:1px solid #2a313b;border-bottom:0;border-radius:8px 8px 0 0}
.f8-lists h3 small{color:#9aa3ad;font-weight:700;letter-spacing:.3px;margin-left:6px}
.f8-list{height:min(38vh,330px);overflow:auto;background:#fff;color:#000;border:1px solid #2a313b;border-radius:0 0 8px 8px;font:12.5px/1.45 'Courier New',monospace}
.f8-l{display:grid;grid-template-columns:52px 30px 34px 40px 12px minmax(0,1fr);gap:0 4px;padding:0 6px;cursor:pointer;white-space:nowrap}
.f8-l:hover{background:#dde8ff}.f8-l .m{overflow:hidden;text-overflow:ellipsis}.f8-l .db,.f8-l .dt,.f8-l .hz{text-align:right}
.f8-l.cq{background:#9bff9b}.f8-l.cqp{background:#ffe27a}.f8-l.me{background:#ff8a8a}.f8-l.tx{background:#ffff9e}
.f8-l.wk .m{opacity:.75}.f8-l .ref{font-style:normal;font-weight:700;color:#0b5d2a}.f8-l .wkd{font-style:normal;color:#555}
.f8-sep{padding:1px 6px;background:#e8e8e8;color:#666;font:10px monospace;border-top:1px solid #bbb}
.f8-empty{padding:12px;color:#555;font-family:Arial}
.f8-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:10px}
.f8-ctl label{display:flex;flex-direction:column;gap:3px;font:900 10px Arial;letter-spacing:1px;color:#c9b48a}
.f8-ctl input{width:110px;text-transform:uppercase;font-weight:700}#f8DxG{width:76px}#f8Rpt{width:56px}
.f8-b{padding:9px 13px;border-radius:8px;border:1px solid #485262;background:#1c222b;color:#eee;font-weight:900!important;font-size:12px!important;letter-spacing:.5px}
.f8-b.tx.on{background:#e0352b;border-color:#ff8a80;color:#fff;box-shadow:0 0 10px rgba(255,80,60,.6)}
.f8-b.halt{background:#3a1d1d;border-color:#8a3a3a}
.f8-b.cq{background:#2a2310;border-color:rgba(240,201,107,.6);color:#f6d58a}.f8-b.cq.on{background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05}
.f8-chks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;color:#dcd6c8;font-size:12.5px}
.f8-chks label{display:inline-flex;gap:5px;align-items:center}.f8-chks .hz input{width:62px}
.f8-txm{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;margin-top:10px}
.f8-tm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center}
.f8-tm input{width:100%;text-transform:uppercase}
.f8-tm .nx,.f8-tm .nw{padding:6px 8px;border-radius:7px;border:1px solid #485262;background:#1c222b;color:#cfd6df;font:700 11px monospace}
.f8-tm.on .nx{background:#f0c96b;color:#2a1a05;border-color:#f0c96b}.f8-tm.on input{border-color:#f0c96b}
.f8-set{margin-top:12px;border:1px solid #2a313b;border-radius:10px;background:#11151a;padding:0 10px}
.f8-set summary{padding:10px 2px;cursor:pointer;font:900 12px Arial;letter-spacing:1px;color:#f6d58a}
.f8-sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding-bottom:10px}
.f8-sg label{display:flex;flex-direction:column;gap:4px;font:900 10px Arial;letter-spacing:1px;color:#c9b48a}.f8-sg label.ck{flex-direction:row;align-items:center;font:12px Arial;letter-spacing:0;color:#dcd6c8}
.f8-sg small{font:11px Arial;letter-spacing:0;color:#9aa3ad}
.f8-meter{display:block;height:10px;border-radius:5px;background:#222a33;overflow:hidden}.f8-meter i{display:block;height:100%;width:0;background:#45e08f;transition:width .15s}.f8-meter i.bad{background:#ff7a59}
.f8-catrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#9aa3ad;font-size:12px}
.f8-help{margin:0 0 12px;color:#bfb8a8;font-size:12.5px;line-height:1.5}
.f8-note{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1300;max-width:min(520px,calc(100% - 32px));padding:10px 16px;border-radius:12px;background:rgba(20,24,30,.96);border:1px solid rgba(240,201,107,.6);color:#fff;font:700 14px Arial;box-shadow:0 6px 24px rgba(0,0,0,.5);transition:opacity .35s,transform .35s;cursor:pointer}
.f8-note.log{border-color:#45e08f;background:rgba(10,40,22,.96)}
.f8-note.out{opacity:0;transform:translateX(-50%) translateY(8px)}
.f8-note[hidden]{display:none}
@media(max-width:760px){
 :is(#lg,#hl) .f8{padding:6px 6px 14px}
 .f8-lists{grid-template-columns:1fr}.f8-list{height:30vh}
 .f8-dial{font-size:16px}.f8-st{margin-left:0}
 .f8-l{grid-template-columns:44px 28px 30px 36px 0 minmax(0,1fr);font-size:11.5px;padding:0 4px}.f8-l .tx{display:none}
 .f8-txm{grid-template-columns:1fr}.f8-ctl input{width:96px}
 #f8Wf{height:110px}
}
:is(#lg,#hl) .f8 select,:is(#lg,#hl) .f8 input:not([type=checkbox]):not([type=range]){width:auto;min-width:0;max-width:100%;height:auto;min-height:0;margin:0;padding:6px 8px;font:700 13px monospace;border-radius:7px;background:#05070a;color:#fff;border:1px solid #3a4250;box-shadow:none}
:is(#lg,#hl) .f8 input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#f0c96b}
:is(#lg,#hl) .f8 input[type=range]{width:100%;accent-color:#f0c96b}
:is(#lg,#hl) .f8 #f8Dx{width:120px}:is(#lg,#hl) .f8 #f8DxG{width:80px}:is(#lg,#hl) .f8 #f8Rpt{width:60px}
:is(#lg,#hl) .f8 .f8-chks .hz input{width:64px}
:is(#lg,#hl) .f8 .f8-tm input{width:100%}
:is(#lg,#hl) .f8 .f8-sg select{width:100%}
:is(#lg,#hl) .f8 label{margin:0}
@media(max-width:760px){:is(#lg,#hl) .f8 select,:is(#lg,#hl) .f8 input:not([type=checkbox]):not([type=range]){font-size:16px}:is(#lg,#hl) .f8 #f8Dx{width:112px}}
.f8-mic{margin:0 0 8px;padding:8px 10px;border-radius:8px;background:rgba(240,201,107,.1);color:#e2d2ae;font-size:12.5px}:is(#lg,#hl) .f8-mic[hidden]{display:none}
.f8-l.park{box-shadow:inset 5px 0 0 #1f9d55}.f8-l.park:not(.cq):not(.cqp):not(.me){background:#d9f7e6}
.f8-l .ref{padding:0 5px;border-radius:5px;background:#1f9d55;color:#fff!important;font-size:11px}
.f8-pf{float:right;margin:-2px 0 0;padding:2px 9px;border-radius:999px;border:1px solid #2f6f4a;background:#0f2a1b;color:#9ff0c2;font:900 10px Arial;letter-spacing:.6px;cursor:pointer}.f8-pf.on{background:#1f9d55;color:#fff}
/* FT8 tab: map, alerts, distance (Oct 17, GridTracker ideas) */
.f8-mapw{margin-top:8px;border:1px solid #2a313b;border-radius:10px;background:#11151a;overflow:hidden}
.f8-mapw summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;cursor:pointer;font:900 12px Arial;letter-spacing:1px;color:#f6d58a}
.f8-mapw summary small{color:#9aa3ad;font-weight:700;letter-spacing:.3px}
.f8-mm{display:inline-flex;border:1px solid rgba(240,201,107,.45);border-radius:999px;overflow:hidden}.f8-mm button{padding:4px 10px;border:0;background:#15110a;color:#e8dcc0;font:900 10.5px Arial;letter-spacing:.5px}.f8-mm button.on{background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05}
#f8Map{height:min(46vh,380px);background:#000;isolation:isolate;z-index:0}
.f8-maph{margin:0;padding:6px 10px;color:#9aa3ad;font-size:11.5px}
.f8-star{color:#f6d58a;font-size:22px;line-height:22px;text-align:center;text-shadow:0 0 6px #000,0 0 2px #000}
.f8-tri{color:#ff9f1a;font-size:15px;line-height:16px;text-align:center;text-shadow:0 0 3px #000}
.f8-l .dst{font-style:normal;color:#555;font-size:11px;margin-left:4px}
.f8-l.al{outline:2px solid #ff9f1a;outline-offset:-2px;animation:f8al 1s ease-in-out 3}
@keyframes f8al{50%{outline-color:transparent}}
.f8-note.al{border-color:#ff9f1a;background:rgba(50,30,5,.96)}
.f8-al{display:flex;flex-direction:column;gap:4px;font:12px Arial;letter-spacing:0;color:#dcd6c8}
@media(prefers-reduced-motion:reduce){.f8-l.al{animation:none}}
/* CW mode in the digital tab (Oct 17) */
.f8 .cw-pane{display:none;margin-top:8px}
.f8[data-m=cw] .cw-pane{display:block}
.f8[data-m=cw] .f8-lists,.f8[data-m=cw] .f8-mapw,.f8[data-m=cw] .f8-ctl,.f8[data-m=cw] .f8-chks,.f8[data-m=cw] .f8-txm,.f8[data-m=cw] .f8-slot{display:none!important}
.cw-top{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:6px 10px;border-radius:8px 8px 0 0;background:#14171c;border:1px solid #2a313b;border-bottom:0;font:900 11px Arial;letter-spacing:1px;color:#c9b48a}
.cw-top>b{color:#f6d58a;font-size:13px}.cw-top span b{color:#7dffb1;font-family:monospace;font-size:13px}.cw-top label{display:inline-flex;gap:5px;align-items:center;font:12px Arial;letter-spacing:0;color:#dcd6c8}
.cw-rx{height:min(30vh,260px);overflow:auto;padding:10px 12px;background:#020403;color:#9ff0c2;border:1px solid #2a313b;font:700 17px/1.5 'Courier New',monospace;white-space:pre-wrap;word-break:break-word}
.cw-rx i{font-style:normal;color:#f6d58a}.cw-cur{color:#f6d58a;opacity:.8}
.cw-calls{display:flex;flex-wrap:wrap;gap:6px;min-height:8px;padding:6px 0}
.cw-calls button{padding:5px 10px;border-radius:999px;border:1px solid #485262;background:#1c222b;color:#fff;font:700 13px monospace;cursor:pointer}.cw-calls button.park{border-color:#1f9d55;background:#0f2a1b;color:#9ff0c2}
.cw-log,.cw-txl,.cw-set{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:6px}
.cw-log label,.cw-set label{display:flex;flex-direction:column;gap:3px;font:900 10px Arial;letter-spacing:1px;color:#c9b48a}
:is(#lg,#hl) .f8 .cw-log input{width:110px}:is(#lg,#hl) .f8 #cwRs,:is(#lg,#hl) .f8 #cwRr{width:58px}:is(#lg,#hl) .f8 #cwWpm{width:66px}
.cw-mac{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cw-mac button{padding:8px 11px;border-radius:8px;border:1px solid rgba(240,201,107,.5);background:#2a2310;color:#f6d58a;font:900 11.5px Arial;letter-spacing:.4px;cursor:pointer}
:is(#lg,#hl) .f8 .cw-txl input{flex:1 1 260px;font-size:15px;text-transform:uppercase}
.cw-sending{color:#ffff9e;font:700 13px monospace}
:is(#lg,#hl) .f8 .cw-set select{max-width:340px}

/* RTTY · PSK31 · SSTV · WSPR (kpc-digi-ui.js, Oct 17) */
.f8 .dg{display:none;margin-top:8px}
.f8:is([data-m=rtty],[data-m=psk],[data-m=sstv],[data-m=wspr]) .dg{display:block}
.f8:is([data-m=rtty],[data-m=psk],[data-m=sstv],[data-m=wspr]) :is(.f8-lists,.f8-ctl,.f8-chks,.f8-txm,.f8-slot){display:none!important}
.f8:is([data-m=rtty],[data-m=psk],[data-m=sstv]) .f8-mapw{display:none!important}
.f8 .dg-kb,.f8 .dg-kb2,.f8 .dg-sstv,.f8 .dg-wspr,.f8 .dg-log{display:none}
.f8:is([data-m=rtty],[data-m=psk]) :is(.dg-kb,.dg-kb2,.dg-log){display:block}.f8[data-m=sstv] :is(.dg-sstv,.dg-log){display:block}.f8[data-m=wspr] .dg-wspr{display:block}
.f8 .dg-only-rtty,.f8 .dg-only-psk{display:none!important}.f8[data-m=rtty] .dg-only-rtty,.f8[data-m=psk] .dg-only-psk{display:inline-flex!important}.f8[data-m=psk] div.dg-only-psk{display:block!important}
.dg-set{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:6px 10px;border-radius:8px 8px 0 0;background:#14171c;border:1px solid #2a313b;border-bottom:0;font:900 11px Arial;letter-spacing:1px;color:#c9b48a}
.dg-set>b.dg-name{color:#f6d58a;font-size:13px}.dg-set span b{color:#7dffb1;font-family:monospace;font-size:13px}.dg-set label{display:inline-flex;gap:5px;align-items:center;font:12px Arial;letter-spacing:0;color:#dcd6c8}
:is(#lg,#hl) .f8 .dg-set select{width:auto;max-width:170px;padding:4px 6px;font-size:12px}
.dg-sq input{width:90px}
.dg-meter{display:inline-block;width:70px;height:8px;border-radius:4px;background:#2a313b;overflow:hidden;vertical-align:middle}.dg-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c0392b,#f0c96b 45%,#3ddc84)}
.dg-rx{height:min(28vh,240px);overflow:auto;padding:10px 12px;background:#020403;color:#9ff0c2;border:1px solid #2a313b;font:700 16px/1.45 'Courier New',monospace;white-space:pre-wrap;word-break:break-word}
.dg-br{max-height:150px;overflow:auto;background:#0b0d10;border:1px solid #2a313b;border-bottom:0}
.dg-bl{display:flex;gap:10px;padding:4px 10px;border-bottom:1px solid #1b2028;font:13px monospace;color:#cfd6df;cursor:pointer;white-space:nowrap;overflow:hidden}.dg-bl b{color:#f6d58a;min-width:42px}.dg-bl span{overflow:hidden;text-overflow:ellipsis}.dg-bl.on{background:#12301f;color:#9ff0c2}
.dg-log{margin-top:6px}.dg-log{display:none}.f8 .dg-log{gap:8px}.f8:is([data-m=rtty],[data-m=psk],[data-m=sstv]) .dg-log{display:flex!important;flex-wrap:wrap;align-items:flex-end}
.dg-log label{display:flex;flex-direction:column;gap:3px;font:900 10px Arial;letter-spacing:1px;color:#c9b48a}
:is(#lg,#hl) .f8 .dg-log input{width:110px}:is(#lg,#hl) .f8 #dgRs,:is(#lg,#hl) .f8 #dgRr{width:58px}
.cw-calls button.wk{opacity:.75}
.dg-pics{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;padding:10px;background:#0b0d10;border:1px solid #2a313b}
#dgCv{width:min(100%,480px);height:auto;aspect-ratio:auto;background:#000;border:1px solid #485262;image-rendering:auto}
.dg-pact{display:flex;flex-direction:column;gap:6px}
.dg-gal{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}.dg-gal button{padding:0;border:1px solid #485262;background:#000;border-radius:6px;overflow:hidden;cursor:pointer;position:relative}.dg-gal img{display:block;width:96px;height:auto}.dg-gal small{position:absolute;right:3px;bottom:2px;font:700 10px monospace;color:#fff;text-shadow:0 0 3px #000}
.dg-send{margin-top:8px;border:1px solid rgba(240,201,107,.45);border-radius:10px;background:#100d08;padding:0 10px 10px}.dg-send summary{cursor:pointer;padding:10px 0;font:900 12px Arial;letter-spacing:1px;color:#f6d58a}
.dg-sg{display:flex;flex-wrap:wrap;gap:10px}.dg-sg label{display:flex;flex-direction:column;gap:4px;font:900 10px Arial;letter-spacing:1px;color:#c9b48a}.dg-sg small{font:11px Arial;letter-spacing:0;color:#9aa3ad}.dg-pbtn{display:flex;gap:6px}
#dgTxCv{display:block;margin:10px 0;width:min(100%,400px);height:auto;border:1px solid #485262;background:#000}
.dg-txl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#ffff9e;font:700 13px monospace}
.dg-wtx{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 10px;background:#0b0d10;border:1px solid #2a313b;border-bottom:0;font:12px Arial;color:#dcd6c8}
:is(#lg,#hl) .f8 .dg-wtx select{width:auto;max-width:220px;padding:4px 6px;font-size:12px}:is(#lg,#hl) .f8 #dgWHz{width:60px}
.dg-wmsg{font:12px Arial}.dg-wmsg b{font-family:monospace;color:#7dffb1}.dg-wmsg .bad{color:#ff9b8a;font-weight:700}
.dg-clk b{color:#f6d58a!important}
.dg-wl{max-height:min(40vh,340px)}.dg-wr .tx small,.dg-wl small{color:#9aa3ad;font-size:11px}
.dg-wme{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;color:#c9b48a;font:12px Arial}
@media(max-width:700px){.dg-rx{font-size:14px;height:min(30vh,220px)}.dg-set{gap:6px 10px}#dgCv{width:100%}}
.f8-modes{max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.f8-modes::-webkit-scrollbar{display:none}.f8-modes button{flex:0 0 auto}
@media(max-width:700px){.f8-modes button{padding:6px 10px}}

/* Oct 17: TX level − / slider / + in 0.5 dB steps */
:is(#lg,#hl) .f8 .f8-pwr,:is(#lg,#hl) .f8-pwr{display:flex;align-items:center;gap:6px}
:is(#lg,#hl) .f8-pwr input[type=range]{flex:1;min-width:120px}
:is(#lg,#hl) .f8-pwr .f8-b{min-width:34px;padding:4px 8px;font-size:16px;line-height:1}

/* Oct 17: Feld Hellschreiber (data-m=hell) uses the RTTY/PSK keyboard + log, with a picture instead of text */
.f8[data-m=hell] .dg{display:block}
.f8[data-m=hell] :is(.f8-lists,.f8-ctl,.f8-chks,.f8-txm,.f8-slot,.f8-mapw){display:none!important}
.f8[data-m=hell] :is(.dg-kb,.dg-kb2){display:block}
.f8[data-m=hell] .dg-log{display:flex!important;flex-wrap:wrap;align-items:flex-end}
.f8[data-m=hell] :is(.dg-rx,#dgCalls){display:none!important}
.f8 .dg-only-hell{display:none!important}.f8[data-m=hell] .dg-only-hell{display:inline-flex!important}.f8[data-m=hell] div.dg-only-hell{display:block!important}
.f8[data-m=hell] .dg-kb label.ck{display:none}
.f8 .dg-hell canvas{width:100%;height:auto;max-height:46vh;display:block;background:#0b0d10;border:1px solid #2b3036;border-radius:8px;image-rendering:pixelated}
/* Oct 18: my-dial tune row (tap the dial; always shown in CW) + audio picker in the start box */
.f8 .f8-dial{cursor:pointer}.f8 .f8-dial.ov{color:#ffd56b;border-color:#6b5520}
.f8 .f8-tunr{display:none;flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0;padding:6px 8px;border:1px solid #1d3d2a;border-radius:8px;background:#06110b}
.f8 .f8-tunr.open,.f8[data-m=cw] .f8-tunr{display:flex}
.f8 .f8-tunr>span{font:800 11px system-ui;letter-spacing:1px;color:#9fd8b4}
.f8 .f8-tunr input{width:9.5em;font:800 16px monospace;padding:4px 6px;border-radius:6px;border:1px solid #2c5a3e;background:#020403;color:#7dffb1}
.f8 .f8-tunr small{flex-basis:100%;color:#9fb8a8;font-size:11px}
.f8 .f8-in0{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;font:800 11px system-ui;letter-spacing:1px}
.f8 .f8-in0 select{max-width:100%;font-size:14px;padding:4px}
/* Oct 18: band jump chips */
.f8 .f8-bandr{display:flex;gap:5px;overflow-x:auto;margin:6px 0 0;padding-bottom:2px;scrollbar-width:thin}
.f8 .f8-bandr button{flex:0 0 auto;font:800 12px system-ui;letter-spacing:.5px;padding:5px 10px;border-radius:999px;border:1px solid #2c5a3e;background:#06110b;color:#cfe9d8;cursor:pointer}
.f8 .f8-bandr button.on{background:linear-gradient(#f6d58a,#d5a63a);color:#2a1a05;border-color:#f0c96b}