/* Agent League brand layer (ET-34093 / ET-34092): navy board, hologram V behind the grid, glass cards,
   CubeSat silhouette. Matches joebottrader's Discovery Board build pack values. Decorative layers are
   pointer-events:none. Approved platform accents only (cyan / blue / green / red). */
:root{--alb-bg:#020617;--alb-panel:rgba(15,23,42,.55);--alb-panel-hi:rgba(15,23,42,.75);
  --alb-line:rgba(56,189,248,.25);--alb-line-hi:rgba(56,189,248,.55);--alb-txt:#e2e8f0;--alb-dim:#94a3b8;
  --alb-faint:#64748b;--alb-accent:#38bdf8}

/* ---- standalone crypto page ---- */
body.alb{margin:0;font-family:Inter,-apple-system,"Segoe UI",sans-serif;background:var(--alb-bg);color:var(--alb-txt);
  min-height:100vh;overflow-x:hidden;position:relative}
.alb-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,233,.15),transparent),
  radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.12),transparent),
  radial-gradient(ellipse 50% 30% at 20% 80%,rgba(6,182,212,.08),transparent),var(--alb-bg)}
.alb-sat{position:absolute;top:80px;right:8%;width:90px;opacity:.08;filter:blur(1.2px);z-index:1;pointer-events:none}
.alb-wrap{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:0 24px 56px}
.alb-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:16px;flex-wrap:wrap}
.alb-brand{font-family:"Archivo Black",Inter,sans-serif;font-size:1rem;letter-spacing:.04em;color:#f1f5f9;text-decoration:none}
.alb-nav nav{display:flex;gap:22px;font-size:.9rem;flex-wrap:wrap}
.alb-nav nav a{color:var(--alb-dim);text-decoration:none}
.alb-nav nav a:hover,.alb-nav nav a:focus-visible{color:#fff}
.alb-hero{text-align:center;position:relative;margin:8px 0 34px}
.alb-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;color:#f8fafc;margin:0 0 .7rem;
  text-shadow:0 0 40px rgba(56,189,248,.3)}
.alb-hero p{color:var(--alb-dim);max-width:640px;margin:0 auto;line-height:1.5}
.alb-live{display:inline-block;margin-top:14px;border:1px solid var(--alb-line);border-radius:999px;padding:4px 14px;
  font-size:.85rem;color:#bae6fd;background:var(--alb-panel)}
.alb-holo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;opacity:.34;z-index:2;
  pointer-events:none;filter:brightness(1.45) contrast(1.2) drop-shadow(0 0 8px rgba(255,255,255,.55))
  drop-shadow(0 0 18px rgba(34,211,238,.6)) drop-shadow(0 0 46px rgba(59,130,246,.9))
  drop-shadow(0 0 110px rgba(34,211,238,.75)) drop-shadow(0 0 200px rgba(34,211,238,.4))}
.alb-sec{position:relative;z-index:3;margin-bottom:34px}
.alb-sec h2{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#7dd3fc;margin:0 0 .8rem}
.alb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
@media(max-width:1000px){.alb-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.alb-grid{grid-template-columns:1fr}}
.alb-card{--acc:var(--alb-accent);background:var(--alb-panel);border:1px solid var(--alb-line);border-radius:16px;
  padding:1.1rem 1.2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;
  transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;display:flex;flex-direction:column;gap:.5rem;
  min-height:130px;color:inherit;text-decoration:none;border-left:3px solid var(--acc)}
a.alb-card:hover,a.alb-card:focus-visible{border-color:var(--alb-line-hi);border-left-color:var(--acc);background:var(--alb-panel-hi);
  box-shadow:0 0 30px rgba(14,165,233,.15);transform:translateY(-2px)}
.alb-card:focus-visible{outline:2px solid var(--alb-accent);outline-offset:3px}
.alb-top{display:flex;align-items:center;gap:.6rem}
.alb-mono{width:34px;height:34px;border-radius:10px;border:1px solid var(--acc);color:var(--acc);display:flex;align-items:center;
  justify-content:center;font:700 .72rem/1 Inter,sans-serif;letter-spacing:.02em;background:rgba(2,6,23,.6);flex:0 0 auto}
.alb-stack{display:flex;flex:0 0 auto}.alb-stack .alb-mono{width:28px;height:28px;font-size:.6rem;margin-left:-8px;--acc:var(--alb-accent)}
.alb-stack .alb-mono:first-child{margin-left:0}
.alb-tick{font-weight:700;color:#f1f5f9;letter-spacing:.04em}
.alb-fam{font-size:.72rem;color:var(--alb-dim);letter-spacing:.06em;text-transform:uppercase}
.alb-title{font-size:.92rem;line-height:1.35;color:#e0f2fe;font-weight:600}
.alb-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;font-size:.74rem;color:var(--alb-dim)}
.alb-chip{border:1px solid var(--alb-line);border-radius:999px;padding:1px 9px;background:rgba(2,6,23,.4)}
.alb-fcard{min-height:0;padding:.8rem 1rem;border-left-width:1px}
.alb-fcard b{font-size:1.5rem;color:#f8fafc}
.alb-empty{color:var(--alb-dim)}
.alb-note{background:linear-gradient(90deg,rgba(14,165,233,.15),rgba(6,182,212,.12));border:1px solid rgba(56,189,248,.3);
  border-radius:16px;padding:1.3rem 1.6rem;text-align:center;position:relative;z-index:3}
.alb-note h2{color:#e0f2fe;letter-spacing:.02em;text-transform:none;font-size:1.1rem}
.alb-note p{color:var(--alb-dim);max-width:780px;margin:0 auto;line-height:1.55;font-size:.9rem}
.alb-foot{text-align:center;color:var(--alb-faint);font-size:.8rem;padding:1.5rem 0 0;position:relative;z-index:5}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---- league main section (home.html): same identity over the existing .al-* markup ---- */
.al-wrap.alb-home{position:relative}
.alb-home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(ellipse 80% 50% at 50% -20%,rgba(14,165,233,.15),transparent),
  radial-gradient(ellipse 60% 40% at 80% 20%,rgba(59,130,246,.10),transparent)}
.alb-home .al-hero{position:relative;text-align:center;padding:12px 0 20px}
.alb-home .al-hero p{margin-left:auto;margin-right:auto}
.alb-home .al-hero h1{text-shadow:0 0 40px rgba(56,189,248,.3)}
.alb-home .al-holo{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:200px;height:200px;opacity:.16;
  pointer-events:none;z-index:0;filter:brightness(1.4) drop-shadow(0 0 18px rgba(34,211,238,.6)) drop-shadow(0 0 60px rgba(59,130,246,.8))}
.alb-home .al-hero>*:not(.al-holo){position:relative;z-index:1}
.alb-home .al-card{background:rgba(15,23,42,.55);border:1px solid rgba(56,189,248,.25);border-radius:16px;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.alb-home table.al{border-collapse:separate;border-spacing:0 3px}
.alb-home table.al th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7dd3fc;border-bottom:1px solid rgba(56,189,248,.25)}
.alb-home table.al td{background:rgba(15,23,42,.45);border-bottom:0}
.alb-home table.al td:first-child{border-radius:10px 0 0 10px}.alb-home table.al td:last-child{border-radius:0 10px 10px 0}
.alb-home table.al tbody tr:hover td{background:rgba(30,58,95,.5)}
.alb-home table.al tbody tr:nth-child(1) td:first-child{color:#00ff88;font-weight:700;box-shadow:inset 3px 0 0 #38bdf8}
.alb-home table.al tbody tr:nth-child(-n+3) td:first-child{font-weight:700;color:#bae6fd}
.alb-themes{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:8px 0 22px}
.alb-themes a{display:block;text-decoration:none;color:inherit;background:rgba(15,23,42,.55);border:1px solid rgba(56,189,248,.25);
  border-radius:16px;padding:1rem 1.1rem;transition:transform .25s,box-shadow .25s,border-color .25s}
.alb-themes a:hover,.alb-themes a:focus-visible{transform:translateY(-2px);border-color:rgba(56,189,248,.55);box-shadow:0 0 30px rgba(14,165,233,.15)}
.alb-themes b{display:block;color:#e0f2fe;font-size:1.02rem;margin-bottom:.2rem}
.alb-themes span{color:#94a3b8;font-size:.85rem}.alb-themes em{font-style:normal;color:#38bdf8;font-weight:700}
@media(prefers-reduced-motion:reduce){.alb-themes a{transition:none}}
