/* StatCall identity: angular sports typography, orange action, blue signal. */
@media screen{
:root{--bg:#0C0E13;--panel:#151922;--panel2:#1C2230;--line:#30394A;--accent:#F58220;--blue:#3355FF;--ink:#F7F8FC;--dim:#B2BDCE;--accentInk:#0C0E13}
:root[data-theme="light"]{--bg:#F2F4F8;--panel:#FFFFFF;--panel2:#EAF0F8;--line:#CED7E5;--accent:#B24E00;--blue:#3355FF;--ink:#0C0E13;--dim:#526078;--accentInk:#FFFFFF}
h1,h2,h3,.tagline,#welcomeCard .tagline{font-style:normal;letter-spacing:.035em}
.card{border-radius:8px;border-top:2px solid var(--line)}
.hero{border-top:3px solid var(--blue)}
.btn,input,select,textarea,.tile,.pill,.chip{border-radius:6px}
.btn.primary{background:#F58220;color:#0C0E13;border-color:#F58220;font-weight:900}
.btn.primary:hover{filter:brightness(1.06)}
.appHead{padding:12px 0 14px;margin-bottom:6px;border-bottom:2px solid var(--line)}
.appHead .scLogo{width:240px;max-width:62vw;height:auto!important}
body.pg-game .appHead .scLogo{width:auto!important;height:38px!important;max-width:62vw}
.appHead .sub{margin-top:5px}
.tile{border-top:3px solid var(--blue)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
}
