/* Look: Showcase. Frosted glass over a slowly drifting warm wash, navy / teal / gold,
   word-in headlines with a navy second line, a navy band for the one thing that needs you, a cursor glow. */
:root[data-look="showcase"]{
  --lk-paper:#F5F4F0; --lk-ink:#1C1C1E; --lk-text:#52525B; --lk-muted:#52525B; --lk-faint:#A1A1AA;
  --lk-pri:#1A3A6B; --lk-pri-deep:#142E58; --lk-label:#0C7A6E; --lk-acc2:#B8860B; --lk-dash:#B8860B; --lk-h2:#1A3A6B;
  --lk-tint:#EBF0FA; --lk-tint-good:#E6F5F2; --lk-tint-warn:#FBF3E0; --lk-tint-bad:#FEECEC;
  --lk-good:#0C7A6E; --lk-good-ink:#0A6157; --lk-warn:#8A6508; --lk-bad:#B42318;
  --lk-glass:rgba(255,255,255,.58); --lk-glass-hi:rgba(255,255,255,.84); --lk-edge:rgba(255,255,255,.92);
  --lk-blur:blur(18px) saturate(1.25);
  --lk-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 14px 34px -16px rgba(26,58,107,.25);
  --lk-shadow-lg:0 36px 70px -30px rgba(26,58,107,.42);
  --lk-line:rgba(28,28,30,.08); --lk-line2:rgba(28,28,30,.13); --lk-soft:rgba(250,250,247,.8); --lk-hover:rgba(255,255,255,.7);
  --lk-input:rgba(255,255,255,.9); --lk-ring-focus:rgba(26,58,107,.14); --lk-r-card:12px;
  --lk-w1:#BCCDEA; --lk-w2:#BFE5DC; --lk-w3:#F2DDAA; --lk-w4:#D9D2F0; --lk-wash-op:.7; --lk-glow-c:rgba(255,255,255,.55);
  --lk-pri-fill:#1A3A6B; --lk-pri-fill-hover:#142E58; --lk-on-pri:#fff; --lk-pri-shadow:0 10px 22px -12px rgba(26,58,107,.7);
  --lk-chip-on:#1A3A6B; --lk-chip-on-text:#fff;
  --lk-bar:rgba(245,244,240,.62); --lk-bar-edge:rgba(255,255,255,.8); --lk-bar-text:#1C1C1E; --lk-bar-sub:#52525B;
  --lk-tabs:rgba(255,255,255,.66); --lk-tab-mark:#B8860B; --lk-badge:#1A3A6B;
  --lk-av-bg:#1A3A6B; --lk-av-text:#fff;
  --lk-side:rgba(255,255,255,.42); --lk-side-edge:rgba(255,255,255,.8); --lk-side-text:#52525B; --lk-side-ink:#1C1C1E; --lk-side-sub:#A1A1AA;
  --lk-side-hover:rgba(255,255,255,.7); --lk-side-on:#EBF0FA; --lk-side-on-text:#1A3A6B; --lk-side-on-ring:inset 0 0 0 1px rgba(26,58,107,.1);
  --lk-side-count:#1A3A6B; --lk-side-count-bg:rgba(26,58,107,.08); --lk-side-link:#1A3A6B;
  --lk-hero:linear-gradient(135deg,#1A3A6B 0%,#24497F 55%,#10264A 100%); --lk-hero-text:#fff; --lk-hero-num:#E2B33F;
  --lk-hero-shadow:0 26px 50px -24px rgba(16,38,74,.6);
  --lk-step-done:#0C7A6E; --lk-step-line:#0C7A6E; --lk-num:#1A3A6B;
  --lk-th:#1A3A6B; --lk-th-bg:rgba(235,240,250,.8); --lk-sheet:rgba(255,255,255,.9); --lk-scrim:rgba(28,28,30,.22); --lk-toast:#1A3A6B;
  --lk-spot:rgba(26,58,107,.09); --lk-ring-track:rgba(26,58,107,.1); --lk-ring-a:#0C7A6E; --lk-ring-b:#1A3A6B;
}
[data-look="showcase"] .lk-bg i.b1,[data-look="showcase"] .lk-bg i.b2,[data-look="showcase"] .lk-bg i.b3,[data-look="showcase"] .lk-bg i.b4,[data-look="showcase"] .lk-bg .lk-glow{display:block}
/* the navy band: a slow constellation of light behind the number */
[data-look="showcase"][data-page="portal"] .waiting::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#E2B33F,transparent),radial-gradient(1px 1px at 85% 70%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 50%,rgba(255,255,255,.8),transparent);background-size:240px 120px}
html:not(.lk-rm)[data-look="showcase"][data-page="portal"] .waiting::before{animation:lk-stars 40s linear infinite}
@keyframes lk-stars{to{background-position:240px 0}}
[data-look="showcase"][data-page="portal"] .waiting > div > div:first-child{color:rgba(255,255,255,.75)!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px!important}
[data-look="showcase"][data-page="portal"] .tile .label{color:#52525B}
[data-look="showcase"][data-page="portal"] .tile b::after{content:"";display:block;width:24px;height:2px;margin-top:8px;border-radius:2px;background:#B8860B}
[data-look="showcase"] .stat b{color:#1C1C1E}