/* LGN10 design system + Uber Ground chrome v=20260905uber1 */
:root{
  --lgn-bg:#04060f;
  --lgn-bg2:#0a0e1c;
  --lgn-card:rgba(12,16,32,.92);
  --lgn-line:rgba(110,231,255,.22);
  --lgn-cyan:#6ee7ff;
  --lgn-gold:#C5A15A;
  --lgn-green:#12c96a;
  --lgn-red:#ff2a3a;
  --lgn-text:#eef3ff;
  --lgn-muted:#8b97b8;
  --lgn-glow:0 0 24px rgba(110,231,255,.35);
  --lgn-radius:16px;
  --lgn-font:Inter,system-ui,-apple-system,sans-serif;
  --lgn-display:Orbitron,Inter,sans-serif;
}
html,body{background:var(--lgn-bg);color:var(--lgn-text);font-family:var(--lgn-font)}
.lgn-hud{
  background:radial-gradient(900px 420px at 50% -10%,rgba(70,120,255,.28),transparent 55%),
             radial-gradient(600px 300px at 100% 0%,rgba(197,161,90,.12),transparent 50%),
             var(--lgn-bg);
}
.lgn-card{background:var(--lgn-card);border:1px solid var(--lgn-line);border-radius:var(--lgn-radius);backdrop-filter:blur(10px)}
.lgn-kicker{font-family:var(--lgn-display);letter-spacing:.18em;font-size:11px;color:var(--lgn-cyan);text-transform:uppercase}
.lgn-btn{
  min-height:56px;padding:0 18px;border:0;border-radius:14px;font-weight:900;font-size:17px;
  letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent
}
.lgn-btn-cyan{background:linear-gradient(135deg,#7af0ff,#2bb7ff);color:#041018;box-shadow:var(--lgn-glow)}
.lgn-btn-gold{background:linear-gradient(135deg,var(--lgn-gold),#a67c2d);color:#140f08}
.lgn-btn-green{background:var(--lgn-green);color:#04140a}
.lgn-btn-red{background:var(--lgn-red);color:#fff}
.lgn-btn-ghost{background:rgba(255,255,255,.04);color:var(--lgn-cyan);border:1px solid var(--lgn-line)}
.lgn-pulse{animation:lgnPulse 2.2s ease-in-out infinite}
.lgn-glow{box-shadow:var(--lgn-glow)}
@keyframes lgnPulse{0%,100%{opacity:1;filter:brightness(1)}50%{opacity:.85;filter:brightness(1.15)}}
@keyframes lgnScan{0%{transform:translateY(-100%);opacity:0}20%{opacity:.35}100%{transform:translateY(220%);opacity:0}}
.lgn-scan::after{
  content:"";position:absolute;left:8%;right:8%;height:2px;top:0;
  background:linear-gradient(90deg,transparent,var(--lgn-cyan),transparent);
  animation:lgnScan 3.5s linear infinite;pointer-events:none;opacity:.4
}
@media (prefers-reduced-motion:reduce){
  .lgn-pulse,.lgn-scan::after{animation:none!important}
}

/* === UBER GROUND (body.on-work) v=20260905uber1 === */
body.on-work #ben-work,
body.on-work .w-filters,
body.on-work .uber-legacy,
body.on-work .pace-hud,
body.on-work #map-hell,
body.on-work .work-ops,
body.on-work .tabbar,
body.on-work #ig-dock,
body.on-work .ig-dock{display:none!important}

body.on-work #view-work{
  position:fixed!important;inset:0!important;left:0!important;right:0!important;
  top:0!important;bottom:0!important;width:100%!important;max-width:none!important;
  transform:none!important;height:100%!important;max-height:none!important;min-height:100%!important;
  padding:0!important;margin:0!important;z-index:20!important;overflow:visible!important;
}
@supports (-webkit-touch-callout: none){
body.on-work #view-work{
  height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;
}
}
body.on-work #view-work #map{
  position:absolute!important;inset:0!important;z-index:1!important;
  height:100%!important;width:100%!important;
}
body.on-work .w-tools{
  position:absolute!important;inset:0!important;z-index:24!important;
  padding:0!important;margin:0!important;background:none!important;
  pointer-events:none!important;text-align:left!important;display:block!important;
}
body.on-work .w-tools > *{pointer-events:auto}

.uber-topstack{
  position:absolute;left:78px;right:118px;top:calc(8px + env(safe-area-inset-top));
  z-index:26;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;
}
.uber-hud{
  display:flex;justify-content:center;gap:6px;pointer-events:none;width:100%;
}
body.on-work .uber-sub .goal-meter{display:none!important}

.uber-hud .uh{
  pointer-events:auto;min-width:0;flex:1;max-width:92px;padding:7px 8px;border-radius:14px;
  background:rgba(8,10,14,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(110,231,255,.22);text-align:center;
}
.uber-hud .uh b{display:block;color:#6ee7ff;font-size:16px;font-weight:900;line-height:1.1}
.uber-hud .uh span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9aa3ad;margin-top:2px}

.uber-tl{position:absolute;left:10px;top:calc(10px + env(safe-area-inset-top));z-index:27}
.uber-tr{position:absolute;right:10px;top:calc(10px + env(safe-area-inset-top));z-index:27;display:flex;gap:8px}
.uber-sm{
  min-height:40px;min-width:40px;padding:0 12px;border-radius:12px;font-size:12px;font-weight:800;
  letter-spacing:.04em;border:1px solid rgba(255,255,255,.12);background:rgba(12,14,18,.75);color:#EDE6D6;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.uber-sm.del{border-color:rgba(255,90,90,.45);color:#ffb4b4}
.uber-sm.red,.uber-tr .uber-sm{
  background:rgba(90,12,12,.88)!important;border-color:rgba(255,70,70,.7)!important;color:#ffd0d0!important;
}

.uber-rail{
  position:absolute;left:6px;top:50%;transform:translateY(-50%);z-index:27;
  display:flex;flex-direction:column;gap:10px;align-items:center;
  padding:8px 6px;border-radius:18px;
  background:rgba(6,8,12,.42);border:1px solid rgba(197,161,90,.25);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.uber-rail .locate-btn,.uber-rail #setup{
  width:44px;height:44px;min-height:44px;border-radius:14px;padding:0;font-size:11px;font-weight:800;
  display:grid;place-items:center;background:rgba(12,14,18,.85);color:#C5A15A;border:1px solid rgba(197,161,90,.55);
}
.uber-rail .locate-btn{font-size:18px}

.uber-dock{
  position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));z-index:27;
  display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:0 10px;
  pointer-events:none;
}
.uber-dock > *{pointer-events:auto}
.uber-col{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0}
.uber-col.left{width:min(120px,28vw)}
.uber-col.right{width:min(148px,34vw)}
.uber-mid{display:flex;flex-direction:column;align-items:center;gap:6px}

#rec.uber-rec,body.on-work #rec{
  width:92px!important;height:92px!important;min-height:92px!important;border-radius:50%!important;
  border:4px solid #ff2a2a!important;background:#0c0c0c!important;color:#fff!important;
  font-size:16px!important;font-weight:900!important;letter-spacing:.14em!important;
  box-shadow:0 0 0 6px rgba(255,42,42,.2),0 14px 40px rgba(0,0,0,.55);
}
body.on-work #rec.rec.on,body.on-work #rec.recording,body.on-work #rec[aria-pressed="true"]{
  box-shadow:0 0 0 2px rgba(255,42,58,.55),0 0 28px rgba(255,42,58,.5);animation:lgnPulse 1.4s ease-in-out infinite
}

.uber-act{
  min-height:54px;border-radius:16px;border:0;font-weight:900;font-size:15px;letter-spacing:.04em;
  padding:0 10px;background:#C5A15A;color:#111;
}
.uber-act.ghost{background:rgba(12,14,18,.88);color:#EDE6D6;border:1px solid rgba(197,161,90,.4)}

.uber-nh,body.on-work #map-nothome{
  min-height:42px!important;border-radius:14px!important;font-size:12px!important;font-weight:800!important;
  letter-spacing:.03em;background:rgba(20,40,70,.9)!important;color:#9ecbff!important;
  border:1px solid rgba(110,180,255,.45)!important;padding:0 8px!important;
}

#drop-flyer.uber-flyer,body.on-work #drop-flyer.uber-flyer,body.on-work #drop-flyer{
  min-height:118px!important;border-radius:18px!important;font-size:16px!important;font-weight:900!important;
  letter-spacing:.03em!important;padding:10px 8px!important;line-height:1.15!important;
  background:#12c96a!important;color:#04140a!important;border:0!important;
  box-shadow:0 12px 32px rgba(18,201,106,.4);
}

.uber-sub{
  position:absolute;left:10px;right:10px;bottom:calc(140px + env(safe-area-inset-bottom));z-index:25;
  display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;
}
.uber-sub .goal-meter{
  pointer-events:auto;width:min(420px,100%);margin:0;
  background:rgba(10,12,18,.72);backdrop-filter:blur(8px);
  border-color:rgba(110,231,255,.28)!important;
}
.uber-sub .hist-row{pointer-events:auto;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
body.on-work .goal-meter .gm-bar i{
  background:linear-gradient(90deg,var(--lgn-green),var(--lgn-cyan),var(--lgn-gold))!important
}