/* Shared Last Man Standing look (Paul, 2026-10-11): lively and light-hearted.
   Each league has its own colours (Paul, 2026-10-12), set by lms-theme.js as a
   body class: pl (Premier League), efl (Championship, navy and gold), spfl (Scottish
   Premiership), l1 (League One), ucl (Champions League), wsl (Women's Super League). Colours only, never a league logo.
   Blue and gold is the fallback before a page knows the league. Pages keep
   their own layout CSS and use these variables, backgrounds and components. */
:root{
  --lms-bg:#04112b; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  --lms-hero:linear-gradient(135deg,#1d4ed8 0%,#0b2a6b 55%,#081d4a 100%);
  --lms-hero-glow:rgba(29,78,216,.9);
  --lms-accent:#ffcc33; --lms-accent2:#ff9f1c; --lms-accent-ink:#04112b;
  --lms-pop:#38bdf8; --lms-hot:#ff4d5e; --lms-good:#22e58a;
  --lms-text:#ffffff; --lms-soft:#c7d7ff; --lms-dim:#93a4c4; --lms-line:rgba(255,255,255,.12);
  --lms-cta:linear-gradient(180deg,#ffe066,#ffcc33 45%,#ff9f1c);
  --lms-cta-glow:rgba(255,170,30,.9);
  --lms-you:var(--lms-accent);
  --lms-count:var(--lms-accent);
  --lms-title:linear-gradient(180deg,#fff 30%,#c7d7ff); --lms-title-glow:rgba(56,189,248,.35);
  --lms-state:linear-gradient(150deg,#0f2d6e,#081a42);
  --lms-backdrop:
    radial-gradient(60% 40% at 15% -5%, rgba(56,189,248,.35), transparent 60%),
    radial-gradient(60% 40% at 85% -5%, rgba(255,204,51,.28), transparent 60%),
    radial-gradient(90% 60% at 50% 120%, rgba(29,78,216,.45), transparent 60%),
    linear-gradient(180deg,#071a42 0%,#04112b 45%,#030b1e 100%);
  --lms-pattern:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 80px),radial-gradient(circle at 50% 38%,transparent 90px,#fff 91px,#fff 92px,transparent 93px);
  --lms-pattern-op:.07;
  --lms-pattern-size:auto;
}
/* Premier League: purple, pink, green and cyan. */
body.pl{
  --lms-bg:#37003c; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));
  --lms-hero:linear-gradient(135deg,#ff2882 0%,#a3007a 45%,#4a0052 100%);
  --lms-hero-glow:rgba(255,40,130,.9);
  --lms-accent:#00ff85; --lms-accent2:#04f5ff; --lms-accent-ink:#37003c;
  --lms-pop:#04f5ff; --lms-hot:#ff2882; --lms-good:#00ff85;
  --lms-soft:#ffe1f0; --lms-dim:#c9a9d6; --lms-line:rgba(255,255,255,.16);
  --lms-cta:linear-gradient(100deg,#00ff85,#04f5ff);
  --lms-cta-glow:rgba(4,245,255,.9);
  --lms-you:#fff; --lms-count:#fff;
  --lms-title:linear-gradient(180deg,#fff 35%,#ffd0ea); --lms-title-glow:rgba(255,40,130,.5);
  --lms-state:linear-gradient(150deg,#5c0065,#37003c);
  --lms-backdrop:
    radial-gradient(70% 45% at 0% 0%, rgba(4,245,255,.45), transparent 60%),
    radial-gradient(70% 45% at 100% 5%, rgba(255,40,130,.45), transparent 60%),
    radial-gradient(90% 60% at 50% 115%, rgba(0,255,133,.30), transparent 60%),
    linear-gradient(180deg,#4a0052 0%,#37003c 50%,#2a002e 100%);
  --lms-pattern:repeating-linear-gradient(135deg,#fff 0 2px,transparent 2px 22px);
  --lms-pattern-op:.10;
}
/* Championship: EFL navy with the Championship's gold (EFL divisional colour). */
body.efl{
  --lms-bg:#0b1533; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  --lms-hero:linear-gradient(135deg,#e0a800 0%,#9c7300 40%,#1a2556 100%);
  --lms-hero-glow:rgba(240,180,0,.8);
  --lms-accent:#f5c518; --lms-accent2:#ffffff; --lms-accent-ink:#0b1533;
  --lms-pop:#8ab4ff; --lms-hot:#ff4458; --lms-good:#2ee59d;
  --lms-soft:#dfe6ff; --lms-dim:#9aa6c8; --lms-line:rgba(255,255,255,.14);
  --lms-cta:linear-gradient(180deg,#ffe066,#f5c518 50%,#d49b00);
  --lms-cta-glow:rgba(245,197,24,.85);
  --lms-you:#fff; --lms-count:#fff;
  --lms-title:linear-gradient(180deg,#fff 40%,#ffe69a); --lms-title-glow:rgba(245,197,24,.45);
  --lms-state:linear-gradient(150deg,#1d2a66,#0b1533);
  --lms-backdrop:
    radial-gradient(70% 45% at 0% 0%, rgba(245,197,24,.30), transparent 60%),
    radial-gradient(70% 45% at 100% 5%, rgba(138,180,255,.28), transparent 60%),
    radial-gradient(90% 60% at 50% 115%, rgba(245,197,24,.16), transparent 60%),
    linear-gradient(180deg,#14214f 0%,#0b1533 50%,#070e24 100%);
  --lms-pattern:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 46px,#fff 46px 47px,transparent 47px 60px);
  --lms-pattern-op:.06;
}
/* League One: EFL navy with League One's silver. */
body.l1{
  --lms-bg:#0b1533; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  --lms-hero:linear-gradient(135deg,#a3abbb 0%,#4f5a78 40%,#1a2556 100%);
  --lms-hero-glow:rgba(201,206,216,.75);
  --lms-accent:#d9dee7; --lms-accent2:#ffffff; --lms-accent-ink:#0b1533;
  --lms-pop:#8ab4ff; --lms-hot:#ff4458; --lms-good:#2ee59d;
  --lms-soft:#dfe6ff; --lms-dim:#9aa6c8; --lms-line:rgba(255,255,255,.14);
  --lms-cta:linear-gradient(180deg,#ffffff,#d9dee7 50%,#9aa3b5);
  --lms-cta-glow:rgba(217,222,231,.8);
  --lms-you:#fff; --lms-count:#fff;
  --lms-title:linear-gradient(180deg,#fff 40%,#c9ced8); --lms-title-glow:rgba(217,222,231,.4);
  --lms-state:linear-gradient(150deg,#1d2a66,#0b1533);
  --lms-backdrop:
    radial-gradient(70% 45% at 0% 0%, rgba(217,222,231,.24), transparent 60%),
    radial-gradient(70% 45% at 100% 5%, rgba(138,180,255,.28), transparent 60%),
    radial-gradient(90% 60% at 50% 115%, rgba(217,222,231,.12), transparent 60%),
    linear-gradient(180deg,#14214f 0%,#0b1533 50%,#070e24 100%);
  --lms-pattern:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 46px,#fff 46px 47px,transparent 47px 60px);
  --lms-pattern-op:.06;
}
/* Scottish Premiership: saltire blue and white with a thistle purple. */
body.spfl{
  --lms-bg:#061a40; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  --lms-hero:linear-gradient(135deg,#0065bd 0%,#0a3d8f 50%,#3b1d6e 100%);
  --lms-hero-glow:rgba(0,101,189,.9);
  --lms-accent:#8fd3ff; --lms-accent2:#c49bff; --lms-accent-ink:#ffffff;
  --lms-pop:#c49bff; --lms-hot:#ff5c7a; --lms-good:#2ee59d;
  --lms-soft:#dcecff; --lms-dim:#9db2d6; --lms-line:rgba(255,255,255,.14);
  --lms-cta:linear-gradient(100deg,#8a4dff,#0065bd);
  --lms-cta-glow:rgba(138,77,255,.85);
  --lms-you:#fff; --lms-count:#fff;
  --lms-title:linear-gradient(180deg,#fff 40%,#cfe9ff); --lms-title-glow:rgba(0,101,189,.6);
  --lms-state:linear-gradient(150deg,#123a7a,#061a40);
  --lms-backdrop:
    radial-gradient(70% 45% at 0% 0%, rgba(0,101,189,.55), transparent 60%),
    radial-gradient(70% 45% at 100% 5%, rgba(138,77,255,.35), transparent 60%),
    radial-gradient(90% 60% at 50% 115%, rgba(143,211,255,.22), transparent 60%),
    linear-gradient(180deg,#0a2a5e 0%,#061a40 50%,#04112b 100%);
  --lms-pattern:repeating-linear-gradient(45deg,#fff 0 2px,transparent 2px 40px),repeating-linear-gradient(-45deg,#fff 0 2px,transparent 2px 40px);
  --lms-pattern-op:.06;
}
/* Champions League: UEFA's 2024-27 look (Paul, 2026-10-20): near-black
   midnight with silver starlight and a bright rainbow "prism" glow (cyan,
   blue, violet, pink, orange, gold, green) on buttons and edges. */
body.ucl{
  --ucl-prism:linear-gradient(100deg,#00e0ff 0%,#3d7bff 18%,#9b4dff 36%,#ff3fa4 54%,#ff7a2f 70%,#ffd23f 84%,#3df5a7 100%);
  --lms-bg:#03030f; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  --lms-hero:
    radial-gradient(70% 90% at 0% 0%, rgba(0,224,255,.28), transparent 60%),
    radial-gradient(60% 80% at 100% 0%, rgba(255,63,164,.26), transparent 60%),
    radial-gradient(70% 70% at 100% 100%, rgba(255,122,47,.18), transparent 60%),
    linear-gradient(135deg,#14123f 0%,#0a0926 55%,#05051a 100%);
  --lms-hero-glow:rgba(155,77,255,.75);
  --lms-accent:#00e0ff; --lms-accent2:#ff3fa4; --lms-accent-ink:#05051a;
  --lms-pop:#b98aff; --lms-hot:#ff4d7a; --lms-good:#3df5a7;
  --lms-soft:#e2e4f5; --lms-dim:#9a9cbc; --lms-line:rgba(255,255,255,.14);
  --lms-cta:var(--ucl-prism);
  --lms-cta-glow:rgba(255,63,164,.7);
  --lms-you:#fff; --lms-count:#fff;
  --lms-title:linear-gradient(180deg,#fff 35%,#d4d7ee); --lms-title-glow:rgba(155,77,255,.5);
  --lms-state:linear-gradient(150deg,#16133f,#05051a);
  --lms-backdrop:
    radial-gradient(55% 35% at 0% 0%, rgba(0,224,255,.22), transparent 60%),
    radial-gradient(50% 35% at 100% 5%, rgba(255,63,164,.2), transparent 60%),
    radial-gradient(45% 30% at 50% -8%, rgba(155,77,255,.28), transparent 60%),
    radial-gradient(60% 40% at 0% 100%, rgba(255,122,47,.12), transparent 60%),
    radial-gradient(60% 40% at 100% 100%, rgba(61,245,167,.10), transparent 60%),
    linear-gradient(180deg,#0a0820 0%,#03030f 50%,#020208 100%);
  --lms-pattern:radial-gradient(1.5px 1.5px at 20px 30px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90px 80px,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 150px 20px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 60px 140px,#fff 50%,transparent 51%),radial-gradient(2px 2px at 170px 120px,#fff 50%,transparent 51%);
  --lms-pattern-op:.35;
  --lms-pattern-size:200px 170px;
}
/* The prism: a thin rainbow line across the top of every page, and rainbow
   edges on the big cards. */
body.ucl::after{content:'';position:fixed;top:0;left:0;right:0;height:4px;z-index:50;pointer-events:none;background:var(--ucl-prism);box-shadow:0 0 18px rgba(155,77,255,.7)}
body.ucl .lms-hero-card,body.ucl .deadline{border:1.5px solid transparent!important;background:var(--lms-hero) padding-box,var(--ucl-prism) border-box!important}
body.ucl .lms-eyebrow,body.ucl .eyebrow{background:var(--ucl-prism);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none}
/* Women's Super League: the league's fiery orange-to-purple. */
body.wsl{
  --lms-bg:#1c0b33; --lms-panel:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
  --lms-hero:linear-gradient(135deg,#ff6a13 0%,#d6246e 45%,#5a1fa8 100%);
  --lms-hero-glow:rgba(255,106,19,.85);
  --lms-accent:#ff8a1f; --lms-accent2:#c39bff; --lms-accent-ink:#1c0b33;
  --lms-pop:#c39bff; --lms-hot:#ff4d6a; --lms-good:#2ee59d;
  --lms-soft:#f3e3ff; --lms-dim:#b9a3d4; --lms-line:rgba(255,255,255,.14);
  --lms-cta:linear-gradient(100deg,#ff6a13,#ff9a3c);
  --lms-cta-glow:rgba(255,106,19,.85);
  --lms-you:#fff; --lms-count:#fff;
  --lms-title:linear-gradient(180deg,#fff 35%,#ffd2b3); --lms-title-glow:rgba(255,106,19,.5);
  --lms-state:linear-gradient(150deg,#3a1670,#1c0b33);
  --lms-backdrop:
    radial-gradient(70% 45% at 0% 0%, rgba(255,106,19,.42), transparent 60%),
    radial-gradient(70% 45% at 100% 5%, rgba(138,63,255,.45), transparent 60%),
    radial-gradient(90% 60% at 50% 115%, rgba(214,36,110,.30), transparent 60%),
    linear-gradient(180deg,#2b1150 0%,#1c0b33 50%,#12071f 100%);
  --lms-pattern:radial-gradient(circle,#fff 1.4px,transparent 1.6px);
  --lms-pattern-op:.10;
  --lms-pattern-size:26px 26px;
}
html,body{background-color:var(--lms-bg)}
body.lms{color:var(--lms-text);font-family:'Manrope',Arial,sans-serif;min-height:100vh;
  background:var(--lms-bg);background-image:var(--lms-backdrop);background-attachment:fixed}
body.lms::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--lms-pattern-op);
  background:var(--lms-pattern);background-size:var(--lms-pattern-size)}
body.lms > :where(:not(.lms-confetti):not(.sheet):not(.sheet-backdrop):not(.toast):not(script):not(style)){position:relative;z-index:1}

@keyframes lmsRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes lmsPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,94,.7)}70%{box-shadow:0 0 0 8px rgba(255,77,94,0)}}
@keyframes lmsShine{0%{transform:translateX(-130%) skewX(-20deg)}55%,100%{transform:translateX(330%) skewX(-20deg)}}
@keyframes lmsPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes lmsFall{to{transform:translateY(110vh) rotate(720deg)}}

/* Headline + eyebrow */
.lms-display{font-family:'Bebas Neue','Manrope',sans-serif;font-weight:400;letter-spacing:.03em}
.lms-title{font-family:'Bebas Neue','Manrope',sans-serif!important;font-weight:400!important;font-size:44px!important;line-height:.95!important;letter-spacing:.03em!important;text-align:center;
  background:var(--lms-title);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 4px 18px var(--lms-title-glow))}
.lms-eyebrow{color:var(--lms-accent)!important;letter-spacing:.22em!important;font-weight:800!important;text-shadow:0 0 18px color-mix(in srgb,var(--lms-accent) 60%,transparent)}
.lms-pill{display:table;margin-left:auto;margin-right:auto;padding:7px 14px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid var(--lms-line);color:var(--lms-soft)!important;font-weight:800}

/* Cards and buttons */
.lms-card{background:var(--lms-panel)!important;border:1px solid var(--lms-line)!important;border-radius:20px!important;box-shadow:0 20px 40px -26px rgba(0,0,0,.7);animation:lmsRise .45s ease both}
.lms-hero-card{position:relative;overflow:hidden;background:var(--lms-hero)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;box-shadow:0 24px 50px -24px var(--lms-hero-glow)!important;animation:lmsRise .5s ease both}
.lms-cta{position:relative;overflow:hidden;background:var(--lms-cta)!important;color:var(--lms-accent-ink)!important;border:none!important;font-weight:900!important;box-shadow:0 16px 30px -14px var(--lms-cta-glow)!important}
.lms-cta::after{content:'';position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:lmsShine 2.8s ease-in-out infinite;pointer-events:none}
.lms-confetti{position:fixed;top:-12px;width:9px;height:14px;border-radius:2px;z-index:99;pointer-events:none;animation:lmsFall 1.8s ease-in forwards}
@media (prefers-reduced-motion:reduce){.lms *,.lms *::before,.lms *::after{animation:none!important}}

/* Company logo at the top of every LMS page (Paul, 2026-10-17). White
   lettering, made for the dark league backgrounds. Taps through to home. */
.lms-logo{display:block;width:max-content;max-width:100%;margin:0 auto 14px;line-height:0;position:relative;z-index:2}
.phone>.lms-logo{margin-top:16px}
.phone>.lms-logo+.topbar{padding-top:4px!important}
.lms-logo img{display:block;width:240px;max-width:70vw;height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}
.lms-hero-card .lms-logo img{width:180px}