*{box-sizing:border-box}
        :root{
            --bg:#030712;
            --panel:rgba(15,23,42,.78);
            --panel2:rgba(2,6,23,.92);
            --line:rgba(125,211,252,.22);
            --text:#e5f3ff;
            --muted:#93a4b8;
            --cyan:#22d3ee;
            --blue:#2563eb;
            --purple:#a855f7;
            --pink:#ec4899;
            --green:#22c55e;
            --red:#ef4444;
            --gold:#facc15;
        }

        body{
            margin:0;
            font-family:Inter,Arial,sans-serif;
            color:var(--text);
            background:
                radial-gradient(circle at 12% 8%,rgba(34,211,238,.22),transparent 28%),
                radial-gradient(circle at 85% 4%,rgba(168,85,247,.20),transparent 30%),
                radial-gradient(circle at 50% 100%,rgba(37,99,235,.18),transparent 35%),
                linear-gradient(180deg,#020617,#030712 45%,#020617);
            min-height:100vh;
            overflow-x:hidden;
        }

        body:before{
            content:"";
            position:fixed;
            inset:0;
            background-image:
                linear-gradient(rgba(34,211,238,.045) 1px,transparent 1px),
                linear-gradient(90deg,rgba(34,211,238,.045) 1px,transparent 1px);
            background-size:44px 44px;
            mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%);
            pointer-events:none;
            z-index:-2;
        }

        body:after{
            content:"🎳   •   STRIKE   •   SPARE   •   300   •   LEAGUE CENTRAL   •   ";
            position:fixed;
            left:-10%;
            bottom:26px;
            width:140%;
            color:rgba(125,211,252,.06);
            font-size:74px;
            font-weight:1000;
            letter-spacing:.12em;
            white-space:nowrap;
            transform:rotate(-6deg);
            animation:marqueeGlow 38s linear infinite;
            pointer-events:none;
            z-index:-1;
        }

        @keyframes marqueeGlow{
            from{transform:translateX(0) rotate(-6deg)}
            to{transform:translateX(-360px) rotate(-6deg)}
        }

        .hero{
            position:relative;
            overflow:hidden;
            background:
                linear-gradient(135deg,rgba(2,6,23,.96),rgba(15,23,42,.86)),
                radial-gradient(circle at 20% 10%,rgba(34,211,238,.35),transparent 25%),
                radial-gradient(circle at 80% 10%,rgba(236,72,153,.24),transparent 28%);
            color:white;
            padding:40px 44px;
            border-bottom:1px solid var(--line);
            box-shadow:0 28px 80px rgba(0,0,0,.34);
        }

        .hero:before{
            content:"";
            position:absolute;
            inset:-80px;
            background:conic-gradient(from 180deg,transparent,rgba(34,211,238,.18),transparent,rgba(168,85,247,.18),transparent);
            animation:spinGlow 16s linear infinite;
            opacity:.65;
        }

        .hero:after{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
            transform:translateX(-100%);
            animation:scanner 5.5s ease-in-out infinite;
        }

        @keyframes spinGlow{to{transform:rotate(360deg)}}
        @keyframes scanner{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

        .brand{position:relative;z-index:1;display:flex;gap:18px;align-items:center}
        .logo{
            width:68px;
            height:68px;
            border-radius:22px;
            background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:34px;
            box-shadow:0 0 38px rgba(34,211,238,.42), inset 0 0 18px rgba(255,255,255,.18);
            animation:logoPulse 2.8s ease-in-out infinite;
        }

        @keyframes logoPulse{
            0%,100%{transform:scale(1);filter:saturate(1)}
            50%{transform:scale(1.05);filter:saturate(1.5)}
        }

        h1{
            margin:0;
            font-size:clamp(34px,5vw,64px);
            letter-spacing:-2px;
            line-height:.95;
            text-shadow:0 0 28px rgba(34,211,238,.25);
        }

        .hero p{
            margin:10px 0 0;
            color:#bfdbfe;
            font-weight:850;
            letter-spacing:.04em;
            text-transform:uppercase;
        }

        .nav{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
            padding:14px 36px;
            background:rgba(2,6,23,.82);
            backdrop-filter:blur(18px);
            border-bottom:1px solid var(--line);
            position:sticky;
            top:0;
            z-index:5;
            box-shadow:0 14px 44px rgba(0,0,0,.25);
        }

        .nav a{
            color:#dbeafe;
            text-decoration:none;
            font-weight:950;
            padding:10px 14px;
            border-radius:999px;
            border:1px solid rgba(125,211,252,.16);
            background:rgba(15,23,42,.62);
            transition:.18s ease;
        }

        .nav a:hover{
            background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(168,85,247,.22));
            color:white;
            transform:translateY(-2px);
            box-shadow:0 0 24px rgba(34,211,238,.18);
            text-decoration:none;
        }

        main{padding:34px 38px 80px}

        .grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
            gap:20px;
            margin-bottom:24px;
        }

        .card,.stat,.mini,.matchup,.podium-card,.award-card,.news-item{
            background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.78));
            border:1px solid var(--line);
            border-radius:28px;
            box-shadow:0 20px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
            backdrop-filter:blur(16px);
        }

        .card{
            padding:26px;
            margin-bottom:26px;
            overflow-x:auto;
            position:relative;
        }

        .card:before,.stat:before,.mini:before,.matchup:before,.award-card:before{
            content:"";
            position:absolute;
            inset:0;
            border-radius:inherit;
            padding:1px;
            background:linear-gradient(135deg,rgba(34,211,238,.5),transparent 35%,rgba(168,85,247,.38));
            -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
            -webkit-mask-composite:xor;
            mask-composite:exclude;
            pointer-events:none;
            opacity:.7;
        }

        .stat{
            padding:24px;
            position:relative;
            overflow:hidden;
            transition:.2s ease;
        }

        .stat:hover,.mini:hover,.matchup:hover,.award-card:hover{
            transform:translateY(-4px);
            box-shadow:0 26px 70px rgba(0,0,0,.36),0 0 30px rgba(34,211,238,.12);
        }

        .stat:after{
            content:"";
            position:absolute;
            right:-45px;
            top:-45px;
            width:120px;
            height:120px;
            border-radius:999px;
            background:radial-gradient(circle,rgba(34,211,238,.20),transparent 65%);
        }

        .label{
            color:var(--muted);
            font-weight:1000;
            text-transform:uppercase;
            font-size:12px;
            letter-spacing:.12em;
        }

        .value{
            font-size:38px;
            font-weight:1000;
            margin-top:8px;
            color:white;
            text-shadow:0 0 24px rgba(34,211,238,.20);
        }

        h2{
            margin:0 0 16px;
            font-size:30px;
            letter-spacing:-.7px;
            color:white;
        }

        h3{color:white}
        .muted{color:var(--muted)}
        p{line-height:1.55}

        table{
            width:100%;
            border-collapse:separate;
            border-spacing:0;
            min-width:820px;
            overflow:hidden;
            border-radius:18px;
        }

        th{
            background:linear-gradient(135deg,rgba(34,211,238,.20),rgba(168,85,247,.18));
            color:#e0f2fe;
            text-align:left;
            padding:14px 15px;
            font-size:12px;
            text-transform:uppercase;
            letter-spacing:.09em;
            border-bottom:1px solid var(--line);
        }

        td{
            padding:14px 15px;
            border-bottom:1px solid rgba(148,163,184,.12);
            color:#e5f3ff;
            background:rgba(15,23,42,.28);
        }

        tr:hover td{
            background:rgba(34,211,238,.08);
        }

        .team-row td{
            background:linear-gradient(135deg,rgba(37,99,235,.75),rgba(34,211,238,.35));
            color:white;
            font-weight:1000;
        }

        .button{
            display:inline-block;
            background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));
            color:white;
            text-decoration:none;
            font-weight:1000;
            padding:13px 18px;
            border-radius:16px;
            margin:6px 8px 6px 0;
            border:1px solid rgba(255,255,255,.16);
            cursor:pointer;
            box-shadow:0 0 28px rgba(34,211,238,.22);
            transition:.18s ease;
        }

        .button:hover{
            transform:translateY(-2px) scale(1.02);
            box-shadow:0 0 38px rgba(34,211,238,.36);
            text-decoration:none;
        }

        .danger{background:linear-gradient(135deg,#ef4444,#991b1b)!important}
        .dark{background:linear-gradient(135deg,#0f172a,#020617)!important}

        .pill{
            display:inline-block;
            background:rgba(34,211,238,.12);
            color:#67e8f9;
            border:1px solid rgba(34,211,238,.24);
            padding:7px 11px;
            border-radius:999px;
            font-weight:1000;
            font-size:13px;
            margin:3px;
            box-shadow:0 0 16px rgba(34,211,238,.08);
        }

        .gold{
            background:rgba(250,204,21,.12);
            color:#fde68a;
            border-color:rgba(250,204,21,.28);
        }

        .green{color:var(--green);font-weight:1000}
        .red{color:var(--red);font-weight:1000}
        .gray{color:var(--muted);font-weight:1000}

        .move-up{
            color:var(--green);
            font-weight:1000;
            animation:pulseUp 1.6s infinite;
        }

        .move-down{
            color:var(--red);
            font-weight:1000;
            animation:pulseDown 1.6s infinite;
        }

        .move-even{color:var(--muted);font-weight:1000}

        @keyframes pulseUp{
            0%,100%{text-shadow:none;filter:brightness(1)}
            50%{text-shadow:0 0 14px rgba(34,197,94,.8);filter:brightness(1.4)}
        }

        @keyframes pulseDown{
            0%,100%{text-shadow:none;filter:brightness(1)}
            50%{text-shadow:0 0 14px rgba(239,68,68,.8);filter:brightness(1.4)}
        }

        .place{
            width:46px;
            height:46px;
            border-radius:16px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:rgba(34,211,238,.12);
            color:#67e8f9;
            border:1px solid rgba(34,211,238,.24);
            font-weight:1000;
            box-shadow:inset 0 0 18px rgba(34,211,238,.10);
        }

        .medal{
            background:linear-gradient(135deg,#facc15,#f97316);
            color:#111827;
            box-shadow:0 0 22px rgba(250,204,21,.32);
        }

        .team-grid,.match-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
            gap:20px;
        }

        .weekday-leagues{display:grid;gap:11px;margin-top:14px}
        .weekday-section{min-width:0}
        .weekday-heading{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:0 3px}
        .weekday-heading h2{margin:0;padding:5px 12px;border-radius:8px;background:#ff3cac;color:#fff;font-size:1.02rem;letter-spacing:.045em;text-transform:uppercase;box-shadow:0 4px 14px rgba(255,60,172,.24)}
        .weekday-section:nth-of-type(2) .weekday-heading h2{background:#38e8ff;color:#07111f;box-shadow:0 4px 14px rgba(56,232,255,.22)}
        .weekday-section:nth-of-type(3) .weekday-heading h2{background:#ffd84d;color:#201500;box-shadow:0 4px 14px rgba(255,216,77,.20)}
        .weekday-section:nth-of-type(4) .weekday-heading h2{background:#9d5cff;color:#fff;box-shadow:0 4px 14px rgba(157,92,255,.24)}
        .weekday-section:nth-of-type(5) .weekday-heading h2{background:#55e98b;color:#062012;box-shadow:0 4px 14px rgba(85,233,139,.20)}
        .weekday-section:nth-of-type(6) .weekday-heading h2{background:#ff8a45;color:#231005;box-shadow:0 4px 14px rgba(255,138,69,.22)}
        .weekday-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(103,232,249,.45),rgba(168,85,247,.08),transparent)}
        .weekday-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 8px;border:1px solid rgba(103,232,249,.24);border-radius:999px;background:rgba(34,211,238,.10);color:#a5f3fc;font-size:.72rem;font-weight:1000}
        .weekday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
        .weekday-grid .mini{height:100%;box-sizing:border-box;padding:10px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center}
        .weekday-grid .mini h2{grid-column:1/-1;margin:0 0 7px;font-family:"Segoe UI Variable Display","Segoe UI",Inter,Arial,sans-serif;font-size:clamp(1.3rem,1.55vw,1.58rem);font-weight:850;line-height:1.04;letter-spacing:-.026em;text-wrap:balance;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
        .weekday-grid .mini p{margin:0;font-size:.76rem}
        .weekday-grid .mini .pill{justify-self:end;padding:4px 8px;font-size:.66rem}
        .home-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:18px 22px}
        .home-intro h2{margin:0}
        .home-intro p{margin:0}
        .home-intro .button{grid-column:2;grid-row:1/3;margin:0;white-space:nowrap}
        .notification-announcement{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;max-width:1280px;box-sizing:border-box;padding:12px 18px;border:1px solid rgba(251,191,36,.52);border-radius:15px;background:linear-gradient(100deg,rgba(180,83,9,.94),rgba(190,24,93,.92));color:#fff7ed;text-align:center;text-decoration:none;box-shadow:0 12px 30px rgba(120,53,15,.25),0 0 24px rgba(251,191,36,.12);transition:transform .16s ease,filter .16s ease}
        .notification-announcement:hover{transform:translateY(-2px);filter:brightness(1.08);text-decoration:none}
        .notification-announcement .new-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#9a3412;font-size:.68rem;font-weight:1000;letter-spacing:.09em}
        .notification-announcement strong{font-size:.98rem;letter-spacing:.01em}
        .card.feature-announcement{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 14px;padding:11px 14px;border:1px solid rgba(249,115,22,.58);border-radius:15px;background:linear-gradient(105deg,rgba(124,45,18,.94),rgba(88,28,135,.88));color:#fff7ed;text-decoration:none;box-shadow:0 9px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08);transition:transform .16s ease,filter .16s ease}
        .card.feature-announcement:hover{transform:translateY(-1px);filter:brightness(1.1);text-decoration:none}.feature-announcement .feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(0,0,0,.24);font-size:1rem}.feature-announcement small{display:block;color:#fdba74;font-size:.6rem;font-weight:1000;letter-spacing:.12em}.feature-announcement strong{display:block;color:#fff7ed;font-size:.88rem;line-height:1.15}.feature-announcement .feature-cta{color:#fed7aa;font-size:.73rem;font-weight:900;white-space:nowrap}
        .league-finder{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(103,232,249,.22);border-radius:16px;background:rgba(9,13,38,.78)}
        .league-finder label{font-weight:900;white-space:nowrap;color:#dbeafe}
        .league-finder input{width:100%;margin:0;background:rgba(2,6,23,.76);color:#fff}
        .league-finder button{margin:0;padding:11px 14px;border:1px solid rgba(103,232,249,.25);border-radius:12px;background:rgba(34,211,238,.10);color:#cffafe;font-weight:900;cursor:pointer}
        .league-search-empty{display:none;text-align:center;padding:24px;color:#a5b4fc}
        .data-verified{display:inline-flex;align-items:center;gap:7px;margin:12px 0 0;padding:7px 11px;border:1px solid rgba(74,222,128,.38);border-radius:999px;background:rgba(22,101,52,.24);color:#bbf7d0;font-size:.78rem;font-weight:900}
        @media(max-width:1100px){.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

        .mini,.matchup{
            padding:22px;
            overflow:hidden;
            position:relative;
        }

        a{color:#67e8f9;font-weight:1000;text-decoration:none}
        a:hover{text-decoration:underline}

        .scoreline{
            display:flex;
            justify-content:space-between;
            font-size:22px;
            font-weight:1000;
            padding:11px 0;
        }

        .winner{
            color:var(--green);
            text-shadow:0 0 18px rgba(34,197,94,.35);
        }

        .weekbar{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
            margin-bottom:22px;
        }

        .weekbar a{
            padding:10px 14px;
            border-radius:999px;
            background:rgba(15,23,42,.72);
            border:1px solid var(--line);
            color:#dbeafe;
            transition:.16s ease;
        }

        .weekbar a:hover{
            transform:translateY(-2px);
            text-decoration:none;
            box-shadow:0 0 20px rgba(34,211,238,.16);
        }

        .weekbar a.active{
            background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));
            color:white;
            box-shadow:0 0 24px rgba(34,211,238,.32);
        }

        input,select{
            font-size:16px;
            padding:12px;
            border-radius:12px;
            border:1px solid rgba(125,211,252,.22);
            margin:6px;
            background:rgba(2,6,23,.72);
            color:white;
        }

        .chart{width:100%;height:auto;max-height:260px}
        .chart line{stroke:rgba(148,163,184,.35);stroke-width:2}
        .chart polyline{fill:none;stroke:#22d3ee;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(34,211,238,.75))}
        .chart circle{fill:#a855f7;stroke:white;stroke-width:3;filter:drop-shadow(0 0 7px rgba(168,85,247,.8))}
        .chart text{font-size:14px;font-weight:1000;fill:#e0f2fe}

        .bar-chart{display:flex;flex-direction:column;gap:12px;margin-top:14px}
        .bar-row{display:grid;grid-template-columns:180px 1fr 60px;gap:12px;align-items:center}
        .bar-label{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dbeafe}
        .bar-track{height:18px;background:rgba(15,23,42,.9);border:1px solid rgba(125,211,252,.16);border-radius:999px;overflow:hidden}
        .bar-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));border-radius:999px;box-shadow:0 0 18px rgba(34,211,238,.35)}
        .bar-value{text-align:right;font-weight:1000;color:white}

        .podium{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
            gap:20px;
            margin-bottom:28px;
            align-items:end;
        }

        .podium-card{
            padding:30px;
            text-align:center;
            position:relative;
            overflow:hidden;
            min-height:210px;
        }

        .podium-card:after{
            content:"";
            position:absolute;
            inset:auto -20% -50% -20%;
            height:120px;
            background:radial-gradient(circle,rgba(34,211,238,.22),transparent 60%);
            animation:podiumAura 3s ease-in-out infinite;
        }

        @keyframes podiumAura{
            0%,100%{opacity:.55;transform:translateY(0)}
            50%{opacity:1;transform:translateY(-10px)}
        }

        .podium-card h3{font-size:28px;margin:8px 0;position:relative;z-index:1}
        .podium-card p{font-size:26px;font-weight:1000;margin:8px 0;position:relative;z-index:1}
        .podium-card a,.podium-medal{position:relative;z-index:1}
        .podium-medal{font-size:56px}

        .gold-podium{
            transform:translateY(-18px) scale(1.03);
            border:2px solid rgba(250,204,21,.6);
            background:
                radial-gradient(circle at 50% 0%,rgba(250,204,21,.28),transparent 36%),
                linear-gradient(180deg,rgba(113,63,18,.62),rgba(15,23,42,.72));
            box-shadow:0 0 50px rgba(250,204,21,.18),0 25px 70px rgba(0,0,0,.35);
        }

        .silver{
            background:
                radial-gradient(circle at 50% 0%,rgba(226,232,240,.18),transparent 36%),
                linear-gradient(180deg,rgba(51,65,85,.60),rgba(15,23,42,.72));
        }

        .bronze{
            background:
                radial-gradient(circle at 50% 0%,rgba(251,146,60,.18),transparent 36%),
                linear-gradient(180deg,rgba(67,20,7,.60),rgba(15,23,42,.72));
        }

        .award-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
            gap:20px;
        }

        .award-card{
            padding:26px;
            position:relative;
            overflow:hidden;
        }

        .award-card .big{
            font-size:34px;
            font-weight:1000;
            color:white;
            text-shadow:0 0 22px rgba(34,211,238,.22);
        }

        .news-list{display:grid;gap:14px}
        .news-item{
            padding:20px 24px;
            font-size:19px;
            font-weight:900;
            position:relative;
            overflow:hidden;
        }

        .news-item:before{
            content:"";
            position:absolute;
            left:0;
            top:0;
            bottom:0;
            width:4px;
            background:linear-gradient(var(--cyan),var(--purple));
            box-shadow:0 0 18px rgba(34,211,238,.8);
        }

        
        .gotw{
            margin-bottom:28px;
            padding:32px;
            border-radius:32px;
            background:
                radial-gradient(circle at 20% 0%,rgba(34,211,238,.30),transparent 32%),
                radial-gradient(circle at 80% 0%,rgba(236,72,153,.24),transparent 34%),
                linear-gradient(135deg,rgba(15,23,42,.90),rgba(2,6,23,.82));
            border:1px solid rgba(125,211,252,.30);
            box-shadow:0 0 55px rgba(34,211,238,.16),0 30px 90px rgba(0,0,0,.38);
            position:relative;
            overflow:hidden;
        }

        .gotw:before{
            content:"";
            position:absolute;
            inset:-120px;
            background:conic-gradient(from 90deg,transparent,rgba(34,211,238,.18),transparent,rgba(236,72,153,.16),transparent);
            animation:spinGlow 14s linear infinite;
        }

        .gotw > *{position:relative;z-index:1}

        .gotw-kicker{
            color:#67e8f9;
            font-weight:1000;
            letter-spacing:.18em;
            text-transform:uppercase;
            margin-bottom:14px;
            text-shadow:0 0 18px rgba(34,211,238,.7);
        }

        .gotw-teams{
            display:grid;
            grid-template-columns:1fr auto 1fr;
            gap:24px;
            align-items:center;
        }

        .gotw-teams h2{
            font-size:clamp(28px,4vw,52px);
            margin:8px 0;
            text-shadow:0 0 28px rgba(34,211,238,.22);
        }

        .gotw-vs{
            font-size:34px;
            font-weight:1000;
            color:#facc15;
            text-shadow:0 0 22px rgba(250,204,21,.5);
        }

        .heat-card{
            padding:24px;
            border-radius:28px;
            background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.78));
            border:1px solid rgba(125,211,252,.24);
            box-shadow:0 20px 55px rgba(0,0,0,.28);
        }

        .heat-meter,.momentum-track{
            height:18px;
            background:rgba(15,23,42,.95);
            border:1px solid rgba(125,211,252,.20);
            border-radius:999px;
            overflow:hidden;
            margin-top:12px;
        }

        .heat-fill,.momentum-fill{
            height:100%;
            background:linear-gradient(90deg,#22c55e,#facc15,#f97316,#ef4444);
            border-radius:999px;
            box-shadow:0 0 24px rgba(249,115,22,.45);
            animation:heatPulse 2.4s ease-in-out infinite;
        }

        @keyframes heatPulse{
            0%,100%{filter:brightness(1)}
            50%{filter:brightness(1.35)}
        }

        .mvp-rank{
            font-size:34px;
            font-weight:1000;
            color:#facc15;
            text-shadow:0 0 20px rgba(250,204,21,.45);
        }

        .momentum-wrap{
            margin-top:16px;
            padding:16px;
            border-radius:20px;
            background:rgba(2,6,23,.52);
            border:1px solid rgba(125,211,252,.18);
        }

        .momentum-top{
            display:flex;
            align-items:center;
            flex-wrap:wrap;
            justify-content:space-between;
            gap:18px;
            font-weight:1000;
            color:#dbeafe;
        }
        .momentum-trend{margin-left:auto;padding:3px 8px;border-radius:999px;font-size:.65rem;letter-spacing:.06em}.momentum-trend.rising{background:rgba(34,197,94,.16);color:#86efac}.momentum-trend.falling{background:rgba(239,68,68,.16);color:#fca5a5}.momentum-trend.steady{background:rgba(148,163,184,.15);color:#cbd5e1}.momentum-insufficient .momentum-track{opacity:.45}.momentum-insufficient .momentum-top strong{color:#94a3b8}


        
        .franchise-hero{
            position:relative;
            overflow:hidden;
            margin-bottom:28px;
            padding:34px;
            border-radius:34px;
            background:
                radial-gradient(circle at 12% 0%,rgba(34,211,238,.36),transparent 35%),
                radial-gradient(circle at 92% 0%,rgba(250,204,21,.22),transparent 36%),
                linear-gradient(135deg,rgba(15,23,42,.94),rgba(2,6,23,.82));
            border:1px solid rgba(125,211,252,.32);
            box-shadow:0 35px 95px rgba(0,0,0,.38),0 0 55px rgba(34,211,238,.12);
        }
        .franchise-hero:before{
            content:"";
            position:absolute;
            inset:-140px;
            background:conic-gradient(from 120deg,transparent,rgba(34,211,238,.18),transparent,rgba(250,204,21,.14),transparent);
            animation:spinGlow 18s linear infinite;
        }
        .franchise-content{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
        .franchise-logo,.player-avatar{
            width:116px;
            height:116px;
            border-radius:30px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:38px;
            font-weight:1000;
            color:white;
            background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));
            box-shadow:0 0 42px rgba(34,211,238,.35),inset 0 0 24px rgba(255,255,255,.12);
        }
        .franchise-title h2{font-size:clamp(34px,5vw,66px);margin:0;line-height:.95;text-shadow:0 0 30px rgba(34,211,238,.24)}
        .franchise-sub{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
        .franchise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:26px}
        .franchise-panel,.record-tile,.story-card,.player-card,.trophy-card{
            background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.78));
            border:1px solid rgba(125,211,252,.22);
            border-radius:28px;
            box-shadow:0 24px 65px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05);
            backdrop-filter:blur(16px);
        }
        .franchise-panel{padding:24px;position:relative;overflow:hidden}
        .franchise-panel h3{margin-top:0;font-size:24px}
        .record-tile{padding:22px;text-align:center;position:relative;overflow:hidden}
        .record-tile .record-value{font-size:42px;font-weight:1000;color:white;text-shadow:0 0 26px rgba(34,211,238,.25)}
        .record-tile .record-label{color:var(--muted);font-weight:1000;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
        .badge-wall{display:flex;gap:10px;flex-wrap:wrap}
        .badge-chip{
            display:inline-flex;align-items:center;gap:6px;
            padding:10px 12px;border-radius:999px;
            background:rgba(250,204,21,.12);color:#fde68a;
            border:1px solid rgba(250,204,21,.24);
            font-weight:1000;margin:4px;
            box-shadow:0 0 20px rgba(250,204,21,.08);
        }
        .story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
        .story-card{padding:22px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;font-size:18px;font-weight:900;position:relative;overflow:hidden}
        .story-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--cyan),var(--purple));box-shadow:0 0 18px rgba(34,211,238,.8)}
        .story-icon{font-size:34px;filter:drop-shadow(0 0 12px rgba(34,211,238,.35))}
        .player-card{padding:28px;margin-bottom:26px;position:relative;overflow:hidden}
        .player-card-glow{position:absolute;inset:-100px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.22),transparent 32%),radial-gradient(circle at 80% 0%,rgba(250,204,21,.16),transparent 34%);pointer-events:none}
        .player-card > *:not(.player-card-glow){position:relative;z-index:1}
        .player-topline{display:flex;justify-content:space-between;gap:16px;color:#67e8f9;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
        .player-main{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
        .player-main h2{font-size:clamp(34px,5vw,58px);margin:0}
        .player-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:22px}
        .player-stats div{padding:16px;border-radius:20px;background:rgba(2,6,23,.50);border:1px solid rgba(125,211,252,.16)}
        .player-stats span{display:block;color:var(--muted);font-weight:1000;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
        .player-stats strong{display:block;font-size:30px;color:white;margin-top:5px}
        .trophy-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
        .trophy-card{padding:28px;text-align:center;position:relative;overflow:hidden;min-height:230px}
        .trophy-card:before{content:"";position:absolute;inset:auto -30% -45% -30%;height:120px;background:radial-gradient(circle,rgba(250,204,21,.28),transparent 65%);animation:podiumAura 3s ease-in-out infinite}
        .trophy-icon{font-size:58px;position:relative;z-index:1}
        .trophy-card h2,.trophy-card p,.trophy-card .value{position:relative;z-index:1}
        .trophy-card .value{font-size:44px;color:#facc15;text-shadow:0 0 26px rgba(250,204,21,.38)}
        .franchise-chart polyline{stroke:#facc15;filter:drop-shadow(0 0 8px rgba(250,204,21,.65))}

        .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}
        .stat{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(2,6,23,.65)}
        .stat span{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
        .stat strong{display:block;font-size:38px;margin-top:6px}
        textarea{width:100%;box-sizing:border-box;background:#07111f;color:white;border:1px solid var(--line);border-radius:12px;padding:12px}
        .login-card{max-width:520px;margin:40px auto}
        .feature-permissions{margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}
        .feature-permissions h3{margin:0 0 6px;font-size:22px}
        .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:18px 0 22px}
        .feature-toggle{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(2,6,23,.55);cursor:pointer}
        .feature-toggle:hover{border-color:rgba(34,211,238,.55);transform:translateY(-1px)}
        .feature-toggle input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--cyan);flex:0 0 auto}
        .feature-toggle span{display:flex;flex-direction:column;gap:4px}
        .feature-toggle strong{font-size:15px}
        .feature-toggle small{color:var(--muted);line-height:1.35}

        @media(max-width:700px){
            .hero,.nav,main{padding-left:18px;padding-right:18px}
            h1{font-size:34px}
            table{min-width:820px}
            .bar-row{grid-template-columns:1fr}
            .bar-value{text-align:left}
            .gold-podium{transform:none}
            body:after{font-size:42px}
        }

        @media print{
            .nav,.button,.weekbar,form{display:none!important}
            body{background:white;color:#111827}
            .card,.stat,.mini{box-shadow:none;border:1px solid #ddd;background:white;color:#111827}
            .hero{background:#07111f!important}
            td,h2,h3,.value{color:#111827}
        }

        .core-link{display:block;text-decoration:none;color:inherit;min-height:150px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
        .core-link:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.58);box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 28px rgba(34,211,238,.14)}
        .core-link .arrow{display:inline-flex;margin-top:14px;color:var(--cyan);font-weight:950}
        .compact-list{display:grid;gap:12px}
        .compact-row{display:grid;grid-template-columns:90px minmax(220px,1.6fr) 110px 140px 110px;gap:18px;align-items:center;padding:16px 18px;border:1px solid rgba(125,211,252,.15);border-radius:18px;background:rgba(15,23,42,.62);text-decoration:none;color:inherit;transition:.18s ease}
        .compact-row:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.48);background:rgba(17,31,55,.88)}
        .compact-row strong,.clickable-name{color:#67e8f9}
        .schedule-row{grid-template-columns:110px 170px minmax(180px,1fr) 130px 120px}
        .table-wrap{overflow-x:auto;border-radius:18px}
        .clean-table th,.clean-table td{padding:15px 14px}
        .clean-table tbody tr{transition:.15s ease}
        .clean-table tbody tr:hover{background:rgba(34,211,238,.055)}
        .score-value{font-size:1.12rem;font-weight:1000;color:#f8fafc}
        .section-note{margin:0 0 18px;color:var(--muted)}
        @media(max-width:900px){.compact-row,.schedule-row{grid-template-columns:1fr 1fr}.compact-row>*:nth-child(n+3){font-size:.92rem}.hero{padding:30px 22px}.nav{padding:12px 18px;overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}}
    
.move-up{color:#45f59b;font-weight:900}.move-down{color:#ff6464;font-weight:900}.move-flat{color:#91a0b8;font-weight:800}.score-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-card{min-width:0}.score-card .table-wrap{margin-top:14px}
        .standings-card{padding:18px 18px}.standings-card h2{margin-bottom:4px}.standings-table{table-layout:fixed;width:100%}.standings-table th,.standings-table td{padding:7px 8px;line-height:1.08}.standings-table th:nth-child(1){width:66px}.standings-table th:nth-child(2){width:76px}.standings-table th:nth-child(3){width:52px}.standings-table th:nth-child(5),.standings-table th:nth-child(6){width:76px}.standings-table th:nth-child(7){width:92px}.standings-table th:nth-child(8){width:78px}.standings-table th:nth-child(7),.standings-table td:nth-child(7){padding-right:18px}.standings-table th:nth-child(8),.standings-table td:nth-child(8){padding-left:18px}.standings-table .place{width:30px;height:30px;border-radius:10px;font-size:.88rem}.standings-table td:nth-child(1),.standings-table td:nth-child(2),.standings-table td:nth-child(3),.standings-table td:nth-child(5),.standings-table td:nth-child(6),.standings-table td:nth-child(7),.standings-table td:nth-child(8){white-space:nowrap}.standings-table .team-meta{display:inline;color:var(--muted);font-size:.72rem;margin-left:8px}.standings-table .clickable-name{font-weight:900}
        .mobile-standings{display:none}.mobile-standing-card{min-width:0;padding:16px;border:1px solid rgba(125,211,252,.18);border-radius:16px;background:linear-gradient(145deg,rgba(16,25,58,.94),rgba(7,12,35,.96));box-shadow:0 12px 30px rgba(0,0,0,.2)}.mobile-standing-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mobile-standing-rank{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 10px;border-radius:13px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3);color:#67e8f9;font-size:1.12rem;font-weight:1000}.mobile-standing-move{font-size:.82rem}.mobile-standing-number{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.mobile-standing-name{display:block;margin-bottom:14px;color:#67e8f9;font-size:1.28rem;font-weight:1000;line-height:1.12;text-decoration:none;overflow-wrap:anywhere}.mobile-standing-record{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-standing-stat{min-width:0;padding:10px 6px;border-radius:11px;background:rgba(2,6,23,.54);text-align:center}.mobile-standing-stat span{display:block;margin-bottom:4px;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mobile-standing-stat strong{display:block;color:#fff;font-size:1rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mobile-standing-pins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.mobile-standing-pins .mobile-standing-stat{text-align:left;padding:10px 11px}.mobile-standing-pins .mobile-standing-stat strong{color:#dffaff;font-size:.9rem}
        .week-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin-bottom:16px}.week-summary h2{margin:0}.week-summary p{margin:4px 0 0}.matchup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.matchup-scoreboard{border:1px solid var(--line);border-radius:18px;background:rgba(15,23,42,.76);overflow:hidden;transition:.16s ease}.matchup-scoreboard:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.5);background:rgba(17,31,55,.94)}.scoreboard-lane{padding:10px 14px;color:var(--cyan);font-weight:1000;font-size:.84rem;border-bottom:1px solid rgba(148,163,184,.13)}.scoreboard-teams{display:grid;grid-template-columns:1fr 50px 1fr;align-items:stretch}.scoreboard-side{display:flex;flex-direction:column;gap:5px;padding:16px 18px;text-decoration:none;min-width:0}.scoreboard-side.winner{background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(250,204,21,.08));box-shadow:inset 0 0 0 1px rgba(250,204,21,.22)}.scoreboard-name{color:#f8fafc;font-size:1.05rem;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard-teamno{color:var(--muted);font-size:.78rem}.scoreboard-pins{font-size:1.65rem;font-weight:1000;color:#fff;margin-top:5px}.scoreboard-points{font-weight:900;color:var(--cyan)}.scoreboard-winner{font-size:.78rem;color:#facc15;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.scoreboard-vs{display:flex;align-items:center;justify-content:center;color:#facc15;font-weight:1000;border-left:1px solid rgba(148,163,184,.12);border-right:1px solid rgba(148,163,184,.12)}
        .high-score-groups{display:grid;gap:24px}.score-group{padding:22px}.score-group-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.score-group-title h2{margin:0}.score-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.score-panel{min-width:0;border:1px solid rgba(125,211,252,.16);border-radius:18px;background:rgba(2,6,23,.42);padding:17px}.score-panel h3{margin:0 0 12px;font-size:1.15rem}.score-panel .clean-table{min-width:0;width:100%}.score-panel .clean-table th,.score-panel .clean-table td{padding:9px 10px}.score-panel .table-wrap{overflow:visible}.score-panel td:nth-child(2){max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        @media(max-width:1100px){.matchup-list{grid-template-columns:1fr}.score-pair{grid-template-columns:1fr}.score-panel .table-wrap{overflow-x:auto}.score-panel .clean-table{min-width:520px}}
        @media(max-width:700px){.standings-card{padding:15px 10px}.standings-card>div:first-child{align-items:flex-start!important}.standings-card h2{font-size:1.55rem;line-height:1.05}.standings-card .section-note{font-size:.86rem;line-height:1.4}.standings-card form,.standings-card select{width:100%}.standings-card select{min-height:46px}.standings-card>.table-wrap{display:none}.mobile-standings{display:grid;gap:10px}.week-summary{align-items:flex-start;flex-direction:column}.scoreboard-teams{grid-template-columns:1fr 34px 1fr}.scoreboard-side{padding:13px 10px}.scoreboard-name{font-size:.9rem}.scoreboard-pins{font-size:1.35rem}.score-group{padding:14px}.score-panel{padding:12px}.score-panel .clean-table{min-width:480px}}
        .weekly-score-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.weekly-score-toolbar h2{margin:0}.weekly-score-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.score-view-toggle{display:inline-flex;padding:4px;border:1px solid rgba(125,211,252,.2);border-radius:13px;background:rgba(2,6,23,.58)}.score-view-toggle a{padding:8px 12px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:900;font-size:.82rem}.score-view-toggle a.active{background:rgba(34,211,238,.18);color:#e0faff;box-shadow:inset 0 0 0 1px rgba(34,211,238,.28)}.weekly-score-actions .button{margin:0;padding:10px 14px;border-radius:12px}.weekly-matchups{display:grid;gap:20px}.weekly-matchup{border:1px solid rgba(125,211,252,.16);border-radius:20px;background:rgba(2,6,23,.35);overflow:hidden}.weekly-matchup-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;background:rgba(15,23,42,.8);border-bottom:1px solid rgba(125,211,252,.15)}.weekly-matchup-heading strong{color:#fff;font-size:1rem}.weekly-matchup-heading span{color:var(--cyan);font-weight:900;font-size:.85rem}.weekly-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(125,211,252,.12)}.weekly-team-card{min-width:0;background:#0a1427;padding:17px}.weekly-team-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.weekly-team-head h3{margin:0;font-size:1.1rem}.weekly-team-meta{color:var(--muted);font-size:.78rem;margin-top:4px}.weekly-team-result{text-align:right}.weekly-team-result strong{display:block;color:#fff;font-size:1.15rem}.weekly-team-result span{color:var(--cyan);font-size:.78rem;font-weight:900}.weekly-score-wrap{overflow-x:auto;border-radius:13px;border:1px solid rgba(148,163,184,.12)}.weekly-score-table{min-width:620px;border-radius:0;table-layout:fixed}.weekly-score-table th,.weekly-score-table td{padding:9px 10px;text-align:right}.weekly-score-table th:first-child,.weekly-score-table td:first-child{text-align:left;position:sticky;left:0;z-index:2;background:#0c1930;width:31%}.weekly-score-table th:first-child{background:#17304a}.weekly-score-table th{font-size:.68rem;background:#152642}.weekly-score-table td{font-variant-numeric:tabular-nums}.weekly-score-table .bowler-link{font-weight:900;color:#67e8f9}.score-pair-value{white-space:nowrap}.score-pair-value .scratch{color:#f8fafc;font-weight:850}.score-pair-value .divider{color:#52627a;padding:0 4px}.score-pair-value .handicap{color:#67e8f9;font-weight:800}.weekly-team-total td{background:rgba(37,99,235,.18);font-weight:1000;border-top:1px solid rgba(96,165,250,.32)}.weekly-team-total td:first-child{background:#142d52}.did-not-bowl{margin-top:11px;color:var(--muted);font-size:.8rem}.did-not-bowl summary{cursor:pointer;font-weight:800}.did-not-bowl div{padding-top:7px;line-height:1.5}.score-legend{color:var(--muted);font-size:.78rem}.score-legend .scratch{color:#f8fafc}.score-legend .handicap{color:#67e8f9}.weekly-empty-team{padding:18px;color:var(--muted)}
        .score-card.score-view-both .weekly-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,720px),1fr))}.score-card.score-view-both .weekly-score-table{min-width:660px}.score-card.score-view-both .weekly-team-card+ .weekly-team-card{border-top:1px solid rgba(125,211,252,.12)}
        @media(max-width:1100px){.weekly-team-grid{grid-template-columns:1fr}.weekly-team-card+ .weekly-team-card{border-top:1px solid rgba(125,211,252,.12)}}
        @media(max-width:700px){.weekly-score-toolbar{align-items:flex-start;flex-direction:column}.weekly-score-actions{width:100%}.weekly-matchup-heading{align-items:flex-start;flex-direction:column}.weekly-team-card{padding:12px}.weekly-score-table{min-width:560px}.weekly-score-table th,.weekly-score-table td{padding:8px 8px}}
        .mobile-bottom-nav,.mobile-score-list,.back-to-top,.team-jump{display:none}
        .site-back-button{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:9000;min-height:44px;padding:10px 15px;border:1px solid rgba(125,211,252,.32);border-radius:999px;background:rgba(7,17,31,.92);color:#e0faff;font:inherit;font-size:.84rem;font-weight:950;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 18px rgba(34,211,238,.10);backdrop-filter:blur(14px);transition:transform .16s ease,border-color .16s ease,background .16s ease}
        .site-back-button:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.7);background:rgba(15,31,53,.97)}
        @media print{.site-back-button{display:none!important}}
        .skip-link{position:fixed;left:14px;top:-80px;z-index:10000;padding:11px 15px;border-radius:10px;background:#fef3c7;color:#7c2d12;font-weight:1000;transition:top .15s ease}
        .skip-link:focus{top:14px}
        :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
        .league-card-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
        .league-card-link:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.55);background:rgba(18,25,62,.96);text-decoration:none}
        .league-card-link h2{color:#8cefff;text-shadow:0 1px 0 rgba(255,255,255,.14),0 0 18px rgba(34,211,238,.14)}
        .league-card-wrap{position:relative;min-width:0;height:100%}
        .league-card-wrap .league-card-link{display:grid;padding-right:62px}
        .favorite-league{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;padding:0;border:1px solid rgba(250,204,21,.34);border-radius:12px;background:linear-gradient(145deg,rgba(18,25,62,.96),rgba(2,6,23,.96));color:#94a3b8;font-size:1.18rem;line-height:1;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.22);transition:transform .15s ease,color .15s ease,border-color .15s ease,background .15s ease}
        .favorite-league:hover{transform:translateY(-1px);color:#fde68a;border-color:rgba(250,204,21,.62)}
        .favorite-league[aria-pressed="true"]{color:#fde047;background:linear-gradient(145deg,rgba(146,64,14,.88),rgba(113,63,18,.88));border-color:rgba(250,204,21,.68);box-shadow:0 0 18px rgba(250,204,21,.22)}
        .favorite-shortcut{display:none;align-items:center;gap:8px;margin:0 0 12px;padding:11px 14px;border:1px solid rgba(250,204,21,.34);border-radius:14px;background:rgba(113,63,18,.23);color:#fef3c7;text-decoration:none}
        @media(max-width:700px){.league-card-wrap .league-card-link{padding-right:50px}.favorite-league{right:8px;top:8px;width:32px;height:32px;border-radius:10px;font-size:1.05rem}}
        @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
        @media(max-width:700px){
            html{font-size:17px;-webkit-text-size-adjust:100%}body{padding-bottom:78px;overflow-x:hidden}main{padding-left:10px!important;padding-right:10px!important}.hero{padding:20px 14px!important}.hero h1{font-size:1.85rem}.hero p{font-size:1rem}.card{padding:15px;border-radius:17px}h2{font-size:1.55rem}.nav{padding:8px 10px!important}.nav a,.button,.weekbar a,.score-view-toggle a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.weekbar{position:sticky;top:0;z-index:60;padding:8px 6px!important;background:rgba(3,8,20,.96);backdrop-filter:blur(14px);overflow-x:auto;flex-wrap:nowrap}.weekbar a{white-space:nowrap;padding:9px 14px}.weekly-score-toolbar{gap:12px}.weekly-score-actions{display:grid;grid-template-columns:1fr;width:100%}.score-view-toggle{display:grid;grid-template-columns:repeat(3,1fr);width:100%;box-sizing:border-box}.score-view-toggle a{font-size:.95rem}.weekly-score-actions .button{width:100%;box-sizing:border-box}.weekly-matchup{border-radius:17px}.weekly-matchup-heading{padding:14px 15px;gap:4px}.weekly-matchup-heading strong{font-size:1.08rem}.weekly-team-head h3{font-size:1.18rem;line-height:1.28}.weekly-team-meta,.weekly-team-result span,.score-legend,.did-not-bowl{font-size:.9rem}.weekly-team-result strong{font-size:1.25rem}.weekly-score-wrap{display:none}.mobile-score-list{display:grid;gap:10px}.mobile-bowler-score{padding:13px;border:1px solid rgba(125,211,252,.14);border-radius:14px;background:rgba(15,23,42,.66)}.mobile-bowler-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:11px}.mobile-bowler-head a{color:#67e8f9;font-weight:1000;font-size:1.02rem}.mobile-bowler-meta{color:var(--muted);font-size:.82rem;white-space:nowrap}.mobile-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mobile-game{min-width:0;text-align:center;padding:9px 3px;border-radius:10px;background:rgba(2,6,23,.55)}.mobile-game span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:900;margin-bottom:5px}.mobile-game strong{display:block;font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-team-total{border-color:rgba(96,165,250,.34);background:rgba(37,99,235,.17)}.team-jump{width:100%;min-height:46px;border-radius:12px;background:#0b172b;color:#fff;border:1px solid rgba(125,211,252,.25);padding:0 12px;font:inherit;font-weight:850}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:100;background:rgba(3,8,20,.97);border-top:1px solid rgba(125,211,252,.2);padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));backdrop-filter:blur(16px)}.mobile-bottom-nav a{display:flex;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#dbeafe;text-decoration:none;font-size:.68rem;font-weight:850}.mobile-bottom-nav b{font-size:1.2rem;line-height:1}.back-to-top{position:fixed;right:14px;bottom:84px;z-index:95;width:46px;height:46px;border-radius:50%;border:1px solid rgba(125,211,252,.3);background:#14233d;color:#fff;font-size:1.2rem;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.35)}.back-to-top.visible{display:flex}.table-wrap{font-size:.95rem}.compact-row{padding:15px;gap:8px}.did-not-bowl summary{min-height:44px;display:flex;align-items:center}
            .weekday-leagues{gap:10px;margin-top:11px}.weekday-heading{margin-bottom:5px}.weekday-heading h2{font-size:1.02rem}.weekday-count{min-width:24px;height:24px}.weekday-grid{grid-template-columns:1fr;gap:5px}.weekday-grid .mini{padding:10px 11px}.weekday-grid .mini h2{font-size:1.08rem;line-height:1.08;margin-bottom:5px;letter-spacing:-.014em}.weekday-grid .mini p{margin:0;font-size:.74rem}.weekday-grid .mini .pill{font-size:.63rem;padding:3px 7px}.home-intro{grid-template-columns:1fr;padding:15px;gap:8px}.home-intro .button{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px;white-space:normal}.notification-announcement{margin:9px 10px 0;padding:11px 12px;gap:8px}.notification-announcement strong{font-size:.88rem;line-height:1.25}.notification-announcement .new-badge{font-size:.62rem}.league-finder{margin:0 0 10px;padding:9px;gap:7px}.league-finder label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.league-finder input{min-width:0;padding:11px 10px}.league-finder button{padding:10px 11px}
        }
        @media(max-width:700px){.team-jump{display:block}.brand{align-items:flex-start;min-width:0;width:100%}.brand>div:last-child{min-width:0;max-width:calc(100vw - 115px)}.hero h1{max-width:100%;white-space:normal;font-size:clamp(1.35rem,6.4vw,1.75rem);overflow-wrap:anywhere;line-height:1.08}.score-card,.weekly-matchups,.weekly-matchup,.weekly-team-grid,.weekly-team-card,.mobile-score-list,.mobile-bowler-score{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.score-card{overflow-x:hidden}.score-view-toggle,.mobile-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.weekly-team-head>div:first-child{min-width:0}.mobile-bowler-head{flex-wrap:wrap}.mobile-bowler-meta{white-space:normal}.mobile-game strong{font-size:.88rem}}
        /* Visual Lab concept: Bowling Night */
        .visual-lab body{}
        body.visual-lab{
            --lab-glow:rgba(34,211,238,.30);
            background:
                radial-gradient(ellipse at 10% -8%,rgba(6,182,212,.26),transparent 34%),
                radial-gradient(ellipse at 92% 3%,rgba(147,51,234,.25),transparent 32%),
                radial-gradient(ellipse at 50% 112%,rgba(37,99,235,.20),transparent 42%),
                linear-gradient(155deg,#020617 0%,#081226 48%,#030712 100%);
        }
        body.visual-lab .lab-ribbon{
            position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:10px;
            padding:9px 16px;background:linear-gradient(90deg,#0891b2,#2563eb 48%,#7c3aed);
            border-bottom:1px solid rgba(255,255,255,.25);box-shadow:0 8px 28px rgba(2,6,23,.45);
            color:white;font-weight:1000;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase
        }
        body.visual-lab .lab-ribbon:before{content:"";width:8px;height:8px;border-radius:50%;background:#67e8f9;box-shadow:0 0 14px #67e8f9;animation:labBeacon 2s ease-in-out infinite}
        body.visual-lab .hero{border-bottom-color:rgba(103,232,249,.32);box-shadow:0 25px 90px rgba(0,0,0,.44),0 1px 0 rgba(103,232,249,.1)}
        body.visual-lab .hero h1{background:linear-gradient(100deg,#fff 15%,#cffafe 55%,#ddd6fe);-webkit-background-clip:text;background-clip:text;color:transparent}
        body.visual-lab .nav a:hover,body.visual-lab .nav a:focus-visible{color:#fff;border-color:rgba(103,232,249,.72);background:linear-gradient(135deg,rgba(8,145,178,.30),rgba(79,70,229,.28));box-shadow:0 0 22px rgba(34,211,238,.16);transform:translateY(-2px)}
        body.visual-lab .card,body.visual-lab .stat,body.visual-lab .mini,body.visual-lab .weekly-matchup,body.visual-lab .matchup-scoreboard{box-shadow:0 18px 55px rgba(0,0,0,.22);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
        body.visual-lab .card:hover,body.visual-lab .stat:hover,body.visual-lab .mini:hover{border-color:rgba(103,232,249,.38);box-shadow:0 22px 65px rgba(0,0,0,.3),0 0 28px rgba(34,211,238,.07)}
        body.visual-lab main>.card,body.visual-lab main>.grid,body.visual-lab main>.week-summary,body.visual-lab main>.weekly-matchups{animation:labRise .55s cubic-bezier(.2,.75,.25,1) both}
        body.visual-lab main>*:nth-child(2){animation-delay:.06s}body.visual-lab main>*:nth-child(3){animation-delay:.12s}body.visual-lab main>*:nth-child(4){animation-delay:.18s}
        body.visual-lab .button{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 10px 28px rgba(37,99,235,.22);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
        body.visual-lab .button:hover{transform:translateY(-2px);filter:saturate(1.18) brightness(1.08);box-shadow:0 14px 34px rgba(37,99,235,.32)}
        body.visual-lab .weekly-team-card{background:linear-gradient(145deg,#0b172c,#081122)}
        body.visual-lab .mobile-bowler-score{box-shadow:inset 3px 0 0 rgba(34,211,238,.34),0 10px 24px rgba(0,0,0,.16)}
        @keyframes labRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
        @keyframes labBeacon{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
        /* Visual Lab concept 2: Cosmic Lanes — intentionally high contrast */
        body.visual-lab{
            --cyan:#5ee7ff;--blue:#4f46e5;--purple:#c026d3;--pink:#ff3d9a;--gold:#ffd166;
            background:#07051a;
        }
        body.visual-lab:before{
            background:
                linear-gradient(115deg,transparent 0 46%,rgba(94,231,255,.09) 46.2% 46.7%,transparent 47% 100%),
                linear-gradient(65deg,transparent 0 46%,rgba(255,61,154,.075) 46.2% 46.7%,transparent 47% 100%),
                radial-gradient(circle at 50% 0,rgba(124,58,237,.28),transparent 42%);
            background-size:180px 180px,180px 180px,100% 100%;mask-image:linear-gradient(#000,transparent 92%);
        }
        body.visual-lab:after{content:"COSMIC LANES  •  STRIKE THE NIGHT  •  ";bottom:7vh;color:rgba(255,255,255,.038);font-size:clamp(54px,8vw,118px);transform:rotate(-4deg);animation:marqueeGlow 26s linear infinite}
        body.visual-lab .lab-ribbon{background:#050315;border-bottom:1px solid rgba(94,231,255,.4);box-shadow:0 0 30px rgba(94,231,255,.18);color:#dffaff}
        body.visual-lab .hero{
            min-height:290px;display:flex;align-items:center;padding:64px clamp(24px,6vw,88px);
            background:
                radial-gradient(circle at 78% 42%,rgba(255,61,154,.50) 0 2%,transparent 2.4%),
                radial-gradient(circle at 78% 42%,rgba(192,38,211,.24),transparent 23%),
                linear-gradient(112deg,rgba(4,3,20,.98) 0 46%,rgba(49,20,106,.87) 70%,rgba(17,8,49,.94)),
                #08051c;
            border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#5ee7ff,#8b5cf6,#ff3d9a) 1;
            box-shadow:0 35px 100px rgba(0,0,0,.6),inset 0 -70px 100px rgba(8,5,28,.52)
        }
        body.visual-lab .hero:before{inset:auto -6% -130px 42%;width:62%;height:310px;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(94,231,255,.13) 9.5% 10%);transform:perspective(380px) rotateX(63deg);animation:laneDrift 5s ease-in-out infinite alternate;opacity:1}
        body.visual-lab .hero:after{width:45%;left:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:scanner 3.8s ease-in-out infinite}
        body.visual-lab .logo{width:82px;height:82px;border-radius:26px;font-size:42px;background:linear-gradient(145deg,#5ee7ff 0%,#6d28d9 48%,#ff3d9a 100%);border:1px solid rgba(255,255,255,.38);box-shadow:0 0 0 8px rgba(94,231,255,.06),0 0 55px rgba(255,61,154,.38)}
        body.visual-lab h1{font-size:clamp(46px,7vw,88px);letter-spacing:-.055em;line-height:.86;text-transform:uppercase;background:linear-gradient(96deg,#fff 5%,#b9f7ff 42%,#f0abfc 82%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(94,231,255,.2))}
        body.visual-lab .hero p{margin-top:18px;color:#f0abfc;font-size:.86rem;letter-spacing:.22em}
        body.visual-lab .nav{padding:16px clamp(18px,4vw,58px);gap:7px;background:rgba(5,3,21,.88);border-bottom:1px solid rgba(192,38,211,.28)}
        body.visual-lab .nav a{border:0;background:transparent;padding:11px 16px;color:#b9c6dc;border-radius:10px}
        body.visual-lab .nav a:hover,body.visual-lab .nav a:focus-visible{background:linear-gradient(135deg,rgba(94,231,255,.18),rgba(255,61,154,.18));box-shadow:inset 0 0 0 1px rgba(94,231,255,.32),0 0 26px rgba(192,38,211,.17);color:#fff}
        body.visual-lab main{position:relative}
        body.visual-lab .card,body.visual-lab .stat,body.visual-lab .mini,body.visual-lab .weekly-matchup,body.visual-lab .matchup-scoreboard,body.visual-lab .compact-row{
            background:linear-gradient(145deg,rgba(21,17,54,.92),rgba(8,8,31,.94));
            border:1px solid rgba(167,139,250,.22);box-shadow:0 22px 65px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035)
        }
        body.visual-lab .card,body.visual-lab .weekly-matchup{border-radius:24px}
        body.visual-lab .card h2,body.visual-lab .weekly-score-toolbar h2,body.visual-lab .score-group-title h2{color:#fff;text-shadow:0 0 24px rgba(94,231,255,.22)}
        body.visual-lab .card h2:after,body.visual-lab .weekly-score-toolbar h2:after,body.visual-lab .score-group-title h2:after{content:"";display:block;width:52px;height:3px;margin-top:9px;border-radius:99px;background:linear-gradient(90deg,#5ee7ff,#ff3d9a);box-shadow:0 0 14px rgba(94,231,255,.4)}
        body.visual-lab .button{border:1px solid rgba(255,255,255,.22);background:linear-gradient(110deg,#0891b2,#5b21b6 52%,#db2777);box-shadow:0 12px 35px rgba(192,38,211,.28);text-transform:uppercase;letter-spacing:.045em}
        body.visual-lab .weekly-matchup-heading{background:linear-gradient(90deg,rgba(14,116,144,.28),rgba(91,33,182,.3),rgba(190,24,93,.2));padding:17px 20px}
        body.visual-lab .weekly-team-card{background:linear-gradient(155deg,#111033,#090820)}
        body.visual-lab .weekly-score-table th{background:#251d50;color:#dffaff}
        body.visual-lab .weekly-score-table th:first-child{background:#312261}
        body.visual-lab .weekly-score-table td:first-child{background:#151334}
        body.visual-lab .mobile-bottom-nav{background:rgba(8,5,28,.97);border-top:1px solid rgba(255,61,154,.35);box-shadow:0 -12px 35px rgba(0,0,0,.45)}
        body.visual-lab .mobile-bottom-nav b{filter:drop-shadow(0 0 8px rgba(94,231,255,.55))}
        @keyframes laneDrift{from{transform:perspective(380px) rotateX(63deg) translateY(0)}to{transform:perspective(380px) rotateX(63deg) translateY(18px)}}
        @media(max-width:700px){body.visual-lab .lab-ribbon{font-size:.64rem;letter-spacing:.08em;padding:8px 10px}body.visual-lab .card:hover,body.visual-lab .stat:hover,body.visual-lab .mini:hover{transform:none}body.visual-lab main>.card,body.visual-lab main>.grid,body.visual-lab main>.week-summary,body.visual-lab main>.weekly-matchups{animation-duration:.38s}}
        @media(max-width:700px){body.visual-lab .hero{min-height:210px;padding:30px 16px!important}body.visual-lab .hero .logo{width:62px;height:62px;border-radius:20px;font-size:32px}body.visual-lab .hero h1{font-size:clamp(1.8rem,9vw,2.55rem);line-height:.92}body.visual-lab .hero p{font-size:.68rem;letter-spacing:.13em}body.visual-lab .hero:before{left:35%;width:75%;opacity:.65}body.visual-lab .card,body.visual-lab .weekly-matchup{border-radius:19px}}

        /* Theme showroom controls */
        .theme-showroom{position:sticky;top:35px;z-index:9998;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;background:rgba(3,4,14,.94);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.28)}
        .theme-showroom-label{font-size:.68rem;font-weight:1000;letter-spacing:.13em;text-transform:uppercase;color:#94a3b8;margin-right:5px}
        .theme-choice{appearance:none;border:1px solid rgba(255,255,255,.15);background:#15182a;color:#dbeafe;border-radius:999px;padding:8px 12px;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer;transition:.18s ease}
        .theme-choice:hover{transform:translateY(-1px);border-color:#67e8f9}.theme-choice.active{color:#07111f;background:#67e8f9;border-color:#a5f3fc;box-shadow:0 0 18px rgba(103,232,249,.28)}

        /* Sunrise Social: bright, friendly and radically lighter */
        body.visual-lab[data-theme="sunrise"]{--text:#2b1734;--muted:#735c78;--line:rgba(98,55,90,.16);--cyan:#e84a5f;--blue:#f97316;--purple:#7c3aed;--pink:#ec4899;--gold:#d97706;background:linear-gradient(145deg,#fff8e7,#ffe8dc 50%,#f5e9ff)}
        body.visual-lab[data-theme="sunrise"]:before{background:radial-gradient(circle at 10% 8%,rgba(251,146,60,.24),transparent 28%),radial-gradient(circle at 92% 18%,rgba(236,72,153,.18),transparent 28%);mask-image:none}
        body.visual-lab[data-theme="sunrise"]:after{content:"GOOD TIMES • GREAT GAMES • ";color:rgba(126,34,206,.045);animation:none}
        body.visual-lab[data-theme="sunrise"] .lab-ribbon{background:#e84a5f;border-color:#ffb36b;box-shadow:none}
        body.visual-lab[data-theme="sunrise"] .theme-showroom{background:rgba(255,249,239,.96);border-color:#f4cbb7}.visual-lab[data-theme="sunrise"] .theme-showroom-label{color:#8a6170}.visual-lab[data-theme="sunrise"] .theme-choice{background:#fff;color:#65364d;border-color:#e9b9ac}.visual-lab[data-theme="sunrise"] .theme-choice.active{background:#e84a5f;color:#fff;border-color:#e84a5f;box-shadow:none}
        body.visual-lab[data-theme="sunrise"] .hero{min-height:245px;background:linear-gradient(125deg,#ff7b54,#ff477e 52%,#7c3aed);border:0;border-radius:0 0 48px 48px;box-shadow:0 24px 55px rgba(190,24,93,.2)}
        body.visual-lab[data-theme="sunrise"] .hero:before{background:radial-gradient(circle,rgba(255,255,255,.22) 0 3px,transparent 4px);background-size:32px 32px;inset:0;width:auto;height:auto;transform:none;animation:none}
        body.visual-lab[data-theme="sunrise"] .hero:after{display:none}.visual-lab[data-theme="sunrise"] .logo{background:#fff;color:#e84a5f;border:0;box-shadow:0 12px 30px rgba(80,20,45,.2);animation:none;transform:rotate(-5deg)}
        body.visual-lab[data-theme="sunrise"] h1{font-size:clamp(42px,6vw,76px);text-transform:none;letter-spacing:-.045em;color:#fff;background:none;filter:none;text-shadow:0 5px 18px rgba(92,20,64,.2)}.visual-lab[data-theme="sunrise"] .hero p{color:#fff2d5}
        body.visual-lab[data-theme="sunrise"] .nav{background:rgba(255,248,235,.94);border:0;box-shadow:0 9px 26px rgba(91,39,65,.1)}.visual-lab[data-theme="sunrise"] .nav a{color:#63354d}.visual-lab[data-theme="sunrise"] .nav a:hover{color:#fff;background:#e84a5f;box-shadow:none}
        body.visual-lab[data-theme="sunrise"] .card,body.visual-lab[data-theme="sunrise"] .stat,body.visual-lab[data-theme="sunrise"] .mini,body.visual-lab[data-theme="sunrise"] .weekly-matchup,body.visual-lab[data-theme="sunrise"] .matchup-scoreboard,body.visual-lab[data-theme="sunrise"] .compact-row{color:#2b1734;background:rgba(255,255,255,.86);border-color:rgba(185,91,108,.17);box-shadow:0 16px 38px rgba(103,55,74,.1)}
        body.visual-lab[data-theme="sunrise"] .weekly-team-card{background:#fffaf3}.visual-lab[data-theme="sunrise"] .weekly-matchup-heading{background:linear-gradient(90deg,#ffe1c7,#f8dcff)}.visual-lab[data-theme="sunrise"] .weekly-score-table td{color:#39243e}.visual-lab[data-theme="sunrise"] .weekly-score-table th{background:#743b69}.visual-lab[data-theme="sunrise"] .weekly-score-table td:first-child{background:#fff4e8}.visual-lab[data-theme="sunrise"] .card h2,.visual-lab[data-theme="sunrise"] h2,.visual-lab[data-theme="sunrise"] h3{color:#3f2045;text-shadow:none}

        /* Heritage Lanes: vintage 1970s bowling center */
        body.visual-lab[data-theme="heritage"]{--text:#f7e8c6;--muted:#c8a978;--line:rgba(244,186,74,.26);--cyan:#f4ba4a;--blue:#b9412f;--purple:#854d27;--pink:#d4623e;--gold:#ffd166;background:#24150f;background-image:linear-gradient(90deg,rgba(255,255,255,.018) 50%,transparent 50%);background-size:8px 8px}
        body.visual-lab[data-theme="heritage"]:before{background:repeating-linear-gradient(135deg,transparent 0 44px,rgba(244,186,74,.035) 44px 46px);mask-image:none}.visual-lab[data-theme="heritage"]:after{content:"TEN PINS • GOOD COMPANY • ";color:rgba(255,209,102,.045);font-family:Georgia,serif;animation:none}
        body.visual-lab[data-theme="heritage"] .lab-ribbon{background:#a33b2b;border-color:#e6a842;box-shadow:none}.visual-lab[data-theme="heritage"] .theme-showroom{background:#1c100c;border-color:#664127}.visual-lab[data-theme="heritage"] .theme-choice{background:#352019;color:#eacb96;border-color:#6f4931}.visual-lab[data-theme="heritage"] .theme-choice.active{background:#f4ba4a;color:#342014;border-color:#f4ba4a;box-shadow:none}
        body.visual-lab[data-theme="heritage"] .hero{min-height:260px;background:linear-gradient(110deg,#3b1d13 0 52%,#8d3127 52% 77%,#d18b32 77%);border:0;box-shadow:inset 0 -12px 0 #1c100c,0 20px 50px rgba(0,0,0,.4)}.visual-lab[data-theme="heritage"] .hero:before{inset:0;background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,237,190,.07) 120px);width:auto;height:auto;transform:none;animation:none}.visual-lab[data-theme="heritage"] .hero:after{display:none}
        body.visual-lab[data-theme="heritage"] .logo{border-radius:50%;background:#f4ba4a;color:#55271c;border:7px double #55271c;box-shadow:8px 8px 0 #1c100c;animation:none}.visual-lab[data-theme="heritage"] h1{font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:-.045em;color:#fff0c8;background:none;filter:none;text-shadow:5px 5px 0 #5d261c}.visual-lab[data-theme="heritage"] .hero p{color:#ffe7a7;font-family:Georgia,serif}
        body.visual-lab[data-theme="heritage"] .nav{background:#1c100c;border-color:#684329}.visual-lab[data-theme="heritage"] .nav a{color:#e8c48b;border-radius:3px}.visual-lab[data-theme="heritage"] .nav a:hover{background:#b9412f;color:#fff1c9;box-shadow:none}
        body.visual-lab[data-theme="heritage"] .card,body.visual-lab[data-theme="heritage"] .stat,body.visual-lab[data-theme="heritage"] .mini,body.visual-lab[data-theme="heritage"] .weekly-matchup,body.visual-lab[data-theme="heritage"] .matchup-scoreboard,body.visual-lab[data-theme="heritage"] .compact-row{background:#332019;border:2px solid #69452d;border-radius:5px;box-shadow:8px 8px 0 rgba(0,0,0,.22)}.visual-lab[data-theme="heritage"] .weekly-team-card{background:#2a1914}.visual-lab[data-theme="heritage"] .weekly-matchup-heading{background:#6f2d22}.visual-lab[data-theme="heritage"] .button{background:#b9412f;border:2px solid #e6a842;border-radius:4px;box-shadow:4px 4px 0 #160c09}

        /* Championship: restrained black, ivory and gold */
        body.visual-lab[data-theme="championship"]{--text:#f5f1e8;--muted:#a9a39a;--line:rgba(212,175,55,.25);--cyan:#d4af37;--blue:#8f6d18;--purple:#756023;--pink:#d4af37;--gold:#f3d675;background:#090909}
        body.visual-lab[data-theme="championship"]:before{background:linear-gradient(120deg,transparent 0 49.8%,rgba(212,175,55,.035) 50%,transparent 50.2%);background-size:100px 100px;mask-image:none}.visual-lab[data-theme="championship"]:after{content:"CHAMPIONSHIP SERIES • ";font-family:Georgia,serif;color:rgba(212,175,55,.035);animation:none}
        body.visual-lab[data-theme="championship"] .lab-ribbon{background:#111;color:#efd77e;border-color:#8f7525;box-shadow:none}.visual-lab[data-theme="championship"] .theme-showroom{background:#0b0b0b;border-color:#302a19}.visual-lab[data-theme="championship"] .theme-choice{background:#171717;color:#aaa;border-color:#373226}.visual-lab[data-theme="championship"] .theme-choice.active{background:#d4af37;color:#0a0a0a;border-color:#f5dc89;box-shadow:none}
        body.visual-lab[data-theme="championship"] .hero{min-height:310px;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.16),transparent 32%),linear-gradient(#111,#050505);border-bottom:1px solid #8f7525;box-shadow:none}.visual-lab[data-theme="championship"] .hero:before{inset:22px;border:1px solid rgba(212,175,55,.22);width:auto;height:auto;background:none;transform:none;animation:none}.visual-lab[data-theme="championship"] .hero:after{display:none}.visual-lab[data-theme="championship"] .brand{flex-direction:column}.visual-lab[data-theme="championship"] .logo{width:68px;height:68px;background:transparent;color:#d4af37;border:1px solid #d4af37;border-radius:50%;box-shadow:none;animation:none}.visual-lab[data-theme="championship"] h1{font-family:Georgia,serif;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(36px,5.5vw,68px);line-height:1;color:#f5f1e8;background:none;filter:none;text-shadow:none}.visual-lab[data-theme="championship"] .hero p{color:#d4af37;letter-spacing:.3em;font-weight:500}
        body.visual-lab[data-theme="championship"] .nav{justify-content:center;background:#090909;border-color:#292416}.visual-lab[data-theme="championship"] .nav a{color:#aaa;border-radius:0;border-bottom:1px solid transparent}.visual-lab[data-theme="championship"] .nav a:hover{background:transparent;color:#f3d675;border-bottom-color:#d4af37;box-shadow:none;transform:none}
        body.visual-lab[data-theme="championship"] .card,body.visual-lab[data-theme="championship"] .stat,body.visual-lab[data-theme="championship"] .mini,body.visual-lab[data-theme="championship"] .weekly-matchup,body.visual-lab[data-theme="championship"] .matchup-scoreboard,body.visual-lab[data-theme="championship"] .compact-row{background:#111;border:1px solid #302b1d;border-radius:0;box-shadow:none}.visual-lab[data-theme="championship"] .weekly-team-card{background:#0d0d0d}.visual-lab[data-theme="championship"] .weekly-matchup-heading{background:#19170f}.visual-lab[data-theme="championship"] .button{background:transparent;color:#f3d675;border:1px solid #d4af37;border-radius:0;box-shadow:none}

        /* Broadcast: crisp sports-network dashboard */
        body.visual-lab[data-theme="broadcast"]{--text:#13213a;--muted:#617087;--line:#dce3ed;--cyan:#087f5b;--blue:#173f73;--purple:#173f73;--pink:#d94841;--gold:#d99a18;background:#eef2f7}
        body.visual-lab[data-theme="broadcast"]:before,body.visual-lab[data-theme="broadcast"]:after{display:none}.visual-lab[data-theme="broadcast"] .lab-ribbon{background:#087f5b;border:0;box-shadow:none}.visual-lab[data-theme="broadcast"] .theme-showroom{background:#fff;border-color:#dce3ed;box-shadow:0 4px 14px rgba(15,40,70,.08)}.visual-lab[data-theme="broadcast"] .theme-showroom-label{color:#65748a}.visual-lab[data-theme="broadcast"] .theme-choice{background:#f5f7fa;color:#28405e;border-color:#d5dde8}.visual-lab[data-theme="broadcast"] .theme-choice.active{background:#173f73;color:#fff;border-color:#173f73;box-shadow:none}
        body.visual-lab[data-theme="broadcast"] .hero{min-height:210px;background:linear-gradient(100deg,#102f57 0 68%,#087f5b 68%);border:0;box-shadow:none}.visual-lab[data-theme="broadcast"] .hero:before{inset:auto 0 0;height:7px;width:auto;background:linear-gradient(90deg,#d94841 0 22%,#f4b942 22% 44%,#087f5b 44% 66%,#52a9dd 66%);transform:none;animation:none}.visual-lab[data-theme="broadcast"] .hero:after{display:none}.visual-lab[data-theme="broadcast"] .logo{border-radius:12px;background:#fff;color:#173f73;box-shadow:none;animation:none}.visual-lab[data-theme="broadcast"] h1{text-transform:none;letter-spacing:-.04em;font-size:clamp(38px,5.5vw,66px);line-height:.95;color:#fff;background:none;filter:none;text-shadow:none}.visual-lab[data-theme="broadcast"] .hero p{color:#cfe9e1;letter-spacing:.08em}
        body.visual-lab[data-theme="broadcast"] .nav{background:#fff;border:0;box-shadow:0 4px 16px rgba(20,48,82,.08)}.visual-lab[data-theme="broadcast"] .nav a{color:#28405e;border-radius:6px}.visual-lab[data-theme="broadcast"] .nav a:hover{color:#fff;background:#173f73;box-shadow:none}
        body.visual-lab[data-theme="broadcast"] .card,body.visual-lab[data-theme="broadcast"] .stat,body.visual-lab[data-theme="broadcast"] .mini,body.visual-lab[data-theme="broadcast"] .weekly-matchup,body.visual-lab[data-theme="broadcast"] .matchup-scoreboard,body.visual-lab[data-theme="broadcast"] .compact-row{color:#13213a;background:#fff;border:1px solid #dce3ed;border-radius:10px;box-shadow:0 5px 16px rgba(24,54,88,.07)}.visual-lab[data-theme="broadcast"] .card h2,.visual-lab[data-theme="broadcast"] h2,.visual-lab[data-theme="broadcast"] h3{color:#13213a;text-shadow:none}.visual-lab[data-theme="broadcast"] .weekly-team-card{background:#fff}.visual-lab[data-theme="broadcast"] .weekly-matchup-heading{background:#e8eef5}.visual-lab[data-theme="broadcast"] .weekly-score-table td{color:#13213a}.visual-lab[data-theme="broadcast"] .weekly-score-table th{background:#173f73}.visual-lab[data-theme="broadcast"] .weekly-score-table td:first-child{background:#f5f7fa}.visual-lab[data-theme="broadcast"] .button{background:#087f5b;border:0;border-radius:6px;box-shadow:none}

        @media(max-width:800px){.theme-showroom{top:31px;justify-content:flex-start;overflow-x:auto;padding:8px}.theme-showroom-label{display:none}.theme-choice{flex:0 0 auto;min-height:40px}.visual-lab[data-theme="championship"] .hero{min-height:235px}.visual-lab[data-theme="championship"] .brand{align-items:center!important}.visual-lab[data-theme="championship"] .brand>div:last-child{max-width:100%;text-align:center}.visual-lab[data-theme="sunrise"] .hero{border-radius:0 0 28px 28px}}

        /* Complete layout concepts — structure, not just theme */
        body.visual-lab[data-layout] .theme-showroom{top:35px}

        /* Control Rail: app-like left navigation and compact identity panel */
        @media(min-width:901px){
            body.visual-lab[data-layout="rail"]{padding-left:282px}
            body.visual-lab[data-layout="rail"] .lab-ribbon,body.visual-lab[data-layout="rail"] .theme-showroom{margin-left:-282px}
            body.visual-lab[data-layout="rail"] .hero{position:fixed;z-index:80;left:0;top:86px;bottom:0;width:282px;min-height:0;padding:32px 20px;align-items:flex-start;background:linear-gradient(180deg,#11143b,#08091e 70%);border:0;border-right:1px solid rgba(94,231,255,.22);box-shadow:18px 0 55px rgba(0,0,0,.28);overflow:hidden}
            body.visual-lab[data-layout="rail"] .hero:before{display:none}body.visual-lab[data-layout="rail"] .hero:after{width:100%;left:0;opacity:.3}
            body.visual-lab[data-layout="rail"] .brand{flex-direction:column;align-items:flex-start;width:100%;gap:14px}body.visual-lab[data-layout="rail"] .brand>div:last-child{width:100%;min-width:0}body.visual-lab[data-layout="rail"] .logo{width:64px;height:64px;border-radius:18px;font-size:32px;flex:0 0 auto}
            body.visual-lab[data-layout="rail"] h1{max-width:100%;font-size:clamp(1.75rem,2.15vw,2.15rem);line-height:.98;text-transform:none;letter-spacing:-.045em;overflow-wrap:anywhere}body.visual-lab[data-layout="rail"] .hero p{max-width:100%;margin-top:14px;font-size:.67rem;line-height:1.45;letter-spacing:.12em;white-space:normal;overflow-wrap:anywhere}
            body.visual-lab[data-layout="rail"] .nav{position:fixed;z-index:90;left:14px;top:372px;bottom:14px;width:252px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:7px 8px 18px;background:linear-gradient(180deg,rgba(8,9,30,.12),rgba(8,9,30,.96) 92%);border:0;box-shadow:none;overflow-x:hidden;overflow-y:auto;max-height:none;scrollbar-width:thin;scrollbar-color:rgba(94,231,255,.38) transparent}
            body.visual-lab[data-layout="rail"] .nav:after{content:"";display:block;min-height:8px;flex:0 0 auto}body.visual-lab[data-layout="rail"] .nav a{display:flex;align-items:center;flex:0 0 auto;min-height:42px;padding:9px 14px;border-radius:10px;background:transparent;border:0;color:#aebbd0;white-space:normal;line-height:1.15}
            body.visual-lab[data-layout="rail"] .nav a:hover{transform:translateX(5px);background:linear-gradient(90deg,rgba(94,231,255,.2),transparent);box-shadow:inset 3px 0 #5ee7ff;color:#fff}
            body.visual-lab[data-layout="rail"] main{max-width:1440px;margin:0 auto;padding:34px clamp(22px,4vw,58px)}
            body.visual-lab[data-layout="rail"] main>.card,body.visual-lab[data-layout="rail"] main>.week-summary{border-radius:14px}
            body.visual-lab.production-rail[data-layout="rail"] .hero{top:0}
            body.visual-lab.production-rail[data-layout="rail"] .nav{top:286px}
        }
        @media(min-width:901px) and (max-height:850px){
            body.visual-lab.production-rail[data-layout="rail"] .nav{top:270px;gap:1px;padding-top:4px;padding-bottom:6px}
            body.visual-lab.production-rail[data-layout="rail"] .nav a{min-height:30px;padding:5px 12px;font-size:.8rem;line-height:1.05}
        }

        /* Sports Desk: dense broadcast dashboard with strong top tabs */
        body.visual-lab[data-layout="sportsdesk"] .hero{min-height:185px;padding:34px clamp(24px,5vw,72px);background:linear-gradient(100deg,#081b34 0 68%,#0b6e60 68%);border:0;box-shadow:none}
        body.visual-lab[data-layout="sportsdesk"] .hero:before{inset:auto 0 0;width:auto;height:8px;background:linear-gradient(90deg,#ef4444 0 25%,#f59e0b 25% 50%,#10b981 50% 75%,#38bdf8 75%);transform:none;animation:none}
        body.visual-lab[data-layout="sportsdesk"] .hero:after{display:none}body.visual-lab[data-layout="sportsdesk"] .logo{width:58px;height:58px;border-radius:8px;background:#fff;color:#123968;box-shadow:none;animation:none}
        body.visual-lab[data-layout="sportsdesk"] h1{font-size:clamp(36px,5vw,62px);line-height:.95;text-transform:none;letter-spacing:-.04em}
        body.visual-lab[data-layout="sportsdesk"] .nav{position:sticky;top:86px;display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:0;padding:0 clamp(16px,4vw,60px);background:#fff;border:0;border-bottom:1px solid #d7e0eb;box-shadow:0 5px 18px rgba(12,38,70,.1)}
        body.visual-lab[data-layout="sportsdesk"] .nav a{color:#29425f;background:#fff;border:0;border-radius:0;padding:16px 10px;text-align:center;border-bottom:4px solid transparent}
        body.visual-lab[data-layout="sportsdesk"] .nav a:hover{transform:none;color:#0b6e60;background:#f6f9fc;border-bottom-color:#0b6e60;box-shadow:none}
        body.visual-lab[data-layout="sportsdesk"] main{max-width:1500px;margin:auto;padding:28px clamp(14px,3vw,42px)}
        body.visual-lab[data-layout="sportsdesk"] .card,body.visual-lab[data-layout="sportsdesk"] .stat,body.visual-lab[data-layout="sportsdesk"] .mini,body.visual-lab[data-layout="sportsdesk"] .weekly-matchup{border-radius:7px;box-shadow:0 4px 14px rgba(0,0,0,.16)}
        body.visual-lab[data-layout="sportsdesk"] .card h2,body.visual-lab[data-layout="sportsdesk"] .weekly-score-toolbar h2{text-transform:uppercase;font-size:1.25rem;letter-spacing:.045em}

        /* League Journal: spacious editorial hierarchy and offset content */
        body.visual-lab[data-layout="journal"]{background:#f4efe5;color:#28231d;--text:#28231d;--muted:#746b5e;--line:rgba(52,42,29,.18);--cyan:#a73d2d;--gold:#a97924}
        body.visual-lab[data-layout="journal"]:before{background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(48,40,29,.025) 32px);mask-image:none}body.visual-lab[data-layout="journal"]:after{display:none}
        body.visual-lab[data-layout="journal"] .hero{min-height:390px;align-items:flex-end;padding:70px max(24px,calc((100vw - 1180px)/2));background:#e8dfcf;border:0;border-bottom:1px solid #bfb29f;box-shadow:none}
        body.visual-lab[data-layout="journal"] .hero:before{inset:30px 5%;width:auto;height:auto;background:none;border-top:1px solid #766b5d;border-bottom:1px solid #766b5d;transform:none;animation:none}body.visual-lab[data-layout="journal"] .hero:after{display:none}
        body.visual-lab[data-layout="journal"] .brand{align-items:flex-end;width:100%;justify-content:space-between}body.visual-lab[data-layout="journal"] .logo{order:2;width:120px;height:120px;border-radius:0;background:#a73d2d;box-shadow:12px 12px 0 #cbbda8;animation:none}
        body.visual-lab[data-layout="journal"] h1{font-family:Georgia,serif;font-size:clamp(54px,8vw,105px);font-weight:500;line-height:.78;letter-spacing:-.065em;text-transform:none;color:#28231d;background:none;filter:none;text-shadow:none;max-width:850px}
        body.visual-lab[data-layout="journal"] .hero p{font-family:Georgia,serif;color:#a73d2d;letter-spacing:.15em;margin-top:28px}
        body.visual-lab[data-layout="journal"] .nav{position:static;justify-content:center;padding:20px;background:#f4efe5;border-bottom:1px solid #bfb29f;box-shadow:none}
        body.visual-lab[data-layout="journal"] .nav a{color:#4c4439;background:transparent;border:0;border-radius:0;padding:8px 18px;font-family:Georgia,serif;font-weight:600;border-right:1px solid #c9bdac}body.visual-lab[data-layout="journal"] .nav a:last-child{border-right:0}body.visual-lab[data-layout="journal"] .nav a:hover{color:#a73d2d;background:transparent;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:6px}
        body.visual-lab[data-layout="journal"] main{max-width:1180px;margin:0 auto;padding:56px 24px}body.visual-lab[data-layout="journal"] main>*{margin-bottom:42px}
        body.visual-lab[data-layout="journal"] .card,body.visual-lab[data-layout="journal"] .stat,body.visual-lab[data-layout="journal"] .mini,body.visual-lab[data-layout="journal"] .weekly-matchup,body.visual-lab[data-layout="journal"] .matchup-scoreboard,body.visual-lab[data-layout="journal"] .compact-row{color:#28231d;background:transparent;border:0;border-top:1px solid #9f9382;border-radius:0;box-shadow:none}
        body.visual-lab[data-layout="journal"] .card{padding:28px 0}body.visual-lab[data-layout="journal"] .card h2,body.visual-lab[data-layout="journal"] h2,body.visual-lab[data-layout="journal"] h3{font-family:Georgia,serif;color:#28231d;text-shadow:none}
        body.visual-lab[data-layout="journal"] .weekly-matchup-heading{background:#ded3c2;border:0}body.visual-lab[data-layout="journal"] .weekly-team-card{background:#eee7da}body.visual-lab[data-layout="journal"] .weekly-score-table td{color:#28231d}body.visual-lab[data-layout="journal"] .weekly-score-table th{background:#4c4439}body.visual-lab[data-layout="journal"] .weekly-score-table td:first-child{background:#e7ddce}

        /* Tile Portal: navigation becomes the primary visual menu */
        body.visual-lab[data-layout="portal"] .hero{min-height:155px;padding:28px clamp(18px,4vw,55px);background:linear-gradient(115deg,#382061,#164e63);border:0;box-shadow:none}
        body.visual-lab[data-layout="portal"] .hero:before,body.visual-lab[data-layout="portal"] .hero:after{display:none}body.visual-lab[data-layout="portal"] .logo{width:58px;height:58px;border-radius:18px}
        body.visual-lab[data-layout="portal"] h1{font-size:clamp(34px,5vw,58px);text-transform:none;line-height:1;letter-spacing:-.045em}
        body.visual-lab[data-layout="portal"] .nav{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1320px;margin:24px auto;padding:0 22px;background:transparent;border:0;box-shadow:none}
        body.visual-lab[data-layout="portal"] .nav a{display:flex;align-items:flex-end;min-height:112px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:linear-gradient(145deg,#1b2850,#171635);font-size:1.05rem;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.22)}
        body.visual-lab[data-layout="portal"] .nav a:nth-child(4n+1){background:linear-gradient(145deg,#075985,#164e63)}body.visual-lab[data-layout="portal"] .nav a:nth-child(4n+2){background:linear-gradient(145deg,#6d28d9,#3b2470)}body.visual-lab[data-layout="portal"] .nav a:nth-child(4n+3){background:linear-gradient(145deg,#be185d,#702044)}body.visual-lab[data-layout="portal"] .nav a:nth-child(4n){background:linear-gradient(145deg,#b45309,#713f12)}
        body.visual-lab[data-layout="portal"] .nav a:hover{transform:translateY(-6px) scale(1.015);border-color:rgba(255,255,255,.4);box-shadow:0 22px 45px rgba(0,0,0,.3)}
        body.visual-lab[data-layout="portal"] main{max-width:1320px;margin:auto;padding:12px 22px 45px}body.visual-lab[data-layout="portal"] .card{border-radius:26px}

        @media(max-width:900px){body.visual-lab[data-layout="rail"]{padding-left:0}body.visual-lab[data-layout="rail"] .hero,body.visual-lab[data-layout="rail"] .nav{position:static;width:auto;max-height:none}body.visual-lab[data-layout="rail"] .hero{padding:28px 18px!important}body.visual-lab[data-layout="rail"] .nav{display:grid;grid-template-columns:repeat(2,1fr);padding:12px}body.visual-lab[data-layout="rail"] .nav a{background:rgba(20,25,60,.8)}body.visual-lab[data-layout="portal"] .nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px}body.visual-lab[data-layout="portal"] .nav a{min-height:82px;padding:13px;font-size:.85rem;border-radius:15px}body.visual-lab[data-layout="journal"] .hero{min-height:270px;padding:38px 18px!important}body.visual-lab[data-layout="journal"] .logo{width:70px;height:70px}body.visual-lab[data-layout="journal"] h1{font-size:clamp(2.1rem,10vw,4rem)}body.visual-lab[data-layout="journal"] main{padding:32px 14px}}

        /* Shared real-data visualization generated from numbers on the page */
        .lab-dataviz{display:none;position:relative;overflow:hidden}.lab-dataviz svg{display:block;width:100%;height:100%}.lab-chart-line{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:chartDraw 2.2s cubic-bezier(.2,.8,.2,1) forwards}.lab-chart-area{opacity:.18}.lab-chart-node{transform-box:fill-box;transform-origin:center;animation:nodePop .45s ease both}.lab-data-label{position:absolute;font-size:.66rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.lab-data-source{position:absolute;font-size:.62rem;opacity:.65}.lab-viz-bars{display:flex;align-items:flex-end;gap:5px;height:100%}.lab-viz-bar{flex:1;min-width:3px;transform-origin:bottom;animation:barGrow .8s cubic-bezier(.2,.8,.2,1) both}
        @keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes nodePop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes barGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

        /* Data Observatory: live score constellation and instrument-panel layout */
        body.visual-lab[data-layout="observatory"]{--text:#dffcff;--muted:#72a9b0;--line:rgba(35,236,218,.22);--cyan:#23ecda;--blue:#168aad;--purple:#8868ff;background:#020b10}
        body.visual-lab[data-layout="observatory"]:before{background:radial-gradient(circle at 50% 0,rgba(35,236,218,.12),transparent 38%),radial-gradient(circle,rgba(35,236,218,.16) 1px,transparent 1.5px);background-size:100% 100%,28px 28px;mask-image:linear-gradient(#000,transparent)}body.visual-lab[data-layout="observatory"]:after{display:none}
        body.visual-lab[data-layout="observatory"] .hero{min-height:265px;padding:48px clamp(24px,5vw,70px);background:linear-gradient(115deg,#031118 0 58%,#072631);border:0;box-shadow:none}.visual-lab[data-layout="observatory"] .hero:before{inset:-50%;width:auto;height:auto;background:repeating-radial-gradient(circle at 80% 50%,transparent 0 58px,rgba(35,236,218,.07) 59px 60px);transform:none;animation:orbitTurn 35s linear infinite}.visual-lab[data-layout="observatory"] .hero:after{display:none}
        body.visual-lab[data-layout="observatory"] .logo{background:transparent;border:1px solid #23ecda;border-radius:50%;box-shadow:0 0 35px rgba(35,236,218,.23);animation:logoPulse 3s ease infinite}.visual-lab[data-layout="observatory"] h1{font-weight:500;letter-spacing:-.045em;text-transform:none;color:#e7ffff;background:none;filter:none}.visual-lab[data-layout="observatory"] .hero p{color:#23ecda;font-weight:600}
        body.visual-lab[data-layout="observatory"] .lab-dataviz{display:block;height:270px;margin:0;background:#031117;border-top:1px solid rgba(35,236,218,.18);border-bottom:1px solid rgba(35,236,218,.18);color:#23ecda}.visual-lab[data-layout="observatory"] .lab-dataviz svg{padding:38px 5% 22px}.visual-lab[data-layout="observatory"] .lab-data-label{top:15px;left:5%;color:#23ecda}.visual-lab[data-layout="observatory"] .lab-data-source{right:5%;bottom:10px;color:#89bbc0}
        body.visual-lab[data-layout="observatory"] .nav{justify-content:center;background:rgba(2,11,16,.92);border-color:rgba(35,236,218,.15);box-shadow:none}.visual-lab[data-layout="observatory"] .nav a{font-family:monospace;font-size:.78rem;letter-spacing:.05em;border-radius:2px;background:#061820;color:#8fc7cc}.visual-lab[data-layout="observatory"] .nav a:hover{background:#23ecda;color:#031014;box-shadow:0 0 22px rgba(35,236,218,.24)}
        body.visual-lab[data-layout="observatory"] main{max-width:1450px;margin:auto}.visual-lab[data-layout="observatory"] .card,.visual-lab[data-layout="observatory"] .stat,.visual-lab[data-layout="observatory"] .mini,.visual-lab[data-layout="observatory"] .weekly-matchup,.visual-lab[data-layout="observatory"] .matchup-scoreboard{background:rgba(4,21,28,.86);border:1px solid rgba(35,236,218,.18);border-radius:3px;box-shadow:inset 0 0 35px rgba(35,236,218,.025)}
        @keyframes orbitTurn{to{transform:rotate(360deg)}}

        /* Kinetic Wall: oversized scoreboard typography and moving score tape */
        body.visual-lab[data-layout="kinetic"]{--cyan:#f7ff00;--pink:#ff2e88;--blue:#3c22ff;--purple:#9d00ff;background:#12002c}
        body.visual-lab[data-layout="kinetic"]:before{background:linear-gradient(135deg,rgba(247,255,0,.05) 25%,transparent 25% 50%,rgba(255,46,136,.05) 50% 75%,transparent 75%);background-size:80px 80px;mask-image:none;animation:kineticGrid 10s linear infinite}body.visual-lab[data-layout="kinetic"]:after{display:none}
        body.visual-lab[data-layout="kinetic"] .hero{min-height:360px;padding:56px 7%;background:#3c22ff;border:0;box-shadow:inset 0 -18px #f7ff00}.visual-lab[data-layout="kinetic"] .hero:before{inset:-20% -10%;width:auto;height:auto;background:repeating-linear-gradient(-18deg,transparent 0 60px,rgba(247,255,0,.14) 61px 64px);transform:none;animation:kineticSlide 8s linear infinite}.visual-lab[data-layout="kinetic"] .hero:after{display:none}.visual-lab[data-layout="kinetic"] .logo{width:95px;height:95px;border-radius:0;background:#f7ff00;color:#12002c;box-shadow:14px 14px 0 #ff2e88;animation:kineticTilt 2s ease-in-out infinite alternate}
        body.visual-lab[data-layout="kinetic"] h1{font-size:clamp(58px,10vw,128px);line-height:.72;letter-spacing:-.08em;text-transform:uppercase;color:#fff;background:none;filter:none;text-shadow:8px 8px 0 #ff2e88}.visual-lab[data-layout="kinetic"] .hero p{color:#f7ff00;font-size:1rem;letter-spacing:.3em}
        body.visual-lab[data-layout="kinetic"] .lab-dataviz{display:block;height:74px;background:#f7ff00;color:#12002c}.visual-lab[data-layout="kinetic"] .lab-viz-bars{padding:10px 3%}.visual-lab[data-layout="kinetic"] .lab-viz-bar{background:#3c22ff}.visual-lab[data-layout="kinetic"] .lab-data-label{left:12px;top:4px;background:#12002c;color:#f7ff00;padding:3px 7px;z-index:2}.visual-lab[data-layout="kinetic"] .lab-data-source{right:10px;bottom:3px;color:#12002c}
        body.visual-lab[data-layout="kinetic"] .nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);padding:0;background:#12002c;border:0;gap:2px}.visual-lab[data-layout="kinetic"] .nav a{min-height:68px;border:0;border-radius:0;background:#24104a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;text-transform:uppercase}.visual-lab[data-layout="kinetic"] .nav a:hover{background:#ff2e88;transform:none;box-shadow:none}
        body.visual-lab[data-layout="kinetic"] main{max-width:1500px;margin:auto}.visual-lab[data-layout="kinetic"] .card,.visual-lab[data-layout="kinetic"] .stat,.visual-lab[data-layout="kinetic"] .mini,.visual-lab[data-layout="kinetic"] .weekly-matchup{border:3px solid #3c22ff;border-radius:0;background:#1c0939;box-shadow:10px 10px 0 rgba(255,46,136,.55)}.visual-lab[data-layout="kinetic"] .card:nth-child(even){transform:translateX(12px)}.visual-lab[data-layout="kinetic"] .button{border-radius:0;background:#f7ff00;color:#16002b;box-shadow:6px 6px 0 #ff2e88}
        @keyframes kineticGrid{to{background-position:80px 80px}}@keyframes kineticSlide{to{transform:translateX(120px)}}@keyframes kineticTilt{to{transform:rotate(5deg) scale(1.04)}}

        /* Lane Vision: content floats over a dimensional bowling-lane stage */
        body.visual-lab[data-layout="lanevision"]{background:#081018;perspective:1300px}.visual-lab[data-layout="lanevision"]:before{background:repeating-linear-gradient(90deg,rgba(225,177,106,.11) 0 1px,transparent 1px 9%),linear-gradient(#09111a,rgba(99,58,25,.25));transform-origin:top;transform:perspective(700px) rotateX(56deg) scale(1.35);mask-image:linear-gradient(#000,transparent 82%)}.visual-lab[data-layout="lanevision"]:after{content:"●  ●  ●  ●  ●  ●  ●";left:0;bottom:auto;top:48vh;width:100%;text-align:center;letter-spacing:6vw;color:rgba(255,255,255,.06);font-size:50px;transform:none;animation:lanePins 4s ease-in-out infinite}
        body.visual-lab[data-layout="lanevision"] .hero{min-height:330px;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 110%,rgba(14,165,233,.25),transparent 48%),linear-gradient(#050912,#0b1823);border:0;box-shadow:none}.visual-lab[data-layout="lanevision"] .hero:before{inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.14) 50%,transparent 52%);width:auto;height:auto;transform:none;animation:scanner 4s ease infinite}.visual-lab[data-layout="lanevision"] .brand{flex-direction:column}.visual-lab[data-layout="lanevision"] h1{text-transform:uppercase;font-style:italic;transform:skew(-5deg);font-size:clamp(45px,7vw,86px)}
        body.visual-lab[data-layout="lanevision"] .nav{justify-content:center;gap:14px;background:transparent;border:0;box-shadow:none;margin-top:-30px}.visual-lab[data-layout="lanevision"] .nav a{min-width:105px;min-height:58px;border-radius:50% 50% 12px 12px;background:linear-gradient(#fff,#cbd5e1);color:#0f172a;text-align:center;box-shadow:0 12px 25px rgba(0,0,0,.35)}.visual-lab[data-layout="lanevision"] .nav a:hover{background:#38bdf8;transform:translateY(-8px);box-shadow:0 18px 35px rgba(14,165,233,.3)}
        body.visual-lab[data-layout="lanevision"] main{max-width:1280px;margin:auto;transform-style:preserve-3d}.visual-lab[data-layout="lanevision"] .card,.visual-lab[data-layout="lanevision"] .weekly-matchup{background:linear-gradient(145deg,rgba(19,36,50,.95),rgba(7,15,24,.96));border:1px solid rgba(125,211,252,.25);border-radius:22px;transform:rotateX(1.5deg);box-shadow:0 28px 70px rgba(0,0,0,.42)}.visual-lab[data-layout="lanevision"] .card:hover{transform:rotateX(0) translateZ(18px)}
        @keyframes lanePins{50%{opacity:.3;filter:blur(3px);transform:scale(.96)}}

        /* Event Mode: dramatic live-show composition with vertical chapter tabs */
        @media(min-width:1001px){body.visual-lab[data-layout="event"]{padding-right:190px}.visual-lab[data-layout="event"] .lab-ribbon,.visual-lab[data-layout="event"] .theme-showroom{margin-right:-190px}.visual-lab[data-layout="event"] .nav{position:fixed;right:0;top:86px;bottom:0;width:190px;display:flex;flex-direction:column;padding:20px 12px;background:#050505;border:0;border-left:1px solid #ef233c;box-shadow:-18px 0 45px rgba(0,0,0,.4)}.visual-lab[data-layout="event"] .nav a{flex:1;max-height:76px;display:flex;align-items:center;padding:12px;border-radius:0;border:0;border-bottom:1px solid #302024;background:transparent;color:#b9aeb0;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}.visual-lab[data-layout="event"] .nav a:hover{background:#ef233c;color:#fff;transform:translateX(-8px);box-shadow:none}}
        body.visual-lab[data-layout="event"]{--cyan:#ef233c;--pink:#ff4d6d;--blue:#5f0f20;background:#050505}.visual-lab[data-layout="event"]:before{background:linear-gradient(120deg,transparent 0 65%,rgba(239,35,60,.07) 65%);mask-image:none}.visual-lab[data-layout="event"]:after{content:"LIVE • TONIGHT • ";font-size:14vw;color:rgba(239,35,60,.04);animation:none}
        body.visual-lab[data-layout="event"] .hero{min-height:78vh;align-items:flex-end;padding:8vh 7%;background:linear-gradient(90deg,rgba(0,0,0,.96) 0 45%,rgba(32,0,7,.55)),radial-gradient(circle at 78% 30%,#b00926,transparent 35%),#050505;border-bottom:8px solid #ef233c;box-shadow:none}.visual-lab[data-layout="event"] .hero:before{inset:0;width:auto;height:auto;background:linear-gradient(105deg,transparent 0 54%,rgba(255,255,255,.09) 54.2% 54.5%,transparent 55%);transform:none;animation:eventSweep 4s ease-in-out infinite}.visual-lab[data-layout="event"] .hero:after{display:none}.visual-lab[data-layout="event"] .logo{width:115px;height:115px;border-radius:0;background:#ef233c;box-shadow:18px 18px 0 #fff;animation:none}.visual-lab[data-layout="event"] h1{font-size:clamp(70px,11vw,160px);line-height:.7;text-transform:uppercase;letter-spacing:-.09em;background:none;color:#fff;filter:none;text-shadow:none;max-width:900px}.visual-lab[data-layout="event"] .hero p{color:#ff4d6d;font-size:1rem;letter-spacing:.35em}
        body.visual-lab[data-layout="event"] main{max-width:1250px;margin:auto;padding:65px 30px}.visual-lab[data-layout="event"] .card,.visual-lab[data-layout="event"] .stat,.visual-lab[data-layout="event"] .mini,.visual-lab[data-layout="event"] .weekly-matchup{background:#0c0c0c;border:0;border-left:5px solid #ef233c;border-radius:0;box-shadow:none}.visual-lab[data-layout="event"] .button{background:#ef233c;border:0;border-radius:0;box-shadow:none}
        @keyframes eventSweep{0%,40%{transform:translateX(-30%)}80%,100%{transform:translateX(30%)}}

        @media(max-width:900px){.lab-dataviz{height:190px!important}.visual-lab[data-layout="kinetic"] .hero{min-height:270px}.visual-lab[data-layout="kinetic"] h1{font-size:clamp(2.8rem,14vw,5rem)}.visual-lab[data-layout="kinetic"] .nav{grid-template-columns:repeat(2,1fr)}.visual-lab[data-layout="event"]{padding-right:0}.visual-lab[data-layout="event"] .hero{min-height:65vh;padding:55px 18px!important}.visual-lab[data-layout="event"] .logo{width:72px;height:72px;box-shadow:9px 9px 0 #fff}.visual-lab[data-layout="event"] h1{font-size:clamp(3.2rem,17vw,6rem)}.visual-lab[data-layout="lanevision"] .nav{display:grid;grid-template-columns:repeat(2,1fr);padding:10px}.visual-lab[data-layout="lanevision"] .nav a{border-radius:14px;min-width:0}}
        /* Extreme spatial concepts */
        .lab-spatial-scene{display:none;pointer-events:none}.lab-lane{position:absolute;left:50%;bottom:-8vh;width:78vw;height:92vh;transform:translateX(-50%) perspective(680px) rotateX(67deg);transform-origin:bottom;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 12.5%),linear-gradient(90deg,#5d3215,#dca85d 4%,#f3c77e 50%,#dca85d 96%,#5d3215);border:10px solid #24120a;box-shadow:0 0 90px rgba(255,176,79,.25)}
        .lab-lane:after{content:"";position:absolute;left:49.7%;top:0;bottom:0;width:4px;background:rgba(70,31,10,.38);box-shadow:-16vw 0 rgba(70,31,10,.22),16vw 0 rgba(70,31,10,.22)}
        .lab-pin{position:absolute;left:var(--x);top:var(--y);width:34px;height:86px;border-radius:48% 48% 40% 40%/34% 34% 66% 66%;background:linear-gradient(90deg,#cbd5e1,#fff 45%,#cbd5e1);filter:drop-shadow(0 18px 8px rgba(0,0,0,.35));transform:translateZ(var(--z)) rotateX(-8deg);animation:pinFloat 3s ease-in-out infinite alternate;animation-delay:var(--delay)}
        .lab-pin:before{content:"";position:absolute;left:3px;right:3px;top:24px;height:9px;background:#ef233c;border-top:3px solid #fff;border-bottom:3px solid #fff}
        .lab-orbit{position:absolute;left:50%;top:50%;width:min(70vw,780px);aspect-ratio:1;border:1px solid rgba(123,249,255,.24);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 90px rgba(63,224,255,.08),inset 0 0 90px rgba(63,224,255,.06);animation:orbitSpin 24s linear infinite}.lab-orbit:nth-child(2){width:min(50vw,540px);animation-direction:reverse;animation-duration:16s}.lab-orbit:nth-child(3){width:min(30vw,330px);animation-duration:10s}.lab-orbit:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:8%;top:18%;background:#7bf9ff;box-shadow:0 0 28px #7bf9ff}
        @keyframes pinFloat{to{transform:translateZ(var(--z)) translateY(-12px) rotateX(4deg)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}

        /* 3D Alley: a navigable bowling environment */
        body.visual-lab[data-layout="threed"]{--mx:0;--my:0;background:#04060b;perspective:1400px;transform-style:preserve-3d}
        body.visual-lab[data-layout="threed"]:before,body.visual-lab[data-layout="threed"]:after{display:none}.visual-lab[data-layout="threed"] .lab-spatial-scene.scene-alley{display:block;position:fixed;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#18243a,#03050a 65%)}
        body.visual-lab[data-layout="threed"] .hero{min-height:72vh;justify-content:center;text-align:center;background:transparent;border:0;box-shadow:none;transform-style:preserve-3d}.visual-lab[data-layout="threed"] .hero:before{inset:10% 15%;width:auto;height:auto;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.17),transparent 60%);transform:translateZ(80px);animation:logoPulse 4s ease infinite}.visual-lab[data-layout="threed"] .hero:after{display:none}.visual-lab[data-layout="threed"] .brand{flex-direction:column;transform:translate3d(calc(var(--mx)*22px),calc(var(--my)*18px),110px);transition:transform .12s linear}.visual-lab[data-layout="threed"] .logo{width:110px;height:110px;border-radius:50%;font-size:56px;background:radial-gradient(circle at 35% 25%,#fff,#4ee7ff 25%,#2835b5 64%,#110933);box-shadow:0 35px 45px rgba(0,0,0,.55),0 0 70px rgba(78,231,255,.48);animation:ballHover 3s ease-in-out infinite}.visual-lab[data-layout="threed"] h1{font-size:clamp(58px,9vw,118px);line-height:.8;text-transform:uppercase;text-shadow:0 8px 0 #10193c,0 18px 35px #000}.visual-lab[data-layout="threed"] .hero p{color:#7bf9ff}
        body.visual-lab[data-layout="threed"] .nav{position:relative;z-index:20;display:flex;justify-content:center;gap:12px;margin:-84px auto 50px;padding:20px;background:transparent;border:0;box-shadow:none;perspective:900px}.visual-lab[data-layout="threed"] .nav a{min-width:110px;min-height:70px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(123,249,255,.35);border-radius:12px;background:linear-gradient(145deg,rgba(20,40,70,.88),rgba(5,10,25,.94));box-shadow:0 20px 30px rgba(0,0,0,.42);transform:rotateX(14deg) translateZ(0);text-align:center}.visual-lab[data-layout="threed"] .nav a:nth-child(even){transform:rotateX(14deg) translateY(15px)}.visual-lab[data-layout="threed"] .nav a:hover{transform:rotateX(0) translateY(-14px) translateZ(35px);box-shadow:0 30px 45px rgba(0,0,0,.5),0 0 30px rgba(78,231,255,.24)}
        body.visual-lab[data-layout="threed"] main{max-width:1300px;margin:auto;perspective:1200px;transform-style:preserve-3d}.visual-lab[data-layout="threed"] .card,.visual-lab[data-layout="threed"] .weekly-matchup,.visual-lab[data-layout="threed"] .stat,.visual-lab[data-layout="threed"] .mini{background:linear-gradient(145deg,rgba(18,34,57,.92),rgba(5,10,22,.96));border:1px solid rgba(123,249,255,.22);box-shadow:0 42px 75px rgba(0,0,0,.48);transform:rotateX(calc(var(--card-y,0)*1deg)) rotateY(calc(var(--card-x,0)*1deg));transform-style:preserve-3d;transition:transform .16s ease,box-shadow .25s ease}.visual-lab[data-layout="threed"] .card:hover{box-shadow:0 55px 90px rgba(0,0,0,.58),0 0 40px rgba(78,231,255,.12)}
        @keyframes ballHover{50%{transform:translateY(-18px) rotate(-8deg)}}

        /* Orbital Interface: radial navigation and data floating in space */
        body.visual-lab[data-layout="orbital"]{background:#03010c;min-height:100vh}.visual-lab[data-layout="orbital"]:before{background:radial-gradient(circle,rgba(255,255,255,.32) 0 1px,transparent 1.6px);background-size:53px 53px;mask-image:none;animation:starDrift 22s linear infinite}.visual-lab[data-layout="orbital"]:after{display:none}.visual-lab[data-layout="orbital"] .lab-spatial-scene.scene-orbit{display:block;position:absolute;z-index:0;left:0;right:0;top:86px;height:700px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(80,34,180,.24),transparent 45%)}
        body.visual-lab[data-layout="orbital"] .hero{position:relative;z-index:2;min-height:660px;justify-content:center;text-align:center;background:transparent;border:0;box-shadow:none}.visual-lab[data-layout="orbital"] .hero:before,.visual-lab[data-layout="orbital"] .hero:after{display:none}.visual-lab[data-layout="orbital"] .brand{flex-direction:column}.visual-lab[data-layout="orbital"] .logo{width:94px;height:94px;border-radius:50%;background:#08031a;border:2px solid #7bf9ff;box-shadow:0 0 75px #5c2bde;animation:logoPulse 2.5s ease infinite}.visual-lab[data-layout="orbital"] h1{font-size:clamp(52px,8vw,100px);line-height:.84;text-transform:uppercase}.visual-lab[data-layout="orbital"] .hero p{color:#c7b7ff}
        body.visual-lab[data-layout="orbital"] .nav{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,135px);justify-content:center;gap:16px;margin:-150px 0 70px;padding:0;background:transparent;border:0;box-shadow:none}.visual-lab[data-layout="orbital"] .nav a{min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:rgba(13,6,35,.88);border:1px solid #7957e8;box-shadow:0 0 30px rgba(121,87,232,.22);animation:orbitalButton 4s ease-in-out infinite}.visual-lab[data-layout="orbital"] .nav a:nth-child(2n){animation-delay:-2s}.visual-lab[data-layout="orbital"] .nav a:hover{background:#7bf9ff;color:#070315;transform:scale(1.12);box-shadow:0 0 45px rgba(123,249,255,.5)}
        body.visual-lab[data-layout="orbital"] main{position:relative;z-index:3;max-width:1300px;margin:auto}.visual-lab[data-layout="orbital"] .card,.visual-lab[data-layout="orbital"] .weekly-matchup,.visual-lab[data-layout="orbital"] .stat,.visual-lab[data-layout="orbital"] .mini{background:radial-gradient(circle at 20% 0,rgba(121,87,232,.18),transparent 34%),rgba(8,4,24,.93);border:1px solid rgba(155,130,255,.25);border-radius:32px;box-shadow:0 35px 80px rgba(0,0,0,.5)}
        @keyframes starDrift{to{background-position:53px 106px}}@keyframes orbitalButton{50%{transform:translateY(-10px)}}

        /* Pin Deck Stories: each content block becomes a full-screen chapter */
        body.visual-lab[data-layout="pindeck"]{background:#f2eee7;color:#171717;--text:#171717;--muted:#665f57;--line:rgba(0,0,0,.16);--cyan:#e03027;--pink:#e03027;--blue:#111;--purple:#e03027;scroll-snap-type:y proximity}
        body.visual-lab[data-layout="pindeck"]:before{background:linear-gradient(90deg,transparent 49.7%,rgba(224,48,39,.08) 49.8% 50.2%,transparent 50.3%);mask-image:none}.visual-lab[data-layout="pindeck"]:after{display:none}
        body.visual-lab[data-layout="pindeck"] .hero{min-height:88vh;scroll-snap-align:start;align-items:flex-end;padding:8vh 7%;background:#e03027;border:0;box-shadow:none}.visual-lab[data-layout="pindeck"] .hero:before{inset:8%;width:auto;height:auto;background:none;border:3px solid rgba(255,255,255,.75);transform:none;animation:none}.visual-lab[data-layout="pindeck"] .hero:after{content:"01";display:block;left:auto;right:5%;top:4%;width:auto;background:none;transform:none;animation:none;font-size:24vw;font-weight:1000;color:rgba(255,255,255,.1)}.visual-lab[data-layout="pindeck"] .logo{width:130px;height:130px;border-radius:0;background:#fff;color:#e03027;box-shadow:none;animation:none}.visual-lab[data-layout="pindeck"] h1{font-size:clamp(70px,13vw,170px);line-height:.68;letter-spacing:-.1em;text-transform:uppercase;color:#fff;background:none;filter:none;text-shadow:none}.visual-lab[data-layout="pindeck"] .hero p{color:#fff;font-size:1rem;letter-spacing:.28em}
        body.visual-lab[data-layout="pindeck"] .nav{position:sticky;top:86px;z-index:70;display:flex;justify-content:center;background:#171717;border:0;padding:0;gap:0}.visual-lab[data-layout="pindeck"] .nav a{border:0;border-radius:0;background:#171717;color:#bbb;padding:18px 16px}.visual-lab[data-layout="pindeck"] .nav a:hover{background:#fff;color:#e03027;transform:none;box-shadow:none}
        body.visual-lab[data-layout="pindeck"] main{max-width:none;margin:0;padding:0}.visual-lab[data-layout="pindeck"] main>.card,.visual-lab[data-layout="pindeck"] main>.grid,.visual-lab[data-layout="pindeck"] main>.week-summary,.visual-lab[data-layout="pindeck"] main>.weekly-matchups{min-height:72vh;scroll-snap-align:start;padding:7vw;display:flex;flex-direction:column;justify-content:center;margin:0;border:0;border-radius:0;box-shadow:none;background:#f2eee7;color:#171717}.visual-lab[data-layout="pindeck"] main>*:nth-child(even){background:#171717;color:#fff}.visual-lab[data-layout="pindeck"] main>*:nth-child(3n){background:#19324a;color:#fff}.visual-lab[data-layout="pindeck"] .card h2,.visual-lab[data-layout="pindeck"] h2{font-size:clamp(2.2rem,6vw,5.4rem);letter-spacing:-.06em;text-transform:uppercase;color:inherit;text-shadow:none}.visual-lab[data-layout="pindeck"] .weekly-team-card{background:#242424}.visual-lab[data-layout="pindeck"] .button{background:#e03027;border:0;border-radius:0;box-shadow:none}

        @media(max-width:900px){.lab-spatial-scene{display:none!important}.visual-lab[data-layout="threed"] .hero{min-height:58vh}.visual-lab[data-layout="threed"] .nav{display:grid;grid-template-columns:repeat(2,1fr);margin:-35px 10px 35px;padding:0}.visual-lab[data-layout="threed"] .nav a,.visual-lab[data-layout="threed"] .nav a:nth-child(even){min-width:0;transform:none}.visual-lab[data-layout="orbital"] .hero{min-height:470px}.visual-lab[data-layout="orbital"] .nav{grid-template-columns:repeat(2,1fr);margin:-80px 12px 35px}.visual-lab[data-layout="orbital"] .nav a{border-radius:18px}.visual-lab[data-layout="pindeck"] .hero{min-height:70vh;padding:50px 18px!important}.visual-lab[data-layout="pindeck"] .logo{width:72px;height:72px}.visual-lab[data-layout="pindeck"] h1{font-size:clamp(3.2rem,17vw,6rem)}.visual-lab[data-layout="pindeck"] .nav{top:78px;overflow-x:auto;justify-content:flex-start}.visual-lab[data-layout="pindeck"] main>.card,.visual-lab[data-layout="pindeck"] main>.grid,.visual-lab[data-layout="pindeck"] main>.week-summary,.visual-lab[data-layout="pindeck"] main>.weekly-matchups{min-height:55vh;padding:36px 14px}}
        /* Production-minded mobile companion for Control Rail */
        .mobile-more-button,.mobile-more-menu,.mobile-more-drawer{display:none}
        @media(max-width:700px){
            body.visual-lab[data-layout="rail"]{width:100%;max-width:100vw;padding-left:0;overflow-x:hidden}
            body.visual-lab[data-layout="rail"] .lab-ribbon{white-space:normal;text-align:center;line-height:1.25}
            body.visual-lab[data-layout="rail"] .theme-showroom{width:100%;max-width:100vw;contain:inline-size;overscroll-behavior-x:contain}
            body.visual-lab[data-layout="rail"] .hero{position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;padding:18px 14px 20px!important;overflow:hidden}
            body.visual-lab[data-layout="rail"] .hero:after{display:none}
            body.visual-lab[data-layout="rail"] .brand{flex-direction:row;align-items:center;gap:12px;width:100%}
            body.visual-lab[data-layout="rail"] .brand>div:last-child{width:auto;max-width:calc(100vw - 86px)}
            body.visual-lab[data-layout="rail"] .logo{width:54px;height:54px;border-radius:16px;font-size:27px;flex:0 0 54px}
            body.visual-lab[data-layout="rail"] .hero h1{font-size:clamp(1.28rem,6.4vw,1.7rem);line-height:.98;letter-spacing:-.035em}
            body.visual-lab[data-layout="rail"] .hero p{margin-top:8px;font-size:.62rem;line-height:1.35;letter-spacing:.09em}
            body.visual-lab[data-layout="rail"]>.nav,body.visual-lab[data-layout="rail"] .hero+.nav{display:none!important}
            body.visual-lab[data-layout="rail"] main{width:100%;max-width:100vw;padding:14px 10px 82px!important}
            body.visual-lab[data-layout="rail"] main>.grid:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
            body.visual-lab[data-layout="rail"] main>.grid:first-child .stat{min-height:108px;padding:13px;border-radius:15px}
            body.visual-lab[data-layout="rail"] main>.grid:first-child .stat span{font-size:.64rem;letter-spacing:.06em}
            body.visual-lab[data-layout="rail"] main>.grid:first-child .stat strong{font-size:clamp(1.35rem,7vw,1.8rem);line-height:1.08;overflow-wrap:anywhere}
            body.visual-lab[data-layout="rail"] .grid{gap:12px;margin-bottom:14px}
            body.visual-lab[data-layout="rail"] .card{padding:14px;margin-bottom:14px;border-radius:16px}
            body.visual-lab[data-layout="rail"] .core-link{min-height:132px;padding:16px}
            body.visual-lab[data-layout="rail"] .core-link h2{font-size:1.45rem}
            body.visual-lab[data-layout="rail"] .mobile-bottom-nav{z-index:140;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:100vw}
            body.visual-lab[data-layout="rail"] .mobile-bottom-nav a,body.visual-lab[data-layout="rail"] .mobile-more-button{min-width:0;padding:4px 2px}
            body.visual-lab[data-layout="rail"] .mobile-more-button{display:flex!important;appearance:none;border:0;background:transparent;color:#dbeafe;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}
            body.visual-lab[data-layout="rail"] .mobile-more-button b{font-size:1.2rem;line-height:1}
            body.visual-lab[data-layout="rail"] .mobile-more-menu{display:block;min-width:0;position:relative;color:#dbeafe}
            body.visual-lab[data-layout="rail"] .mobile-more-menu summary{display:flex;min-height:52px;padding:4px 2px;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.68rem;font-weight:850;cursor:pointer;list-style:none}
            body.visual-lab[data-layout="rail"] .mobile-more-menu summary::-webkit-details-marker{display:none}
            body.visual-lab[data-layout="rail"] .mobile-more-menu summary b{font-size:1.2rem;line-height:1}
            body.visual-lab[data-layout="rail"] .mobile-more-drawer{position:fixed;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;left:10px;right:10px;bottom:74px;z-index:130;padding:14px;border:1px solid rgba(94,231,255,.28);border-radius:18px;background:rgba(7,8,28,.98);box-shadow:0 24px 70px rgba(0,0,0,.62);backdrop-filter:blur(20px);transform:translateY(18px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}
            body.visual-lab[data-layout="rail"] .mobile-more-drawer.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
            body.visual-lab[data-layout="rail"] .mobile-more-menu[open] .mobile-more-drawer{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
            body.visual-lab[data-layout="rail"] .mobile-more-menu[open]:before{content:"";position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);pointer-events:none}
            body.visual-lab[data-layout="rail"] .mobile-more-drawer a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border:1px solid rgba(148,163,184,.15);border-radius:11px;background:#111532;color:#e6f6ff;text-decoration:none;font-size:.82rem;font-weight:850}
            body.visual-lab[data-layout="rail"] .mobile-more-drawer a:last-child{grid-column:1/-1;justify-content:center;color:#67e8f9}
            body.visual-lab[data-layout="rail"].mobile-drawer-open:before{content:"";position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);pointer-events:auto}
        }
        @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lab-spatial-scene{display:none!important}}
        /* Center-specific identity replaces the generic bowling emoji. */
        .logo.brand-logo{
            width:220px;
            height:88px;
            padding:7px 10px;
            border-radius:16px;
            background:#fff;
            border:1px solid rgba(255,255,255,.55);
            box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 24px rgba(255,145,45,.16);
            animation:none;
            overflow:hidden;
        }
        .logo.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
        @media(min-width:901px){body.visual-lab[data-layout="rail"] .logo.brand-logo{width:220px;height:88px;flex:0 0 88px;border-radius:16px}}
        @media(max-width:900px){body.visual-lab .hero .logo.brand-logo{width:180px;height:72px;flex:0 0 180px;border-radius:14px;padding:6px 9px}}
        @media(max-width:520px){body.visual-lab .hero .logo.brand-logo{width:150px;height:62px;flex:0 0 150px;border-radius:12px;padding:5px 8px}}
        @media(max-width:700px){.mvp-week-selector .weekbar{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding-left:0!important;padding-right:0!important}}