/* LaosScore / November 2026. Presentation layer; live data hooks stay in app.css. */
:root {
  --navy-void:#101827;--navy-deep:#152033;--navy-panel:#1A263B;--navy-line:#2B3950;
  --bg:#101827;--surface:#152033;--card:#1A263B;--card-2:#202E44;
  --text:#F2F5FA;--text-dim:#BCC7D9;--text-mute:#9AAAC0;
  --line:#2B3950;--line-lit:#42536B;--blue:#E33145;--blue-dim:#B81F35;--cyan:#9CB9EB;
  --red:#FF7180;--away:#D4A8ED;--away-dim:#8B529C;--draw:#81BDB1;--gold:#EAC575;
  --lgh-bg:#202E44;--lgh-hot:#25334B;--lgh-line:#34435D;--lgh-hotline:#435472;--lgh-sub:#B9C7DA;
  --shadow:0 4px 20px rgba(0,0,0,.12);--glow:0 0 0 3px rgba(227,49,69,.12);
  --r-sm:8px;--r-md:14px;--r-lg:20px;--accent-soft:#332332;--home-goal:#213F4A;--away-goal:#3B2B48;
  --ff-body:'Manrope','Noto Sans Lao Looped','Noto Sans Thai',system-ui,sans-serif;
  --ff-display:var(--ff-body);--ff:var(--ff-body);--brand-navy:#102347;
}
[data-theme="light"] {
  color-scheme:light;--bg:#E1E9F4;--surface:#F7FAFF;--card:#FFFFFF;--card-2:#EDF3FB;
  --text:#182235;--text-dim:#52627B;--text-mute:#617089;--line:#D4E0EF;--line-lit:#B9CAE1;
  --blue:#CE263B;--blue-dim:#B41F34;--cyan:#365D96;--red:#C32239;--away:#8A4C9D;--away-dim:#734181;
  --draw:#337B6A;--gold:#9A6A12;--lgh-bg:#E1EBF8;--lgh-hot:#D5E3F5;--lgh-line:#DFE6F0;--lgh-hotline:#D3DDEB;--lgh-sub:#596A83;
  --shadow:0 6px 22px rgba(16,35,71,.08);--glow:0 0 0 3px rgba(206,38,59,.09);
  --accent-soft:#FFF0F2;--home-goal:#E3F2ED;--away-goal:#F3EAF7;
}
html {scroll-padding-top:calc(var(--hh) + var(--th) + 16px)}
body {font-size:14px;line-height:1.65;transition:background-color .2s,color .2s}
body::before,[data-theme="light"] body::before {display:none}
button,input,select,textarea {font-family:var(--ff-body)}
button,a,input,select,textarea {-webkit-tap-highlight-color:transparent}
:focus-visible {outline:3px solid var(--blue);outline-offset:3px}
.wrap {max-width:1320px;padding:0 24px 24px}
.ui-desktop main.pg-live,.ui-desktop main.pg-program,.ui-desktop main.pg-results {max-width:1480px}
main.wrap {padding-top:22px}
.ls-skip {position:fixed;top:-80px;left:16px;z-index:150;background:var(--card);color:var(--text);padding:12px 20px;border:2px solid var(--blue);border-radius:10px}
.ls-skip:focus {top:12px}
/* Navigation and tools. */
.topbar {background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(16,35,71,.035)}
.topbar::before {content:'';display:block;height:3px;background:linear-gradient(90deg,#E33145 0 12%,#102347 12% 88%,#E33145 88%)}
.topbar-in {max-width:1480px;padding:12px 24px;gap:28px;min-height:80px}
.mark {position:relative;line-height:0}
.mark-logo,.ui-mobile .mark-logo {width:204px;height:46px;object-fit:contain}
.mark-logo--dark {display:none}
[data-theme="dark"] .mark-logo--light {display:none}
[data-theme="dark"] .mark-logo--dark {display:block}
.mainnav {gap:4px;align-self:stretch;align-items:stretch}
.mainnav a {display:flex;align-items:center;justify-content:center;position:relative;border:0;border-radius:0;background:none;color:var(--text-dim);padding:12px 13px;font-size:13px;font-weight:600;line-height:1.6}
.mainnav a::after {content:'';position:absolute;left:14px;right:14px;bottom:-12px;height:3px;border-radius:3px 3px 0 0;background:var(--blue);transform:scaleX(0);transition:transform .2s}
.mainnav a.is-on {color:var(--text);background:none;border:0;box-shadow:none;font-weight:800}
.mainnav a.is-on::after {transform:scaleX(1)}
.mainnav a:hover {color:var(--blue);background:none}
.mainnav a:hover::after {transform:scaleX(.6)}
.tools {gap:6px}
.icon-btn {width:38px;height:38px;border-radius:11px;background:var(--card-2);border:1px solid transparent;color:var(--text-dim);box-shadow:none;transition:background .18s,transform .18s,color .18s}
.icon-btn:hover {color:var(--blue);background:var(--accent-soft);box-shadow:none;border-color:transparent;transform:translateY(-2px)}
.search {background:var(--card-2);border:1px solid var(--line);border-radius:10px;box-shadow:none}
.search input {color:var(--text)}
.search input::placeholder {color:var(--text-mute)}
.search svg {color:var(--text-dim);opacity:1}
.lgbar,[data-theme="light"] .lgbar {background:var(--surface);margin-top:0;border-bottom:1px solid var(--line)}
.lgwrap {max-width:1480px;margin:auto}
.lgnav {max-width:none;gap:8px;padding:12px 24px}
.lgn {flex:0 0 auto;min-width:0;flex-direction:row;gap:9px;padding:7px 13px;background:var(--card-2);border:1px solid transparent;border-radius:10px;font-size:11.5px;line-height:1.5}
.lgn img {width:27px;height:27px;border-radius:7px;object-fit:contain}
.lgn img.lg-api {padding:3px}
.lgn.is-on,[data-theme="light"] .lgn.is-on {color:var(--blue);background:var(--accent-soft);border-color:rgba(227,49,69,.20);box-shadow:none}
.lgn:hover {border-color:var(--line-lit);background:var(--card);transform:translateY(-1px)}
.lgmore,.lgless {animation:none;background-color:#E7EDF7;box-shadow:0 2px 9px rgba(16,35,71,.14);width:28px;height:28px;margin-top:-14px}
/* Page hierarchy. */
.pghead,.ui-mobile .pghead {border:0;box-shadow:none;background:none;border-radius:0;overflow:visible;padding:3px 0 20px;margin:0}
.pghead::before {display:none}
.ls-eyebrow {display:flex;align-items:center;gap:9px;color:var(--text-mute);font-family:'Manrope',sans-serif;font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:9px}
.ls-flag {display:inline-block;width:23px;height:15px;border-radius:3px;background:linear-gradient(#DF263E 0 25%,#173B76 25% 75%,#DF263E 75%);position:relative;flex:none;box-shadow:0 0 0 1px rgba(16,35,71,.08)}
.ls-flag::after {content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:white;top:4.5px;left:8.5px}
.pgh-top {align-items:center;gap:18px}
.pghead h1 {font-size:27px;font-weight:800;line-height:1.55;letter-spacing:0;white-space:normal;overflow:visible}
.pgh-sub {font-size:13px;margin-top:5px;line-height:1.85;white-space:normal;overflow:visible;color:var(--text-dim)}
.pgh-meta {font-size:12px;border-radius:10px;padding:7px 12px;background:var(--card);color:var(--text-dim)}
.pgh-ico {display:none}
.pg-league .pghead h1 {font-size:23px;line-height:1.6}
/* One unified toolbar, with views on the right. */
.toolbar,.ui-mobile .toolbar {gap:10px;padding:10px 0;margin-bottom:10px;background:var(--bg);justify-content:space-between}
.ui-desktop .toolbar {justify-content:space-between}
.tbar {gap:7px;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.tb,.tbar .tb {border-radius:9px;background:var(--card);border:1px solid var(--line);color:var(--text-dim);font-size:12px;min-height:36px;padding:7px 11px;line-height:1.5}
.tb:hover,.tbar .tb:hover {background:var(--card);color:var(--blue);border-color:var(--line-lit)}
.tb.is-on {background:var(--accent-soft);border-color:rgba(227,49,69,.26);color:var(--blue);box-shadow:none}
.seg,.tbar .seg {border-radius:10px;padding:4px;gap:2px;background:var(--card-2);border:1px solid var(--line);box-shadow:none}
.seg a,.seg button {border-radius:7px;padding:6px 12px;color:var(--text-dim);font-size:12px;line-height:1.5}
.seg a.is-on,.seg button.is-on {color:var(--text);background:var(--card);box-shadow:0 1px 5px rgba(16,35,71,.10)}
.tb.lang {padding:6px 10px}
.daycard {margin-bottom:10px;background:var(--card);border:1px solid var(--line);box-shadow:none;padding:7px;border-radius:14px;gap:8px}
.dn,[data-theme="light"] .dn {background:none;border-color:transparent;color:var(--text-dim);border-radius:9px;padding:11px 13px;font-size:12px}
.dn.is-on,[data-theme="light"] .dn.is-on {background:var(--brand-navy);border-color:var(--brand-navy);color:#fff;box-shadow:none}
.dn:hover,[data-theme="light"] .dn:hover {background:var(--card-2);border-color:var(--line);color:var(--text)}
.day-more,.day-more.back,.day-more:hover,.day-more.back:hover {background:var(--brand-navy);box-shadow:none}
.day-more i {animation:none}
/* Score tables: stronger score hierarchy, calmer headers, more air. */
.sect {margin-bottom:18px}
.sect-head,#tLive .sect-head,#tLiveH .sect-head,#tLive2 .sect-head,#tNs .sect-head,#tNsH .sect-head,#tNs2 .sect-head,#tFt .sect-head,#tFtH .sect-head,#tFt2 .sect-head {background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;padding:15px 18px;margin:0;box-shadow:none}
#tLiveH .sect-head::before,#tNsH .sect-head::before,#tFtH .sect-head::before {display:none}
.sect-name {color:var(--text);font-size:14px;letter-spacing:0;font-weight:800;line-height:1.65}
.sect-note,.sect-n {color:var(--text-mute);font-size:11px;letter-spacing:0}
.sect-dot,.sect-dot.ns {background:var(--text-mute);width:7px;height:7px}
.sect-dot.live {background:var(--red);animation:lsPulse 2.6s infinite}
.sect-head:has(.sect-dot.live) .sect-name {color:var(--red)}
.sect-snd,.sect-cfg,[data-snd="on"] .sect-snd {width:28px;height:28px;background:var(--card-2);color:var(--text-dim);border:1px solid var(--line);border-radius:8px}
.sect-snd:hover,.sect-cfg:hover {background:var(--accent-soft);color:var(--blue)}
.league {box-shadow:var(--shadow);border-radius:0 0 14px 14px;border:1px solid var(--line)}
.lt {font-size:13px}
.lt thead th {padding:8px 8px;font-size:10px;letter-spacing:0;background:var(--card-2);color:var(--text-mute);font-weight:600;line-height:1.6}
.lt td {height:46px;padding:8px;border-bottom:1px solid var(--line)}
.lt tr.row:hover td {background:var(--card-2)}
.lt tr.row.is-live td:first-child {box-shadow:inset 3px 0 0 var(--red)}
tr.lghead td,tr.lghead.hot td {background:var(--lgh-bg);box-shadow:none;padding:9px 13px;height:37px;font-size:12px;border-color:var(--line)}
tr.lghead.hot td {background:var(--lgh-hot)}
.lghead .hotmark {background:var(--card);color:var(--text-dim);border:1px solid var(--line-lit);border-radius:5px;font-size:9px;padding:0 6px}
.c-lg {font-size:11.5px}
.badge {width:25px;height:25px;box-shadow:none;border-radius:6px;background:#fff}
.tname {font-weight:600;font-size:13px;max-width:calc(100% - 70px)}
.sc {min-width:58px;border-radius:8px;background:var(--card-2);font-size:17px;font-weight:800;padding:4px 7px;letter-spacing:.5px;line-height:1.4}
tr.is-live .sc,[data-theme="light"] tr.is-live .sc {color:var(--red);background:var(--accent-soft);box-shadow:none}
.sc.pending {background:none;color:var(--text-mute);font-size:11px}
.c-time,.c-st {font-size:11.5px}
.st.live::before,.ui-mobile .st.live::before {animation:lsPulse 2.6s infinite}
.star {transition:transform .18s}
.star:active {transform:scale(.84)}
.more-btn {margin:0 0 18px;border-radius:11px;padding:11px;border:1px dashed var(--line-lit);background:none;color:var(--text-dim);font-size:12px;box-shadow:none}
.more-btn:hover {background:var(--card);color:var(--blue)}
/* Match, team and league detail surfaces. */
.board {position:relative;overflow:hidden;grid-template-columns:1fr 210px 1fr;padding:36px 30px;border-radius:20px;background:var(--brand-navy);color:#fff;border:1px solid #20385C;margin-bottom:18px;box-shadow:0 8px 30px rgba(16,35,71,.12)}
.board::before {content:'';pointer-events:none;position:absolute;inset:0;opacity:.17;background:radial-gradient(circle at 50% 50%,transparent 0 65px,#A4B7D3 66px 67px,transparent 68px),linear-gradient(90deg,transparent calc(50% - .5px),#A4B7D3 50%,transparent calc(50% + .5px))}
.board::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#E33145,transparent 40%,transparent 60%,#E33145)}
.board > * {position:relative}
.board.live {border-color:#34496A;box-shadow:0 8px 30px rgba(16,35,71,.12)}
.board.live .big,[data-theme="light"] .board.live .big {color:#fff;text-shadow:none}
.board .big {font-size:56px;font-weight:800;line-height:1.2}
.board .big i {color:#A8B8D1}
.board .big .vs,.board .bs .sub,.board .bt small {color:#C4D1E5}
.board .st-tag {background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#D7E2F2;font-size:11px;line-height:1.6}
.board .st-tag.live {color:#FF9DA7;border-color:rgba(255,157,167,.3)}
.board .bt b {font-size:20px;line-height:1.55;color:#fff}
.board .bt img {width:72px;height:72px;border-radius:16px;padding:9px}
.ls-matchnav {display:flex;gap:6px;overflow:auto;scrollbar-width:thin;padding:5px;margin:0 0 18px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.ls-matchnav a {padding:8px 15px;border-radius:8px;white-space:nowrap;font-size:12px;color:var(--text-dim)}
.ls-matchnav a:hover {background:var(--accent-soft);color:var(--blue)}
.mcard,.panel {border:1px solid var(--line);border-radius:16px;margin-bottom:16px;box-shadow:var(--shadow);background:var(--card);padding:21px 23px;scroll-margin-top:calc(var(--hh) + 16px)}
.mcard h2 {font-size:15px;color:var(--text);font-weight:800;line-height:1.7;letter-spacing:0;margin-bottom:17px}
.pg-league .mcard > h2,.pg-league .mcard.flag-1 > h2,.pg-league .mcard.flag-2 > h2,.pg-league .mcard.flag-3 > h2,.pg-league .mcard.flag-4 > h2,.pg-league .mcard.flag-5 > h2,.pg-league .mcard.flag-x > h2 {margin:-21px -23px 16px;padding:15px 23px;background:var(--card);border-bottom:1px solid var(--line);color:var(--text);font-size:14px}
.pg-league .mcard > h2 .h2-right {color:var(--text-mute)}
.stt-row {padding:8px 0}
.stt-row .bar {height:6px}
.stt-row .bar i.h {background:#6386B5}
.stt-row .bar i.a {background:#A879BB}
.tl-row {padding:13px 0}
.lggrid {gap:14px;margin-bottom:20px}
.lgcard {border:1px solid var(--line);border-radius:16px;padding:24px 16px;gap:11px;box-shadow:var(--shadow)}
.lgcard:hover {box-shadow:0 8px 20px rgba(16,35,71,.08);border-color:var(--line-lit)}
.tmcard .tm-rank {background:var(--accent-soft);border-color:rgba(227,49,69,.16)}
.tmcard .tm-rank b {color:var(--blue)}
.tm-stats {gap:8px}
.tm-stats .ts {background:var(--card-2);border-radius:10px;padding:13px 6px}
.rd-h {background:var(--card-2);border-color:var(--line);border-radius:10px;padding:12px}
/* Information, settings, dialogs, and footer share one visual system. */
.about {padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--card);margin-top:26px;box-shadow:none}
.about h2,.info h1,.info h2 {letter-spacing:0;line-height:1.7}
.about p,.info p {font-size:14px;line-height:1.95;color:var(--text-dim)}
.feats {gap:12px}
.feat {background:var(--card-2);border:1px solid var(--line);border-radius:12px;box-shadow:none}
.foot {margin-top:24px;padding:28px 0 12px;border-top:1px solid var(--line);text-align:center;background:none;color:var(--text-mute)}
.ls-footer-brand {display:flex;justify-content:center;margin-bottom:14px}
.ls-footer-brand img {width:180px;height:42px;object-fit:contain}
.foot small {font-size:12px;line-height:1.8}
.foot-links {gap:10px 20px;margin:16px 0}
.foot-links a {font-size:12px;color:var(--text-dim)}
.foot-links a:hover {color:var(--blue)}
.foot-act {margin-top:16px}
.ls-copyright {margin-top:20px;font-size:10px;font-family:'Manrope',sans-serif;letter-spacing:1px;color:var(--text-mute)}
.panel-card,.tmbox,.tm-head,.tm-foot {border-color:var(--line)}
.tm-head,.tm-foot {background:var(--card)}
.tm-tabs button.on {background:var(--brand-navy);border-color:var(--brand-navy);box-shadow:none}
.tm-item.on {background:var(--accent-soft);border-color:rgba(227,49,69,.20)}
.tmpop {background:var(--bg)}
.tm-search input,.pc-top input {border-radius:10px;line-height:1.7}
.empty {background:var(--card);border:1px dashed var(--line-lit);border-radius:16px;padding:36px 24px;color:var(--text-dim);line-height:1.9}
.empty-btn,.nr-go,.nr-go:hover {background:var(--brand-navy);border-color:var(--brand-navy);color:#fff;box-shadow:none}
.goal {border-radius:16px;box-shadow:0 12px 40px rgba(16,35,71,.2)}
.g-top {background:#102347}
.toast {border-radius:12px;background:#102347;color:#fff;border:1px solid #30466C;box-shadow:0 8px 24px rgba(16,35,71,.16)}
.sndtip {border-radius:15px;box-shadow:0 6px 25px rgba(16,35,71,.14)}
.ldbar {height:2px}
.ldbar i {background:#E33145;box-shadow:none}
/* Restrained movement: feedback only, never looping animation on score numerals. */
.sc.flash,.ui-mobile .sc.flash b {animation:lsScore .65s ease-out}
tr.hit-h td,.ui-mobile .row.hit-h {background:var(--home-goal)!important}
tr.hit-a td,.ui-mobile .row.hit-a {background:var(--away-goal)!important}
tr.hit-h .tname,tr.hit-a .tname,.ui-mobile .row.hit-h .tname,.ui-mobile .row.hit-a .tname {color:var(--text)!important;animation:none!important}
tr.hit-h .sc,tr.hit-a .sc,.ui-mobile .row.hit-h .sc b,.ui-mobile .row.hit-a .sc b {animation:none;color:var(--text)!important}
@keyframes lsScore {0%{transform:scale(1)}35%{transform:scale(1.09);box-shadow:0 0 0 5px rgba(227,49,69,.14)}100%{transform:scale(1)}}
@keyframes lsPulse {0%,100%{opacity:1}50%{opacity:.45}}
@keyframes lsEnter {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){.pghead {animation:lsEnter .35s ease-out}.lgcard {transition:transform .2s,box-shadow .2s,border-color .2s}}
/* Mobile is deliberately a compact match feed, not a shrunken desktop table. */
.ui-mobile .wrap {padding-left:14px;padding-right:14px}
.ui-mobile main.wrap {padding-top:17px}
.ui-mobile .topbar-in {padding:10px 14px 0;gap:9px;min-height:0;flex-wrap:wrap}
.ui-mobile .mark-logo {width:158px;height:37px}
.ui-mobile .tools {gap:4px}
.ui-mobile .icon-btn {width:31px;height:33px;border-radius:9px}
.ui-mobile .mainnav {order:5;flex:1 0 100%;gap:0;margin-top:2px;min-width:0}
.ui-mobile .mainnav a {padding:10px 3px 12px;font-size:11.5px;border-radius:0;line-height:1.6;min-width:0}
.ui-mobile .mainnav a::after {bottom:0;left:7px;right:7px}
.ui-mobile .search.open {order:4;margin:2px 0 0}
.ui-mobile .lgnav {padding:10px 14px;gap:7px}
.ui-mobile .lgn {flex:0 0 auto;min-width:0;gap:6px;padding:6px 10px;border-radius:9px}
.ui-mobile .lgn img {width:22px;height:22px;max-width:none;border-radius:5px}
.ui-mobile .lgn span {display:block;font-size:10px;max-width:100px}
.ui-mobile .pghead {padding:0 0 15px}
.ui-mobile .ls-eyebrow {font-size:9px;margin-bottom:6px;letter-spacing:1.2px}
.ui-mobile .pghead h1,.ui-mobile .pg-league .pghead h1 {font-size:21px;line-height:1.6;gap:5px}
.ui-mobile .pgh-top {flex-wrap:wrap;gap:6px}
.ui-mobile .pgh-meta {margin-left:0;font-size:10px;border:0;background:none;padding:0}
.ui-mobile .pgh-sub {display:block;font-size:12px;line-height:1.85;-webkit-line-clamp:unset;white-space:normal}
.ui-mobile .toolbar {gap:7px;padding:8px 0;margin-bottom:9px}
.ui-mobile .tbar {gap:6px;width:100%}
.ui-mobile .tbar .tb {min-height:35px;padding:7px 6px;font-size:11px;line-height:1.6}
.ui-mobile .seg a,.ui-mobile .seg button {padding:5px 6px;font-size:10.5px;line-height:1.6}
.ui-mobile .tbar .seg {padding:3px}
.ui-mobile #btnLang {padding:6px;min-height:36px}
.ui-mobile .sect {margin-bottom:14px}
.ui-mobile .sect-head {padding:11px 12px;border-radius:12px 12px 0 0;border:1px solid var(--line);gap:7px}
.ui-mobile .sect-name {font-size:12px;line-height:1.7}
.ui-mobile .sect-note {font-size:9px}
.ui-mobile .sect-snd,.ui-mobile .sect-cfg {width:25px;height:25px}
.ui-mobile .league {background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.ui-mobile .rows {gap:0;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:var(--card)}
.ui-mobile .row {grid-template-columns:50px minmax(0,1fr) 34px 27px;gap:7px;padding:13px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--card);min-height:82px}
.ui-mobile .row:last-child {border-bottom:0}
.ui-mobile .row.is-live {border-color:var(--line)}
.ui-mobile .row.is-live::before {width:2px;top:15px;bottom:15px;border-radius:2px;background:var(--red)}
.ui-mobile .ct {gap:9px}
.ui-mobile .c-home,.ui-mobile .c-away {gap:7px;min-height:25px}
.ui-mobile .badge {width:24px;height:24px;box-shadow:none}
.ui-mobile .tname {font-size:12.5px;font-weight:600;line-height:1.55}
.ui-mobile .sc {gap:9px;background:none;box-shadow:none;padding:0}
.ui-mobile .sc b {font-size:16px;line-height:25px;border-radius:6px;color:var(--text);background:var(--card-2)}
.ui-mobile .row.is-live .sc b,[data-theme="light"] .ui-mobile .row.is-live .sc b,[data-theme="light"].ui-mobile .row.is-live .sc b {background:var(--accent-soft);color:var(--red)}
.ui-mobile .c-st,.ui-mobile .st.live {font-size:11px;line-height:1.6}
.ui-mobile .lghead,.ui-mobile .lghead.hot {border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;margin:0;padding:9px 10px;background:var(--lgh-bg)}
.ui-mobile .lghead small {font-size:9px}
.ui-mobile .daycard {border-radius:12px;padding:5px;gap:5px}
.ui-mobile .dn {padding:9px 8px;min-width:86px;font-size:10.5px}
.ui-mobile .board {grid-template-columns:minmax(0,1fr) 95px minmax(0,1fr);padding:26px 12px;gap:9px;border-radius:16px}
.ui-mobile .board .bt img {width:52px;height:52px;border-radius:13px;padding:6px}
.ui-mobile .board .bt b {font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.ui-mobile .board .big {font-size:36px;letter-spacing:0}
.ui-mobile .board .big i {font-size:23px}
.ui-mobile .board .st-tag {font-size:10px;padding:2px 7px}
.ui-mobile .mcard {padding:16px;border-radius:13px;margin-bottom:12px}
.ui-mobile .mcard h2 {font-size:13px;line-height:1.8}
.ui-mobile .pg-league .mcard > h2 {margin:-16px -16px 13px;padding:12px 16px;font-size:12.5px}
.ui-mobile .ls-matchnav {margin-bottom:12px}
.ui-mobile .ls-matchnav a {font-size:11px;padding:7px 11px}
.ui-mobile .about {padding:19px 16px;border-radius:14px}
.ui-mobile .about p,.ui-mobile .info p {font-size:13px;line-height:1.95}
.ui-mobile .foot {padding-top:23px;margin-top:20px}
@media (max-width:380px){
  .ui-mobile .mark-logo {width:139px;height:34px}
  .ui-mobile .tools {gap:3px}
  .ui-mobile .icon-btn {width:29px;height:31px}
  .ui-mobile .topbar-in {padding-left:10px;padding-right:10px}
  .ui-mobile .wrap {padding-left:10px;padding-right:10px}
  .ui-mobile .sect-note {display:none}
  .ui-mobile .tname {font-size:12px}
  .ui-mobile .row {grid-template-columns:45px minmax(0,1fr) 30px 25px;gap:5px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* QA refinements: compact mobile header and explicit semantic result colors. */
.ui-mobile .mark-logo {width:140px;height:34px}
.ui-mobile .tools {gap:3px}
.ui-mobile .icon-btn {width:29px;height:32px}
.ui-mobile .topbar-in {gap:8px}
.ui-mobile .pgh-meta {font-size:10.5px;line-height:1.7}
.fm.w,[data-theme="light"] .fm.w {background:#23775D;color:#fff}
.fm.d {background:#65738B;color:#fff}
.fm.l {background:#C62D43;color:#fff}
.ts b.w,[data-theme="dark"] .ts b.w {color:#439C7F}
.ts b.d {color:var(--text-dim)}
.ts b.l {color:var(--red)}
.lt tr.row.moved td,.ui-mobile .row.moved {background:var(--card-2)}
.kit.on {background:var(--accent-soft);border-color:var(--blue);box-shadow:none}
.intro {margin:26px 0 0;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:none}
.intro::before {display:none}
.intro h2.h2-two {text-align:left;line-height:1.7}
.intro h2.h2-two .h2-brand {font-size:25px;letter-spacing:-.5px}
.intro h2.h2-two .h2-tag {font-size:15px;margin-top:4px}
.intro h2 + p {font-size:14px;line-height:1.95;max-width:none}
.ic {background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:17px}
.ic-i {background:var(--card);box-shadow:none}
.ic-h b {line-height:1.8}
.ic p {line-height:1.9}
.foot {border:0;border-top:1px solid var(--line);border-radius:0}
.ui-mobile .c-side .st.ft {font-size:9px;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin:0}
img[data-ls-fallback] {object-fit:contain!important;padding:3px;background:#F0F3F8!important}
@media (max-width:380px){.ui-mobile .mark-logo{width:132px;height:33px}.ui-mobile .topbar-in{gap:7px}}
@media (max-width:340px){.ui-mobile .mark-logo{width:110px;height:31px}.ui-mobile .icon-btn{width:27px;height:31px}.ui-mobile .tools{gap:2px}.ui-mobile .topbar-in{gap:5px}.ui-mobile .mainnav a{font-size:10.5px}.ui-mobile .tbar .tb{font-size:10px}.ui-mobile .seg a,.ui-mobile .seg button{font-size:9.5px}}
/* Detail-page isolation prevents legacy .goal and .bar classes crossing contexts. */
.pg-match .tl-row.goal {--card:inherit;--card-2:inherit;--line:inherit;--text:inherit;--text-dim:inherit;--text-mute:inherit;--cyan:inherit;--red:inherit;--purple:inherit;--away:inherit;--away-dim:inherit;--draw:inherit;background:none;border:0;border-radius:0;box-shadow:none;color:var(--text);overflow:visible;animation:none;transform:none;pointer-events:auto}
.pg-match .stt-row .bar {flex-direction:row;justify-content:flex-start;align-items:stretch;flex:none;gap:3px;height:6px;margin:0}
.pg-match .stt-row .bar i {flex:0 1 auto;height:6px;border-radius:3px;margin:0}
.pg-match .stt-row .bar i.h {background:#6386B5}
.pg-match .stt-row .bar i.a {background:#A879BB}
.pg-match .stt-row .v.h,[data-theme="light"] .pg-match .stt-row .v.h {color:var(--cyan)}
.board .bt,.board .bt.h {flex-direction:column;justify-content:center;text-align:center;gap:9px}
.board .bt small {margin-top:-5px}
.tmcard,.ui-mobile .tmcard {padding:0;overflow:hidden}
.tm-top,[data-theme="light"] .tm-top {background:#102347;padding:24px}
.tm-top::before {display:none}
.tm-top .tm-id b {text-shadow:none;line-height:1.5}
.tm-top .tm-meta a,[data-theme="dark"] .tm-top .tm-meta a {color:#D2DDEF}
.tm-top .tm-rank,.tmcard .tm-rank {background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.tm-top .tm-rank b,.tmcard .tm-rank b,[data-theme="dark"] .tm-rank b {color:#FFFFFF}
.tm-logo-big,[data-theme="dark"] .tm-logo-big {background:#fff;box-shadow:none}
.pg-team .mcard > h2 {margin:-21px -23px 16px;padding:15px 23px;background:var(--card);color:var(--text);border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;font-size:14px;line-height:1.8}
.pg-team .mcard > h2 .h2-right {color:var(--text-mute)}
.ui-mobile .pg-team .mcard > h2 {margin:-16px -16px 13px;padding:12px 16px;font-size:12.5px}
.ui-mobile .tm-top {padding:18px 16px;gap:12px}
.ui-mobile .tm-stats {padding:13px 12px;gap:7px}
.gcol .goal.h .g-band {background:#23456F}
.gcol .goal.a .g-band {background:#B9233A}
.gcol .goal {border-radius:14px;box-shadow:0 12px 32px rgba(16,35,71,.22)}
.gcol .g-word {font-style:normal;text-shadow:none}
.gcol .g-ball {animation:none}

/* LaosScore revision: a colorful sports identity and clear content sections. */
body {background:var(--bg)}
.wrap,.ui-desktop main.pg-live,.ui-desktop main.pg-program,.ui-desktop main.pg-results {max-width:1320px}
main.wrap {padding-top:22px}
.topbar {background:#0D1D38;border-bottom:1px solid #273B5B;box-shadow:0 4px 16px #08172A24}
.topbar::before {height:4px;background:linear-gradient(90deg,#E83950 0 18%,#285298 18% 82%,#E83950 82%)}
.topbar-in {min-height:82px;padding:14px 24px;gap:24px}
.topbar .mark-logo--light {display:none}
.topbar .mark-logo--dark {display:block}
.mainnav {align-self:center;gap:5px}
.mainnav a {color:#CCD9EC;border-radius:10px;padding:12px 11px;font-weight:600}
.mainnav a::after {display:none}
.mainnav a.is-on {color:#fff;background:linear-gradient(130deg,#C72740,#E63D53);border:0;box-shadow:0 5px 15px #090F2240}
.mainnav a:hover {color:#fff;background:#263C5D}
.mainnav a.is-on:hover {background:#CF2A43}
.topbar .icon-btn {background:#1A2E4D;color:#D5E3F7;border:1px solid #2C4263}
.topbar .icon-btn:hover {color:#fff;background:#314A71;border-color:#5A739A}
.topbar .search {background:#182D4D;border-color:#304767}
.topbar .search input {color:#fff}
.topbar .search input::placeholder,.topbar .search svg {color:#B8CBE5}
.topbar :focus-visible,.lgbar :focus-visible {outline-color:#FF8493}
.lgbar,[data-theme="light"] .lgbar {background:#172D4F;border-bottom:1px solid #294467}
.lgnav {padding:11px 24px;gap:8px}
.lgn {background:#223D63;border:1px solid #355078;color:#DAE6F8;border-radius:9px;padding:7px 12px}
.lgn img {background:#fff;padding:2px;border-radius:6px}
.lgn:hover {background:#304D77;color:#fff;border-color:#6583AF}
.lgn.is-on,[data-theme="light"] .lgn.is-on {background:#A92640;color:#fff;border-color:#E76B7F}
.lgmore,.lgless {background-color:#E33145;box-shadow:0 0 0 4px #172D4F}
.pghead,.ui-mobile .pghead {isolation:isolate;background:linear-gradient(108deg,#13294E 0%,#1D4076 67%,#28508D 100%);border:1px solid #2C5186;border-radius:18px;overflow:hidden;padding:25px 28px;margin:0 0 18px;box-shadow:0 9px 24px #10234716;color:#fff}
.pghead::before {display:block;width:5px;background:linear-gradient(#F24E65,#B92541);z-index:2}
.pghead::after {content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 65%,#76A4EC09 65% 76%,transparent 76% 82%,#76A4EC09 82%);pointer-events:none;z-index:-1}
.pghead > :not(.ls-pitch) {position:relative;z-index:1}
.ls-eyebrow {color:#BBD1EF;font-size:10px;letter-spacing:2px;margin-bottom:8px}
.pghead h1,.pg-league .pghead h1 {color:#fff;font-size:30px;line-height:1.5;letter-spacing:0;font-weight:800}
.pghead .pgh-sub {color:#CADBF2;margin-top:6px;font-size:13px;max-width:850px;line-height:1.85}
.pgh-top {gap:20px;align-items:center}
.pghead .pgh-meta {color:#EDF4FF;background:#0A1D3D80;border:1px solid #6F94C84D;border-radius:9px;padding:8px 13px;font-size:11px;white-space:normal;text-align:center;max-width:34%;line-height:1.7}
.ls-pitch {position:absolute;right:55px;top:-22px;width:270px;height:205px;border:1px solid #91B4E934;border-radius:5px;transform:rotate(-16deg);pointer-events:none;z-index:-1}
.ls-pitch::before {content:'';position:absolute;left:50%;top:0;height:100%;border-left:1px solid #91B4E934}
.ls-pitch::after {content:'';position:absolute;left:calc(50% - 37px);top:calc(50% - 37px);width:74px;height:74px;border:1px solid #91B4E934;border-radius:50%}
.ls-pitch i,.ls-pitch b {position:absolute;top:30%;width:42px;height:40%;border:1px solid #91B4E934}
.ls-pitch i {left:-1px}.ls-pitch b {right:-1px}
.toolbar,.ui-mobile .toolbar {gap:10px;padding:12px;margin-bottom:16px;background:var(--card-2);border:1px solid var(--line-lit);border-radius:13px;box-shadow:0 3px 12px #10234708}
.tbar {gap:8px}
.tb,.tbar .tb {border-color:var(--line-lit);background:var(--card);color:var(--text);font-weight:700;border-radius:8px;min-height:37px}
.tb.is-on {background:var(--accent-soft);border-color:var(--blue);color:var(--blue)}
.seg,.tbar .seg {background:var(--bg);border-color:var(--line-lit);border-radius:9px;padding:3px}
.seg a.is-on,.seg button.is-on {color:#fff;background:#234A7E;box-shadow:0 2px 5px #10234726}
.tb.lang {background:var(--card)}
.sect {margin-bottom:18px}
.sect-head,#tLive .sect-head,#tLiveH .sect-head,#tLive2 .sect-head,#tNs .sect-head,#tNsH .sect-head,#tNs2 .sect-head,#tFt .sect-head,#tFtH .sect-head,#tFt2 .sect-head {border:0;border-radius:13px 13px 0 0;padding:14px 18px;box-shadow:0 4px 12px #10234712;background:linear-gradient(110deg,#213E67,#355985)}
#tLive .sect-head,#tLiveH .sect-head,#tLive2 .sect-head {background:linear-gradient(110deg,#A5213C 0%,#D72F4B 75%,#E44860 100%)}
#tNs .sect-head,#tNsH .sect-head,#tNs2 .sect-head {background:linear-gradient(110deg,#1D407E 0%,#2C5FA8 75%,#3F76BC 100%)}
#tFt .sect-head,#tFtH .sect-head,#tFt2 .sect-head {background:linear-gradient(110deg,#185365 0%,#23788A 75%,#308C98 100%)}
.sect-head .sect-name,.sect-head:has(.sect-dot.live) .sect-name {color:#fff;letter-spacing:0;font-size:14px}
.sect-head .sect-note,.sect-head .sect-n {color:#F5F8FF;opacity:.88}
.sect-head .sect-dot,.sect-head .sect-dot.live,.sect-head .sect-dot.ns {background:#fff;box-shadow:0 0 0 4px #FFFFFF18}
.sect-head .sect-snd,.sect-head .sect-cfg,[data-snd="on"] .sect-head .sect-snd {background:#FFFFFF15;border:1px solid #FFFFFF40;color:#fff;width:28px;height:28px}
.sect-head .sect-snd:hover,.sect-head .sect-cfg:hover {background:#FFFFFF30}
.league {border-color:var(--line-lit);box-shadow:var(--shadow);border-radius:0 0 13px 13px}
.lt thead th {background:var(--lgh-bg);color:var(--text-dim);padding:9px 8px;font-size:10.5px;font-weight:700;border-bottom:1px solid var(--line)}
.lt tr.row td {height:50px;padding-top:9px;padding-bottom:9px}
.lt tr.row:nth-child(even) td {background:var(--card-2)}
.lt tr.row:hover td {background:var(--lgh-hot)}
.lt tr.row.is-live td:first-child {box-shadow:inset 3px 0 #DF3650}
.sc {background:var(--card-2);border:1px solid var(--line);min-width:62px;padding:5px 8px;font-size:18px;border-radius:7px}
tr.is-live .sc,[data-theme="light"] tr.is-live .sc {color:#fff;background:#C92843;border-color:#B7223A;box-shadow:0 2px 6px #B7223A1F}
.sc.pending {background:none;border-color:transparent}
tr.lghead td,tr.lghead.hot td {border-left:3px solid #547CAB;color:var(--text);font-weight:700}
.more-btn {padding:10px;margin:0 0 20px;border:1px solid var(--line-lit);background:var(--lgh-bg);color:var(--text-dim);border-radius:9px;font-weight:600}
.more-btn:hover {background:var(--lgh-hot);color:var(--text)}
.daycard {border-color:var(--line-lit);background:var(--card-2);padding:7px;margin-bottom:14px}
.dn.is-on,[data-theme="light"] .dn.is-on {background:#CE2D46;border-color:#CE2D46;box-shadow:0 3px 10px #CE2D4620}
.board {background:linear-gradient(110deg,#142B50,#20487E);border-color:#386099}
.board::before {opacity:.2}
.mcard,.panel {border-color:var(--line-lit);box-shadow:var(--shadow)}
.mcard > h2 {border-bottom:1px solid var(--line);padding-bottom:12px}
.pg-league .mcard > h2,.pg-league .mcard.flag-1 > h2,.pg-league .mcard.flag-2 > h2,.pg-league .mcard.flag-3 > h2,.pg-league .mcard.flag-4 > h2,.pg-league .mcard.flag-5 > h2,.pg-league .mcard.flag-x > h2,.pg-team .mcard > h2 {background:linear-gradient(110deg,#1C3B69,#2F5B92);color:#fff;border:0;border-radius:15px 15px 0 0}
.pg-league .mcard > h2 .h2-right,.pg-team .mcard > h2 .h2-right {color:#D8E8FF}
.pg-team .tm-top,[data-theme="light"] .tm-top {background:linear-gradient(110deg,#142B50,#20487E)}
.tm-stats .ts {border:1px solid var(--line)}
.lgcard {border-top:3px solid #315D96;background:var(--card);box-shadow:var(--shadow)}
.intro {border-color:var(--line-lit);border-top:4px solid #264E83;background:var(--card-2)}
.ic {background:var(--card);border-color:var(--line)}
.ic-i {background:#E0EAF8;color:#244A80}
.foot {padding:28px 22px 22px;background:#102442;border:1px solid #294669;border-top:3px solid #D83650;border-radius:16px;color:#AFC6E5}
.foot .mark-logo--light {display:none}.foot .mark-logo--dark {display:block}
.foot small,.foot-links a {color:#C8D9EE}.foot-links a:hover {color:#fff}
.foot .ls-copyright {color:#94B0D5}
.foot .foot-act a {border-color:#42618A;background:#203A60;color:#E6F0FF}
[data-theme="dark"] {--bg:#0C1729;--surface:#14243C;--card:#172A45;--card-2:#1C3250;--line:#2C4667;--line-lit:#3C587B;--lgh-bg:#233F62;--lgh-hot:#2C4B72;--text-dim:#C2D2E7;--text-mute:#A8BED9}
[data-theme="dark"] .pghead {box-shadow:0 8px 26px #0002}
[data-theme="dark"] .toolbar {background:#152941}
.ui-mobile .topbar-in {padding-top:11px;padding-bottom:0;gap:8px}
.ui-mobile .mainnav {gap:4px;margin-top:3px;padding:0 0 9px}
.ui-mobile .mainnav a {padding:9px 4px;border-radius:8px;font-size:11px;line-height:1.6}
.ui-mobile .lgnav {padding:10px 14px;gap:7px}
.ui-mobile .lgn {padding:6px 10px}
.ui-mobile main.wrap {padding-top:15px}
.ui-mobile .pghead {padding:19px 18px;margin-bottom:13px;border-radius:14px}
.ui-mobile .pghead h1,.ui-mobile .pg-league .pghead h1 {font-size:22px;line-height:1.6}
.ui-mobile .pghead .ls-eyebrow {font-size:8.5px;letter-spacing:1.3px;margin-bottom:8px}
.ui-mobile .pghead .pgh-top {gap:6px}
.ui-mobile .pghead .pgh-sub {font-size:11.5px;line-height:1.85;margin-top:7px;color:#C7D9F0}
.ui-mobile .pghead .pgh-meta {max-width:100%;font-size:10px;padding:4px 9px;line-height:1.6;background:#0B1D3D66;color:#E2EDFD;border:1px solid #91B4E933;border-radius:6px}
.ui-mobile .ls-pitch {width:190px;height:160px;right:-30px;top:-8px;opacity:.7}
.ui-mobile .toolbar {padding:9px;gap:8px;margin-bottom:13px;border-radius:11px}
.ui-mobile .tbar {gap:5px;flex-wrap:wrap}
.ui-mobile .tbar + .tbar {border-top:1px solid var(--line);padding-top:8px}
.ui-mobile .tbar .tb {font-size:10.5px;min-height:34px;padding:6px 7px}
.ui-mobile .tbar .seg {padding:3px}
.ui-mobile .seg a,.ui-mobile .seg button {padding:5px 6px;font-size:10px}
.ui-mobile #btnLang {margin-left:auto;min-height:32px;padding:5px}
.ui-mobile .sect-head {padding:12px 11px;border-radius:11px 11px 0 0;gap:7px}
.ui-mobile .sect-head .sect-name {font-size:12px}
.ui-mobile .sect-head .sect-note {font-size:9px}
.ui-mobile .sect-head .sect-cfg,.ui-mobile .sect-head .sect-snd {width:25px;height:25px}
.ui-mobile .rows {border-color:var(--line-lit);border-radius:0 0 11px 11px;box-shadow:var(--shadow)}
.ui-mobile .row {min-height:84px;padding:13px 10px}
.ui-mobile .row:nth-child(even) {background:var(--card-2)}
.ui-mobile .row .sc {border:0;background:none;min-width:0;padding:0}
.ui-mobile .sc b {border:1px solid var(--line);background:var(--card);font-size:16px;min-width:30px}
.ui-mobile .row.is-live .sc b,[data-theme="light"].ui-mobile .row.is-live .sc b,[data-theme="light"] .ui-mobile .row.is-live .sc b {background:#C92843;border-color:#B7223A;color:#fff}
.ui-mobile .lghead,.ui-mobile .lghead.hot {border-left:3px solid #547CAB}
.ui-mobile .foot {padding:24px 16px 20px;border-radius:14px}
@media (max-width:1150px) and (min-width:701px) {
  .ui-desktop .topbar-in {gap:14px;padding:12px 18px;flex-wrap:wrap}
  .ui-desktop .mark-logo {width:180px;height:40px}
  .ui-desktop .mainnav {order:4;flex-basis:100%;gap:8px}
  .ui-desktop .mainnav a {padding:9px 8px}
  .ui-desktop .topbar .search {margin-left:auto}
  .ui-desktop .topbar .tools {margin-left:0}
}
@media (max-width:380px) {
  .ui-mobile .pghead {padding:16px 14px}
  .ui-mobile .pghead h1,.ui-mobile .pg-league .pghead h1 {font-size:20px}
  .ui-mobile .toolbar {padding:7px}
  .ui-mobile .tbar .tb {font-size:10px;padding:6px}
  .ui-mobile .seg a,.ui-mobile .seg button {font-size:9.5px;padding:5px}
  .ui-mobile .mainnav a {font-size:10.5px;padding:9px 3px}
}
/* Score pills fit fixed table columns; the tablet canvas keeps outer gutters. */
.ui-desktop .lt .w-score {width:80px}
.ui-desktop .lt td.c-score {padding-left:6px;padding-right:6px}
.ui-desktop .lt .sc {min-width:0;width:100%;max-width:64px;padding:5px 4px}
.ui-desktop .lt .w-star {width:44px}
.ui-desktop .lt td.c-star {padding-left:4px;padding-right:4px}
.pg-match .pghead .pgh-sub {margin-left:auto;margin-right:auto}
.pg-match .pghead .mh-meta,.pg-match .pghead .mh-meta a {color:#C7D9F0}
@media (max-width:1150px) and (min-width:701px) {
  .ui-desktop main.wrap {padding:18px 18px 24px}
  .ui-desktop .lgnav {padding:10px 18px}
  .ui-desktop .lt .w-lg {width:215px}
  .ui-desktop .lt .w-score {width:72px}
}
@media (max-width:380px) {
  .ui-mobile .pghead .pgh-top h1 {flex-basis:100%}
}
.pg-match .pghead .mh-venue {margin-left:0;color:#C7D9F0;text-align:center}

/* Balanced Lao brand copy, with intentional mobile line breaks. */
.intro h2.h2-two {padding-bottom:20px;margin-bottom:18px;border-bottom:1px solid var(--line-lit)}
.intro h2.h2-two .h2-brand {font-family:'Manrope',sans-serif;font-size:29px;font-weight:800;letter-spacing:-.7px;line-height:1.5;color:var(--text)}
.intro h2.h2-two .h2-tag {font-size:17px;line-height:1.8;margin-top:7px;color:var(--text-dim);text-wrap:balance}
.ls-tagline-part + .ls-tagline-part::before {content:'·';padding:0 8px;color:var(--red)}
.foot .ls-footer-copy {display:block;font-size:13px;line-height:1.9;color:#C8D9EE;text-wrap:balance}
.ls-footer-line {display:block}
.ui-mobile .intro {padding:22px 18px;border-radius:14px}
.ui-mobile .intro h2.h2-two {text-align:center;padding-bottom:17px;margin-bottom:17px}
.ui-mobile .intro h2.h2-two .h2-brand {font-size:28px;line-height:1.5}
.ui-mobile .intro h2.h2-two .h2-tag {font-size:clamp(17px,5.5vw,22px);font-weight:600;line-height:1.65;margin-top:8px;color:var(--text)}
.ui-mobile .ls-tagline-part {display:block}
.ui-mobile .ls-tagline-part + .ls-tagline-part::before {display:none}
.ui-mobile .foot .ls-footer-copy {font-size:clamp(11.5px,3.3vw,14px);line-height:1.95}

/* Live feedback: animated clock hands, a quiet pulse at the hero's left edge,
   and a light pass over the flag-colored masthead strip. Numerals never animate. */
.topbar::after {content:'';position:absolute;left:0;top:0;width:100%;height:4px;pointer-events:none;background:linear-gradient(90deg,transparent,#CBE6FF66 35%,#FFFFFFE6 52%,#FBD4DD77 68%,transparent);background-size:25% 100%;background-repeat:no-repeat;background-position:-50% 0;animation:lsFlagShine 6.8s ease-in-out infinite}
@keyframes lsFlagShine {0%,12%{background-position:-50% 0;opacity:0}20%{opacity:1}72%{background-position:150% 0;opacity:1}80%,100%{background-position:150% 0;opacity:0}}
.pg-live .pghead {border-left-color:#F65972}
.pg-live .pghead::before {background:linear-gradient(180deg,#F34965 0%,#B92745 30%,#FF9CA9 45%,#FFF1F4 50%,#F34965 60%,#B92745 100%);background-size:100% 240%;animation:lsHeroEdge 5s ease-in-out infinite;animation-play-state:paused}
.pg-live .pghead.ls-motion-visible::before {animation-play-state:running}
@keyframes lsHeroEdge {0%,100%{background-position:0 100%}50%{background-position:0 0}}
.pg-live .pghead .ls-hero-motion {position:absolute;left:-81px;top:50%;width:164px;height:164px;margin-top:-82px;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#FF466B22 0%,#FF466B0D 42%,transparent 70%)}
.ls-hero-motion i {position:absolute;inset:18px;border:1px solid #FF799A70;border-radius:50%;box-shadow:0 0 12px #F451721C,inset 0 0 12px #F4517214;opacity:0;animation:lsHeroRipple 4.8s ease-out infinite;animation-play-state:paused}
.ls-hero-motion i:nth-child(2) {animation-delay:1.6s}.ls-hero-motion i:nth-child(3) {animation-delay:3.2s}
.pghead.ls-motion-visible .ls-hero-motion i {animation-play-state:running}
@keyframes lsHeroRipple {0%{transform:scale(.3);opacity:0}15%{opacity:.65}85%,100%{transform:scale(1.6);opacity:0}}
.row .st.live:not(.ls-clock-running)::before {animation:none;box-shadow:none;opacity:.7}
.row .st.ls-clock-running {position:relative;display:inline-flex;align-items:center;padding-left:17px;gap:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.row .st.ls-clock-running::before {content:'';position:absolute;left:0;top:calc(50% - 6px);width:12px;height:12px;margin:0;border:1.5px solid currentColor;border-radius:50%;background:none;opacity:1;transform:none;animation:lsClockPulse 2s ease-in-out infinite;box-shadow:0 0 0 0 #E3314500}
.row .st.ls-clock-running::after {content:'';position:absolute;left:5.3px;top:calc(50% - 4px);width:1.5px;height:4px;border-radius:1px;background:currentColor;transform-origin:50% 100%;animation:lsClockHand 4s steps(8,end) infinite}
@keyframes lsClockHand {to{transform:rotate(360deg)}}
@keyframes lsClockPulse {0%,100%{box-shadow:0 0 0 0 #E3314500}50%{box-shadow:0 0 0 3px #E331451A}}
.row:not(.ls-motion-visible) .ls-clock-running::before,.row:not(.ls-motion-visible) .ls-clock-running::after {animation-play-state:paused}
.ui-mobile .row .st.ls-clock-running {padding-left:14px;font-size:10px;line-height:1.8}
.ui-mobile .row .st.ls-clock-running::before {width:10px;height:10px;top:calc(50% - 5px);border-width:1px}
.ui-mobile .row .st.ls-clock-running::after {left:4.4px;top:calc(50% - 3.2px);height:3.2px;width:1.2px}
.ls-motion-paused .topbar::after,.ls-motion-paused .pg-live .pghead::before,.ls-motion-paused .ls-hero-motion i,.ls-motion-paused .row .st.ls-clock-running::before,.ls-motion-paused .row .st.ls-clock-running::after {animation-play-state:paused}
@media (prefers-reduced-motion:reduce) {
  .topbar::after,.ls-hero-motion {display:none}
  .pg-live .pghead::before,.row .st.ls-clock-running::before,.row .st.ls-clock-running::after {animation:none!important}
}