html[data-season="contro"]{
  --sx-bg:#f5f6f8;--sx-bg-glow:#e3ecff;--sx-panel:#ffffff;--sx-panel-2:#f2f5fa;--sx-line:#e1e6ee;
  --sx-text:#17191f;--sx-muted:#5f6675;--sx-accent:#0d99ff;--sx-on-accent:#ffffff;--sx-accent-soft:#e2f2ff;--sx-accent-line:#8ccbff;--sx-teal:#0a9d63;
  --sx-header:#1e1e1e;--sx-header-line:#2c2c2c;
  --sx-card-bg:radial-gradient(#d5dbe5 1px,transparent 1.2px) 0 0/18px 18px,#ffffff;
  --sx-card-line:#d9dfe8;--sx-card-ink:#17191f;--sx-card-text:#4b5262;--sx-card-accent:#0d99ff;--sx-card-kicker:#0a9d63;
  --sx-card-shadow:0 20px 50px -26px #1b2b4a55;--sx-h1-glow:none;
  --sx-cta:linear-gradient(135deg,#0d99ff,#6a5cff);--sx-cta-ink:#fff;--sx-cta-shadow:#3d6dff;
  --sx-strip-h:0px;--sx-strip:none;--sx-hover-line:#0d99ff88;--sx-photo-tint:none;
  --sx-banner-bg:#1e1e1e;--sx-banner-fg:#fff;--sx-banner-icon:url(/assets/seasons/contro/cursor.svg);
  --sx-title-icon:url(/assets/seasons/contro/cursor.svg);--sx-mascot:url(/assets/seasons/contro/crowd.svg);
  --sx-fx-bg:#1e1e1e;--sx-fx-ring:#fff;--sx-fx-body:#fff;--sx-fx-stroke:#ccc;--sx-fx-z:#8ccbff
}
html[data-season="contro"][data-theme="dark"]{
  --sx-bg:#141518;--sx-bg-glow:#1d2a44;--sx-panel:#1e2026;--sx-panel-2:#252831;--sx-line:rgba(255,255,255,0.1);
  --sx-text:#eef1f6;--sx-muted:#9aa3b2;--sx-accent:#4cb3ff;--sx-on-accent:#0b1020;--sx-accent-soft:rgba(76,179,255,0.14);--sx-accent-line:rgba(76,179,255,0.45);--sx-teal:#3fd99a;
  --sx-header:#0f1012;--sx-header-line:#24262c;
  --sx-card-bg:radial-gradient(#ffffff1c 1px,transparent 1.2px) 0 0/18px 18px,#1b1d22;
  --sx-card-line:#2c2f37;--sx-card-ink:#f2f4f8;--sx-card-text:#b6bdca;--sx-card-accent:#4cb3ff;--sx-card-kicker:#3fd99a
}
html[data-season="contro"] body{background-image:radial-gradient(#c9d1dd 1px,transparent 1.2px);background-size:22px 22px}
html[data-season="contro"][data-theme="dark"] body{background-image:radial-gradient(#ffffff14 1px,transparent 1.2px)}
html[data-season="contro"] .hero .hero-copy .home-hero-features a{background:#ffffffcc!important;border-color:#d9dfe8!important;color:var(--sx-card-ink)!important}
html[data-season="contro"][data-theme="dark"] .hero .hero-copy .home-hero-features a{background:#ffffff0f!important;border-color:#ffffff26!important}
html[data-season="contro"] .hero .hero-copy .home-hero-features a:hover,html[data-season="contro"] .achievement-year-card:hover{outline:1.5px solid #0d99ff;outline-offset:2px}

:root[data-season="contro"]:not(.cs-ready) :is(header.site-header,main,footer.site-footer){visibility:hidden;animation:cs-guard 0s linear 2.5s forwards}
@keyframes cs-guard{to{visibility:visible}}
.cs-wait{visibility:hidden!important}
.cs-fade{animation:cs-fade .35s ease-out both}
.cs-type{animation:cs-type var(--cs-d,.6s) steps(var(--cs-n,12),end) both}
.cs-wipe{animation:cs-wipe var(--cs-d,.5s) ease-out both}
@keyframes cs-fade{from{opacity:0}to{opacity:1}}
@keyframes cs-type{from{clip-path:inset(-4px 100% -4px -4px)}to{clip-path:inset(-4px -4px -4px -4px)}}
@keyframes cs-wipe{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}

.cs-layer{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:2147483000;overflow:hidden;font:600 11px/1 "Be Vietnam Pro",system-ui,sans-serif}
.cs-box{position:absolute;border:1.5px solid var(--c,#0d99ff);background:color-mix(in srgb,var(--c,#0d99ff) 8%,transparent);border-radius:2px;transition:opacity .3s}
.cs-box i{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--c,#0d99ff);border-radius:1px}
.cs-box i:nth-child(1){left:-4.5px;top:-4.5px}.cs-box i:nth-child(2){right:-4.5px;top:-4.5px}.cs-box i:nth-child(3){left:-4.5px;bottom:-4.5px}.cs-box i:nth-child(4){right:-4.5px;bottom:-4.5px}
.cs-box b{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);padding:3px 6px;border-radius:4px;background:var(--c,#0d99ff);color:#fff;font-weight:600;white-space:nowrap}
.cs-box.is-out{opacity:0}
.cs-agent{position:absolute;left:0;top:0;will-change:transform;transition:opacity .4s}
.cs-agent svg{display:block;width:22px;height:22px;filter:drop-shadow(0 1px 1.5px #0005)}
.cs-agent.is-beam svg{display:none}
.cs-agent .cs-beam{display:none;position:absolute;left:-1px;top:-11px;width:2px;height:22px;background:var(--c)}
.cs-agent.is-beam .cs-beam{display:block}
.cs-agent.is-down svg{transform:scale(.88)}
.cs-agent.is-gone{opacity:0}
.cs-agent svg{transition:transform .45s ease-in,opacity .45s ease-in}
.cs-agent.is-merge svg{transform:scale(.1) rotate(160deg);opacity:0}
.cs-burst{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,#fff 0,#8fd3ff 35%,#4c7dff55 60%,transparent 72%);animation:cs-burst .8s ease-out forwards}
@keyframes cs-burst{from{transform:scale(1);opacity:1}to{transform:scale(22);opacity:0}}
.cs-replay{position:fixed;left:16px;bottom:16px;z-index:2147483001;display:flex;align-items:center;gap:6px;padding:8px 12px 8px 9px;border:0;border-radius:999px;background:#1e1e1e;color:#fff;
  font:600 12px "Be Vietnam Pro",system-ui,sans-serif;box-shadow:0 8px 20px #0003;cursor:pointer;transition:transform .15s}
.cs-replay:hover{transform:translateY(-2px)}
.cs-replay img{width:16px;height:16px}
@media (max-width:600px){.cs-replay{left:10px;bottom:10px}}
