/* KPC Hunters Lounge (kpc-hunt.html). A dark "lounge" look, scoped to main#hl. Oct 16 2026 */
main#hl{--g:#d5a63a;--g2:#f0c96b;--gr:#3ddc84;--bg:#0b0f0d;--bg2:#121815;--card:#161d19;--ln:rgba(213,166,58,.28);--tx:#efe9da;--mu:#a59e8c;--red:#ff6b5a;
display:block;background:radial-gradient(1200px 500px at 80% -100px,rgba(61,220,132,.08),transparent),var(--bg);color:var(--tx);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:clip}
main#hl *{box-sizing:border-box}
main#hl [hidden]{display:none!important}
main#hl a{color:var(--g2)}
.hl-in{width:min(1180px,100%);margin:auto}
/* small far-away ticker (very top) */
.hl-far{display:flex;align-items:center;gap:10px;background:#060807;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:#bdb6a5;height:26px;overflow:hidden}
.hl-far-k{flex:0 0 auto;padding:0 10px;font-weight:900;letter-spacing:1.5px;color:#8fb7ff;border-right:1px solid rgba(255,255,255,.1)}
.hl-far-run,.hl-tick-run{flex:1;overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.hl-far-track,.hl-tick-track{display:inline-block;white-space:nowrap;padding-left:100%;animation:hlRun var(--dur,40s) linear infinite}
.hl-far-track span{margin-right:40px}.hl-far-track b{color:#cfe0ff}
@keyframes hlRun{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.hl-far-track,.hl-tick-track{animation-duration:calc(var(--dur,40s)*3)}}
/* hero */
.hl-hero{position:relative;border-bottom:2px solid var(--g);background:linear-gradient(90deg,rgba(5,7,6,.95) 0%,rgba(5,7,6,.78) 45%,rgba(5,7,6,.3) 80%,rgba(5,7,6,.1)),#050706 url('hero-aurora.jpg') center 40%/cover no-repeat}
@media(max-width:700px){.hl-hero{background:linear-gradient(180deg,rgba(5,7,6,.55),rgba(5,7,6,.92) 70%),#050706 url('hero-aurora-mobile.jpg') center top/cover no-repeat}}
.hl-hero .hl-in{padding:56px 22px 40px}
.hl-eyebrow{margin:0 0 10px;color:var(--gr);font-size:13px;font-weight:900;letter-spacing:4px}
.hl-hero h1{margin:0;font:700 clamp(42px,7vw,76px)/.95 Georgia,"Times New Roman",serif;letter-spacing:-1.5px;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.9)}
.hl-hero h1 span{color:var(--g2)}
.hl-copy{max-width:640px;margin:14px 0 0;color:#e6e0d1;font-size:clamp(15px,2vw,18px);text-shadow:0 2px 10px #000}
.hl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,150px));gap:10px;margin-top:22px}
.hl-stats div{background:rgba(0,0,0,.5);border:1px solid var(--ln);border-radius:12px;padding:10px 12px;backdrop-filter:blur(3px)}
.hl-stats b{display:block;font:900 28px/1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.hl-stats .g b{color:var(--gr);text-shadow:0 0 14px rgba(61,220,132,.5)}
.hl-stats span{font-size:10.5px;font-weight:900;letter-spacing:1.3px;color:var(--mu)}
@media(max-width:600px){.hl-stats{grid-template-columns:repeat(2,1fr)}}
.hl-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:8px;font:900 13px Arial,sans-serif;letter-spacing:1px;cursor:pointer;border:0;text-decoration:none!important}
.hl-btn.gold{background:var(--g);color:#0b0b0b!important}
.hl-btn.ghost{color:#fff!important;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35)}
.hl-btn.green{background:#1d7a4a;color:#fff!important}
.hl-btn.line{background:transparent;color:var(--tx)!important;border:1px solid var(--ln)}
.hl-btn.sm{min-height:36px;padding:7px 12px;font-size:12px}
.hl-btn:disabled{opacity:.5}
/* big ticker */
.hl-tick{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:0;background:linear-gradient(180deg,#141a10,#0c100a);border-bottom:2px solid var(--g);box-shadow:0 10px 30px rgba(0,0,0,.5);min-height:62px}
.hl-tick-k{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 14px;font:900 13px Arial;letter-spacing:2px;color:#0b0b0b;background:var(--g);align-self:stretch}
.hl-tick-k .dot{width:10px;height:10px;border-radius:50%;background:#b81d0e;box-shadow:0 0 0 0 rgba(184,29,14,.7);animation:hlPulse 1.6s infinite}
@keyframes hlPulse{70%{box-shadow:0 0 0 9px rgba(184,29,14,0)}100%{box-shadow:0 0 0 0 rgba(184,29,14,0)}}
.hl-tick-track{font:900 clamp(20px,3.2vw,30px)/62px Georgia,serif;letter-spacing:.5px;color:#fff}
.hl-tick-track .it{margin-right:70px;cursor:pointer}
.hl-tick-track .it b{color:var(--g2);text-shadow:0 0 18px rgba(240,201,107,.55)}
.hl-tick-track .it i{font-style:normal;color:var(--gr);font-family:ui-monospace,Menlo,Consolas,monospace}
.hl-tick-track .it small{font:700 .55em Arial;color:#c9c2b0;letter-spacing:1px}
.hl-tick-track .hl-wait{font:700 16px Arial;color:#8d8775;letter-spacing:1px}
.hl-tick.flash{animation:hlFlash 1s 3}
@keyframes hlFlash{50%{background:#3b2f0c}}
.hl-bell{flex:0 0 auto;align-self:stretch;border:0;border-left:1px solid var(--ln);background:#0c100a;color:#d9d2c1;font:900 12px Arial;letter-spacing:1px;padding:0 14px;cursor:pointer;white-space:nowrap}
.hl-bell[aria-pressed=true]{background:#1d7a4a;color:#fff}
@media(max-width:600px){.hl-tick{min-height:52px}.hl-tick-track{line-height:52px}.hl-tick-k{padding:0 9px;font-size:0}.hl-tick-k .dot{width:12px;height:12px}.hl-bell{padding:0 9px;font-size:11px}}
/* sections */
.hl-sec{padding:36px 22px}
.hl-sec.alt{background:var(--bg2);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.hl-k{margin:0;color:var(--gr);font-size:12px;font-weight:900;letter-spacing:4px}
.hl-sec h2{font:700 clamp(28px,4.4vw,40px)/1.05 Georgia,serif;margin:6px 0 14px;color:#fff}
.hl-h3{font:700 24px Georgia,serif;margin:30px 0 10px;color:#fff}
.hl-p{color:#cfc8b6;margin:0 0 12px}
.hl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.hl-chip{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);border-radius:999px;padding:8px 13px;font:900 12px Arial;letter-spacing:.6px;cursor:pointer;color:var(--tx)}
.hl-chip[aria-pressed=true]{background:var(--g);border-color:var(--g);color:#0b0b0b}
.hl-chip.big{padding:10px 15px}
main#hl input[type=search],main#hl input:not([type]),main#hl select{font-size:16px;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0d1210;color:var(--tx);min-width:0;max-width:100%}
main#hl input[type=search]{flex:1 1 220px}
.hl-filters{background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.hl-dd{display:inline-block;margin:6px 6px 6px 0;vertical-align:top;position:relative}
.hl-dd summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:8px 12px;font:900 12px Arial;letter-spacing:1px}
.hl-dd summary::-webkit-details-marker{display:none}
.hl-dd summary i{font-style:normal;color:var(--g2);margin-left:6px}
.hl-dd[open] summary{border-color:var(--g)}
.hl-dd[open]>div,.hl-dd[open]>label{max-width:min(520px,86vw)}
.hl-lab{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-weight:700;font-size:13px;color:#cfc8b6;margin:8px 0}
.hl-chk{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#d9d2c1;margin:8px 0;cursor:pointer}
.hl-chk input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.hl-count{color:var(--mu);font-size:13px;margin:14px 2px 10px}
.hl-src{color:#7f7969;font-size:12px;margin-top:14px}
.hl-empty{padding:22px;border:1px dashed rgba(255,255,255,.2);border-radius:14px;color:var(--mu);text-align:center}
/* spot cards */
.hl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
@media(max-width:420px){.hl-grid{grid-template-columns:1fr}}
.hs{position:relative;background:linear-gradient(180deg,#19211c,#131915);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:13px 14px 12px;overflow:hidden;min-width:0}
.hs.new{border-color:rgba(61,220,132,.65);box-shadow:0 0 0 1px rgba(61,220,132,.25),0 0 26px rgba(61,220,132,.18)}
.hs.new::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gr),var(--g2))}
.hs.worked{opacity:.62}
.hs.fresh{animation:hlIn .9s ease-out}
@keyframes hlIn{from{transform:scale(.97);box-shadow:0 0 0 3px var(--g2)}}
.hs-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.hs-call{font:900 22px/1.1 ui-monospace,Menlo,Consolas,monospace;color:#fff;letter-spacing:.5px;word-break:break-all}
.hs-call a{color:#fff;text-decoration:none}
.hs-f{text-align:right;flex:0 0 auto}
.hs-f b{display:block;font:900 22px/1.1 ui-monospace,Menlo,Consolas,monospace;color:var(--gr);text-shadow:0 0 10px rgba(61,220,132,.35)}
.hs-f span{font-size:11px;font-weight:900;letter-spacing:1px;color:var(--mu)}
.hs-park{margin:8px 0 2px;font-weight:700;color:#f3eddd;font-size:15px;line-height:1.3}
.hs-park a{color:var(--g2);text-decoration:none;font-family:ui-monospace,Menlo,Consolas,monospace;margin-right:6px}
.hs-meta{font-size:12.5px;color:var(--mu)}
.hs-com{font-size:12.5px;color:#bfb8a6;margin-top:4px;font-style:italic;overflow-wrap:anywhere}
.hs-b{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.hb{font:900 10.5px Arial;letter-spacing:.8px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#d6cfbe}
.hb.new{background:var(--gr);color:#06200f;border-color:var(--gr)}
.hb.wk{background:#2a2f2c;color:#9da59f}
.hb.rare{background:#e08a2c;color:#1b0e00;border-color:#e08a2c}
.hb.atno{background:#ff6b5a;color:#250400;border-color:#ff6b5a}
.hb.far{border-color:#8fb7ff;color:#bcd2ff}
.hb.prog{border-color:var(--g);color:var(--g2)}
.hs-a{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hs-a a,.hs-a button{font:900 11px Arial;letter-spacing:.8px;padding:7px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--tx);text-decoration:none;cursor:pointer}
.hs-a .wk{border-color:var(--gr);color:var(--gr)}
.hs-a .wk.on{background:var(--gr);color:#06200f}
/* setup cards */
.hl-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:800px){.hl-two{grid-template-columns:1fr}}
.hl-card{background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.35);min-width:0}
.hl-card h3{margin:0 0 10px;font:700 21px Georgia,serif;color:#fff}
.hl-drop{position:relative;border:2px dashed rgba(240,201,107,.55);border-radius:14px;padding:22px 14px;text-align:center;margin:12px 0;background:rgba(240,201,107,.05);cursor:pointer}
.hl-drop.over{background:rgba(240,201,107,.16)}
.hl-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.hl-drop b{display:block;color:var(--g2);letter-spacing:1px}
.hl-drop span{font-size:12.5px;color:var(--mu)}
.hl-msg{font-size:14px;color:#d9d2c1;margin:8px 0}
.hl-msg.ok{color:var(--gr)}.hl-msg.bad{color:var(--red)}
.hl-progs{display:flex;flex-wrap:wrap;gap:8px}
.hl-progs span{background:#0d1210;border:1px solid var(--ln);border-radius:10px;padding:6px 10px;font-size:13px}
.hl-progs b{color:var(--g2);font-family:ui-monospace,Menlo,Consolas,monospace}
.hl-how{padding-left:18px;margin:0 0 12px;color:#d6cfbe}
.hl-how li{margin:6px 0}
.hl-note{background:rgba(61,220,132,.07);border:1px solid rgba(61,220,132,.35);border-radius:12px;padding:12px 14px;font-size:14px;color:#d6efe0}
/* needed parks */
.hl-prog{margin:12px 0}
.hl-prog .bar{height:12px;border-radius:999px;background:#222a25;overflow:hidden}
.hl-prog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gr),var(--g2))}
.hl-prog p{margin:6px 0 0;font-size:14px;color:#d9d2c1}
.hl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.hn{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 12px;font-size:14px;min-width:0}
.hn a.r{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--g2);text-decoration:none;font-weight:900;margin-right:6px}
.hn .m{font-size:12px;color:var(--mu)}
.hn.air{border-color:var(--gr);box-shadow:0 0 16px rgba(61,220,132,.2)}
.hn .air{color:var(--gr);font-weight:900;font-size:12px}
/* top activators */
.hl-top{background:var(--card);border:1px solid var(--ln);border-radius:16px;overflow:hidden}
.ht{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}
.ht:last-child{border-bottom:0}
.ht .n{font:900 18px ui-monospace,Menlo,Consolas,monospace;color:var(--mu);text-align:center}
.ht:nth-child(1) .n{color:#ffd76a}.ht:nth-child(2) .n{color:#d9dde3}.ht:nth-child(3) .n{color:#e3a36b}
.ht .c{font:900 16px ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.ht .c a{color:#fff;text-decoration:none}
.ht .v{text-align:right;font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--g2);font-weight:900}
.ht .v small{display:block;font:700 10px Arial;letter-spacing:1px;color:var(--mu)}
.ht.me{background:rgba(61,220,132,.12)}
.ht.hd{font:900 11px Arial;letter-spacing:1.2px;color:var(--mu);background:#0e1411}
.hm{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.hm div{background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:12px}
.hm b{display:block;font:900 26px/1.1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.hm span{font-size:11px;font-weight:900;letter-spacing:1.2px;color:var(--mu)}
.hm .g b{color:var(--gr)}
/* ---------- password lock ---------- */
.hl-lock{max-width:460px;margin:60px auto;background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:24px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.hl-lock h2{font:700 26px Georgia,serif;margin:6px 0 8px;color:#fff}
.hl-lock form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.hl-lock input{flex:1 1 200px}
.hl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- theme picker ---------- */
.hl-theme{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px;font:900 11px Arial;letter-spacing:1.4px;color:var(--mu)}
/* ---------- mini North America map in the ticker ---------- */
.hl-na{flex:0 0 auto;align-self:stretch;border:0;border-right:1px solid var(--ln);background:#0a0d0b;padding:4px 8px;cursor:pointer;display:flex;align-items:center}
.hl-na svg{width:92px;height:56px;display:block}
.hl-na .land{fill:#26302a;stroke:#4b5a50;stroke-width:1.2}
.hl-na .us{fill:#2f3b33}
.hl-na .sp{fill:#7d8a80;opacity:.55}
.hl-na .nw{fill:var(--gr)}.hl-na .fr{fill:#8fb7ff}
.hl-na .nw,.hl-na .fr{animation:hlBlink 1.1s infinite}
@keyframes hlBlink{50%{opacity:.15}}
.hl-na .home{fill:none;stroke:var(--g2);stroke-width:2.2}
.hl-na.big{position:fixed;z-index:3000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,900px);height:auto;border:2px solid var(--g);border-radius:16px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.hl-na.big svg{width:100%;height:auto}
.hl-na.big .sp{opacity:.8}
.hl-na-cap{display:none}
.hl-na.big .hl-na-cap{display:block;position:absolute;left:16px;bottom:10px;font:700 12px Arial;color:#cfc8b6;text-align:left}
@media(max-width:600px){.hl-na svg{width:62px;height:40px}.hl-na{padding:3px 5px}}
/* ---------- log ---------- */
.hs{cursor:pointer}
.hs-a .lg{border-color:var(--g);color:var(--g2)}
.hl-sheet{position:fixed;z-index:2500;left:0;right:0;bottom:0;background:var(--card);border-top:2px solid var(--g);box-shadow:0 -20px 60px rgba(0,0,0,.6);padding:14px 16px calc(14px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto;transform:translateY(105%);transition:transform .22s}
.hl-sheet.on{transform:none}
.hl-sheet .in{width:min(900px,100%);margin:auto}
.hl-sheet h3{margin:0 0 8px;font:700 22px Georgia,serif;color:#fff;display:flex;justify-content:space-between;gap:10px;align-items:center}
.hl-sheet h3 button{background:none;border:1px solid var(--ln);color:var(--tx);border-radius:8px;font:900 14px Arial;padding:6px 10px;cursor:pointer}
.hl-f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hl-f label{display:flex;flex-direction:column;gap:3px;font:900 10.5px Arial;letter-spacing:1px;color:var(--mu);min-width:0}
.hl-f label.w2{grid-column:span 2}.hl-f label.w4{grid-column:1/-1}
.hl-f input,.hl-f select{width:100%}
@media(max-width:600px){.hl-f{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hl-dupe{color:#ffb15a;font-weight:700;font-size:13px;margin:8px 0 0}
.hl-toast{position:fixed;z-index:3100;left:50%;bottom:24px;transform:translateX(-50%);background:#1d7a4a;color:#fff;font:900 14px Arial;padding:12px 18px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.5);display:flex;gap:12px;align-items:center}
.hl-toast button{background:#fff;color:#0b0b0b;border:0;border-radius:6px;font:900 12px Arial;padding:6px 10px;cursor:pointer}
.hl-logt{width:100%;border-collapse:collapse;font-size:13.5px}
.hl-logt th{font:900 10.5px Arial;letter-spacing:1px;color:var(--mu);text-align:left;padding:8px;border-bottom:1px solid var(--ln)}
.hl-logt td{padding:8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}
.hl-logt td.c{font:900 14px ui-monospace,Menlo,Consolas,monospace}
.hl-logt td.r{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--g2)}
.hl-logt button{background:none;border:1px solid rgba(255,255,255,.2);color:var(--tx);border-radius:6px;font:900 10.5px Arial;padding:5px 8px;cursor:pointer;margin:0 3px 3px 0}
.hl-logt tr.nx td.c::after{content:" β’";color:var(--gr)}
.hl-logwrap{overflow-x:auto;background:var(--card);border:1px solid var(--ln);border-radius:14px}
@media(max-width:600px){.hl-logt .hide-s{display:none}}
.hl-safe{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.hl-safe span{font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px solid rgba(61,220,132,.4);color:#bfe9cf;background:rgba(61,220,132,.07)}
.hl-safe span.warn{border-color:#ffb15a;color:#ffd7a8;background:rgba(255,177,90,.08)}
/* ---------- LODGE theme (Brandon's cabin pictures) ---------- */
main#hl[data-theme=lodge]{--g:#e3a24a;--g2:#ffcf7a;--gr:#9be36b;--bg:#1a100a;--bg2:#24160d;--card:rgba(43,27,16,.92);--ln:rgba(227,162,74,.38);--tx:#f6e9d6;--mu:#c6a988;--red:#ff7b5c;
background:#1a100a}
main#hl[data-theme=lodge]::before{content:"";position:fixed;inset:0;z-index:-1;background:#1a100a url('bg-lodge.jpg') center/cover no-repeat}
@media(max-width:700px){main#hl[data-theme=lodge]::before{background-image:url('bg-lodge-mobile.jpg')}}
main#hl[data-theme=lodge]{background:transparent}
main#hl[data-theme=lodge] .hl-hero{background:#120a05;border-bottom:3px solid var(--g)}
main#hl[data-theme=lodge] .hl-hero::before{content:"";display:block;width:100%;aspect-ratio:2157/729;background:url('hero-lodge.jpg') center/cover no-repeat}
/* phones show the whole wide cabin picture too, info underneath (Brandon Oct 16: 'like this on desktop and mobile') */
main#hl[data-theme=lodge] .hl-hero .hl-in{padding:22px 22px 30px}
main#hl[data-theme=lodge] .hl-hero .hl-eyebrow,main#hl[data-theme=lodge] .hl-hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
main#hl[data-theme=lodge] .hl-copy{margin-top:0;color:#f3e2c8}
main#hl[data-theme=lodge] .hl-sec{background:rgba(26,16,10,.42)}
main#hl[data-theme=lodge] .hl-sec.alt{background:rgba(36,22,13,.55)}
main#hl[data-theme=lodge] .hl-tick{background:linear-gradient(180deg,#3a2413,#22140a);border-bottom-color:var(--g)}
main#hl[data-theme=lodge] .hl-tick-k{background:linear-gradient(180deg,#e9b05c,#b9782c)}
main#hl[data-theme=lodge] .hl-tick-track{font-family:Georgia,serif}
main#hl[data-theme=lodge] .hs{background:linear-gradient(180deg,rgba(58,37,21,.95),rgba(38,24,13,.95));border-color:rgba(227,162,74,.25)}
main#hl[data-theme=lodge] .hs.new{border-color:rgba(155,227,107,.7);box-shadow:0 0 0 1px rgba(155,227,107,.25),0 0 26px rgba(255,190,90,.22)}
main#hl[data-theme=lodge] .hs-f b{color:#ffcf7a;text-shadow:0 0 12px rgba(255,170,60,.45)}
main#hl[data-theme=lodge] .hl-stats div{background:rgba(30,18,9,.75)}
main#hl[data-theme=lodge] .hl-na{background:#22140a}
main#hl[data-theme=lodge] .hl-na .land{fill:#3b2716;stroke:#7a5534}
main#hl[data-theme=lodge] .hl-na .us{fill:#4a311b}
main#hl[data-theme=lodge] input,main#hl[data-theme=lodge] select{background:#1e120a!important;border-color:rgba(227,162,74,.35)!important}
main#hl[data-theme=lodge] .hl-bell{background:#22140a}
main#hl[data-theme=lodge] .hl-bell[aria-pressed=true],main#hl[data-theme=lodge] .hl-btn.green{background:#5d7d2c}
main#hl[data-theme=lodge] .hl-far{background:#140b05}
main#hl[data-theme=lodge] .hl-sheet{background:#2b1b10}
.hl-sheet{background:#161d19}
main#hl .hl-f input{font-size:16px;padding:9px 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0d1210;color:var(--tx);min-width:0;color-scheme:dark}
.hl-sheet:not(.on){visibility:hidden;transition:transform .22s,visibility 0s .22s}
.hl-pota{background:rgba(240,201,107,.08);border:1px solid var(--g);border-radius:12px;padding:12px 14px;margin:10px 0}
.hl-pota>b{color:var(--g2);letter-spacing:.6px}
.hl-pota p{margin:6px 0;font-size:14px;color:#d9d2c1}
.hl-pota ol{margin:6px 0 0;padding-left:20px;font-size:14px;color:#d9d2c1}
.hl-pota li{margin:7px 0}
.hl-nolog{display:block;margin:14px 0 0;padding:12px 16px;border-radius:12px;border:2px solid var(--g);background:rgba(240,201,107,.12);color:var(--tx)!important;text-decoration:none!important;font-size:15px}
.hl-nolog b{color:var(--g2)}
#hPota{scroll-margin-top:150px}
/* awards */
.aw-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.aw-t{background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:12px}
.aw-t b{display:block;font:900 26px/1.1 ui-monospace,Menlo,Consolas,monospace;color:#fff}
.aw-t span{font:900 10.5px Arial;letter-spacing:1.2px;color:var(--mu)}
.aw-t .bar{height:7px;border-radius:9px;background:rgba(255,255,255,.1);margin:8px 0 5px;overflow:hidden}
.aw-t .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gr),var(--g2))}
.aw-t small{font-size:11.5px;color:#cfc8b6}
.aw-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:14px}
@media(max-width:420px){.aw-cols{grid-template-columns:1fr}}
.aw-c{background:var(--card);border:1px solid var(--ln);border-radius:14px;padding:14px;min-width:0}
.aw-c h4{margin:0 0 4px;font:700 18px Georgia,serif;color:#fff}
.aw-c p{margin:4px 0 8px;font-size:13px;color:#cfc8b6;overflow-wrap:anywhere}
.aw-c p a{font-weight:900;margin-right:2px}
.aw-r{display:flex;gap:8px;align-items:baseline;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13.5px;min-width:0}
.aw-r a{font:900 13.5px ui-monospace,Menlo,Consolas,monospace;color:var(--g2);text-decoration:none;flex:0 0 auto}
.aw-r .s{flex:1;color:var(--mu);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.aw-r span:first-child{flex:1;min-width:0}
.aw-r .v{flex:0 0 auto;font:900 13.5px ui-monospace,Menlo,Consolas,monospace;color:#fff}
.aw-r .v small{color:var(--mu)}
/* Oct 16 evening: page picture in both looks, big live map, table view, state views */
main#hl[data-theme=night]{background:transparent}
main#hl[data-theme=night]::before{content:"";position:fixed;inset:0;z-index:-1;background:#050706 url('bg-night.jpg') center/cover no-repeat}
@media(max-width:700px){main#hl[data-theme=night]::before{background-image:url('bg-night-mobile.jpg')}}
main#hl[data-theme=night] .hl-sec{background:rgba(8,12,10,.45)}
main#hl[data-theme=night] .hl-sec.alt{background:rgba(14,20,17,.58)}
.ht.two{grid-template-columns:44px minmax(0,1fr) auto auto}
@media(max-width:480px){.ht{grid-template-columns:30px minmax(0,1fr) auto auto auto;gap:6px;padding:8px 10px}.ht .v{font-size:12.5px}.ht .v small{font-size:8.5px}.ht.two{grid-template-columns:30px minmax(0,1fr) auto auto}}
.hl-mapsec{padding:18px 22px 0}
.hl-maphd{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:8px}
.hl-maphd b{font:900 13px Arial;letter-spacing:2px;color:var(--g2)}
.hl-maphd span{flex:1 1 300px;font-size:12.5px;color:var(--mu)}
.hl-bigmap{background:rgba(6,9,8,.72);border:1px solid var(--ln);border-radius:16px;padding:8px;box-shadow:0 14px 40px rgba(0,0,0,.4)}
main#hl[data-theme=lodge] .hl-bigmap{background:rgba(26,15,8,.72)}
#hlBigSvg{width:100%;height:auto;max-height:520px;display:block}
.hl-bigmap .land{fill:#26302a;stroke:#4b5a50;stroke-width:.8}
.hl-bigmap .us{fill:#2f3b33}
main#hl[data-theme=lodge] .hl-bigmap .land{fill:#3b2716;stroke:#7a5534}
main#hl[data-theme=lodge] .hl-bigmap .us{fill:#4a311b}
.hl-bigmap .sp{fill:#9aa79d;opacity:.75;cursor:pointer}
.hl-bigmap .nw{fill:var(--gr);cursor:pointer;animation:hlBlink 1.1s infinite}
.hl-bigmap .fr{fill:#8fb7ff;cursor:pointer;animation:hlBlink 1.1s infinite}
.hl-bigmap .home{fill:none;stroke:var(--g2);stroke-width:2}
.hl-viewbar{justify-content:space-between;margin:12px 0 8px}
.hl-viewbar .hl-count{margin:0}
.hl-vt{display:flex;gap:6px}
.hl-tablewrap{overflow-x:auto;background:var(--card);border:1px solid var(--ln);border-radius:14px}
.hl-st{width:100%;border-collapse:collapse;font-size:13.5px}
.hl-st th{font:900 10.5px Arial;letter-spacing:1px;color:var(--mu);text-align:left;padding:8px;border-bottom:1px solid var(--ln);position:sticky;top:0;background:var(--card)}
.hl-st td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}
.hl-st tr.hr{cursor:pointer}
.hl-st tr.hr:hover td{background:rgba(255,255,255,.04)}
.hl-st tr.new td{background:rgba(61,220,132,.07)}
.hl-st tr.worked td{opacity:.6}
.hl-st td.c{font:900 14px ui-monospace,Menlo,Consolas,monospace;color:#fff;white-space:nowrap}
.hl-st td.f{font:900 14px ui-monospace,Menlo,Consolas,monospace;color:var(--gr);white-space:nowrap}
.hl-st td.t{color:var(--mu);white-space:nowrap}
.hl-st .pg{font:900 9.5px Arial;letter-spacing:.8px;color:var(--g2);border:1px solid var(--g);border-radius:99px;padding:1px 6px}
.hl-st a.r{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--g2);text-decoration:none;font-weight:900}
.hl-st td.a{white-space:nowrap}
.hl-st td.a button{background:none;border:1px solid rgba(255,255,255,.2);color:var(--tx);border-radius:6px;padding:4px 7px;cursor:pointer;margin-right:3px}
.hl-st td.a button.wk.on{background:var(--gr);color:#06200f}
.hl-st .hb{font-size:9px;padding:1px 6px;margin-left:4px}
@media(max-width:600px){.hl-st .hide-s{display:none}.hl-st{font-size:12.5px}.hl-st td{padding:6px 5px}}
.hl-stmap{background:rgba(6,9,8,.6);border:1px solid var(--ln);border-radius:14px;padding:10px;margin:10px 0}
.hs-st{text-align:left;color:var(--tx);font:inherit;font-size:14px;cursor:pointer}
.hs-st b{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--g2);margin-right:4px}
.hs-st .bar{height:7px;border-radius:9px;background:rgba(255,255,255,.1);margin:6px 0 4px;overflow:hidden}
.hs-st .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gr),var(--g2))}
.hl-st td.f small{display:none;font:700 10px Arial;color:var(--mu);margin-top:2px}
@media(max-width:600px){.hl-st td.f small{display:block}}
.hl-st tr.fresh td{animation:hlRowIn 1.2s}
@keyframes hlRowIn{from{background:rgba(240,201,107,.35)}}
/* Oct 16 late: filter box, hidden countries, spots + map side by side, compact hero on computers */
.hl-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0;padding:10px 12px;border-radius:12px;border:1px solid var(--g);background:rgba(240,201,107,.1)}
.hl-active>b{font:900 11px Arial;letter-spacing:1.5px;color:var(--g2);margin-right:4px}
.hl-pill{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.35);color:var(--tx);border-radius:999px;padding:5px 10px;font:700 12.5px Arial;cursor:pointer}
.hl-pill:hover{border-color:var(--red);color:#fff}
.hl-active .hl-btn{margin-left:auto}
.hl-chip.off{background:rgba(255,107,90,.18);border-color:var(--red);color:#ffd2cc;text-decoration:line-through}
.hl-chip small{opacity:.7;font-weight:700;margin-left:3px}
#fCty{max-height:260px;overflow:auto}
@media(min-width:1100px){
.hl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,34%);gap:0 18px;width:min(1500px,100%);margin:auto;padding:0 22px;align-items:start}
.hl-split>.hl-sec{grid-column:1;grid-row:1;padding:18px 0 30px;background:transparent!important}
.hl-split>.hl-mapsec{grid-column:2;grid-row:1;position:sticky;top:150px;padding:18px 0 0}
#hlLmap{height:calc(100vh - 250px);min-height:420px;max-height:760px}
.hl-split .hl-in{width:100%}
.hl-split .hl-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
}
/* ===== Oct 16 late: dark mode keeps the picture, real map, flames, embers, livelier cards ===== */
html:has(main#hl){background:#0d0805!important}
html:has(main#hl) body{background:transparent!important}
#hlLmap{height:380px;border-radius:12px;background:#0b0f0d}
.hl-bigmap{position:relative;padding:6px}
.hl-mapbtns{position:absolute;z-index:500;left:16px;bottom:16px;display:flex;gap:6px;flex-wrap:wrap}
.hl-mapbtns .hl-chip{background:rgba(0,0,0,.65);backdrop-filter:blur(3px);padding:6px 10px;font-size:11px}
.hl-mapbtns .hl-chip[aria-pressed=true]{background:var(--g);color:#0b0b0b}
#hlLmap .leaflet-tile-pane{filter:saturate(1.15) brightness(.92)}
.hl-pin span{position:absolute;inset:4px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 2px #06200f,0 0 14px #3ddc84}
.hl-pin span::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #3ddc84;animation:hlRing 1.6s infinite}
@keyframes hlRing{from{transform:scale(.5);opacity:1}to{transform:scale(1.8);opacity:0}}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#1d140c;color:#f6e9d6;border:1px solid rgba(227,162,74,.5)}
.hl-pop{font:13px/1.45 Arial,sans-serif}
.hl-pop b{font:900 15px ui-monospace,Menlo,Consolas,monospace}
.hl-pop .f{font:900 14px ui-monospace,Menlo,Consolas,monospace;color:#3ddc84}
.hl-pop .r{font-family:ui-monospace,Menlo,Consolas,monospace;color:#ffcf7a;font-weight:900}
.hl-pop .pn{color:#3ddc84;font-weight:900}.hl-pop .pw{color:#ffcf7a}
.hl-popb{display:flex;gap:6px;margin-top:8px}
.hl-popb button{flex:1;border:1px solid rgba(255,255,255,.3);background:#2b1b10;color:#fff;border-radius:6px;padding:6px;font:900 11px Arial;cursor:pointer}
.hl-pop .ac{display:inline-block;margin:4px 4px 0 0}
/* award chips on the spots */
.hs-aw{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.ac{font:900 11px Arial;letter-spacing:.4px;padding:4px 9px;border-radius:999px;background:rgba(240,201,107,.12);border:1px solid rgba(240,201,107,.45);color:#ffe2a6;white-space:nowrap}
.ac.near{background:linear-gradient(90deg,#e3a24a,#ffcf7a);color:#2a1503;border-color:#ffcf7a;box-shadow:0 0 12px rgba(255,190,90,.5);animation:hlNear 2s infinite}
@keyframes hlNear{50%{box-shadow:0 0 22px rgba(255,190,90,.85)}}
.hl-st .ac{font-size:9.5px;padding:1px 6px;margin-left:4px}
.hb.qrt{background:#555;color:#ddd;border-color:#777}
.hs.qrt{filter:grayscale(.6)}
/* program colour stripe on each card */
.hs{border-left:4px solid var(--pc,#777)}
.hs.p-POTA{--pc:#3ddc84}.hs.p-WWFF{--pc:#3fc6d8}.hs.p-SOTA{--pc:#ff9a3c}.hs.p-DX{--pc:#8fb7ff}.hs.p-DXPED{--pc:#c08bff}.hs.p-EVENT{--pc:#ff6fa8}
.hs:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.45);transition:transform .15s,box-shadow .15s}
.hs.new{background:linear-gradient(180deg,rgba(61,220,132,.12),rgba(0,0,0,0) 60%),linear-gradient(180deg,#1f2a22,#141b16)}
main#hl[data-theme=lodge] .hs.new{background:linear-gradient(180deg,rgba(255,170,60,.18),rgba(0,0,0,0) 60%),linear-gradient(180deg,rgba(66,42,22,.97),rgba(40,25,13,.97))}
.hs.new .hs-call a{text-shadow:0 0 14px rgba(255,190,90,.6)}
.hb.new{animation:hlNewB 1.4s infinite}
@keyframes hlNewB{50%{box-shadow:0 0 12px var(--gr)}}
/* section headings glow */
.hl-sec h2{text-shadow:0 3px 18px rgba(0,0,0,.8)}
.hl-sec h2::after{content:"";display:block;width:90px;height:3px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,var(--g),transparent)}
/* hero embers */
.hl-hero{overflow:hidden}
.hl-embers{position:absolute;inset:0;pointer-events:none;z-index:1}
.hl-embers i{position:absolute;bottom:-10px;left:var(--x);width:5px;height:5px;border-radius:50%;background:#ffb347;box-shadow:0 0 10px 3px rgba(255,140,40,.8);opacity:0;animation:hlEmber var(--t) linear var(--d) infinite}
@keyframes hlEmber{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}100%{transform:translate(40px,-420px) scale(.2);opacity:0}}
.hl-hero .hl-in{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.hl-embers{display:none}}
/* the flames */
.hl-fire{position:fixed;left:0;right:0;bottom:0;width:100%;height:55vh;pointer-events:none;z-index:2800;opacity:0;transition:opacity .4s}
.hl-fire.on{opacity:1}
.hl-firemsg{position:fixed;left:50%;bottom:16vh;transform:translate(-50%,40px);z-index:2900;pointer-events:none;font:900 clamp(20px,3.4vw,40px)/1.15 Georgia,serif;color:#fff;text-align:center;text-shadow:0 0 18px #ff7a00,0 0 40px #ff3d00,0 3px 6px #000;opacity:0;width:min(92vw,1000px)}
.hl-firemsg.on{animation:hlFireMsg 3.6s ease-out}
@keyframes hlFireMsg{0%{opacity:0;transform:translate(-50%,60px) scale(.9)}15%{opacity:1;transform:translate(-50%,0) scale(1.05)}75%{opacity:1;transform:translate(-50%,-10px) scale(1)}100%{opacity:0;transform:translate(-50%,-40px)}}
#hlFlame[aria-pressed=true]{background:linear-gradient(180deg,#c0461a,#7a2208);color:#fff}
/* favorites */
.fv{background:none;border:0;color:#ffd76a;font-size:20px;line-height:1;cursor:pointer;padding:0 6px 0 0;vertical-align:-2px;text-shadow:0 0 8px rgba(255,200,80,.5)}
.fv:not(.on){color:rgba(255,255,255,.45);text-shadow:none}
.hl-st .fv{font-size:16px}
.hl-favbox{margin:12px 0 0;background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:10px 14px}
.hl-favbox summary{cursor:pointer;font:900 12px Arial;letter-spacing:1.4px;color:var(--g2);list-style:none}
.hl-favbox summary::-webkit-details-marker{display:none}
.hl-favbox summary i{font-style:normal;color:var(--gr);margin-left:6px}
.hl-fav{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ln);border-radius:999px;padding:4px 6px 4px 11px;font:900 13px ui-monospace,Menlo,Consolas,monospace}
.hl-fav a{color:var(--tx);text-decoration:none}
.hl-fav.on{border-color:var(--gr);box-shadow:0 0 12px rgba(61,220,132,.35)}
.hl-fav button{background:rgba(255,255,255,.08);border:0;color:var(--tx);border-radius:50%;width:22px;height:22px;cursor:pointer}
.hl-pinbar{margin:14px 0 8px;font:900 13px Arial;letter-spacing:2px;color:#ffd76a;text-shadow:0 0 12px rgba(255,200,80,.5)}
.hl-pinbar small{font:700 11.5px Arial;letter-spacing:.5px;color:var(--mu);margin-left:6px}
.hl-pinned .hs{border:2px solid #ffd76a;box-shadow:0 0 0 1px rgba(255,215,106,.3),0 0 30px rgba(255,190,80,.3)}
.hs-a .got{background:#ffd76a;color:#2a1503;border-color:#ffd76a}
.hl-pota ol[hidden]{display:none}
.hl-pota small{color:var(--mu)}
@media(max-width:600px){.hl-na{display:none}.hl-bell .t{display:none}.hl-bell{font-size:18px;padding:0 12px}}
#nLmap{height:min(70vh,560px);border-radius:12px;background:#0b0f0d}
.hl-stmap{padding:6px}
.hl-pin.red span{background:#ff4b3a;box-shadow:0 0 0 2px #2a0400,0 0 14px #ff4b3a}
.hl-pin.red span::after{border-color:#ff4b3a}
.hl-popb a{flex:1;text-align:center;border:1px solid rgba(255,255,255,.3);background:#2b1b10;color:#fff!important;border-radius:6px;padding:6px;font:900 11px Arial;text-decoration:none}
.hl-stats .clk b{font-size:24px;letter-spacing:1px}
#hlFlame[data-fx=fireworks]{background:linear-gradient(180deg,#5b3cc4,#2a1866);color:#fff}
#hlFlame[data-fx=off]{background:#22140a;color:#bba}
/* π DARK + GHOST FLAMES (Oct 16, Brandon: a dark look for phones with moving ghost flames) */
main#hl[data-theme=dark]{--g:#ff8a3d;--g2:#ffb072;--gr:#4cf0a0;--bg:#050505;--bg2:#0a0a0a;--card:rgba(18,18,18,.88);--ln:rgba(255,138,61,.28);--tx:#eeeeee;--mu:#9a9a9a;background:#030303}
main#hl[data-theme=dark] .hl-hero{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.92)),#000 url('hero-lodge.jpg') center/cover no-repeat}
main#hl[data-theme=dark] .hl-sec,main#hl[data-theme=dark] .hl-sec.alt{background:transparent}
main#hl[data-theme=dark] .hs{background:linear-gradient(180deg,rgba(24,24,24,.92),rgba(12,12,12,.92))}
main#hl[data-theme=dark] .hs.new{background:linear-gradient(180deg,rgba(255,120,40,.16),rgba(0,0,0,0) 60%),linear-gradient(180deg,rgba(26,22,20,.95),rgba(12,12,12,.95))}
main#hl[data-theme=dark] .hl-tick{background:linear-gradient(180deg,#151010,#070505)}
main#hl[data-theme=dark] .hl-tick-k{background:linear-gradient(180deg,#ff8a3d,#c2410c)}
main#hl[data-theme=dark] input,main#hl[data-theme=dark] select{background:#0c0c0c!important}
main#hl[data-theme=dark] .hl-sheet{background:#111}
.hl-ghost{display:none}
main#hl[data-theme=dark] .hl-ghost{display:block;position:fixed;left:0;right:0;bottom:0;height:70vh;pointer-events:none;z-index:0;overflow:hidden;mask-image:linear-gradient(0deg,#000 20%,transparent)}
main#hl[data-theme=dark] .hl-ghost i{position:absolute;bottom:-160px;left:var(--x);width:calc(170px * var(--s));height:calc(260px * var(--s));border-radius:50% 50% 45% 45%/60% 60% 40% 40%;
background:radial-gradient(ellipse at 50% 70%,rgba(255,140,50,.55),rgba(255,70,20,.25) 40%,rgba(120,40,255,.08) 65%,transparent 72%);filter:blur(18px);opacity:.0;animation:hlGhost var(--t) ease-in-out var(--d) infinite}
@keyframes hlGhost{0%{transform:translate(-50%,0) scale(.7);opacity:0}20%{opacity:.85}50%{transform:translate(calc(-50% + 30px),-25vh) scale(1.05) skewX(6deg);opacity:.55}80%{opacity:.25}100%{transform:translate(calc(-50% - 20px),-55vh) scale(.6) skewX(-6deg);opacity:0}}
main#hl[data-theme=dark] #hlApp{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){main#hl[data-theme=dark] .hl-ghost i{animation:none;opacity:.25;bottom:-60px}}
/* phones: filters fold away behind one button */
.hl-ftog{display:none}
@media(max-width:700px){
.hl-ftog{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;border:0;color:var(--g2);font:900 13px Arial;letter-spacing:1.5px;padding:4px 2px;cursor:pointer}
.hl-filters:not(.open)>*:not(.hl-ftog){display:none}
}
/* dark look: same full cabin picture on top, info under it */
main#hl[data-theme=dark] .hl-hero{background:#000;border-bottom:3px solid var(--g)}
main#hl[data-theme=dark] .hl-hero::before{content:"";display:block;width:100%;aspect-ratio:2157/729;background:url('hero-lodge.jpg') center/cover no-repeat;filter:brightness(.8) saturate(.9)}
main#hl[data-theme=dark] .hl-hero .hl-in{padding:22px 22px 30px}
main#hl[data-theme=dark] .hl-hero .hl-eyebrow,main#hl[data-theme=dark] .hl-hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:700px){main#hl[data-theme=lodge] .hl-hero .hl-in,main#hl[data-theme=dark] .hl-hero .hl-in{padding:16px 16px 22px}main#hl .hl-hero .hl-copy{font-size:14.5px}}
@media(max-width:600px){main#hl .hl-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}main#hl .hl-stats div{padding:8px 6px}main#hl .hl-stats b{font-size:17px}main#hl .hl-stats .clk b{font-size:14px;letter-spacing:0}main#hl .hl-stats span{font-size:8.5px;letter-spacing:.4px;line-height:1.25;display:block}}
/* Oct 16 late (Brandon: Night Sky is perfect β the info sits ON the picture): Cabin Lodge and Dark now do the same.
The picture fills the hero, the words/numbers sit on a dark fade at the bottom so the KPC sign stays clear. */
main#hl[data-theme=lodge] .hl-hero,main#hl[data-theme=dark] .hl-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:max(560px,min(40vw,760px));
background:linear-gradient(180deg,rgba(8,5,2,0) 30%,rgba(8,5,2,.55) 58%,rgba(8,5,2,.94) 100%),linear-gradient(90deg,rgba(8,5,2,.55),rgba(8,5,2,0) 60%),#120a05 url('hero-lodge.jpg') center top/cover no-repeat}
main#hl[data-theme=dark] .hl-hero{background:linear-gradient(180deg,rgba(0,0,0,.1) 25%,rgba(0,0,0,.65) 55%,rgba(0,0,0,.96) 100%),linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 60%),#000 url('hero-lodge.jpg') center top/cover no-repeat}
main#hl[data-theme=lodge] .hl-hero::before,main#hl[data-theme=dark] .hl-hero::before{content:none;display:none}
main#hl[data-theme=lodge] .hl-hero .hl-in,main#hl[data-theme=dark] .hl-hero .hl-in{width:min(1180px,100%);margin:0 auto;padding:0 22px 26px}
main#hl[data-theme=lodge] .hl-copy,main#hl[data-theme=dark] .hl-copy{text-shadow:0 2px 10px #000,0 0 2px #000}
@media(max-width:700px){
main#hl[data-theme=lodge] .hl-hero,main#hl[data-theme=dark] .hl-hero{min-height:620px;background-image:linear-gradient(180deg,rgba(8,5,2,0) 22%,rgba(8,5,2,.6) 40%,rgba(8,5,2,.95) 62%),url('hero-lodge-mobile.jpg');background-size:auto,100% auto;background-position:center top,center top;background-repeat:no-repeat;background-color:#120a05}
main#hl[data-theme=lodge] .hl-hero .hl-in,main#hl[data-theme=dark] .hl-hero .hl-in{padding:0 16px 20px}
}
#hlFlame[data-fx=stars]{background:linear-gradient(180deg,#1b3a7a,#0a1430);color:#fff}
.hl-firemsg.star{text-shadow:0 0 18px #7fb2ff,0 0 40px #3a6dff,0 3px 6px #000}
/* phones: the words start over the bottom half of the picture (under the sign), like Night Sky */
@media(max-width:700px){
main#hl[data-theme=lodge] .hl-hero,main#hl[data-theme=dark] .hl-hero{min-height:0;justify-content:flex-start;
background-image:linear-gradient(180deg,rgba(8,5,2,0) 0,rgba(8,5,2,0) 26vw,rgba(8,5,2,.7) 42vw,rgba(8,5,2,.95) 58vw),url('hero-lodge-mobile.jpg');background-size:100% 100%,100% auto}
main#hl[data-theme=dark] .hl-hero{background-image:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 26vw,rgba(0,0,0,.75) 42vw,rgba(0,0,0,.97) 58vw),url('hero-lodge-mobile.jpg')}
main#hl[data-theme=lodge] .hl-hero .hl-in,main#hl[data-theme=dark] .hl-hero .hl-in{padding-top:34vw}
}
/* POTA bookmark result box */
.hl-big{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.72)}
.hl-big[hidden]{display:none}
.hl-bigbox{max-width:460px;width:100%;background:#1c120a;border:2px solid #e8b25a;border-radius:18px;padding:22px 20px;color:#f5e6cf;text-align:center;box-shadow:0 20px 60px #000}
.hl-big.bad .hl-bigbox{border-color:#e0653a}
.hl-bigic{font-size:44px;line-height:1}
.hl-bigbox h3{margin:10px 0 8px;font-size:21px;color:#ffd58a}
.hl-bigbox p{margin:0 0 10px;font-size:15.5px;line-height:1.5}
.hl-bigbox p.s{font-size:13.5px;opacity:.8}
.hl-bigbox button{margin-top:6px;font:700 15px/1 inherit;letter-spacing:.06em;padding:14px 22px;border:0;border-radius:12px;background:#e8b25a;color:#1a0f05;cursor:pointer}
/* Oct 16 10:20 PM (Brandon): computers use more of the screen, and the live map is bigger.
(the plain #hlLmap{height:380px} further up was beating the old computer rule, so the map stayed small) */
@media(min-width:1100px){
main#hl .hl-in{width:min(1760px,calc(100% - 44px))}
main#hl .hl-split{width:min(1800px,100%);grid-template-columns:minmax(0,1fr) minmax(440px,46%);gap:0 22px}
main#hl .hl-split .hl-in{width:100%}
main#hl .hl-split>.hl-mapsec{top:156px}
main#hl #hlLmap{height:calc(100vh - 250px);min-height:540px;max-height:1100px}
}
@media(min-width:1700px){main#hl .hl-split{grid-template-columns:minmax(0,1fr) minmax(600px,50%)}}
/* public copy (kpc-hunters.html, main#hl[data-public=1]): no POTA bookmark, no hunting log, no Top 50 */
main#hl:not([data-public="1"]) .pub-only{display:none!important}
/* Oct 17 (Brandon): the public Lounge = the VIP one minus the β POTA pull, QRZ and radio control (CAT) */
main#hl[data-public="1"] .mem-only,main#hl[data-public="1"] #hPota,main#hl[data-public="1"] #dkCat,main#hl[data-public="1"] #hlNeed,main#hl[data-public="1"] [data-need],main#hl[data-public="1"] [data-ft8open],main#hl[data-public="1"] #cFt8,main#hl[data-public="1"] .hl-vipb{display:none!important}
main#hl .hl-qzk{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
main#hl[data-public="1"] #hlSpots .hs{cursor:default}
main#hl .hs-a .hc{color:#cfc6b4}
/* ===== Oct 16 late (Brandon: 'how you got it on the new desktop logger is better for the hunter lounge⦠pop up menu for all the filters'):
members copy on computers = log + entry dock on the left, SPOTS / MAP tabs on the right, filters in one pop-up ===== */
.hl-dk,.hl-rtabs{display:none}
@media(min-width:1100px){
main#hl[data-desk="1"] .hl-split{grid-template-columns:minmax(460px,42%) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 18px;padding-top:14px}
main#hl[data-desk="1"] .hl-dk{display:flex;flex-direction:column;grid-column:1;grid-row:1/3;position:sticky;top:150px;height:calc(100vh - 166px);min-height:520px;background:rgba(10,13,11,.93);border:1px solid var(--ln);border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.45)}
main#hl[data-desk="1"] .hl-rtabs{display:flex;grid-column:2;grid-row:1;gap:6px;align-items:center;position:sticky;top:150px;z-index:30;background:#0a0d0b;box-shadow:0 -14px 0 4px #0a0d0b;border:1px solid var(--ln);border-radius:12px;padding:6px}
main#hl[data-desk="1"] .hl-split>.hl-spsec,main#hl[data-desk="1"] .hl-split>.hl-mapsec{grid-column:2;grid-row:2;padding:10px 0 30px;position:relative;top:auto}
main#hl[data-desk="1"][data-rt="map"] .hl-split>.hl-spsec,main#hl[data-desk="1"]:not([data-rt="map"]) .hl-split>.hl-mapsec{display:none}
main#hl[data-desk="1"] .hl-mapsec .hl-maphd span,main#hl[data-desk="1"] #hlMapTog{display:none}
main#hl[data-desk="1"] .hl-mapsec{position:sticky!important;top:210px!important}
main#hl[data-desk="1"] #hlLmap{height:calc(100vh - 330px);min-height:480px;max-height:none}
/* tabs */
.hl-rtabs button{flex:0 0 auto;font:900 13px Arial;letter-spacing:1.2px;padding:10px 16px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--mu);cursor:pointer}
.hl-rtabs button:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.hl-rtabs button[aria-pressed="true"]{background:var(--g);color:#1a1205}
.hl-rtabs button i{font-style:normal;font-size:11px;opacity:.75;margin-left:4px}
.hl-rtabs .rt-f{margin-left:auto;border-color:var(--ln);color:var(--g2)}
.hl-rtabs .rt-f[aria-expanded="true"]{background:rgba(213,166,58,.18)}
.hl-rtabs .rt-f i{background:var(--g);color:#1a1205;border-radius:9px;padding:1px 6px;opacity:1}
.hl-rtabs .rt-f i:empty{display:none}
/* filters = pop-up menu */
main#hl[data-desk="1"] .hl-filters:not(.open){display:none}
main#hl[data-desk="1"] .hl-filters.open{position:fixed;right:max(30px,calc((100vw - 1800px)/2 + 30px));top:212px;z-index:40;width:min(620px,100%);max-height:calc(100vh - 240px);overflow:auto;background:#0d1210;border:1px solid var(--g);border-radius:14px;padding:12px 14px 14px;box-shadow:0 22px 60px rgba(0,0,0,.7)}
main#hl[data-desk="1"] .hl-filters .hl-ftog{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;border:0;border-bottom:1px solid var(--ln);color:var(--g2);font:900 13px Arial;letter-spacing:1.5px;padding:2px 2px 9px;margin-bottom:6px;cursor:pointer}
main#hl[data-desk="1"] .hl-filters .hl-row{margin:7px 0}
main#hl[data-desk="1"] .hl-viewbar{margin-top:0}
main#hl[data-desk="1"] .hl-split .hl-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
/* the lower log section keeps the files/backups; its long table isn't needed next to the pane */
main#hl[data-desk="1"] #hlLog .hl-logwrap,main#hl[data-desk="1"] #hlLog #lgQ{display:none}
}
/* log pane + dock base look (all sizes; moved out of the computer-only block Oct 17) */
/* log pane */
.dk-hd{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--ln);background:rgba(213,166,58,.08)}
.dk-hd>b{font:900 14px Arial;letter-spacing:1.5px;color:var(--g2);white-space:nowrap}
.dk-hd #dkN{font:12px Arial;color:var(--mu);white-space:nowrap}.dk-hd #dkN b{color:var(--tx)}
main#hl .dk-hd input{flex:1;font-size:13px;padding:6px 10px;min-width:80px}
.dk-files{font:900 11px Arial;letter-spacing:1px;text-decoration:none;border:1px solid var(--ln);border-radius:8px;padding:7px 9px;white-space:nowrap}
.dk-list{flex:1;overflow-y:auto;min-height:0;font-family:Consolas,'Courier New',monospace}
.dk-day{position:sticky;top:0;background:#1a1610;color:var(--g2);font:900 10.5px Arial;letter-spacing:1.5px;padding:4px 12px;border-bottom:1px solid var(--ln)}
.dk-q{display:grid;grid-template-columns:54px minmax(70px,1.1fr) 78px minmax(70px,1.3fr) 62px 52px;gap:6px;align-items:center;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px;color:var(--tx)}
.dk-q:nth-child(even){background:rgba(255,255,255,.025)}
.dk-q:hover{background:rgba(213,166,58,.1)}
.dk-q .t{color:var(--mu)}.dk-q .c{color:#fff;font-size:14.5px}.dk-q .m{color:var(--mu);font-size:12px}.dk-q .r{color:var(--gr);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dk-q .r i{font-style:normal;color:var(--mu)}.dk-q .s{color:var(--mu);font-size:12px}
.dk-q.nx .t:before{content:'β’';color:var(--g);margin-right:2px}
.dk-q .a{display:flex;gap:2px;justify-content:flex-end}.dk-q .a button{background:none;border:0;cursor:pointer;opacity:.45;font-size:13px;padding:2px 3px}.dk-q:hover .a button{opacity:1}
/* dock */
.dk-dock{border-top:2px solid var(--g);background:#120f0a;padding:8px 12px 12px}
.dk-dock.flash{animation:dkFlash .7s}
@keyframes dkFlash{0%{background:rgba(61,220,132,.28)}100%{background:#120f0a}}
.dk-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;font:12px Arial;color:var(--mu)}
.dk-clk{font:900 13px Consolas,monospace;color:var(--g2);background:rgba(213,166,58,.12);border-radius:6px;padding:3px 8px}
.dk-dupe{margin-left:auto;color:#ffd2cc;background:rgba(255,107,90,.2);border-radius:6px;padding:3px 8px;font-weight:700}
.dk-r1,.dk-r2{display:flex;gap:6px;align-items:flex-end}
.dk-r2{margin-top:7px}
.dk-dock label{display:flex;flex-direction:column;gap:2px;font:900 9.5px Arial;letter-spacing:1px;color:var(--mu);flex:1 1 60px;min-width:0}
.dk-dock label.w{flex:2 1 90px}.dk-dock label.b{flex:0 0 52px}.dk-dock label.s{flex:0 0 44px}.dk-dock label.c{flex:2.2 1 110px}
main#hl .dk-dock input,main#hl .dk-dock select{width:100%;font:15px Consolas,monospace;padding:7px 7px;border-radius:7px;border:1px solid rgba(255,255,255,.2);background:#0a0d0b;color:var(--tx)}
main#hl .dk-dock select{font-family:Arial;font-size:13px;padding:8px 4px}
main#hl .dk-dock #dBand{background:transparent;border-style:dashed;color:var(--mu)}
main#hl .dk-dock #dCall{font-size:19px;font-weight:700;color:#fff;border-color:var(--g);text-transform:uppercase;padding:6px 8px}
main#hl .dk-dock input:focus,main#hl .dk-dock select:focus{outline:2px solid var(--g2);outline-offset:0}
.dk-x,.dk-go{flex:0 0 auto;height:40px;border-radius:8px;cursor:pointer;font:900 13px Arial;letter-spacing:1px}
.dk-x{width:42px;background:transparent;border:1px solid rgba(255,255,255,.22);color:var(--mu)}
.dk-go{padding:0 16px;background:var(--gr);border:0;color:#062312}
.dk-go:hover{filter:brightness(1.1)}
/* ===== Oct 17 (Brandon: 'dress it up and put the button on it⦠if flames is selected put flames on it⦠mobile hunters lounge members logger'):
phones (members): the log sits right under the spots; tapping a spot fills it and jumps here; β BACK TO SPOTS goes back up.
The effect picked in the ticker (flames / fireworks / shooting stars / none) also plays behind the entry box. ===== */
.dk-back,.dk-rad{display:none}
.dk-dock{position:relative;overflow:hidden}
.dk-dock>*:not(.dk-fx){position:relative;z-index:1}
.dk-fx{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;transition:opacity .4s,filter .4s}
.dk-fx i{position:absolute;left:var(--x);display:block}
.hl-dk[data-fx=off] .dk-fx{display:none}
/* flames: soft blobs rising from the bottom edge */
.hl-dk[data-fx=flames] .dk-dock{background:linear-gradient(180deg,#1a0f07,#2a1206 70%,#3a1405)}
.hl-dk[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:dkFlame 2.6s ease-in infinite;animation-delay:var(--d)}
@keyframes dkFlame{0%{transform:translateY(20px) scale(.7);opacity:0}25%{opacity:1}100%{transform:translateY(-70px) scale(1.15);opacity:0}}
.hl-dk[data-fx=flames] .dk-dock{border-top-color:#ff8a2a;box-shadow:inset 0 -24px 40px -20px rgba(255,110,20,.55)}
/* fireworks: little bursts popping above the boxes */
.hl-dk[data-fx=fireworks] .dk-dock{background:radial-gradient(ellipse at 50% 120%,#1b1430,#0b0a14 70%)}
.hl-dk[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:dkBurst 3.2s ease-out infinite;animation-delay:var(--d)}
@keyframes dkBurst{0%,60%{transform:scale(.1);opacity:0}65%{opacity:1}100%{transform:scale(calc(1.6*var(--s)));opacity:0}}
.hl-dk[data-fx=fireworks] .dk-dock{border-top-color:#ef476f}
/* shooting stars: a night sky with twinkles and streaks */
.hl-dk[data-fx=stars] .dk-dock{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)}
.hl-dk[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);transform:rotate(-24deg) translateX(-60px);opacity:0;animation:dkStar 4.4s linear infinite;animation-delay:calc(var(--d)*1.6)}
@keyframes dkStar{0%,80%{opacity:0;transform:rotate(-24deg) translateX(-60px)}84%{opacity:1}100%{opacity:0;transform:rotate(-24deg) translateX(110px)}}
.hl-dk[data-fx=stars] .dk-dock{border-top-color:#7aa7ff}
/* a contact saved = the effect flares up for a moment */
.dk-dock.pop .dk-fx{opacity:1;filter:brightness(1.5) saturate(1.3)}
.dk-dock.pop .dk-go{animation:dkGo .6s}
@keyframes dkGo{40%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.dk-fx i{animation:none!important;opacity:.35!important}}
@media(max-width:1099px){
main#hl .hl-split{display:flex;flex-direction:column}
main#hl .hl-split>.hl-mapsec{order:1}
main#hl .hl-split>.hl-spsec{order:2}
main#hl .hl-dk{order:3;display:block;margin:6px 10px 26px;border-radius:20px;overflow:hidden;border:1px solid rgba(240,201,107,.6);background:rgba(8,10,9,.94);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(240,180,80,.12);scroll-margin-bottom:10px}
.hl-dk .dk-hd{flex-wrap:wrap;gap:8px;padding:12px 12px 10px;background:linear-gradient(90deg,rgba(12,7,3,.92),rgba(12,7,3,.55)),url('hero-lodge.jpg') center 42%/cover;border-bottom:1px solid rgba(240,201,107,.45)}
.hl-dk .dk-hd>b{font-size:16px;text-shadow:0 2px 8px #000}
.hl-dk .dk-back{display:inline-flex;align-items:center;margin-left:auto;order:0;border:0;border-radius:999px;padding:9px 14px;background:linear-gradient(180deg,#f6d58a,#d5a63a);color:#2a1a05;font:900 12.5px Arial;letter-spacing:1.2px;box-shadow:0 4px 14px rgba(0,0,0,.5);cursor:pointer}
.hl-dk .dk-hd #dkN{order:2;flex:1 1 auto;color:#e9dcc0}
main#hl .hl-dk .dk-hd input{order:3;flex:1 1 100%;font-size:15px}
.hl-dk .dk-files{order:2}
.hl-dk .dk-list{max-height:250px}
.hl-dk .dk-q{grid-template-columns:54px minmax(0,1.2fr) 64px minmax(0,1fr) 40px;gap:5px;padding:7px 10px;font-size:13px}
.hl-dk .dk-q .s{display:none}
.hl-dk .dk-q .a button{opacity:.8}
.hl-dk .dk-dock{padding:10px 10px 14px}
.hl-dk .dk-tip{display:none}
.hl-dk .dk-rad{display:inline-flex;gap:4px;align-items:center;border:0;border-radius:9px;padding:6px 10px;background:rgba(213,166,58,.22);color:#ffe2bf;font:700 13px Arial;cursor:pointer;max-width:62vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hl-dk .dk-rad.bad{background:#c0352b;color:#fff}
.hl-dk:not(.radio) .dk-r1{display:none}
.hl-dk.radio .dk-r1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:4px}
.hl-dk.radio .dk-r1 label.w{grid-column:span 3}
.hl-dk .dk-r2{flex-wrap:wrap;gap:6px}
.hl-dk .dk-r2 label.c{flex:2.4 1 0}
.hl-dk .dk-r2 label:not(.c):not(.w){flex:1 1 0}
.hl-dk .dk-r2 label.w{order:9;flex:1 1 100%}
main#hl .hl-dk .dk-dock #dCall{font-size:20px}
main#hl .hl-dk .dk-dock input,main#hl .hl-dk .dk-dock select{font-size:16px}
.hl-dk .dk-x{height:44px;width:44px}
.hl-dk .dk-go{height:52px;width:52px;padding:0;border-radius:50%;font-size:0;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,.35)}
.hl-dk .dk-go:before{content:'β¬';font-size:24px}
.hl-dk[data-fx=stars] .dk-go{background:radial-gradient(circle at 35% 30%,#e8f1ff,#7aa7ff 60%,#2a4fa8);color:#061234}
.hl-dk[data-fx=fireworks] .dk-go{background:radial-gradient(circle at 35% 30%,#ffd1dc,#ef476f 60%,#8e1838);color:#fff}
}
/* Oct 17 (Brandon, computer): the filter pop-up sat under the sticky banner; the log pane was too tall; call look-up line */
@media(min-width:1100px){
main#hl[data-desk="1"] .hl-filters.open{z-index:1500}
main#hl[data-desk="1"] .hl-dk{height:auto;min-height:0;max-height:calc(100vh - 170px)}
main#hl[data-desk="1"] .hl-dk .dk-list{flex:0 1 auto;min-height:150px;max-height:min(42vh,420px)}
}
.dk-who{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;min-height:20px;margin:0 0 6px;font:13px Arial;color:var(--mu)}
.dk-who:empty{display:none}
.dk-who b{color:#fff;font-size:14px}
.dk-who .pv{color:var(--g2)}.dk-who .pv.nw{color:var(--gr)}
.dk-who .lk{font-style:italic}
.dk-q .c small.on{font:11px Arial;color:var(--mu);font-weight:400}
/* Oct 17 (Brandon): the spot TABLE is tighter so more spots fit; the orange 'NEW TO YOU' square on the left of the
streaming banner is gone so the calls are easier to read; the computer log box gets the same dressed-up look as phones */
.hl-tick-k{display:none!important}
.hl-st{font-size:12.5px}
.hl-st th{padding:5px 6px;font-size:9.5px}
.hl-st td{padding:3px 6px;line-height:1.25}
.hl-st td.c,.hl-st td.f{font-size:13px}
.hl-st td:nth-child(5){max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hl-st td.a button{padding:2px 5px;font-size:11px;margin-right:2px}
.hl-st .fv{padding:0 3px 0 0;font-size:12px}
.hl-st .hb{font-size:8.5px;padding:0 5px}
@media(min-width:1100px){
main#hl[data-desk="1"] .hl-dk{border:1px solid rgba(240,201,107,.6);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(240,180,80,.12)}
main#hl[data-desk="1"] .dk-hd{padding:12px 14px;background:linear-gradient(90deg,rgba(12,7,3,.92),rgba(12,7,3,.5)),url('hero-lodge.jpg') center 42%/cover;border-bottom:1px solid rgba(240,201,107,.45)}
main#hl[data-desk="1"] .dk-hd>b{font-size:16px;text-shadow:0 2px 8px #000}
main#hl[data-desk="1"] .dk-hd #dkN{color:#e9dcc0}
main#hl[data-desk="1"] .dk-dock{padding:10px 14px 14px}
main#hl[data-desk="1"] .dk-r2{align-items:flex-end}
main#hl[data-desk="1"] .dk-dock #dCall{font-size:21px}
main#hl[data-desk="1"] .dk-x{height:44px;width:44px}
main#hl[data-desk="1"] .dk-go{height:54px;width:54px;padding:0;border-radius:50%;font-size:0;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,.35)}
main#hl[data-desk="1"] .dk-go:before{content:'β¬';font-size:25px}
main#hl[data-desk="1"] .hl-dk[data-fx=stars] .dk-go{background:radial-gradient(circle at 35% 30%,#e8f1ff,#7aa7ff 60%,#2a4fa8);color:#061234}
main#hl[data-desk="1"] .hl-dk[data-fx=fireworks] .dk-go{background:radial-gradient(circle at 35% 30%,#ffd1dc,#ef476f 60%,#8e1838);color:#fff}
main#hl[data-desk="1"] .dk-clk{font-size:14px}
}
/* Oct 17 (Brandon: 'what happened where we could switch from logger to map?'): computers, members = LEFT pane switches
π MY LOG / πΊ LIVE MAP (the map moves into the pane; the entry box stays under either), spots always on the right */
.hl-ltabs,.dk-mapslot{display:none}
@media(min-width:1100px){
main#hl[data-desk="1"] .hl-split>.hl-mapsec{display:none!important}
main#hl[data-desk="1"] .hl-split>.hl-spsec{display:block!important;grid-column:2;grid-row:2}
main#hl[data-desk="1"] .hl-ltabs{display:flex;grid-column:1;grid-row:1;gap:6px;position:sticky;top:150px;z-index:30;background:#0a0d0b;box-shadow:0 -14px 0 4px #0a0d0b;border:1px solid var(--ln);border-radius:12px;padding:6px}
main#hl[data-desk="1"] .hl-ltabs button{flex:1 1 0;font:900 13px Arial;letter-spacing:1.2px;padding:10px 16px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--mu);cursor:pointer}
main#hl[data-desk="1"] .hl-ltabs button:hover{color:var(--tx);background:rgba(255,255,255,.06)}
main#hl[data-desk="1"] .hl-ltabs button[aria-pressed="true"]{background:var(--g);color:#1a1205}
main#hl[data-desk="1"] .hl-dk{grid-row:2;top:212px;max-height:calc(100vh - 228px)}
main#hl[data-desk="1"] .hl-rtabs .rt-lab{font:900 13px Arial;letter-spacing:1.2px;color:var(--g2);padding:10px 12px}
main#hl[data-desk="1"] .hl-rtabs .rt-lab i{font-style:normal;font-size:11px;opacity:.75;margin-left:4px}
main#hl[data-desk="1"][data-rt="map"] .dk-list{display:none}
main#hl[data-desk="1"][data-rt="map"] .dk-mapslot{display:block}
main#hl[data-desk="1"] .dk-mapslot .hl-bigmap{margin:0;border-radius:0;border:0}
main#hl[data-desk="1"] .dk-mapslot #hlLmap{height:calc(100vh - 470px);min-height:300px;max-height:none;border-radius:0}
}
/* ===== Oct 17 (Brandon: 'cleaner look'): page tabs, Parks I Need on its own page, log files + setup as pop-up bars,
a slim filtering bar, phones show the spots right after the banner ===== */
.hl-ptabs{display:flex;justify-content:center;gap:4px;width:max-content;max-width:calc(100% - 20px);margin:10px auto 8px;padding:4px;border-radius:999px;background:rgba(10,7,4,.82);border:1px solid var(--ln);box-shadow:0 6px 20px rgba(0,0,0,.45);overflow-x:auto;scrollbar-width:none}
.hl-ptabs::-webkit-scrollbar{display:none}
.hl-ptabs a{flex:0 0 auto;padding:8px 14px;border-radius:999px;font:900 12px Arial;letter-spacing:1.1px;color:var(--mu);text-decoration:none;white-space:nowrap}
.hl-ptabs a:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.hl-ptabs a[aria-current="page"]{background:linear-gradient(180deg,#f6d58a,#d5a63a);color:#2a1a05}
@media(max-width:420px){.hl-ptabs a{padding:7px 10px;font-size:11px;letter-spacing:.6px}}
/* the members Lounge leaves Parks I Need to its own page */
main#hl:not([data-public="1"]):not([data-page]) #hlNeed{display:none}
main#hl[data-page="need"] .hl-hero,main#hl[data-page="need"] .hl-tick,main#hl[data-page="need"] .hl-split,main#hl[data-page="need"] #hlLog,main#hl[data-page="need"] .hl-sheet{display:none!important}
main#hl[data-page="need"] #hlNeed{padding-top:14px}
main#hl[data-page="need"] #hlNeed h2{font-size:clamp(26px,4vw,40px)}
/* pop-up bars */
.hl-barsec{padding-top:10px!important;padding-bottom:10px!important}
.hl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;border:1px solid var(--ln);background:linear-gradient(90deg,rgba(14,8,4,.9),rgba(14,8,4,.65)),url('hero-lodge.jpg') center 40%/cover;color:var(--tx);text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.hl-bar:hover{border-color:var(--g)}
.hl-bar b{font:900 14px Arial;letter-spacing:1.4px;color:var(--g2)}
.hl-bar .d{font:13px Arial;color:#e4d6bb}
.hl-bar i{margin-left:auto;font-style:normal;font:900 11.5px Arial;letter-spacing:1.2px;padding:6px 12px;border-radius:999px;background:var(--g);color:#1a1205}
main#hl[data-public="1"] .hl-bar .mem-only{display:none}
.hl-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}
.hl-modal[hidden]{display:none!important}
.hl-mbox{position:relative;width:min(980px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px;border:1px solid var(--g);background:#120c07;box-shadow:0 30px 80px #000;padding:22px 20px 18px}
.hl-mbox h2{margin-top:0}
.hl-mx{position:sticky;top:0;float:right;margin:-8px -6px 0 10px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--ln);background:#1d140b;color:var(--tx);font-size:18px;cursor:pointer}
html.hl-noscroll{overflow:hidden}
/* inside the log files box the long table isn't needed (the log list next to the spots has every contact) */
main#hl #lgModal .hl-logwrap,main#hl #lgModal #lgQ{display:none}
/* slim filtering bar */
.hl-active{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px;margin:8px 0 0;padding:5px 8px;border-radius:999px}
.hl-active::-webkit-scrollbar{display:none}
.hl-active>b{margin:0 2px 0 4px;font-size:13px}
.hl-active .hl-pill{flex:0 0 auto;padding:3px 9px;font-size:11px;white-space:nowrap}
.hl-active .hl-btn{flex:0 0 auto;padding:4px 9px!important;font-size:10.5px!important;min-height:0;white-space:nowrap}
.hl-active .hl-btn:first-of-type{margin-left:auto}
/* phones (members): spots right after the banner, then the log, then the map */
@media(max-width:1099px){
main#hl .hl-split>.hl-spsec{order:1}
main#hl .hl-dk{order:2}
main#hl .hl-split>.hl-mapsec{order:3}
}
main#hl .hl-ptabs a{color:var(--mu)}
main#hl .hl-ptabs a:hover{color:var(--tx)}
main#hl .hl-ptabs a[aria-current="page"]{color:#2a1a05!important}
/* Oct 17 (Brandon): phones, keyboard up in the log = room for a few contacts (html.hl-kb set by dkKb()) */
@media(max-width:1099px){
html.hl-kb header.site-nav,html.hl-kb .hl-tick,html.hl-kb .hl-dk .dk-hd,html.hl-kb .hl-dk .dk-top,html.hl-kb .hl-dk .dk-r2 label.w,html.hl-kb .hl-dk .dk-day{display:none!important}
html.hl-kb .hl-dk .dk-list{max-height:calc(var(--vvh,400px) - var(--dkd,120px) - 14px)!important;min-height:80px}
html.hl-kb .hl-dk .dk-q{padding:5px 10px}
html.hl-kb .hl-dk{margin-bottom:6px}
html.hl-kb .hl-dk .dk-dock{padding:6px 10px 8px}
}
html.hl-kb .hl-toast{bottom:auto!important;top:8px!important}
/* Oct 17 (Brandon: 'desktop only⦠a smaller scrolling bar with solar, weather and WSPR reports by band from where you are') */
@media all{
.hl-cx{display:flex;align-items:stretch;min-height:34px;background:linear-gradient(180deg,#0f1410,#0a0d0a);border-bottom:1px solid rgba(240,201,107,.45);box-shadow:0 6px 16px rgba(0,0,0,.35);font:13px Arial;color:#e8e1cf}
.hl-cx-k{flex:0 0 auto;display:flex;align-items:center;padding:0 12px;font:900 11px Arial;letter-spacing:1.6px;color:#2a1a05;background:linear-gradient(180deg,#f6d58a,#d5a63a)}
.hl-cx-run{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.hl-cx-track{display:inline-flex;align-items:center;gap:0;white-space:nowrap;height:100%;padding-left:20px;animation:hlCx 90s linear infinite}
.hl-cx-run:hover .hl-cx-track{animation-play-state:paused}
@keyframes hlCx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hl-cx .ci{display:inline-flex;align-items:center;gap:5px;padding:0 4px}
.hl-cx .ci b{color:#fff}
.hl-cx .cs{color:var(--g);padding:0 12px;opacity:.7}
.hl-cx i{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.6px;padding:1px 6px;border-radius:99px}
.hl-cx i.ok{background:rgba(61,220,132,.18);color:#7ff0b0}.hl-cx i.meh{background:rgba(240,201,107,.2);color:#ffd27a}.hl-cx i.bad{background:rgba(255,107,90,.22);color:#ffb3a8}
.hl-cx .wb{display:inline-block;margin:0 3px;padding:1px 7px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.hl-cx .wb.hot{border-color:var(--g);background:rgba(240,201,107,.14)}
.hl-cx .wb.q{opacity:.5}
.hl-cx .wb small{color:var(--mu);font-size:11px}
.hl-cx-b{flex:0 0 auto;border:0;border-left:1px solid rgba(240,201,107,.35);background:transparent;color:var(--g2);font:900 11px Arial;letter-spacing:1px;padding:0 12px;cursor:pointer}
.hl-cx-b:hover{background:rgba(240,201,107,.1)}
main#hl[data-page="need"] .hl-cx{display:none}
}
@media(prefers-reduced-motion:reduce){.hl-cx-track{animation:none!important}.hl-cx-run{overflow-x:auto}}
/* Oct 17 (Brandon: 'do both mobiles too'): the conditions bar on phones, smaller */
@media(max-width:1099px){
.hl-cx{min-height:30px;font-size:12px}
.hl-cx-k{padding:0 8px;font-size:10px;letter-spacing:1px}
.hl-cx-b{padding:0 9px;font-size:0}
.hl-cx-b::before{content:'π';font-size:14px}
.hl-cx .cs{padding:0 8px}
.hl-cx-track{padding-left:12px}
html.hl-kb .hl-cx{display:none!important}
}
.hl-bell.hl-amb{white-space:nowrap}
.hl-bell.hl-amb[aria-pressed=true]{background:rgba(255,140,40,.25);color:#ffd27a}
@media(max-width:600px){.hl-bell.hl-amb{font-size:0;padding:0 9px}.hl-bell.hl-amb::before{content:'πͺ΅';font-size:16px}}
/* Kentucky hunting season badge in the hero (Oct 17) */
.hl-season{display:inline-flex;align-items:center;gap:12px;margin:14px 0 4px;padding:9px 16px 9px 12px;border-radius:14px;background:rgba(10,6,2,.78);border:2px solid #ff7a1a;color:#ffd2a8;text-decoration:none;max-width:640px;box-shadow:0 0 18px rgba(255,122,26,.35)}
.hl-season i{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:40px;border-radius:10px;background:#ff7a1a;color:#2a1205;font-style:normal}
.hl-season i .em{font-size:26px;line-height:1}
.hl-season b{display:block;font:900 13px Arial;letter-spacing:1.2px;color:#fff}
.hl-season small{display:block;font:12px Arial;color:#ffd2a8;margin-top:2px}
.hl-season:hover{border-color:#ffa04d}
@media(max-width:600px){.hl-season{gap:9px;padding:7px 10px}.hl-season i{width:44px;height:34px}.hl-season b{font-size:11.5px}.hl-season small{font-size:11px}}
/* banners on/off (Brandon Oct 17): the buttons stay, the scrolling parts go */
main#hl[data-noban="1"] .hl-tick-run,main#hl[data-noban="1"] .hl-na{visibility:hidden}
main#hl[data-noban="1"] .hl-tick{min-height:44px}
main#hl[data-noban="1"] .hl-tick-track{animation-play-state:paused}
#hlBan[aria-pressed="false"]{opacity:.75}
@media(max-width:600px){#hlBan .t{display:none}}
/* radio (CAT) status chip on the log */
.dk-cat{display:inline-flex;align-items:center;gap:4px;font:800 10px Arial;letter-spacing:.6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(240,201,107,.5);color:#f6d58a;background:rgba(0,0,0,.35);text-decoration:none;white-space:nowrap}
.dk-cat.on{color:#bff5c8;border-color:#5fd27a}.dk-cat.off{color:#e8b3a3;border-color:#c86a4e}
main#hl[data-nocx="1"] .hl-cx{display:none!important}
#hlCxBan[aria-pressed="false"]{opacity:.75}
@media(max-width:600px){#hlCxBan .t{display:none}}
/* Oct 17 (Brandon, phone): the maps slid OVER the sticky bars. Leaflet's panes/controls use z-index 400-1000, so each map gets its own layer under the bars */
#hlLmap,#nLmap,.hl-bigmap,.hl-split .leaflet-container{position:relative;z-index:0;isolation:isolate}
.hl-tick{z-index:900}
.hl-cx{position:relative;z-index:890}
/* badge legend */
.ac{cursor:help}
.hl-awq{text-decoration:none;margin-right:auto}
.aw-leg{display:grid;gap:12px;margin:12px 0}
.aw-leg>div{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:12px;align-items:start;padding:10px;border:1px solid rgba(240,201,107,.25);border-radius:12px;background:rgba(255,255,255,.03)}
.aw-leg .ac{justify-self:start;animation:none}
.aw-leg p{margin:0;font:14px/1.45 Arial;color:#e8e1cf}
@media(max-width:600px){.aw-leg>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:600px){main#hl .hl-tick .hl-bell{padding:0 7px}main#hl .hl-tick .hl-bell.hl-amb{padding:0 7px}}
/* parks bar OFF (Brandon Oct 17): the bar stays (same theme colours, nothing missing), the scrolling parks go and YOUR CALL SIGN sits in it, not moving */
main#hl[data-noban="1"] .hl-tick-run,main#hl[data-noban="1"] .hl-na,main#hl[data-noban="1"] .hl-tick-k,main#hl[data-noban="1"] .hl-far{display:none!important}
.hl-mycall{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 14px;align-self:stretch}
.hl-mycall[hidden]{display:none}
.hl-mycall b{font:900 clamp(22px,2.6vw,34px)/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:4px;background:linear-gradient(180deg,#fff3cf,#f6d58a 45%,#d5a63a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(246,213,138,.25);white-space:nowrap}
.hl-mycall .mc-k{font:900 11px Arial;letter-spacing:2.4px;color:var(--g2);opacity:.85;white-space:nowrap}
.hl-mycall .mc-set{font:900 13px Arial;letter-spacing:1.6px;color:#ffe2a6;text-decoration:none;border:1px dashed rgba(240,201,107,.6);border-radius:999px;padding:7px 14px}
main#hl[data-theme=night] .hl-mycall b{background:linear-gradient(180deg,#fff,#bfe3ff 50%,#7fb8ff);-webkit-background-clip:text;background-clip:text}
main#hl[data-theme=dark] .hl-mycall b{background:linear-gradient(180deg,#ffd9b0,#ff9a3c 55%,#ff6a00);-webkit-background-clip:text;background-clip:text}
@media(max-width:600px){.hl-mycall{gap:8px;padding:0 6px}.hl-mycall .mc-k{display:none}.hl-mycall b{font-size:20px;letter-spacing:2px}}
/* extra spot windows (Brandon Oct 17): drag by the top bar, pull the β’ corner to resize; computers only */
.hl-split{position:relative}
.hl-rtabs .rt-w{display:flex;gap:6px;margin-left:10px}
.rt-wb{border:1px solid var(--ln);background:rgba(255,255,255,.04);color:var(--mu);font:900 11px Arial;letter-spacing:.8px;padding:7px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.rt-wb[aria-pressed="true"]{background:linear-gradient(180deg,#f6d58a,#d5a63a);color:#2a1a05;border-color:#f6d58a}
.hl-win{position:absolute;z-index:60;transition:opacity .25s;display:flex;flex-direction:column;min-width:240px;min-height:160px;background:rgba(12,9,6,.94);border:1px solid rgba(240,201,107,.6);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 18px rgba(240,201,107,.18);overflow:hidden;color:#e8e1cf}
.hl-win.drag{box-shadow:0 28px 70px rgba(0,0,0,.75),0 0 26px rgba(240,201,107,.35);opacity:.97}
.hl-win[hidden]{display:none}
.hw-h{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:7px 8px 7px 10px;cursor:grab;user-select:none;touch-action:none;background:linear-gradient(90deg,rgba(18,10,4,.92),rgba(18,10,4,.55)),url('hero-lodge.jpg') center/cover;border-bottom:1px solid rgba(240,201,107,.45)}
.hl-win.drag .hw-h{cursor:grabbing}
.hw-grip{color:var(--g2);opacity:.7;font-size:15px}
.hw-n{font:900 12px Arial;letter-spacing:1.4px;color:#ffe2a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hw-c{font-style:normal;font:900 11px Arial;background:rgba(240,201,107,.2);color:#ffe2a6;border-radius:99px;padding:1px 7px;margin-right:auto}
.hw-b{flex:0 0 auto;width:30px;height:28px;border-radius:8px;border:1px solid rgba(240,201,107,.35);background:rgba(0,0,0,.45);color:#ffe2a6;cursor:pointer;font-size:13px}
.hw-b:hover{background:rgba(240,201,107,.18)}
.hw-f{flex:0 0 auto;max-height:60%;overflow:auto;padding:8px 10px;border-bottom:1px solid rgba(240,201,107,.3);background:#120d08}
.hw-g{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:5px 0}
.hw-g>span{font:900 10px Arial;letter-spacing:1.2px;color:var(--mu);width:52px}
.hw-g .hl-chip{padding:4px 8px;font-size:10.5px}
.hw-g select,.hw-lab input{background:#0b0805;color:#fff;border:1px solid var(--ln);border-radius:8px;padding:5px 7px;font:12px Arial}
.hw-lab{display:flex;gap:8px;align-items:center;font:900 10px Arial;letter-spacing:1.2px;color:var(--mu);margin:5px 0}
.hw-lab input{flex:1;min-width:0}
.hw-l{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 0;scrollbar-width:thin;scrollbar-color:rgba(240,201,107,.7) rgba(0,0,0,.3)}
.hw-r{display:grid;grid-template-columns:62px minmax(64px,auto) 54px 1fr auto 42px;gap:6px;align-items:center;padding:5px 9px;border-bottom:1px solid rgba(255,255,255,.06);font:12px Arial;cursor:pointer;border-left:3px solid transparent}
.hw-r:hover{background:rgba(240,201,107,.1)}
.hw-r .f{font:700 12px ui-monospace,Menlo,monospace;color:#ffe2a6}
.hw-r b{font:900 12.5px ui-monospace,Menlo,monospace;color:#fff;white-space:nowrap}
.hw-r .m{font-size:10.5px;color:var(--mu)}
.hw-r .r{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cfe9d8;font-weight:700}
.hw-r .r small{color:var(--mu);font-weight:400}
.hw-r .t{font-size:10.5px;color:var(--mu);text-align:right}
.hw-r .hb{font-size:9px;padding:1px 5px}
.hw-r.new{background:rgba(61,220,132,.08)}.hw-r.worked{opacity:.6}
.hw-r.p-POTA{border-left-color:#3ddc84}.hw-r.p-WWFF{border-left-color:#3cc8c8}.hw-r.p-SOTA{border-left-color:#ff9a3c}.hw-r.p-DX{border-left-color:#5aa0ff}.hw-r.p-DXPED{border-left-color:#b07cff}.hw-r.p-EVENT{border-left-color:#ff6fb0}
.hw-r.fresh{animation:hwFresh 2.4s ease-out}
@keyframes hwFresh{from{background:rgba(240,201,107,.45)}to{background:transparent}}
.hw-e{padding:16px 12px;color:var(--mu);font:13px Arial;text-align:center}
.hw-rs{position:absolute;right:2px;bottom:0;width:20px;height:20px;cursor:nwse-resize;touch-action:none;color:var(--g2);font-size:13px;line-height:20px;text-align:center;user-select:none;opacity:.8}
@media(max-width:1099px){.hl-win,.hl-rtabs .rt-w{display:none!important}}
.hl-win.away{opacity:0;pointer-events:none}
/* sort by tapping a heading (Brandon Oct 17) */
.hl-st th.srt{cursor:pointer;user-select:none;white-space:nowrap}.hl-st th.srt:hover{color:#fff}.hl-st th.srt.on{color:var(--g2)}
.hw-r.hw-hd{position:sticky;top:0;z-index:2;background:#1a120a;cursor:default;font:900 10px Arial;letter-spacing:1.2px;color:var(--mu);border-left-color:transparent;padding-top:6px;padding-bottom:6px}
.hw-hd [data-wsrt]{cursor:pointer;user-select:none;white-space:nowrap}.hw-hd [data-wsrt]:hover{color:#fff}
.hw-hd .t{text-align:right}
/* β§ POP OUT: the main spots list as a window (Brandon Oct 17) */
.rt-pop[aria-pressed="true"]{background:linear-gradient(180deg,#f6d58a,#d5a63a);color:#2a1a05;border-color:#f6d58a}
main#hl .hl-spsec.hl-popped{position:absolute!important;z-index:61;display:flex!important;flex-direction:column;padding:0!important;background:rgba(12,9,6,.95);border:1px solid rgba(240,201,107,.6);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 18px rgba(240,201,107,.18);overflow:hidden;min-width:300px;min-height:200px}
main#hl .hl-spsec.hl-popped>.hl-in{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 16px;max-width:none;scrollbar-width:thin;scrollbar-color:rgba(240,201,107,.7) rgba(0,0,0,.3)}
main#hl .hl-spsec.hl-popped>.hl-in::-webkit-scrollbar{width:10px}main#hl .hl-spsec.hl-popped>.hl-in::-webkit-scrollbar-thumb{background:rgba(240,201,107,.6);border-radius:8px}main#hl .hl-spsec.hl-popped>.hl-in::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}
main#hl .hl-spsec.hl-popped .hl-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media(max-width:1099px){.rt-pop{display:none!important}}
main#hl .hl-spsec.hl-popped.away{opacity:0;pointer-events:none}
main#hl .hl-spsec.hl-popped{transition:opacity .25s}
main#hl[data-desk="1"] .hl-split>.hl-popph{grid-column:2;grid-row:2;order:2;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;border:1px dashed rgba(240,201,107,.35);border-radius:14px;margin:10px 0 30px;color:var(--mu);font:13px Arial;text-align:center}
.hl-popph{display:none}
/* Oct 17: windows LOCKED to the page by default (absolute in main#hl, scroll with it); .fl = floating on the screen */
main#hl{position:relative}
.hl-win.fl,main#hl .hl-spsec.hl-popped.fl{position:fixed!important}
main#hl[data-dkfree="1"][data-desk="1"] .hl-dk,main#hl[data-dkfree="1"][data-desk="1"] .hl-ltabs{position:relative!important;top:auto!important}
/* the map can never draw outside its box (Brandon Oct 17: 'map is getting out of its box and going higher') */
#hlLmap,#nLmap,.dk-mapslot{contain:paint;overflow:hidden}
/* Oct 17: picked spot (gold) + the one your radio's dial is on (CAT, green) */
.hs.sel,.hl-st tr.hr.sel,.hw-r.sel{outline:2px solid #f6d58a;outline-offset:-2px;box-shadow:0 0 0 3px rgba(246,213,138,.25),0 0 22px rgba(246,213,138,.35)!important;background-color:rgba(246,213,138,.10)!important}
.hs.dial,.hl-st tr.hr.dial,.hw-r.dial{outline:2px solid #3ddc84;outline-offset:-2px;box-shadow:0 0 0 3px rgba(61,220,132,.22),0 0 22px rgba(61,220,132,.35)!important}
.hs.dial .hs-f b::after{content:' π»';font-size:.7em}
/* β
QSL + π£ RESPOT */
.hs-a .qs,.hl-st .a .qs{background:linear-gradient(180deg,#5be39a,#22a861)!important;color:#05210f!important;border-color:#7ff0b0!important;font-weight:900}
.hs-a .rsp,.hl-st .a .rsp{background:rgba(255,180,60,.16)!important;color:#ffd27a!important;border-color:rgba(255,180,60,.6)!important;font-weight:900}
/* π LOGGER OFF */
main#hl[data-nolog="1"] #hlDk .dk-hd,main#hl[data-nolog="1"] #dkList,main#hl[data-nolog="1"] #dkForm,main#hl[data-nolog="1"] #dkWho,main#hl[data-nolog="1"] #hlLtabs [data-rt="log"],main#hl[data-nolog="1"] #hlLtabs [data-rt="map"]{display:none!important}
main#hl[data-nolog="1"]:not([data-desk="1"]) #hlDk{display:none!important}
#hlLtabs .lt-log{flex:0 0 auto;border:1px solid var(--ln);background:rgba(0,0,0,.35);color:var(--g2);font:900 11px Arial;letter-spacing:1px;padding:0 12px;border-radius:10px;cursor:pointer}
#hlLtabs .lt-log[aria-pressed="false"]{background:rgba(255,107,90,.18);color:#ffb3a8;border-color:rgba(255,107,90,.5);flex:1}
.hl-logtog-m[aria-pressed="false"]{background:rgba(255,107,90,.18)!important;color:#ffb3a8!important}
main#hl[data-desk="1"] .hl-logtog-m{display:none}
/* map mode chips */
.hl-mm{display:inline-flex;gap:6px;margin-right:6px}
.hl-mm .hl-chip i{font-style:normal;background:rgba(0,0,0,.35);border-radius:99px;padding:0 6px;margin-left:3px}
.hl-mm .hl-chip i:empty{display:none}
main#hl[data-nolog="1"] .hs-a .lg,main#hl[data-nolog="1"] .hl-st .a .lg{display:none!important}
/* dock: β
QSL β QRZ + π£ RESPOT above the name box (Oct 17) */
.dk-act{position:relative;z-index:1;display:flex;justify-content:flex-end;gap:8px;margin:2px 0 6px}
.dk-act button{border-radius:999px;padding:7px 14px;font:900 12px Arial;letter-spacing:1px;cursor:pointer;white-space:nowrap}
.dk-act .dk-qsl{background:linear-gradient(180deg,#5be39a,#22a861);color:#05210f;border:1px solid #7ff0b0;box-shadow:0 0 14px rgba(61,220,132,.3)}
.dk-act .dk-rsp{background:rgba(255,180,60,.16);color:#ffd27a;border:1px solid rgba(255,180,60,.6)}
.dk-act button[hidden]{display:none}
@media(max-width:600px){.dk-act{justify-content:stretch}.dk-act button{flex:1;padding:8px 10px}#hlFlameW .t{display:none}}
/* Oct 17 fix (Brandon: 'scroll bar for the main spotting page is gone'): the computer layout's display:block!important beat the popped window's flex column, so the list never got its own scroll bar */
main#hl[data-desk="1"] .hl-split>.hl-spsec.hl-popped{display:flex!important;flex-direction:column}
main#hl[data-desk="1"] .hl-split>.hl-spsec.hl-popped>.hl-in{flex:1 1 auto;min-height:0;overflow-y:auto}
/* Oct 17 (Brandon: 'shows I worked these stations and I did not'): 'hunted before' = the PARK is on your POTA hunted list, shown grey; a call actually in today's log = green */
.hb.td{background:linear-gradient(180deg,#5be39a,#22a861);color:#05210f;font-weight:900}
.hl-st .a .wk.on{background:rgba(255,255,255,.06)!important;color:#9da59f!important;border-color:rgba(255,255,255,.2)!important}
.hs-a .wk.on{background:rgba(255,255,255,.06)!important;color:#c9cfca!important;border-color:rgba(255,255,255,.22)!important}
/* tap the call = send it to the log box (Oct 17) */
.hs-cb{background:none;border:0;padding:0;margin:0;font:inherit;color:#fff;cursor:pointer;text-shadow:0 0 14px rgba(255,190,90,.6);border-bottom:2px dashed rgba(240,201,107,.55);line-height:1.1}
.hs-cb:hover,.hs-cb:focus-visible{color:#ffe2a6;border-bottom-color:#f6d58a;outline:none}
.hs-cb::after{content:' β';font-size:.55em;color:var(--g2);vertical-align:middle}
.hl-st td.c .hs-cb{font:900 14px ui-monospace,Menlo,Consolas,monospace;text-shadow:none;border-bottom-width:1px}
.hl-st td.c .hs-cb::after{content:''}
/* QRZ / ADIF mode button + MY LOG FILES QRZ box (Oct 17) */
#hlLtabs .lt-log[aria-pressed="true"],.hl-logtog-m[aria-pressed="true"]{background:linear-gradient(180deg,#5be39a,#22a861)!important;color:#05210f!important;border-color:#7ff0b0!important}
#hlLtabs .lt-log[aria-pressed="false"],.hl-logtog-m[aria-pressed="false"]{background:rgba(240,201,107,.14)!important;color:#ffe2a6!important;border-color:rgba(240,201,107,.5)!important;flex:0 0 auto}
.hl-qz{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0;padding:10px 12px;border:1px solid rgba(61,220,132,.45);border-radius:12px;background:rgba(61,220,132,.06)}
.hl-qz>b{font:900 12px Arial;letter-spacing:1.4px;color:#7ff0b0}.hl-qz>span{font:12px Arial;color:var(--mu);margin-right:auto}
.hl-qz .hl-src{flex-basis:100%;margin:0}
.hl-toast[hidden]{display:none!important}
/* award badges blink when within 5 of the next level (Brandon Oct 17) */
@keyframes hlAwFlash{0%,100%{opacity:1;filter:brightness(1);box-shadow:0 0 6px rgba(255,190,90,.5)}50%{opacity:.55;filter:brightness(1.5);box-shadow:0 0 18px rgba(255,210,120,.95)}}
.ac.flash{animation:hlAwFlash 1.1s ease-in-out infinite!important}
@media (prefers-reduced-motion:reduce){.ac.flash{animation:none!important}}
/* π alert filters pop-up (Brandon Oct 17) */
.hl-bellf.on{background:linear-gradient(90deg,#f6d58a,#d5a63a)!important;color:#2a1a05!important;border-color:#f6d58a!important}
#afModal .af-h,#bfModal .af-h{font:900 11px Arial;letter-spacing:1.4px;color:#f0c96b;margin:14px 0 6px}
#afModal .af-row,#bfModal .af-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
#afModal .af-row .hl-chip[aria-pressed="true"],#bfModal .af-row .hl-chip[aria-pressed="true"]{background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05;border-color:#f6d58a}
#afModal .af-ck,#bfModal .af-ck{display:flex;gap:8px;align-items:flex-start;margin:10px 0;font:700 13px Arial;color:#f3e6c8;cursor:pointer}
#afModal .af-ck input,#bfModal .af-ck input{margin-top:2px;accent-color:#d5a63a;width:17px;height:17px}
#afModal .af-now,#bfModal .af-now{margin-top:12px;color:#e8d8b4}
/* β VIP (Brandon Oct 17) */
.hl-vipb{display:inline-flex;align-items:center;font:900 12px Arial;letter-spacing:2px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05;box-shadow:0 0 14px rgba(246,213,138,.45)}
main#hl[data-public="1"] .hl-vipb{display:none}
/* π‘ FT8 helper link on digital spots */
main#hl a.ft8{display:inline-flex;align-items:center;gap:4px;font:900 11px Arial;letter-spacing:.6px;padding:5px 10px;border-radius:999px;background:rgba(80,170,255,.16);border:1px solid rgba(120,190,255,.6);color:#cfe8ff;text-decoration:none;margin-right:6px}
main#hl a.ft8:hover{background:rgba(80,170,255,.3)}
/* πͺ extra spot lists: easy open/close buttons under MY LOG FILES (Brandon Oct 17: 'the + over the spot is not easy enough') */
.hl-wbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;padding:8px 12px;border-radius:14px;background:rgba(14,10,6,.82);border:1px solid rgba(240,201,107,.45)}
.hl-wbar .wl{font:900 11px Arial;letter-spacing:1.4px;color:#f0c96b}
.hl-wbar .wh{font:12px Arial;color:#cdbb95}
.hl-wbar .wbb{font:900 12px Arial;letter-spacing:.6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(240,201,107,.65);background:transparent;color:#f6d58a;cursor:pointer}
.hl-wbar .wbb[aria-pressed="true"]{background:linear-gradient(90deg,#f6d58a,#d5a63a);color:#2a1a05}
@media(max-width:1099px){.hl-wbar{display:none}}
/* FT8 Β· CW tab buttons (Oct 17) */
.rt-f8,.hl-f8m{position:relative;border-color:rgba(69,224,143,.55)!important;color:#9ff0c2!important}
.rt-f8.live::after,.hl-f8m.live::after{content:'';position:absolute;top:3px;right:4px;width:7px;height:7px;border-radius:50%;background:#45e08f;box-shadow:0 0 6px #45e08f}
@media(min-width:1100px){main#hl[data-desk="1"] .hl-f8m{display:none}}
main#hl .f8{top:0}
/* π― chase list (Oct 17) */
main#hl .fv.chs{opacity:.35;filter:grayscale(1)}main#hl .fv.chs.on{opacity:1;filter:none}
main#hl .hl-pinbar.ch{background:linear-gradient(90deg,rgba(255,92,92,.28),rgba(240,201,107,.12));border-color:rgba(255,120,120,.6)}
/* Oct 17 (Brandon: 'the header makes the image in the hero look funny⦠smooth that out'):
1) the page tabs float ON the top of the hero picture (no separate strip with a different background between the menu and the picture);
2) computers: the whole picture shows (no cropping), the words start under the KPC sign, and the bottom of the picture fades into the page. */
main#hl:not([data-page=need]) > .hl-ptabs{position:absolute;top:12px;left:50%;transform:translateX(-50%);margin:0;z-index:6;background:rgba(10,7,4,.72);backdrop-filter:blur(3px)}
@media(min-width:701px){
main#hl[data-theme=lodge] .hl-hero,main#hl[data-theme=dark] .hl-hero{justify-content:flex-start;min-height:0;
background:linear-gradient(180deg,rgba(8,5,2,.45) 0,rgba(8,5,2,0) 70px,rgba(8,5,2,0) calc(33.8vw * .5),rgba(8,5,2,.55) calc(33.8vw * .78),#120a05 33.8vw),linear-gradient(90deg,rgba(8,5,2,.5),rgba(8,5,2,0) 55%),#120a05 url('hero-lodge.jpg') center top/100% auto no-repeat}
main#hl[data-theme=dark] .hl-hero{background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 70px,rgba(0,0,0,.15) calc(33.8vw * .5),rgba(0,0,0,.65) calc(33.8vw * .78),#000 33.8vw),linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0) 55%),#000 url('hero-lodge.jpg') center top/100% auto no-repeat}
main#hl[data-theme=lodge] .hl-hero .hl-in,main#hl[data-theme=dark] .hl-hero .hl-in{padding-top:calc(33.8vw * .56)}
}
@media(min-width:1921px){main#hl[data-theme=lodge] .hl-hero .hl-in,main#hl[data-theme=dark] .hl-hero .hl-in{padding-top:calc(33.8vw * .5)}}
/* phones: the tabs would cover the sign, so they become a dark strip that joins the site menu above the picture */
@media(max-width:700px){main#hl > .hl-ptabs{position:static!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;border:0!important;border-bottom:1px solid rgba(213,166,58,.35)!important;background:#070707!important;box-shadow:none!important;justify-content:flex-start;padding:6px 8px!important}}
/* Oct 18: phones fold the parks bar buttons behind β (#hlTkMore) so the scrolling new parks can be read */
main#hl .hl-tkmore{display:none}
@media (max-width:700px){
main#hl .hl-tick .hl-tkmore{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;align-self:stretch;margin:0;border:0;border-left:1px solid rgba(240,201,107,.45);background:rgba(20,13,6,.85);color:#f0c96b;font:900 18px Arial,sans-serif;cursor:pointer}
main#hl .hl-tick:not(.tk-open) > .hl-bell{display:none!important}
main#hl .hl-tick.tk-open > .hl-tick-run{display:none}
}
/* Oct 18 (Brandon: 'two different gear wrenches'): on phones the two filter gears get a short word under them */
@media (max-width:700px){
main#hl .hl-tick.tk-open > .hl-bell{padding:0 9px}
main#hl #hlBellF,main#hl #hlBanF{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:2px}
main#hl #hlBellF::after,main#hl #hlBanF::after{font:900 8.5px Arial,sans-serif;letter-spacing:.06em}
main#hl #hlBellF::after{content:"ALERT"} main#hl #hlBanF::after{content:"BAR"}
}