/* KPC Activator Logger (kpc-logger.html, members room). Oct 16 2026. Everything scoped to main#lg. */
main#lg{--g:#e2b04a;--g2:#ffd27a;--gr:#45e08f;--bl:#6fb8ff;--bg:#071015;--card:rgba(10,20,26,.82);--ln:rgba(226,176,74,.32);--tx:#eef1ec;--mu:#9fb0ad;--red:#ff6b5a;
 position:relative;display:block;color:var(--tx);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:clip;isolation:isolate;padding-bottom:30px}
html:has(main#lg){background:#050b0f!important}
html:has(main#lg) body{background:transparent!important}
main#lg *{box-sizing:border-box}
main#lg [hidden]{display:none!important}
main#lg a{color:var(--g2)}
/* fancy page background: the blurred club photo, a gold/teal glow and faint grid-square lines */
main#lg::before{content:"";position:fixed;inset:0;z-index:-2;background:
 radial-gradient(900px 600px at 12% 8%,rgba(226,176,74,.20),transparent 60%),
 radial-gradient(900px 700px at 92% 85%,rgba(69,224,143,.13),transparent 60%),
 linear-gradient(180deg,rgba(5,11,15,.55),rgba(5,11,15,.85)),
 #050b0f url('bg-group.jpg') center/cover no-repeat}
main#lg::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;
 background:repeating-linear-gradient(0deg,rgba(226,176,74,.07) 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,rgba(226,176,74,.07) 0 1px,transparent 1px 64px);
 mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%)}
