/* Shared DE/EN landing composition and football previews. */
:root { --font-main: "Inter", "Roboto", "Segoe UI", system-ui, -apple-system, sans-serif; --ok: var(--mdz-color-success); --warn: #f1c15c; }

  *{box-sizing:border-box}
  html{
    min-height:100%;
    scroll-behavior:smooth;
    background:var(--page-bg);
    background-color:var(--bg);
  }
  body{
    margin:0;
    min-height:100%;
    min-height:100vh;
    min-height:100dvh;
    overflow-x:hidden;
    color:var(--text);
    font:15px/1.5 var(--font-main);
    background:var(--page-bg);
    background-color:var(--bg);
  }
  a{color:inherit;text-decoration:none}
  button{font:inherit}
  img{max-width:100%;display:block}
  [hidden]{display:none !important}

  .page{
    position:relative;
    isolation:isolate;
    min-height:100vh;
    min-height:100dvh;
    overflow-x:hidden;
    background:var(--page-bg);
    background-color:var(--bg);
  }
  .page::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px) 0 0/100% 56px,
      linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px) 0 0/78px 100%;
    mask-image:linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.26));
    opacity:.42;
    z-index:-1;
  }

  .wrap{
    width:min(1460px, calc(100% - 40px));
    margin:0 auto;
    padding:18px 0 28px;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:20;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:14px;
    padding:11px 15px;
    margin:0 0 14px;
    border:1px solid rgba(129,163,233,.12);
    border-radius:12px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.018), transparent 26%),
      linear-gradient(180deg, rgba(8,15,27,.95), rgba(7,13,23,.94));
    box-shadow:0 18px 40px rgba(0,0,0,.18);
    backdrop-filter:blur(18px);
  }
  .brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
  }
  .brand:hover .brand__logo,
  .brand:focus-visible .brand__logo{
    filter:drop-shadow(0 12px 20px rgba(0,0,0,.24));
  }
  .brand:hover .brand__mark,
  .brand:focus-visible .brand__mark{
    transform:translateY(-1px);
    box-shadow:
      0 18px 40px rgba(45,78,162,.38),
      inset 0 1px 0 rgba(255,255,255,.28),
      inset 0 -12px 24px rgba(0,0,0,.18);
  }
  .brand:focus-visible{
    border-radius:16px;
  }
  .brand__mark{
    position:relative;
    width:56px;
    height:56px;
    border-radius:999px;
    display:grid;
    place-items:center;
    border:1px solid rgba(140,176,255,.42);
    background:
      linear-gradient(145deg, rgba(255,255,255,.16), transparent 42%),
      radial-gradient(circle at 30% 24%, rgba(132,169,255,.96) 0%, rgba(88,129,255,.96) 40%, rgba(31,57,115,.98) 100%);
    box-shadow:
      0 16px 36px rgba(45,78,162,.34),
      inset 0 1px 0 rgba(255,255,255,.28),
      inset 0 -12px 24px rgba(0,0,0,.18);
    overflow:hidden;
    flex:none;
    transition:transform .16s ease, box-shadow .16s ease;
  }
  .brand__mark::before{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.14);
    background:
      radial-gradient(circle at 24% 20%, rgba(255,255,255,.26), transparent 36%),
      radial-gradient(circle at 78% 72%, rgba(52,208,164,.20), transparent 34%);
    pointer-events:none;
  }
  .brand__mark::after{
    content:"";
    position:absolute;
    inset:-22%;
    background:conic-gradient(from 220deg, rgba(255,255,255,.00), rgba(255,255,255,.16), rgba(255,255,255,.00) 26%);
    transform:rotate(18deg);
    opacity:.65;
    pointer-events:none;
  }
  .brand__mark img{
    position:relative;
    z-index:1;
    width:76%;
    height:76%;
    object-fit:contain;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.34));
  }
  .brand__copy{
    display:grid;
    gap:2px;
    min-width:0;
  }
  .brand__logo{
    width:clamp(220px, 22vw, 320px);
    max-width:100%;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));
    transition:filter .16s ease;
  }
  .brand__sub{
    color:var(--muted);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
  }

  .topbar__nav{
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .topbar__nav .lang-toggle{
    margin-left:auto;
  }
  .topbar__nav a,
  .pill,
  .mini-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:10px;
    border:1px solid var(--line);
    background:rgba(10,18,31,.62);
    color:var(--text);
    font-size:11px;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .topbar__nav a{
    color:var(--muted);
    transition:border-color .16s ease, color .16s ease, transform .16s ease, background-color .16s ease;
  }
  .topbar__nav a.is-current,
  .topbar__nav a:hover{
    color:var(--text);
    border-color:var(--line-strong);
    background:rgba(14,24,40,.86);
    transform:translateY(-1px);
  }

  .topbar__auth{
    display:flex;
    gap:10px;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
  .lang-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    cursor:pointer;
  }
  .lang-toggle--nav{
    min-height:28px;
    padding:0 10px;
    border-radius:10px;
    border:1px solid var(--line);
    background:rgba(10,18,31,.62);
    color:var(--muted);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    transition:border-color .16s ease, color .16s ease, transform .16s ease, background-color .16s ease;
  }
  .lang-toggle--nav:hover,
  .lang-toggle--nav:focus-visible{
    color:var(--text);
    border-color:var(--line-strong);
    background:rgba(14,24,40,.86);
    transform:translateY(-1px);
  }
  .lang-toggle--auth{
    min-height:42px;
    padding:0 14px;
    border-radius:10px;
    border:1px solid var(--line);
    background:rgba(10,18,31,.74);
    color:var(--text);
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    transition:transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
  }
  .lang-toggle--auth:hover,
  .lang-toggle--auth:focus-visible{
    transform:translateY(-1px);
    border-color:var(--line-strong);
    background:#10203a;
  }
  .lang-toggle--auth.is-mobile-only{
    display:none;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 16px;
    border:1px solid var(--line);
    color:var(--text);
    font-weight:700;
    letter-spacing:.01em;
  }

  .panel{
    position:relative;
    overflow:hidden;
    border:1px solid var(--line);
  }
  .panel > *{
    position:relative;
    z-index:1;
  }
  .kicker{
    color:var(--muted);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .eyebrow-row{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--muted);
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .eyebrow::before{
    content:"";
    width:30px;
    height:1px;
    background:linear-gradient(90deg, var(--accent), transparent);
  }
  .panel__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
  }
  .pillrow{
    display:flex;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
  }

  .replay__frame{
    position:relative;
    min-height:292px;
    width:100%;
    border-radius:12px;
    overflow:hidden;
    border:1px solid rgba(143,214,174,.20);
    background:
      linear-gradient(180deg, rgba(26,84,50,.28), rgba(12,40,26,.20));
  }
  .replay__canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    z-index:1;
  }
  .replay__video{
    position:absolute;
    top:0;
    bottom:0;
    left:51%;
    right:auto;
    z-index:2;
    display:block;
    width:112%;
    height:100%;
    transform:translateX(-50%);
    object-fit:contain;
    object-position:center;
    background:transparent;
    opacity:0;
  }
  .replay__frame.has-video .replay__video{
    opacity:1;
  }
  .replay__frame.has-video .replay__canvas{
    visibility:hidden;
  }
  .replay__media-toggle{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:4;
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid rgba(129,163,233,.22);
    border-radius:9px;
    background:rgba(7,16,29,.82);
    color:#e8f0ff;
    box-shadow:0 8px 18px rgba(0,0,0,.22);
    cursor:pointer;
    font:800 12px/1 var(--font-main);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease, border-color .18s ease, background-color .18s ease;
  }
  .replay__frame.has-video .replay__media-toggle{
    opacity:1;
    pointer-events:auto;
  }
  .replay__media-toggle:hover,
  .replay__media-toggle:focus-visible{
    border-color:rgba(121,160,255,.48);
    background:rgba(13,29,51,.96);
  }
  .replay__media-toggle[hidden],
  .replay__video[hidden]{
    display:none;
  }

  .snapshot{
    position:relative;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.024), transparent 22%),
      linear-gradient(180deg, rgba(10,18,31,.96), rgba(8,14,24,.98));
    box-shadow:var(--shadow);
  }
  .snapshot::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(720px 240px at 20% 0%, rgba(96,145,255,.10), transparent 62%),
      radial-gradient(560px 240px at 86% 8%, rgba(52,208,164,.08), transparent 60%);
  }
  .snapshot > *{position:relative;z-index:1}
  .snapshot__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px;
    border-bottom:1px solid var(--line);
  }
  .snapshot__title{
    display:grid;
    gap:4px;
  }
  .snapshot__title strong{
    font:780 17px/1 var(--font-main);
    letter-spacing:.02em;
    text-transform:uppercase;
  }
  .snapshot__title span{
    color:var(--muted);
    font-size:11px;
  }

  .lineup__workspace{
    display:grid;
    grid-template-columns:minmax(0, 1.14fr) minmax(340px, .86fr);
    gap:12px;
    padding:8px 12px 12px;
    align-items:stretch;
  }
  .lineup-board,
  .lineup-aside{
    display:grid;
    gap:8px;
    min-height:100%;
    min-width:0;
  }
  .lineup-aside{
    grid-template-rows:auto auto;
    align-content:start;
    min-height:0;
  }
  .lineup-panel,
  .lineup-bench,
  .lineup-sidecard{
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.018), transparent 26%),
      rgba(10,18,31,.48);
    box-shadow:var(--shadow-soft);
    overflow:hidden;
  }
  .lineup-panel{
    display:grid;
    grid-template-rows:auto auto auto 1fr auto;
    gap:9px;
    padding:10px;
  }
  .lineup-panel__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    min-width:0;
    padding-bottom:7px;
    border-bottom:1px solid rgba(129,163,233,.12);
  }
  .lineup-panel__ribbon{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
  }
  .lineup-panel__ribbon span{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 8px;
    border-radius:999px;
    border:1px solid rgba(121,160,255,.16);
    background:rgba(8,15,27,.40);
    color:var(--muted);
    font-size:8px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .lineup-panel__title{
    display:grid;
    gap:4px;
    min-width:0;
  }
  .lineup-panel__title strong{
    font-size:13px;
    line-height:1.08;
    text-transform:uppercase;
  }
  .lineup-panel__title span{
    color:var(--muted);
    font-size:9px;
    line-height:1.35;
  }
  .lineup-panel__tabs{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .lineup-panel__tabs .mini-pill{
    min-height:22px;
    padding:0 8px;
    font-size:9px;
    color:var(--muted);
    background:rgba(8,15,27,.56);
  }
  .lineup-panel__tabs .mini-pill.is-active{
    color:var(--text);
    border-color:rgba(121,160,255,.28);
    background:rgba(15,27,46,.88);
  }
  .lineup-board__meta{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
  }
  .lineup-board__meta-card{
    position:relative;
    display:grid;
    gap:4px;
    min-height:54px;
    padding:9px 10px;
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 34%),
      rgba(8,15,27,.44);
    overflow:hidden;
  }
  .lineup-board__meta-card::before{
    content:"";
    position:absolute;
    left:9px;
    right:48%;
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(121,160,255,.34), transparent);
    opacity:.62;
  }
  .lineup-board__meta-card span{
    color:var(--muted);
    font-size:8px;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .lineup-board__meta-card strong{
    font-size:12px;
    line-height:1.22;
  }
  .lineup-pitch{
    position:relative;
    min-height:414px;
    --lineup-field-inset:16px;
    --lineup-penalty-depth:16.2%;
    --lineup-penalty-height:47%;
    --lineup-six-depth:7.1%;
    --lineup-six-height:22%;
    --lineup-spot-offset:11.2%;
    --lineup-arc-visible:3.3%;
    --lineup-circle-size:118px;
    border:1px solid rgba(154,227,187,.16);
    border-radius:10px;
    overflow:hidden;
    background:
      linear-gradient(180deg, rgba(255,255,255,.018), transparent 14%),
      radial-gradient(120% 120% at 50% 48%, rgba(255,255,255,.08), transparent 54%),
      linear-gradient(180deg, rgba(22,84,54,.26), rgba(11,34,24,.30)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 10%, rgba(255,255,255,0) 10% 20%),
      repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 2px, rgba(0,0,0,0) 2px 26px),
      linear-gradient(180deg, #143825 0%, #0d2619 100%);
    box-shadow:0 24px 56px rgba(0,0,0,.38);
    isolation:isolate;
  }
  .lineup-pitch::before{
    content:"";
    position:absolute;
    inset:var(--lineup-field-inset);
    border:2px solid rgba(242,246,255,.72);
    border-radius:10px;
    pointer-events:none;
  }
  .lineup-pitch::after{
    content:"";
    position:absolute;
    left:50%;
    top:var(--lineup-field-inset);
    bottom:var(--lineup-field-inset);
    width:2px;
    transform:translateX(-1px);
    background:rgba(242,246,255,.72);
    pointer-events:none;
  }
  .lineup-pitch__circle,
  .lineup-pitch__box,
  .lineup-pitch__six,
  .lineup-pitch__arc,
  .lineup-pitch__spot{
    position:absolute;
    pointer-events:none;
  }
  .lineup-pitch__circle{
    left:50%;
    top:50%;
    width:var(--lineup-circle-size);
    height:var(--lineup-circle-size);
    transform:translate(-50%, -50%);
    border:2px solid rgba(242,246,255,.72);
    border-radius:50%;
  }
  .lineup-pitch__box{
    top:50%;
    width:var(--lineup-penalty-depth);
    height:var(--lineup-penalty-height);
    transform:translateY(-50%);
    border:2px solid rgba(242,246,255,.72);
  }
  .lineup-pitch__box.is-left{
    left:var(--lineup-field-inset);
    border-left:0;
    border-radius:0 10px 10px 0;
  }
  .lineup-pitch__box.is-right{
    right:var(--lineup-field-inset);
    border-right:0;
    border-radius:10px 0 0 10px;
  }
  .lineup-pitch__six{
    top:50%;
    width:var(--lineup-six-depth);
    height:var(--lineup-six-height);
    transform:translateY(-50%);
    border:2px solid rgba(242,246,255,.72);
  }
  .lineup-pitch__six.is-left{
    left:var(--lineup-field-inset);
    border-left:0;
    border-radius:0 10px 10px 0;
  }
  .lineup-pitch__six.is-right{
    right:var(--lineup-field-inset);
    border-right:0;
    border-radius:10px 0 0 10px;
  }
  .lineup-pitch__arc{
    top:50%;
    width:var(--lineup-arc-visible);
    aspect-ratio:1 / 4;
    overflow:hidden;
    transform:translateY(-50%);
  }
  .lineup-pitch__arc::before{
    content:"";
    position:absolute;
    top:0;
    width:500%;
    height:100%;
    border:2px solid rgba(242,246,255,.68);
    border-radius:50%;
  }
  .lineup-pitch__arc.is-left{
    left:calc(var(--lineup-field-inset) + var(--lineup-penalty-depth) - 1px);
  }
  .lineup-pitch__arc.is-right{
    right:calc(var(--lineup-field-inset) + var(--lineup-penalty-depth) - 1px);
  }
  .lineup-pitch__arc.is-left::before{
    right:0;
  }
  .lineup-pitch__arc.is-right::before{
    left:0;
  }
  .lineup-pitch__spot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#f2f6ff;
    box-shadow:0 0 0 7px rgba(255,255,255,.06);
  }
  .lineup-pitch__spot.is-center{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
  }
  .lineup-pitch__spot.is-left{
    left:var(--lineup-spot-offset);
    top:50%;
    transform:translate(-50%, -50%);
  }
  .lineup-pitch__spot.is-right{
    right:var(--lineup-spot-offset);
    top:50%;
    transform:translate(50%, -50%);
  }
  .lineup-token{
    position:absolute;
    transform:translate(-50%, -50%);
    min-width:92px;
    max-width:112px;
    display:grid;
    justify-items:center;
    gap:4px;
    z-index:2;
  }
  .lineup-token__dot{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.26);
    background:linear-gradient(180deg, rgba(15,31,51,.94), rgba(9,17,29,.96));
    box-shadow:0 10px 24px rgba(0,0,0,.34);
    color:#f2f6ff;
    font-size:10px;
    font-weight:800;
  }
  .lineup-token.is-core .lineup-token__dot{
    border-color:rgba(121,160,255,.46);
    box-shadow:0 12px 28px rgba(58,96,190,.24);
  }
  .lineup-token__card{
    width:100%;
    display:grid;
    gap:2px;
    padding:6px 7px 7px;
    border-radius:11px;
    border:1px solid rgba(255,255,255,.11);
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 28%),
      rgba(7,16,29,.80);
    box-shadow:0 14px 26px rgba(0,0,0,.30);
    text-align:center;
  }
  .lineup-token__top{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
  }
  .lineup-token__ovr{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:16px;
    padding:0 5px;
    border-radius:10px;
    border:1px solid rgba(52,208,164,.24);
    background:rgba(52,208,164,.12);
    color:#9ef0d4;
    font-size:9px;
    font-weight:800;
  }
  .lineup-token__name{
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .lineup-token__role{
    color:var(--muted);
    font-size:9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .lt-gk{left:10%;top:50%}
  .lt-lb{left:24.8%;top:19%}
  .lt-lcb{left:31%;top:38.5%}
  .lt-rcb{left:31%;top:61.5%}
  .lt-rb{left:24.8%;top:81%}
  .lt-dm{left:43.8%;top:35.5%}
  .lt-cm{left:43.8%;top:64.5%}
  .lt-lw{left:65%;top:20.5%}
  .lt-am{left:60.8%;top:50%}
  .lt-rw{left:65%;top:79.5%}
  .lt-st{left:80.8%;top:50%}
  .lineup-board__note{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap:10px;
    align-items:start;
    min-height:48px;
    padding:10px 11px;
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 34%),
      rgba(8,15,27,.46);
    font-size:10px;
  }
  .lineup-board__note strong{
    font-size:10px;
    letter-spacing:.10em;
    text-transform:uppercase;
    padding-top:1px;
  }
  .lineup-board__note span{
    color:var(--muted);
    text-align:left;
    line-height:1.45;
  }
  .lineup-bench,
  .lineup-sidecard{
    display:grid;
    gap:8px;
    padding:10px;
    min-width:0;
  }
  .lineup-bench{
    grid-template-rows:auto auto;
    min-height:0;
    align-content:start;
  }
  .lineup-bench__head,
  .lineup-sidecard__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  .lineup-bench__head b,
  .lineup-sidecard__head b{
    font-size:14px;
    line-height:1.08;
    text-transform:uppercase;
  }
  .lineup-bench__head span,
  .lineup-sidecard__head span{
    color:var(--muted);
    font-size:10px;
  }
  .lineup-sidecard__sub{
    color:var(--muted);
    font-size:10px;
    line-height:1.38;
  }
  .lineup-sidecard__rows{
    display:grid;
    gap:6px;
  }
  .lineup-sidecard__row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:36px;
    padding:0 10px;
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(8,15,27,.46);
    font-size:10px;
  }
  .lineup-sidecard__row b{
    font-size:10px;
  }
  .lineup-sidecard__row span{
    color:var(--muted);
    text-align:right;
  }
  .fm-man-pitch-row{
    display:flex;
    gap:12px;
    align-items:stretch;
    padding:11px 14px 13px;
  }
  .fm-man-pitch-wrap{
    flex:1 1 720px;
    display:flex;
    justify-content:center;
  }
  .fm-stadium-pitch-wrap{
    position:relative;
    width:min(760px, 100%);
    height:clamp(500px, 38vw, 720px);
    display:flex;
    align-items:center;
    justify-content:center;
    --stPitchPad:clamp(12px, calc(100% * .04), 18px);
  }
  .fm-stadium-pitch{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.14);
    background:
      radial-gradient(120% 90% at 50% 30%, rgba(255,255,255,.08), transparent 55%),
      radial-gradient(120% 90% at 50% 100%, rgba(0,0,0,.22), transparent 60%),
      linear-gradient(180deg, rgba(34,197,94,.24), rgba(34,197,94,.11)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 12%, rgba(255,255,255,0) 12% 24%),
      repeating-linear-gradient(0deg, rgba(0,0,0,.06) 0 2px, rgba(0,0,0,0) 2px 24px);
    box-shadow:0 26px 70px rgba(0,0,0,.55);
    --stLine:rgba(255,255,255,.56);
  }
  .fm-stadium-pitch::before{
    content:"";
    position:absolute;
    inset:var(--stPitchPad);
    border:2px solid var(--stLine);
    border-radius:10px;
  }
  .fm-stadium-pitch::after{
    content:"";
    position:absolute;
    left:50%;
    top:var(--stPitchPad);
    bottom:var(--stPitchPad);
    width:2px;
    transform:translateX(-1px);
    background:var(--stLine);
  }
  .fm-stadium-pitch .midline,
  .fm-stadium-pitch .circle,
  .fm-stadium-pitch .box,
  .fm-stadium-pitch .six,
  .fm-stadium-pitch .arc,
  .fm-stadium-pitch .spot,
  .fm-stadium-pitch .goal,
  .fm-stadium-pitch .corner{
    position:absolute;
  }
  .fm-stadium-pitch .circle{
    left:50%;
    top:50%;
    width:116px;
    height:116px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:2px solid var(--stLine);
  }
  .fm-stadium-pitch .box{
    left:var(--stPitchPad);
    right:var(--stPitchPad);
    height:30%;
    border-left:2px solid var(--stLine);
    border-right:2px solid var(--stLine);
  }
  .fm-stadium-pitch .box.top{
    top:var(--stPitchPad);
    border-top:2px solid var(--stLine);
    border-bottom:2px solid var(--stLine);
    border-radius:10px 10px 6px 6px;
  }
  .fm-stadium-pitch .box.bottom{
    bottom:var(--stPitchPad);
    border-bottom:2px solid var(--stLine);
    border-top:2px solid var(--stLine);
    border-radius:6px 6px 10px 10px;
  }
  .fm-stadium-pitch .six.left,
  .fm-stadium-pitch .six.right{
    top:var(--stPitchPad);
    width:28%;
    height:14%;
    border-top:2px solid var(--stLine);
    border-left:2px solid var(--stLine);
    border-right:2px solid var(--stLine);
  }
  .fm-stadium-pitch .six.left{
    left:var(--stPitchPad);
    border-radius:10px 10px 0 0;
  }
  .fm-stadium-pitch .six.right{
    right:var(--stPitchPad);
    border-radius:10px 10px 0 0;
  }
  .fm-stadium-pitch .arc.left,
  .fm-stadium-pitch .arc.right{
    width:110px;
    height:110px;
    border-radius:50%;
    border:2px solid var(--stLine);
    clip-path:inset(50% 0 0 0);
  }
  .fm-stadium-pitch .arc.left{
    left:50%;
    top:9%;
    transform:translateX(-50%);
  }
  .fm-stadium-pitch .arc.right{
    left:50%;
    bottom:9%;
    transform:translateX(-50%) rotate(180deg);
  }
  .fm-stadium-pitch .spot{
    width:10px;
    height:10px;
    margin:-5px 0 0 -5px;
    border-radius:50%;
    background:#f2f6ff;
    box-shadow:0 0 0 8px rgba(255,255,255,.06), 0 8px 16px rgba(0,0,0,.28);
  }
  .fm-stadium-pitch .spot.center{left:50%;top:50%}
  .fm-stadium-pitch .spot.left{left:50%;top:27%}
  .fm-stadium-pitch .spot.right{left:50%;top:73%}
  .fm-stadium-pitch .goal{
    left:50%;
    width:34%;
    height:18px;
    transform:translateX(-50%);
    border:2px solid var(--stLine);
    border-top:0;
    border-radius:0 0 10px 10px;
  }
  .fm-stadium-pitch .goal.left{top:var(--stPitchPad)}
  .fm-stadium-pitch .goal.right{bottom:var(--stPitchPad)}
  .fm-stadium-pitch .corner{
    width:8px;
    height:8px;
    border:2px solid var(--stLine);
    border-left:0;
    border-top:0;
  }
  .fm-stadium-pitch .corner.tl{left:var(--stPitchPad);top:var(--stPitchPad);transform:translate(-2px,-2px) rotate(180deg)}
  .fm-stadium-pitch .corner.tr{right:var(--stPitchPad);top:var(--stPitchPad);transform:translate(2px,-2px) rotate(270deg)}
  .fm-stadium-pitch .corner.bl{left:var(--stPitchPad);bottom:var(--stPitchPad);transform:translate(-2px,2px) rotate(90deg)}
  .fm-stadium-pitch .corner.br{right:var(--stPitchPad);bottom:var(--stPitchPad);transform:translate(2px,2px) rotate(0deg)}
  .fm-man-heatmap-grid{
    position:absolute;
    inset:var(--stPitchPad);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(7,16,29,.18), rgba(7,16,29,.08)),
      repeating-linear-gradient(180deg, rgba(255,255,255,.016) 0 16px, rgba(255,255,255,0) 16px 32px);
    opacity:.72;
    pointer-events:none;
  }
  .fm-man-pitch-grid{
    position:absolute;
    inset:var(--stPitchPad);
    pointer-events:none;
  }
  .pitch-player{
    position:absolute;
    transform:translate(-50%,-50%);
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:26px;
    padding:0 8px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(7,16,29,.74);
    color:#e9eef8;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    box-shadow:0 10px 22px rgba(0,0,0,.28);
  }
  .pitch-player .ovr{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:18px;
    padding:0 5px;
    border-radius:10px;
    border:1px solid rgba(52,208,164,.28);
    background:rgba(52,208,164,.12);
    color:#9ef0d4;
    font-size:10px;
  }
  .pitch-player .pos{color:#9db0d0}
  .pitch-player.is-accent{
    border-color:rgba(121,160,255,.30);
    background:rgba(10,24,42,.82);
  }
  .pp-1{left:18%;top:22%}
  .pp-2{left:31%;top:21%}
  .pp-3{left:49%;top:25%}
  .pp-4{left:69%;top:20%}
  .pp-5{left:82%;top:24%}
  .pp-6{left:24%;top:45%}
  .pp-7{left:43%;top:43%}
  .pp-8{left:61%;top:45%}
  .pp-9{left:77%;top:43%}
  .pp-10{left:33%;top:71%}
  .pp-11{left:50%;top:69%}

  .fm-man-xi-bench{
    flex:0 1 382px;
    max-width:432px;
    min-width:320px;
    display:flex;
    flex-direction:column;
    padding:13px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.12);
    box-shadow:var(--shadow-soft);
  }
  .fm-man-xi-bench-lineup{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:0;
    flex:1 1 auto;
  }
  .fm-man-xi-bench-head{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
  }
  .fm-man-xi-bench-head b{
    font:800 20px/1 var(--font-main);
    letter-spacing:.02em;
    text-transform:uppercase;
  }
  .fm-man-xi-bench-head .meta{
    color:var(--muted);
    font-size:11px;
  }
  .fm-man-xi-bench-list{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-height:0;
    padding:2px;
    border:1px solid rgba(129,163,233,.10);
    border-radius:12px;
    background:rgba(8,15,27,.28);
  }
  .fm-man-bench-slot{
    display:grid;
    grid-template-columns:18px minmax(0,1fr) 38px 24px;
    gap:7px;
    align-items:center;
    min-height:42px;
    padding:6px 7px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.08);
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 32%),
      rgba(0,0,0,.16);
  }
  .fm-man-bench-slot.is-empty{
    border-style:dashed;
    background:rgba(8,15,27,.14);
    opacity:.84;
  }
  .mini-photo{
    width:18px;
    height:18px;
    border-radius:7px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.20);
  }
  .nm{
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .sub{
    margin-top:1px;
    color:var(--muted);
    font-size:10px;
    display:flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
    overflow:hidden;
  }
  .sub .dot{opacity:.64}
  .flag-mini{
    width:16px;
    height:12px;
    display:block;
    flex:none;
    object-fit:cover;
    border-radius:3px;
    border:1px solid rgba(255,255,255,.12);
    background:#0c1524;
    box-shadow:0 4px 10px rgba(0,0,0,.20);
  }
  .ovr-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:18px;
    padding:0 6px;
    border-radius:10px;
    border:1px solid rgba(52,208,164,.24);
    background:rgba(52,208,164,.10);
    color:#86e8c8;
    font-size:9px;
    font-weight:800;
    justify-self:end;
  }
  .ops-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
    gap:14px;
    align-items:stretch;
  }
  .ops-stack{
    display:grid;
    grid-template-rows:minmax(0, 1.04fr) minmax(0, .96fr);
    gap:10px;
    min-height:0;
    height:100%;
  }
  .ops-grid > .snapshot,
  .ops-stack > .snapshot,
  .ops-stack > .seasonband{
    height:100%;
  }

  .academy__body,
  .finance__body{
    padding:12px 13px 13px;
    display:grid;
    gap:8px;
    height:100%;
    min-height:0;
  }
  .academy__body{
    grid-template-rows:auto minmax(316px, 1fr) auto;
  }
  .finance__body{
    grid-template-rows:auto auto;
    align-content:start;
  }
  .academy__topline{
    display:flex;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
  }
  .academy__topline .mini{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:1 1 168px;
    min-height:26px;
    padding:0 10px;
    border-radius:10px;
    border:1px solid var(--line);
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 34%),
      rgba(10,18,31,.44);
    color:var(--muted);
    font-size:10px;
  }
  .academy__map{
    position:relative;
    --academy-map-pad:14px;
    min-height:316px;
    height:100%;
    border:1px solid var(--line);
    border-radius:10px;
    overflow:hidden;
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 26%),
      radial-gradient(520px 200px at 50% 0%, rgba(56,189,248,.12), transparent 60%),
      linear-gradient(180deg, #101b31 0%, #0c1528 100%);
  }
  .academy__map::before{
    content:"";
    position:absolute;
    inset:var(--academy-map-pad);
    background:
      url("/img/akademie/worldmap.png") center center / 95% auto no-repeat;
    opacity:.28;
    pointer-events:none;
  }
  .academy__map::after{
    content:"";
    position:absolute;
    inset:var(--academy-map-pad);
    border-radius:8px;
    border:1px solid rgba(255,255,255,.12);
    background:
      linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/40px 100%,
      linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/100% 40px;
    opacity:.55;
    pointer-events:none;
  }
  .academy__map .academy__map-points{
    position:absolute;
    inset:var(--academy-map-pad);
    pointer-events:none;
  }
  .academy__map-point{
    position:absolute;
    width:clamp(10px, .85vw, 12px);
    height:clamp(10px, .85vw, 12px);
    transform:translate(-50%, -50%);
    border-radius:999px;
    border:1px solid rgba(121,160,255,.36);
    background:rgba(92,144,255,.82);
    box-shadow:
      0 0 0 clamp(4px, .52vw, 6px) rgba(92,144,255,.10),
      0 10px 18px rgba(4,10,22,.28);
  }
  .academy__map-point::after{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:inherit;
    background:rgba(228,238,255,.92);
    opacity:.32;
  }
  .academy__map-point.is-focus{
    border-color:rgba(52,208,164,.44);
    background:rgba(52,208,164,.86);
    box-shadow:
      0 0 0 clamp(4px, .52vw, 6px) rgba(52,208,164,.10),
      0 10px 18px rgba(4,10,22,.28);
  }
  .academy__map-point.is-na-west{left:18.1%;top:30.6%}
  .academy__map-point.is-na-central{left:29.1%;top:60.6%}
  .academy__map-point.is-africa-north{left:48.9%;top:26.2%}
  .academy__map-point.is-africa-south{left:52.9%;top:50.2%}
  .academy__map-point.is-asia-north{left:65.5%;top:35.4%}
  .academy__map-point.is-asia-east{left:84.1%;top:46.5%}
  .finance__intro,
  .stat,
  .seasonband__card,
  .seasonband__signal,
  .seasonband__step{
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(10,18,31,.44);
  }
  .academy-summary{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    min-width:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(8,16,28,.38);
  }
  .academy-summary__item{
    display:grid;
    align-content:start;
    gap:5px;
    min-width:0;
    min-height:104px;
    padding:11px 12px;
  }
  .academy-summary__item + .academy-summary__item{
    border-left:1px solid var(--line);
  }
  .academy-summary__item strong{
    font-size:11px;
    line-height:1.3;
  }
  .academy-summary__item span{
    color:var(--muted);
    font-size:10px;
    line-height:1.45;
  }

  .finance__stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:7px;
  }
  .finance__shell{
    display:grid;
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
    gap:7px;
    min-height:0;
    align-items:stretch;
  }
  #finanzen .pillrow{
    gap:4px;
    padding:4px;
    border:1px solid var(--line);
    border-radius:12px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.018), transparent 28%),
      rgba(7,15,27,.44);
  }
  #finanzen .pillrow .pill{
    min-height:24px;
    padding:0 9px;
    border-color:transparent;
    background:transparent;
    color:var(--muted);
    font-size:8px;
    letter-spacing:.14em;
  }
  #finanzen .pillrow .pill:first-child{
    border-color:rgba(121,160,255,.22);
    background:rgba(13,25,43,.74);
    color:var(--text);
  }
  .finance__intro{
    display:grid;
    gap:6px;
    padding:9px 10px 10px;
    min-height:0;
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 28%),
      radial-gradient(140% 120% at 0% 0%, rgba(121,160,255,.08), transparent 56%),
      rgba(10,18,31,.44);
  }
  .finance__intro span{
    color:var(--muted);
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .finance__intro strong{
    font-size:19px;
    line-height:1;
    letter-spacing:.01em;
  }
  .finance__intro em{
    color:#c8d7f5;
    font-style:normal;
    font-size:10px;
    line-height:1.35;
  }
  .finance__intro p{
    margin:0;
    color:var(--muted);
    font-size:9px;
    line-height:1.42;
    max-width:30ch;
  }
  .finance__queue{
    display:grid;
    gap:5px;
    min-height:0;
  }
  .finance__queue-item{
    display:grid;
    gap:4px;
    min-height:48px;
    padding:7px 8px;
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.012), transparent 28%),
      rgba(10,18,31,.40);
  }
  .finance__queue-item span{
    color:var(--muted);
    font-size:8px;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .finance__queue-item strong{
    font-size:11px;
    line-height:1.32;
  }
  .finance__queue-item.is-accent{
    background:
      linear-gradient(180deg, rgba(255,255,255,.014), transparent 32%),
      radial-gradient(120% 120% at 100% 0%, rgba(52,208,164,.06), transparent 46%),
      rgba(9,17,29,.46);
  }
  .stat{
    position:relative;
    padding:10px 11px;
    overflow:hidden;
  }
  .stat::before{
    content:"";
    position:absolute;
    left:11px;
    right:46%;
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(121,160,255,.42), transparent);
    opacity:.68;
  }
  .stat .k{
    display:block;
    color:var(--muted);
    font-size:10px;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:4px;
  }
  .stat .v{
    display:block;
    font-size:14px;
    font-weight:800;
  }
  .finance__bars{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
    align-items:stretch;
  }
  .barrow{
    display:grid;
    gap:5px;
    min-height:54px;
    padding:7px 8px;
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(8,15,27,.38);
  }
  .barrow__head{
    display:flex;
    justify-content:space-between;
    gap:8px;
    font-size:11px;
    align-items:center;
    min-width:0;
  }
  .barrow__head span,
  .barrow__head strong{
    min-width:0;
  }
  .barrow__head strong{
    text-align:right;
  }
  .bar{
    height:7px;
    overflow:hidden;
    border-radius:10px;
    background:#112138;
  }
  .bar > span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, #5e90ff, #89b0ff);
  }

  .seasonband{
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:7px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.024), transparent 22%),
      linear-gradient(180deg, rgba(10,18,31,.50), rgba(10,18,31,.38));
    box-shadow:var(--shadow);
  }
  .seasonband__head{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
    align-items:start;
    padding:0;
    border-bottom:0;
  }
  .seasonband__layout{
    display:grid;
    grid-template-columns:minmax(0, 1.14fr) minmax(280px, .86fr);
    gap:7px;
    min-height:0;
    height:100%;
  }
  .seasonband__main{
    display:grid;
    grid-template-rows:minmax(0, 1fr) auto;
    gap:7px;
    min-height:0;
  }
  .seasonband__aside{
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:7px;
    min-height:0;
  }
  .seasonband__nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:3px;
    max-width:none;
    padding:3px;
    border:1px solid var(--line);
    border-radius:12px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.016), transparent 30%),
      rgba(8,15,27,.42);
  }
  .seasonband__nav .pill{
    min-height:22px;
    padding:0 7px;
    border-color:transparent;
    background:transparent;
    color:var(--muted);
    font-size:8px;
    letter-spacing:.14em;
  }
  .seasonband__nav .pill:first-child{
    border-color:rgba(121,160,255,.22);
    background:rgba(13,25,43,.74);
    color:var(--text);
  }
  .seasonband__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    min-height:0;
    height:100%;
  }
  .seasonband__card{
    position:relative;
    display:grid;
    gap:7px;
    min-height:0;
    height:100%;
    padding:11px;
    overflow:hidden;
    align-content:start;
  }
  .seasonband__card::before{
    content:"";
    position:absolute;
    left:11px;
    right:50%;
    top:0;
    height:1px;
    background:linear-gradient(90deg, rgba(121,160,255,.40), rgba(52,208,164,.18), transparent);
    opacity:.68;
  }
  .seasonband__label{
    color:var(--muted);
    font-size:10px;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .seasonband__headline{
    margin:0;
    font-size:15px;
    line-height:1.32;
    font-weight:780;
  }
  .seasonband__meta{
    margin:0;
    color:var(--muted);
    font-size:10px;
    line-height:1.42;
  }
  .seasonband__signal{
    display:grid;
    gap:3px;
    align-content:start;
    min-height:0;
    padding:8px 9px;
    font-size:10px;
  }
  .seasonband__signal strong{
    font-size:10px;
  }
  .seasonband__signal span{color:var(--muted)}
  .seasonband__rail{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
    min-height:0;
    height:100%;
  }
  .seasonband__step{
    display:grid;
    gap:3px;
    min-height:0;
    height:100%;
    padding:8px 9px;
    align-content:start;
  }
  .seasonband__step span{
    color:var(--muted);
    font-size:10px;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .seasonband__step strong{
    font-size:10px;
  }
  .seasonband__step em{
    color:var(--muted);
    font-style:normal;
    font-size:8px;
  }
  .inline-link{
    color:var(--text);
    text-decoration:underline;
    text-underline-offset:2px;
  }
  .inline-link:hover{
    color:#fff;
  }

  .footer{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:24px;
    align-items:center;
    margin-top:12px;
    padding:13px 15px;
    border:1px solid var(--line);
    border-radius:12px;
    background:rgba(7,14,24,.56);
    color:var(--muted);
    font-size:11px;
  }
  .footer__brand{
    display:flex;
    align-items:baseline;
    gap:14px;
    min-width:0;
    max-width:none;
  }
  .footer__brand strong{
    flex:0 0 auto;
    color:var(--text);
    font-size:14px;
    line-height:1.22;
  }
  .footer__links{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:18px;
  }
  .footer a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0;
    border:0;
    border-radius:4px;
    color:#aebbd0;
    font-size:10px;
    font-weight:650;
    line-height:1.2;
    text-decoration:none;
    transition:color .16s ease;
  }
  .footer a:hover{
    color:var(--text);
  }
  body.modal-open{overflow:hidden}
  .legal-modal{position:fixed;inset:0;z-index:1000}
  .legal-modal__overlay{
    position:absolute;
    inset:0;
    background:
      radial-gradient(920px 620px at 10% 0%, rgba(96,145,255,.10), transparent 56%),
      rgba(3,8,15,.74);
    backdrop-filter:blur(14px);
    display:grid;
    place-items:center;
    padding:24px;
  }
  .legal-modal__card{
    width:min(860px, 95vw);
    background:
      linear-gradient(180deg, rgba(255,255,255,.018), transparent 24%),
      linear-gradient(180deg, rgba(10,18,31,.96), rgba(8,14,24,.98));
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:0 24px 72px rgba(0,0,0,.42);
    overflow:hidden;
  }
  .legal-modal__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid rgba(129,163,233,.12);
    background:
      linear-gradient(180deg, rgba(255,255,255,.015), transparent 60%),
      rgba(12,21,41,.84);
  }
  .legal-modal__title{
    margin:0;
    font-size:17px;
    letter-spacing:.03em;
    text-transform:uppercase;
  }
  .legal-modal__close{
    width:36px;
    height:36px;
    border-radius:12px;
    border:1px solid var(--line);
    background:rgba(9,17,29,.66);
    color:var(--text);
    cursor:pointer;
    line-height:1;
    font-size:18px;
    display:grid;
    place-items:center;
    transition:border-color .16s ease, background-color .16s ease, transform .16s ease;
  }
  .legal-modal__close:hover{
    border-color:var(--line-strong);
    background:rgba(19,36,67,.86);
    transform:translateY(-1px);
  }
  .legal-modal__content{
    padding:18px 18px 20px;
    max-height:min(70vh, 560px);
    overflow:auto;
    padding-right:20px;
    scrollbar-gutter:stable both-edges;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,0.22) transparent;
    line-height:1.6;
  }
  .legal-modal__content::-webkit-scrollbar{width:8px;height:8px}
  .legal-modal__content::-webkit-scrollbar-track{background:transparent}
  .legal-modal__content::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,0.16);
    border-radius:10px;
    border:1px solid rgba(0,0,0,0.2);
  }
  .legal-modal__content:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.22)}
  .legal-modal__content h3{
    margin:16px 0 10px;
    font-size:13px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--muted);
  }
  .legal-modal__content h3:first-child{margin-top:2px}
  .legal-modal__content p{
    margin:0 0 12px;
    color:rgba(237,243,255,.92);
    font-size:14px;
  }
  .legal-modal__content ul{
    margin:0 0 14px;
    padding-left:0;
    list-style:none;
    display:grid;
    gap:8px;
  }
  .legal-modal__content li{
    position:relative;
    padding-left:18px;
    color:rgba(237,243,255,.92);
    font-size:14px;
  }
  .legal-modal__content li::before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:7px;
    height:7px;
    border-radius:50%;
    background:linear-gradient(180deg, #81a8ff 0%, #5e89ff 100%);
    box-shadow:0 0 0 4px rgba(94,137,255,.12);
  }
  .legal-modal__content a{
    color:var(--text);
    text-decoration:underline;
    text-underline-offset:2px;
  }

  [data-reveal]{
    animation:riseIn .72s cubic-bezier(.22,.9,.24,1) both;
    animation-delay:var(--delay, 0ms);
  }
  @keyframes riseIn{
    from{
      opacity:0;
      transform:translateY(12px);
    }
    to{
      opacity:1;
      transform:translateY(0);
    }
  }
  @keyframes sectionGlowFloat{
    0%, 100%{
      transform:translate3d(0, 0, 0) scale(1);
      opacity:.64;
    }
    50%{
      transform:translate3d(10px, -7px, 0) scale(1.04);
      opacity:.78;
    }
  }
  @keyframes sectionGlowDrift{
    0%, 100%{
      transform:translate3d(0, 0, 0) scale(1);
      opacity:.48;
    }
    50%{
      transform:translate3d(-8px, 6px, 0) scale(1.02);
      opacity:.62;
    }
  }

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    [data-reveal]{animation:none}
    .btn,
    .topbar__nav a{transition:none}
    .replay__video,
    .replay__media-toggle{display:none}
  }

  @media (max-width: 1240px){
    .topbar{
      grid-template-columns:auto auto;
      grid-template-areas:
        "brand auth"
        "nav nav";
      align-items:start;
      padding:10px 12px;
    }
    .brand{grid-area:brand}
    .topbar__auth{grid-area:auth}
    .topbar__nav{
      grid-area:nav;
      justify-content:flex-start;
    }
    .topbar__nav .lang-toggle{
      margin-left:0;
    }
  }

  @media (max-width: 980px){
    .wrap{width:min(1460px, calc(100% - 24px))}
    .lineup__workspace{
      grid-template-columns:1fr;
    }
    .lineup-board__meta{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .fm-man-pitch-row{
      flex-direction:column;
    }
    .fm-man-xi-bench{
      min-width:0;
      max-width:none;
    }
    .ops-grid{
      grid-template-columns:1fr;
    }
    .footer{
      grid-template-columns:1fr;
      gap:6px;
    }
    .footer__links{
      justify-content:flex-start;
    }
	    .finance__stats,
	    .finance__shell,
	    .finance__bars{
	      grid-template-columns:1fr;
	    }
	    .snapshot--academy .snapshot__head{
	      padding:12px;
	      gap:9px;
	    }
	    .seasonband__layout{
	      grid-template-columns:1fr;
	    }
	    .academy__body{
	      grid-template-rows:auto auto auto;
	      height:auto;
	      padding:11px 12px 12px;
	      gap:7px;
	    }
	    .academy__topline{
	      display:grid;
	      grid-template-columns:repeat(3, minmax(0, 1fr));
	      gap:6px;
	    }
	    .academy__topline .mini{
	      min-width:0;
	      min-height:28px;
	      padding:0 8px;
	      font-size:9px;
	      line-height:1.2;
	      text-align:center;
	      flex:auto;
	    }
	    .academy__map{
	      min-height:0;
	      height:auto;
	      aspect-ratio:1.74 / 1;
	      max-height:248px;
	      --academy-map-pad:11px;
	    }
	    .seasonband__head{
	      grid-template-columns:1fr;
	    }
	    .seasonband__nav{
      justify-content:flex-start;
      max-width:none;
    }
    .seasonband__rail{
      grid-template-columns:1fr;
    }
  }

  @media (max-width: 720px){
    .topbar{
      grid-template-columns:1fr;
      grid-template-areas:
        "brand"
        "auth";
      gap:12px;
      padding:10px;
      border-radius:12px;
    }
    .topbar__nav{
      display:none;
    }
    .lang-toggle--auth.is-mobile-only{
      display:inline-flex;
    }
    .topbar__auth{
      justify-content:flex-start;
    }
    .brand{
      gap:10px;
    }
    .brand__logo{
      width:min(220px, calc(100vw - 128px));
    }
    .lineup-board__meta{
      grid-template-columns:1fr;
    }
    .lineup-panel__head,
    .lineup-bench__head,
    .lineup-sidecard__head{
      flex-direction:column;
      align-items:flex-start;
    }
    .lineup-panel__tabs{
      justify-content:flex-start;
    }
    .lineup-pitch{
      min-height:472px;
      --lineup-penalty-depth:16%;
      --lineup-six-depth:7%;
      --lineup-spot-offset:11%;
      --lineup-arc-visible:3.25%;
      --lineup-circle-size:110px;
    }
    .lineup-token{
      min-width:74px;
      max-width:88px;
      gap:3px;
    }
    .lineup-token__dot{
      width:27px;
      height:27px;
      font-size:9px;
    }
    .lineup-token__card{
      padding:5px 6px;
      border-radius:9px;
    }
    .lineup-token__top{
      gap:5px;
    }
    .lineup-token__ovr{
      min-width:18px;
      height:14px;
      padding:0 4px;
      font-size:8px;
    }
    .lineup-token__name{
      font-size:9px;
    }
    .lineup-token__role{
      font-size:8px;
      line-height:1.18;
    }
    .lineup-board__note{
      align-items:flex-start;
      padding:8px 9px;
    }
    .lineup-board__note span{
      text-align:left;
    }
    .lt-gk{left:11.6%}
    .lt-lb{left:27%;top:19.5%}
    .lt-lcb{left:32%}
    .lt-rcb{left:32%}
    .lt-rb{left:27%;top:80.5%}
    .lt-dm{left:46.8%;top:35%}
    .lt-cm{left:46.8%;top:65%}
    .lt-lw{left:68.6%;top:20.5%}
    .lt-am{left:63.4%}
    .lt-rw{left:68.6%;top:79.5%}
    .lt-st{left:81.8%}
	    .snapshot--academy .snapshot__title strong{
	      font-size:15px;
	    }
	    .snapshot--academy .snapshot__title span{
	      font-size:10px;
	      line-height:1.35;
	    }
	    .snapshot--academy .pillrow{
	      width:100%;
	      justify-content:flex-start;
	    }
	    .snapshot__head,
	    .panel__head,
	    .seasonband .snapshot__head{
      flex-direction:column;
      align-items:flex-start;
    }
    .pillrow{
      justify-content:flex-start;
    }
    .replay__frame{
      min-height:260px;
    }
	    .academy__map{
	      aspect-ratio:1.62 / 1;
	      max-height:none;
	      --academy-map-pad:10px;
	    }
    .seasonband__aside{
      grid-template-rows:auto auto;
    }
    .academy__map-point{
      width:9px;
      height:9px;
      box-shadow:0 0 0 3px rgba(92,144,255,.10);
    }
    .academy__map-point.is-focus{
      box-shadow:0 0 0 3px rgba(52,208,164,.10);
    }
    .fm-stadium-pitch-wrap{
      height:clamp(420px, 92vw, 620px);
    }
    .footer{
      grid-template-columns:1fr;
      gap:12px;
      align-items:flex-start;
      padding:13px;
    }
    .seasonband__signal{
      align-items:flex-start;
      flex-direction:column;
    }
    .footer__brand{
      display:grid;
      gap:4px;
      max-width:none;
    }
    .footer__links{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:4px 14px;
      width:100%;
    }
    .footer a{
      justify-content:flex-start;
      min-width:0;
    }
  }

  @media (max-width: 560px){
    .brand{
      align-items:flex-start;
    }
    .brand__mark{
      width:52px;
      height:52px;
    }
    .topbar{
      padding:9px;
      margin-bottom:10px;
      width:100%;
    }
    .brand__logo{
      width:min(190px, calc(100vw - 118px));
    }
    .brand__sub{
      letter-spacing:.12em;
      font-size:10px;
    }
    .eyebrow-row{
      gap:5px;
      align-items:flex-start;
    }
    .eyebrow{
      width:100%;
    }
    .panel__head{
      gap:10px;
    }
	    .snapshot--academy .snapshot__head{
	      padding:10px;
	      gap:8px;
	    }
	    .snapshot--academy .snapshot__title{
	      gap:3px;
	    }
	    .snapshot--academy .snapshot__title strong{
	      font-size:14px;
	    }
	    .snapshot--academy .snapshot__title span{
	      font-size:10px;
	    }
	    .snapshot--academy .pillrow{
	      display:grid;
	      grid-template-columns:repeat(2, minmax(0, 1fr));
	      gap:5px;
	    }
	    .snapshot--academy .pillrow .pill{
	      justify-content:center;
	      min-height:28px;
	      padding:0 8px;
	    }
	    .academy__body{
	      padding:9px;
	      gap:6px;
	    }
	    .academy__topline{
	      grid-template-columns:repeat(2, minmax(0, 1fr));
	      gap:5px;
	    }
	    .academy__topline .mini:last-child{
	      grid-column:1 / -1;
	    }
	    .academy__topline .mini{
	      min-height:26px;
	      padding:0 7px;
	      font-size:8px;
	    }
	    .academy__map{
	      aspect-ratio:1.48 / 1;
	      --academy-map-pad:9px;
	    }
	    .replay__frame{
	      min-height:248px;
	      border-radius:11px;
	    }
	    .seasonband__nav{
	      width:100%;
	    }
    .lineup-pitch{
      min-height:430px;
      --lineup-field-inset:12px;
      --lineup-penalty-depth:15.8%;
      --lineup-penalty-height:46%;
      --lineup-six-depth:6.9%;
      --lineup-six-height:21%;
      --lineup-spot-offset:11%;
      --lineup-arc-visible:3.45%;
      --lineup-circle-size:96px;
    }
    .lineup-pitch::before{
      inset:var(--lineup-field-inset);
    }
    .lineup-pitch::after{
      top:var(--lineup-field-inset);
      bottom:var(--lineup-field-inset);
    }
    .lineup-pitch__box.is-left,
    .lineup-pitch__six.is-left{
      left:var(--lineup-field-inset);
    }
    .lineup-pitch__box.is-right,
    .lineup-pitch__six.is-right{
      right:var(--lineup-field-inset);
    }
    .lineup-token{
      min-width:60px;
      max-width:70px;
      gap:2px;
    }
    .lineup-token__dot{
      width:24px;
      height:24px;
      font-size:8px;
    }
    .lineup-token__card{
      padding:4px 5px;
      background:rgba(7,16,29,.74);
      box-shadow:0 10px 18px rgba(0,0,0,.22);
    }
    .lineup-token__ovr,
    .lineup-token__role{
      display:none;
    }
    .lineup-token__top{
      display:block;
    }
    .lineup-token__name{
      font-size:7px;
    }
    .lt-gk{left:12.8%}
    .lt-lb{left:27.6%;top:20%}
    .lt-lcb{left:31%;top:38%}
    .lt-rcb{left:31%;top:62%}
    .lt-rb{left:27.6%;top:80%}
    .lt-dm{left:47.8%;top:35.2%}
    .lt-cm{left:47.8%;top:64.8%}
    .lt-lw{left:69.2%;top:20.2%}
    .lt-am{left:63.6%;top:50%}
    .lt-rw{left:69.2%;top:79.8%}
    .lt-st{left:81.6%}
    .lineup-board__note{
      grid-template-columns:1fr;
      gap:4px;
    }
    .lineup-board__note span{
      text-align:left;
    }
  }


  /* Landing-specific responsive composition; shared components stay in the public foundation. */
  body[data-public-page="landing"] .lineup__workspace{
    grid-template-columns:minmax(0, 1.04fr) minmax(360px, .96fr);
    gap:10px;
    padding:8px 10px 10px;
  }
  body[data-public-page="landing"] .lineup-aside{
    grid-template-rows:auto auto minmax(0, 1fr);
  }
  body[data-public-page="landing"] .lineup-plan{
    display:grid;
    grid-template-rows:auto auto minmax(0, 1fr) auto;
    align-content:stretch;
    gap:8px;
    min-width:0;
    min-height:0;
    padding:10px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:
      linear-gradient(180deg, rgba(121,160,255,.035), transparent 34%),
      rgba(10,18,31,.48);
    box-shadow:var(--shadow-soft);
  }
  body[data-public-page="landing"] .lineup-plan__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  body[data-public-page="landing"] .lineup-plan__head b{
    font-size:14px;
    line-height:1.08;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .lineup-plan__head span{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border:1px solid rgba(121,160,255,.24);
    border-radius:999px;
    background:rgba(15,32,55,.55);
    color:#a9c1e0;
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .lineup-plan > p{
    margin:0;
    color:var(--muted);
    font-size:10px;
    line-height:1.4;
  }
  body[data-public-page="landing"] .lineup-plan__steps{
    display:grid;
    grid-template-rows:repeat(3, minmax(0, 1fr));
    min-height:0;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(7,15,27,.42);
  }
  body[data-public-page="landing"] .lineup-plan__step{
    display:grid;
    grid-template-columns:56px minmax(0, 1fr);
    align-items:center;
    gap:9px;
    min-width:0;
    min-height:52px;
    padding:8px 9px;
  }
  body[data-public-page="landing"] .lineup-plan__step + .lineup-plan__step{
    border-top:1px solid var(--line);
  }
  body[data-public-page="landing"] .lineup-plan__step time{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 5px;
    border:1px solid rgba(52,208,164,.22);
    border-radius:8px;
    background:rgba(11,45,36,.36);
    color:#83dbc0;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
  }
  body[data-public-page="landing"] .lineup-plan__step div{
    display:grid;
    gap:3px;
    min-width:0;
  }
  body[data-public-page="landing"] .lineup-plan__step strong{
    font-size:10px;
    line-height:1.25;
  }
  body[data-public-page="landing"] .lineup-plan__step span{
    color:var(--muted);
    font-size:9px;
    line-height:1.35;
  }
  body[data-public-page="landing"] .lineup-plan__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:36px;
    padding:7px 9px;
    border-left:2px solid rgba(121,160,255,.70);
    border-radius:0 8px 8px 0;
    background:rgba(9,20,34,.54);
  }
  body[data-public-page="landing"] .lineup-plan__footer span{
    color:var(--muted);
    font-size:8px;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .lineup-plan__footer strong{
    font-size:9.5px;
    line-height:1.3;
    text-align:right;
  }
  body[data-public-page="landing"] .lineup-panel{
    grid-template-rows:auto auto minmax(0, 1fr) auto;
    gap:8px;
    padding:9px;
  }
  body[data-public-page="landing"] .lineup-board__stage{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:8px;
    min-width:0;
  }
  body[data-public-page="landing"] .lineup-board__stage .lineup-board__meta{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-template-rows:1fr;
    align-content:stretch;
  }
  body[data-public-page="landing"] .lineup-board__meta-card{
    align-content:center;
    min-height:56px;
    padding:8px 9px;
  }
  body[data-public-page="landing"] .lineup-pitch{
    justify-self:center;
    align-self:center;
    width:100%;
    max-width:500px;
    min-height:0;
    aspect-ratio:.78 / 1;
    --lineup-field-inset:14px;
    --lineup-penalty-width:52%;
    --lineup-penalty-depth:16%;
    --lineup-six-width:24%;
    --lineup-six-depth:7%;
    --lineup-spot-offset:11.5%;
    --lineup-circle-size:104px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), transparent 13%),
      radial-gradient(100% 76% at 50% 48%, rgba(255,255,255,.075), transparent 58%),
      linear-gradient(180deg, rgba(22,84,54,.24), rgba(11,34,24,.30)),
      repeating-linear-gradient(0deg, rgba(255,255,255,.023) 0 10%, rgba(255,255,255,0) 10% 20%),
      linear-gradient(180deg, #143825 0%, #0d2619 100%);
  }
  body[data-public-page="landing"] .lineup-pitch::after{
    left:var(--lineup-field-inset);
    right:var(--lineup-field-inset);
    top:50%;
    bottom:auto;
    width:auto;
    height:2px;
    transform:translateY(-1px);
  }
  body[data-public-page="landing"] .lineup-pitch__box,
  body[data-public-page="landing"] .lineup-pitch__six{
    left:50%;
    top:auto;
    transform:translateX(-50%);
  }
  body[data-public-page="landing"] .lineup-pitch__box{
    width:var(--lineup-penalty-width);
    height:var(--lineup-penalty-depth);
  }
  body[data-public-page="landing"] .lineup-pitch__box.is-left{
    left:50%;
    top:var(--lineup-field-inset);
    border:2px solid rgba(242,246,255,.72);
    border-top:0;
    border-radius:0 0 10px 10px;
  }
  body[data-public-page="landing"] .lineup-pitch__box.is-right{
    right:auto;
    bottom:var(--lineup-field-inset);
    border:2px solid rgba(242,246,255,.72);
    border-bottom:0;
    border-radius:10px 10px 0 0;
  }
  body[data-public-page="landing"] .lineup-pitch__six{
    width:var(--lineup-six-width);
    height:var(--lineup-six-depth);
  }
  body[data-public-page="landing"] .lineup-pitch__six.is-left{
    left:50%;
    top:var(--lineup-field-inset);
    border:2px solid rgba(242,246,255,.72);
    border-top:0;
    border-radius:0 0 8px 8px;
  }
  body[data-public-page="landing"] .lineup-pitch__six.is-right{
    right:auto;
    bottom:var(--lineup-field-inset);
    border:2px solid rgba(242,246,255,.72);
    border-bottom:0;
    border-radius:8px 8px 0 0;
  }
  body[data-public-page="landing"] .lineup-pitch__arc{
    display:none;
  }
  body[data-public-page="landing"] .lineup-pitch__spot.is-left{
    left:50%;
    top:var(--lineup-spot-offset);
    transform:translate(-50%, -50%);
  }
  body[data-public-page="landing"] .lineup-pitch__spot.is-right{
    right:auto;
    left:50%;
    top:auto;
    bottom:var(--lineup-spot-offset);
    transform:translate(-50%, 50%);
  }
  body[data-public-page="landing"] .lineup-token{
    min-width:78px;
    max-width:88px;
    gap:0;
  }
  body[data-public-page="landing"] .lineup-token__dot{
    position:relative;
    z-index:2;
    width:26px;
    height:26px;
    border-color:rgba(154, 227, 187, .34);
    background:
      radial-gradient(circle at 34% 28%, rgba(255,255,255,.10), transparent 38%),
      linear-gradient(180deg, #162b3f, #091522);
    box-shadow:
      0 0 0 3px rgba(52,208,164,.07),
      0 9px 20px rgba(0,0,0,.34);
    font-size:9px;
  }
  body[data-public-page="landing"] .lineup-token__card{
    margin-top:-7px;
    gap:3px;
    padding:11px 6px 6px;
    border-radius:9px;
    border-color:rgba(154, 227, 187, .14);
    background:
      linear-gradient(180deg, rgba(52,208,164,.055), transparent 42%),
      rgba(6,15,27,.88);
    box-shadow:0 12px 22px rgba(0,0,0,.28);
  }
  body[data-public-page="landing"] .lineup-token.is-core .lineup-token__dot{
    border-color:rgba(121,160,255,.58);
    box-shadow:
      0 0 0 3px rgba(121,160,255,.10),
      0 10px 22px rgba(22,47,105,.34);
  }
  body[data-public-page="landing"] .lineup-token.is-core .lineup-token__card{
    border-color:rgba(121,160,255,.23);
    background:
      linear-gradient(180deg, rgba(121,160,255,.08), transparent 44%),
      rgba(6,15,27,.90);
  }
  body[data-public-page="landing"] .lineup-token__top{
    gap:4px;
  }
  body[data-public-page="landing"] .lineup-token__ovr{
    min-width:19px;
    height:15px;
    padding-inline:4px;
    font-size:8px;
  }
  body[data-public-page="landing"] .lineup-token__name{
    font-size:9px;
  }
  body[data-public-page="landing"] .lineup-token__role{
    font-size:7.5px;
    line-height:1.2;
  }
  body[data-public-page="landing"] .lt-gk{left:50%;top:89%}
  body[data-public-page="landing"] .lt-lb{left:17%;top:73%}
  body[data-public-page="landing"] .lt-lcb{left:38%;top:76%}
  body[data-public-page="landing"] .lt-rcb{left:62%;top:76%}
  body[data-public-page="landing"] .lt-rb{left:83%;top:73%}
  body[data-public-page="landing"] .lt-dm{left:38%;top:58%}
  body[data-public-page="landing"] .lt-cm{left:62%;top:58%}
  body[data-public-page="landing"] .lt-lw{left:18%;top:37%}
  body[data-public-page="landing"] .lt-am{left:50%;top:42%}
  body[data-public-page="landing"] .lt-rw{left:82%;top:37%}
  body[data-public-page="landing"] .lt-st{left:50%;top:19%}
  body[data-public-page="landing"] .fm-man-xi-bench-list{
    gap:4px;
    padding:3px;
  }
  body[data-public-page="landing"] .fm-man-bench-slot{
    grid-template-columns:minmax(0, 1fr) auto;
    min-height:40px;
    padding:5px 7px;
  }
  body[data-public-page="landing"] .fm-man-bench-slot:has(> img.mini-photo){
    grid-template-columns:20px minmax(0, 1fr) auto;
  }
  body[data-public-page="landing"] .fm-man-bench-slot > div.mini-photo{
    display:none;
  }
  body[data-public-page="landing"] .lineup-board__note{
    min-height:42px;
    padding:8px 10px;
  }
  body[data-public-page="landing"] .ops-stack{
    grid-template-rows:auto minmax(0, 1fr);
    gap:9px;
  }
  body[data-public-page="landing"] .snapshot--finance .snapshot__head{
    padding:10px 11px;
  }
  body[data-public-page="landing"] .snapshot--finance .snapshot__title{
    gap:3px;
  }
  body[data-public-page="landing"] .snapshot--finance .snapshot__title strong{
    font-size:15px;
  }
  body[data-public-page="landing"] .snapshot--finance .snapshot__title span{
    font-size:10px;
  }
  body[data-public-page="landing"] .finance__body{
    grid-template-rows:auto auto;
    gap:7px;
    height:auto;
    padding:10px 11px 11px;
  }
  body[data-public-page="landing"] .finance__shell{
    grid-template-columns:minmax(170px, .72fr) minmax(0, 1.28fr);
    gap:6px;
  }
  body[data-public-page="landing"] .finance__intro{
    align-content:start;
    gap:7px;
    min-height:112px;
    padding:11px;
  }
  body[data-public-page="landing"] .finance__intro strong{
    font-size:24px;
    line-height:1;
  }
  body[data-public-page="landing"] .finance__intro em{
    font-size:9px;
  }
  body[data-public-page="landing"] .finance__queue{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:auto auto;
    gap:6px;
  }
  body[data-public-page="landing"] .finance__queue-item{
    align-content:center;
    min-height:52px;
    padding:7px 8px;
  }
  body[data-public-page="landing"] .finance__queue-item.is-accent{
    grid-column:1 / -1;
    min-height:42px;
    border-color:rgba(52,208,164,.18);
  }
  body[data-public-page="landing"] .finance__queue-item strong{
    font-size:10px;
    line-height:1.3;
  }
  body[data-public-page="landing"] .finance__bars{
    gap:6px;
  }
  body[data-public-page="landing"] .barrow{
    min-height:48px;
    padding:7px 8px;
  }
  body[data-public-page="landing"] .barrow__head{
    font-size:10px;
  }
  body[data-public-page="landing"] .bar{
    height:6px;
  }
  body[data-public-page="landing"] .seasonband{
    grid-template-rows:auto minmax(0, 1fr);
    gap:9px;
    padding:11px;
  }
  body[data-public-page="landing"] .seasonband__head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(150px, .48fr);
    align-items:center;
    gap:10px;
  }
  body[data-public-page="landing"] .seasonband__head .snapshot__title strong{
    font-size:15px;
  }
  body[data-public-page="landing"] .seasonband__head .snapshot__title span{
    font-size:10px;
    line-height:1.35;
  }
  body[data-public-page="landing"] .seasonband__layout{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0, 1fr) auto;
    align-content:stretch;
    gap:8px;
  }
  body[data-public-page="landing"] .seasonband__main{
    grid-template-rows:1fr;
    gap:0;
  }
  body[data-public-page="landing"] .seasonband__card{
    align-content:center;
    gap:7px;
    padding:14px 15px 14px 17px;
    border-color:rgba(121,160,255,.18);
    background:
      radial-gradient(circle at 89% 50%, transparent 0 46px, rgba(121,160,255,.07) 47px, transparent 48px),
      linear-gradient(90deg, transparent 88.9%, rgba(121,160,255,.055) 89%, rgba(121,160,255,.055) 89.2%, transparent 89.3%),
      linear-gradient(100deg, rgba(121,160,255,.07), transparent 42%),
      rgba(8,16,28,.52);
  }
  body[data-public-page="landing"] .seasonband__card::before{
    left:0;
    right:auto;
    top:14px;
    bottom:14px;
    width:2px;
    height:auto;
    background:linear-gradient(180deg, #79a0ff, rgba(52,208,164,.58));
  }
  body[data-public-page="landing"] .seasonband__label{
    font-size:8px;
    letter-spacing:.16em;
  }
  body[data-public-page="landing"] .seasonband__headline{
    max-width:38ch;
    font-size:16px;
    line-height:1.24;
  }
  body[data-public-page="landing"] .seasonband__meta{
    max-width:58ch;
    font-size:9px;
    line-height:1.4;
  }
  body[data-public-page="landing"] .seasonband__signal{
    position:relative;
    grid-template-columns:auto minmax(0, 1fr);
    grid-template-areas:
      "dot label"
      "dot value";
    align-items:center;
    align-content:center;
    column-gap:8px;
    row-gap:2px;
    min-width:0;
    padding:8px 10px;
    border-color:rgba(52,208,164,.15);
    background:rgba(7,15,26,.54);
  }
  body[data-public-page="landing"] .seasonband__signal::before{
    content:"";
    grid-area:dot;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#34d0a4;
    box-shadow:0 0 0 4px rgba(52,208,164,.08);
  }
  body[data-public-page="landing"] .seasonband__signal strong{
    grid-area:label;
    color:var(--text);
    font-size:8px;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .seasonband__signal span{
    grid-area:value;
    font-size:8.5px;
    line-height:1.35;
  }
  body[data-public-page="landing"] .seasonband__aside{
    display:block;
  }
  body[data-public-page="landing"] .seasonband__rail{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0;
    height:auto;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:10px;
    background:rgba(7,14,25,.46);
  }
  body[data-public-page="landing"] .seasonband__step{
    grid-template-columns:28px minmax(0, 1fr);
    grid-template-areas:
      "index title"
      "index meta";
    align-content:center;
    column-gap:8px;
    row-gap:2px;
    min-height:68px;
    height:auto;
    padding:9px 10px;
    border:0;
    border-radius:0;
    background:transparent;
  }
  body[data-public-page="landing"] .seasonband__step + .seasonband__step{
    border-left:1px solid var(--line);
  }
  body[data-public-page="landing"] .seasonband__step::before{
    content:none;
  }
  body[data-public-page="landing"] .seasonband__step span{
    grid-area:index;
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border:1px solid rgba(121,160,255,.22);
    border-radius:50%;
    background:rgba(16,29,48,.76);
    color:#c9d8f4;
    font-size:8px;
    letter-spacing:.08em;
  }
  body[data-public-page="landing"] .seasonband__step strong{
    grid-area:title;
    font-size:10px;
    line-height:1.25;
  }
  body[data-public-page="landing"] .seasonband__step em{
    grid-area:meta;
    font-size:8px;
    line-height:1.3;
  }
  body[data-public-page="landing"] #weitere-module{
    align-items:end;
    max-width:760px;
    margin-top:24px;
  }
  body[data-public-page="landing"] .snapshot--academy .snapshot__head{
    display:grid;
    grid-template-columns:minmax(260px, 1fr) minmax(210px, .8fr) auto;
    gap:10px 16px;
    align-items:center;
    padding:12px 13px;
  }
  body[data-public-page="landing"] .snapshot--academy .snapshot__title{
    gap:3px;
    min-width:0;
  }
  body[data-public-page="landing"] .snapshot--academy .snapshot__link{
    min-width:0;
    margin:0;
    padding-left:14px;
    border-left:1px solid var(--line);
    color:var(--muted);
    font-size:11px;
    line-height:1.4;
  }
  body[data-public-page="landing"] .snapshot--academy .pillrow{
    width:auto;
    flex-wrap:nowrap;
    justify-content:flex-end;
  }

  @media (max-width: 1239px){
    body[data-public-page="landing"] .lineup__workspace{
      grid-template-columns:1fr;
    }
  }

  @media (max-width: 980px){
    body[data-public-page="landing"] #weitere-module{
      max-width:100%;
    }
  }

  @media (min-width: 721px) and (max-width: 1239px){
    body[data-public-page="landing"] .lineup-plan{
      grid-template-rows:auto auto auto auto;
    }
    body[data-public-page="landing"] .lineup-plan__steps{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      grid-template-rows:1fr;
    }
    body[data-public-page="landing"] .lineup-plan__step{
      align-content:center;
      min-height:74px;
    }
    body[data-public-page="landing"] .lineup-plan__step + .lineup-plan__step{
      border-top:0;
      border-left:1px solid var(--line);
    }
  }

  @media (min-width: 1241px) and (min-height: 760px){
    body[data-public-page="landing"] .replay__frame{
      min-height:0;
      height:100%;
    }
  }

  @media (min-width: 861px) and (max-width: 980px){
    body[data-public-page="landing"] .seasonband__head{
      grid-template-columns:1fr;
    }
    body[data-public-page="landing"] .seasonband__card{
      background:
        linear-gradient(100deg, rgba(121,160,255,.07), transparent 54%),
        rgba(8,16,28,.52);
    }
    body[data-public-page="landing"] .snapshot--academy .academy__body{
      grid-template-rows:auto auto auto;
    }
    body[data-public-page="landing"] .snapshot--academy .academy__map{
      width:100%;
      max-height:none;
      aspect-ratio:2.35 / 1;
    }
    body[data-public-page="landing"] .ops-stack{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      grid-template-rows:1fr;
      height:auto;
      align-items:stretch;
    }
    body[data-public-page="landing"] .ops-stack > :where(.snapshot, .seasonband){
      min-width:0;
      height:100%;
    }
  }

  @media (max-width: 860px){
    body[data-public-page="landing"] .ops-stack{
      grid-template-rows:auto auto;
      height:auto;
    }
    body[data-public-page="landing"] .ops-stack > :where(.snapshot, .seasonband){
      height:auto;
      min-height:auto;
    }
  }
  @media (min-width: 981px) and (max-width: 1240px){
    body[data-public-page="landing"] .snapshot--academy{
      min-width:0;
      grid-template-columns:minmax(0, 1fr);
    }
    body[data-public-page="landing"] .snapshot--academy .snapshot__head{
      grid-template-columns:minmax(0, 1fr) auto;
      grid-template-areas:
        "title pills"
        "link link";
    }
    body[data-public-page="landing"] .snapshot--academy .snapshot__title{
      grid-area:title;
    }
    body[data-public-page="landing"] .snapshot--academy .snapshot__link{
      grid-area:link;
      padding-top:8px;
      padding-left:0;
      border-top:1px solid var(--mdz-color-divider);
      border-left:0;
    }
    body[data-public-page="landing"] .snapshot--academy .pillrow{
      grid-area:pills;
    }
    body[data-public-page="landing"] .snapshot--academy .academy__body{
      min-width:0;
    }
    body[data-public-page="landing"] .snapshot--academy .academy__map{
      width:100%;
      min-width:0;
    }
    body[data-public-page="landing"] .academy__map::before,
    body[data-public-page="landing"] .academy__map .academy__map-points{
      width:calc(100% - var(--academy-map-pad) - var(--academy-map-pad));
      height:auto;
      max-height:calc(100% - var(--academy-map-pad) - var(--academy-map-pad));
    }
  }

  @media (max-width: 820px){
    body[data-public-page="landing"] .replay__frame{
      min-height:clamp(220px, 57vw, 330px);
    }
    body[data-public-page="landing"] .lineup-board__meta{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 720px){
    body[data-public-page="landing"] .lineup-aside{
      display:grid;
      min-height:0;
    }
    body[data-public-page="landing"] .academy-summary{
      grid-template-columns:1fr;
    }
    body[data-public-page="landing"] .academy-summary__item{
      min-height:0;
      padding:10px 11px;
    }
    body[data-public-page="landing"] .academy-summary__item + .academy-summary__item{
      border-top:1px solid var(--line);
      border-left:0;
    }
    body[data-public-page="landing"] .snapshot--academy .snapshot__head{
      grid-template-columns:minmax(0, 1fr) auto;
      grid-template-areas:
        "title scouts"
        "link link";
      gap:8px 10px;
    }
    body[data-public-page="landing"] .snapshot--academy .snapshot__title{
      grid-area:title;
    }
    body[data-public-page="landing"] .snapshot--academy .snapshot__link{
      grid-area:link;
      padding:8px 0 0;
      border-top:1px solid var(--line);
      border-left:0;
    }
    body[data-public-page="landing"] .snapshot--academy .pillrow{
      grid-area:scouts;
      align-self:start;
    }
    body[data-public-page="landing"] .snapshot--academy .pill{
      min-height:24px;
      padding-inline:7px;
      font-size:8px;
    }
    body[data-public-page="landing"] #weitere-module{
      margin-top:20px;
    }
    body[data-public-page="landing"] .footer{
      gap:14px;
      padding:15px;
      border-radius:14px;
      background:
        linear-gradient(180deg, rgba(121,160,255,.035), transparent 42%),
        rgba(7,14,24,.66);
    }
    body[data-public-page="landing"] .footer__brand{
      display:flex;
      justify-content:center;
      width:100%;
      text-align:center;
    }
    body[data-public-page="landing"] .footer__brand strong{
      font-size:13px;
      line-height:1.3;
    }
    body[data-public-page="landing"] .footer__meta{
      gap:10px;
    }
    body[data-public-page="landing"] .footer__social{
      display:grid;
      grid-template-columns:repeat(5, minmax(0, 1fr));
      gap:4px;
      width:100%;
      padding:5px;
      border:1px solid var(--line);
      border-radius:10px;
      background:rgba(8,16,28,.42);
    }
    body[data-public-page="landing"] .footer__social a{
      width:100%;
      height:40px;
      min-height:40px;
      border:1px solid transparent;
      border-radius:7px;
    }
    body[data-public-page="landing"] .footer__separator{
      display:none;
    }
    body[data-public-page="landing"] .footer__links{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:0;
      width:100%;
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:10px;
      background:rgba(8,16,28,.32);
    }
    body[data-public-page="landing"] .footer__links a{
      justify-content:center;
      min-width:0;
      min-height:40px;
      padding:0 6px;
      font-size:clamp(9px, 2.5vw, 10px);
      text-align:center;
      white-space:normal;
    }
    body[data-public-page="landing"] .footer__links a:nth-child(even){
      border-left:1px solid var(--line);
    }
    body[data-public-page="landing"] .footer__links a:nth-child(n + 3){
      border-top:1px solid var(--line);
    }
    body[data-public-page="landing"] .topbar__auth > .btn.primary{
      display:none;
    }
    body[data-public-page="landing"] .lang-toggle--auth.is-mobile-only{
      display:inline-flex;
    }
    body[data-public-page="landing"] .lineup-board__stage{
      grid-template-columns:1fr;
      gap:8px;
    }
    body[data-public-page="landing"] .lineup-board__stage .lineup-board__meta{
      grid-template-columns:repeat(2, minmax(0, 1fr));
      grid-template-rows:repeat(2, auto);
    }
    body[data-public-page="landing"] .lineup-pitch{
      width:min(100%, 390px);
      min-height:0;
      aspect-ratio:.74 / 1;
    }
    body[data-public-page="landing"] .finance__shell{
      grid-template-columns:1fr;
    }
    body[data-public-page="landing"] .seasonband__head{
      grid-template-columns:1fr;
    }
    body[data-public-page="landing"] .seasonband__signal{
      width:100%;
    }
    body[data-public-page="landing"] .seasonband__layout{
      height:auto;
    }
    body[data-public-page="landing"] .seasonband__card{
      min-height:142px;
      background:
        linear-gradient(100deg, rgba(121,160,255,.07), transparent 54%),
        rgba(8,16,28,.52);
    }
    body[data-public-page="landing"] .seasonband__rail{
      grid-template-columns:1fr;
    }
    body[data-public-page="landing"] .seasonband__step + .seasonband__step{
      border-top:1px solid var(--line);
      border-left:0;
    }
    body[data-public-page="landing"] .snapshot--academy .academy__body{
      grid-template-rows:auto auto auto;
    }
  }

  @media (max-width: 480px){
    body[data-public-page="landing"] .lineup-token{
      min-width:60px;
      max-width:68px;
    }
    body[data-public-page="landing"] .lineup-token__dot{
      width:24px;
      height:24px;
      font-size:8px;
    }
    body[data-public-page="landing"] .lineup-token__card{
      margin-top:-6px;
      padding:10px 4px 5px;
    }
    body[data-public-page="landing"] .lineup-token__ovr,
    body[data-public-page="landing"] .lineup-token__role{
      display:none;
    }
    body[data-public-page="landing"] .lineup-token__top{
      display:block;
    }
    body[data-public-page="landing"] .lineup-token__name{
      font-size:7.5px;
    }
    body[data-public-page="landing"] .finance__bars{
      grid-template-columns:1fr;
    }
  }

  @media (max-width: 340px){
    body[data-public-page="landing"] .replay__frame{
      min-height:182px;
    }
  }

  /* Landing composites use the shared Foundation surface hierarchy. */
  body[data-public-page="landing"] .footer{
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-surface);
    box-shadow:var(--mdz-shadow-soft);
  }
  body[data-public-page="landing"] .panel::before{
    content:none;
  }
  body[data-public-page="landing"] .footer__social,
  body[data-public-page="landing"] .footer__links{
    background:transparent;
  }

  /* Landing product previews consume one shared Foundation surface hierarchy. */
  body[data-public-page="landing"] :is(
    .snapshot.lineup,
    .snapshot--academy,
    .snapshot--finance,
    .seasonband
  ){
    border-color:var(--mdz-color-border);
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), transparent 54px),
      var(--mdz-color-surface);
    box-shadow:var(--mdz-shadow-soft);
  }
  body[data-public-page="landing"] :is(
    .snapshot.lineup,
    .snapshot--academy,
    .snapshot--finance
  )::before{
    content:none;
  }
  body[data-public-page="landing"] :is(
    .lineup-panel,
    .lineup-bench,
    .lineup-sidecard,
    .lineup-plan,
    .academy-summary,
    .academy__intro,
    .academy__chips,
    .academy__facts .fact,
    .finance__intro,
    .finance__queue-item,
    .finance__ledger .row,
    .barrow,
    .seasonband__card,
    .seasonband__signal,
    .seasonband__rail,
    .seasonband__nav
  ){
    border-color:var(--mdz-color-border);
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), transparent 52px),
      var(--mdz-color-surface-alt);
    box-shadow:none;
  }
  body[data-public-page="landing"] :is(
    .lineup-board__meta-card,
    .lineup-board__note,
    .fm-man-bench-slot,
    .lineup-sidecard__row,
    .lineup-bench__pulse,
    .lineup-sidecard__note,
    .lineup-plan__steps,
    .lineup-plan__footer,
    .bar
  ),
  body[data-public-page="landing"] #finanzen .pillrow{
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
    box-shadow:none;
  }
  body[data-public-page="landing"] .fm-man-xi-bench-list{
    border-color:transparent;
    background:transparent;
  }
  body[data-public-page="landing"] :is(
    .lineup-board__meta-card,
    .stat,
    .seasonband__card
  )::before{
    content:none;
  }
  body[data-public-page="landing"] .lineup-panel__head,
  body[data-public-page="landing"] .lineup-plan__step + .lineup-plan__step,
  body[data-public-page="landing"] .academy-summary__item + .academy-summary__item,
  body[data-public-page="landing"] .seasonband__step + .seasonband__step{
    border-color:var(--mdz-color-divider);
  }
  body[data-public-page="landing"] .lineup-panel__tabs .mini-pill.is-active,
  body[data-public-page="landing"] #finanzen .pillrow .pill:first-child,
  body[data-public-page="landing"] .seasonband__nav .pill:first-child{
    border-color:var(--mdz-color-border-accent);
    background:var(--mdz-color-control-active);
    color:var(--mdz-color-text);
  }
  body[data-public-page="landing"] #finanzen .pillrow .pill,
  body[data-public-page="landing"] .seasonband__nav .pill{
    color:var(--mdz-color-text-muted);
  }
  body[data-public-page="landing"] .lineup-plan__head span{
    border-color:var(--mdz-color-border-accent);
    background:var(--mdz-color-accent-soft);
    color:var(--mdz-color-text);
  }
  body[data-public-page="landing"] .lineup-plan__step time{
    border-color:var(--mdz-color-success-border);
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-text);
  }
  body[data-public-page="landing"] .lineup-plan__footer{
    border-left-color:var(--mdz-color-border-accent);
  }
  body[data-public-page="landing"] .lineup-pitch{
    border-color:var(--mdz-color-success-border);
    box-shadow:none;
  }
  body[data-public-page="landing"] .lineup-token__dot{
    border-color:var(--mdz-color-border-strong);
    background:var(--mdz-color-control-active);
    box-shadow:var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .lineup-token__card{
    border-color:var(--mdz-color-border-strong);
    background:var(--mdz-color-input-bg);
    box-shadow:var(--mdz-shadow-soft);
  }
  body[data-public-page="landing"] .lineup-token.is-core .lineup-token__dot,
  body[data-public-page="landing"] .lineup-token.is-core .lineup-token__card{
    border-color:var(--mdz-color-border-accent);
    background:var(--mdz-color-control-active);
    box-shadow:var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .lineup-token__ovr,
  body[data-public-page="landing"] .ovr-badge{
    border-color:var(--mdz-color-success-border);
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-text);
  }
  body[data-public-page="landing"] .mini-photo{
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .academy__map{
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
    box-shadow:none;
  }
  body[data-public-page="landing"] .academy__map::before,
  body[data-public-page="landing"] .academy__map .academy__map-points{
    inset:auto;
    top:50%;
    left:50%;
    width:auto;
    height:calc(100% - var(--academy-map-pad) - var(--academy-map-pad));
    max-width:calc(100% - var(--academy-map-pad) - var(--academy-map-pad));
    aspect-ratio:1024 / 550;
    transform:translate(-50%, -50%);
  }
  body[data-public-page="landing"] .academy__map::before{
    background:url("/img/akademie/worldmap.png") center / 100% 100% no-repeat;
  }
  body[data-public-page="landing"] .academy__map::after{
    content:none;
  }
  body[data-public-page="landing"] .academy__map-point{
    border-color:var(--mdz-color-border-accent);
    background:var(--mdz-color-accent);
    box-shadow:
      0 0 0 5px var(--mdz-color-accent-soft),
      var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .academy__map-point.is-focus{
    border-color:var(--mdz-color-success-border);
    background:var(--mdz-color-success);
    box-shadow:
      0 0 0 5px var(--mdz-color-success-soft),
      var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .finance__intro em{
    color:var(--mdz-color-text);
  }
  body[data-public-page="landing"] .finance__queue-item.is-accent{
    border-color:var(--mdz-color-success-border);
    background:
      linear-gradient(180deg, var(--mdz-color-success-soft), transparent),
      var(--mdz-color-surface-alt);
  }
  body[data-public-page="landing"] .finance__ledger .row::before{
    background:var(--mdz-color-accent);
    box-shadow:0 0 0 3px var(--mdz-color-accent-soft);
  }
  body[data-public-page="landing"] .finance__ledger .row:nth-child(2)::before{
    background:var(--mdz-color-success);
    box-shadow:0 0 0 3px var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .bar > span{
    background:linear-gradient(
      90deg,
      var(--mdz-color-accent),
      var(--mdz-color-accent-hover)
    );
  }
  body[data-public-page="landing"] .seasonband__card{
    border-color:var(--mdz-color-border);
  }
  body[data-public-page="landing"] .seasonband__signal{
    border-color:var(--mdz-color-success-border);
  }
  body[data-public-page="landing"] .seasonband__signal::before{
    background:var(--mdz-color-success);
    box-shadow:0 0 0 4px var(--mdz-color-success-soft);
  }

  @media (max-width: 860px){
    body[data-public-page="landing"] .academy__map::before,
    body[data-public-page="landing"] .academy__map .academy__map-points{
      width:calc(100% - var(--academy-map-pad) - var(--academy-map-pad));
      height:auto;
      max-height:calc(100% - var(--academy-map-pad) - var(--academy-map-pad));
    }
  }
  body[data-public-page="landing"] .seasonband__step{
    background:transparent;
  }
  body[data-public-page="landing"] .seasonband__step span{
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-control);
    color:var(--mdz-color-text);
  }

  /* The lineup preview reads as one professional matchday command centre. */
  body[data-public-page="landing"] .lineup__workspace{
    grid-template-columns:minmax(0, 1.08fr) minmax(420px, .92fr);
    gap:10px;
    padding:10px;
  }
  body[data-public-page="landing"] .lineup-aside{
    grid-template-rows:auto auto minmax(0, 1fr);
    gap:8px;
  }
  body[data-public-page="landing"] :is(.lineup-panel,.bench-command,.standards-command,.substitution-command){
    border-color:var(--mdz-color-border);
    background:
      linear-gradient(145deg, var(--mdz-color-accent-soft), transparent 38%),
      var(--mdz-color-surface-alt);
    box-shadow:var(--mdz-shadow-card);
  }
  body[data-public-page="landing"] .lineup-panel{
    gap:8px;
    padding:10px;
  }
  body[data-public-page="landing"] .lineup-panel__head{
    align-items:center;
    gap:12px;
    padding-bottom:9px;
  }
  body[data-public-page="landing"] .lineup-panel__identity{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
  }
  body[data-public-page="landing"] .lineup-panel__crest{
    position:relative;
    display:grid;
    flex:0 0 40px;
    width:40px;
    height:43px;
    place-items:center;
    overflow:hidden;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:11px 11px 15px 15px;
    background:
      linear-gradient(145deg, var(--mdz-color-accent-soft), var(--mdz-color-success-soft)),
      var(--mdz-color-control);
    box-shadow:var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .lineup-panel__crest::after{
    content:"";
    position:absolute;
    inset:4px;
    border:1px solid var(--mdz-color-border);
    border-radius:8px 8px 11px 11px;
  }
  body[data-public-page="landing"] .club-crest-symbols{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    pointer-events:none;
  }
  body[data-public-page="landing"] .lineup-panel__crest .club-crest-svg{
    position:relative;
    z-index:1;
    display:block;
    width:28px;
    height:30px;
    color:var(--mdz-color-accent-hover);
  }
  body[data-public-page="landing"] .lineup-panel__title strong{
    font-size:15px;
  }
  body[data-public-page="landing"] .lineup-panel__controls{
    display:grid;
    justify-items:end;
    gap:6px;
    min-width:0;
  }
  body[data-public-page="landing"] .lineup-panel__status{
    display:grid;
    grid-template-columns:auto auto;
    grid-template-areas:"dot label" "dot value";
    align-items:center;
    column-gap:6px;
    min-width:112px;
    padding:5px 8px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:8px;
    background:var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .lineup-panel__status > i{
    grid-area:dot;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--mdz-color-success);
    box-shadow:0 0 0 3px var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .lineup-panel__status span{
    grid-area:label;
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .lineup-panel__status strong{
    grid-area:value;
    color:var(--mdz-color-text);
    font-size:8px;
  }
  body[data-public-page="landing"] .lineup-panel__ribbon span{
    position:relative;
    padding-left:19px;
  }
  body[data-public-page="landing"] .lineup-panel__ribbon span::before{
    content:"";
    position:absolute;
    left:8px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--mdz-color-success);
  }
  body[data-public-page="landing"] .lineup-command-metrics{
    gap:6px;
  }
  body[data-public-page="landing"] .lineup-command-metrics .lineup-board__meta-card{
    position:relative;
    min-height:82px;
    padding:8px 9px;
    overflow:hidden;
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .lineup-command-metrics .lineup-board__meta-card::before{
    left:0;
    right:0;
    height:2px;
    opacity:1;
    background:linear-gradient(90deg, var(--mdz-color-accent), var(--mdz-color-success), transparent 86%);
  }
  body[data-public-page="landing"] .lineup-command-metrics .lineup-board__meta-card > span,
  body[data-public-page="landing"] .lineup-command-metrics .is-readiness > div:last-child span{
    color:var(--mdz-color-text-muted);
    font-size:7px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .lineup-command-metrics em{
    color:var(--mdz-color-text-muted);
    font-size:7px;
    font-style:normal;
    line-height:1.25;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-formation{
    grid-template-columns:minmax(0, 1fr) 64px;
    grid-template-rows:auto 1fr;
    align-items:center;
    column-gap:8px;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-formation > span{
    grid-column:1 / -1;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-formation > div:first-of-type{
    display:grid;
    gap:3px;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-formation strong{
    color:var(--mdz-color-text);
    font-size:17px;
    line-height:1;
  }
  body[data-public-page="landing"] .lineup-shape-mini{
    position:relative;
    width:62px;
    height:42px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:6px;
    background:
      linear-gradient(90deg, transparent 49%, var(--mdz-color-success-border) 50%, transparent 51%),
      var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .lineup-shape-mini > i{
    position:absolute;
    width:4px;
    height:4px;
    transform:translate(-50%, -50%);
    border-radius:50%;
    background:var(--mdz-color-text);
    box-shadow:0 0 0 2px var(--mdz-color-accent-soft);
  }
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(1){left:8%;top:50%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(2){left:28%;top:12%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(3){left:28%;top:38%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(4){left:28%;top:62%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(5){left:28%;top:88%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(6){left:51%;top:34%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(7){left:51%;top:66%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(8){left:72%;top:16%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(9){left:72%;top:50%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(10){left:72%;top:84%}
  body[data-public-page="landing"] .lineup-shape-mini > i:nth-child(11){left:92%;top:50%}
  body[data-public-page="landing"] .lineup-command-metrics .is-readiness{
    grid-template-columns:48px minmax(0, 1fr);
    align-items:center;
    gap:8px;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-readiness > div:last-child{
    display:grid;
    gap:3px;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-readiness > div:last-child strong{
    color:var(--mdz-color-text);
    font-size:10px;
  }
  body[data-public-page="landing"] .lineup-readiness-ring{
    position:relative;
    display:grid;
    grid-template-columns:auto auto;
    place-content:center;
    width:46px;
    height:46px;
    border-radius:50%;
    background:conic-gradient(var(--mdz-color-success) 0 92%, var(--mdz-color-border-strong) 92% 100%);
  }
  body[data-public-page="landing"] .lineup-readiness-ring::after{
    content:"";
    position:absolute;
    inset:6px;
    border-radius:inherit;
    background:var(--mdz-color-surface-alt);
  }
  body[data-public-page="landing"] .lineup-readiness-ring :is(strong,i){position:relative;z-index:1}
  body[data-public-page="landing"] .lineup-readiness-ring strong{color:var(--mdz-color-text);font-size:12px}
  body[data-public-page="landing"] .lineup-readiness-ring i{align-self:end;color:var(--mdz-color-text-muted);font-size:6px;font-style:normal}
  body[data-public-page="landing"] .lineup-command-metrics .is-balance{
    align-content:start;
    gap:7px;
  }
  body[data-public-page="landing"] .lineup-unit-bars{
    display:grid;
    gap:5px;
  }
  body[data-public-page="landing"] .lineup-unit-bars > div{
    display:grid;
    grid-template-columns:24px minmax(0, 1fr) 18px;
    align-items:center;
    gap:4px;
  }
  body[data-public-page="landing"] .lineup-unit-bars :is(i,em){font-size:6.5px;font-style:normal}
  body[data-public-page="landing"] .lineup-unit-bars i{color:var(--mdz-color-text-muted);font-weight:700}
  body[data-public-page="landing"] .lineup-unit-bars em{color:var(--mdz-color-text);text-align:right}
  body[data-public-page="landing"] .lineup-unit-bars b{
    height:4px;
    overflow:hidden;
    border-radius:99px;
    background:var(--mdz-color-control);
  }
  body[data-public-page="landing"] .lineup-unit-bars u{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--mdz-color-accent), var(--mdz-color-success));
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-model{
    align-content:start;
    gap:5px;
  }
  body[data-public-page="landing"] .lineup-command-metrics .is-model > strong{
    color:var(--mdz-color-text);
    font-size:9px;
  }
  body[data-public-page="landing"] .lineup-model-flow{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:13px;
    padding-inline:3px;
  }
  body[data-public-page="landing"] .lineup-model-flow b{
    position:absolute;
    left:4px;
    right:4px;
    top:50%;
    height:2px;
    transform:translateY(-50%);
    background:linear-gradient(90deg, var(--mdz-color-accent), var(--mdz-color-success));
  }
  body[data-public-page="landing"] .lineup-model-flow i{
    position:relative;
    z-index:1;
    width:7px;
    height:7px;
    border:2px solid var(--mdz-color-surface-alt);
    border-radius:50%;
    background:var(--mdz-color-accent);
  }
  body[data-public-page="landing"] .lineup-model-flow i:last-of-type{background:var(--mdz-color-success)}
  body[data-public-page="landing"] .lineup-pitch__connections{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    pointer-events:none;
  }
  body[data-public-page="landing"] .lineup-pitch__connections path{
    fill:none;
    stroke:var(--mdz-color-accent);
    stroke-width:.35;
    stroke-dasharray:1.8 1.5;
    opacity:.38;
    vector-effect:non-scaling-stroke;
  }
  body[data-public-page="landing"] .lineup-pitch__connections circle{
    fill:var(--mdz-color-success);
    stroke:var(--mdz-color-surface-alt);
    stroke-width:.4;
    opacity:.7;
    vector-effect:non-scaling-stroke;
  }
  body[data-public-page="landing"] .lineup-board__note{
    grid-template-columns:32px minmax(0, 1fr) auto;
    align-items:center;
    gap:9px;
    padding:8px 9px;
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .lineup-board__note-icon{
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border:1px solid var(--mdz-color-success-border);
    border-radius:9px;
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-success);
    font-size:15px;
  }
  body[data-public-page="landing"] .lineup-board__note > div:nth-child(2){display:grid;gap:3px}
  body[data-public-page="landing"] .lineup-board__note > div:nth-child(2) > span{
    color:var(--mdz-color-text-muted);
    font-size:8px;
    line-height:1.35;
  }
  body[data-public-page="landing"] .lineup-board__note-metrics{
    display:grid;
    grid-template-columns:repeat(2, auto);
    overflow:hidden;
    border:1px solid var(--mdz-color-border);
    border-radius:8px;
  }
  body[data-public-page="landing"] .lineup-board__note-metrics > span{
    display:grid;
    gap:2px;
    min-width:66px;
    padding:5px 7px;
    text-align:left;
  }
  body[data-public-page="landing"] .lineup-board__note-metrics > span + span{border-left:1px solid var(--mdz-color-divider)}
  body[data-public-page="landing"] .lineup-board__note-metrics i{color:var(--mdz-color-text-muted);font-size:6px;font-style:normal;text-transform:uppercase}
  body[data-public-page="landing"] .lineup-board__note-metrics b{color:var(--mdz-color-text);font-size:9px}

  body[data-public-page="landing"] .bench-command{
    align-content:start;
    gap:7px;
    padding:10px;
  }
  body[data-public-page="landing"] .lineup-bench__head > div:first-child,
  body[data-public-page="landing"] .lineup-sidecard__head > div:first-child{
    display:grid;
    gap:3px;
  }
  body[data-public-page="landing"] .lineup-bench__head > div:first-child span,
  body[data-public-page="landing"] .lineup-sidecard__head > div:first-child span{
    color:var(--mdz-color-text-muted);
    font-size:7px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .bench-command__ready{
    display:flex;
    align-items:center;
    gap:5px;
    padding:5px 7px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:8px;
    background:var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .bench-command__ready i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--mdz-color-success);
  }
  body[data-public-page="landing"] .bench-command__ready strong{color:var(--mdz-color-text);font-size:8px}
  body[data-public-page="landing"] .bench-impact-summary{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 128px;
    align-items:stretch;
    gap:9px;
    min-height:66px;
    padding:7px 8px;
    border:1px solid var(--mdz-color-border);
    border-radius:9px;
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .bench-impact-summary > div:first-child{display:grid;align-content:center;gap:3px}
  body[data-public-page="landing"] .bench-impact-summary span,
  body[data-public-page="landing"] .bench-list-label{
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .bench-impact-summary strong{color:var(--mdz-color-text);font-size:10px}
  body[data-public-page="landing"] .bench-impact-summary em{color:var(--mdz-color-text-muted);font-size:7px;font-style:normal}
  body[data-public-page="landing"] .bench-impact-chart{
    position:relative;
    display:flex;
    align-items:end;
    justify-content:space-around;
    gap:5px;
    min-width:0;
    padding:8px 6px 5px;
    border-left:1px solid var(--mdz-color-divider);
  }
  body[data-public-page="landing"] .bench-impact-chart > i{
    position:relative;
    z-index:1;
    width:10px;
    height:var(--impact);
    min-height:8px;
    border-radius:3px 3px 1px 1px;
    background:linear-gradient(180deg, var(--mdz-color-success), var(--mdz-color-accent));
  }
  body[data-public-page="landing"] .bench-impact-chart > b{
    position:absolute;
    inset:auto 5px 5px;
    height:1px;
    background:var(--mdz-color-divider);
  }
  body[data-public-page="landing"] .bench-list-label{
    display:flex;
    justify-content:space-between;
    padding:0 4px;
  }
  body[data-public-page="landing"] .bench-list-label em{font-style:normal}
  body[data-public-page="landing"] .bench-command .fm-man-xi-bench-list{
    gap:4px;
    padding:0;
  }
  body[data-public-page="landing"] .bench-command .fm-man-bench-slot{
    grid-template-columns:30px minmax(0, 1fr) 30px 28px;
    gap:7px;
    min-height:43px;
    padding:5px 6px;
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .bench-shirt{
    position:relative;
    display:grid;
    width:28px;
    height:31px;
    place-items:center;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:7px 7px 10px 10px;
    background:linear-gradient(145deg, var(--mdz-color-accent-soft), var(--mdz-color-success-soft));
    color:var(--mdz-color-text);
    font-size:8px;
    font-weight:800;
  }
  body[data-public-page="landing"] .bench-shirt::before,
  body[data-public-page="landing"] .bench-shirt::after{
    content:"";
    position:absolute;
    top:3px;
    width:5px;
    height:9px;
    border-top:1px solid var(--mdz-color-border-accent);
  }
  body[data-public-page="landing"] .bench-shirt::before{left:-4px;transform:rotate(-28deg)}
  body[data-public-page="landing"] .bench-shirt::after{right:-4px;transform:rotate(28deg)}
  body[data-public-page="landing"] .bench-shirt.is-empty{border-style:dashed;color:var(--mdz-color-text-muted);background:var(--mdz-color-control)}
  body[data-public-page="landing"] .bench-player{display:grid;gap:2px;min-width:0}
  body[data-public-page="landing"] .bench-player .nm{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
    color:var(--mdz-color-text);
    font-size:9px;
  }
  body[data-public-page="landing"] .bench-player .nm em{
    overflow:hidden;
    padding:2px 4px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:999px;
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-success);
    font-size:6px;
    font-style:normal;
    font-weight:700;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }
  body[data-public-page="landing"] .bench-impact-meter{
    display:flex;
    align-items:end;
    justify-content:center;
    gap:2px;
    height:20px;
  }
  body[data-public-page="landing"] .bench-impact-meter i{
    width:4px;
    height:11px;
    border-radius:2px;
    background:var(--mdz-color-accent);
  }
  body[data-public-page="landing"] .bench-impact-meter i:nth-child(2){height:16px;background:var(--mdz-color-success)}
  body[data-public-page="landing"] .bench-impact-meter i:nth-child(3){height:8px}
  body[data-public-page="landing"] .bench-command .ovr-badge{
    min-width:27px;
    height:24px;
    border-color:var(--mdz-color-success-border);
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-text);
  }

  body[data-public-page="landing"] .standards-command{
    align-content:start;
    gap:7px;
    padding:10px;
  }
  body[data-public-page="landing"] .lineup-sidecard__head > i{
    display:grid;
    width:28px;
    height:28px;
    place-items:center;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:9px;
    background:var(--mdz-color-accent-soft);
    color:var(--mdz-color-text);
    font-size:11px;
    font-style:normal;
    font-weight:900;
  }
  body[data-public-page="landing"] .standards-command__board{
    display:grid;
    grid-template-columns:minmax(128px, .88fr) minmax(180px, 1.12fr);
    gap:7px;
  }
  body[data-public-page="landing"] .standards-pitch{
    position:relative;
    min-height:88px;
    overflow:hidden;
    border:1px solid var(--mdz-color-success-border);
    border-radius:9px;
    background:
      linear-gradient(90deg, transparent 49.5%, var(--mdz-color-success-border) 50%, transparent 50.5%),
      var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .standards-pitch::before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px solid var(--mdz-color-border-strong);
    border-radius:5px;
  }
  body[data-public-page="landing"] .standards-pitch > span{
    position:absolute;
    left:50%;
    top:50%;
    width:28px;
    height:28px;
    transform:translate(-50%, -50%);
    border:1px solid var(--mdz-color-border-strong);
    border-radius:50%;
  }
  body[data-public-page="landing"] .standards-pitch > i{
    position:absolute;
    z-index:1;
    display:grid;
    width:18px;
    height:18px;
    place-items:center;
    border:2px solid var(--mdz-color-surface-alt);
    border-radius:50%;
    background:var(--mdz-color-accent);
    color:var(--mdz-color-text);
    font-size:6px;
    font-style:normal;
    font-weight:800;
    box-shadow:var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .standards-pitch .is-corner-left{left:7px;top:7px}
  body[data-public-page="landing"] .standards-pitch .is-corner-right{right:7px;top:7px}
  body[data-public-page="landing"] .standards-pitch .is-free-kick{left:42%;top:25%}
  body[data-public-page="landing"] .standards-pitch .is-penalty{right:18%;bottom:11px;background:var(--mdz-color-success)}
  body[data-public-page="landing"] .captain-profile{
    display:grid;
    grid-template-columns:36px minmax(0, 1fr) 45px;
    align-items:center;
    gap:7px;
    padding:8px;
    border:1px solid var(--mdz-color-border);
    border-radius:9px;
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .captain-profile__badge{
    position:relative;
    display:grid;
    width:34px;
    height:38px;
    place-items:center;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:9px 9px 12px 12px;
    background:var(--mdz-color-accent-soft);
    color:var(--mdz-color-text);
    font-size:11px;
    font-weight:900;
  }
  body[data-public-page="landing"] .captain-profile__badge small{
    position:absolute;
    right:-4px;
    top:-4px;
    display:grid;
    width:14px;
    height:14px;
    place-items:center;
    border-radius:50%;
    background:var(--mdz-color-success);
    color:var(--mdz-color-surface);
    font-size:6px;
  }
  body[data-public-page="landing"] .captain-profile > div:nth-child(2){display:grid;gap:2px;min-width:0}
  body[data-public-page="landing"] .captain-profile > div:nth-child(2) span{color:var(--mdz-color-text-muted);font-size:6px;text-transform:uppercase}
  body[data-public-page="landing"] .captain-profile > div:nth-child(2) strong{overflow:hidden;color:var(--mdz-color-text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
  body[data-public-page="landing"] .captain-profile > div:nth-child(2) em{color:var(--mdz-color-text-muted);font-size:6.5px;font-style:normal}
  body[data-public-page="landing"] .captain-profile__rating{
    position:relative;
    display:grid;
    width:42px;
    height:42px;
    place-content:center;
    border-radius:50%;
    background:conic-gradient(var(--mdz-color-success) 0 94%, var(--mdz-color-border-strong) 94% 100%);
  }
  body[data-public-page="landing"] .captain-profile__rating::after{content:"";position:absolute;inset:5px;border-radius:inherit;background:var(--mdz-color-surface-alt)}
  body[data-public-page="landing"] .captain-profile__rating :is(strong,span){position:relative;z-index:1;text-align:center}
  body[data-public-page="landing"] .captain-profile__rating strong{color:var(--mdz-color-text);font-size:10px}
  body[data-public-page="landing"] .captain-profile__rating span{color:var(--mdz-color-text-muted);font-size:5px;text-transform:uppercase}
  body[data-public-page="landing"] .standards-command .lineup-sidecard__rows{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:5px;
  }
  body[data-public-page="landing"] .standards-command .lineup-sidecard__row{
    display:grid;
    grid-template-columns:25px minmax(0, 1fr);
    gap:5px;
    min-height:58px;
    padding:6px;
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .standards-command .lineup-sidecard__row > i{
    display:grid;
    width:24px;
    height:24px;
    place-items:center;
    border:1px solid var(--mdz-color-success-border);
    border-radius:7px;
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-success);
    font-size:7px;
    font-style:normal;
    font-weight:800;
  }
  body[data-public-page="landing"] .standards-command .lineup-sidecard__row > div{display:grid;align-content:center;gap:2px;min-width:0}
  body[data-public-page="landing"] .standards-command .lineup-sidecard__row small{color:var(--mdz-color-success);font-size:5.5px;text-transform:uppercase}
  body[data-public-page="landing"] .standards-command .lineup-sidecard__row > span{
    grid-column:1 / -1;
    overflow:hidden;
    padding-top:4px;
    border-top:1px solid var(--mdz-color-divider);
    color:var(--mdz-color-text);
    font-size:7.5px;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body[data-public-page="landing"] .substitution-command{
    display:grid;
    grid-template-rows:auto auto auto auto auto;
    align-content:start;
    gap:7px;
    padding:10px;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__head b{
    color:var(--mdz-color-text);
    font-size:14px;
    line-height:1.08;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__head span{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 7px;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:999px;
    background:var(--mdz-color-control-active);
    color:var(--mdz-color-text-muted);
    font-size:8px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .substitution-command > p{
    margin:0;
    color:var(--mdz-color-text-muted);
    font-size:9px;
    line-height:1.4;
  }
  body[data-public-page="landing"] .substitution-chart{
    display:grid;
    grid-template-rows:auto 62px auto;
    gap:2px;
    min-height:88px;
    padding:7px 8px 5px;
    overflow:hidden;
    border:1px solid var(--mdz-color-border);
    border-radius:9px;
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .substitution-chart > div:first-child{display:flex;justify-content:space-between;gap:8px}
  body[data-public-page="landing"] .substitution-chart > div:first-child span{color:var(--mdz-color-text-muted);font-size:6.5px;letter-spacing:.12em;text-transform:uppercase}
  body[data-public-page="landing"] .substitution-chart > div:first-child strong{color:var(--mdz-color-text);font-size:7.5px}
  body[data-public-page="landing"] .substitution-chart svg{display:block;width:100%;height:62px;overflow:visible}
  body[data-public-page="landing"] .substitution-chart__grid{fill:none;stroke:var(--mdz-color-divider);stroke-width:1;vector-effect:non-scaling-stroke}
  body[data-public-page="landing"] .substitution-chart__area{fill:var(--mdz-color-accent-soft)}
  body[data-public-page="landing"] .substitution-chart__line{fill:none;stroke:var(--mdz-color-accent);stroke-width:2;vector-effect:non-scaling-stroke}
  body[data-public-page="landing"] .substitution-chart__windows{fill:none;stroke:var(--mdz-color-success);stroke-width:1;stroke-dasharray:3 3;opacity:.55;vector-effect:non-scaling-stroke}
  body[data-public-page="landing"] .substitution-chart circle{fill:var(--mdz-color-success);stroke:var(--mdz-color-surface-alt);stroke-width:2;vector-effect:non-scaling-stroke}
  body[data-public-page="landing"] .substitution-chart__axis{display:flex;justify-content:space-between;color:var(--mdz-color-text-muted);font-size:5.5px}
  body[data-public-page="landing"] .substitution-command .lineup-plan__steps{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-template-rows:1fr;
    min-height:0;
    overflow:hidden;
    border:1px solid var(--mdz-color-border);
    border-radius:9px;
    border-color:var(--mdz-color-border);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__step{
    display:grid;
    grid-template-columns:22px minmax(0, 1fr);
    grid-template-areas:"index time" "copy copy" "impact impact";
    align-content:start;
    gap:5px;
    min-height:90px;
    padding:7px;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__step + .lineup-plan__step{
    border-top:0;
    border-left:1px solid var(--mdz-color-divider);
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__step > i{
    grid-area:index;
    display:grid;
    width:20px;
    height:20px;
    place-items:center;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:var(--mdz-radius-xs);
    background:var(--mdz-color-accent-soft);
    color:var(--mdz-color-text);
    font-size:11px;
    font-weight:800;
    font-style:normal;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__step time{
    grid-area:time;
    justify-self:end;
    min-height:20px;
    padding-inline:5px;
    font-size:7px;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__step > div{grid-area:copy;display:grid;gap:3px;min-width:0}
  body[data-public-page="landing"] .substitution-command .lineup-plan__step strong{color:var(--mdz-color-text);font-size:9px;line-height:1.25}
  body[data-public-page="landing"] .substitution-command .lineup-plan__step span{color:var(--mdz-color-text-muted);font-size:7.5px;line-height:1.35}
  body[data-public-page="landing"] .substitution-command .lineup-plan__step > em{
    grid-area:impact;
    justify-self:start;
    padding:2px 5px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:999px;
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-success);
    font-size:6px;
    font-style:normal;
    font-weight:700;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:34px;
    padding:7px 9px;
    border-radius:0 8px 8px 0;
    border-left-color:var(--mdz-color-success);
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__footer::before{
    content:"";
    flex:0 0 auto;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--mdz-color-success);
  }
  body[data-public-page="landing"] .substitution-command .lineup-plan__footer span{margin-right:auto;color:var(--mdz-color-text-muted);font-size:7px;letter-spacing:.11em;text-transform:uppercase}
  body[data-public-page="landing"] .substitution-command .lineup-plan__footer strong{color:var(--mdz-color-text);font-size:8px;text-align:right}

  @media (max-width:1180px){
    body[data-public-page="landing"] .lineup__workspace{grid-template-columns:1fr}
    body[data-public-page="landing"] .lineup-aside{
      grid-template-columns:1fr;
      grid-template-rows:auto auto auto;
    }
    body[data-public-page="landing"] .substitution-command{grid-column:auto}
  }
  @media (max-width:720px){
    body[data-public-page="landing"] .lineup-aside{display:grid;grid-template-columns:1fr}
    body[data-public-page="landing"] .substitution-command{grid-column:auto}
    body[data-public-page="landing"] .lineup-panel__head{align-items:flex-start}
    body[data-public-page="landing"] .lineup-panel__controls{justify-items:end}
    body[data-public-page="landing"] .lineup-panel__status{display:none}
    body[data-public-page="landing"] .lineup-board__stage .lineup-command-metrics{grid-template-columns:repeat(2, minmax(0, 1fr))}
    body[data-public-page="landing"] .lineup-board__note{grid-template-columns:32px minmax(0, 1fr)}
    body[data-public-page="landing"] .lineup-board__note-metrics{grid-column:1 / -1;width:100%}
    body[data-public-page="landing"] .lineup-board__note-metrics > span{min-width:0}
  }
  @media (max-width:520px){
    body[data-public-page="landing"] .lineup__workspace{padding:8px}
    body[data-public-page="landing"] .lineup-panel__head{display:grid;grid-template-columns:1fr}
    body[data-public-page="landing"] .lineup-panel__controls{justify-items:start;width:100%}
    body[data-public-page="landing"] .lineup-panel__tabs{justify-content:flex-start}
    body[data-public-page="landing"] .lineup-command-metrics .lineup-board__meta-card{min-height:86px}
    body[data-public-page="landing"] .bench-impact-summary{grid-template-columns:minmax(0, 1fr) 105px}
    body[data-public-page="landing"] .bench-command .fm-man-bench-slot{grid-template-columns:30px minmax(0, 1fr) 24px}
    body[data-public-page="landing"] .bench-impact-meter{display:none}
    body[data-public-page="landing"] .standards-command__board{grid-template-columns:1fr}
    body[data-public-page="landing"] .standards-command .lineup-sidecard__rows{grid-template-columns:1fr}
    body[data-public-page="landing"] .standards-command .lineup-sidecard__row{grid-template-columns:25px minmax(0, 1fr) auto;min-height:46px}
    body[data-public-page="landing"] .standards-command .lineup-sidecard__row > span{grid-column:auto;padding:0;border:0;text-align:right}
    body[data-public-page="landing"] .substitution-command .lineup-plan__steps{grid-template-columns:1fr}
    body[data-public-page="landing"] .substitution-command .lineup-plan__step{
      grid-template-columns:22px 58px minmax(0, 1fr) auto;
      grid-template-areas:"index time copy impact";
      align-items:center;
      min-height:64px;
    }
    body[data-public-page="landing"] .substitution-command .lineup-plan__step + .lineup-plan__step{border-top:1px solid var(--mdz-color-divider);border-left:0}
    body[data-public-page="landing"] .substitution-command .lineup-plan__step > em{justify-self:end}
    body[data-public-page="landing"] .substitution-command .lineup-plan__step span{display:none}
  }

  /* Finance and season previews use a compact professional sport-dashboard language. */
  body[data-public-page="landing"] .finance__body.finance-command{
    grid-template-rows:auto auto;
    gap:7px;
    height:auto;
    padding:10px 11px 11px;
  }
  body[data-public-page="landing"] .finance-command__top{
    display:grid;
    grid-template-columns:minmax(0, 1.04fr) minmax(0, .96fr);
    gap:7px;
    min-width:0;
  }
  body[data-public-page="landing"] :is(
    .finance-balance-card,
    .sponsor-card,
    .finance-allocation,
    .season-match-card
  ){
    border:1px solid var(--mdz-color-border);
    background:var(--mdz-color-surface-muted);
    box-shadow:none;
  }
  body[data-public-page="landing"] .finance-balance-card,
  body[data-public-page="landing"] .sponsor-card{
    position:relative;
    display:grid;
    min-width:0;
    min-height:134px;
    overflow:hidden;
    border-radius:10px;
  }
  body[data-public-page="landing"] .finance-balance-card{
    grid-template-rows:auto auto auto minmax(45px, 1fr);
    gap:2px;
    padding:9px 10px 7px;
  }
  body[data-public-page="landing"] .finance-balance-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto;
    height:2px;
    background:linear-gradient(90deg, var(--mdz-color-accent), var(--mdz-color-success), transparent 78%);
  }
  body[data-public-page="landing"] .finance-card__eyebrow,
  body[data-public-page="landing"] .sponsor-card__progress-copy{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
  }
  body[data-public-page="landing"] .finance-card__eyebrow span,
  body[data-public-page="landing"] .sponsor-card__head div > span,
  body[data-public-page="landing"] .finance-allocation__title,
  body[data-public-page="landing"] .finance-forecast > span,
  body[data-public-page="landing"] .season-match-card__topline span,
  body[data-public-page="landing"] :is(.season-form,.season-table-position) > span,
  body[data-public-page="landing"] .season-forecast > div:first-child span{
    color:var(--mdz-color-text-muted);
    font-size:7.5px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .finance-card__eyebrow strong{
    color:var(--mdz-color-success);
    font-size:9px;
    font-weight:800;
  }
  body[data-public-page="landing"] .finance-balance-card__value{
    margin-top:2px;
    color:var(--mdz-color-text);
    font-size:23px;
    font-weight:800;
    line-height:1;
    letter-spacing:.01em;
  }
  body[data-public-page="landing"] .finance-balance-card__caption{
    color:var(--mdz-color-text-muted);
    font-size:8px;
  }
  body[data-public-page="landing"] .finance-trend{
    position:relative;
    align-self:end;
    min-height:45px;
    margin-top:1px;
  }
  body[data-public-page="landing"] .finance-trend svg{
    display:block;
    width:100%;
    height:43px;
    overflow:visible;
  }
  body[data-public-page="landing"] .finance-trend__grid{
    fill:none;
    stroke:var(--mdz-color-divider);
    stroke-width:1;
    vector-effect:non-scaling-stroke;
  }
  body[data-public-page="landing"] .finance-trend__area{fill:url("#financeFlowFill")}
  body[data-public-page="landing"] .finance-trend__line{
    fill:none;
    stroke:var(--mdz-color-accent);
    stroke-width:2;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
  }
  body[data-public-page="landing"] .finance-trend circle{
    fill:var(--mdz-color-success);
    stroke:var(--mdz-color-surface-alt);
    stroke-width:2;
    vector-effect:non-scaling-stroke;
  }
  body[data-public-page="landing"] .finance-trend__legend{
    position:absolute;
    inset:auto 0 0;
    display:flex;
    justify-content:space-between;
    gap:8px;
    color:var(--mdz-color-text-muted);
    font-size:7px;
  }
  body[data-public-page="landing"] .finance-trend__legend b{
    color:var(--mdz-color-text);
    font-size:7px;
  }
  body[data-public-page="landing"] .sponsor-card{
    grid-template-rows:auto auto auto auto auto;
    align-content:start;
    gap:7px;
    padding:9px 10px;
  }
  body[data-public-page="landing"] .sponsor-card::after{
    content:"";
    position:absolute;
    right:-22px;
    top:-24px;
    width:86px;
    height:86px;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:50%;
    opacity:.28;
  }
  body[data-public-page="landing"] .sponsor-card__head{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:32px minmax(0, 1fr) auto;
    align-items:center;
    gap:7px;
    min-width:0;
  }
  body[data-public-page="landing"] .sponsor-card__mark{
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:9px;
    background:
      linear-gradient(135deg, var(--mdz-color-accent-soft), var(--mdz-color-success-soft)),
      var(--mdz-color-control);
    color:var(--mdz-color-text);
    font-size:17px;
    font-style:italic;
    font-weight:900;
  }
  body[data-public-page="landing"] .sponsor-card__head div{
    display:grid;
    gap:2px;
    min-width:0;
  }
  body[data-public-page="landing"] .sponsor-card__head div > strong{
    overflow:hidden;
    color:var(--mdz-color-text);
    font-size:10px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body[data-public-page="landing"] .sponsor-card__head > em{
    padding:3px 5px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:999px;
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-success);
    font-size:6.5px;
    font-style:normal;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .sponsor-card__value{
    color:var(--mdz-color-text);
    font-size:14px;
    font-weight:800;
    line-height:1.1;
  }
  body[data-public-page="landing"] .sponsor-card__progress-copy{
    color:var(--mdz-color-text-muted);
    font-size:7.5px;
  }
  body[data-public-page="landing"] .sponsor-card__progress-copy strong{
    color:var(--mdz-color-text);
    font-size:8px;
  }
  body[data-public-page="landing"] .sponsor-card__progress,
  body[data-public-page="landing"] .season-forecast__bar{
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:var(--mdz-color-input-bg);
  }
  body[data-public-page="landing"] .sponsor-card__progress span{
    display:block;
    width:82%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--mdz-color-accent), var(--mdz-color-success));
  }
  body[data-public-page="landing"] .sponsor-card__channels{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:4px;
  }
  body[data-public-page="landing"] .sponsor-card__channels span{
    display:grid;
    place-items:center;
    min-height:20px;
    padding:0 4px;
    border:1px solid var(--mdz-color-border);
    border-radius:6px;
    background:transparent;
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .finance-allocation{
    display:grid;
    grid-template-columns:58px minmax(0, 1fr) minmax(100px, .62fr);
    align-items:center;
    gap:9px;
    min-height:76px;
    padding:8px 9px;
    border-radius:10px;
  }
  body[data-public-page="landing"] .finance-allocation__donut{
    position:relative;
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border-radius:50%;
    background:conic-gradient(
      var(--mdz-color-accent) 0 54%,
      var(--mdz-color-success) 54% 80%,
      var(--mdz-color-border-strong) 80% 100%
    );
  }
  body[data-public-page="landing"] .finance-allocation__donut::after{
    content:"";
    position:absolute;
    inset:7px;
    border-radius:inherit;
    background:var(--mdz-color-surface-alt);
  }
  body[data-public-page="landing"] .finance-allocation__donut div{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
  }
  body[data-public-page="landing"] .finance-allocation__donut strong{
    color:var(--mdz-color-text);
    font-size:11px;
    line-height:1;
  }
  body[data-public-page="landing"] .finance-allocation__donut span{
    color:var(--mdz-color-text-muted);
    font-size:6px;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .finance-allocation__content{
    display:grid;
    gap:6px;
    min-width:0;
  }
  body[data-public-page="landing"] .finance-allocation__legend{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:5px;
    min-width:0;
  }
  body[data-public-page="landing"] .finance-allocation__legend > span{
    display:grid;
    grid-template-columns:6px minmax(0, 1fr);
    grid-template-areas:"dot label" "dot value";
    column-gap:4px;
    min-width:0;
  }
  body[data-public-page="landing"] .finance-allocation__legend i{
    grid-area:dot;
    align-self:center;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--mdz-color-border-strong);
  }
  body[data-public-page="landing"] .finance-allocation__legend .is-squad i{background:var(--mdz-color-accent)}
  body[data-public-page="landing"] .finance-allocation__legend .is-operations i{background:var(--mdz-color-success)}
  body[data-public-page="landing"] .finance-allocation__legend b{
    grid-area:label;
    overflow:hidden;
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body[data-public-page="landing"] .finance-allocation__legend em{
    grid-area:value;
    color:var(--mdz-color-text);
    font-size:8px;
    font-style:normal;
    font-weight:800;
  }
  body[data-public-page="landing"] .finance-forecast{
    display:grid;
    gap:2px;
    min-width:0;
    padding:6px 8px;
    border-left:1px solid var(--mdz-color-divider);
  }
  body[data-public-page="landing"] .finance-forecast strong{
    color:var(--mdz-color-success);
    font-size:12px;
    line-height:1.15;
  }
  body[data-public-page="landing"] .finance-forecast em{
    color:var(--mdz-color-text-muted);
    font-size:7px;
    font-style:normal;
    line-height:1.25;
  }
  body[data-public-page="landing"] .season-command{
    grid-template-rows:auto minmax(0, 1fr);
    gap:8px;
    padding:10px 11px 11px;
  }
  body[data-public-page="landing"] .season-command .seasonband__head{
    grid-template-columns:minmax(0, 1fr) auto;
    gap:8px;
  }
  body[data-public-page="landing"] .season-command__status{
    display:grid;
    grid-template-columns:auto auto;
    grid-template-areas:"dot label" "dot value";
    align-items:center;
    column-gap:6px;
    min-width:90px;
    padding:6px 8px;
    border:1px solid var(--mdz-color-success-border);
    border-radius:9px;
    background:var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .season-command__status::before{
    content:"";
    grid-area:dot;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--mdz-color-success);
    box-shadow:0 0 0 3px var(--mdz-color-success-soft);
  }
  body[data-public-page="landing"] .season-command__status span{
    grid-area:label;
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .season-command__status strong{
    grid-area:value;
    color:var(--mdz-color-text);
    font-size:9px;
  }
  body[data-public-page="landing"] .season-match-card{
    position:relative;
    display:grid;
    grid-template-rows:auto minmax(0, 1fr) auto;
    gap:8px;
    min-height:0;
    padding:9px 10px 10px;
    overflow:hidden;
    border-radius:10px;
  }
  body[data-public-page="landing"] .season-match-card::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:170px;
    height:170px;
    transform:translate(-50%, -58%);
    border:1px solid var(--mdz-color-border-accent);
    border-radius:50%;
    opacity:.16;
  }
  body[data-public-page="landing"] .season-match-card::after{
    content:"";
    position:absolute;
    top:30px;
    bottom:60px;
    left:50%;
    width:1px;
    background:linear-gradient(180deg, transparent, var(--mdz-color-border-accent), transparent);
    opacity:.24;
  }
  body[data-public-page="landing"] .season-match-card__topline{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
  }
  body[data-public-page="landing"] .season-match-card__topline strong{
    color:var(--mdz-color-text-muted);
    font-size:7.5px;
    font-weight:700;
  }
  body[data-public-page="landing"] .season-matchup{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 72px minmax(0, 1fr);
    align-items:center;
    gap:8px;
    min-width:0;
  }
  body[data-public-page="landing"] .season-club{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  body[data-public-page="landing"] .season-club.is-away{
    flex-direction:row-reverse;
    text-align:right;
  }
  body[data-public-page="landing"] .season-club__crest{
    position:relative;
    display:grid;
    flex:0 0 46px;
    place-items:center;
    width:46px;
    height:50px;
    overflow:hidden;
    border:1px solid var(--mdz-color-border-strong);
    border-radius:13px 13px 18px 18px;
    background:
      linear-gradient(145deg, rgba(223,178,79,.36), rgba(145,94,23,.12)),
      var(--mdz-color-control);
    box-shadow:var(--mdz-shadow-control);
  }
  body[data-public-page="landing"] .season-club.is-away .season-club__crest{
    border-color:var(--mdz-color-border-accent);
    background:
      linear-gradient(145deg, rgba(121,160,255,.34), rgba(71,91,154,.10)),
      var(--mdz-color-control);
  }
  body[data-public-page="landing"] .season-club__crest::after{
    content:"";
    position:absolute;
    inset:4px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px 9px 14px 14px;
  }
  body[data-public-page="landing"] .season-club__crest .club-crest-svg{
    position:relative;
    z-index:1;
    display:block;
    width:32px;
    height:34px;
    color:var(--mdz-color-accent-hover);
  }
  body[data-public-page="landing"] .season-club.is-away .club-crest-svg{
    color:var(--mdz-color-success);
  }
  body[data-public-page="landing"] .season-club > div{
    display:grid;
    gap:2px;
    min-width:0;
  }
  body[data-public-page="landing"] .season-club > div span{
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  body[data-public-page="landing"] .season-club > div strong{
    overflow:hidden;
    color:var(--mdz-color-text);
    font-size:10px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body[data-public-page="landing"] .season-kickoff{
    display:grid;
    place-items:center;
  }
  body[data-public-page="landing"] .season-kickoff span{
    color:var(--mdz-color-text-muted);
    font-size:7px;
    font-weight:800;
    letter-spacing:.18em;
  }
  body[data-public-page="landing"] .season-kickoff strong{
    color:var(--mdz-color-text);
    font-size:17px;
    line-height:1.1;
  }
  body[data-public-page="landing"] .season-kickoff em{
    display:grid;
    place-items:center;
    min-width:27px;
    min-height:17px;
    margin-top:3px;
    border:1px solid var(--mdz-color-border-accent);
    border-radius:999px;
    background:var(--mdz-color-accent-soft);
    color:var(--mdz-color-text);
    font-size:7px;
    font-style:normal;
    font-weight:800;
  }
  body[data-public-page="landing"] .season-match-metrics{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.05fr .82fr 1.13fr;
    overflow:hidden;
    border:1px solid var(--mdz-color-border);
    border-radius:8px;
    background:transparent;
  }
  body[data-public-page="landing"] :is(.season-form,.season-table-position,.season-forecast){
    display:grid;
    align-content:center;
    gap:3px;
    min-width:0;
    min-height:49px;
    padding:6px 8px;
  }
  body[data-public-page="landing"] :is(.season-table-position,.season-forecast){
    border-left:1px solid var(--mdz-color-divider);
  }
  body[data-public-page="landing"] .season-form > div{
    display:flex;
    gap:3px;
  }
  body[data-public-page="landing"] .season-form i{
    display:grid;
    place-items:center;
    width:17px;
    height:17px;
    border-radius:5px;
    font-size:7px;
    font-style:normal;
    font-weight:900;
  }
  body[data-public-page="landing"] .season-form i.is-win{
    background:var(--mdz-color-success-soft);
    color:var(--mdz-color-success);
  }
  body[data-public-page="landing"] .season-form i.is-draw{
    background:var(--mdz-color-accent-soft);
    color:var(--mdz-color-accent-hover);
  }
  body[data-public-page="landing"] .season-form i.is-loss{
    background:var(--mdz-color-danger-soft);
    color:var(--mdz-color-danger);
  }
  body[data-public-page="landing"] .season-table-position strong{
    color:var(--mdz-color-text);
    font-size:10px;
  }
  body[data-public-page="landing"] :is(.season-table-position,.season-forecast) em{
    color:var(--mdz-color-text-muted);
    font-size:6.5px;
    font-style:normal;
  }
  body[data-public-page="landing"] .season-forecast > div:first-child{
    display:flex;
    justify-content:space-between;
    gap:6px;
  }
  body[data-public-page="landing"] .season-forecast > div:first-child strong{
    color:var(--mdz-color-text);
    font-size:8px;
  }
  body[data-public-page="landing"] .season-forecast__bar span{
    display:block;
    width:54%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--mdz-color-accent), var(--mdz-color-success));
  }
  @media (max-width: 520px){
    body[data-public-page="landing"] .finance-command__top{
      grid-template-columns:1fr;
    }
    body[data-public-page="landing"] .finance-allocation{
      grid-template-columns:54px minmax(0, 1fr);
    }
    body[data-public-page="landing"] .finance-forecast{
      grid-column:1 / -1;
      grid-template-columns:minmax(0, 1fr) auto;
      align-items:center;
      border-top:1px solid var(--mdz-color-divider);
      border-left:0;
    }
    body[data-public-page="landing"] .finance-forecast em{grid-column:1 / -1}
    body[data-public-page="landing"] .season-command .seasonband__head{grid-template-columns:1fr}
    body[data-public-page="landing"] .season-command__status{justify-self:start}
    body[data-public-page="landing"] .season-matchup{
      grid-template-columns:minmax(0, 1fr) 58px minmax(0, 1fr);
      gap:5px;
    }
    body[data-public-page="landing"] .season-club,
    body[data-public-page="landing"] .season-club.is-away{
      flex-direction:column;
      gap:5px;
      text-align:center;
    }
    body[data-public-page="landing"] .season-club__crest{
      flex-basis:42px;
      width:42px;
      height:45px;
    }
    body[data-public-page="landing"] .season-match-metrics{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    body[data-public-page="landing"] .season-form{
      grid-column:1 / -1;
      border-bottom:1px solid var(--mdz-color-divider);
    }
    body[data-public-page="landing"] .season-table-position{border-left:0}
  }
  /* Match the replay's 112% media crop instead of stretching its grid row. */
  body[data-public-page="landing"] .replay__frame{
    box-sizing:border-box;
    min-height:0;
    height:auto;
    aspect-ratio:100 / 63;
  }
  body[data-public-page="landing"] .replay__video{
    left:51%;
    width:112%;
    object-fit:cover;
  }

/* Marketing hierarchy. Football-specific geometry above is shared by both locales. */
body[data-public-page="landing"] {
  --landing-text-accent: color-mix(in srgb, var(--mdz-color-accent) 42%, var(--mdz-color-text));
  --landing-success-ink: color-mix(in srgb, var(--mdz-color-success) 70%, var(--mdz-color-text));
}
body[data-public-page="landing"] .page::before { content: none; }
body[data-public-page="landing"] .wrap { width: min(1360px, calc(100% - 40px)); }
body[data-public-page="landing"] .hero {
  --hero-media-width: clamp(540px, calc(140svh - 580px), 860px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 22px;
  min-height: 0;
  margin: 12px 0 0;
  padding: clamp(20px, 2.4vw, 32px);
  background:
    radial-gradient(ellipse at 50% -15%, var(--mdz-color-accent-soft), transparent 65%),
    radial-gradient(ellipse at 50% 65%, var(--mdz-color-success-soft), transparent 60%),
    linear-gradient(180deg, var(--mdz-color-surface), var(--mdz-color-bg));
  box-shadow: var(--mdz-shadow-card);
  isolation: isolate;
}
body[data-public-page="landing"] .hero::before {
  content: "";
  position: absolute;
  inset: 0 16% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--mdz-color-accent-hover), transparent);
  pointer-events: none;
}
body[data-public-page="landing"] .hero__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: min(100%, 1120px);
  min-width: 0;
  text-align: center;
}
body[data-public-page="landing"] .hero__copy::before,
body[data-public-page="landing"] .hero__copy::after { content: none; }
body[data-public-page="landing"] .hero__copy :is(.eyebrow-row, .hero__actions) { justify-content: center; }
body[data-public-page="landing"] .hero__headline { display: grid; justify-items: center; gap: 10px; min-width: 0; }
body[data-public-page="landing"] .hero__headline h1 {
  margin: 0;
  max-width: 100%;
  font-size: clamp(40px, 4.6vw, 64px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-transform: none;
  text-wrap: balance;
}
body[data-public-page="landing"] .hero__headline h1 > span { display: inline-block; }
body[data-public-page="landing"] :is(.hero__title-accent, .landing-title-accent) { color: var(--landing-text-accent); }
body[data-public-page="landing"] .hero__lede {
  max-width: 66ch;
  margin: 0;
  color: var(--mdz-color-text-muted);
  font-size: 16px;
  line-height: 1.5;
  text-wrap: balance;
}
body[data-public-page="landing"] .hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
body[data-public-page="landing"] .hero__actions .btn { min-height: 44px; padding: 10px 14px; font-size: 14px; }
body[data-public-page="landing"] .hero__copy .hero__actions .btn { gap: 16px; min-width: 236px; min-height: 48px; padding-inline: 20px; box-shadow: var(--mdz-shadow-control); }
body[data-public-page="landing"] .landing-action-icon { flex: none; width: 18px; height: 18px; }
body[data-public-page="landing"] .hero__open-beta-note { max-width: 48ch; margin: 0; font-size: 12px; line-height: 1.5; color: var(--mdz-color-text-muted); }
body[data-public-page="landing"] .hero__trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin: 0; }
body[data-public-page="landing"] .hero__trust span { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; font-size: 12px; color: var(--mdz-color-text-muted); }
body[data-public-page="landing"] .hero__trust span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--mdz-color-success); }
body[data-public-page="landing"] .hero__stage {
  display: grid;
  gap: 0;
  width: min(100%, var(--hero-media-width));
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 6px;
  border: 1px solid var(--mdz-color-border-strong);
  border-radius: var(--mdz-radius-lg);
  background: linear-gradient(180deg, var(--mdz-color-surface-alt), var(--mdz-color-surface));
  box-shadow: var(--mdz-shadow-card);
  scroll-margin-top: 100px;
}
body[data-public-page="landing"] .hero__stage figcaption { padding: 6px 8px 0; color: var(--mdz-color-text-muted); font-size: 12px; line-height: 1.5; }
body[data-public-page="landing"] .hero__media-caption { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; }
body[data-public-page="landing"] .hero__preview-label { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--mdz-color-text-muted); }
body[data-public-page="landing"] .hero__preview-icon { flex: none; width: 20px; height: 20px; color: var(--mdz-color-accent-hover); }
body[data-public-page="landing"] .hero__media-caption .inline-link { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; text-underline-offset: 3px; }
body[data-public-page="landing"] .sectioncopy { display: grid; align-content: start; gap: 6px; min-width: 0; }
body[data-public-page="landing"] .sectioncopy::before,
body[data-public-page="landing"] .sectioncopy::after { content: none; }
body[data-public-page="landing"] .sectioncopy :is(h2, h3) { min-width: 0; max-width: 100%; margin: 0; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; letter-spacing: -.02em; text-transform: none; overflow-wrap: anywhere; }
body[data-public-page="landing"] .sectioncopy p { max-width: 65ch; margin: 0; font-size: 14px; line-height: 1.5; color: var(--mdz-color-text-muted); overflow-wrap: anywhere; }
body[data-public-page="landing"] :is(.kicker, .eyebrow) { min-height: 0; padding: 0; border: 0; background: transparent; color: var(--mdz-color-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
body[data-public-page="landing"] .eyebrow::before { content: none; }
body[data-public-page="landing"] .replay__frame { min-height: 0; height: auto; aspect-ratio: 100 / 63; border: 1px solid var(--mdz-color-border-strong); }
body[data-public-page="landing"] .replay__video { left: 51%; width: 112%; object-fit: cover; }
body[data-public-page="landing"] .replay__media-toggle { width: 44px; height: 44px; min-height: 44px; }
body[data-public-page="landing"] .matchday__summary { width: min(100%, 1100px); margin: 0; border: 0; }
body[data-public-page="landing"] .matchday__flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body[data-public-page="landing"] .flow-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; gap: 4px 12px; padding: 16px; min-width: 0; border: 1px solid var(--mdz-color-border); border-radius: var(--mdz-radius-md); background: var(--mdz-color-surface-muted); box-shadow: none; }
body[data-public-page="landing"] .flow-card span { display: grid; place-items: center; align-self: start; grid-row: span 2; min-width: 30px; min-height: 30px; padding: 4px; line-height: 1.2; border: 1px solid var(--mdz-color-border-accent); border-radius: var(--mdz-radius-sm); background: var(--mdz-color-accent-soft); color: var(--mdz-color-text); font-size: 13px; font-weight: 800; }
body[data-public-page="landing"] .flow-card strong { font-size: 14px; line-height: 1.4; }
body[data-public-page="landing"] .flow-card em { display: block; grid-column: 2; color: var(--mdz-color-text-muted); font-size: 13px; line-height: 1.45; font-style: normal; }
body[data-public-page="landing"] .section-head { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin: 24px 0 12px; padding: 0; }
body[data-public-page="landing"] .section-head .sectioncopy h2 { font-size: clamp(26px, 2.8vw, 36px); line-height: 1.15; letter-spacing: -.035em; text-wrap: balance; }
body[data-public-page="landing"] :is(.section-head, .lineup-guide, .seo-grid, .public-close) .kicker { display: flex; align-items: center; gap: 8px; }
body[data-public-page="landing"] :is(.section-head, .lineup-guide, .seo-grid, .public-close) .kicker::before { content: ""; flex: none; width: 20px; height: 2px; background: var(--mdz-color-accent-hover); }
body[data-public-page="landing"] .section-head__side { display: none; }
body[data-public-page="landing"] .section-head .sectioncopy p + p { font-size: 14px; }
body[data-public-page="landing"] .inline-link { color: var(--mdz-color-text); text-decoration: underline; text-underline-offset: 4px; }
body[data-public-page="landing"] .snapshot.lineup { background: var(--mdz-color-surface); box-shadow: var(--mdz-shadow-soft); }
body[data-public-page="landing"] .lineup__workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 16px; padding: 16px; }
body[data-public-page="landing"] .lineup-board { min-height: 0; height: auto; align-content: start; }
body[data-public-page="landing"] .lineup-board .lineup-panel { grid-template-rows: auto auto; align-content: start; padding: 12px; border-color: transparent; background: transparent; box-shadow: none; }
body[data-public-page="landing"] :is(.lineup-panel__controls, .lineup-panel__ribbon, .lineup-command-metrics, .lineup-board__note) { display: none; }
body[data-public-page="landing"] .lineup-panel__title strong { font-size: 16px; }
body[data-public-page="landing"] .lineup-panel__title span { font-size: 12px; }
body[data-public-page="landing"] .lineup-pitch { width: min(100%, 400px); min-height: 0; height: auto; aspect-ratio: 573 / 766; margin: 4px auto 0; border: 0; background: transparent; box-shadow: none; }
body[data-public-page="landing"] .lineup-pitch::before,
body[data-public-page="landing"] .lineup-pitch::after { content: none; }
body[data-public-page="landing"] .landing-product-preview__image { display: block; width: 100%; height: 100%; object-fit: contain; }
body[data-public-page="landing"] .lineup-guide { display: grid; align-content: center; gap: 20px; min-width: 0; padding: clamp(12px, 2vw, 28px); border: 0; background: transparent; }
body[data-public-page="landing"] .lineup-guide .sectioncopy h3 { font-size: clamp(28px, 2.7vw, 36px); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
body[data-public-page="landing"] .lineup-guide > .btn { justify-self: start; gap: 12px; min-height: 44px; font-size: 13px; }
body[data-public-page="landing"] .lineup-guide__steps { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: matchplan-step; }
body[data-public-page="landing"] .lineup-guide__steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; padding: 14px 0; border: 0; border-radius: 0; background: transparent; color: var(--mdz-color-text-muted); font-size: 13px; counter-increment: matchplan-step; }
body[data-public-page="landing"] .lineup-guide__steps li + li { border-top: 1px solid var(--mdz-color-divider); }
body[data-public-page="landing"] .lineup-guide__steps li::before { content: counter(matchplan-step); display: grid; place-items: center; align-self: start; grid-row: span 2; min-width: 30px; min-height: 30px; padding: 4px; border: 1px solid var(--mdz-color-border-accent); border-radius: var(--mdz-radius-sm); background: var(--mdz-color-accent-soft); color: var(--mdz-color-text); font-size: 13px; font-weight: 800; }
body[data-public-page="landing"] .lineup-guide__steps strong { display: block; color: var(--mdz-color-text); font-size: 15px; }
body[data-public-page="landing"] .lineup-guide__steps p { grid-column: 2; margin: 0; line-height: 1.5; }
body[data-public-page="landing"] .landing-preview-details { grid-column: 1 / -1; min-width: 0; border: 0; }
body[data-public-page="landing"] :is(.landing-preview-details, .faq-item) > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; min-height: 48px; border: 1px solid var(--mdz-color-border); border-radius: var(--mdz-radius-sm); background: var(--mdz-color-surface-muted); color: var(--mdz-color-text); font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; }
body[data-public-page="landing"] :is(.landing-preview-details, .faq-item) > summary::-webkit-details-marker { display: none; }
body[data-public-page="landing"] :is(.landing-preview-details, .faq-item) > summary::after { content: ""; flex: none; width: 8px; height: 8px; margin-right: 4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
body[data-public-page="landing"] :is(.landing-preview-details, .faq-item)[open] > summary::after { transform: rotate(225deg); }
body[data-public-page="landing"] :is(.landing-preview-details, .faq-item) > summary:hover { background: var(--mdz-color-control); }
body[data-public-page="landing"] .landing-preview-details .lineup-aside { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto; align-items: stretch; gap: 12px; margin-top: 12px; }
body[data-public-page="landing"] .matchplan-preview-card { display: grid; grid-template-rows: 1fr auto; min-width: 0; overflow: hidden; border: 1px solid var(--mdz-color-border); border-radius: var(--mdz-radius-md); background: var(--mdz-color-surface); }
body[data-public-page="landing"] .matchplan-preview-card__head { display: flex; align-items: flex-start; gap: 10px; padding: 16px; }
body[data-public-page="landing"] .matchplan-preview-card__head > div { min-width: 0; }
body[data-public-page="landing"] .matchplan-preview-card__head h4 { margin: 0; color: var(--mdz-color-text); font-size: 16px; line-height: 1.3; letter-spacing: -.02em; }
body[data-public-page="landing"] .matchplan-preview-card__head p { margin: 6px 0 0; color: var(--mdz-color-text-muted); font-size: 12px; line-height: 1.5; }
body[data-public-page="landing"] .matchplan-preview-card__media { position: relative; width: calc(100% - 24px); min-height: 200px; max-height: 300px; margin: 0 12px 12px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--mdz-radius-sm); }
body[data-public-page="landing"] .matchplan-preview-card__media img { position: absolute; top: 0; left: 0; display: block; width: var(--matchplan-image-width, 100%); max-width: none; height: auto; }
body[data-public-page="landing"] .matchplan-preview-card__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 72%, var(--mdz-color-surface)); }
body[data-public-page="landing"] .matchplan-preview-card--squad { --matchplan-image-width: 100%; }
body[data-public-page="landing"] .matchplan-preview-card--squad .matchplan-preview-card__media::after { background: linear-gradient(180deg, transparent 90%, var(--mdz-color-surface)); }
body[data-public-page="landing"] .matchplan-preview-card--standards { --matchplan-image-width: 160%; }
body[data-public-page="landing"] .ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 12px; }
body[data-public-page="landing"] .ops-grid :is(.snapshot, .season-command) { background: var(--mdz-color-surface); box-shadow: var(--mdz-shadow-soft); }
body[data-public-page="landing"] .snapshot--academy .snapshot__head { display: grid; grid-template-columns: 1fr; grid-template-areas: none; }
body[data-public-page="landing"] .snapshot--academy .snapshot__title { grid-area: auto; }
body[data-public-page="landing"] .snapshot--academy .pillrow { display: none; }
body[data-public-page="landing"] .snapshot--academy .academy__body { display: grid; grid-template-rows: minmax(180px, 1fr) auto auto; gap: 12px; height: auto; padding: 14px; }
body[data-public-page="landing"] .academy__footer { border-top: 1px solid var(--mdz-color-divider); }
body[data-public-page="landing"] .academy__footer .inline-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; }
body[data-public-page="landing"] .academy__topline { display: none; }
body[data-public-page="landing"] .snapshot--academy .academy__map { container-type: size; min-height: 180px; height: 100%; aspect-ratio: auto; border-color: var(--mdz-color-border); background: var(--mdz-color-surface-muted); }
body[data-public-page="landing"] .snapshot--academy .academy__map::before,
body[data-public-page="landing"] .snapshot--academy .academy__map .academy__map-points {
  width: min(calc(100cqw - 2 * var(--academy-map-pad)), calc((100cqh - 2 * var(--academy-map-pad)) * 1024 / 550));
  height: auto;
  max-width: none;
  max-height: none;
  aspect-ratio: 1024 / 550;
}
body[data-public-page="landing"] .academy-summary { display: grid; grid-template-columns: 1fr; border: 0; background: transparent; }
body[data-public-page="landing"] .academy-summary__item { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: start; gap: 12px; min-height: 0; padding: 10px 0; border: 0; background: transparent; }
body[data-public-page="landing"] .academy-summary__item + .academy-summary__item { border-top: 1px solid var(--mdz-color-divider); border-left: 0; }
body[data-public-page="landing"] .academy-summary__item strong { font-size: 14px; }
body[data-public-page="landing"] .snapshot--academy .academy-summary__item span { margin: 0; font-size: 13px; line-height: 1.5; }
/* Real finance screenshots: one budget highlight and two compact detail views. */
body[data-public-page="landing"] .finance-preview { container: landing-finance / inline-size; display: grid; gap: 14px; padding: 14px; min-width: 0; }
body[data-public-page="landing"] .finance-preview figure { display: grid; align-content: start; gap: 8px; min-width: 0; margin: 0; }
body[data-public-page="landing"] .finance-preview figcaption { color: var(--mdz-color-text-muted); font-size: 12px; font-weight: 700; line-height: 1.4; }
body[data-public-page="landing"] .finance-preview__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body[data-public-page="landing"] .finance-preview__frame { position: relative; overflow: hidden; aspect-ratio: 1107 / 424; border-radius: var(--mdz-radius-sm); }
body[data-public-page="landing"] .finance-preview__frame img { display: block; width: 100%; height: auto; }
body[data-public-page="landing"] .finance-preview__budget .finance-preview__frame { aspect-ratio: 5.3; }
body[data-public-page="landing"] .finance-preview__budget img { position: absolute; width: 310%; max-width: none; top: -50%; left: -2.75%; }
body[data-public-page="landing"] .finance-preview__bookings img { position: absolute; width: 168%; max-width: none; top: 0; right: 0; transform: translateY(-15%); }
body[data-public-page="landing"] .finance-preview__bookings .finance-preview__frame::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 75%, var(--mdz-color-surface)); }
@container landing-finance (max-width: 420px) {
  body[data-public-page="landing"] .finance-preview__details { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .finance-preview__bookings .finance-preview__frame { aspect-ratio: 2.4; }
}
body[data-public-page="landing"] .panel.module-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; overflow: visible; border: 0; background: transparent; box-shadow: none; }
body[data-public-page="landing"] .module-overview__item { --module-padding: 20px; min-width: 0; overflow: hidden; border: 1px solid var(--mdz-color-border); border-radius: var(--mdz-radius-lg); background: var(--mdz-color-surface); box-shadow: var(--mdz-shadow-soft); }
body[data-public-page="landing"] .module-overview__head { display: flex; align-items: center; gap: 8px; padding: var(--module-padding) var(--module-padding) 14px; }
body[data-public-page="landing"] .module-overview__index { display: inline-grid; place-items: center; min-width: 30px; min-height: 30px; padding: 4px; flex: none; border: 1px solid var(--mdz-color-border-accent); border-radius: var(--mdz-radius-sm); background: var(--mdz-color-accent-soft); color: var(--mdz-color-text); font-size: 13px; font-weight: 800; }
/* Focus the supplied screenshots on the module, fading into the shared card surface. */
body[data-public-page="landing"] .module-overview__media { position: relative; width: calc(100% - 28px); min-height: 180px; max-height: 260px; margin-inline: 14px; aspect-ratio: 1.65; overflow: hidden; isolation: isolate; border-radius: var(--mdz-radius-sm); }
body[data-public-page="landing"] .module-overview__media img { position: absolute; top: 4px; left: 0; width: min(var(--module-image-width), var(--module-image-max, 900px)); max-width: none; height: auto; border: 1px solid var(--mdz-color-border); border-radius: var(--mdz-radius-sm); box-shadow: var(--mdz-shadow-soft); }
body[data-public-page="landing"] .module-overview__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 58%, var(--mdz-color-surface) 100%), linear-gradient(90deg, transparent 88%, var(--mdz-color-surface)); }
body[data-public-page="landing"] .module-overview__item--training { --module-image-width: 180%; }
body[data-public-page="landing"] .module-overview__item--transfermarket { --module-image-width: 240%; --module-image-max: 1200px; }
body[data-public-page="landing"] .module-overview__item--infrastructure { --module-image-width: 112%; --module-image-max: 420px; }
body[data-public-page="landing"] .module-overview__item--infrastructure .module-overview__media img { top: -26px; left: 50%; transform: translateX(-50%); border: 0; box-shadow: none; mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
body[data-public-page="landing"] .module-overview__item--events { --module-image-width: 180%; }
body[data-public-page="landing"] .module-overview__copy { position: relative; padding: 8px var(--module-padding) var(--module-padding); }
body[data-public-page="landing"] .module-overview__copy h3 { margin: 0 0 10px; font-size: 22px; letter-spacing: -.025em; text-transform: none; }
body[data-public-page="landing"] .module-overview__copy strong { font-size: 14px; line-height: 1.5; }
body[data-public-page="landing"] .module-overview__copy p { margin: 8px 0 0; color: var(--mdz-color-text-muted); font-size: 13px; line-height: 1.6; }
body[data-public-page="landing"] .landing-closing { margin-top: 16px; min-width: 0; }
body[data-public-page="landing"] .seo-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 12px; min-width: 0; }
body[data-public-page="landing"] :is(.seo-panel, .faq-panel) { display: grid; grid-template-rows: auto 1fr auto; gap: 20px; min-width: 0; padding: 24px; background: var(--mdz-color-surface); box-shadow: var(--mdz-shadow-soft); }
body[data-public-page="landing"] :is(.seo-panel, .faq-panel) .sectioncopy { width: 100%; min-width: 0; }
body[data-public-page="landing"] .seo-grid .sectioncopy h2 { text-wrap: balance; }
body[data-public-page="landing"] :is(.seo-points, .faq-list) { align-content: start; }
body[data-public-page="landing"] .seo-points .seo-point { min-width: 0; padding-block: 16px; }
body[data-public-page="landing"] .seo-points .seo-point:first-child { padding-top: 0; }
body[data-public-page="landing"] .seo-points .seo-point:last-child { padding-bottom: 0; }
body[data-public-page="landing"] .seo-point :is(strong, p) { min-width: 0; overflow-wrap: anywhere; }
body[data-public-page="landing"] :is(.seo-panel__actions, .faq-panel__actions) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; min-width: 0; padding-top: 16px; border-top: 1px solid var(--mdz-color-divider); }
body[data-public-page="landing"] .seo-panel__actions .btn { gap: 12px; min-height: 44px; white-space: normal; text-align: center; }
body[data-public-page="landing"] :is(.seo-panel__actions, .faq-panel__actions) .inline-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; }
body[data-public-page="landing"] .faq-list { display: grid; gap: 8px; min-width: 0; }
body[data-public-page="landing"] .faq-item { min-width: 0; border: 1px solid var(--mdz-color-border); border-radius: var(--mdz-radius-sm); background: transparent; }
body[data-public-page="landing"] .faq-item > summary { min-height: 52px; border: 0; background: transparent; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
body[data-public-page="landing"] .faq-item > summary::after { color: var(--mdz-color-text-muted); }
body[data-public-page="landing"] .faq-item p { margin: 0; padding: 6px 14px 14px; color: var(--mdz-color-text-muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
body[data-public-page="landing"] .footer { flex-wrap: wrap; gap: 16px; }
body[data-public-page="landing"] .footer__meta { flex-wrap: wrap; gap: 16px; }
body[data-public-page="landing"] .footer__links { white-space: normal; }

/* Expanded previews occupy their own row; hidden controls must not reserve rows. */
body[data-public-page="landing"] .lineup-panel__title strong { text-transform: none; }
/* Natural card heights and one heading scale for all three club previews. */
body[data-public-page="landing"] .ops-stack { display: contents; }
body[data-public-page="landing"] .ops-grid > .snapshot,
body[data-public-page="landing"] .ops-stack > :is(.snapshot, .seasonband) { height: auto; min-height: 0; align-self: start; }
body[data-public-page="landing"] .ops-grid > .snapshot--academy { display: grid; grid-template-rows: auto minmax(0, 1fr); grid-row: span 2; align-self: stretch; }
body[data-public-page="landing"] .ops-grid .snapshot__head { padding: 14px; gap: 8px; }
body[data-public-page="landing"] .ops-grid .snapshot__title { gap: 4px; }
body[data-public-page="landing"] .ops-grid .snapshot__title strong { font-size: 20px; font-weight: 800; line-height: 1.25; letter-spacing: -.02em; text-transform: none; }
body[data-public-page="landing"] .ops-grid .snapshot__title span { font-size: 12px; line-height: 1.5; }
body[data-public-page="landing"] #finanzen .snapshot__head { display: flex; flex-direction: row; flex-wrap: wrap; align-items: start; }
body[data-public-page="landing"] #finanzen .snapshot__title { flex: 1 1 300px; }
body[data-public-page="landing"] #finanzen .pillrow { display: inline-flex; flex: none; flex-wrap: nowrap; align-self: start; width: auto; min-width: 0; max-width: 100%; gap: 3px; padding: 3px; }
body[data-public-page="landing"] #finanzen .pillrow .pill { flex: none; white-space: nowrap; }
body[data-public-page="landing"] .finance__body.finance-command { gap: 10px; padding: 14px; }
body[data-public-page="landing"] .finance-command__top { gap: 10px; }
body[data-public-page="landing"] .snapshot--academy .academy-summary { padding: 0; background: transparent; }
body[data-public-page="landing"] .snapshot--academy .academy-summary__item strong { font-size: 13px; line-height: 1.5; }
body[data-public-page="landing"] .season-command { grid-template-rows: auto auto; align-content: start; gap: 12px; padding: 14px; }
body[data-public-page="landing"] .season-command .seasonband__head { padding: 0; }
body[data-public-page="landing"] .season-match-card { display: block; min-height: 0; aspect-ratio: 919 / 725; padding: 0; overflow: hidden; border: 0; border-radius: var(--mdz-radius-sm); background: transparent; box-shadow: none; }
body[data-public-page="landing"] .season-match-card::before,
body[data-public-page="landing"] .season-match-card::after { content: none; }
body[data-public-page="landing"] .season-matchup { min-height: 84px; padding-block: 8px; }
body[data-public-page="landing"] .season-match-card::before { width: 110px; height: 110px; }
body[data-public-page="landing"] .season-match-card__topline strong { font-size: 10px; }
body[data-public-page="landing"] .season-club > div strong { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
body[data-public-page="landing"] .season-club > div { max-width: 100%; }
body[data-public-page="landing"] .season-kickoff strong { font-size: 28px; }
body[data-public-page="landing"] .module-overview__head .kicker { font-size: 10px; letter-spacing: .07em; }
body[data-public-page="landing"] .public-close .hero__actions { display: flex; flex-wrap: wrap; }
body[data-public-page="landing"] .public-close { position: relative; isolation: isolate; overflow: hidden; padding: 24px; background: var(--mdz-color-surface); box-shadow: var(--mdz-shadow-soft); }
body[data-public-page="landing"] .public-close__backdrop { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; object-position: left center; opacity: .45; pointer-events: none; }
body[data-public-page="landing"] .public-close h2 { font-size: clamp(28px, 3vw, 38px); letter-spacing: -.035em; line-height: 1.12; text-wrap: balance; }
body[data-public-page="landing"] .public-close .hero__actions .btn { gap: 12px; }
body[data-public-page="landing"] .public-close p + p { margin-top: 6px; }

/* Keep supporting text in the product previews readable at their real size. */
body[data-public-page="landing"] .finance-card__eyebrow { flex-wrap: wrap; }
body[data-public-page="landing"] :is(.finance-card__eyebrow span, .sponsor-card__head div > span, .finance-allocation__title, .finance-forecast > span, .season-match-card__topline span, .season-form > span, .season-table-position > span, .season-forecast > div:first-child span) { font-size: 9px; letter-spacing: .06em; }
body[data-public-page="landing"] .finance-balance-card__value { font-size: 30px; line-height: 1.1; letter-spacing: -.02em; }
body[data-public-page="landing"] :is(.finance-balance-card__caption, .finance-trend__legend, .sponsor-card__progress-copy, .finance-forecast em, .finance-allocation__legend b) { font-size: 10px; line-height: 1.4; }
body[data-public-page="landing"] .finance-allocation__legend b { white-space: normal; overflow: visible; }
body[data-public-page="landing"] .finance-allocation__legend em { font-size: 12px; }
body[data-public-page="landing"] .finance-allocation__donut span { font-size: 8px; }
body[data-public-page="landing"] .sponsor-card__head div > strong { font-size: 12px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
body[data-public-page="landing"] .sponsor-card__value { font-size: 18px; }
body[data-public-page="landing"] :is(.sponsor-card__progress-copy strong, .sponsor-card__channels span, .season-club > div span, .season-kickoff span) { font-size: 9px; }
body[data-public-page="landing"] .season-table-position strong { font-size: 12px; }
body[data-public-page="landing"] :is(.season-table-position, .season-forecast) em { font-size: 10px; }
body[data-public-page="landing"] .season-form i { font-size: 9px; }
body[data-public-page="landing"] :is(.finance-card__eyebrow strong, .finance-forecast strong, .sponsor-card__head > em, .season-form i.is-win) { color: var(--landing-success-ink); }
/* Balance the wide scouting map with two compact previews on desktop. */
@media (min-width: 1101px) {
  body[data-public-page="landing"] .ops-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
  body[data-public-page="landing"] .finance-preview__details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-public-page="landing"] .finance-preview__bookings .finance-preview__frame { aspect-ratio: 1107 / 424; }
  body[data-public-page="landing"] .season-match-card { width: min(100%, clamp(340px, 44svh, 440px)); justify-self: center; }
}
@media (max-width: 1100px) {
  body[data-public-page="landing"] .hero__stage { scroll-margin-top: 150px; }
  body[data-public-page="landing"] .lineup__workspace { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
  body[data-public-page="landing"] .landing-preview-details .lineup-aside { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .matchplan-preview-card { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); grid-template-rows: auto; align-items: center; }
  body[data-public-page="landing"] .matchplan-preview-card__media { width: calc(100% - 12px); margin: 12px 12px 12px 0; max-height: 260px; }
  body[data-public-page="landing"] .ops-grid { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .ops-grid > .snapshot--academy { grid-row: auto; }
  body[data-public-page="landing"] .snapshot--academy .academy__body { grid-template-rows: auto auto auto; }
  body[data-public-page="landing"] .ops-stack { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; align-items: start; gap: 12px; height: auto; }
  body[data-public-page="landing"] .snapshot--academy .academy__map { min-height: 0; height: auto; aspect-ratio: 2.5; }
  body[data-public-page="landing"] .panel.module-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  body[data-public-page="landing"] .ops-stack { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .seo-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  body[data-public-page="landing"] .wrap { width: calc(100% - 24px); padding-top: 12px; }
  body[data-public-page="landing"] .hero { --hero-media-width: 480px; gap: 16px; padding: 16px 12px 12px; }
  body[data-public-page="landing"] .hero__copy { gap: 10px; }
  body[data-public-page="landing"] .hero__stage { scroll-margin-top: 14px; }
  body[data-public-page="landing"] .hero__headline { gap: 10px; }
  body[data-public-page="landing"] .hero__headline h1 { max-width: 100%; font-size: clamp(32px, 9.3vw, 44px); line-height: 1.06; }
  body[data-public-page="landing"] .hero__lede { max-width: 42ch; font-size: 15px; line-height: 1.5; }
  body[data-public-page="landing"] .hero__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  body[data-public-page="landing"] .hero__trust { gap: 6px 10px; line-height: 1.4; }
  body[data-public-page="landing"] .hero__trust span { gap: 5px; font-size: 11px; }
  body[data-public-page="landing"] .hero__copy .hero__actions { max-width: 360px; }
  body[data-public-page="landing"] .hero__copy .eyebrow { font-size: 10px; letter-spacing: .07em; white-space: normal; }
  body[data-public-page="landing"] .hero__media-caption { justify-content: center; gap: 0; }
  body[data-public-page="landing"] .hero__media-caption > * { justify-content: center; width: 100%; }
  body[data-public-page="landing"] .hero__media-caption .inline-link { min-height: 44px; }
  body[data-public-page="landing"] .sectioncopy :is(h2, h3) { font-size: 22px; }
  body[data-public-page="landing"] .matchday__flow { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .flow-card { grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; row-gap: 4px; padding: 12px; }
  body[data-public-page="landing"] .flow-card span { padding: 0; }
  body[data-public-page="landing"] .flow-card em { grid-column: 2; }
  body[data-public-page="landing"] .section-head { margin-top: 20px; }
  body[data-public-page="landing"] .lineup__workspace { grid-template-columns: 1fr; padding: 10px; }
  body[data-public-page="landing"] .lineup-pitch { max-width: 320px; }
  body[data-public-page="landing"] .lineup-guide { gap: 14px; padding: 8px 0; }
  body[data-public-page="landing"] .lineup-guide .sectioncopy h3 { font-size: 28px; }
  body[data-public-page="landing"] .lineup-guide__steps li { padding: 12px 0; gap: 4px 8px; }
  body[data-public-page="landing"] .lineup-guide > .btn { justify-self: stretch; white-space: normal; text-align: left; }
  body[data-public-page="landing"] .landing-preview-details .lineup-aside { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .matchplan-preview-card { grid-template-columns: 1fr; grid-template-rows: auto auto; }
  body[data-public-page="landing"] .matchplan-preview-card__head { padding: 14px; }
  body[data-public-page="landing"] .matchplan-preview-card__media { width: calc(100% - 24px); margin: 0 12px 12px; }
  body[data-public-page="landing"] .ops-grid { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .ops-stack { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .snapshot--academy .academy__map { aspect-ratio: 1.7; }
  body[data-public-page="landing"] .academy-summary__item { grid-template-columns: 1fr; gap: 4px; }
  body[data-public-page="landing"] .panel.module-overview { grid-template-columns: 1fr; }
  body[data-public-page="landing"] .module-overview__item { --module-padding: 16px; }
  body[data-public-page="landing"] :is(.seo-panel, .faq-panel) { gap: 16px; padding: 16px; }
  body[data-public-page="landing"] .seo-panel__actions { display: grid; justify-items: stretch; gap: 4px; }
  body[data-public-page="landing"] .seo-panel__actions .inline-link { justify-content: center; }
  body[data-public-page="landing"] .public-close .hero__actions { display: grid; }
  body[data-public-page="landing"] .public-close { padding: 16px; }
}

/* Reserve room for the header, introduction and all three steps on desktop. */
@media (min-width: 1101px) and (min-height: 650px) {
  body[data-public-page="landing"] .hero {
    --hero-media-width: clamp(320px, calc((100svh - 500px) * 100 / 63), 860px);
    gap: clamp(10px, 1.4svh, 16px);
    padding-block: clamp(12px, 2svh, 24px);
  }
  body[data-public-page="landing"] .hero__copy { gap: 8px; }
  body[data-public-page="landing"] .hero__headline { width: 100%; gap: 6px; }
  body[data-public-page="landing"] .hero__headline h1 { font-size: clamp(40px, 5svh, 56px); }
  body[data-public-page="landing"] .hero__lede { max-width: 76ch; font-size: 15px; }
  body[data-public-page="landing"] .hero__copy .hero__actions .btn { min-height: 44px; }
  body[data-public-page="landing"] .matchday__flow .flow-card { padding: 12px; }
  body[data-public-page="landing"] .matchday__flow .flow-card em { font-size: 12px; }
}
@media (min-width: 1101px) and (min-height: 650px) and (max-height: 740px) {
  body[data-public-page="landing"] .wrap { padding-top: 12px; }
  body[data-public-page="landing"] .hero { gap: 8px; padding-block: 12px; }
  body[data-public-page="landing"] .hero__copy { gap: 6px; }
  body[data-public-page="landing"] .hero__headline h1 { font-size: 36px; }
  body[data-public-page="landing"] .matchday__flow .flow-card { padding: 10px; }
}

/* Keep the complete pitch usable in short desktop windows and phone landscape. */
@media (min-width: 600px) and (max-height: 600px) {
  body[data-public-page="landing"] .hero { --hero-media-width: calc((100svh - 110px) * 1.5873); gap: 12px; padding-block: 16px; }
  body[data-public-page="landing"] .hero__copy { gap: 8px; }
  body[data-public-page="landing"] .hero__headline h1 { font-size: 34px; }
  body[data-public-page="landing"] .hero__stage { scroll-margin-top: 14px; }
}

/* Player labels adapt to the pitch, including narrow desktop/tablet columns. */
@container landing-pitch (max-width: 379px) {
  body[data-public-page="landing"] .lineup-token__card { padding: 10px 3px 5px; }
  body[data-public-page="landing"] .lineup-token__top { display: block; }
  body[data-public-page="landing"] .lineup-token__name { display: block; font-size: clamp(8px, 2.7cqw, 9px); }
  body[data-public-page="landing"] :is(.lineup-token__ovr, .lineup-token__role) { display: none; }
}

/* Preserve the match preview when JavaScript is unavailable. */
body[data-public-page="landing"] .replay__poster { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; object-fit: cover; }
.no-js body[data-public-page="landing"] .replay__media-toggle { display: none; }