@media(max-width:700px){main#lg::before{background-image:radial-gradient(600px 500px at 10% 5%,rgba(226,176,74,.2),transparent 60%),linear-gradient(180deg,rgba(5,11,15,.5),rgba(5,11,15,.85)),url('bg-group-mobile.jpg')}}
.lg-in,.lg-wrap{width:min(1760px,calc(100% - 32px));margin:auto}
/* hero: the 2026 campout group photo */
.lg-hero{position:relative;border-bottom:2px solid var(--g);min-height:min(56vw,620px);display:flex;align-items:flex-end;
 background:linear-gradient(180deg,rgba(5,11,15,0) 35%,rgba(5,11,15,.7) 68%,rgba(5,11,15,.97)),linear-gradient(90deg,rgba(5,11,15,.6),transparent 60%),#050b0f url('KPC26-Group-Photo.jpg') center 35%/cover no-repeat}
.lg-hero .lg-in{padding:120px 0 26px}
.lg-eyebrow{margin:0 0 8px;color:var(--gr);font-size:13px;font-weight:900;letter-spacing:4px;text-shadow:0 2px 6px #000}
.lg-hero h1{margin:0;font:700 clamp(38px,6.5vw,74px)/.98 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:-1px;text-shadow:0 3px 18px #000}
.lg-hero h1 span{color:var(--g2)}
.lg-copy{max-width:700px;margin:12px 0 0;color:#e8ece6;font-size:clamp(15px,1.8vw,18px);text-shadow:0 2px 10px #000,0 0 2px #000}
.lg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,170px));gap:10px;margin-top:20px}
.lg-stats div{background:rgba(0,0,0,.55);border:1px solid var(--ln);border-radius:12px;padding:10px 12px;backdrop-filter:blur(4px)}
.lg-stats b{display:block;font:900 28px/1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.lg-stats .g b{color:var(--gr);text-shadow:0 0 14px rgba(69,224,143,.55)}
.lg-stats span{font-size:10.5px;font-weight:900;letter-spacing:1.2px;color:var(--mu)}
.lg-goal{display:flex;align-items:center;gap:12px;margin-top:14px;max-width:710px}
.lg-goal .bar{flex:1;height:10px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}
.lg-goal .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),var(--gr));transition:width .5s}
.lg-goal span{font-size:13px;font-weight:700;color:#dfe6df;text-shadow:0 1px 4px #000}
.lg-goal.done span{color:var(--gr)}
@media(max-width:700px){
 .lg-hero{min-height:0;display:block;background:linear-gradient(180deg,rgba(5,11,15,0) 0,rgba(5,11,15,0) 38vw,rgba(5,11,15,.85) 56vw,rgba(5,11,15,.98) 75vw),#050b0f url('KPC26-Group-Photo-web.jpg') center top/100% auto no-repeat}
 .lg-hero .lg-in{padding:44vw 0 20px}
 .lg-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.lg-stats div{padding:8px 6px}.lg-stats b{font-size:17px}.lg-stats span{font-size:8.5px;letter-spacing:.3px;line-height:1.25;display:block}
}
/* cards */
.lg-card{background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:16px 18px;margin-top:16px;backdrop-filter:blur(8px);box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)}
.lg-card h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font:900 15px/1.2 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--g2)}
.lg-card h2 i{font-style:normal;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--g);color:#1a1205;font-size:14px;letter-spacing:0}
.lg-card h2 small{margin-left:auto;font-size:11px;letter-spacing:1px;color:var(--mu);font-weight:700}
.lg-h3{margin:14px 0 8px;font-size:12px;letter-spacing:1.6px;color:var(--mu);text-transform:uppercase}
.lg-main{display:grid;grid-template-columns:1fr;gap:0 16px}
.lg-two{display:grid;grid-template-columns:1fr;gap:0 16px}
@media(min-width:1100px){.lg-main{grid-template-columns:minmax(0,1.35fr) minmax(380px,1fr);align-items:start}.lg-two{grid-template-columns:minmax(0,1.35fr) minmax(380px,1fr);align-items:start}}
/* form */
.lg-f{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lg-f.e{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.lg-f label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:900;letter-spacing:1px;color:var(--mu);text-transform:uppercase;min-width:0}
.lg-f label.wide{grid-column:1/-1}
.lg-f label.call{grid-column:span 2}
main#lg input,main#lg select,main#lg textarea{font:16px Arial,sans-serif;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(3,8,11,.85);color:var(--tx);min-width:0;width:100%}
main#lg input:focus,main#lg select:focus,main#lg textarea:focus{outline:2px solid var(--g);border-color:transparent}
main#lg input[type=checkbox]{width:auto;accent-color:var(--g)}
#eCall{font:900 26px/1.1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;text-transform:uppercase;color:#fff}
#eFreq,#sFreq{font-family:ui-monospace,Menlo,Consolas,monospace}
#eBand{color:var(--g2);font-weight:700}
main#lg input::placeholder{color:#5f706e}
.lg-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.lg-row input[type=search]{flex:1;min-width:160px;width:auto}
.lg-row select{width:auto}
.lg-chk{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#dbe3dd;cursor:pointer}
.lg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:900 13px/1 Arial,sans-serif;letter-spacing:1.2px;padding:12px 16px;border-radius:10px;border:1px solid var(--g);background:transparent;color:var(--g2);cursor:pointer;text-decoration:none}
.lg-btn.gold{background:linear-gradient(180deg,var(--g2),var(--g));color:#1a1205;border-color:var(--g)}
.lg-btn.big{font-size:17px;padding:15px 24px}
.lg-btn.big small{font-size:11px;opacity:.7}
.lg-btn.sm{padding:8px 11px;font-size:11.5px}
.lg-btn:active{transform:translateY(1px)}
.lg-chip{font:900 11.5px/1 Arial,sans-serif;letter-spacing:1px;padding:8px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.35);color:#dbe3dd;cursor:pointer}
.lg-chip.on{background:var(--g);border-color:var(--g);color:#1a1205}
.lg-mu{color:var(--mu);font-size:13px;margin:8px 0 0}
.lg-park{margin:10px 0 0;font-size:14px;color:#dbe3dd}
.lg-park b{color:var(--g2)}
.lg-park .bad{color:var(--red)}
.lg-msg{margin:10px 0 0;font-size:14px;font-weight:700}
.lg-msg.ok{color:var(--gr)}.lg-msg.bad{color:var(--red)}
/* who box (call lookup) */
.lg-who{margin-top:12px;min-height:0}
.lg-who .w{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:10px 14px;border-radius:12px;background:rgba(69,224,143,.08);border:1px solid rgba(69,224,143,.35);font-size:14px}
.lg-who .w b{font-size:16px;color:#fff}
.lg-who .w .t{font-size:11px;font-weight:900;letter-spacing:1px;color:var(--gr)}
.lg-who .w.dupe{background:rgba(255,107,90,.12);border-color:var(--red)}
.lg-who .w.dupe .t{color:var(--red)}
.lg-who .w.none{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}
.lg-who .w a{font-size:12px;font-weight:900;letter-spacing:1px}
/* log table */
.lg-tw{margin-top:12px;max-height:520px;overflow:auto;border-radius:10px;border:1px solid rgba(255,255,255,.1)}
.lg-t{width:100%;border-collapse:collapse;font-size:14px}
.lg-t th{position:sticky;top:0;background:#0d1a20;color:var(--mu);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;text-align:left;padding:8px}
.lg-t td{padding:8px;border-top:1px solid rgba(255,255,255,.07);vertical-align:top}
.lg-t td.c{font:900 15px ui-monospace,Menlo,Consolas,monospace;color:#fff}
.lg-t td.m{font-family:ui-monospace,Menlo,Consolas,monospace}
.lg-t tr.new td{animation:lgNew 2.4s ease-out}
@keyframes lgNew{from{background:rgba(69,224,143,.3)}to{background:transparent}}
.lg-t button{background:none;border:0;color:var(--mu);cursor:pointer;font-size:15px;padding:2px 5px}
.lg-t .p2p{color:var(--gr);font-weight:700}
@media(max-width:700px){.lg-t .hs{display:none}.lg-t{font-size:13px}.lg-t td{padding:7px 5px}}
.lg-empty{padding:18px;text-align:center;color:var(--mu);border:1px dashed rgba(255,255,255,.2);border-radius:12px}
.lg-safe{margin:10px 0 0;font-size:12.5px;color:var(--gr)}
.lg-safe .warn{color:#ffcf7a}
/* spots */
.lg-spots{margin-top:12px;display:grid;gap:8px;max-height:640px;overflow:auto;padding-right:4px}
.lg-sp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 10px;align-items:center;text-align:left;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.38);color:var(--tx);cursor:pointer;font:inherit}
.lg-sp:hover,.lg-sp:focus{border-color:var(--g);background:rgba(226,176,74,.1);outline:0}
.lg-sp .c{font:900 16px ui-monospace,Menlo,Consolas,monospace;color:#fff}
.lg-sp .f{font:700 15px ui-monospace,Menlo,Consolas,monospace;color:var(--g2);text-align:right}
.lg-sp .n{grid-column:1/-1;font-size:13px;color:#cdd6d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-sp .x{grid-column:1/-1;font-size:11.5px;color:var(--mu)}
.lg-sp .md{font-size:11px;font-weight:900;letter-spacing:1px;padding:3px 7px;border-radius:6px;background:rgba(111,184,255,.16);color:var(--bl);justify-self:start}
.lg-sp.wk{opacity:.55}
.lg-sp.wk .md::after{content:" · WORKED";color:var(--gr)}
/* map */
#mMap{height:440px;border-radius:12px;background:#08131a}
@media(min-width:1100px){#mMap{height:560px}}
.lg-key{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:12px;color:var(--mu)}
.lg-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.lg-me{font-size:26px;line-height:1;filter:drop-shadow(0 0 6px #000)}
.lg-dot{border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
#mMap .leaflet-popup-content{font:13px/1.45 Arial,sans-serif}
/* rates */
.lg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.lg-tiles div{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}
.lg-tiles b{display:block;font:900 24px/1.1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.lg-tiles span{font-size:10.5px;font-weight:900;letter-spacing:1px;color:var(--mu);text-transform:uppercase}
.lg-hours{display:flex;align-items:flex-end;gap:4px;height:150px;padding:6px 0 0;border-bottom:1px solid rgba(255,255,255,.18);overflow-x:auto}
.lg-hours .h{flex:1 0 26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.lg-hours .h i{display:block;width:100%;min-height:2px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--g2),var(--g))}
.lg-hours .h.best i{background:linear-gradient(180deg,#9df5c4,var(--gr))}
.lg-hours .h b{font:700 11px ui-monospace,Menlo,monospace;color:#fff}
.lg-hours .h span{font:11px ui-monospace,Menlo,monospace;color:var(--mu);padding-top:3px}
.lg-bm{display:flex;flex-wrap:wrap;gap:6px}
.lg-bm span{font-size:12.5px;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.lg-bm b{color:var(--g2)}
/* notes */
#nText{margin-top:10px;resize:vertical;min-height:110px}
.lg-stamp{margin:10px 0 0;font:700 15px ui-monospace,Menlo,Consolas,monospace;color:var(--g2)}
.lg-foot{text-align:center;margin-top:20px}
.lg-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:2500;max-width:min(92vw,520px);padding:12px 16px;border-radius:12px;background:#0d1a20;border:1px solid var(--g);color:#fff;font-size:14.5px;box-shadow:0 12px 40px #000}
.lg-toast button{margin-left:10px;background:var(--g);border:0;border-radius:7px;padding:6px 10px;font-weight:900;cursor:pointer}
@media(max-width:700px){.lg-card{padding:14px 12px}.lg-f.e{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-f label.call{grid-column:1/-1}.lg-btn.big{width:100%}}
@media(max-width:700px){.lg-eyebrow{font-size:11px;letter-spacing:2px}}
/* Oct 16 v2: operators, parks near me, install card */
.lg-hacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lg-hacts .lg-btn{background:rgba(0,0,0,.45)}
.lg-ops-goal{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lg-ops-goal span{font:700 12.5px ui-monospace,Menlo,Consolas,monospace;padding:5px 10px;border-radius:99px;background:rgba(0,0,0,.55);border:1px solid var(--ln);color:#e7ece7}
.lg-ops-goal span.ok{border-color:var(--gr);color:var(--gr)}
.lg-opsel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(226,176,74,.08);border:1px solid var(--ln)}
.lg-opsel b{font-size:11px;letter-spacing:1.5px;color:var(--mu);margin-right:4px}
.lg-opsel button{font:900 15px ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px;padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4);color:#fff;cursor:pointer}
.lg-opsel button.on{background:var(--g);border-color:var(--g);color:#1a1205}
.lg-opsel button small{font-size:11px;opacity:.75;margin-left:4px}
.lg-near{margin-top:12px;display:grid;gap:8px}
.lg-near .np{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)}
.lg-near .np b{color:var(--g2);font-family:ui-monospace,Menlo,Consolas,monospace}
.lg-near .np span{font-size:13px;color:#cfd8d3}
.lg-near .np em{font-style:normal;color:var(--mu);font-size:12px}
@media(max-width:600px){.lg-near .np{grid-template-columns:1fr 1fr}.lg-near .np>div{grid-column:1/-1}}
.lg-how p{margin:10px 0 0;font-size:14px;color:#dbe3dd}
/* Oct 16 v3 (Brandon): the four founders cartoon as the hero, picture shown whole with the words under it */
main#lg .lg-hero{display:block;min-height:0;background:#050b0f}
main#lg .lg-pic{aspect-ratio:1800/608;background:url('hero-founders.jpg') center/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
main#lg .lg-hero .lg-in{padding:0 0 26px;margin-top:-34px;position:relative}
main#lg .lg-stats{grid-template-columns:repeat(5,minmax(0,170px))}
@media(max-width:700px){
 main#lg .lg-hero{background:#050b0f}
 main#lg .lg-pic{aspect-ratio:1024/1340;background:url('hero-founders-mobile.jpg') center top/100% auto no-repeat}
 main#lg .lg-hero .lg-in{padding:0 0 20px;margin-top:-28px}
 main#lg .lg-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
 main#lg .lg-stats .clk{grid-column:1/-1;display:flex;align-items:baseline;gap:10px}
}
/* operation bar + station panel (station and the contact form in one card, like Ham2K PoLo) */
.lg-opbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;margin:-4px 0 14px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(226,176,74,.16),rgba(0,0,0,.35));border:1px solid var(--ln)}
.lg-opwho{min-width:0;font:900 22px/1.15 ui-monospace,Menlo,Consolas,monospace;color:#fff;letter-spacing:1px}
.lg-opwho span{color:var(--mu);font-size:16px}
.lg-opwho .pk{color:var(--g2)}
.lg-opsub{font:13px/1.3 Arial,sans-serif;color:#cfd8d3;letter-spacing:0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-opn{text-align:center;padding:4px 12px;border-left:1px solid rgba(255,255,255,.15)}
.lg-opn b{display:block;font:900 30px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--gr);text-shadow:0 0 12px rgba(69,224,143,.5)}
.lg-opn span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:var(--mu)}
.lg-station{margin:0 0 16px;padding:14px;border-radius:12px;background:rgba(0,0,0,.35);border:1px dashed var(--ln)}
.lg-time{margin-top:6px}
@media(max-width:600px){.lg-opbar{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.lg-opbar #oEdit{grid-column:1/-1}.lg-opwho{font-size:18px}}
/* Oct 16 v4: worked-before line, op bar buttons, QRT button, share picture, NIGHT MODE */
.lg-prev{font-size:12.5px;font-weight:700;color:#ffd27a}
.lg-prev.new{color:var(--gr)}
.lg-opb{display:flex;flex-direction:column;gap:6px}
.lg-btn.red{border-color:#ff6b5a;color:#ffb3a8}
.lg-shareout img{display:block;max-width:min(360px,100%);margin-top:12px;border-radius:12px;border:1px solid var(--ln)}
@media(max-width:600px){.lg-opb{grid-column:1/-1;flex-direction:row}.lg-opb .lg-btn{flex:1}}
/* night mode: red on black (keeps your night eyes, saves battery), no pictures, bigger touch targets */
main#lg[data-night]{--g:#c0392b;--g2:#ff6b5a;--gr:#ff6b5a;--bl:#ff8a80;--tx:#ff9c90;--mu:#b85a50;--ln:rgba(192,57,43,.45);--card:#0a0000}
main#lg[data-night]::before{background:#000!important}
main#lg[data-night]::after,main#lg[data-night] .lg-pic,main#lg[data-night] .lg-copy,main#lg[data-night] #cMap,main#lg[data-night] .lg-foot{display:none!important}
html:has(main#lg[data-night]){background:#000!important}
main#lg[data-night] .lg-hero{border-color:#5a0f08}
main#lg[data-night] .lg-hero .lg-in{margin-top:0;padding-top:14px}
main#lg[data-night] .lg-hero h1{font-size:30px;color:#ff6b5a}
main#lg[data-night] .lg-hero h1 span,main#lg[data-night] .lg-eyebrow{color:#c0392b}
main#lg[data-night] .lg-card{background:#060000;box-shadow:none;backdrop-filter:none}
main#lg[data-night] input,main#lg[data-night] select,main#lg[data-night] textarea{background:#000;color:#ff9c90;border-color:#4a0d07;font-size:19px;padding:13px 14px}
main#lg[data-night] #eCall{font-size:32px;color:#ff6b5a}
main#lg[data-night] .lg-stats b,main#lg[data-night] .lg-opwho,main#lg[data-night] .lg-t td.c,main#lg[data-night] .lg-sp .c,main#lg[data-night] .lg-who .w b,main#lg[data-night] .lg-tiles b{color:#ff8a80}
main#lg[data-night] .lg-stats div,main#lg[data-night] .lg-opbar,main#lg[data-night] .lg-sp,main#lg[data-night] .lg-tiles div{background:#0d0000;border-color:#4a0d07}
main#lg[data-night] .lg-btn{padding:15px 18px;font-size:15px}
main#lg[data-night] .lg-btn.gold{background:#7a1a10;color:#ffd3cc;border-color:#c0392b}
main#lg[data-night] .lg-chip.on{background:#7a1a10;color:#ffd3cc}
main#lg[data-night] .lg-t th{background:#100000;color:#b85a50}
main#lg[data-night] .lg-sp .md{background:#2a0500;color:#ff8a80}
main#lg[data-night] .lg-who .w{background:#140200;border-color:#4a0d07}
main#lg[data-night] .lg-opn b,main#lg[data-night] .lg-stats .g b{color:#ff6b5a;text-shadow:none}
main#lg[data-night] .lg-goal .bar i,main#lg[data-night] .lg-hours .h i{background:#c0392b}
main#lg[data-night] img,main#lg[data-night] .lg-shareout{filter:brightness(.5) sepia(1) hue-rotate(-30deg) saturate(3)}
/* Oct 16 v5 (Brandon): the things that don't change much on top (freq, band, mode, their park, name, note),
   the contact itself on one line underneath: call · sent · rcvd · state */
.lg-f.e.top{grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.6fr);gap:8px;padding:10px;border-radius:12px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.lg-f.e.main{grid-template-columns:minmax(0,2.4fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.8fr);gap:8px;margin-top:10px}
.lg-f.e.main label.call{grid-column:auto}
.lg-f.e.main input{font-size:22px;font-weight:700;font-family:ui-monospace,Menlo,Consolas,monospace;text-align:center}
.lg-f.e.main #eCall{text-align:left}
@media(max-width:700px){
 .lg-f.e.top{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}
 .lg-f.e.top label.ref,.lg-f.e.top label.note{grid-column:span 3}
 .lg-f.e.top label{font-size:10px}
 .lg-f.e.main{grid-template-columns:minmax(0,2.1fr) repeat(3,minmax(0,.75fr));gap:6px}
 .lg-f.e.main label{font-size:10px;letter-spacing:.5px}
 .lg-f.e.main input{font-size:18px;padding:10px 4px}
 .lg-f.e.main #eCall{font-size:20px;padding:10px 8px;letter-spacing:1px}
}
/* ===== Oct 16 v6 (Brandon's Ham2K PoLo screenshot): log list on top, the entry docked under it, tabs on phones ===== */
.lg-op{margin-top:16px}
.lg-op .lg-opbar{margin:0}
.lg-op .lg-station{margin:14px 0 0}
.lg-op .lg-opsel{margin:12px 0 0}
/* tabs (phones + tablets only) */
.lg-tabs{display:none}
@media(max-width:1099px){
 .lg-tabs{display:flex;position:sticky;top:var(--hdr,0px);z-index:40;margin:12px -16px 0;background:#0b3a46;border-bottom:3px solid rgba(0,0,0,.35);overflow-x:auto;scrollbar-width:none}
 .lg-tabs::-webkit-scrollbar{display:none}
 .lg-tabs button{flex:1 0 auto;padding:14px 14px 12px;border:0;border-bottom:3px solid transparent;background:none;color:#cfe6ea;font:700 14.5px Arial,sans-serif;letter-spacing:.5px;cursor:pointer;white-space:nowrap}
 .lg-tabs button.on{color:#fff;border-bottom-color:#fff}
 .lg-tabs b{font-weight:700}
 main#lg [data-tabp]{display:none!important}
 main#lg[data-tab=log] [data-tabp=log],main#lg[data-tab=spots] [data-tabp=spots],main#lg[data-tab=map] [data-tabp=map],main#lg[data-tab=stats] [data-tabp=stats],main#lg[data-tab=notes] [data-tabp=notes],main#lg[data-tab=info] [data-tabp=info],main#lg[data-tab=more] [data-tabp=more]{display:block!important}
 main#lg{padding-bottom:calc(var(--dock,200px) + 16px)}
 main#lg .lg-foot{display:none}
}
/* the log list (PoLo rows) */
.lg-list{margin:12px -18px 0;max-height:62vh;overflow:auto;background:#101416;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.lg-day{display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:baseline;padding:8px 14px;background:#3a4246;border-top:3px solid #5b656a;font-size:16px}
.lg-day b{font-size:17px;color:#fff}
.lg-day span{color:#e3e8ea}
.lg-day i{font-style:normal;text-align:right;color:#cdd5d8;font-size:13.5px}
.lr{display:grid;grid-template-columns:4.4em 6.2em minmax(0,1.2fr) 2.2em minmax(0,1fr) 2.3em 2.2em 2.2em;gap:6px;align-items:center;padding:9px 14px;border-top:1px solid rgba(255,255,255,.07);font:16px ui-monospace,Menlo,Consolas,monospace;color:#e9edee;cursor:pointer}
.lr:hover,.lr:focus{background:rgba(226,176,74,.12);outline:0}
.lr.ed{background:rgba(226,176,74,.22)}
.lr.new{animation:lgNew 2.4s ease-out}
.lr .f{font-weight:700;color:#fff}.lr .f small{font-size:.72em;opacity:.7}
.lr .c{font-weight:900;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr .c small{display:block;font:11px Arial;color:var(--mu);font-weight:400}
.lr .s{font-family:Arial,sans-serif;color:#dfe5e6}
.lr .n{font-family:Arial,sans-serif;color:#cfd7d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr .p{text-align:center;font-size:14px}
.lr .r{text-align:right}
.lg-tip{margin:8px 0 0}
@media(max-width:1099px){.lg-list{margin:10px -12px 0;max-height:none}}
@media(max-width:600px){.lr{grid-template-columns:3.4em 5.2em minmax(5.6em,1.5fr) 1.9em minmax(0,.7fr) 1.4em 1.7em 1.7em;gap:5px;padding:9px 10px;font-size:14.5px}.lg-day{padding:7px 10px}}
@media(max-width:380px){.lr .n{display:none}.lr{grid-template-columns:3.4em 5.1em minmax(5.6em,1fr) 1.9em 1.4em 1.7em 1.7em}}
/* the dock */
.lg-dock{position:sticky;bottom:0;z-index:30;margin-top:0;padding:10px 14px 14px;background:linear-gradient(180deg,#8a4b1e,#6b3814);border:1px solid #b06a2e;border-radius:0 0 16px 16px;box-shadow:0 -10px 30px rgba(0,0,0,.45)}
.lg-drawer{max-height:46vh;overflow:auto;margin:0 0 10px;padding:10px;border-radius:12px;background:rgba(0,0,0,.35)}
.lg-drawer .lg-f.e.top{background:none;border:0;padding:0}
.lg-drawer .lg-row{margin-top:8px}
.lg-dchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.lg-dchips::-webkit-scrollbar{display:none}
.lg-dchips .dc{flex:0 0 auto;padding:11px 16px;border:0;border-radius:12px;background:#a2602a;color:#ffe2bf;font:700 15.5px Arial,sans-serif;cursor:pointer;white-space:nowrap}
.lg-dchips .dc.on{background:#ffe2bf;color:#5a2d0c}
.lg-dock .lg-who{margin-top:8px}
.lg-dock .lg-who .w{background:rgba(0,0,0,.35);border-color:rgba(255,226,191,.35)}
.lg-dstat{display:flex;flex-wrap:wrap;gap:4px 18px;margin:10px 2px 8px;color:#ffe2bf;font-size:15px}
.lg-dstat b{color:#fff}
.lg-dstat .ed{color:#fff;font-weight:900;letter-spacing:1px;font-size:12.5px;background:rgba(0,0,0,.35);padding:2px 8px;border-radius:6px}
.lg-drow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.lg-dock .lg-f.e.main{margin:0;grid-template-columns:minmax(0,2.4fr) repeat(3,minmax(0,.85fr));gap:8px}
.lg-dock .lg-f.e.main label{position:relative;display:block;background:#15191b;border-bottom:3px solid #e2a35a;border-radius:8px 8px 2px 2px;padding:6px 10px 2px;font:400 13px Arial,sans-serif;letter-spacing:0;text-transform:none;color:#cfd5d7}
.lg-dock .lg-f.e.main label:focus-within{border-bottom-color:#fff}
main#lg .lg-dock .lg-f.e.main input{border:0;background:transparent;padding:2px 0 6px;font:700 24px ui-monospace,Menlo,Consolas,monospace;color:#fff;text-align:left;outline:0!important}
main#lg .lg-dock #eCall{font-size:26px;letter-spacing:1px}
.lg-dbtns{display:flex;align-items:center;gap:8px}
.lg-clr{width:52px;height:52px;border-radius:12px;border:2px solid rgba(255,226,191,.55);background:transparent;color:#ffe2bf;font-size:24px;cursor:pointer}
.lg-clr.del{border-color:#ff8a80;color:#ffb3a8}
.lg-go{width:64px;height:64px;border-radius:50%;border:0;background:#b0723c;color:#fff;font-size:30px;font-weight:900;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.lg-go:active{transform:scale(.96)}
@media(max-width:1099px){
 .lg-dock{position:fixed;left:0;right:0;bottom:0;border-radius:16px 16px 0 0;padding:8px 10px calc(10px + env(safe-area-inset-bottom));z-index:1200}
 .lg-dock .lg-f.e.main{grid-template-columns:minmax(0,2.2fr) repeat(3,minmax(0,.8fr));gap:6px}
 .lg-dock .lg-f.e.main label{padding:5px 7px 1px;font-size:12px}
 main#lg main#lg .lg-dock .lg-f.e.main input{font-size:20px}
 main#lg .lg-dock #eCall{font-size:21px}
 .lg-dbtns{flex-direction:column-reverse;gap:6px}
 .lg-go{width:56px;height:56px;font-size:26px}
 .lg-clr{width:44px;height:36px;font-size:18px}
 .lg-dchips .dc{padding:9px 13px;font-size:14.5px}
 .lg-dstat{font-size:13.5px;margin:7px 2px 6px}
}
@media(max-width:600px){.lg-drawer .lg-f.e.top{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* night mode for the new parts */
main#lg[data-night] .lg-dock{background:#140000;border-color:#4a0d07}
main#lg[data-night] .lg-dchips .dc{background:#2a0500;color:#ff8a80}
main#lg[data-night] .lg-dchips .dc.on{background:#7a1a10;color:#ffd3cc}
main#lg[data-night] .lg-dstat,main#lg[data-night] .lg-dstat b{color:#ff8a80}
main#lg[data-night] .lg-dock .lg-f.e.main label{background:#000;border-bottom-color:#c0392b;color:#b85a50}
main#lg[data-night] main#lg .lg-dock .lg-f.e.main input{color:#ff9c90;background:transparent;font-size:22px;padding:2px 0 6px}
main#lg[data-night] .lg-go{background:#7a1a10}
main#lg[data-night] .lg-list,main#lg[data-night] .lr{background:#050000;color:#ff9c90}
main#lg[data-night] .lr .f,main#lg[data-night] .lr .c,main#lg[data-night] .lg-day b{color:#ff8a80}
main#lg[data-night] .lg-day{background:#1a0300;border-top-color:#4a0d07}
main#lg[data-night] .lg-tabs{background:#140000}
main#lg[data-night] .lg-tabs button{color:#b85a50}
main#lg[data-night] .lg-tabs button.on{color:#ff8a80;border-bottom-color:#ff6b5a}
@media(max-width:1099px){.lg-drawer{max-height:34vh}}
main#lg .lg-dock .lg-f.e.main input{border:0!important;background:transparent!important;box-shadow:none;width:100%}
@media(max-width:1099px){.lg-toast{bottom:calc(var(--dock,200px) + 12px)}}
/* ===== Oct 16 v7 (Brandon's PoLo computer screenshot): role switch + small notes on top, one park box,
   radio row always showing on computers, chips with the UTC clock, band-grouped spots, right-side tabs ===== */
.lg-oprow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:12px}
.lg-role{display:inline-flex;border:1px solid var(--ln);border-radius:12px;overflow:hidden}
.lg-role button{padding:11px 16px;border:0;background:rgba(0,0,0,.35);color:#dbe3dd;font:900 13px Arial,sans-serif;letter-spacing:1px;cursor:pointer;white-space:nowrap}
.lg-role button.on{background:linear-gradient(180deg,var(--g2),var(--g));color:#1a1205}
.lg-notes{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;min-width:0}
main#lg .lg-notes input#nText{flex:1 1 260px;width:auto;padding:9px 12px;font-size:15px}
.lg-notes .lg-chk{font-size:13.5px}
.lg-f label.wide2{grid-column:span 2}
@media(max-width:700px){.lg-oprow{grid-template-columns:1fr}.lg-role{display:flex}.lg-role button{flex:1}.lg-f label.wide2{grid-column:1/-1}}
/* the radio row (frequency · band · mode · their park · name): always on computers, folds behind 📻 on phones */
.lg-radio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin:0 0 10px;padding:8px;border-radius:12px;background:#5a2d0c}
.lg-radio label{display:block;background:#fff8ee;border-radius:7px;padding:5px 9px 2px;font:400 12.5px Arial,sans-serif;color:#6b4a2e;letter-spacing:0;text-transform:none}
main#lg .lg-radio input,main#lg .lg-radio select{border:0!important;background:transparent!important;color:#1d1209;padding:2px 0 5px;font:700 18px Arial,sans-serif;width:100%;outline:0}
main#lg .lg-radio #eFreq{font-family:ui-monospace,Menlo,Consolas,monospace}
main#lg .lg-radio #eBand{color:#8a4b1e}
@media(max-width:1099px){.lg-radio{display:none}main#lg[data-radio] .lg-radio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}main#lg[data-radio] .lg-radio label.ref{grid-column:span 2}}
.lg-dchips .dc.clk{background:#f2c79a;color:#3b1f08;font-family:ui-monospace,Menlo,Consolas,monospace;cursor:default}
.lg-dchips .dc.bad{background:#e0352b;color:#fff}
.lg-drawer .lg-f{grid-template-columns:1fr 1fr}
.lg-drawer .lg-msg{margin:6px 0 0;font-size:13px}
@media(max-width:600px){.lg-drawer .lg-f{grid-template-columns:1fr}}
/* right side: tabs on computers */
.lg-rtabs{display:none}
@media(min-width:1100px){
 .lg-main{grid-template-columns:minmax(0,1.25fr) minmax(400px,1fr);gap:0 16px}
 .lg-rtabs{display:flex;margin-top:16px;border-radius:16px 16px 0 0;overflow:hidden;background:#0b3a46}
 .lg-rtabs button{flex:1;padding:14px;border:0;border-bottom:3px solid transparent;background:none;color:#cfe6ea;font:700 14.5px Arial,sans-serif;letter-spacing:1px;cursor:pointer}
 .lg-rtabs button.on{color:#fff;border-bottom-color:#fff}
 .lg-right [data-rp]{display:none;margin-top:0;border-radius:0 0 16px 16px}
 main#lg[data-rt=spots] .lg-right [data-rp=spots],main#lg[data-rt=map] .lg-right [data-rp=map],main#lg[data-rt=info] .lg-right [data-rp=info]{display:block}
 .lg-right .lg-spots{max-height:calc(100vh - 330px);min-height:420px}
 #mMap{height:calc(100vh - 330px);min-height:440px}
 .lg-logc .lg-list{height:calc(100vh - 560px);min-height:300px;max-height:none}
 .lg-logc{border-radius:16px 16px 0 0;margin-bottom:0}
 .lg-dock{position:relative;border-radius:0 0 16px 16px}
}
/* spots like PoLo: grouped by band */
.lg-spots{gap:0;padding:0;border-radius:12px;overflow:auto;background:#fff8ee}
.lg-sband{position:sticky;top:0;z-index:2;padding:7px 12px;background:#dfe3e5;border-bottom:3px solid #8f979b;font:700 15px Arial,sans-serif;color:#1d2427}
.lg-sp{display:grid;grid-template-columns:5.6em minmax(0,1fr) auto;gap:2px 12px;padding:9px 12px;border:0;border-bottom:1px solid #e6dccd;border-radius:0;background:#fff;color:#1d2427}
.lg-sp:hover,.lg-sp:focus{background:#fff1dc;border-color:#e6dccd}
.lg-sp .f{order:0;font:700 16px ui-monospace,Menlo,Consolas,monospace;color:#1d2427;text-align:right}
.lg-sp .c{font:900 16px ui-monospace,Menlo,Consolas,monospace;color:#10181b}
.lg-sp .c i{font-style:normal;color:#1a9c55}
.lg-sp .a{font-size:13px;color:#5c6468;text-align:right}
.lg-sp .md{grid-column:1;background:none;padding:0;color:#5c6468;font:700 12.5px Arial,sans-serif;text-align:right;justify-self:end}
.lg-sp .n{grid-column:2/-1;font-size:14px;color:#2b3438}
.lg-sp .x{grid-column:2/-1;font-size:12px;color:#7b8387}
.lg-sp.wk{opacity:.5}
.lg-sp.wk .md::after{content:''}
main#lg[data-night] .lg-spots,main#lg[data-night] .lg-sp{background:#050000;color:#ff9c90;border-color:#2a0500}
main#lg[data-night] .lg-sband{background:#1a0300;color:#ff8a80;border-color:#4a0d07}
main#lg[data-night] .lg-sp .f,main#lg[data-night] .lg-sp .c,main#lg[data-night] .lg-sp .n{color:#ff8a80}
main#lg[data-night] .lg-radio{background:#140000}
main#lg[data-night] .lg-radio label{background:#000;color:#b85a50}
main#lg[data-night] main#lg .lg-radio input,main#lg[data-night] .lg-radio input,main#lg[data-night] .lg-radio select{color:#ff9c90!important}
main#lg[data-night] .lg-role button.on{background:#7a1a10;color:#ffd3cc}
main#lg[data-night] .lg-dchips .dc.clk{background:#2a0500;color:#ff8a80}
@media(max-width:1099px){main#lg .lg-radio{gap:6px;padding:6px;margin-bottom:8px}main#lg .lg-radio label{padding:3px 8px 1px;font-size:11.5px}main#lg .lg-radio input,main#lg .lg-radio select{font-size:16px;padding:1px 0 3px}
 .lg-dock .lg-who .w{padding:7px 10px;font-size:13px;gap:3px 10px}.lg-dock .lg-who .w b{font-size:14.5px}}
main#lg #nText{min-height:0;margin:0;height:auto;resize:none}
/* ===== Oct 16 v8 (Brandon on his phone): typing box + the last QSOs is the main screen; everything else on tabs; smaller dock ===== */
.lg-sug{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.lg-sug span{font-size:12.5px;color:var(--mu)}
.lg-sug button{padding:7px 11px;border-radius:9px;border:1px solid var(--g);background:rgba(226,176,74,.12);color:var(--g2);font:700 13px Arial,sans-serif;cursor:pointer}
.lg-sug small{font-weight:400;color:#cfd8d3;margin-left:4px}
.lg-mini{display:none}
@media(max-width:1099px){
 main#lg:not([data-tab=more]) .lg-hero{display:none}
 main#lg .lg-wrap{width:100%}
 .lg-tabs{margin:0;top:var(--hdr,0px)}
 .lg-tabs button{padding:11px 11px 9px;font-size:13px}
 main#lg .lg-card{border-radius:0;margin-top:0;border-left:0;border-right:0}
 main#lg #cLog{padding:0;background:#101416;border:0}
 main#lg #cLog h2,main#lg #cLog>.lg-row{display:none}
 .lg-mini{display:block;padding:7px 12px;background:#1b2327;color:#dfe5e6;font:14px Arial,sans-serif;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .lg-mini b{font-family:ui-monospace,Menlo,Consolas,monospace;color:#fff}.lg-mini i{font-style:normal;color:var(--g2);font-family:ui-monospace,Menlo,Consolas,monospace}
 main#lg #cLog .lg-list{margin:0;height:calc(100dvh - var(--hdr,64px) - 44px - 34px - var(--dock,200px));min-height:160px;max-height:none;border:0}
 main#lg{padding-bottom:var(--dock,200px)}
 main#lg[data-tab=log] ~ footer,main#lg[data-tab=log] ~ .kpc-disc{display:none}
 /* smaller dock */
 .lg-dock{padding:6px 8px calc(8px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}
 .lg-dchips{gap:6px}
 .lg-dchips .dc{padding:7px 10px;font-size:13px;border-radius:9px}
 .lg-dstat{font-size:12.5px;margin:5px 2px 5px;gap:2px 12px}
 .lg-dock .lg-who{margin-top:5px}
 .lg-dock .lg-who .w{padding:5px 9px;font-size:12px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
 .lg-dock .lg-who .w>*{flex:0 0 auto}
 .lg-drow{gap:6px;align-items:center}
 .lg-dock .lg-f.e.main{gap:5px}
 .lg-dock .lg-f.e.main label{padding:3px 6px 0;font-size:11px;border-bottom-width:2px}
 main#lg .lg-dock .lg-f.e.main input{font-size:18px;padding:0 0 4px}
 main#lg .lg-dock #eCall{font-size:19px}
 .lg-dbtns{flex-direction:row;gap:5px}
 .lg-go{width:46px;height:46px;font-size:22px}
 .lg-clr{width:36px;height:46px;font-size:16px;border-radius:10px}
 .lg-drawer{max-height:30vh;margin-bottom:6px;padding:8px}
}
@media(max-width:1099px){main#lg[data-tab=station] [data-tabp=station]{display:block!important}}
/* ===== Oct 16 v9: ⚙ station menu folds open above the entry; phones = locked full-screen app with tabs; RESPOT on spots ===== */
.lg-stpanel{max-height:62vh;overflow:auto;margin:0 0 10px;padding:12px;border-radius:12px;background:#0b1418;border:1px solid var(--ln);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.lg-stpanel .lg-opbar{margin:0}
.lg-stpanel .lg-station{margin:12px 0 0;padding:12px;border:1px dashed var(--ln);background:rgba(0,0,0,.25)}
.lg-stpanel .lg-opsel{margin:10px 0 0}
.lg-dchips .dc#dSta.on{background:#ffe2bf;color:#5a2d0c}
.lg-mini{display:block;padding:7px 14px;background:#1b2327;color:#dfe5e6;font:14px Arial,sans-serif;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:12px -18px 0}
.lg-mini b{font-family:ui-monospace,Menlo,Consolas,monospace;color:#fff}.lg-mini i{font-style:normal;color:var(--g2);font-family:ui-monospace,Menlo,Consolas,monospace}
.lg-mini+h2{margin-top:12px}
.lg-sp .rs{grid-column:3;grid-row:2;justify-self:end;align-self:center;padding:4px 8px;border-radius:7px;background:#0b3a46;color:#fff;font:900 11px Arial,sans-serif;letter-spacing:.5px;cursor:pointer}
.lg-sp .rs:hover{background:#125565}
.lg-home{display:none}
@media(max-width:1099px){
 /* the logger takes the whole screen (no page scroll): tabs on top, the QSO list, the entry at the bottom */
 main#lg{position:fixed;inset:0;z-index:1100;overflow-y:auto;overscroll-behavior:contain;--hdr:0px!important;padding-bottom:var(--dock,200px)!important}
 html:has(main#lg){overflow:hidden}
 .lg-home{display:flex;align-items:center;padding:0 8px 0 10px;flex:0 0 auto}
 .lg-home img{width:30px;height:30px;border-radius:50%}
 .lg-tabs{top:0!important}
 .lg-mini{margin:0;padding:7px 12px}
 main#lg #cLog .lg-list{height:calc(100dvh - 44px - 32px - var(--dock,200px))}
 .lg-stpanel{max-height:58dvh;padding:10px}
 .lg-stpanel .lg-opbar{padding:8px 10px}
 .lg-stpanel .lg-opwho{font-size:16px}
 .lg-stpanel .lg-oprow{gap:8px;margin-top:8px}
 .lg-stpanel .lg-role button{padding:9px 10px;font-size:12px}
 .lg-stpanel .lg-station{padding:10px}
 .lg-stpanel .lg-opn b{font-size:22px}
 .lg-sp .rs{font-size:10.5px}
}

/* ===== Oct 16 late (Brandon's phone picture): on phones the radio row, ✏️ More and ⚙ Station are POP-UP menus that float
   over the log, so the dock stays small and the log stays in view. One open at a time; ✓ DONE or a tap on the log closes. ===== */
.lg-pophd{display:none}
.lg-dchips .dc#dRole{background:#2f6b3a;color:#e6ffe9}
.lg-dchips .dc#dRole.hunt{background:#1f4f8a;color:#e3efff}
@media(max-width:1099px){
 main#lg #cOp:not([hidden]),main#lg[data-radio] #eRadio,main#lg #eMore:not([hidden]){position:fixed;left:8px;right:8px;bottom:calc(var(--dock) + 8px);z-index:1300;margin:0;max-height:calc(100dvh - var(--dock) - 64px);overflow:auto;border-radius:14px;box-shadow:0 -12px 44px rgba(0,0,0,.75),0 0 0 1px rgba(255,226,191,.35)}
 main#lg #eMore:not([hidden]){background:#3b1f0c;padding:10px 12px 12px}
 main#lg[data-radio] #eRadio{padding:8px 10px 10px;align-content:start}
 .lg-pophd{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font:900 12.5px Arial,sans-serif;letter-spacing:1.4px;color:#ffe2bf}
 .lg-popx{border:0;border-radius:9px;background:#ffe2bf;color:#5a2d0c;font:900 12.5px Arial,sans-serif;letter-spacing:1px;padding:8px 13px;cursor:pointer}
 /* all the chips fit on one line */
 main#lg .lg-dchips{gap:5px}
 main#lg .lg-dchips .dc{padding:7px 8px;font-size:12.5px;border-radius:9px}
 main#lg .lg-dchips .dc .tx,main#lg #dSpotT{display:none}
}
main#lg[data-night] .lg-popx{background:#7a1a10;color:#ffd3cc}
main#lg[data-night] #eMore:not([hidden]){background:#140000}

/* ===== Oct 17 (Brandon: 'the mobile logger flames etc… take that look to our loggers'): the log box gets the Hunters Lounge look.
   ⚙ Station → 🔥 FLAMES / 🎆 FIREWORKS / 🌠 STARS / 🚫 PLAIN (SET.fx). A saved contact makes it flare (.pop). Night mode = no effects. ===== */
.lg-dock>form,.lg-dock>.lg-opsel{position:relative;z-index:1}
@media(min-width:1100px){.lg-dock>#cOp{position:relative;z-index:2}}
.lg-dock .dk-fx{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.55;transition:opacity .4s,filter .4s}
.lg-dock .dk-fx i{position:absolute;left:var(--x);display:block}
#cEntry[data-fx=off] .dk-fx,main#lg[data-night] .dk-fx{display:none}
#cEntry[data-fx=flames]{background:linear-gradient(180deg,#1a0f07,#2a1206 70%,#3a1405);border-color:#ff8a2a;box-shadow:0 -10px 30px rgba(0,0,0,.5),inset 0 -24px 40px -20px rgba(255,110,20,.55)}
#cEntry[data-fx=flames] .dk-fx i{bottom:-30px;width:calc(70px*var(--s));height:calc(90px*var(--s));margin-left:-35px;border-radius:50% 50% 45% 45%;background:radial-gradient(ellipse at 50% 70%,rgba(255,214,120,.95),rgba(255,120,30,.7) 35%,rgba(200,40,10,.35) 60%,transparent 72%);filter:blur(7px);animation:lgFlame 2.6s ease-in infinite;animation-delay:var(--d)}
@keyframes lgFlame{0%{transform:translateY(20px) scale(.7);opacity:0}25%{opacity:1}100%{transform:translateY(-70px) scale(1.15);opacity:0}}
#cEntry[data-fx=fireworks]{background:radial-gradient(ellipse at 50% 120%,#1b1430,#0b0a14 70%);border-color:#ef476f}
#cEntry[data-fx=fireworks] .dk-fx i{top:calc(8% + var(--s)*14%);width:46px;height:46px;margin-left:-23px;border-radius:50%;background:radial-gradient(circle,#fff 0 2px,transparent 3px),conic-gradient(from 0deg,transparent 0 8%,#ffd166 9% 10%,transparent 11% 20%,#ef476f 21% 22%,transparent 23% 33%,#06d6a0 34% 35%,transparent 36% 45%,#4cc9f0 46% 47%,transparent 48% 58%,#ffd166 59% 60%,transparent 61% 70%,#ef476f 71% 72%,transparent 73% 83%,#06d6a0 84% 85%,transparent 86%);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:lgBurst 3.2s ease-out infinite;animation-delay:var(--d)}
@keyframes lgBurst{0%,60%{transform:scale(.1);opacity:0}65%{opacity:1}100%{transform:scale(calc(1.6*var(--s)));opacity:0}}
#cEntry[data-fx=stars]{background:radial-gradient(1px 1px at 12% 30%,#fff,transparent),radial-gradient(1px 1px at 38% 70%,#cfe3ff,transparent),radial-gradient(1.5px 1.5px at 66% 22%,#fff,transparent),radial-gradient(1px 1px at 84% 60%,#fff,transparent),radial-gradient(1px 1px at 52% 46%,#9fc4ff,transparent),linear-gradient(180deg,#060b1a,#0b1430);border-color:#7aa7ff}
#cEntry[data-fx=stars] .dk-fx i{top:calc(var(--s)*18% - 6%);width:90px;height:2px;margin-left:-45px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(190,220,255,.9) 70%,#fff);opacity:0;animation:lgStar 4.4s linear infinite;animation-delay:calc(var(--d)*1.6)}
@keyframes lgStar{0%,80%{opacity:0;transform:rotate(-24deg) translateX(-60px)}84%{opacity:1}100%{opacity:0;transform:rotate(-24deg) translateX(110px)}}
#cEntry.pop .dk-fx{opacity:1;filter:brightness(1.5) saturate(1.3)}
#cEntry.pop .lg-go{animation:lgGoPop .6s}
@keyframes lgGoPop{40%{transform:scale(1.18)}}
/* the round log button and chips take the theme's colours */
#cEntry[data-fx=flames] .lg-go{background:radial-gradient(circle at 35% 30%,#ffe7a8,#e3a43a 60%,#a56a12);color:#2a1a05;box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 18px rgba(255,170,60,.4)}
#cEntry[data-fx=fireworks] .lg-go{background:radial-gradient(circle at 35% 30%,#ffd1dc,#ef476f 60%,#8e1838);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 18px rgba(239,71,111,.45)}
#cEntry[data-fx=stars] .lg-go{background:radial-gradient(circle at 35% 30%,#e8f1ff,#7aa7ff 60%,#2a4fa8);color:#061234;box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 18px rgba(122,167,255,.45)}
#cEntry:not([data-fx=off]) .lg-dchips .dc:not(.on):not(.bad):not(.clk):not(#dRole){background:rgba(255,226,191,.13);color:#ffe2bf;box-shadow:inset 0 0 0 1px rgba(255,226,191,.25)}
#cEntry:not([data-fx=off]) .lg-dstat{color:#e9dcc0}
#cEntry[data-fx=fireworks] .lg-f.e.main label{border-bottom-color:#ef476f}
#cEntry[data-fx=stars] .lg-f.e.main label{border-bottom-color:#7aa7ff}
main#lg[data-night] #cEntry{background:#0a0000!important}
@media(prefers-reduced-motion:reduce){.lg-dock .dk-fx i{animation:none!important;opacity:.35!important}}

/* ===== Oct 17 (Brandon: 'give them the same treatment with the themes'): page LOOKS like the Hunters Lounge.
   main#lg[data-look] = classic (club photo, teal) / lodge (cabin lodge picture, warm gold) / night (aurora, blue-teal) / dark (black, orange).
   Picked from the hero LOOK chips or the ⚙ Station op bar (SET.look, default lodge). ===== */
.lg-looks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.lg-looks span{font:900 11px Arial;letter-spacing:1.6px;color:var(--mu)}
.lg-looks button{border:1px solid var(--ln);background:rgba(0,0,0,.45);color:var(--tx);border-radius:999px;padding:6px 12px;font:700 12px Arial;letter-spacing:.6px;cursor:pointer}
.lg-looks button.on{background:var(--g);color:#1a1205;border-color:var(--g)}
main#lg[data-look=lodge]{--g:#e3a24a;--g2:#ffcf7a;--gr:#9be36b;--bg:#1a100a;--card:rgba(36,22,13,.88);--ln:rgba(227,162,74,.38);--tx:#f6e9d6;--mu:#c6a988}
main#lg[data-look=lodge]::before{background:linear-gradient(180deg,rgba(20,11,5,.45),rgba(20,11,5,.82)),#1a100a url('bg-lodge.jpg') center/cover no-repeat}
main#lg[data-look=night]{--g:#7fd3e8;--g2:#b9ecff;--gr:#7ef0b2;--bg:#050a18;--card:rgba(8,16,34,.85);--ln:rgba(127,211,232,.32);--tx:#eaf3ff;--mu:#93a8c4}
main#lg[data-look=night]::before{background:linear-gradient(180deg,rgba(4,8,20,.35),rgba(4,8,20,.8)),#050a18 url('bg-night.jpg') center/cover no-repeat}
main#lg[data-look=dark]{--g:#ff8a3d;--g2:#ffb072;--gr:#4cf0a0;--bg:#050505;--card:rgba(18,18,18,.92);--ln:rgba(255,138,61,.28);--tx:#eeeeee;--mu:#9a9a9a}
main#lg[data-look=dark]::before{background:radial-gradient(900px 600px at 15% 0%,rgba(255,138,61,.12),transparent 60%),#030303}
@media(max-width:700px){
 main#lg[data-look=lodge]::before{background-image:linear-gradient(180deg,rgba(20,11,5,.45),rgba(20,11,5,.82)),url('bg-lodge-mobile.jpg')}
 main#lg[data-look=night]::before{background-image:linear-gradient(180deg,rgba(4,8,20,.35),rgba(4,8,20,.8)),url('bg-night-mobile.jpg')}
}
main#lg[data-look=lodge]::after,main#lg[data-look=night]::after,main#lg[data-look=dark]::after{opacity:.12}
/* tab bars, table heads, station panel and respot buttons follow the look */
main#lg[data-look=lodge] .lg-tabs,main#lg[data-look=lodge] .lg-rtabs,main#lg[data-look=lodge] .lg-sp .rs{background:#3a2210}
main#lg[data-look=lodge] .lg-stpanel,main#lg[data-look=lodge] .lg-t th{background:#1c120a}
main#lg[data-look=night] .lg-tabs,main#lg[data-look=night] .lg-rtabs,main#lg[data-look=night] .lg-sp .rs{background:#0c2142}
main#lg[data-look=night] .lg-stpanel,main#lg[data-look=night] .lg-t th{background:#071226}
main#lg[data-look=dark] .lg-tabs,main#lg[data-look=dark] .lg-rtabs,main#lg[data-look=dark] .lg-sp .rs{background:#161616}
main#lg[data-look=dark] .lg-stpanel,main#lg[data-look=dark] .lg-t th{background:#0b0b0b}
main#lg[data-look=dark] .lg-tabs button.on{border-bottom-color:var(--g);color:var(--g2)}
main#lg[data-night]::before{background:#000!important}

/* Oct 17 (Brandon, computer): ✏️ More opens UPWARD over the log instead of pushing the box down */
@media(min-width:1100px){
 main#lg #eMore:not([hidden]){position:absolute;left:0;right:0;bottom:calc(100% + 10px);z-index:60;margin:0;max-height:60vh;overflow:auto;background:#2a1606;border:1px solid rgba(255,226,191,.35);border-radius:14px;padding:10px 12px 12px;box-shadow:0 -14px 44px rgba(0,0,0,.7)}
 main#lg #eMore .lg-pophd{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font:900 12.5px Arial,sans-serif;letter-spacing:1.4px;color:#ffe2bf}
 main#lg #eMore .lg-popx{border:0;border-radius:9px;background:#ffe2bf;color:#5a2d0c;font:900 12.5px Arial,sans-serif;letter-spacing:1px;padding:7px 12px;cursor:pointer}
}
main#lg[data-night] #eMore:not([hidden]){background:#140000}
/* spots: every filter folds into one ⚙ FILTERS line (closed = just the line) */
.lg-spf{margin:0 0 10px;border:1px solid var(--ln);border-radius:12px;background:rgba(0,0,0,.3)}
.lg-spf>summary{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;list-style:none;font:900 12.5px Arial;letter-spacing:1.4px;color:var(--g2)}
.lg-spf>summary::-webkit-details-marker{display:none}
.lg-spf>summary::after{content:'▾';margin-left:4px}
.lg-spf[open]>summary::after{content:'▴'}
.lg-spf>summary i{font-style:normal;background:var(--g);color:#1a1205;border-radius:9px;padding:1px 7px;font-size:10.5px}
.lg-spf>summary i:empty{display:none}
.lg-spf>summary .tip{margin-left:auto;font:400 12px Arial;letter-spacing:0;color:var(--mu)}
.lg-spf>.lg-row{padding:0 12px 10px;margin:0}
.lg-progs{gap:14px}

/* Oct 17 (Brandon): Download & files and Install are bars that open and close */
main#lg .lg-fold>h2{cursor:pointer;user-select:none;margin:0}
main#lg .lg-fold>h2::after{content:'OPEN ▾';margin-left:auto;font:900 11px Arial;letter-spacing:1.2px;padding:5px 11px;border-radius:999px;background:var(--g);color:#1a1205}
main#lg .lg-fold.open>h2::after{content:'CLOSE ▴'}
main#lg .lg-fold>h2+*{margin-top:12px}
main#lg .lg-fold:not(.open)>:not(h2){display:none!important}
main#lg .lg-fold:not(.open){padding-top:12px;padding-bottom:12px}
/* small laptops / tablets (700-1099 px wide use the app layout): a short picture strip of the founders above the tabs */
@media(min-width:700px) and (max-width:1099px){
 main#lg:not([data-tab=more]):not([data-night]) .lg-hero{display:block;border-bottom:0}
 main#lg:not([data-tab=more]):not([data-night]) .lg-hero .lg-pic{aspect-ratio:auto;height:118px;background:url('hero-founders.jpg') center 38%/cover no-repeat;-webkit-mask-image:none;mask-image:none}
 main#lg:not([data-tab=more]):not([data-night]) .lg-hero .lg-in{display:none}
}

/* Oct 17 (Brandon's phone picture): less empty space under the entry line, and KEYBOARD MODE (main#lg[data-kb], set by vvFit()):
   the app fits the visible part of the screen, the extras hide, and the log fills the room above the entry line */
@media(max-width:1099px){
 main#lg .lg-dock{padding-bottom:max(8px,calc(env(safe-area-inset-bottom) - 24px))}
 main#lg[data-kb]{top:var(--vvt,0px)!important;bottom:auto!important;height:var(--vvh,100dvh)!important}
 main#lg[data-kb] .lg-dock{bottom:var(--kbb,0px);padding:5px 8px 5px}
 main#lg[data-kb] .lg-hero,main#lg[data-kb] .lg-mini,main#lg[data-kb] .lg-dstat,main#lg[data-kb] .lg-day i{display:none!important}
 main#lg[data-kb] .lg-tabs button{padding:8px 10px 7px;font-size:13px}
 main#lg[data-kb] .lg-tabs a img,main#lg[data-kb] .lg-tabs .lg-tlogo{max-height:26px}
 main#lg[data-kb] .lg-day{padding:3px 12px;font-size:13px}
 main#lg[data-kb] .lr{padding:5px 12px}
 main#lg[data-kb] .lg-dchips{margin-bottom:4px}
 main#lg[data-kb] .lg-dchips .dc{padding:5px 8px}
 main#lg[data-kb] .lg-who{margin-top:3px}
 main#lg[data-kb] #cLog .lg-list{height:calc(var(--vvh,100dvh) - 38px - var(--dock,200px))!important;min-height:90px}
}
html:has(main#lg[data-kb]) .lg-toast{bottom:auto;top:8px}
/* ☁ send to QRZ box in Download & files (Oct 17) */
.lg-qz{margin:14px 0;padding:12px 14px;border:1px solid rgba(61,220,132,.5);border-radius:14px;background:rgba(61,220,132,.07)}
.lg-qz h3{margin:0 0 6px;font:900 13px Arial;letter-spacing:1.4px;color:#7ff0b0}
.lg-qz input{background:#0b0805;color:#fff;border:1px solid rgba(240,201,107,.4);border-radius:10px;padding:9px 10px;font:14px ui-monospace,Menlo,monospace}
/* spots as a table like the Hunters Lounge (Brandon Oct 17) */
main#lg .lg-st{width:100%;border-collapse:collapse;font:13.5px Arial,sans-serif;background:rgba(14,10,6,.9);border-radius:12px;overflow:hidden}
main#lg .lg-st th{font:900 10.5px Arial;letter-spacing:1px;color:#f0c96b;text-align:left;padding:8px;border-bottom:1px solid rgba(240,201,107,.45);position:sticky;top:0;background:#1a120a;white-space:nowrap}
main#lg .lg-st th.srt{cursor:pointer}main#lg .lg-st th.srt.on{color:#fff}
main#lg .lg-st td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle;color:#f3e6c8}
main#lg .lg-st tr.sp{cursor:pointer}main#lg .lg-st tr.sp:hover td{background:rgba(240,201,107,.08)}
main#lg .lg-st tr.wk td{opacity:.55}
main#lg .lg-st td.c{font:900 14px ui-monospace,Menlo,Consolas,monospace;color:#fff;white-space:nowrap}
main#lg .lg-st td.c i{color:#3ddc84;font-style:normal}
main#lg .lg-st td.f{font:900 14px ui-monospace,Menlo,Consolas,monospace;color:#3ddc84;white-space:nowrap}
main#lg .lg-st td.f small{display:block;font:700 10px Arial;color:#cdbb95}
main#lg .lg-st td.t{color:#cdbb95;white-space:nowrap}
main#lg .lg-st td.r b{font:900 13px ui-monospace,Menlo,Consolas,monospace;color:#f6d58a}
main#lg .lg-st td.r small{display:block;font-size:12px;color:#d9c9a5;max-width:44ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main#lg .lg-st td.r small.x{color:#a99773;font-style:italic}
main#lg .lg-st .rs{display:inline-block;border:1px solid rgba(240,201,107,.6);border-radius:8px;padding:4px 7px;cursor:pointer}
@media(max-width:600px){main#lg .lg-st .hs{display:none}main#lg .lg-st{font-size:12.5px}main#lg .lg-st td{padding:6px 5px}main#lg .lg-st td.r small{max-width:26ch}}
main#lg[data-night] .lg-st,main#lg[data-night] .lg-st th{background:#000}main#lg[data-night] .lg-st td,main#lg[data-night] .lg-st td.c,main#lg[data-night] .lg-st td.f,main#lg[data-night] .lg-st th,main#lg[data-night] .lg-st td.r b{color:#ff9c90}
main#lg .lg-st{align-self:start;height:auto!important}main#lg #pList:has(.lg-st){align-content:start}
main#lg #pList:has(.lg-st){background:rgba(14,10,6,.9)!important;border-radius:12px}

.lg-f8t{position:relative}.lg-f8t.live::after{content:'';position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#45e08f;box-shadow:0 0 8px #45e08f}
/* CAT in the logger + APSPOT text spot (Oct 17) */
.lg-cat{margin-top:14px;padding:12px;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid rgba(240,201,107,.35)}
.lg-cat h3{margin:0 0 8px;font:900 12px Arial;letter-spacing:1.2px;color:#f6d58a}.lg-cat h3 small{margin-left:8px;color:#c9b48a;font-weight:700;letter-spacing:.3px}.lg-cat h3 small.ok{color:#45e08f}
.lg-dchips .dc.on{background:#1f7a46;color:#eafff2}
.lg-ap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.lg-ap code{flex:1 1 220px;padding:8px 10px;border-radius:8px;background:#05070a;color:#7dffb1;font:700 13px monospace;word-break:break-all}
/* POTA Plus style badges on the logger spots (Oct 17) */
.lg-plus{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}
.lg-st .ac{display:inline-block;padding:1px 6px;border-radius:999px;font:900 10px Arial;letter-spacing:.3px;background:#eef3ff;color:#1b3a8a;border:1px solid #b9c8f0}
.lg-st .ac.new{background:#1f9d55;color:#fff;border-color:#1f9d55}
.lg-st .ac.flash{background:#f6d58a;color:#2a1a05;border-color:#d5a63a;animation:lgAcF 1.1s ease-in-out infinite}
@keyframes lgAcF{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.lg-st .ac.flash{animation:none}}
.lg-plust{margin:4px 0 8px;font-size:12.5px;color:var(--mu,#c9b48a)}.lg-plust a{color:#f0c96b}
/* 🏁 goal bar in the dock + WRAP UP pop-up (Oct 17) */
.lg-dstat .dk-goal{display:inline-flex;align-items:center;gap:6px}.lg-dstat .dk-goal[hidden]{display:none}
.lg-dstat .dk-goal i{display:inline-block;width:86px;height:9px;border-radius:5px;background:rgba(255,255,255,.18);overflow:hidden;vertical-align:middle}
.lg-dstat .dk-goal b{display:block;height:100%;width:0;background:linear-gradient(90deg,#f6d58a,#d5a63a);transition:width .4s}
.lg-dstat .dk-goal.done b{background:linear-gradient(90deg,#3ddc84,#1f9d55)}.lg-dstat .dk-goal em{font-style:normal;font-weight:900;font-family:monospace}
.lg-dstat .dk-goal.done em{color:#7dffb1}
.lg-dstat .dk-wrap{padding:3px 10px;border-radius:999px;border:1px solid rgba(240,201,107,.6);background:rgba(240,201,107,.12);color:#f6d58a;font:900 11px Arial;letter-spacing:.5px;cursor:pointer}.lg-dstat .dk-wrap[hidden]{display:none}
.lg-wrapm{position:fixed;inset:0;z-index:2147481000;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.6)}.lg-wrapm[hidden]{display:none}
.lg-wrapb{position:relative;width:min(520px,100%);max-height:calc(100vh - 28px);overflow:auto;padding:18px 16px;border-radius:16px;background:rgba(20,13,6,.97);border:1px solid rgba(240,201,107,.6);box-shadow:0 0 34px rgba(240,201,107,.25);color:#f3e6c8;font:14px/1.45 Arial,sans-serif}
.lg-wrapx{position:absolute;top:10px;right:12px}.lg-wrapk{margin:0;font:900 12px Arial;letter-spacing:1.6px;color:#f6d58a}.lg-wrapb h3{margin:4px 0;font:700 20px Georgia,serif;color:#fff}
.lg-wraps{margin:6px 0;font-weight:900}.lg-wraps.ok{color:#7dffb1}.lg-wraps.no{color:#ffcf7a}.lg-wrapd{margin:0 0 10px;color:#cdbf9e;font-size:13px}
.lg-wrapl{margin:0;padding-left:22px}.lg-wrapl li{margin:8px 0}.lg-wrapl li[hidden]{display:none}.lg-wrapl li small{display:block;color:#a99c80;font-size:12px;margin-top:3px}
.lg-wrapl li.done button::after{content:' ✓';color:#7dffb1}.lg-wrapl button{width:100%;justify-content:center}

/* Installed app (Oct 18, Brandon: 'I downloaded the logger and got the whole website'): the app is only the logger, no site menu or footer */
@media (display-mode: standalone){header.site-nav,footer.kpc-about-footer,.kpc-about-footer{display:none!important}main#lg{--hdr:0px}}

/* Oct 17: QRZ auto / manual switch + dock counter */
main#lg .lg-qzm .lg-btn.on{background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05;border-color:#d5a63a}
main#lg .dk-qz{padding:2px 8px;border-radius:999px;border:1px solid rgba(240,201,107,.55);background:rgba(0,0,0,.35);color:#9ff0b8;font:800 11px Arial;cursor:pointer;white-space:nowrap}
main#lg .dk-qz.bad{color:#ffb4a8;border-color:#ff8f7a}
/* Oct 17 (Brandon: logger too big on a laptop): short computer screens get a tighter log head and entry box so everything fits on one screen */
@media (min-width:1100px) and (max-height:820px){
 main#lg .lg-logc h2{margin:2px 0 4px;font-size:15px}
 main#lg .lg-logc .lg-row,main#lg .lg-logc .lg-mini{margin:4px 0}
 main#lg .lg-dock{padding-top:8px!important;padding-bottom:8px!important}
 main#lg .lg-radio{gap:6px!important;padding:5px!important;margin-bottom:6px!important}
 main#lg .lg-radio label{padding:2px 8px 1px!important;font-size:11px!important}
 main#lg .lg-radio input,main#lg .lg-radio select{font-size:15px!important;padding:1px 0!important}
 main#lg .lg-dchips{gap:6px!important;margin-bottom:4px!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 main#lg .lg-dchips .dc{padding:6px 10px!important;font-size:13px!important;white-space:nowrap}
 main#lg .lg-dstat{margin:2px 0!important;font-size:12.5px}
 main#lg .lg-dock input{font-size:17px}
 main#lg .lg-dock label{padding-top:2px!important;padding-bottom:2px!important}
}