:root{
  --box-bg:#050607;
  --box-text:#f6f3ed;
  --box-muted:rgba(222,228,232,.58);
  --box-line:rgba(210,224,232,.13);
  --box-accent:#7bdcff;
  --box-green:#59d596;
  --box-red:#ff5866;
  --box-gold:#ffd166;
  --box-violet:#b9a7ff;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;background:#000;color:var(--box-text)}
body.box-display{
  overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  background:radial-gradient(circle at 12% -12%,rgba(123,220,255,.13),transparent 36%),radial-gradient(circle at 84% 0%,rgba(255,209,102,.10),transparent 32%),var(--box-bg);
}
body.box-display.box-sleep{background:#000}
.box-shell{
  width:100vw;
  height:100vh;
  aspect-ratio:16/9;
  display:grid;
  grid-template-rows:clamp(62px,8vh,104px) minmax(0,1fr) clamp(64px,10vh,128px);
  padding:
    clamp(18px,2vh,28px)
    clamp(40px,5vw,102px)
    clamp(42px,5vh,70px);
}
.box-shell.sleeping{padding:0;background:#000;grid-template-rows:1fr}
.box-shell.sleeping .box-header,.box-shell.sleeping .box-footer{display:none}
.box-shell.sleeping .box-stage{padding:0;background:#000}
.box-shell.oldschool{grid-template-rows:clamp(62px,8vh,104px) minmax(0,1fr) 0}
.box-shell.oldschool .box-footer{display:none}
.box-header{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  border-bottom:1px solid var(--box-line);
  font-size:clamp(13px,1.05vw,19px);
  letter-spacing:.2em;
}
.box-brand{color:var(--box-accent);font-weight:650}
.box-section{color:var(--box-muted);font-weight:560}
.box-time{justify-self:end;font-variant-numeric:tabular-nums;color:var(--box-text);font-size:clamp(18px,1.5vw,27px);letter-spacing:.09em}
.box-device-code{position:fixed;right:clamp(10px,1.2vw,22px);bottom:clamp(8px,1vh,18px);z-index:80;padding:clamp(4px,.45vw,8px) clamp(7px,.75vw,13px);border:1px solid rgba(216,199,163,.24);border-radius:6px;background:rgba(0,0,0,.52);color:rgba(246,243,237,.68);font-size:clamp(10px,.72vw,14px);font-weight:800;letter-spacing:.12em;font-family:"IBM Plex Mono",Consolas,monospace;line-height:1;pointer-events:none;text-transform:uppercase}
.box-device-code:empty{display:none}
.box-stage{min-height:0;display:grid;align-items:stretch;padding:clamp(28px,4.4vh,64px) 0;overflow:hidden}
.box-footer{
  min-width:0;
  display:flex;
  align-items:center;
  gap:clamp(22px,3vw,54px);
  border-top:1px solid var(--box-line);
  overflow:hidden;
  white-space:normal;
  color:rgba(246,243,237,.75);
  font-size:clamp(16px,1.5vw,28px);
  padding-inline:clamp(10px,1.4vw,24px);
}
.box-footer-item{display:inline-flex;align-items:center;gap:.72em;flex:0 0 auto;margin-right:clamp(34px,4.5vw,86px)}
.box-footer-item:after{content:"";width:4px;height:4px;border-radius:50%;margin-left:clamp(10px,1.4vw,24px);background:var(--box-accent);opacity:.5}
.box-footer-tfl{gap:.72em;color:rgba(246,243,237,.86)}
.box-tfl-pill{display:inline-flex;align-items:center;gap:.36em;border:1px solid var(--line-color);border-radius:999px;padding:.18em .5em;background:rgba(255,255,255,.04)}
.box-tfl-dot{width:.56em;height:.56em;border-radius:50%;background:var(--line-color);box-shadow:0 0 5px var(--line-color)}
.box-tfl-line{color:#fff;font-weight:820}
.box-tfl-status{color:rgba(246,243,237,.72);font-size:.9em}
.box-footer-flight,.box-footer-rail-alert{color:#ffe1a1}
.box-flight-tag{border:1px solid rgba(255,209,102,.72);border-radius:999px;padding:.18em .5em;background:rgba(255,209,102,.08);color:#ffd166;font-weight:840;letter-spacing:.08em}
.box-footer-track{display:inline-flex;min-width:max-content;align-items:center;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.box-footer-track.travel-footer-track{animation:none;min-width:max-content;width:max-content;gap:0;justify-content:flex-start;overflow:visible;contain:layout paint style}
.box-footer-track.ticker-ready{animation:boxTravelTicker var(--box-ticker-duration,34s) linear infinite;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
.box-footer-measure{position:fixed!important;left:-100000px!important;top:0!important;z-index:-1!important;visibility:hidden!important;pointer-events:none!important;overflow:hidden!important}
.travel-footer-track .box-footer-item{min-width:max-content;flex:0 0 auto;margin-right:clamp(14px,1.8vw,34px)}
.travel-footer-track .box-footer-item:after{display:none}
.travel-footer-track .box-tfl-status{min-width:max-content}
@keyframes boxTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes boxTravelTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--box-ticker-distance,-50%),0,0)}}
.box-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--box-muted);font-size:clamp(24px,3.2vw,56px);letter-spacing:.04em}
.box-news{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr);gap:clamp(38px,5vw,92px);align-items:start}
.box-kicker{font-size:clamp(13px,.95vw,18px);font-weight:650;letter-spacing:.2em;color:var(--box-accent);text-transform:uppercase;margin-bottom:clamp(20px,2.7vh,34px)}
.box-hero{font-size:clamp(38px,4.9vw,92px);line-height:1.03;letter-spacing:-.045em;font-weight:570;max-width:18ch}
.box-stack{display:grid;border-top:1px solid var(--box-line)}
.box-story{padding:clamp(17px,2vh,26px) 0;border-bottom:1px solid var(--box-line);font-size:clamp(18px,1.55vw,29px);line-height:1.32;color:rgba(246,243,237,.78)}
.box-side-window{height:clamp(210px,34vh,410px);overflow:hidden;border-top:1px solid var(--box-line)}
.box-side-track{display:grid;animation:boxSideRoll 34s linear infinite;will-change:transform}
@keyframes boxSideRoll{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.box-weather{margin-top:clamp(26px,4vh,54px);display:flex;align-items:center;gap:18px;color:var(--box-muted);padding-top:clamp(16px,2vh,26px);border-top:1px solid rgba(123,220,255,.14)}
.box-weather strong{font-size:clamp(48px,4.4vw,78px);font-weight:420;color:#ffd166;letter-spacing:-.06em;text-shadow:0 0 22px rgba(255,209,102,.18)}
.box-weather span{font-size:clamp(16px,1.2vw,23px);letter-spacing:.08em;text-transform:uppercase;color:rgba(123,220,255,.86)}
.box-weather .box-weather-icon{font-size:1.35em;margin-right:.18em}
.box-weather .box-clock-png-icon{width:1.24em;height:1.02em;object-fit:contain;margin-right:.2em;vertical-align:-.12em;filter:drop-shadow(0 8px 14px rgba(0,0,0,.42))}
.box-markets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.5vw,28px);align-content:center}
.box-market-card{position:relative;overflow:hidden;height:clamp(184px,22vh,276px);border:1px solid rgba(216,199,163,.16);padding:clamp(16px,1.7vw,28px);display:grid;grid-template-rows:auto auto minmax(46px,1fr) auto;gap:clamp(7px,1vh,14px);background:linear-gradient(145deg,rgba(123,220,255,.06),rgba(255,255,255,.012) 58%,rgba(89,213,150,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.18)}
.box-market-card.down{background:linear-gradient(145deg,rgba(255,88,102,.07),rgba(255,255,255,.012) 58%,rgba(216,199,163,.028))}
.box-market-label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:var(--box-muted);font-size:clamp(12px,.88vw,16px);letter-spacing:.13em;text-transform:uppercase}
.box-market-label strong{color:var(--box-text);font-size:clamp(17px,1.25vw,24px);font-weight:520;letter-spacing:.04em}
.box-market-label span{color:rgba(216,199,163,.62);font-size:.82em}
.box-market-values{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.box-market-price{font-size:clamp(28px,2.6vw,48px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.box-market-move{display:flex;align-items:baseline;gap:.34em;font-size:clamp(17px,1.35vw,25px);font-variant-numeric:tabular-nums}
.box-market-arrow{font-size:.72em;opacity:.78;filter:drop-shadow(0 0 8px currentColor)}
.box-market-spark{display:block;width:100%;height:100%;min-height:62px;overflow:visible;color:var(--box-green);filter:drop-shadow(0 0 18px rgba(89,213,150,.18))}
.box-market-spark.down{color:var(--box-red)}
.box-market-spark.waiting{display:grid;grid-template-columns:1fr;align-items:center;gap:8px;color:rgba(216,199,163,.18)}
.box-market-spark.waiting span{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent)}
.box-market-spark.waiting span:nth-child(2){opacity:.55;transform:translateY(-4px)}
.box-market-spark.waiting span:nth-child(3){opacity:.35;transform:translateY(4px)}
.box-market-grid path{fill:none;stroke:rgba(216,199,163,.105);stroke-width:.65;stroke-dasharray:1.6 3.2;vector-effect:non-scaling-stroke}
.box-market-area{stroke:none;opacity:.96}
.box-market-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.box-market-line.glow{stroke-width:7.2;opacity:.18;filter:blur(.35px)}
.box-market-sweep{display:none}
.box-market-extremes circle{fill:rgba(246,243,237,.76);stroke:rgba(0,0,0,.42);stroke-width:.6;vector-effect:non-scaling-stroke}
.box-market-extremes .low{opacity:.64}
.box-market-current{fill:currentColor;stroke:rgba(246,243,237,.92);stroke-width:1.15;filter:drop-shadow(0 0 7px currentColor);vector-effect:non-scaling-stroke}
.box-market-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:rgba(216,199,163,.58);font-size:clamp(9px,.72vw,13px);font-weight:820;letter-spacing:.13em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.box-market-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-live-dot{width:.56em;height:.56em;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;opacity:.74;flex:0 0 auto}
.box-market-card.tick-up::after,.box-market-card.tick-down::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;animation:boxMarketFlash .5s ease-out both}
.box-market-card.tick-up::after{background:linear-gradient(145deg,rgba(89,213,150,.18),transparent 54%)}
.box-market-card.tick-down::after{background:linear-gradient(145deg,rgba(255,88,102,.16),transparent 54%)}
.box-market-card.tick-up .box-market-price,.box-market-card.tick-up .box-market-move{animation:boxMarketTickUp .5s ease-out both}
.box-market-card.tick-down .box-market-price,.box-market-card.tick-down .box-market-move{animation:boxMarketTickDown .5s ease-out both}
@keyframes boxMarketFlash{0%{opacity:1}100%{opacity:0}}
@keyframes boxMarketTickUp{0%{transform:translateY(4px);filter:brightness(1.42);text-shadow:0 0 22px rgba(89,213,150,.28)}100%{transform:translateY(0);filter:brightness(1);text-shadow:none}}
@keyframes boxMarketTickDown{0%{transform:translateY(-4px);filter:brightness(1.36);text-shadow:0 0 22px rgba(255,88,102,.24)}100%{transform:translateY(0);filter:brightness(1);text-shadow:none}}
.up{color:var(--box-green)}.down{color:var(--box-red)}
.box-finance-board{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.1vh,15px);align-content:stretch;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.08));border-top:1px solid rgba(216,199,163,.18);border-bottom:1px solid rgba(216,199,163,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
.box-finance-head{min-width:0;display:flex;align-items:end;justify-content:space-between;gap:clamp(18px,2.4vw,42px);padding:0 clamp(8px,1vw,18px) clamp(5px,.65vh,9px);border-bottom:1px solid rgba(216,199,163,.18);overflow:hidden}
.box-finance-head h2{margin:0;color:rgba(246,243,237,.96);font-size:clamp(42px,4.8vw,82px);line-height:.88;font-weight:920;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
.box-finance-status{display:grid;justify-items:end;gap:clamp(3px,.45vh,7px);text-transform:uppercase;font-variant-numeric:tabular-nums;text-align:right}
.box-finance-status strong{font-size:clamp(14px,1.2vw,22px);color:rgba(123,220,255,.96);letter-spacing:.09em;white-space:nowrap}
.box-finance-status span{font-size:clamp(10px,.82vw,15px);color:rgba(216,199,163,.7);letter-spacing:.12em;white-space:nowrap}
.box-finance-rows{min-height:0;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:clamp(3px,.42vh,6px);padding:0 clamp(8px,1vw,18px) clamp(2px,.4vh,8px);overflow:hidden}
.box-finance-empty{align-self:center;justify-self:center;color:rgba(216,199,163,.72);font-size:clamp(18px,1.55vw,30px);font-weight:780;letter-spacing:.08em;text-transform:uppercase}
.box-finance-row{min-height:0;display:grid;grid-template-columns:minmax(300px,1.8fr) minmax(130px,.54fr) clamp(38px,3.5vw,64px) minmax(210px,.78fr);align-items:center;gap:clamp(8px,1vw,18px);padding:0 clamp(10px,1vw,18px);border:1px solid rgba(216,199,163,.12);background:linear-gradient(90deg,rgba(89,213,150,.16),rgba(8,27,19,.78) 35%,rgba(255,255,255,.026));box-shadow:inset 0 1px 0 rgba(255,255,255,.045);animation:financeRowIn .54s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--rank)*34ms);overflow:hidden}
.box-finance-board.losers .box-finance-row,.box-finance-row.down{background:linear-gradient(90deg,rgba(255,88,102,.17),rgba(28,11,15,.82) 35%,rgba(255,255,255,.022))}
.box-finance-board.active .box-finance-row{grid-template-columns:minmax(280px,1.56fr) minmax(118px,.46fr) clamp(36px,3.25vw,58px) minmax(190px,.68fr) minmax(100px,.36fr)}
.box-finance-name{min-width:0;text-transform:uppercase;overflow:hidden}
.box-finance-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(246,243,237,.96);font-size:clamp(17px,1.38vw,26px);line-height:1;font-weight:900;letter-spacing:0}
.box-finance-price{font-size:clamp(28px,2.7vw,52px);line-height:1;font-weight:520;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 18px rgba(89,213,150,.2)}
.box-finance-arrow{font-size:clamp(30px,3.05vw,58px);line-height:1;text-align:center;filter:drop-shadow(0 0 16px currentColor)}
.box-finance-change{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-finance-change strong{font-size:clamp(20px,1.72vw,33px);line-height:1;font-weight:780}
.box-finance-change span{font-size:.64em;line-height:1;letter-spacing:.04em}
.box-finance-volume{display:grid;gap:clamp(1px,.2vh,4px);text-align:right;font-variant-numeric:tabular-nums}
.box-finance-volume span{font-size:clamp(10px,.85vw,16px);color:rgba(216,199,163,.64);font-weight:850;letter-spacing:.18em}
.box-finance-volume strong{font-size:clamp(20px,1.8vw,34px);color:rgba(246,243,237,.92);font-weight:850}
.box-finance-row.tick-up .box-finance-price,.box-finance-row.tick-up .box-finance-change{animation:financeTickUp .48s ease-out both;animation-delay:calc(var(--rank)*34ms)}
.box-finance-row.tick-down .box-finance-price,.box-finance-row.tick-down .box-finance-change{animation:financeTickDown .48s ease-out both;animation-delay:calc(var(--rank)*34ms)}
.box-finance-row.active-update{animation:financeActiveUpdate .5s ease-out both;animation-delay:calc(var(--rank)*34ms)}
.box-finance-board.market-pulse::after{content:"";position:absolute;inset:42% 48%;border:1px solid rgba(123,220,255,.34);border-radius:50%;pointer-events:none;animation:financeMarketPulse .5s ease-out both}
.box-finance-board{position:relative}
@keyframes financeRowIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes financeTickUp{0%{filter:brightness(1.55);text-shadow:0 0 26px rgba(89,213,150,.42);transform:translateY(2px)}100%{filter:brightness(1);transform:translateY(0)}}
@keyframes financeTickDown{0%{filter:brightness(1.45);text-shadow:0 0 26px rgba(255,88,102,.38);transform:translateY(-2px)}100%{filter:brightness(1);transform:translateY(0)}}
@keyframes financeActiveUpdate{0%{border-color:rgba(246,243,237,.48);filter:brightness(1.18)}100%{border-color:rgba(216,199,163,.12);filter:brightness(1)}}
@keyframes financeMarketPulse{0%{opacity:.6;transform:scale(.2)}100%{opacity:0;transform:scale(8)}}
.box-sports{min-height:0;display:grid;grid-template-columns:minmax(430px,1.12fr) minmax(310px,.72fr);gap:clamp(26px,3.6vw,58px)}
.box-fixtures{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.5vh,20px);align-content:stretch}
.box-fixture-window{min-height:0;overflow:hidden}
.box-fixture-track{display:grid;gap:clamp(7px,.9vh,12px)}
.box-fixture-track.scrolling{animation:boxFixtureRoll 36.5s linear infinite;will-change:transform}
@keyframes boxFixtureRoll{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.box-fixture{
  display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(12px,1.4vw,22px);
  min-height:clamp(54px,7.2vh,82px);
  border:1px solid var(--box-line);padding:clamp(9px,1.05vh,15px) clamp(14px,1.45vw,24px);
  font-size:clamp(16px,1.28vw,25px);letter-spacing:0;
}
.box-fixture.has-score{grid-template-columns:minmax(0,1fr) auto}
.box-fixture.live{border-color:rgba(255,88,102,.42);background:rgba(255,88,102,.04)}
.box-fixture.result{background:rgba(216,199,163,.035)}
.box-fixture-main{min-width:0;display:grid;gap:clamp(4px,.45vh,7px)}
.box-fixture-main strong{min-width:0;color:var(--box-text);font-weight:640;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-fixture small{display:flex;align-items:center;gap:.55em;color:var(--box-muted);font-size:clamp(9px,.72vw,13px);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-fixture small span{color:var(--box-accent);font-weight:780}
.box-score{font-variant-numeric:tabular-nums;font-weight:760;color:var(--box-accent);white-space:nowrap;font-size:clamp(13px,1.02vw,20px);letter-spacing:0;max-width:min(42vw,520px);overflow:hidden;text-overflow:ellipsis}
.box-score.live{color:var(--box-red)}
.box-score.result{color:rgba(216,199,163,.9)}
.box-sports-side{display:grid;align-content:stretch;gap:0;min-height:0}
.box-sports-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch}
.box-panel-title{font-size:clamp(12px,.95vw,17px);font-weight:650;letter-spacing:.2em;color:var(--box-accent);text-transform:uppercase;margin-bottom:clamp(16px,2vh,26px)}
.box-sports-scroll{height:100%;min-height:0;overflow:hidden;border-top:1px solid var(--box-line)}
.box-sports-track{display:grid;animation:boxSportsRoll 30s linear infinite;will-change:transform}
@keyframes boxSportsRoll{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.box-sports-headline{border-bottom:1px solid var(--box-line);padding:0 0 clamp(12px,1.65vh,22px);margin-bottom:clamp(12px,1.65vh,22px);font-size:clamp(15px,1.12vw,22px);line-height:1.28;color:rgba(246,243,237,.68)}
.box-stat-head,.box-stat-row{display:grid;grid-template-columns:clamp(26px,2.4vw,42px) minmax(0,1fr) 44px 50px 52px;align-items:center;gap:12px;padding:clamp(7px,.9vh,12px) 0;border-bottom:1px solid var(--box-line);font-variant-numeric:tabular-nums}
.box-stat-head{color:var(--box-muted);font-size:clamp(11px,.8vw,14px);letter-spacing:.12em;text-transform:uppercase}
.box-stat-row{font-size:clamp(14px,1.08vw,20px);color:rgba(246,243,237,.78)}
.box-stat-row strong{font-weight:520;color:var(--box-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-stat-table{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.box-stat-window{min-height:0;overflow:hidden}
.box-stat-track{display:grid}
.box-stat-track.scrolling{animation:boxTableRoll var(--box-table-duration,24s) linear 1 forwards;will-change:transform}
@keyframes boxTableRoll{0%,8%{transform:translate3d(0,0,0)}92%,100%{transform:translate3d(0,var(--box-table-distance,0px),0)}}
.team-badge{display:inline-block;width:.78em;height:.78em;border-radius:999px;margin:0 .32em 0 .08em;vertical-align:-.08em;border:1px solid rgba(255,255,255,.42);box-shadow:0 0 8px rgba(255,255,255,.14);background:linear-gradient(90deg,var(--c1,#d8d8d8) 0 50%,var(--c2,#555) 50% 100%)}
.box-player-row{display:grid;grid-template-columns:clamp(26px,2.4vw,42px) minmax(0,1fr) minmax(88px,.8fr) 52px;align-items:center;gap:12px;padding:clamp(8px,1vh,13px) 0;border-bottom:1px solid var(--box-line);font-size:clamp(14px,1.08vw,20px)}
.box-player-list{min-height:0;display:grid;align-content:stretch}
.box-player-row strong{font-weight:520;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-player-row small{color:var(--box-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-player-row em{justify-self:end;color:var(--box-accent);font-style:normal;font-weight:650;font-variant-numeric:tabular-nums}
.box-plus{margin-bottom:clamp(22px,3vh,38px);font-size:clamp(12px,.9vw,17px);letter-spacing:.18em;color:var(--box-accent);text-transform:uppercase}
.box-sports-moment{
  position:absolute;inset:0;z-index:20;display:grid;place-items:center;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,#020304,#07090d);
}
.box-sports-moment::before{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-sports-moment::after{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-sports-moment.goal,.box-sports-moment.event{color:var(--box-red)}
.box-sports-moment.penalty,.box-sports-moment.penalty-scored{color:#ffb12f}
.box-sports-moment.penalty-missed{color:#b8bec9}
.box-sports-moment.red{color:#ff3344}
.box-sports-moment.var{color:#b388ff}
.box-sports-moment.pulse{color:#ff3344;background:linear-gradient(180deg,#020304,#07090d)!important}
.box-pulse-globe{position:relative;width:clamp(184px,19vw,344px);aspect-ratio:1.75;border-radius:50% 50% 6% 6%;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 50% 82%,rgba(255,51,68,.50),transparent 5%),radial-gradient(circle at 50% 90%,rgba(255,51,68,.16),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,51,68,.06));box-shadow:none!important;overflow:hidden}
.box-pulse-globe span,.box-pulse-globe i{position:absolute;inset:13% 8%;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:boxMomentOrbit 2.8s linear infinite}
.box-pulse-globe i{inset:24% 18%;animation-duration:3.8s;opacity:.75}
.box-moment-orbit{display:none!important;animation:none!important;opacity:0!important;box-shadow:none!important;border:0!important}
.box-moment-icon{color:currentColor;display:grid;place-items:center}
.box-moment-icon svg{width:clamp(54px,5.4vw,106px);height:auto;filter:drop-shadow(0 0 22px currentColor)}
.box-moment-icon.hero svg{width:clamp(105px,10vw,205px);margin-bottom:clamp(14px,2vh,28px)}
.box-moment-kicker{position:relative;z-index:1;color:currentColor;font-size:clamp(19px,1.6vw,32px);font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 28px currentColor}
.box-moment-sub{position:relative;z-index:1;margin-top:clamp(12px,1.8vh,24px);color:rgba(246,243,237,.76);font-size:clamp(15px,1.2vw,24px);font-weight:760;letter-spacing:.22em;text-transform:uppercase}
.box-moment-team{position:relative;z-index:1;margin-top:clamp(6px,1.1vh,16px);font-size:clamp(28px,3vw,64px);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.box-moment-score{position:relative;z-index:1;font-size:clamp(62px,7vw,140px);font-weight:850;letter-spacing:.02em;color:#fff;line-height:.95;text-shadow:0 0 32px rgba(255,255,255,.16)}
.box-moment-detail{position:relative;z-index:1;margin-top:clamp(8px,1.2vh,18px);font-size:clamp(20px,1.9vw,40px);font-weight:840;letter-spacing:.08em;color:rgba(246,243,237,.9);text-transform:uppercase}
.box-moment-match{position:relative;z-index:1;margin-top:clamp(18px,2.4vh,38px);font-size:clamp(13px,1vw,20px);font-weight:760;letter-spacing:.14em;color:rgba(216,199,163,.72);text-transform:uppercase}
.box-sports-moment.around{align-content:center;gap:clamp(24px,3vh,46px);padding:clamp(28px,4vw,70px);background:radial-gradient(circle at 50% 50%,rgba(255,177,47,.14),transparent 38%),linear-gradient(180deg,#020304,#07090d)}
.box-around-grid{position:relative;z-index:1;width:min(1320px,92vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.4vw,28px)}
.box-moment-card{min-height:clamp(140px,16vh,230px);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:8px clamp(16px,1.6vw,30px);padding:clamp(20px,2.1vw,36px);border:1px solid currentColor;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px rgba(0,0,0,.3);text-align:left;color:var(--box-red)}
.box-moment-card.penalty,.box-moment-card.penalty-scored{color:#ffb12f}.box-moment-card.penalty-missed{color:#b8bec9}.box-moment-card.var{color:#b388ff}
.box-moment-card-main strong{display:block;color:currentColor;font-size:clamp(18px,1.5vw,30px);font-weight:920;letter-spacing:.12em;text-transform:uppercase}
.box-moment-card-main span{display:block;margin-top:8px;color:#fff;font-size:clamp(20px,1.9vw,40px);font-weight:880;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-moment-card-meta{grid-column:1/-1;color:rgba(246,243,237,.76);font-size:clamp(13px,1vw,20px);font-weight:760;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes boxMomentOrbit{to{transform:rotate(360deg)}}
@keyframes boxMomentDrift{to{transform:rotate(8deg) scale(1.04)}}
.box-stage.has-overlay{position:relative}
.box-clocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,36px);align-content:center}
.box-clock{padding:clamp(25px,4vh,50px) 0;border-top:1px solid var(--box-line)}
.box-clock-city{font-size:clamp(15px,1.15vw,21px);text-transform:uppercase;letter-spacing:.18em;color:var(--box-muted);margin-bottom:16px}
.box-clock-city.market-open{color:var(--box-green);text-shadow:0 0 18px rgba(89,213,150,.26)}
.box-clock-city.market-closed{color:var(--box-red);text-shadow:0 0 18px rgba(255,88,102,.2)}
.box-clock-time{font-size:clamp(45px,4.5vw,84px);letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.box-world{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.4vh,20px)}
.box-world-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(216,199,163,.16);padding-bottom:clamp(8px,1vh,14px);text-transform:uppercase}
.box-world-title span{color:rgba(246,243,237,.9);font-size:clamp(19px,1.55vw,30px);font-weight:850;letter-spacing:.2em}
.box-world-title strong{color:rgba(216,199,163,.62);font-size:clamp(10px,.8vw,15px);font-weight:780;letter-spacing:.16em}
.box-world-grid{min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.05vw,18px);align-content:stretch}
.box-world-card{position:relative;overflow:hidden;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:space-between;gap:clamp(8px,1.05vh,16px);padding:clamp(14px,1.45vw,24px);border:1px solid rgba(216,199,163,.15);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.009) 58%,rgba(123,220,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 46px rgba(0,0,0,.18);animation:boxWorldGlow 8s ease-in-out infinite}
.box-world-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.07),transparent 42%);opacity:.42}
.box-world-card.focus{grid-column:span 2;background:linear-gradient(145deg,rgba(123,220,255,.11),rgba(255,255,255,.012) 58%,rgba(216,199,163,.055))}
.box-world-card.weather{background:linear-gradient(145deg,rgba(255,209,102,.105),rgba(123,220,255,.052),rgba(255,255,255,.01))}
.box-world-card.market.up{background:linear-gradient(145deg,rgba(89,213,150,.11),rgba(255,255,255,.012) 62%,rgba(123,220,255,.035))}
.box-world-card.market.down{background:linear-gradient(145deg,rgba(255,88,102,.09),rgba(255,255,255,.012) 62%,rgba(216,199,163,.035))}
.box-world-card.market.closed{background:linear-gradient(145deg,rgba(255,88,102,.052),rgba(255,255,255,.012) 62%,rgba(216,199,163,.028))}
.box-world-card.strata{background:linear-gradient(145deg,rgba(216,199,163,.10),rgba(123,220,255,.035),rgba(255,255,255,.01))}
.box-world-kicker{position:relative;z-index:1;color:rgba(216,199,163,.62);font-size:clamp(11px,.85vw,16px);font-weight:820;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-world-main{position:relative;z-index:1;align-self:center;color:rgba(246,243,237,.94);font-size:clamp(27px,2.45vw,48px);line-height:.96;font-weight:520;letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-transform:uppercase}
.box-world-card.focus .box-world-main{font-size:clamp(64px,6.6vw,122px);letter-spacing:-.045em;text-transform:none;color:#fff}
.box-world-detail{position:relative;z-index:1;color:rgba(216,199,163,.72);font-size:clamp(14px,1.15vw,22px);font-weight:720;letter-spacing:.08em;text-transform:uppercase;line-height:1.16}
.box-world-weather-icon{position:relative;z-index:1;align-self:center;font-size:clamp(68px,6.4vw,124px);line-height:1;filter:drop-shadow(0 0 24px rgba(255,209,102,.18))}
.box-world-weather-icon .box-weather-icon{width:1.25em;height:1.25em;margin:0;animation-duration:6.8s}
.box-world-awareness .box-world-card{grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,1.25vh,18px)}
.box-world-awareness .box-world-main{font-size:clamp(30px,2.75vw,56px);font-weight:760;line-height:1.02}
.box-world-awareness .box-world-detail{font-size:clamp(16px,1.28vw,25px);line-height:1.22;letter-spacing:.055em;color:rgba(246,243,237,.78)}
.box-world-awareness .box-world-card.weather .box-world-main{font-size:clamp(46px,4.3vw,84px);font-weight:780;color:#fff}
.box-world-awareness .box-world-card.environment .box-world-main{color:rgba(123,220,255,.96)}
.box-world-awareness .box-world-card.travel.attention{border-color:rgba(255,209,102,.34);background:linear-gradient(145deg,rgba(255,209,102,.10),rgba(255,255,255,.012),rgba(255,88,102,.04))}
.box-world-card.attention{animation:boxAwarenessBreathe 10s ease-in-out infinite}
.box-world-card.market.up.attention{animation:boxAwarenessBreathe 11.5s ease-in-out infinite}
.box-world-card.weather.attention{animation:boxAwarenessBreathe 9.5s ease-in-out infinite}
.box-world-card.market.up .box-world-detail,.box-world-card.market.up .box-world-main{color:rgba(118,226,171,.95)}
.box-world-card.market.down .box-world-detail,.box-world-card.market.down .box-world-main{color:rgba(255,128,138,.92)}
.box-world-card.market.closed .box-world-detail{color:rgba(255,154,162,.82)}
.box-world-card.tone-sun{background:linear-gradient(145deg,rgba(255,209,102,.115),rgba(255,255,255,.012),rgba(216,199,163,.035))}
.box-world-card.tone-cloud{background:linear-gradient(145deg,rgba(143,180,202,.105),rgba(255,255,255,.012),rgba(123,220,255,.03))}
.box-world-card.tone-rain{background:linear-gradient(145deg,rgba(83,155,205,.12),rgba(255,255,255,.012),rgba(123,220,255,.045))}
.box-world-card.tone-storm{background:linear-gradient(145deg,rgba(76,97,124,.18),rgba(255,255,255,.01),rgba(255,88,102,.04))}
.box-world-card.tone-fog{background:linear-gradient(145deg,rgba(216,220,214,.09),rgba(255,255,255,.012),rgba(123,220,255,.024))}
.box-daynight-dot{display:inline-block;width:.62em;height:.62em;border-radius:50%;margin-right:.55em;background:currentColor;box-shadow:0 0 12px currentColor;opacity:.72;vertical-align:.04em;animation:boxWorldDotBreathe 4.6s ease-in-out infinite}
.box-world-card.night .box-daynight-dot{background:#b9a7ff}
.box-world-card.day .box-daynight-dot{background:#ffd166}
.box-clock-profile{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.8vh,24px);overflow:hidden}
.box-clock-main{min-height:0;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1.72fr);gap:clamp(14px,1.7vw,30px)}
.box-clock-primary{min-height:0;display:grid;align-content:center;gap:clamp(12px,2vh,24px);padding:clamp(22px,2.6vw,44px);border:1px solid rgba(216,199,163,.15);background:linear-gradient(145deg,rgba(123,220,255,.12),rgba(255,255,255,.012) 62%,rgba(216,199,163,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.box-clock-primary-time{font-size:clamp(72px,8.1vw,152px);line-height:.9;font-weight:420;color:#fff;font-variant-numeric:tabular-nums}
.box-clock-primary-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,.9vw,15px);margin-top:clamp(2px,.4vh,8px)}
.box-clock-primary-context div{min-width:0;padding:clamp(8px,.9vw,14px);border:1px solid rgba(216,199,163,.12);background:rgba(255,255,255,.026)}
.box-clock-primary-context small{display:block;color:rgba(216,199,163,.58);font-size:clamp(9px,.72vw,13px);font-weight:820;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-clock-primary-context strong{display:flex;align-items:center;gap:.35em;min-width:0;margin-top:clamp(4px,.42vh,7px);color:rgba(246,243,237,.9);font-size:clamp(13px,1vw,19px);font-weight:700;letter-spacing:.015em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-clock-primary-context .box-weather-icon{font-size:1.1em;margin-right:.02em;flex:0 0 auto}
.box-clock-secondary-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(8px,.96vw,16px)}
.box-clock-secondary{min-height:0;display:grid;align-content:center;gap:clamp(5px,.64vh,9px);padding:clamp(10px,1vw,18px);border:1px solid rgba(216,199,163,.16);background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(123,220,255,.032));overflow:hidden}
.box-clock-secondary.day{background:linear-gradient(145deg,rgba(255,209,102,.065),rgba(255,255,255,.025),rgba(123,220,255,.02))}
.box-clock-secondary.night{background:linear-gradient(145deg,rgba(185,167,255,.075),rgba(255,255,255,.018),rgba(123,220,255,.025))}
.box-clock-secondary.day .box-daynight-dot{background:#ffd166}
.box-clock-secondary.night .box-daynight-dot{background:#b9a7ff}
.box-clock-city-line{color:rgba(246,243,237,.92);font-size:clamp(13px,1.02vw,19px);line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-clock-secondary-time{color:rgba(246,243,237,.96);font-size:clamp(34px,3.2vw,62px);line-height:.94;font-weight:450;font-variant-numeric:tabular-nums}
.box-clock-context{color:rgba(216,199,163,.64);font-size:clamp(10px,.82vw,15px);font-weight:760;letter-spacing:.11em;text-transform:uppercase}
.box-clock-world .box-clock-primary-time{font-size:clamp(78px,8.5vw,160px)}
.box-clock-world .box-clock-city-line{font-size:clamp(19px,1.55vw,30px);font-weight:950;letter-spacing:.11em}
.box-clock-world .box-clock-secondary{gap:clamp(10px,1.15vh,18px)}
.box-clock-world .box-clock-secondary-time{font-size:clamp(38px,3.55vw,70px)}
.box-clock-world-v5 .box-clock-main{grid-template-columns:minmax(440px,1.02fr) minmax(0,1.34fr);gap:clamp(18px,1.9vw,34px)}
.box-clock-world-v5 .box-clock-primary{position:relative;overflow:hidden;align-content:stretch;grid-template-rows:auto minmax(82px,1fr) auto;gap:clamp(12px,1.6vh,24px);border-color:rgba(0,166,255,.86);background:#041320;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 44px rgba(0,166,255,.12)}
.box-clock-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,9,17,.72),rgba(0,20,38,.42) 44%,rgba(0,0,0,.24)),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.38) 72%,rgba(0,0,0,.72)),var(--clock-photo);background-size:cover;background-position:center;filter:saturate(1.18) contrast(1.1) brightness(.94);transform:scale(1.01)}
.box-clock-world-v5 .box-clock-primary::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.46));pointer-events:none}
.box-clock-hero-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(18px,2vw,34px);align-items:start}
.box-clock-world-v5 .box-world-kicker{font-size:clamp(31px,3.65vw,66px);line-height:1;font-weight:950;color:#fff;letter-spacing:.055em;white-space:normal;overflow:visible;text-overflow:clip}
.box-clock-country{margin-top:clamp(8px,.8vh,13px);color:var(--box-accent);font-size:clamp(14px,1.1vw,21px);font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.box-clock-hero-weather{display:grid;justify-items:end;text-align:right;gap:clamp(5px,.6vh,9px);min-width:clamp(155px,14vw,260px)}
.box-clock-hero-weather .box-weather-icon{font-size:clamp(70px,6vw,116px);margin:0}
.box-clock-hero-weather .box-clock-png-icon{width:clamp(90px,7.2vw,140px);height:clamp(72px,5.7vw,112px);object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.58))}
.box-clock-hero-weather strong{font-size:clamp(54px,4.9vw,92px);font-weight:650;line-height:.9;color:#fff}
.box-clock-hero-weather span{color:rgba(246,243,237,.92);font-size:clamp(13px,1vw,19px);font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.box-clock-hero-weather em{font-style:normal;color:rgba(216,199,163,.7);font-size:clamp(11px,.85vw,16px);font-weight:780;letter-spacing:.11em;text-transform:uppercase}
.box-clock-world-v5 .box-clock-primary-time{position:relative;z-index:1;align-self:center;font-size:clamp(74px,8.6vw,156px);font-weight:460;line-height:.86;letter-spacing:-.045em;text-shadow:0 0 28px rgba(255,255,255,.14)}
.box-clock-world-v5 .box-world-detail{position:relative;z-index:1;color:var(--box-accent);font-size:clamp(14px,1.1vw,21px);font-weight:850;letter-spacing:.15em}
.box-clock-world-v5 .box-clock-primary-context{position:relative;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:auto;border:1px solid rgba(255,255,255,.12);background:rgba(0,10,18,.66);backdrop-filter:blur(8px)}
.box-clock-world-v5 .box-clock-primary-context div{display:grid;align-content:center;gap:clamp(7px,.75vh,12px);min-height:clamp(105px,15vh,178px);padding:clamp(12px,1.3vw,22px);border:0;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008))}
.box-clock-world-v5 .box-clock-primary-context div:last-child{border-right:0}
.box-clock-world-v5 .box-clock-primary-context .box-context-img{width:clamp(30px,2.4vw,48px);height:clamp(30px,2.4vw,48px);object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.46))}
.box-clock-world-v5 .box-clock-primary-context .box-clock-panel-icon{width:clamp(28px,2.25vw,44px);height:clamp(28px,2.25vw,44px)}
.box-clock-world-v5 .box-clock-primary-context small{font-size:clamp(10px,.78vw,15px)}
.box-clock-world-v5 .box-clock-primary-context strong{display:block;margin:0;color:#fff;font-size:clamp(18px,1.45vw,28px);font-weight:820;letter-spacing:.02em;white-space:normal;overflow:visible}
.box-clock-world-v5 .box-clock-primary-context span{color:rgba(123,220,255,.9);font-size:clamp(12px,.9vw,17px);font-weight:760}
.box-clock-world-v5 .box-clock-primary-context .air small,.box-clock-world-v5 .box-clock-primary-context .air span{color:rgba(95,230,120,.9)}
.box-clock-world-v5 .box-clock-primary-context .humidity small,.box-clock-world-v5 .box-clock-primary-context .humidity span{color:rgba(82,196,255,.9)}
.box-clock-world-v5 .box-clock-primary-context .sunset small,.box-clock-world-v5 .box-clock-primary-context .sunset span{color:rgba(255,209,102,.96)}
.box-clock-world-v5 .box-clock-primary-context .travel small,.box-clock-world-v5 .box-clock-primary-context .travel span{color:rgba(185,128,255,.96)}
.box-clock-world-v5 .box-clock-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(12px,1.15vw,22px)}
.box-clock-world-v5 .box-clock-secondary{position:relative;overflow:hidden;align-content:start;padding:clamp(34px,2.65vw,48px) clamp(16px,1.45vw,27px) clamp(16px,1.45vw,27px);gap:clamp(9px,.96vh,15px);border-width:1px;background:#050607}
.box-clock-world-v5 .box-clock-secondary.wide{grid-column:span 2}
.box-clock-world-v5 .box-clock-secondary .box-clock-photo{background-image:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.26)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.66)),var(--clock-photo);filter:saturate(1.3) contrast(1.18) brightness(.86);transition:filter .4s ease}
.box-clock-world-v5 .box-clock-secondary::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.14),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.58));pointer-events:none}
.box-clock-world-v5 .box-clock-city-line,.box-clock-world-v5 .box-clock-secondary-time,.box-clock-world-v5 .box-clock-market-line,.box-clock-world-v5 .box-clock-context{position:relative;z-index:1}
.box-clock-world-v5 .box-clock-city-line{justify-self:start;max-width:100%;padding:.3em .55em;border-left:3px solid currentColor;background:rgba(0,0,0,.76);box-shadow:0 4px 18px rgba(0,0,0,.42);font-size:clamp(17px,1.3vw,25px);line-height:1.1;color:#fff;text-shadow:0 2px 12px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-clock-world-v5 .box-clock-secondary-time{font-size:clamp(36px,3.42vw,66px);line-height:.92;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.68)}
.box-clock-market-line{font-size:clamp(10px,.78vw,15px);font-weight:850;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-clock-world-v5 .box-clock-context{font-size:clamp(12px,.9vw,17px);color:rgba(246,243,237,.82)}
.box-clock-secondary.market-open{border-color:rgba(89,213,150,.28);background:linear-gradient(145deg,rgba(89,213,150,.09),rgba(255,255,255,.022),rgba(123,220,255,.018))}
.box-clock-secondary.market-closed{border-color:rgba(255,88,102,.20);background:linear-gradient(145deg,rgba(255,88,102,.052),rgba(255,255,255,.014),rgba(216,199,163,.02))}
.box-clock-secondary.market-window{border-color:rgba(255,209,102,.26);background:linear-gradient(145deg,rgba(255,209,102,.08),rgba(255,255,255,.018),rgba(123,220,255,.018))}
.box-clock-world-v5 .box-clock-secondary.market-open{border-color:rgba(48,220,63,.72);box-shadow:inset 0 0 0 1px rgba(48,220,63,.08),0 0 24px rgba(48,220,63,.08)}
.box-clock-world-v5 .box-clock-secondary.market-closed{border-color:rgba(255,36,50,.68);box-shadow:inset 0 0 0 1px rgba(255,36,50,.08),0 0 24px rgba(255,36,50,.08)}
.box-clock-world-v5 .box-clock-secondary.market-window{border-color:rgba(255,186,0,.7);box-shadow:inset 0 0 0 1px rgba(255,186,0,.08),0 0 24px rgba(255,186,0,.08)}
.box-clock-world-v5 .box-clock-secondary.market-open .box-clock-photo{background-image:linear-gradient(90deg,rgba(0,34,8,.66),rgba(0,70,18,.34)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.64)),var(--clock-photo)}
.box-clock-world-v5 .box-clock-secondary.market-closed .box-clock-photo{background-image:linear-gradient(90deg,rgba(34,0,8,.68),rgba(110,0,22,.34)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.64)),var(--clock-photo)}
.box-clock-world-v5 .box-clock-secondary.market-window .box-clock-photo{background-image:linear-gradient(90deg,rgba(38,24,0,.68),rgba(120,76,0,.36)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.64)),var(--clock-photo)}
.box-clock-secondary.market-open .box-clock-city-line{color:rgba(140,232,185,.94)}
.box-clock-secondary.market-closed .box-clock-city-line{color:rgba(255,154,162,.86)}
.box-clock-secondary.market-window .box-clock-city-line{color:rgba(255,218,148,.92)}
.box-clock-world-v5 .box-clock-secondary.market-open .box-clock-city-line,.box-clock-world-v5 .box-clock-secondary.market-closed .box-clock-city-line,.box-clock-world-v5 .box-clock-secondary.market-window .box-clock-city-line{color:#fff}
.box-clock-secondary.market-open .box-clock-market-line{color:#35e252}
.box-clock-secondary.market-closed .box-clock-market-line{color:#ff3e4b}
.box-clock-secondary.market-window .box-clock-market-line{color:#ffd126}
.box-world-awareness .box-world-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.box-world-card.environment{background:linear-gradient(145deg,rgba(123,220,255,.08),rgba(216,199,163,.055),rgba(255,255,255,.01))}
.clock-footer-track{width:100%;min-width:0;display:grid;grid-template-columns:1.28fr repeat(6,minmax(0,1fr));gap:0;animation:none;border:1px solid rgba(123,220,255,.18);border-radius:8px;background:linear-gradient(180deg,rgba(5,16,24,.86),rgba(0,4,8,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 40px rgba(0,0,0,.28);padding:clamp(7px,.85vh,13px) clamp(8px,.85vw,15px)}
.clock-footer-track .box-footer-item{min-width:0;margin-right:0;justify-content:flex-start}
.clock-footer-track .box-footer-item:after{display:none}
.box-clock-panel{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(8px,.7vw,13px);justify-content:start!important;text-align:left;border-right:1px solid rgba(216,199,163,.24);padding:0 clamp(8px,.8vw,15px)}
.box-clock-local-panel{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(9px,.8vw,15px);justify-content:start!important;text-align:left;border-right:1px solid rgba(216,199,163,.24);padding:0 clamp(9px,.9vw,17px) 0 clamp(3px,.3vw,7px)}
.box-clock-local-panel .box-analogue-clock{gap:0}.box-clock-local-panel .box-analogue-clock>span{display:none}
.box-clock-local-panel .box-analogue-face{width:clamp(58px,5.2vw,88px);height:clamp(58px,5.2vw,88px)}
.box-clock-local-panel>span:last-child{display:grid;gap:clamp(2px,.24vh,5px)}
.box-clock-panel:last-child{border-right:0}
.box-clock-panel>span:last-child{display:grid;gap:clamp(2px,.24vh,5px);min-width:0}
.box-clock-panel .box-footer-clock-city,.box-clock-local-panel .box-footer-clock-city{font-size:clamp(10px,.76vw,15px);color:var(--box-accent)}
.box-clock-panel .box-footer-clock-time,.box-clock-local-panel .box-footer-clock-time{font-size:clamp(16px,1.24vw,25px);line-height:1.02;color:#fff;white-space:normal;font-weight:650;letter-spacing:.01em}
.box-clock-panel-detail{color:rgba(246,243,237,.74);font-size:clamp(11px,.82vw,16px);font-weight:700;white-space:normal;line-height:1.12}
.box-clock-panel.up .box-footer-clock-city,.box-clock-panel.up .box-clock-panel-detail{color:#35e252}
.box-clock-panel.down .box-footer-clock-city,.box-clock-panel.down .box-clock-panel-detail,.box-clock-panel.closed .box-clock-panel-detail{color:#ff5866}
.box-clock-panel.warn .box-footer-clock-city,.box-clock-panel.warn .box-clock-panel-detail,.box-clock-panel.sun .box-footer-clock-city,.box-clock-panel.sun .box-clock-panel-detail{color:#ffd126}
.box-clock-panel-icon{position:relative;width:clamp(28px,2.7vw,48px);height:clamp(28px,2.7vw,48px);display:inline-block;color:var(--box-accent);flex:0 0 auto}
.box-clock-panel-img{width:clamp(28px,2.55vw,48px);height:clamp(28px,2.55vw,48px);object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 8px 13px rgba(0,0,0,.46))}
.box-clock-panel-icon.clock{border:3px solid currentColor;border-radius:50%}
.box-clock-panel-icon.clock::before,.box-clock-panel-icon.clock::after{content:"";position:absolute;left:50%;top:50%;width:2px;background:currentColor;transform-origin:50% 0}.box-clock-panel-icon.clock::before{height:30%;transform:rotate(0deg)}.box-clock-panel-icon.clock::after{height:42%;transform:rotate(130deg)}
.box-clock-panel-icon.market-up::before,.box-clock-panel-icon.market-down::before{content:"";position:absolute;inset:18% 10%;border-left:4px solid currentColor;border-top:4px solid currentColor;transform:skew(-12deg) rotate(45deg)}
.box-clock-panel-icon.market-down::before{transform:skew(12deg) rotate(225deg)}
.box-clock-panel-icon.weather::before{content:"";position:absolute;left:8%;right:8%;bottom:26%;height:38%;border-radius:999px;background:currentColor;box-shadow:10px -10px 0 0 currentColor,-8px -5px 0 -1px currentColor}.box-clock-panel-icon.weather::after{content:"";position:absolute;left:24%;top:72%;width:4px;height:14px;border-radius:999px;background:currentColor;box-shadow:13px 0 0 currentColor,26px 0 0 currentColor;opacity:.8}
.box-clock-panel-icon.plane::before{content:"";position:absolute;left:3%;top:42%;width:92%;height:16%;background:currentColor;clip-path:polygon(0 40%,72% 40%,100% 0,84% 50%,100% 100%,72% 60%,0 60%)}.box-clock-panel-icon.plane::after{content:"";position:absolute;left:38%;top:16%;width:22%;height:68%;background:currentColor;clip-path:polygon(0 0,100% 36%,58% 50%,100% 64%,0 100%,20% 50%)}
.box-clock-panel-icon.sun{border-radius:50%;background:currentColor;box-shadow:0 0 18px currentColor}.box-clock-panel-icon.sun::before{content:"";position:absolute;inset:-42%;border-radius:50%;background:repeating-conic-gradient(from 0deg,currentColor 0 8deg,transparent 8deg 22deg);opacity:.9}
.box-clock-panel.sun .box-clock-panel-icon.sun{width:clamp(24px,2.15vw,40px);height:clamp(24px,2.15vw,40px);box-shadow:0 0 12px currentColor}.box-clock-panel.sun .box-clock-panel-icon.sun::before{inset:-34%}
.box-clock-panel.up .box-clock-panel-icon{color:#35e252}.box-clock-panel.down .box-clock-panel-icon,.box-clock-panel.closed .box-clock-panel-icon{color:#ff3342}.box-clock-panel.warn .box-clock-panel-icon{color:#ffd126}.box-clock-panel.weather .box-clock-panel-icon{color:#58cfff}.box-clock-panel.sun .box-clock-panel-icon{color:#ffd126}
.box-footer-clock{gap:clamp(6px,.75vw,12px);font-variant-numeric:tabular-nums}
.box-clock-icon{position:relative;width:clamp(15px,1.15vw,22px);height:clamp(15px,1.15vw,22px);border:1px solid rgba(216,199,163,.62);border-radius:50%;box-shadow:0 0 14px rgba(216,199,163,.11);flex:0 0 auto}
.box-clock-icon:before,.box-clock-icon:after{content:"";position:absolute;left:50%;top:50%;width:1px;background:rgba(246,243,237,.88);transform-origin:50% 0}
.box-clock-icon:before{height:34%;transform:rotate(0deg)}
.box-clock-icon:after{height:42%;transform:rotate(105deg)}
.box-footer-clock-city{color:rgba(216,199,163,.68);font-size:clamp(10px,.78vw,14px);font-weight:820;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-footer-clock-time{color:rgba(246,243,237,.92);font-size:clamp(14px,1.1vw,21px);font-weight:620;white-space:nowrap}
.box-footer-clock.primary .box-footer-clock-time{color:#fff}
.box-footer-clock-context{justify-content:flex-start}
.box-footer-clock-context .box-footer-clock-time{min-width:0;overflow:hidden;text-overflow:ellipsis}
.box-footer-clock-context:not(.primary) .box-clock-icon{display:none}
.box-footer-analogue{min-width:0;justify-content:center}
.box-analogue-clock{height:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:clamp(9px,.95vw,16px);color:rgba(245,239,224,.94);overflow:hidden}
.box-analogue-clock span{color:rgba(216,199,163,.7);font-size:clamp(10px,.78vw,14px);font-weight:820;letter-spacing:.12em;text-transform:uppercase}
.box-analogue-face{width:clamp(62px,6.9vw,92px);height:clamp(62px,6.9vw,92px);flex:0 0 auto;filter:drop-shadow(0 0 18px rgba(220,205,170,.18))}
.box-analogue-ring{fill:rgba(255,255,255,.025);stroke:rgba(236,225,199,.62);stroke-width:2}
.box-analogue-tick{stroke:rgba(236,225,199,.66);stroke-width:2.3;stroke-linecap:round}
.box-analogue-hand{stroke-linecap:round;vector-effect:non-scaling-stroke}
.box-analogue-hand.hour{stroke:rgba(245,239,224,.94);stroke-width:4.4}
.box-analogue-hand.minute{stroke:rgba(245,239,224,.88);stroke-width:3.2}
.box-analogue-hand.second{stroke:rgba(255,188,146,.92);stroke-width:1.6}
.box-analogue-centre{fill:rgba(255,218,176,.96)}
.box-travel-sparse{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch}
.box-travel-sparse-main{min-height:0;display:grid;place-items:center;text-align:center;align-content:center;gap:clamp(12px,1.8vh,24px);border:1px solid rgba(226,204,166,.10);background:linear-gradient(180deg,rgba(255,244,220,.022),rgba(255,255,255,.006));box-shadow:inset 0 1px 0 rgba(255,244,220,.045)}
.box-travel-sparse-main small{color:var(--travel-muted);font-size:clamp(12px,.92vw,17px);font-weight:760;letter-spacing:.18em;text-transform:uppercase}
.box-travel-sparse-main strong{max-width:82%;color:var(--travel-ink);font-size:clamp(34px,4vw,76px);font-weight:520;line-height:1.05;letter-spacing:-.015em}
.box-travel-sparse-main span{color:rgba(216,199,163,.66);font-size:clamp(14px,1.08vw,21px);letter-spacing:.1em;text-transform:uppercase}
@keyframes boxWorldGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.055)}}
@keyframes boxWorldDotBreathe{0%,100%{transform:scale(.9);opacity:.48}50%{transform:scale(1.14);opacity:.84}}
@keyframes boxAwarenessBreathe{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 46px rgba(0,0,0,.18);filter:brightness(1)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 54px rgba(123,220,255,.13);filter:brightness(1.06)}}
.box-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.5vw,26px);align-content:center}
.box-dash-card{height:clamp(178px,25vh,274px);border:1px solid var(--box-line);padding:clamp(20px,2vw,32px);display:grid;align-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.box-dash-card.accent-blue{background:linear-gradient(145deg,rgba(91,161,255,.11),rgba(255,255,255,.01))}
.box-dash-card.accent-weather{background:linear-gradient(145deg,rgba(255,209,102,.12),rgba(123,220,255,.045))}
.box-dash-card.accent-market-0{background:linear-gradient(145deg,rgba(89,213,150,.095),rgba(255,255,255,.01))}
.box-dash-card.accent-market-1{background:linear-gradient(145deg,rgba(185,167,255,.10),rgba(255,255,255,.01))}
.box-dash-card.accent-live{background:linear-gradient(145deg,rgba(255,88,102,.095),rgba(255,209,102,.045))}
.box-dash-card small{font-size:clamp(12px,.92vw,16px);letter-spacing:.18em;text-transform:uppercase;color:var(--box-muted)}
.box-dash-card strong{font-size:clamp(30px,2.6vw,50px);font-weight:450;letter-spacing:-.04em;white-space:nowrap}
.box-dash-card span{font-size:clamp(14px,1.08vw,20px);color:var(--box-muted)}
.box-dash-card.focus strong{color:var(--box-accent)}
.box-week{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.5vh,22px);align-content:stretch}
.box-week .box-panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:clamp(18px,3vw,52px)}
.box-week .box-panel-title strong{color:rgba(216,199,163,.74);font-size:clamp(12px,.98vw,18px);font-weight:760;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.box-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--box-line)}
.box-day{display:grid;justify-items:center;align-content:center;gap:clamp(7px,1.05vh,15px);height:100%;min-height:0;border-right:1px solid var(--box-line);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004));overflow:hidden}
.box-day.today{background:linear-gradient(180deg,rgba(255,209,102,.12),rgba(123,220,255,.07));box-shadow:inset 0 0 0 1px rgba(255,209,102,.18),inset 0 0 44px rgba(255,209,102,.08)}
.box-day.weather-tone-sun{background:linear-gradient(180deg,rgba(255,209,102,.09),rgba(255,255,255,.006))}
.box-day.weather-tone-cloud{background:linear-gradient(180deg,rgba(143,180,202,.09),rgba(255,255,255,.006))}
.box-day.weather-tone-rain{background:linear-gradient(180deg,rgba(123,220,255,.085),rgba(255,255,255,.004))}
.box-day.weather-tone-storm{background:linear-gradient(180deg,rgba(76,97,124,.16),rgba(255,255,255,.004))}
.box-day.weather-tone-fog{background:linear-gradient(180deg,rgba(216,220,214,.08),rgba(255,255,255,.004))}
.box-day.weather-tone-snow{background:linear-gradient(180deg,rgba(210,244,255,.085),rgba(255,255,255,.004))}
.box-day small{letter-spacing:.16em;color:var(--box-muted)}
.box-day b{font-size:clamp(82px,8vw,156px);line-height:.86;font-weight:400;color:var(--box-accent)}
.box-clock-weather .box-day b{font-size:clamp(112px,10.8vw,208px)}
.box-clock-weather .box-day .box-weather-icon{width:1.24em;height:1.24em;margin:0}
.box-clock-weather .box-day small{font-size:clamp(11px,.88vw,17px);font-weight:840;letter-spacing:.1em;text-align:center}
.box-day em{max-width:88%;font-size:clamp(12px,.95vw,18px);line-height:1.12;font-style:normal;color:rgba(216,199,163,.72);text-align:center;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-day strong{font-size:clamp(34px,3.1vw,58px);font-weight:400}
.box-day span{font-size:clamp(11px,.9vw,17px);color:var(--box-muted)}
.box-weather-timing{color:rgba(123,220,255,.8)!important;font-weight:760;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.box-clock-screen-head{display:flex;align-items:start;justify-content:space-between;gap:clamp(20px,3vw,52px);text-transform:uppercase}
.box-clock-screen-head h2{margin:0;color:#fff;font-size:clamp(32px,3.2vw,58px);line-height:.9;font-weight:950;letter-spacing:.28em}
.box-clock-screen-head span{display:block;margin-top:clamp(10px,1.1vh,18px);color:rgba(246,243,237,.72);font-size:clamp(12px,.95vw,18px);font-weight:760;letter-spacing:.08em}
.box-clock-screen-head strong{color:rgba(216,199,163,.78);font-size:clamp(13px,1.05vw,20px);font-weight:820;letter-spacing:.13em;white-space:nowrap}
.box-weather-v5,.box-awareness-v5{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,2.35vh,31px)}
.box-weather-v5-grid{min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(7px,.62vw,12px)}
.box-weather-card,.box-awareness-card{position:relative;overflow:hidden;min-height:0;border:1px solid rgba(123,220,255,.2);background:#06111a;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 42px rgba(0,0,0,.24)}
.box-panel-photo{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.46) 62%,rgba(0,0,0,.78)),var(--panel-photo);background-size:cover;background-position:center;filter:saturate(1.2) contrast(1.1) brightness(.82)}
.box-weather-v5 .box-panel-photo{background-image:radial-gradient(circle at 48% 31%,rgba(0,168,255,.17),transparent 31%),radial-gradient(circle at 48% 50%,rgba(123,220,255,.055),transparent 46%),linear-gradient(180deg,rgba(7,18,27,.98),rgba(2,8,14,.94) 48%,rgba(0,0,0,.98));filter:none}
.box-weather-card.tone-sun .box-panel-photo{background-image:radial-gradient(circle at 50% 30%,rgba(255,184,18,.3),transparent 32%),radial-gradient(circle at 50% 53%,rgba(255,209,102,.08),transparent 45%),linear-gradient(180deg,rgba(20,18,12,.98),rgba(5,10,14,.94) 52%,rgba(0,0,0,.98))}
.box-weather-card.tone-rain .box-panel-photo,.box-weather-card.tone-storm .box-panel-photo{background-image:radial-gradient(circle at 50% 30%,rgba(0,178,255,.22),transparent 32%),linear-gradient(180deg,rgba(5,23,35,.98),rgba(2,10,18,.95) 50%,rgba(0,0,0,.98))}
.box-weather-card.tone-cloud .box-panel-photo,.box-weather-card.tone-fog .box-panel-photo{background-image:radial-gradient(circle at 50% 29%,rgba(110,190,230,.19),transparent 32%),linear-gradient(180deg,rgba(5,19,30,.98),rgba(1,8,14,.95) 50%,rgba(0,0,0,.98))}
.box-weather-card{display:grid;justify-items:center;align-content:start;text-align:center;padding:clamp(20px,1.7vw,33px) clamp(13px,.95vw,20px);gap:clamp(9px,1.04vh,16px)}
.box-weather-card>*:not(.box-panel-photo){position:relative;z-index:1}
.box-weather-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.64));pointer-events:none}
.box-weather-card.today{border-color:rgba(0,178,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,178,255,.12),0 0 28px rgba(0,178,255,.13)}
.box-weather-day-name{font-size:clamp(25px,2.1vw,41px);font-weight:950;letter-spacing:.02em;color:var(--box-accent);text-transform:uppercase}
.box-weather-card.tone-sun .box-weather-day-name,.box-weather-card.tone-sun .box-weather-condition{color:#ffd126}
.box-weather-date{color:rgba(246,243,237,.66);font-size:clamp(14px,1.05vw,20px);font-weight:780;letter-spacing:.04em;text-transform:uppercase}
.box-weather-big-icon{font-size:clamp(112px,8.65vw,170px);line-height:.78;margin-top:clamp(11px,1.25vh,21px);filter:drop-shadow(0 14px 20px rgba(0,0,0,.52))}
.box-weather-big-icon .box-weather-icon{width:1.04em;height:1.04em;margin:0}
.box-weather-big-icon .box-clock-png-icon{width:clamp(112px,8.7vw,170px);height:clamp(90px,7vw,138px);object-fit:contain;display:block}
.box-weather-temp{font-size:clamp(70px,6vw,116px);font-weight:900;line-height:.82;color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.72)}
.box-weather-condition{font-size:clamp(16px,1.18vw,24px);font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:var(--box-accent);min-height:2.4em;display:grid;place-items:center;line-height:1.08;overflow-wrap:anywhere}
.box-weather-metrics{width:100%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(123,220,255,.16);border-bottom:1px solid rgba(123,220,255,.12);padding:clamp(10px,1.2vh,18px) 0;margin-top:auto}
.box-weather-metrics span{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:clamp(3px,.45vh,7px);border-right:1px solid rgba(123,220,255,.2)}
.box-weather-metrics span:last-child{border-right:0}
.box-weather-metrics img{width:clamp(13px,1vw,18px);height:clamp(13px,1vw,18px);object-fit:contain}
.box-weather-metrics b{font-size:clamp(17px,1.3vw,25px);color:#fff}
.box-weather-metrics em{grid-column:1/-1;font-style:normal;color:rgba(246,243,237,.68);font-size:clamp(11px,.82vw,15px);font-weight:780;text-transform:uppercase}
.box-weather-wind{width:100%;border-top:1px solid rgba(123,220,255,.14);padding-top:clamp(9px,1.1vh,16px);color:rgba(246,243,237,.72);font-size:clamp(12px,.9vw,16px);font-weight:760;display:flex;align-items:center;justify-content:center;gap:.45em}
.box-weather-wind img{width:clamp(15px,1.05vw,20px);height:clamp(15px,1.05vw,20px);object-fit:contain}
.box-awareness-v5-grid{min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.35vw,24px)}
.box-awareness-card{display:grid;align-content:start;padding:clamp(24px,2vw,40px);gap:clamp(11px,1.25vh,20px)}
.box-awareness-card>*:not(.box-panel-photo){position:relative;z-index:1}
.box-awareness-card.weather{border-color:rgba(0,178,255,.86)}
.box-awareness-card.market{border-color:rgba(255,36,50,.68)}
.box-awareness-card.travel{border-color:rgba(255,163,23,.74)}
.box-awareness-card.environment{border-color:rgba(60,224,57,.7)}
.box-awareness-card.strata{border-color:rgba(150,82,255,.74)}
.box-awareness-card.market .box-panel-photo{background-image:linear-gradient(180deg,rgba(45,0,10,.08),rgba(0,0,0,.72)),linear-gradient(90deg,rgba(120,0,20,.26),rgba(0,0,0,.08)),var(--panel-photo)}
.box-awareness-card.travel .box-panel-photo{background-image:linear-gradient(180deg,rgba(68,35,0,.08),rgba(0,0,0,.7)),linear-gradient(90deg,rgba(180,92,0,.2),rgba(0,0,0,.08)),var(--panel-photo)}
.box-awareness-card.environment .box-panel-photo{background-image:linear-gradient(180deg,rgba(0,45,0,.06),rgba(0,0,0,.68)),linear-gradient(90deg,rgba(26,140,22,.22),rgba(0,0,0,.08)),var(--panel-photo)}
.box-awareness-card.strata .box-panel-photo{background-image:linear-gradient(180deg,rgba(25,0,60,.06),rgba(0,0,0,.66)),linear-gradient(90deg,rgba(76,35,180,.2),rgba(0,0,0,.05)),var(--panel-photo)}
.box-awareness-kicker{font-size:clamp(18px,1.45vw,28px);font-weight:950;letter-spacing:.04em;text-transform:uppercase;opacity:0;min-height:clamp(30px,4.2vh,58px)}
.box-awareness-badge{height:clamp(58px,6.4vh,104px);display:flex;align-items:center}
.box-awareness-badge .box-clock-png-icon{width:clamp(82px,6.2vw,124px);height:clamp(70px,5.2vw,108px);object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.box-awareness-icon{width:clamp(58px,4.8vw,94px);height:clamp(42px,3.8vw,72px);object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.box-awareness-card.weather .box-awareness-kicker,.box-awareness-card.weather .box-awareness-sub{color:var(--box-accent)}
.box-awareness-card.market .box-awareness-kicker,.box-awareness-card.market .box-awareness-detail{color:#ff3e4b}
.box-awareness-card.travel .box-awareness-kicker,.box-awareness-card.travel .box-awareness-detail{color:#ffac22}
.box-awareness-card.environment .box-awareness-kicker,.box-awareness-card.environment .box-awareness-sub,.box-awareness-card.environment .box-awareness-extra{color:#5ee746}
.box-awareness-card.strata .box-awareness-kicker,.box-awareness-card.strata .box-awareness-sub{color:#9858ff}
.box-awareness-main{margin-top:auto;color:#fff;font-size:clamp(35px,3.45vw,68px);line-height:.96;font-weight:900;text-transform:uppercase;text-shadow:0 3px 22px rgba(0,0,0,.72);overflow-wrap:normal;word-break:normal;hyphens:none}
.box-awareness-card.market .box-awareness-main,.box-awareness-card.strata .box-awareness-main{font-size:clamp(32px,3.05vw,58px)}
.box-awareness-sub{font-size:clamp(15px,1.18vw,23px);font-weight:900;text-transform:uppercase;line-height:1.16;overflow-wrap:normal;word-break:normal}
.box-awareness-detail{font-size:clamp(15px,1.1vw,22px);font-weight:840;text-transform:uppercase;overflow-wrap:anywhere}
.box-awareness-extra{font-size:clamp(14px,1vw,20px);font-weight:800;text-transform:uppercase;color:rgba(246,243,237,.72);overflow-wrap:anywhere}
.box-clock-png-icon{display:inline-block;max-width:100%;vertical-align:middle}
.box-weather-icon{position:relative;display:inline-block;width:1.08em;height:1.08em;margin-right:.22em;vertical-align:-.12em}
.box-weather-icon.sun{border-radius:50%;background:radial-gradient(circle at 42% 35%,#fff2a8 0 16%,#ffd126 17% 46%,#ff9f18 47% 76%,rgba(255,209,102,.15) 77%);box-shadow:0 0 .28em rgba(255,209,102,.48);animation:boxSunPulse 3.8s ease-in-out infinite}
.box-weather-icon.sun:before{content:"";position:absolute;inset:-.18em;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,209,102,.96) 0 8deg,transparent 8deg 22deg);z-index:-1;filter:drop-shadow(0 0 .08em rgba(255,209,102,.58))}
.box-weather-icon.sun span,.box-weather-icon.sun i{display:none}
.box-weather-icon.cloud:before,.box-weather-icon.rain:before,.box-weather-icon.snow:before{content:"";position:absolute;left:.1em;right:.06em;bottom:.22em;height:.44em;border-radius:999px;background:linear-gradient(180deg,#e8f6ff 0%,#9fc8dc 44%,#5b7d94 100%);box-shadow:.15em -.21em 0 .035em #d9edf8,-.13em -.12em 0 .025em #7fa5ba,.34em -.08em 0 -.02em #b7d8e8;animation:boxCloudDrift 4.6s ease-in-out infinite}
.box-weather-icon.cloud:after,.box-weather-icon.rain:after,.box-weather-icon.snow:after{content:"";position:absolute;left:.17em;right:.1em;bottom:.23em;height:.2em;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent)}
.box-weather-icon.cloud span,.box-weather-icon.cloud i{display:none}
.box-weather-icon.rain span{position:absolute;left:.25em;top:.68em;width:.055em;height:.34em;border-radius:999px;background:#22aaf7;box-shadow:.24em -.04em 0 #22aaf7,.48em .03em 0 #22aaf7;transform:rotate(14deg);animation:boxRainFall .9s linear infinite}
.box-weather-icon.rain i{position:absolute;left:.36em;top:.73em;width:.055em;height:.28em;border-radius:999px;background:rgba(123,220,255,.74);box-shadow:.24em -.02em 0 rgba(123,220,255,.74);transform:rotate(14deg);animation:boxRainFall 1.05s linear infinite}
.box-weather-icon.snow span{position:absolute;left:.42em;top:.66em;width:.14em;height:.14em;border-radius:50%;background:#dff6ff;box-shadow:.25em -.02em 0 #9ee7ff,-.25em .04em 0 #c8f0ff;animation:boxSnowFall 1.8s ease-in-out infinite}
.box-weather-icon.snow i{display:none}
.box-weather-icon.calm{border-radius:50%;border:1px solid rgba(216,199,163,.62);background:radial-gradient(circle,rgba(216,199,163,.44),rgba(123,220,255,.12) 68%)}
.box-weather-icon.calm span,.box-weather-icon.calm i{display:none}
@keyframes boxSunPulse{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.08);filter:saturate(1.25)}}
@keyframes boxCloudDrift{0%,100%{transform:translateX(-3%)}50%{transform:translateX(6%)}}
@keyframes boxRainFall{0%{transform:translateY(-.08em);opacity:.3}35%{opacity:1}100%{transform:translateY(.18em);opacity:.2}}
@keyframes boxSnowFall{0%,100%{transform:translateY(-.05em) rotate(0deg)}50%{transform:translateY(.12em) rotate(14deg)}}
.box-ambient,.box-profile-video{position:relative;height:100%;overflow:hidden;background:#000}
.box-ambient-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:.84;filter:saturate(1.08) contrast(.98) brightness(.72);transform:translateZ(0);backface-visibility:hidden;will-change:transform}
.box-ambient-fallback{position:absolute;inset:-5%;z-index:0;display:block;width:110%;height:110%;object-fit:cover;opacity:.82;filter:saturate(1.08) contrast(1.02) brightness(.72);animation:ambientFallbackDrift 18s ease-in-out infinite alternate}
.box-ambient-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 50%,transparent 42%,rgba(0,0,0,.5) 100%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 34%,rgba(0,0,0,.3))}
.video-failed .box-ambient-video{opacity:0}
.video-failed .box-ambient-fallback{z-index:1}
.firestick-lite .box-ambient-fallback{animation:none;transform:scale(1.03)}
.box-ambient-copy{position:absolute;z-index:3;right:clamp(22px,3.2vw,54px);bottom:clamp(22px,4vh,58px);max-width:min(44vw,700px);text-align:right;color:rgba(246,243,237,.84);text-shadow:0 8px 26px rgba(0,0,0,.74)}
.box-ambient-insight{display:grid;gap:clamp(8px,1.2vh,16px);justify-items:end;padding:clamp(14px,1.4vw,24px) 0;animation:boxAmbientInsightBreathe 8s ease-in-out infinite}
.box-ambient-kicker{color:rgba(216,199,163,.68);font-size:clamp(10px,.8vw,15px);font-weight:820;letter-spacing:.22em;text-transform:uppercase}
.box-ambient-text{font-size:clamp(24px,2.35vw,43px);line-height:1.08;font-weight:420;letter-spacing:-.015em}
.box-ambient-insight.quote .box-ambient-text{font-family:Georgia,serif;font-style:italic;font-size:clamp(20px,2vw,36px);color:rgba(246,243,237,.78)}
.box-ambient-insight.strata .box-ambient-text{color:#fff}
@keyframes boxAmbientInsightBreathe{0%,100%{opacity:.82;transform:translateY(0)}50%{opacity:.96;transform:translateY(-2px)}}
@keyframes ambientFallbackDrift{from{transform:translate3d(-2%,-1%,0) scale(1.02) rotate(-1deg)}to{transform:translate3d(2%,1%,0) scale(1.08) rotate(1deg)}}
.box-calm{position:relative;height:100%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(216,199,163,.045),transparent 48%)}
.box-breath-orb{position:absolute;width:min(32vw,47vh);height:min(32vw,47vh);border-radius:50%;border:1px solid rgba(216,199,163,.2);transition:transform .9s linear,opacity .9s linear;opacity:.84;will-change:transform}
.box-breath-orb span{position:absolute;inset:clamp(18px,2vw,34px);border-radius:50%;background:radial-gradient(circle,rgba(216,199,163,.16),rgba(216,199,163,.035) 55%,transparent 74%)}
.box-breath-orb.inhale{transform:scale(1.18);opacity:1}
.box-breath-orb.hold{transform:scale(1);opacity:.9}
.box-breath-orb.exhale{transform:scale(.7);opacity:.62}
.box-calm-copy{position:relative;text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--box-accent)}
.box-calm-phase{font-size:clamp(16px,1.15vw,22px);margin-bottom:clamp(18px,2.6vh,36px)}
.box-calm-count{font-size:clamp(48px,5vw,92px);font-weight:320;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--box-text)}
.box-calm-ready{font-size:clamp(19px,1.8vw,31px);font-weight:350;letter-spacing:.08em;color:rgba(246,243,237,.76);text-transform:none}
.box-oldschool-board{height:100%;display:grid;grid-template-rows:minmax(0,1fr);padding:clamp(22px,3.2vh,42px) clamp(28px,3.2vw,56px);background:linear-gradient(180deg,#416895,#31547f 46%,#27496f);border:0;box-shadow:inset 0 0 72px rgba(0,0,0,.24);font-family:"IBM Plex Mono","Courier New",monospace;filter:blur(.15px) contrast(1.05)}
.box-oldschool-window{min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.box-oldschool-track{display:grid;grid-template-rows:repeat(9,minmax(0,1fr));gap:clamp(8px,1.35vh,18px);height:100%}
.box-oldschool-line{min-height:0;display:grid;grid-template-columns:clamp(54px,5vw,92px) minmax(210px,1.25fr) clamp(86px,9vw,142px) minmax(160px,1fr);align-items:center;gap:clamp(15px,2vw,32px);padding:0 clamp(12px,1.25vw,22px);border-bottom:0;font-size:clamp(18px,1.58vw,31px);font-variant-numeric:tabular-nums;color:rgba(226,238,250,.96);text-transform:uppercase;font-weight:800;letter-spacing:0;line-height:1.18;text-shadow:0 0 4px rgba(221,237,255,.46)}
.box-oldschool-status{font-size:1em;letter-spacing:.03em;color:rgba(226,238,250,.82);text-shadow:0 0 4px rgba(221,237,255,.45)}
.box-oldschool-match{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box-oldschool-score{justify-self:center;font-weight:700;letter-spacing:.08em;color:#fff}
.box-oldschool-scorer{font-size:clamp(12px,.92vw,17px);letter-spacing:.08em;color:#b6cbd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-oldschool-line.empty{opacity:.18}
.box-oldschool-line.newest{background:transparent}
.box-oldschool-line.newest .box-oldschool-match span,.box-oldschool-line.newest .box-oldschool-score span,.box-oldschool-line.newest .box-oldschool-scorer span{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;width:0;animation:boxOldSchoolType 5.2s steps(44,end) .45s forwards}
.box-oldschool-line.newest .box-oldschool-score span{animation-delay:1.05s}
.box-oldschool-line.newest .box-oldschool-scorer span{animation-delay:1.45s}
@keyframes boxOldSchoolType{from{width:0}to{width:100%}}
.box-message{height:100%;display:grid;place-items:center;text-align:center;font-size:clamp(52px,6vw,118px);line-height:1.08;font-weight:580;letter-spacing:-.045em}
.display-unclaimed .box-shell{pointer-events:none}
.strata-claim-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;isolation:isolate;transform:translateZ(0);filter:none!important;opacity:1!important;background:#020305;color:rgba(248,247,242,.94);font-family:inherit}
.strata-claim-card{text-align:center;display:grid;gap:clamp(10px,2vh,22px);padding:clamp(22px,5vw,70px);min-width:min(760px,82vw)}
.strata-claim-brand{font-size:clamp(18px,2.4vw,38px);letter-spacing:.32em;font-weight:900;color:rgba(255,255,255,.72)}
.strata-claim-title{font-size:clamp(24px,4vw,62px);font-weight:650;letter-spacing:.02em}
.strata-claim-code{font-size:clamp(54px,12vw,168px);line-height:.9;font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 0 34px rgba(190,220,255,.22)}
.strata-claim-device{font-size:clamp(14px,1.8vw,26px);letter-spacing:.08em;color:rgba(225,218,202,.72);font-variant-numeric:tabular-nums}
.strata-claim-status{font-size:clamp(11px,1.2vw,18px);line-height:1.35;color:rgba(225,218,202,.58);font-variant-numeric:tabular-nums}
.strata-claim-debug{display:none!important}
.strata-claim-actions{display:flex;justify-content:center;gap:clamp(10px,1.3vw,22px);flex-wrap:wrap;margin-top:clamp(6px,1vh,14px)}
.strata-tv-remote-button{min-width:clamp(150px,14vw,230px);min-height:clamp(46px,6vh,72px);border:2px solid rgba(246,243,237,.28);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:clamp(16px,1.4vw,24px);font-weight:800;letter-spacing:.03em;padding:0 clamp(18px,2vw,30px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);outline:none}
.strata-tv-remote-button:focus,.strata-tv-remote-button:focus-visible{border-color:#7bdcff;background:rgba(123,220,255,.18);box-shadow:0 0 0 5px rgba(123,220,255,.22),0 0 34px rgba(123,220,255,.24)}
.strata-tv-help-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:rgba(2,3,5,.92);color:rgba(248,247,242,.94);font-family:inherit;padding:clamp(24px,5vw,76px);box-sizing:border-box}
.strata-tv-help-card{width:min(980px,88vw);display:grid;gap:clamp(14px,2.2vh,28px);text-align:center}
.strata-tv-help-copy{font-size:clamp(22px,2.8vw,44px);line-height:1.22;font-weight:620;color:rgba(248,247,242,.9)}
.strata-tv-help-code{font-size:clamp(52px,9vw,132px);line-height:.9;font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 0 34px rgba(190,220,255,.22)}
.split-flap-board{width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(6px,1vh,14px);box-sizing:border-box;color:rgba(246,243,237,.94);overflow:hidden}.split-flap-board.has-alert{grid-template-rows:auto auto auto minmax(0,1fr)}
.split-flap-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:clamp(9px,1.1vh,15px);text-transform:uppercase;letter-spacing:.16em}.split-flap-title span{font-size:clamp(14px,1.15vw,23px);font-weight:900;color:var(--box-accent)}.split-flap-title strong{font-size:clamp(10px,.84vw,15px);font-weight:750;color:rgba(123,220,255,.72)}
.split-flap-alert{padding:clamp(6px,.8vh,10px) clamp(8px,.9vw,14px);border-left:clamp(4px,.42vw,7px) solid #ffd166;background:linear-gradient(90deg,rgba(255,209,102,.14),rgba(255,255,255,.025));color:#ffe1a1;font-size:clamp(10px,.86vw,15px);line-height:1.16;font-weight:850;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.split-flap-head,.split-flap-row{display:grid;grid-template-columns:clamp(72px,7vw,122px) minmax(0,1.55fr) clamp(68px,7vw,110px) minmax(118px,.86fr);gap:clamp(7px,.8vw,14px);align-items:center}.travel-air-board .split-flap-head,.travel-air-board .split-flap-row{grid-template-columns:clamp(64px,6vw,102px) minmax(0,1.3fr) clamp(92px,8vw,142px) clamp(52px,5vw,80px) minmax(104px,.82fr)}
.split-flap-head{font-size:clamp(9px,.78vw,14px);letter-spacing:.18em;text-transform:uppercase;color:rgba(246,243,237,.55);padding:0 clamp(4px,.55vw,8px)}.split-flap-rows{min-height:0;display:grid;grid-auto-rows:minmax(0,1fr);gap:clamp(4px,.62vh,8px);overflow:hidden}.split-flap-row{min-height:0}
.flap-cell{min-width:0;height:100%;display:flex;align-items:center;gap:clamp(1px,.1vw,3px);padding:0 clamp(5px,.65vw,10px);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.45);font-family:"IBM Plex Mono","Consolas","Courier New",monospace;font-size:clamp(15px,1.4vw,27px);line-height:1;font-weight:850;text-transform:uppercase;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums;perspective:700px}.flap-cell.platform,.flap-cell.time,.flap-cell.flight{justify-content:center;color:#ffd166}.flap-cell.status{color:#9df0b5}
.flap-char{position:relative;display:inline-grid;place-items:center;min-width:.66em;height:1.18em;padding:0 .045em;border-radius:3px;background:linear-gradient(180deg,#303438 0 47%,#08090a 48% 52%,#1b1f22 53% 100%);border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.72),0 6px 14px rgba(0,0,0,.18);overflow:hidden;transform-origin:50% 50%;animation:flapTileSettle .72s cubic-bezier(.2,.72,.24,1) both;animation-delay:var(--d,0ms)}.flap-char::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.72);box-shadow:0 -1px 0 rgba(255,255,255,.045),0 1px 0 rgba(255,255,255,.035);z-index:2}.flap-char::before{content:attr(data-roll);position:absolute;inset:0;display:grid;place-items:center;color:currentColor;background:linear-gradient(180deg,#3a3f43 0 47%,#070808 48% 52%,#1c2023 53% 100%);transform-origin:50% 100%;animation:flapRoll .72s cubic-bezier(.18,.76,.18,1) both;animation-delay:var(--d,0ms);z-index:1}.flap-char>span{display:block;opacity:0;animation:flapTextIn .72s ease both;animation-delay:var(--d,0ms)}.flap-char.settled,.flap-char.settled::before,.flap-char.settled>span{animation:none}.flap-char.settled::before{display:none}.flap-char.settled>span{opacity:1;transform:none}.travel-board-shift .split-flap-row{animation:travelRowShift .82s cubic-bezier(.18,.76,.22,1) both;animation-delay:calc(var(--r,0)*42ms)}
@keyframes flapTileSettle{0%{filter:brightness(1.45) blur(.3px);transform:translateY(-2px)}100%{filter:brightness(1);transform:translateY(0)}}@keyframes flapRoll{0%{opacity:1;transform:rotateX(0)}38%{opacity:1;transform:rotateX(-88deg)}39%,100%{opacity:0;transform:rotateX(-90deg)}}@keyframes flapTextIn{0%,42%{opacity:0;transform:rotateX(82deg)}72%{opacity:1;transform:rotateX(-10deg)}100%{opacity:1;transform:rotateX(0)}}@keyframes travelRowShift{0%{opacity:.34;transform:translateY(22%);filter:brightness(1.35)}58%{opacity:1;transform:translateY(-3%);filter:brightness(1.08)}100%{opacity:1;transform:translateY(0);filter:brightness(1)}}
.tone-1 .flap-cell.destination,.tone-1 .flap-cell.flight{color:#c7e8ff}.tone-2 .flap-cell.destination,.tone-2 .flap-cell.flight{color:#daf1cd}.tone-3 .flap-cell.destination,.tone-3 .flap-cell.flight{color:#ffdbe5}.tone-4 .flap-cell.destination,.tone-4 .flap-cell.flight{color:#d7cbf0}.tone-5 .flap-cell.destination,.tone-5 .flap-cell.flight{color:#f5e399}
.box-travel-board{padding:clamp(16px,2.4vh,30px) clamp(20px,2.6vw,46px);background:radial-gradient(circle at 50% 0,rgba(123,220,255,.07),transparent 35%),linear-gradient(180deg,#0c0f12,#050607)}
.box-travel-board .split-flap-title span{color:var(--box-accent)}
.box-footer-item{color:rgba(246,243,237,.84)}
@media(max-aspect-ratio:4/3){
 .box-shell{padding:0 32px}
 .box-news,.box-sports{grid-template-columns:1fr;gap:28px}
 .box-markets,.box-clocks,.box-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .box-world-card.focus{grid-column:span 2}
 .box-story:nth-child(n+3),.box-sports-headline:nth-child(n+3){display:none}
}

/* Premium Box refinement pass */
body.box-display{
  background:
    radial-gradient(circle at 14% -10%,rgba(123,220,255,.10),transparent 34%),
    radial-gradient(circle at 86% -8%,rgba(255,209,102,.075),transparent 30%),
    linear-gradient(180deg,#050708 0%,#020303 100%);
  text-rendering:optimizeLegibility;
}
.box-shell{
  grid-template-rows:clamp(58px,7.2vh,92px) minmax(0,1fr) clamp(60px,9vh,112px);
  padding:0 clamp(44px,5.4vw,112px);
}
.box-header{
  border-bottom-color:rgba(210,224,232,.11);
  letter-spacing:.18em;
}
.box-brand{color:rgba(123,220,255,.92);font-weight:720}
.box-section{color:rgba(222,228,232,.54);font-weight:620}
.box-time{font-weight:560;color:rgba(246,243,237,.92)}
.box-stage{padding:clamp(24px,4vh,54px) 0}
.box-footer{
  border-top-color:rgba(210,224,232,.11);
  color:rgba(246,243,237,.72);
  font-weight:520;
}
.box-footer-track.ticker-ready{animation-duration:var(--box-ticker-duration,34s)}

/* Canonical low-power fallback: retain layout and colour, reduce compositing cost. */
.firestick-lite .box-clock-world-v5 .box-clock-primary-context{backdrop-filter:none}
.firestick-lite .box-clock-panel-img,
.firestick-lite .box-weather-big-icon,
.firestick-lite .box-awareness-icon,
.firestick-lite .box-awareness-badge .box-clock-png-icon{filter:none}
.firestick-lite .box-sports-moment::before{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-footer-item:after{opacity:.38}
.box-empty{
  color:rgba(222,228,232,.52);
  font-weight:430;
  letter-spacing:.02em;
}
.box-news{
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.72fr);
  gap:clamp(34px,4.6vw,82px);
  align-items:center;
}
.box-kicker,.box-panel-title,.box-plus{
  color:rgba(123,220,255,.86);
  font-weight:720;
  letter-spacing:.19em;
}
.box-hero{
  max-width:19ch;
  font-weight:520;
  letter-spacing:-.04em;
}
.box-story,.box-sports-headline{
  color:rgba(246,243,237,.76);
  border-color:rgba(210,224,232,.11);
}
.box-weather strong,.box-clock-time{font-weight:380}
.box-market-card,.box-fixture,.box-dash-card{
  border-color:rgba(210,224,232,.12);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.011));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 46px rgba(0,0,0,.16);
}
.box-market-card{
  height:clamp(174px,21vh,260px);
  padding:clamp(15px,1.55vw,26px);
}
.box-market-label,.box-dash-card small,.box-clock-city{
  color:rgba(222,228,232,.56);
  font-weight:680;
}
.box-market-price,.box-dash-card strong{
  font-weight:430;
  letter-spacing:-.035em;
}
.box-fixture{
  min-height:clamp(62px,8.4vh,96px);
  padding:clamp(10px,1.25vh,18px) clamp(18px,1.8vw,30px);
}
.box-fixture.live{
  background:linear-gradient(90deg,rgba(255,88,102,.075),rgba(255,255,255,.012));
}
.box-score{font-weight:720}
.box-stat-head,.box-stat-row,.box-player-row{
  border-bottom-color:rgba(210,224,232,.10);
}
.box-stat-row strong,.box-player-row strong{font-weight:560}
.box-dashboard,.box-markets,.box-clocks{
  gap:clamp(14px,1.65vw,30px);
}
.split-flap-board{
  gap:clamp(7px,1.12vh,16px);
}
.box-travel-board{
  padding:clamp(14px,2.2vh,28px) clamp(18px,2.4vw,42px);
  background:
    radial-gradient(circle at 50% 0,rgba(123,220,255,.08),transparent 38%),
    linear-gradient(180deg,#0d1012,#050607);
}
.split-flap-title{
  border-bottom-color:rgba(255,255,255,.11);
}
.split-flap-title span{color:rgba(123,220,255,.95)}
.split-flap-title strong{color:rgba(169,206,229,.70)}
.flap-cell{
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.006));
}
.flap-char{
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,0,0,.72),0 5px 12px rgba(0,0,0,.20);
}
.tfl-status-board{
  background:linear-gradient(180deg,#090b0d,#0f1214);
}
.tfl-status-line{
  border-radius:0 8px 8px 0;
  background:linear-gradient(90deg,rgba(255,255,255,.052),rgba(255,255,255,.02));
}
.box-message{
  font-weight:520;
  letter-spacing:-.035em;
}
@media(max-width:1200px){
  .box-shell{padding:0 clamp(28px,4vw,52px)}
  .box-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}
  .box-dash-card{height:clamp(138px,20vh,210px)}
}
@media(max-aspect-ratio:4/3){
  .box-shell{padding:0 28px}
  .box-stage{padding:22px 0}
  .box-footer{font-size:clamp(14px,1.8vw,22px)}
  .box-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  .box-display *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Premium digital split-flap Travel board */
.premium-travel-board{
  --travel-bg:#050504;
  --travel-ink:rgba(244,238,224,.94);
  --travel-muted:rgba(205,196,178,.52);
  --travel-line:rgba(226,204,166,.16);
  --travel-accent:#c46f27;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:clamp(5px,.9vh,12px);
  padding:clamp(12px,2.2vh,34px) clamp(20px,3.8vw,70px);
  background:#050504;
  color:var(--travel-ink);
  border:1px solid rgba(226,204,166,.08);
  box-shadow:inset 0 1px 0 rgba(255,244,220,.045),inset 0 0 90px rgba(0,0,0,.56);
}
.premium-travel-board.has-alert{grid-template-rows:auto auto auto minmax(0,1fr) auto}
.premium-travel-board .split-flap-title{
  align-items:end;
  border-bottom:1px solid var(--travel-line);
  padding-bottom:clamp(8px,1.1vh,16px);
  letter-spacing:.18em;
}
.premium-travel-board .split-flap-title span{
  color:var(--travel-ink);
  font-size:clamp(20px,2.2vw,42px);
  font-weight:760;
  letter-spacing:.18em;
}
.premium-travel-board .split-flap-title strong{
  color:var(--travel-muted);
  font-size:clamp(11px,.95vw,16px);
  font-weight:620;
  letter-spacing:.14em;
}
.premium-travel-board .split-flap-head,
.premium-travel-board .split-flap-row{
  grid-template-columns:clamp(68px,8vw,128px) minmax(0,1fr) clamp(64px,7vw,112px) clamp(132px,15vw,236px);
  column-gap:clamp(12px,1.35vw,28px);
  row-gap:clamp(3px,.48vh,7px);
}
.premium-travel-board.travel-air-board .split-flap-head,
.premium-travel-board.travel-air-board .split-flap-row{
  grid-template-columns:clamp(60px,6vw,96px) minmax(0,1.25fr) clamp(88px,8vw,136px) clamp(46px,4.5vw,72px) minmax(96px,.8fr);
  column-gap:clamp(7px,.8vw,14px);
}
.premium-travel-board .split-flap-head{
  padding:0 clamp(8px,.75vw,14px);
  color:var(--travel-muted);
  font-size:clamp(10px,.85vw,15px);
  font-weight:720;
  letter-spacing:.2em;
}
.premium-travel-board .split-flap-rows{gap:clamp(3px,.48vh,7px)}
.premium-travel-board .split-flap-row{border-top:1px solid rgba(226,204,166,.055);border-bottom:1px solid rgba(0,0,0,.55)}
.premium-travel-board .flap-cell{
  padding:0 clamp(6px,.75vw,14px);
  background:linear-gradient(180deg,#171511 0%,#0c0b09 49%,#050504 50%,#11100d 100%);
  border:1px solid rgba(226,204,166,.10);
  border-radius:2px;
  color:var(--travel-ink);
  box-shadow:inset 0 1px 0 rgba(255,244,220,.055),inset 0 -1px 0 rgba(0,0,0,.75);
  font-family:"SF Mono","IBM Plex Mono","Consolas",monospace;
  font-size:clamp(13px,1.55vw,31px);
  font-weight:740;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.premium-travel-board .flap-cell.time{justify-content:center;color:rgba(238,226,204,.9)}
.premium-travel-board .flap-cell.platform{justify-content:center;color:#d9a451}
.premium-travel-board .flap-cell.destination{justify-content:flex-start;color:rgba(246,240,226,.96)}
.premium-travel-board .flap-cell.status{justify-content:center;font-size:clamp(12px,1.35vw,27px);letter-spacing:.08em}
.premium-travel-board .flap-cell.status-ok{color:rgba(238,226,204,.84)}
.premium-travel-board .flap-cell.status-amber{color:#d9a451}
.premium-travel-board .flap-cell.status-delayed{color:#d77b2c}
.premium-travel-board .flap-cell.status-cancelled{color:#8f2d24}
.premium-travel-board .flap-cell.cell-changed{animation:premiumFlapCellChange 360ms cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--row-delay,0ms)}
.premium-travel-board .flap-char{
  min-width:.64em;
  height:1.14em;
  border-radius:2px;
  background:linear-gradient(180deg,#232018 0 47%,#050504 48% 52%,#15130f 53% 100%);
  border-color:rgba(226,204,166,.11);
  box-shadow:inset 0 1px 0 rgba(255,244,220,.08),inset 0 -1px 0 rgba(0,0,0,.78);
  animation:flapTileSettle 340ms cubic-bezier(.2,.72,.24,1) both;
  animation-delay:var(--d,0ms);
}
.premium-travel-board .flap-char::before{
  background:linear-gradient(180deg,#2a251c 0 47%,#050504 48% 52%,#17140f 53% 100%);
  animation:flapRoll 340ms cubic-bezier(.18,.76,.18,1) both;
  animation-delay:var(--d,0ms);
}
.premium-travel-board .flap-char>span{animation:flapTextIn 340ms ease both;animation-delay:var(--d,0ms)}
.premium-travel-board.travel-board-shift .split-flap-row{animation:none}
.premium-travel-board .split-flap-normal{
  display:grid;
  place-items:center;
  min-height:clamp(30px,4vh,52px);
  border-left:4px solid var(--travel-accent);
  background:rgba(196,111,39,.075);
  color:rgba(244,238,224,.82);
  font-family:"SF Mono","IBM Plex Mono","Consolas",monospace;
  font-size:clamp(12px,1vw,18px);
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:premiumNormalIn 420ms var(--ease) both;
}
.premium-travel-board .split-flap-alert{
  overflow:hidden;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  text-overflow:clip;
  color:#d9a451;
  background:rgba(196,111,39,.075);
  border-left:4px solid var(--travel-accent);
  padding:clamp(8px,1vh,14px) clamp(12px,1.4vw,22px);
  font-family:"SF Mono","IBM Plex Mono","Consolas",monospace;
  font-size:clamp(13px,1.2vw,22px);
  font-weight:720;
  letter-spacing:.08em;
  line-height:1.18;
  text-transform:uppercase;
  animation:none;
}
.firestick-lite .premium-travel-board .flap-cell{
  box-shadow:inset 0 1px 0 rgba(255,244,220,.045),inset 0 -1px 0 rgba(0,0,0,.62);
}
.firestick-lite .premium-travel-board .flap-cell.cell-changed{
  animation:firestickTravelCellChange 260ms ease-out both;
  animation-delay:var(--row-delay,0ms);
}
.firestick-lite .premium-travel-board .flap-char,
.firestick-lite .premium-travel-board .flap-char::before,
.firestick-lite .premium-travel-board .flap-char>span,
.firestick-lite .premium-travel-board .split-flap-normal{
  animation:none!important;
  filter:none!important;
}
.firestick-lite .premium-travel-board .split-flap-alert{
  animation:none;
  white-space:normal;
}
@keyframes firestickTravelCellChange{
  from{opacity:.72;transform:translate3d(0,2px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes premiumFlapCellChange{
  0%{filter:brightness(.62);box-shadow:inset 0 1px 0 rgba(255,244,220,.035),inset 0 -1px 0 rgba(0,0,0,.82)}
  72%{filter:brightness(1.14);box-shadow:inset 0 1px 0 rgba(255,244,220,.065),inset 0 -1px 0 rgba(0,0,0,.75),0 0 16px rgba(196,111,39,.18)}
  100%{filter:brightness(1);box-shadow:inset 0 1px 0 rgba(255,244,220,.055),inset 0 -1px 0 rgba(0,0,0,.75)}
}
@keyframes premiumNormalIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes travelAlertScroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}



/* ================================
   STRATA SPORTS MOMENTS VISUAL OVERRIDE
   Keep Codex queue/logic. Replace visual direction.
   ================================ */

.box-sports-moment{
  --moment-color:#ff4a55;
  --moment-soft:rgba(255,74,85,.18);
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  text-align:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--moment-color) 20%, transparent), transparent 36%),
    linear-gradient(180deg,#030405,#05070a 58%,#010101);
  isolation:isolate;
}
.box-sports-moment::before{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-sports-moment::after{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-sports-moment.event.goal{--moment-color:#ff3344;--moment-soft:rgba(255,51,68,.2)}
.box-sports-moment.event.red{--moment-color:#ff2438;--moment-soft:rgba(255,36,56,.2)}
.box-sports-moment.event.penalty{--moment-color:#f6f2e7;--moment-soft:rgba(246,242,231,.16)}
.box-sports-moment.event.penalty-scored{--moment-color:#ffb12f;--moment-soft:rgba(255,177,47,.22)}
.box-sports-moment.event.penalty-missed{--moment-color:#c9d0dc;--moment-soft:rgba(201,208,220,.18)}
.box-sports-moment.event.var{--moment-color:#b388ff;--moment-soft:rgba(179,136,255,.22)}
.box-sports-moment.around,.box-sports-moment.strata-pulse{--moment-color:#ff7a1a;--moment-soft:rgba(255,122,26,.22)}

.box-moment-top{
  position:absolute;
  top:clamp(18px,2.4vh,38px);
  left:clamp(22px,3vw,54px);
  right:clamp(22px,3vw,54px);
  z-index:4;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:start;
  pointer-events:none;
  text-transform:uppercase;
}
.box-moment-live{justify-self:start;display:grid;grid-template-columns:auto auto;gap:0 .48em;text-align:left;align-items:center}
.box-moment-live span{width:.7em;height:.7em;border-radius:50%;background:var(--moment-color);box-shadow:0 0 14px var(--moment-color)}
.box-moment-live strong{color:var(--moment-color);font-size:clamp(14px,1.1vw,20px);font-weight:850;letter-spacing:.16em}
.box-moment-live em{grid-column:1/-1;margin-top:.5em;color:rgba(246,243,237,.82);font-style:normal;font-size:clamp(11px,.78vw,15px);font-weight:740;letter-spacing:.12em}
.box-moment-brand{justify-self:center;display:grid;gap:.38em}
.box-moment-brand strong{color:#fff;font-size:clamp(26px,2.25vw,43px);font-weight:620;letter-spacing:.28em;text-shadow:0 0 18px rgba(255,255,255,.18)}
.box-moment-brand em{color:var(--moment-color);font-style:normal;font-size:clamp(12px,.95vw,18px);font-weight:740;letter-spacing:.22em}
.box-moment-now{justify-self:end;text-align:right;display:grid;gap:.5em;color:rgba(246,243,237,.86);font-size:clamp(12px,.9vw,16px);letter-spacing:.12em}
.box-moment-now em{color:var(--moment-color);font-style:normal}

.box-moment-cosmos{
  position:absolute;
  left:50%;
  bottom:-26%;
  z-index:2;
  width:min(128vw,1720px);
  aspect-ratio:2.35;
  transform:translateX(-50%);
  border-radius:50% 50% 0 0;
  background:
    radial-gradient(circle at 50% 66%, #fff 0 1px, var(--moment-color) 2px 5px, transparent 6px),
    radial-gradient(ellipse at 50% 66%, color-mix(in srgb, var(--moment-color) 70%, transparent), transparent 5%),
    repeating-radial-gradient(ellipse at 50% 66%, color-mix(in srgb, var(--moment-color) 45%, transparent) 0 2px, transparent 2px 38px);
  opacity:.88;
  filter:drop-shadow(0 0 28px var(--moment-color));
}
.box-moment-cosmos span,.box-moment-cosmos i,.box-moment-cosmos b{
  position:absolute;
  left:50%;
  bottom:16%;
  width:70%;
  height:70%;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid color-mix(in srgb, var(--moment-color) 58%, transparent);
  opacity:.38;
}
.box-moment-cosmos i{width:50%;height:52%;opacity:.32;animation:momentScan 5s linear infinite}
.box-moment-cosmos b{width:30%;height:32%;opacity:.24;animation:momentScan 3.2s linear reverse infinite}
.box-moment-cosmos::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:16%;
  width:2px;
  height:70%;
  background:linear-gradient(0deg,var(--moment-color),rgba(255,255,255,.88),transparent);
  box-shadow:0 0 32px var(--moment-color),0 0 90px var(--moment-color);
}

.box-moment-hero-mark{
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  color:var(--moment-color);
  margin-top:clamp(28px,5vh,70px);
  min-height:clamp(70px,8vh,130px);
}
.box-moment-hero-mark svg{width:clamp(76px,6.8vw,132px);height:auto;filter:drop-shadow(0 0 24px var(--moment-color))}
.box-sports-moment.event.goal .box-moment-hero-mark,
.box-sports-moment.event.penalty-missed .box-moment-hero-mark{display:none}
.box-sports-moment.event.red .box-moment-hero-mark svg{width:clamp(150px,13vw,260px);opacity:.9}
.box-sports-moment.event.penalty-scored .box-moment-hero-mark svg{width:clamp(86px,7.8vw,150px)}
.box-moment-subtitle{
  position:relative;
  z-index:3;
  min-height:1.2em;
  color:rgba(246,243,237,.9);
  font-size:clamp(30px,3.2vw,62px);
  font-weight:850;
  letter-spacing:.28em;
  text-transform:uppercase;
  text-shadow:0 0 22px rgba(255,255,255,.18);
}
.box-moment-title{
  position:relative;
  z-index:3;
  color:var(--moment-color);
  font-size:clamp(86px,11.8vw,220px);
  line-height:.84;
  font-weight:950;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-shadow:0 0 28px var(--moment-soft),0 0 70px var(--moment-soft);
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.45));
}
.box-sports-moment.event.goal .box-moment-title{color:#fff;font-size:clamp(96px,12.5vw,240px);font-style:italic}
.box-sports-moment.event.red .box-moment-title{font-size:clamp(82px,10vw,190px);font-style:italic;letter-spacing:.08em}
.box-sports-moment.event.penalty .box-moment-title{color:#fff;font-size:clamp(90px,11vw,210px)}
.box-sports-moment.event.penalty-missed .box-moment-title{
  color:#cfd5dd;
  font-size:clamp(82px,10.8vw,205px);
  background:linear-gradient(180deg,#fff,#8f98a5 62%,#444b55);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
.box-sports-moment.event.var .box-moment-title{font-size:clamp(92px,12vw,230px);color:#caa8ff}
.box-moment-team{
  position:relative;
  z-index:3;
  margin-top:clamp(10px,1.5vh,22px);
  color:var(--moment-color);
  font-size:clamp(24px,2.35vw,48px);
  font-weight:760;
  letter-spacing:.36em;
  text-transform:uppercase;
  text-shadow:0 0 16px var(--moment-soft);
}
.box-sports-moment.event.penalty .box-moment-team,
.box-sports-moment.event.penalty-missed .box-moment-team{color:#ff5964}
.box-moment-score{
  position:relative;
  z-index:3;
  margin-top:clamp(12px,1.8vh,26px);
  color:#fff;
  font-size:clamp(72px,8.4vw,160px);
  font-weight:760;
  line-height:.88;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 32px rgba(255,255,255,.16);
}
.box-moment-detail{
  position:relative;
  z-index:3;
  margin-top:clamp(18px,2.1vh,34px);
  color:rgba(246,243,237,.92);
  font-size:clamp(22px,2.2vw,44px);
  font-weight:860;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.box-moment-match{
  position:relative;
  z-index:3;
  margin-top:clamp(16px,2vh,32px);
  color:rgba(216,199,163,.7);
  font-size:clamp(13px,1vw,20px);
  font-weight:780;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Penalty missed should feel quiet, not explosive */
.box-sports-moment.event.penalty-missed{
  background:
    radial-gradient(circle at 50% 66%,rgba(255,255,255,.18),transparent 18%),
    linear-gradient(180deg,#030405,#06080b 60%,#010101);
}
.box-sports-moment.event.penalty-missed::before{opacity:.34;filter:grayscale(1)}
.box-sports-moment.event.penalty-missed .box-moment-cosmos{filter:grayscale(1) drop-shadow(0 0 22px rgba(255,255,255,.2));opacity:.55}

/* Red card card-object hero */
.box-sports-moment.event.red .box-moment-hero-mark{
  position:absolute;
  z-index:2;
  top:18%;
  left:50%;
  width:clamp(220px,22vw,430px);
  height:clamp(300px,33vh,560px);
  transform:translateX(-50%) rotate(3deg);
  border-radius:clamp(16px,1.4vw,28px);
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,36,56,.62) 18%,rgba(80,0,8,.78) 100%);
  border:1px solid rgba(255,80,90,.72);
  box-shadow:0 0 42px rgba(255,36,56,.38),inset 0 1px 0 rgba(255,255,255,.24);
}
.box-sports-moment.event.red .box-moment-hero-mark svg{display:none}

/* VAR scan look */
.box-sports-moment.event.var .box-moment-cosmos{
  bottom:-20%;
  filter:drop-shadow(0 0 30px #b388ff);
}
.box-sports-moment.event.var .box-moment-title::before,
.box-sports-moment.event.var .box-moment-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:clamp(70px,8vw,150px);
  height:clamp(70px,8vw,150px);
  border:2px solid #b388ff;
  opacity:.7;
}
.box-sports-moment.event.var .box-moment-title::before{right:calc(100% + 34px);border-right:0;border-bottom:0}
.box-sports-moment.event.var .box-moment-title::after{left:calc(100% + 34px);border-left:0;border-bottom:0}

/* STRATA pulse reference */
.box-sports-moment.strata-pulse{
  display:grid;
  grid-template-rows:1fr auto auto 1fr;
  align-content:center;
}
.box-strata-pulse-world{
  position:relative;
  z-index:3;
  width:min(86vw,1260px);
  aspect-ratio:2.25;
  align-self:end;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 47%,#fff 0 2px,#ff7a1a 3px 9px,transparent 10px),
    repeating-radial-gradient(circle at 50% 47%,rgba(255,122,26,.52) 0 2px,transparent 2px 52px),
    radial-gradient(ellipse at 50% 48%,rgba(255,122,26,.22),transparent 31%),
    linear-gradient(90deg,transparent,rgba(255,122,26,.18),transparent);
  box-shadow:0 0 80px rgba(255,122,26,.18);
  overflow:hidden;
}
.box-strata-pulse-world::before{
  content:"";
  position:absolute;
  inset:4% 0 0;
  border-radius:50%;
  border-top:2px solid rgba(255,122,26,.74);
  background:
    radial-gradient(ellipse at 50% 53%,transparent 0 55%,rgba(255,122,26,.22) 56%,transparent 62%),
    repeating-radial-gradient(ellipse at 50% 52%,rgba(255,122,26,.2) 0 1px,transparent 1px 20px);
}
.box-strata-pulse-world span,.box-strata-pulse-world i,.box-strata-pulse-world b{
  position:absolute;
  left:50%;
  top:47%;
  width:12%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(255,122,26,.72);
  animation:pulseExpand 1.2s ease-out infinite;
}
.box-strata-pulse-world i{animation-delay:.25s}
.box-strata-pulse-world b{animation-delay:.5s}
.box-strata-pulse-copy{
  position:relative;
  z-index:4;
  align-self:start;
  display:grid;
  gap:clamp(10px,1.2vh,18px);
  margin-top:clamp(-80px,-6vw,-28px);
}
.box-strata-pulse-copy strong{
  color:#fff;
  font-size:clamp(38px,4.2vw,80px);
  font-weight:420;
  letter-spacing:.28em;
  text-transform:uppercase;
  text-shadow:0 0 30px rgba(255,122,26,.5);
}
.box-strata-pulse-copy em{
  color:rgba(246,243,237,.84);
  font-style:normal;
  font-size:clamp(16px,1.5vw,28px);
  font-weight:720;
  letter-spacing:.42em;
  text-transform:uppercase;
}

/* Around the grounds */
.box-sports-moment.around{
  align-content:center;
  gap:clamp(18px,2.4vh,36px);
  padding:clamp(76px,9vh,132px) clamp(40px,5vw,90px) clamp(96px,12vh,150px);
}
.box-around-world{
  position:absolute;
  z-index:1;
  left:50%;
  top:17%;
  width:min(92vw,1500px);
  aspect-ratio:2.7;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 20% 56%,#fff 0 2px,#ff7a1a 3px 8px,transparent 9px),
    radial-gradient(circle at 50% 38%,#fff 0 2px,#ff7a1a 3px 8px,transparent 9px),
    radial-gradient(circle at 73% 50%,#fff 0 2px,#ff7a1a 3px 8px,transparent 9px),
    repeating-radial-gradient(circle at 50% 52%,rgba(255,122,26,.28) 0 1px,transparent 1px 48px),
    radial-gradient(ellipse at 50% 56%,rgba(255,122,26,.18),transparent 56%);
  opacity:.95;
}
.box-around-title{
  position:relative;
  z-index:3;
  display:grid;
  gap:.5em;
}
.box-around-title strong{
  color:#fff;
  font-size:clamp(44px,5.2vw,96px);
  line-height:.9;
  font-weight:720;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-shadow:0 0 28px rgba(255,122,26,.32);
}
.box-around-title em{
  color:rgba(246,243,237,.82);
  font-style:normal;
  font-size:clamp(15px,1.25vw,24px);
  font-weight:760;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.box-around-grid{
  position:relative;
  z-index:3;
  width:min(1100px,82vw);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(12px,1.25vw,24px);
}
.box-moment-card{
  min-height:clamp(108px,13vh,180px);
  grid-template-columns:auto minmax(0,1fr);
  border-radius:14px;
  border:1px solid color-mix(in srgb, currentColor 42%, transparent);
  background:linear-gradient(135deg,rgba(0,0,0,.72),rgba(255,255,255,.05));
  backdrop-filter:blur(10px);
}
.box-moment-card-mark svg{width:clamp(46px,3.8vw,76px);filter:drop-shadow(0 0 16px currentColor)}

/* Footer strip from reference */
.box-moment-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  min-height:clamp(70px,10vh,128px);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  gap:clamp(20px,3vw,60px);
  padding:clamp(14px,1.8vh,26px) clamp(80px,9vw,160px);
  border-top:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72));
}
.box-moment-footer div{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:.22em 1em;text-align:left;text-transform:uppercase}
.box-moment-footer strong{color:rgba(246,243,237,.86);font-size:clamp(12px,.9vw,17px);font-weight:650;letter-spacing:.14em}
.box-moment-footer em{grid-column:2;color:var(--moment-color);font-style:normal;font-size:clamp(12px,.9vw,17px);font-weight:720;letter-spacing:.12em}
.moment-footer-icon{grid-row:1/3;width:clamp(30px,2.7vw,52px);height:clamp(30px,2.7vw,52px);position:relative;color:var(--moment-color)}
.moment-footer-icon.globe{border:2px solid currentColor;border-radius:50%}
.moment-footer-icon.globe::before,.moment-footer-icon.globe::after{content:"";position:absolute;inset:18% 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;border-radius:50%}
.moment-footer-icon.globe::after{inset:0 35%;border:0;border-left:1px solid currentColor;border-right:1px solid currentColor}
.moment-footer-icon.pulse::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:currentColor;box-shadow:0 0 12px currentColor}
.moment-footer-icon.pulse::after{content:"";position:absolute;inset:18%;border-left:3px solid currentColor;border-right:3px solid currentColor;transform:skewX(-18deg)}
.moment-footer-icon.ring{border:3px solid currentColor;border-radius:50%;box-shadow:0 0 16px currentColor}
.moment-footer-icon.ring::after{content:"";position:absolute;inset:24%;border:1px solid currentColor;border-radius:50%}

@keyframes momentAtmosphere{from{transform:scale(1) rotate(0deg);opacity:.58}to{transform:scale(1.04) rotate(2deg);opacity:.82}}
@keyframes momentScan{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes pulseExpand{0%{transform:translate(-50%,-50%) scale(.22);opacity:.9}100%{transform:translate(-50%,-50%) scale(5.8);opacity:0}}

@media (max-width:900px){
 .box-moment-footer{padding-inline:28px;gap:12px}
 .box-moment-footer strong,.box-moment-footer em{font-size:10px}
 .box-around-grid{grid-template-columns:1fr}
 .box-moment-title{font-size:clamp(70px,16vw,150px)}
}

/* STRATA Sports Moments v2.5 — location pulse / 9.5 polish */
.box-sports-moment{
  --team-color:var(--moment-color);
  background:
    radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--moment-color) 16%, transparent), transparent 30%),
    linear-gradient(180deg,#020304 0%,#050608 54%,#010101 100%);
}
.box-sports-moment::before{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-sports-moment::after{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-moment-top{top:clamp(14px,1.8vh,28px);z-index:8;opacity:.94}
.box-moment-brand{gap:.22em}
.box-moment-brand strong{font-size:clamp(24px,1.95vw,38px);letter-spacing:.3em}
.box-moment-brand em{font-size:clamp(10px,.76vw,15px);letter-spacing:.24em}
.box-moment-live em{font-size:clamp(10px,.72vw,14px);max-width:34vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-moment-now{font-size:clamp(10px,.76vw,14px)}

/* Make the pulse itself the hero, central and beautiful */
.box-sports-moment.strata-pulse{
  grid-template-rows:1fr auto auto 1fr;
  background:
    radial-gradient(circle at 50% 58%,rgba(255,122,26,.2),transparent 24%),
    radial-gradient(ellipse at 50% 48%,rgba(255,122,26,.12),transparent 42%),
    linear-gradient(180deg,#020304,#050608 58%,#010101);
}
.box-strata-pulse-world{
  width:min(92vw,1440px);
  aspect-ratio:2.42;
  align-self:center;
  transform:translateY(7%);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 48%,#fff 0 2px,#ff7a1a 3px 11px,transparent 12px),
    radial-gradient(circle at 50% 48%,rgba(255,122,26,.42),transparent 12%),
    radial-gradient(ellipse at 50% 58%,rgba(255,122,26,.2),transparent 54%),
    repeating-radial-gradient(circle at 50% 48%,rgba(255,122,26,.44) 0 1px,transparent 1px 42px),
    repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,122,26,.08) 59px 60px,transparent 61px 118px);
  box-shadow:0 0 90px rgba(255,122,26,.22), inset 0 0 80px rgba(255,122,26,.05);
  filter:saturate(1.3) contrast(1.08);
}
.box-strata-pulse-world::before{
  inset:-8% -6% 0;
  border-radius:50%;
  border-top:2px solid rgba(255,122,26,.76);
  background:
    radial-gradient(ellipse at 35% 48%,rgba(255,122,26,.28),transparent 9%),
    radial-gradient(ellipse at 53% 43%,rgba(255,122,26,.26),transparent 13%),
    radial-gradient(ellipse at 62% 50%,rgba(255,122,26,.20),transparent 8%),
    radial-gradient(ellipse at 49% 50%,transparent 0 54%,rgba(255,122,26,.22) 55%,transparent 62%),
    repeating-radial-gradient(ellipse at 50% 51%,rgba(255,122,26,.18) 0 1px,transparent 1px 24px);
  opacity:.95;
}
.box-strata-pulse-core{position:absolute;z-index:4;left:50%;top:50%;width:clamp(86px,9vw,160px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#ffae55 5% 18%,rgba(255,122,26,.18) 19% 54%,transparent 55%);box-shadow:0 0 38px rgba(255,122,26,.95),0 0 110px rgba(255,122,26,.52)}
.box-strata-pulse-core span,.box-strata-pulse-core i{position:absolute;inset:-30%;border:1px solid rgba(255,122,26,.72);border-radius:50%;animation:pulseExpand2 1.15s ease-out infinite}.box-strata-pulse-core i{animation-delay:.32s}
.box-strata-pulse-copy{margin-top:clamp(-150px,-8vw,-70px);gap:clamp(6px,.7vh,11px)}
.box-strata-pulse-copy strong{font-size:clamp(34px,3.5vw,70px);font-weight:620;letter-spacing:.24em;text-shadow:0 0 34px rgba(255,122,26,.55)}
.box-strata-pulse-copy em{font-size:clamp(15px,1.16vw,23px);letter-spacing:.34em;color:#ffb36d;text-shadow:0 0 24px rgba(255,122,26,.32)}

/* Shared event stage: world/venue signal, less text-on-text */
.box-sports-moment.event{align-content:center;gap:0;padding-bottom:clamp(82px,10vh,132px)}
.box-moment-cosmos{
  top:9%;bottom:auto;left:50%;width:min(116vw,1720px);height:78vh;aspect-ratio:auto;transform:translateX(-50%);border-radius:50% 50% 42% 42%;
  background:
    radial-gradient(circle at 50% 75%,#fff 0 2px,var(--moment-color) 3px 9px,transparent 10px),
    radial-gradient(circle at 50% 75%,color-mix(in srgb,var(--moment-color) 42%,transparent),transparent 12%),
    radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--moment-color) 15%,transparent),transparent 50%),
    repeating-radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--moment-color) 38%,transparent) 0 1px,transparent 1px 42px),
    radial-gradient(ellipse at 36% 44%,color-mix(in srgb,var(--moment-color) 18%,transparent),transparent 12%),
    radial-gradient(ellipse at 58% 41%,color-mix(in srgb,var(--moment-color) 16%,transparent),transparent 16%);
  opacity:.84;filter:drop-shadow(0 0 28px var(--moment-color));
}
.box-moment-cosmos::after{bottom:18%;height:58%;opacity:.82}
.box-moment-cosmos span,.box-moment-cosmos i,.box-moment-cosmos b{bottom:20%;opacity:.28}
.box-moment-venue-pulse{position:relative;z-index:3;margin-top:clamp(72px,8.6vh,128px);display:grid;gap:.35em;min-height:clamp(46px,5.2vh,82px);place-items:center;text-transform:uppercase;opacity:.82;color:rgba(246,243,237,.72)}
.box-moment-venue-pulse strong{font-size:clamp(10px,.84vw,16px);font-weight:780;letter-spacing:.22em;color:rgba(246,243,237,.7)}
.box-moment-venue-pulse em{font-style:normal;font-size:clamp(10px,.8vw,15px);letter-spacing:.2em;color:var(--moment-color)}
.box-moment-venue-pulse::before{content:"";position:absolute;top:50%;left:50%;width:clamp(30px,3.4vw,60px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 8%,var(--moment-color) 9% 26%,transparent 27%);box-shadow:0 0 24px var(--moment-color),0 0 72px var(--moment-color);opacity:.9}
.box-moment-hero-mark{display:none!important}
.box-sports-moment.event.red .box-moment-hero-mark{display:block!important;top:21%;height:clamp(290px,33vh,520px);opacity:.55}
.box-moment-subtitle{font-size:clamp(17px,1.55vw,30px);letter-spacing:.38em;color:rgba(246,243,237,.82);min-height:1.05em;margin-top:clamp(2px,.4vh,8px)}
.box-moment-title{font-size:clamp(86px,10.2vw,198px);line-height:.82;letter-spacing:.045em;text-wrap:balance;max-width:92vw}
.box-sports-moment.event.goal .box-moment-title{font-size:clamp(104px,13.4vw,258px)}
.box-sports-moment.event.red .box-moment-title{font-size:clamp(82px,10.4vw,200px);z-index:4}
.box-sports-moment.event.penalty .box-moment-title{font-size:clamp(96px,11.5vw,220px);letter-spacing:.16em;text-shadow:0 0 30px rgba(255,255,255,.28)}
.box-sports-moment.event.penalty-scored .box-moment-title{font-size:clamp(98px,12.2vw,232px);color:#ffb12f;text-shadow:0 0 48px rgba(255,177,47,.34)}
.box-sports-moment.event.var .box-moment-title{font-size:clamp(76px,9.4vw,178px);line-height:.88;max-width:96vw}
.box-sports-moment.event.penalty-missed .box-moment-title{font-size:clamp(92px,11.2vw,210px);letter-spacing:.04em;position:relative}
.box-sports-moment.event.penalty-missed .box-moment-title::after{content:"";position:absolute;inset:12% 4% 30%;background:linear-gradient(120deg,transparent 0 47%,rgba(0,0,0,.8) 48% 49%,rgba(255,255,255,.28) 50%,transparent 51% 100%);mix-blend-mode:overlay;opacity:.5;pointer-events:none}
.box-moment-team{font-size:clamp(24px,2.15vw,42px);letter-spacing:.34em;margin-top:clamp(14px,1.65vh,26px);color:var(--team-color)}
.box-moment-score{font-size:clamp(70px,7.4vw,142px);margin-top:clamp(12px,1.3vh,22px)}
.box-moment-detail{font-size:clamp(20px,1.9vw,38px);margin-top:clamp(16px,1.8vh,28px)}
.box-moment-match{display:none}

/* Individual emotion layers */
.box-sports-moment.event.goal{background:radial-gradient(circle at 50% 68%,color-mix(in srgb,var(--team-color) 28%,transparent),transparent 26%),linear-gradient(180deg,#020304,#050608 54%,#010101)}
.box-sports-moment.event.goal .box-moment-cosmos{background:
 radial-gradient(circle at 50% 76%,#fff 0 2px,var(--team-color) 3px 10px,transparent 11px),
 radial-gradient(circle at 50% 76%,color-mix(in srgb,var(--team-color) 48%,transparent),transparent 12%),
 repeating-radial-gradient(ellipse at 50% 76%,color-mix(in srgb,var(--team-color) 44%,transparent) 0 1px,transparent 1px 40px),
 radial-gradient(ellipse at 50% 56%,color-mix(in srgb,var(--team-color) 20%,transparent),transparent 52%)}
.box-sports-moment.event.penalty .box-moment-cosmos{filter:grayscale(.25) drop-shadow(0 0 24px rgba(255,255,255,.42));background:radial-gradient(circle at 50% 78%,#fff 0 5px,rgba(255,255,255,.48) 6px 18px,transparent 19px),radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.26),transparent 40%),repeating-radial-gradient(ellipse at 50% 78%,rgba(255,255,255,.28) 0 1px,transparent 1px 46px)}
.box-sports-moment.event.penalty::before{background:radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.22),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 46%),repeating-radial-gradient(ellipse at 50% 72%,rgba(255,255,255,.2) 0 1px,transparent 1px 52px)}
.box-sports-moment.event.penalty-scored::before{background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.9) 0 1px,#ffb12f 2px 7px,transparent 8px),radial-gradient(circle at 50% 70%,rgba(255,177,47,.32),transparent 18%),repeating-radial-gradient(ellipse at 50% 70%,rgba(255,177,47,.48) 0 1px,transparent 1px 44px),radial-gradient(ellipse at 50% 45%,rgba(255,177,47,.16),transparent 46%)}
.box-sports-moment.event.red .box-moment-cosmos{filter:drop-shadow(0 0 28px #ff2638);opacity:.72}
.box-sports-moment.event.var::before{background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.8) 0 1px,#b388ff 2px 7px,transparent 8px),repeating-radial-gradient(ellipse at 50% 70%,rgba(179,136,255,.42) 0 1px,transparent 1px 42px),linear-gradient(90deg,transparent 0 22%,rgba(179,136,255,.09) 49%,transparent 78%)}
.box-sports-moment.event.var .box-moment-title::before,.box-sports-moment.event.var .box-moment-title::after{opacity:.46;transform:translateY(-50%)}

/* Around the Grounds: fewer gimmicks, more signal and event colour */
.box-sports-moment.around{padding-top:clamp(84px,10vh,140px)}
.box-around-title strong{font-size:clamp(42px,4.6vw,86px);letter-spacing:.18em}
.box-around-title em{font-size:clamp(17px,1.45vw,27px);color:#ffb36d}
.box-around-grid{width:min(1260px,86vw);gap:clamp(16px,1.55vw,30px)}
.box-moment-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);padding:clamp(18px,1.8vw,32px) clamp(24px,2.2vw,44px);border:1px solid color-mix(in srgb,var(--moment-color) 54%,transparent);background:linear-gradient(135deg,rgba(0,0,0,.78),color-mix(in srgb,var(--moment-color) 16%,rgba(0,0,0,.72)));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 60px rgba(0,0,0,.28)}
.box-moment-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--moment-color);box-shadow:0 0 24px var(--moment-color)}
.box-moment-card-pulse{position:absolute;right:clamp(18px,2vw,34px);top:50%;width:clamp(44px,4vw,78px);aspect-ratio:1;transform:translateY(-50%);border:1px solid var(--moment-color);border-radius:50%;opacity:.68;box-shadow:0 0 22px var(--moment-color)}
.box-moment-card-pulse::after{content:"";position:absolute;inset:28%;border-radius:50%;background:var(--moment-color);box-shadow:0 0 18px var(--moment-color)}
.box-moment-card-mark{display:none!important}
.box-moment-card-main strong{font-size:clamp(18px,1.5vw,30px);color:var(--moment-color)}
.box-moment-card-main span{font-size:clamp(26px,2.3vw,46px)}
.box-moment-card-meta{font-size:clamp(14px,1.1vw,20px);opacity:.84}

/* Let the reference footer support the moment, not dominate it */
.box-moment-footer{min-height:clamp(58px,8.3vh,102px);padding:clamp(10px,1.2vh,18px) clamp(70px,8vw,150px);background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62));opacity:.82}
.box-moment-footer strong{font-size:clamp(10px,.78vw,15px)}
.box-moment-footer em{font-size:clamp(10px,.78vw,15px)}
.moment-footer-icon{width:clamp(24px,2.2vw,42px);height:clamp(24px,2.2vw,42px)}

@keyframes pulseExpand2{0%{transform:scale(.3);opacity:.95}100%{transform:scale(4.8);opacity:0}}


/* STRATA News World Pulse merged patch */
.box-news-v2{
  position:relative;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(320px,.72fr);
  gap:clamp(18px,2.2vw,38px);
  align-items:stretch;
}
.box-news-v2 .box-news-hero,
.box-news-v2 .box-news-pulse{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(123,220,255,.13);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.006));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 70px rgba(0,0,0,.24);
}
.box-news-v2 .box-news-hero{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  padding:clamp(24px,2.8vw,54px);
  isolation:isolate;
}
.box-news-v2 .box-news-hero::before{
  content:"";
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(circle at 78% 30%,rgba(123,220,255,.18),transparent 28%),
    radial-gradient(circle at 18% 78%,rgba(255,255,255,.035),transparent 30%),
    linear-gradient(90deg,rgba(0,0,0,.72) 0 46%,rgba(0,0,0,.2) 74%,rgba(0,0,0,.72));
  z-index:0;
}
.box-news-v2 .box-news-hero.blue{--news-accent:#58cfff}.box-news-v2 .box-news-hero.violet{--news-accent:#b388ff}.box-news-v2 .box-news-hero.green{--news-accent:#59d596}.box-news-v2 .box-news-hero.gold{--news-accent:#ffd166}.box-news-v2 .box-news-hero.red{--news-accent:#ff5866}.box-news-v2 .box-news-hero.teal{--news-accent:#40e0d0}
.box-news-earth{
  position:absolute;
  right:-5%;
  top:-3%;
  width:min(58vw,960px);
  height:78%;
  border-radius:50%;
  background:
    radial-gradient(circle at 62% 42%,rgba(255,255,255,.16),transparent 5%),
    radial-gradient(circle at 44% 38%,rgba(123,220,255,.18),transparent 34%),
    radial-gradient(circle at 50% 50%,rgba(2,12,24,.98),rgba(0,0,0,.92) 62%,transparent 64%);
  box-shadow:inset 0 0 0 1px rgba(123,220,255,.18),inset 34px -28px 90px rgba(0,0,0,.82),0 0 90px rgba(123,220,255,.11);
  opacity:.94;
  z-index:0;
}
.box-news-earth::before{
  content:"";
  position:absolute;
  inset:8% 5% 10% 6%;
  border-radius:50%;
  background:
    repeating-radial-gradient(circle at 52% 48%,rgba(255,209,102,.28) 0 1px,transparent 1px 7px),
    linear-gradient(115deg,transparent 0 38%,rgba(255,209,102,.12) 39% 40%,transparent 41% 100%);
  mask-image:radial-gradient(circle at 50% 50%,#000 0 52%,transparent 66%);
  opacity:.55;
  animation:boxNewsEarthDrift 18s ease-in-out infinite alternate;
}
.box-news-earth span,.box-news-earth i,.box-news-earth b{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(123,220,255,.13);
  inset:12%;
  transform:rotate(-12deg);
}
.box-news-earth i{inset:20%;border-color:rgba(255,209,102,.12);transform:rotate(18deg)}
.box-news-earth b{inset:31%;border-color:rgba(255,255,255,.10);transform:rotate(42deg)}
.box-news-hero-copy{position:relative;z-index:2;align-self:center;max-width:min(58%,760px)}
.box-news-v2 .box-kicker{color:var(--news-accent,#7bdcff);margin-bottom:clamp(16px,2vh,28px)}
.box-news-v2 .box-hero{max-width:13ch;font-size:clamp(44px,5.2vw,96px);line-height:.98;font-weight:620;letter-spacing:-.055em;text-shadow:0 8px 34px rgba(0,0,0,.62)}
.box-news-summary{margin-top:clamp(20px,2.4vh,36px);color:rgba(216,199,163,.75);font-size:clamp(13px,1vw,19px);font-weight:760;letter-spacing:.13em;text-transform:uppercase}
.box-news-mini-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1vw,18px);align-self:end}
.box-news-card{min-width:0;display:grid;grid-template-columns:clamp(62px,5.4vw,98px) minmax(0,1fr);gap:clamp(10px,1vw,18px);align-items:center;padding:clamp(10px,1vw,17px);min-height:clamp(116px,14vh,180px);border:1px solid rgba(255,255,255,.095);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 34px rgba(0,0,0,.18);overflow:hidden}
.box-news-card.blue{--news-card:#58cfff}.box-news-card.violet{--news-card:#b388ff}.box-news-card.green{--news-card:#59d596}.box-news-card.gold{--news-card:#ffd166}.box-news-card.red{--news-card:#ff5866}.box-news-card.teal{--news-card:#40e0d0}
.box-news-card-media{position:relative;height:100%;min-height:82px;border-radius:7px;overflow:hidden;background:#071017;border:1px solid color-mix(in srgb,var(--news-card) 32%,transparent);box-shadow:inset 0 0 28px rgba(0,0,0,.36),0 0 24px color-mix(in srgb,var(--news-card) 9%,transparent)}
.box-news-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.24)),linear-gradient(115deg,color-mix(in srgb,var(--news-card) 12%,transparent),transparent 48%);pointer-events:none}
.box-news-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.12) brightness(.82);transform:scale(1.025)}
.box-news-card small{display:block;color:var(--news-card);font-size:clamp(9px,.72vw,13px);font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:clamp(6px,.7vh,10px)}
.box-news-card strong{display:block;color:rgba(246,243,237,.9);font-size:clamp(13px,1vw,20px);line-height:1.18;font-weight:620;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.box-news-card em{display:block;margin-top:clamp(8px,.8vh,12px);font-style:normal;color:rgba(216,199,163,.54);font-size:clamp(10px,.74vw,14px);text-transform:uppercase;letter-spacing:.08em}
.box-news-pulse{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.4vh,22px);padding:clamp(24px,2vw,38px)}
.box-news-pulse-title{color:rgba(123,220,255,.95);font-size:clamp(18px,1.5vw,30px);font-weight:780;letter-spacing:.18em;text-transform:uppercase}
.box-news-pulse-list{display:grid;gap:clamp(8px,1vh,15px);align-content:start}
.box-news-pulse-row{--pulse:#58cfff;position:relative;isolation:isolate;display:grid;grid-template-columns:clamp(48px,3.7vw,70px) minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1vw,19px);padding:clamp(12px,1.1vw,18px);border:1px solid color-mix(in srgb,var(--pulse) 20%,rgba(255,255,255,.07));border-radius:11px;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--pulse) 13%,transparent),transparent 34%),linear-gradient(110deg,rgba(255,255,255,.045),rgba(255,255,255,.008) 54%,rgba(0,0,0,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 30px rgba(0,0,0,.16);overflow:hidden}
.box-news-pulse-row::after{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:2px;background:linear-gradient(transparent,var(--pulse),transparent);opacity:.72;box-shadow:0 0 18px var(--pulse)}
.box-news-pulse-row.blue{--pulse:#58cfff}.box-news-pulse-row.violet{--pulse:#b388ff}.box-news-pulse-row.green{--pulse:#59d596}.box-news-pulse-row.gold{--pulse:#ffd166}.box-news-pulse-row.red{--pulse:#ff5866}.box-news-pulse-row.teal{--pulse:#40e0d0}
.box-news-pulse-beacon{position:relative;width:clamp(44px,3.5vw,66px);height:clamp(44px,3.5vw,66px);border-radius:50%;display:grid;place-items:center;color:var(--pulse);background:radial-gradient(circle,color-mix(in srgb,var(--pulse) 18%,transparent),rgba(0,5,9,.72) 58%,rgba(255,255,255,.035) 60%);border:1px solid color-mix(in srgb,var(--pulse) 48%,transparent);box-shadow:inset 0 0 18px rgba(0,0,0,.72),0 0 20px color-mix(in srgb,var(--pulse) 16%,transparent)}
.box-news-pulse-beacon::before,.box-news-pulse-beacon::after{content:"";position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--pulse) 48%,transparent);border-radius:50%;animation:boxNewsPulseOrbit 5.8s linear infinite;animation-delay:calc(var(--pulse-order)*-.72s)}
.box-news-pulse-beacon::after{inset:25%;border-style:dotted;opacity:.72;animation-duration:4.4s;animation-direction:reverse}
.box-news-pulse-beacon i{position:relative;z-index:2;display:grid;place-items:center;width:42%;height:42%;font-style:normal;font-size:clamp(15px,1.15vw,22px);text-shadow:0 0 14px var(--pulse);animation:boxNewsPulseCore 3.2s ease-in-out infinite;animation-delay:calc(var(--pulse-order)*-.38s)}
.box-news-pulse-row strong{min-width:0;color:rgba(246,243,237,.9);font-size:clamp(15px,1.15vw,22px);font-weight:720;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-news-pulse-row strong em{display:block;margin-top:3px;color:rgba(216,199,163,.6);font-style:normal;font-size:.64em;letter-spacing:.12em}
.box-news-pulse-row b{color:var(--pulse);font-size:clamp(25px,2.2vw,42px);font-weight:460;font-variant-numeric:tabular-nums;text-shadow:0 0 18px color-mix(in srgb,var(--pulse) 22%,transparent)}
@keyframes boxNewsPulseOrbit{to{transform:rotate(360deg)}}
@keyframes boxNewsPulseCore{0%,100%{transform:scale(.88);opacity:.76}50%{transform:scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.box-news-pulse-beacon::before,.box-news-pulse-beacon::after,.box-news-pulse-beacon i{animation:none}}

/* Stadium-level sports arrival backdrop. */
.box-sports-globe-viz{
  background:radial-gradient(circle at 50% 50%,transparent 0 46%,rgba(0,0,0,.72) 76%,#000 100%);
}
.box-stadium-arrival{
  position:absolute;left:var(--stadium-x,50%);top:var(--stadium-y,52%);z-index:7;display:grid;place-items:center;
  gap:clamp(8px,1vh,14px);min-width:min(72vw,980px);transform:translate(-50%,-50%);
  text-align:center;pointer-events:none;opacity:0;
  animation:boxStadiumArrival .72s cubic-bezier(.18,.82,.2,1) 3.08s forwards;
}
.box-stadium-footprint{
  position:relative;display:block;width:clamp(112px,10vw,190px);height:clamp(70px,6.2vw,118px);
  border:2px solid color-mix(in srgb,var(--stadium-color) 76%,white);
  border-radius:48% 48% 44% 44% / 42% 42% 58% 58%;
  background:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.84) 0 42%,color-mix(in srgb,var(--stadium-color) 28%,transparent) 43% 58%,rgba(0,0,0,.7) 59%);
  box-shadow:0 0 22px var(--stadium-color),0 0 76px color-mix(in srgb,var(--stadium-color) 46%,transparent),inset 0 0 24px color-mix(in srgb,var(--stadium-color) 32%,transparent);
  transform:perspective(520px) rotateX(62deg);
}
.box-stadium-footprint::before,.box-stadium-footprint::after{
  content:"";position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--stadium-color) 60%,white);
  border-radius:inherit;opacity:.62;
}
.box-stadium-footprint::after{
  inset:29% 24%;border-radius:4px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 48%,rgba(255,255,255,.06));
  box-shadow:inset 0 0 18px rgba(255,255,255,.08);
}
.box-stadium-footprint i{
  position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);
  border-radius:50%;background:#fff;box-shadow:0 0 14px #fff,0 0 34px var(--stadium-color);
}
.box-stadium-arrival strong{
  font-size:clamp(36px,5vw,98px);line-height:.9;font-weight:880;letter-spacing:.07em;
  color:#fff;text-transform:uppercase;text-shadow:0 0 28px var(--stadium-color),0 10px 46px rgba(0,0,0,.8);
  width:min(88vw,1180px);
  transform:translateY(clamp(72px,9vh,112px));
}
.box-stadium-arrival em{
  font-style:normal;font-size:clamp(14px,1.4vw,28px);font-weight:760;letter-spacing:.34em;
  color:var(--stadium-color);text-transform:uppercase;
  text-shadow:0 0 20px color-mix(in srgb,var(--stadium-color) 50%,transparent);
  width:min(88vw,1180px);
  transform:translateY(clamp(72px,9vh,112px));
}
@keyframes boxStadiumArrival{
  from{opacity:0;transform:translate(-50%,-44%) scale(.92);filter:blur(6px)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
}
.box-sports-moment.event .box-moment-team{color:var(--team-color)}
.box-sports-moment.event .box-moment-detail{
  color:color-mix(in srgb,var(--team-color) 72%,white);
  text-shadow:0 0 18px color-mix(in srgb,var(--team-color) 24%,transparent);
}
.box-sports-moment.event .box-moment-team::before{
  content:"";display:inline-block;width:clamp(24px,2.6vw,48px);height:2px;margin-right:.55em;
  vertical-align:.3em;background:var(--team-color);box-shadow:0 0 14px var(--team-color);
}
.box-news-weather{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:clamp(14px,1.2vw,22px);padding:clamp(18px,1.5vw,28px);border:1px solid rgba(123,220,255,.11);border-radius:10px;background:linear-gradient(145deg,rgba(123,220,255,.07),rgba(255,255,255,.012))}
.box-news-weather .box-clock-png-icon{width:clamp(58px,4.7vw,90px);height:clamp(48px,3.8vw,72px);object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.48))}
.box-news-weather strong{color:#ffd166;font-size:clamp(42px,3.8vw,72px);line-height:.9;font-weight:440;letter-spacing:-.06em;text-shadow:0 0 20px rgba(255,209,102,.18)}
.box-news-weather span{color:rgba(123,220,255,.92);font-size:clamp(15px,1.15vw,22px);font-weight:720;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}.box-news-weather em{display:block;color:rgba(246,243,237,.78);font-style:normal;margin-top:3px}
@keyframes boxNewsEarthDrift{from{transform:translate3d(-1.2%,0,0) rotate(-3deg)}to{transform:translate3d(1.4%,.8%,0) rotate(3deg)}}
@media(max-aspect-ratio:4/3){.box-news-v2{grid-template-columns:1fr}.box-news-hero-copy{max-width:72%}.box-news-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.box-news-pulse{display:none}}


/* STRATA polish: subtle LIVE dot pulse */
.box-moment-live span,.box-live-dot{animation: strataLiveDotPulse 1.8s ease-in-out infinite;}
@keyframes strataLiveDotPulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 10px currentColor}50%{opacity:.42;transform:scale(.92);box-shadow:0 0 18px currentColor}}


/* STRATA real globe sports moment restore */
.box-sports-moment.globe{position:absolute;inset:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at 50% 58%,rgba(255,138,0,.18),transparent 28%),linear-gradient(180deg,#020304,#050607 58%,#000);overflow:hidden;color:#f8f4e8}
.box-sports-moment.video-prelude{position:absolute;inset:0;z-index:30;overflow:hidden;background:#000}
.box-sports-prelude-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#000}
.firestick-lite .box-sports-prelude-video{filter:none;transform:none}
.box-sports-globe-viz{position:absolute;inset:0;z-index:1;opacity:.96;filter:saturate(1.18) contrast(1.08)}
.box-local-earth{
 position:absolute;left:50%;top:51%;width:min(58vw,800px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.88);
 border-radius:50%;overflow:hidden;
 background-image:linear-gradient(115deg,rgba(255,255,255,.1),transparent 24%,transparent 68%,rgba(0,0,0,.28)),url("/assets/clocks/earth-europe-cinematic.webp");
 background-size:cover;background-position:center;
 box-shadow:inset -70px -34px 90px rgba(0,0,0,.86),inset 32px 18px 48px rgba(168,213,255,.15),0 0 80px rgba(65,154,255,.2);
}
.box-local-earth:after{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:inset 0 0 20px rgba(160,216,255,.28);pointer-events:none}
.box-local-stadium{position:absolute;left:var(--stadium-x,50%);top:var(--stadium-y,50%);width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 10px 3px var(--stadium-color,#ff8a00);opacity:0}
.box-local-stadium.matched{animation:box-stadium-local-pulse 1s ease-in-out 3.1s infinite}
.box-stadium-ring{
 position:absolute;left:var(--stadium-x,50%);top:var(--stadium-y,50%);z-index:2;width:72px;height:72px;
 transform:translate(-50%,-50%) scale(.05);border:2px solid color-mix(in srgb,var(--stadium-color,#ff8a00) 92%,white);
 border-radius:50%;box-shadow:0 0 28px color-mix(in srgb,var(--stadium-color,#ff8a00) 68%,transparent),inset 0 0 20px color-mix(in srgb,var(--stadium-color,#ff8a00) 42%,transparent);
 opacity:0;pointer-events:none;animation:box-stadium-local-ring .82s cubic-bezier(.16,.8,.2,1) both;
}
.box-stadium-ring.r1{animation-delay:1.15s}
.box-stadium-ring.r2{animation-delay:1.55s}
.box-sports-moment.globe .box-moment-top,.box-sports-moment.globe .box-moment-footer{position:relative;z-index:4}
.box-sports-moment.globe:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 51%,transparent 0 42%,rgba(0,0,0,.16) 61%,rgba(0,0,0,.82) 100%),linear-gradient(180deg,rgba(0,0,0,.3),transparent 32%,rgba(0,0,0,.45));}

/* STRATA globe sports moment layout tidy / dev9470
   Fixes: LIVE left aligned, stadium title lower, footer strip below title, globe pulled back via JS. */
.box-sports-moment.globe .box-moment-top{
  position:absolute!important;
  top:clamp(34px,4.6vh,60px)!important;
  left:clamp(56px,6vw,112px)!important;
  right:clamp(48px,5.4vw,96px)!important;
  z-index:6!important;
  display:grid!important;
  grid-template-columns:minmax(390px,1fr) auto minmax(260px,1fr)!important;
  align-items:start!important;
  pointer-events:none!important;
}
.box-sports-moment.globe .box-moment-live{
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(12px,1vw,18px)!important;
  color:#ff3344!important;
  text-align:left!important;
  transform:translateX(-18px)!important;
}
.box-sports-moment.globe .box-moment-live span{
  width:clamp(15px,1.2vw,22px)!important;
  height:clamp(15px,1.2vw,22px)!important;
  flex:0 0 auto!important;
  background:#ff3344!important;
  box-shadow:0 0 22px rgba(255,51,68,.72)!important;
}
.box-sports-moment.globe .box-moment-live strong{
  color:#ff3344!important;
  font-size:clamp(16px,1.35vw,25px)!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.box-sports-moment.globe .box-moment-live strong::after{
  content:"";
  display:inline-block;
  width:1px;
  height:1.35em;
  margin:0 clamp(16px,1.4vw,28px);
  vertical-align:-.28em;
  background:rgba(255,255,255,.28);
}
.box-sports-moment.globe .box-moment-live em{
  grid-column:auto!important;
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-style:normal!important;
  font-size:clamp(12px,1vw,18px)!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
  max-width:none!important;
}
.box-sports-moment.globe .box-moment-brand{justify-self:center!important;}
.box-sports-moment.globe .box-moment-now{justify-self:end!important;}
.box-sports-moment.globe .box-moment-footer{
  position:absolute!important;
  left:clamp(70px,7.5vw,140px)!important;
  right:clamp(70px,7.5vw,140px)!important;
  bottom:clamp(6px,1.2vh,18px)!important;
  z-index:4!important;
  min-height:clamp(66px,8vh,96px)!important;
  padding:clamp(10px,1.1vh,16px) clamp(44px,5vw,92px)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.64))!important;
  opacity:.82!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.box-sports-moment.globe .box-moment-footer div{justify-self:center!important;}
@media(max-width:900px){
  .box-sports-moment.globe .box-moment-top{left:24px!important;right:24px!important;grid-template-columns:1fr auto 1fr!important;}
  .box-sports-moment.globe .box-moment-live em{display:none!important;}
  .box-sports-moment.globe .box-moment-footer{left:4%!important;right:4%!important;bottom:6px!important;}
}

/* Canonical Box sports moments.
   Preserve the approved Box information hierarchy while disabling superseded
   experimental pulse, orbit, scan and scoreboard-template treatments. */
.box-sports-moment.event::before,
.box-sports-moment.around::before{
  display:none;
}
.box-sports-moment.event .box-moment-cosmos,
.box-sports-moment.event .box-moment-venue-pulse::before,
.box-sports-moment.event .box-moment-hero-mark,
.box-sports-moment.event.var .box-moment-title::before,
.box-sports-moment.event.var .box-moment-title::after,
.box-sports-moment.event.penalty-missed .box-moment-title::after,
.box-sports-moment.around .box-around-world,
.box-sports-moment.around .box-moment-card-pulse{
  display:none!important;
}
.box-sports-moment .box-moment-live span{
  animation:none;
}
/* STRATA BOX News layout patch: hero weather top-right + safer hero sizing */
.box-news-hero{
  position:relative;
  overflow:hidden;
}

.box-news-hero-weather{
  position:absolute;
  top:clamp(18px,2.2vh,34px);
  right:clamp(20px,2vw,38px);
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(8px,.9vw,16px);
  min-width:clamp(170px,14vw,260px);
  padding:clamp(8px,.9vw,15px) clamp(10px,1vw,18px);
  border:1px solid rgba(123,220,255,.18);
  border-radius:18px;
  background:rgba(0,8,14,.46);
  backdrop-filter:blur(8px);
  text-align:right;
  pointer-events:none;
}

.box-news-hero-weather div{
  display:flex;
  align-items:center;
  justify-content:center;
}

.box-news-hero-weather .box-weather-icon{
  font-size:clamp(28px,2.8vw,52px);
  margin:0;
}

.box-news-hero-weather .box-clock-png-icon{
  width:clamp(44px,3.9vw,75px);
  height:clamp(36px,3.2vw,62px);
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.42));
}

.box-news-hero-weather strong{
  color:#ffd166;
  font-size:clamp(30px,3vw,56px);
  line-height:.9;
  font-weight:520;
  letter-spacing:-.055em;
  text-shadow:0 0 22px rgba(255,209,102,.18);
}

.box-news-hero-weather span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  color:rgba(123,220,255,.9);
  font-size:clamp(10px,.82vw,15px);
  font-weight:820;
  letter-spacing:.11em;
  line-height:1.05;
  text-transform:uppercase;
}

.box-news-hero-weather em{
  color:rgba(246,243,237,.72);
  font-style:normal;
  font-size:.9em;
  letter-spacing:.09em;
}

.box-news-hero-copy{
  position:relative;
  z-index:10;
  max-width:calc(100% - clamp(210px,18vw,320px));
}

.box-news-hero-copy .box-hero,
.box-news-v2 .box-hero{
  font-size:clamp(34px,4.05vw,76px);
  line-height:.98;
  max-width:14.5ch;
}

.box-news-mini-grid{
  position:relative;
  z-index:12;
}


/* ================================
   STRATA CAFÉ VISUAL FIXES V2
   Scope: Box Travel strip stability, weather readability,
   world clock polish, news mini cards readability.
   Does NOT remove split-flap train/aviation board animation.
   ================================ */

/* Keep the Travel/TfL/footer strip on its own compositor layer so the split-flap board above it
   does not visually interfere with ticker motion. */
.box-footer{
  contain:layout paint;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}
.box-footer-track,
.box-footer-track.travel-footer-track,
.box-footer-track.ticker-ready{
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
}
.travel-footer-track .box-footer-tfl,
.travel-footer-track .box-footer-rail-alert,
.travel-footer-track .box-footer-flight{
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
}

/* Weather cards: bring values closer to icons and make them readable at café distance. */
.box-weather-temp{
  font-size:clamp(63px,5.4vw,104px);
  line-height:.82;
}
.box-weather-condition{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  overflow-wrap:normal;
  word-break:normal;
  min-height:1.28em;
  max-width:100%;
  font-size:clamp(14px,1.02vw,20px);
  line-height:1;
}
.box-weather-metrics{
  padding:clamp(9px,1vh,15px) 0;
}
.box-weather-metrics span{
  grid-template-columns:auto auto;
  justify-content:center;
  column-gap:clamp(2px,.24vw,5px);
  row-gap:clamp(4px,.48vh,7px);
}
.box-weather-metrics img{
  width:clamp(27px,2.35vw,42px);
  height:clamp(27px,2.35vw,42px);
  transform:translateY(-1px);
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.42));
}
.box-weather-metrics b{
  font-size:clamp(20px,1.55vw,30px);
  font-weight:850;
  letter-spacing:-.035em;
  margin-left:0;
}
.box-weather-metrics em{
  font-size:clamp(13px,.98vw,18px);
  font-weight:900;
  letter-spacing:.045em;
  color:rgba(246,243,237,.82);
}
.box-weather-metrics span{border-right-color:rgba(123,220,255,.12)}
.box-weather-wind{
  font-size:clamp(14px,1.05vw,19px);
  font-weight:850;
  gap:.28em;
}
.box-weather-wind img{
  width:clamp(26px,2vw,38px);
  height:clamp(26px,2vw,38px);
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.42));
}

/* Premium Travel board wording/readability for delayed services. */
.premium-travel-board .flap-cell.status-delayed{
  color:#f0a142;
  font-weight:850;
}
.premium-travel-board .flap-cell.status{
  font-size:clamp(11px,1.18vw,22px);
  letter-spacing:.055em;
}

/* World clock cards: remove amateur left-edge artefact, tighten title/time/status hierarchy. */
.box-clock-world-v5 .box-clock-secondary{
  border-left-width:1px;
  background:#050607;
  align-content:center;
  gap:clamp(2px,.35vh,6px);
  padding:clamp(8px,.82vw,14px) clamp(12px,1vw,18px);
}
.box-clock-world-v5 .box-clock-secondary::before{display:none!important}
.box-clock-world-v5 .box-clock-secondary .box-clock-photo{
  inset:0;
  opacity:.9;
}
.box-clock-world-v5 .box-clock-city-line{
  display:inline-block;
  justify-self:start;
  padding:.08em .38em .12em;
  background:rgba(0,0,0,.42);
  border-left:0!important;
  font-size:clamp(12px,.9vw,17px);
  line-height:1;
  letter-spacing:.095em;
  font-weight:850;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",system-ui,sans-serif;
}
.box-clock-world-v5 .box-clock-secondary-time{
  font-size:clamp(31px,2.7vw,52px);
  line-height:.96;
  font-weight:430;
  letter-spacing:-.04em;
  margin-top:clamp(2px,.25vh,5px);
}
.box-clock-world-v5 .box-clock-market-line{
  font-size:clamp(12px,.9vw,17px);
  line-height:1;
  font-weight:850;
  letter-spacing:.055em;
  margin-top:clamp(1px,.2vh,4px);
}
.box-clock-world-v5 .box-clock-secondary:not(.wide) .box-clock-secondary-time{
  font-size:clamp(27px,2.3vw,45px);
}

/* News mini cards: show two larger cards per row so copy no longer overlaps or looks cramped. */
.box-news-mini-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(12px,1.1vw,20px)!important;
}
.box-news-card{
  grid-template-columns:clamp(76px,6.4vw,118px) minmax(0,1fr)!important;
  min-height:clamp(118px,13.2vh,172px);
  padding:clamp(11px,1vw,18px);
  gap:clamp(10px,.85vw,16px);
}
.box-news-card-media{min-height:clamp(82px,10.5vh,134px)}
.box-news-card small{
  font-size:clamp(10px,.72vw,13px);
  line-height:1;
  margin-bottom:clamp(5px,.55vh,8px);
}
.box-news-card strong{
  font-size:clamp(15px,1.05vw,20px);
  line-height:1.12;
  -webkit-line-clamp:3;
}


/* STRATA cafe polish: last two fixes - travel flights and TV-safe world clocks */
.box-clock-world-v5 .box-clock-secondary{
  align-content:start;
  padding:clamp(22px,2.05vw,38px) clamp(13px,1.25vw,22px) clamp(14px,1.2vw,22px);
  gap:clamp(4px,.55vh,9px);
}
.box-clock-world-v5 .box-clock-city-line{
  justify-self:start;
  max-width:100%;
  padding:.16em 0 .1em 0;
  border-left:0;
  background:transparent;
  box-shadow:none;
  font-size:clamp(14px,1.05vw,20px);
  line-height:1;
  letter-spacing:.105em;
  color:#fff;
  text-shadow:0 2px 12px #000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.box-clock-world-v5 .box-clock-secondary-time{
  font-size:clamp(31px,2.95vw,56px);
  line-height:.9;
  margin-top:-.04em;
}
.box-clock-market-line{
  font-size:clamp(10px,.82vw,16px);
  line-height:1;
  letter-spacing:.065em;
  margin-top:-.02em;
}
.box-clock-world-v5 .box-clock-secondary .box-clock-photo{transform:none}
.box-clock-world-v5 .box-clock-secondary::after{background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.09),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.5))}
.box-awareness-card.travel .box-awareness-sub{white-space:normal;overflow:visible;text-overflow:clip}
.box-travel-flight-list{display:grid;gap:.18em;font-size:.78em;line-height:1.06;letter-spacing:.075em}
.box-travel-flight-list span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* STRATA cafe polish: News hero mini cards rotate two at a time, not 2x2 clutter */
.box-news-v2 .box-news-mini-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(clamp(128px,15vh,190px),1fr);
  align-content:end;
  gap:clamp(16px,1.4vw,28px)!important;
}
.box-news-v2 .box-news-card{
  min-height:clamp(128px,15vh,190px);
  grid-template-columns:clamp(88px,7.2vw,132px) minmax(0,1fr)!important;
}
.box-news-v2 .box-news-card strong{
  -webkit-line-clamp:3;
}

/* STRATA BOX TV FIT FIX: 7-day weather in Travel + Clocks
   Keeps the weather-only screen inside physical TV safe area without touching Sports/Travel boards. */
.box-stage:has(.box-weather-v5){
  padding-top:clamp(8px,1.15vh,18px)!important;
  padding-bottom:clamp(8px,1.15vh,18px)!important;
}

.box-weather-v5{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(7px,.85vh,13px)!important;
}

.box-weather-v5 .box-clock-screen-head{
  min-height:0!important;
  align-items:flex-start!important;
  gap:clamp(10px,1.4vw,24px)!important;
}

.box-weather-v5 .box-clock-screen-head h2{
  font-size:clamp(22px,2.35vw,42px)!important;
  line-height:.88!important;
  letter-spacing:.18em!important;
}

.box-weather-v5 .box-clock-screen-head span{
  margin-top:clamp(4px,.55vh,9px)!important;
  font-size:clamp(9px,.78vw,14px)!important;
  line-height:1.05!important;
}

.box-weather-v5 .box-clock-screen-head strong{
  font-size:clamp(10px,.86vw,16px)!important;
  line-height:1.05!important;
}

.box-weather-v5-grid{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:clamp(5px,.52vw,10px)!important;
  align-items:stretch!important;
}

.box-weather-card{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  align-content:stretch!important;
  justify-items:center!important;
  grid-template-rows:auto auto minmax(34px,.62fr) auto auto minmax(42px,.58fr) auto!important;
  padding:clamp(7px,.82vh,13px) clamp(6px,.62vw,11px)!important;
  gap:clamp(2px,.33vh,6px)!important;
}

.box-weather-day-name{
  font-size:clamp(16px,1.45vw,28px)!important;
  line-height:.95!important;
}

.box-weather-date{
  font-size:clamp(9px,.74vw,14px)!important;
  line-height:1!important;
}

.box-weather-big-icon{
  min-height:0!important;
  align-self:center!important;
  margin-top:0!important;
  font-size:clamp(44px,5.2vh,82px)!important;
  line-height:.8!important;
}

.box-weather-big-icon .box-weather-icon{
  width:1em!important;
  height:1em!important;
}

.box-weather-big-icon .box-clock-png-icon,
.box-weather-big-icon img{
  width:clamp(48px,5.8vh,86px)!important;
  height:clamp(38px,4.8vh,72px)!important;
  max-width:100%!important;
  object-fit:contain!important;
}

.box-weather-temp{
  font-size:clamp(34px,4.35vh,66px)!important;
  line-height:.82!important;
}

.box-weather-condition{
  min-height:0!important;
  font-size:clamp(10px,1.05vw,17px)!important;
  line-height:1.02!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  max-width:100%!important;
}

.box-weather-metrics{
  min-height:0!important;
  width:100%!important;
  margin-top:0!important;
  padding:clamp(4px,.55vh,8px) 0!important;
  align-self:end!important;
}

.box-weather-metrics span{
  min-height:0!important;
  gap:clamp(2px,.25vh,4px)!important;
}

.box-weather-metrics img,
.box-weather-wind img{
  width:clamp(13px,1.6vh,22px)!important;
  height:clamp(13px,1.6vh,22px)!important;
}

.box-weather-metrics b{
  font-size:clamp(12px,1.55vh,21px)!important;
  line-height:1!important;
}

.box-weather-metrics em{
  font-size:clamp(8px,.94vh,13px)!important;
  line-height:1!important;
}

.box-weather-wind{
  min-height:0!important;
  width:100%!important;
  padding-top:clamp(4px,.55vh,8px)!important;
  font-size:clamp(8px,.95vh,13px)!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* BOX TV final fit: compact 7-day weather so cards do not stretch and footer stays visible */
.box-stage:has(.box-weather-v5){
  padding:clamp(12px,1.8vh,24px) 0 clamp(6px,.9vh,14px)!important;
}

.box-weather-v5{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:clamp(7px,.85vh,12px)!important;
}

.box-weather-v5 .box-clock-screen-head{
  min-height:0!important;
  padding-bottom:clamp(3px,.45vh,7px)!important;
}

.box-weather-v5-grid{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:clamp(6px,.58vw,11px)!important;
  align-items:start!important;
}

.box-weather-card{
  min-height:0!important;
  height:clamp(390px,56vh,585px)!important;
  max-height:100%!important;
  overflow:hidden!important;
  display:grid!important;
  align-content:start!important;
  justify-items:center!important;
  grid-template-rows:auto auto auto auto auto auto auto!important;
  padding:clamp(10px,1.15vh,16px) clamp(7px,.65vw,12px)!important;
  gap:clamp(5px,.62vh,9px)!important;
}

.box-weather-day-name{
  font-size:clamp(17px,1.45vw,28px)!important;
  line-height:.95!important;
}

.box-weather-date{
  font-size:clamp(9px,.72vw,14px)!important;
  line-height:1!important;
}

.box-weather-big-icon{
  min-height:0!important;
  align-self:center!important;
  margin-top:clamp(8px,1vh,14px)!important;
  margin-bottom:clamp(8px,1vh,14px)!important;
  font-size:clamp(48px,5.1vh,78px)!important;
  line-height:.86!important;
}

.box-weather-big-icon .box-clock-png-icon,
.box-weather-big-icon img{
  width:clamp(50px,5.6vh,84px)!important;
  height:clamp(40px,4.8vh,70px)!important;
  max-width:100%!important;
  object-fit:contain!important;
}

.box-weather-temp{
  font-size:clamp(36px,4.25vh,60px)!important;
  line-height:.86!important;
  margin-top:clamp(4px,.55vh,8px)!important;
}

.box-weather-condition{
  min-height:0!important;
  font-size:clamp(10px,1vw,17px)!important;
  line-height:1.02!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

.box-weather-metrics{
  min-height:0!important;
  width:100%!important;
  margin-top:clamp(14px,2vh,26px)!important;
  padding:clamp(5px,.65vh,9px) 0!important;
  align-self:start!important;
}

.box-weather-metrics span{
  min-height:0!important;
  gap:clamp(2px,.25vh,4px)!important;
}

.box-weather-metrics img,
.box-weather-wind img{
  width:clamp(14px,1.6vh,22px)!important;
  height:clamp(14px,1.6vh,22px)!important;
}

.box-weather-metrics b{
  font-size:clamp(13px,1.55vh,21px)!important;
  line-height:1!important;
}

.box-weather-metrics em,
.box-weather-wind{
  font-size:clamp(8px,.95vh,13px)!important;
  line-height:1!important;
}

.box-weather-wind{
  min-height:0!important;
  width:100%!important;
  padding-top:clamp(5px,.65vh,9px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* ================================
   BOX Travel ticker smoothness patch
   Reduces Android/Fire TV footer stutter while train/aviation boards animate.
   ================================ */
.box-footer-track.travel-footer-track{
  contain:none!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.box-footer-track.travel-footer-track.ticker-ready{
  animation:boxTravelTicker var(--box-ticker-duration,34s) linear infinite!important;
}
.firestick-lite .box-footer,
.firestick-lite .box-footer-track,
.firestick-lite .box-footer-track.travel-footer-track{
  filter:none!important;
  text-shadow:none;
  backface-visibility:hidden;
}
.firestick-lite .split-flap-board .flap-char,
.firestick-lite .split-flap-board .flap-char::before,
.firestick-lite .split-flap-board .flap-char>span,
.firestick-lite .split-flap-board .split-flap-normal{
  animation:none!important;
  filter:none!important;
}
.firestick-lite .split-flap-board .flap-char::before{display:none!important}
.firestick-lite .split-flap-board .flap-char>span{opacity:1!important;transform:none!important}
.firestick-lite .travel-board-shift .split-flap-row{animation:none!important}

/* STRATA BOX TV frame-tolerant sports events. */
.box-sports-moment.globe::before,
.box-sports-moment.globe .box-moment-orbit,
.box-sports-moment.globe .box-pulse-globe span,
.box-sports-moment.globe .box-pulse-globe i{
  display:none!important;
  animation:none!important;
  opacity:0!important;
  box-shadow:none!important;
}

.box-sports-moment.globe{
  background:radial-gradient(circle at 50% 58%,rgba(255,138,0,.12),transparent 30%),linear-gradient(180deg,#020304,#050607 58%,#000);
}

.box-local-earth:after{box-shadow:inset 0 0 12px rgba(160,216,255,.18)!important}
.box-stadium-ring{
  width:58px!important;
  height:58px!important;
  animation:box-stadium-local-ring-tv 1.05s cubic-bezier(.18,.74,.2,1) both!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--stadium-color,#ff8a00) 42%,transparent)!important;
}
.box-stadium-ring.r1{animation-delay:1.35s!important}
.box-stadium-ring.r2{animation-delay:2.15s!important}
@keyframes box-stadium-local-ring-tv{
  0%{opacity:.64;transform:translate(-50%,-50%) scale(.12)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.16)}
}
.box-local-stadium.matched{animation:box-stadium-local-pulse-tv 1.8s ease-in-out 3.15s infinite!important}
@keyframes box-stadium-local-pulse-tv{
  0%,100%{opacity:.72;box-shadow:0 0 6px 2px var(--stadium-color,#ff8a00)}
  50%{opacity:1;box-shadow:0 0 14px 5px var(--stadium-color,#ff8a00)}
}

.firestick-lite .box-stadium-arrival{filter:none!important}

/* =========================================================
   STRATA BOX ALERT TAKEOVER HARDENING — 2026-06-17
   BOX only. Forces every sports alert to use one opaque,
   full-screen takeover layer. This prevents first-alert legacy
   globe/cosmos layers and the sports/results board from showing
   through during final alert screens.
   ========================================================= */
body.box-display.box-sports-alert-active{
  background:#000!important;
}
.box-shell.sports-alert-active{
  grid-template-rows:1fr!important;
  padding:0!important;
  background:#000!important;
}
.box-shell.sports-alert-active .box-header,
.box-shell.sports-alert-active .box-footer{
  display:none!important;
}
.box-shell.sports-alert-active .box-stage{
  position:relative!important;
  padding:0!important;
  background:#000!important;
  overflow:hidden!important;
}
.box-shell.sports-alert-active .box-sports-moment{
  position:absolute!important;
  inset:0!important;
  z-index:9999!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#000!important;
  color:var(--moment-color,#ff3344)!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  contain:layout paint style!important;
}
.box-shell.sports-alert-active .box-sports-moment::before,
.box-shell.sports-alert-active .box-sports-moment::after{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-shell.sports-alert-active .box-sports-moment::before{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-shell.sports-alert-active .box-sports-moment::after{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.box-shell.sports-alert-active .box-moment-asset{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:.18;pointer-events:none}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-asset{opacity:.34}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-event-data{
  position:absolute!important;
  top:57%!important;
  left:50%!important;
  z-index:8!important;
  width:min(88vw,1500px)!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:clamp(8px,1.1vh,18px)!important;
  text-align:center!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-kind{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-team,
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-score,
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-detail{
  margin:0!important;
}
.box-shell.sports-alert-active .box-moment-cosmos,
.box-shell.sports-alert-active .box-moment-cosmos span,
.box-shell.sports-alert-active .box-moment-cosmos i,
.box-shell.sports-alert-active .box-moment-cosmos b,
.box-shell.sports-alert-active .box-moment-orbit,
.box-shell.sports-alert-active .box-pulse-globe,
.box-shell.sports-alert-active .box-sports-globe-viz,
.box-shell.sports-alert-active .box-around-world,
.box-shell.sports-alert-active .box-strata-pulse-world{
  animation:none!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
}
.box-shell.sports-alert-active .box-moment-cosmos{
  opacity:.28!important;
  z-index:2!important;
  background:radial-gradient(circle at 50% 72%, color-mix(in srgb,var(--moment-color,#ff3344) 38%, transparent), transparent 20%)!important;
}
.box-shell.sports-alert-active .box-moment-top,
.box-shell.sports-alert-active .box-moment-venue-pulse,
.box-shell.sports-alert-active .box-moment-hero-mark,
.box-shell.sports-alert-active .box-moment-subtitle,
.box-shell.sports-alert-active .box-moment-title,
.box-shell.sports-alert-active .box-moment-team,
.box-shell.sports-alert-active .box-moment-score,
.box-shell.sports-alert-active .box-moment-detail,
.box-shell.sports-alert-active .box-moment-footer,
.box-shell.sports-alert-active .box-around-title,
.box-shell.sports-alert-active .box-around-grid{
  position:relative!important;
  z-index:5!important;
}
.box-shell.sports-alert-active .box-sports-moment.event.goal,
.box-shell.sports-alert-active .box-sports-moment.event.penalty,
.box-shell.sports-alert-active .box-sports-moment.event.penalty-scored,
.box-shell.sports-alert-active .box-sports-moment.event.penalty-missed,
.box-shell.sports-alert-active .box-sports-moment.event.red,
.box-shell.sports-alert-active .box-sports-moment.event.var{
  background:#000!important;
}
.firestick-lite .box-shell.sports-alert-active .box-sports-moment::before,
.firestick-lite .box-shell.sports-alert-active .box-sports-moment::after{content:none!important;display:none!important;animation:none!important;background:none!important;opacity:0!important}
.firestick-lite .box-shell.sports-alert-active .box-sports-moment{animation:none!important;filter:none!important}
.firestick-lite .box-shell.sports-alert-active .box-moment-asset{display:block!important;opacity:.16!important;animation:none!important;filter:none!important}
.firestick-lite .box-shell.sports-alert-active .box-sports-moment.event .box-moment-asset{opacity:.3!important}
.firestick-lite .box-shell.sports-alert-active .box-moment-asset{display:block!important;animation:none!important;filter:none!important;transform:none!important}


/* =========================================================
   STRATA BOX CLEAN ALERT FIX — 2026-06-17
   Removes the accidental internal footer/slogan row from sports alerts,
   keeps event text centred, and avoids duplicate venue text during event phase.
   ========================================================= */
.box-shell.sports-alert-active .box-moment-footer{
  display:none!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-venue-pulse{
  display:none!important;
}
.box-shell.sports-alert-active .box-sports-moment.event{
  grid-template-rows:auto 1fr auto auto auto auto 1fr!important;
  align-content:center!important;
  justify-items:center!important;
  padding:clamp(36px,5vh,78px) clamp(42px,6vw,110px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-top{
  align-self:start!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-title{
  margin-top:clamp(46px,7vh,118px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-detail{
  margin-bottom:clamp(36px,6vh,96px)!important;
}


/* STRATA BOX exact alert patch — score/footer/subtitle only */
.box-shell.sports-alert-active .box-moment-footer{
  display:grid!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:6!important;
}
.box-shell.sports-alert-active .box-sports-moment.event{
  padding-bottom:clamp(98px,13vh,160px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event.penalty-scored .box-moment-subtitle,
.box-shell.sports-alert-active .box-sports-moment.event.penalty-missed .box-moment-subtitle{
  margin-top:clamp(28px,4.6vh,72px)!important;
}

/* =========================================================
   STRATA BOX DEMO-SAFE EVENT FIX — 2026-06-17
   Scope only: alert header/footer placement, red-card hero position,
   and team-colour text consistency on TV WebViews.
   ========================================================= */
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
  position:absolute!important;
  top:clamp(18px,3vh,42px)!important;
  left:clamp(34px,5vw,96px)!important;
  right:clamp(34px,5vw,96px)!important;
  width:auto!important;
  z-index:12!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-live{justify-self:start!important;text-align:left!important}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-brand{justify-self:center!important;text-align:center!important}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-now{justify-self:end!important;text-align:right!important}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-footer{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  position:absolute!important;
  left:clamp(34px,5vw,96px)!important;
  right:clamp(34px,5vw,96px)!important;
  bottom:clamp(14px,2.2vh,32px)!important;
  height:clamp(68px,8.8vh,116px)!important;
  z-index:12!important;
  margin:0!important;
  transform:none!important;
}
.box-shell.sports-alert-active .box-sports-moment.event{
  align-content:center!important;
  justify-items:center!important;
  padding:clamp(92px,13vh,150px) clamp(42px,6vw,110px) clamp(118px,15vh,182px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-team{
  color:var(--team-color,#ff3344)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-detail{
  color:var(--team-color,#ff3344)!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
  z-index:8!important;
}
.box-shell.sports-alert-active .box-sports-moment.event.red .box-moment-hero-mark{
  display:block!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:clamp(120px,11vw,220px)!important;
  height:clamp(166px,17vh,300px)!important;
  margin:clamp(36px,5vh,76px) auto clamp(8px,1.2vh,18px)!important;
  transform:rotate(2deg)!important;
  opacity:1!important;
  z-index:8!important;
  border-radius:clamp(14px,1.2vw,24px)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.34),#ff2638 22%,#bd0718 62%,#5d0009 100%)!important;
  border:1px solid rgba(255,125,135,.88)!important;
  box-shadow:0 0 46px rgba(255,36,56,.62),0 0 120px rgba(255,36,56,.22),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event.red .box-moment-hero-mark svg{display:none!important}
.box-shell.sports-alert-active .box-sports-moment.event.red .box-moment-title{
  margin-top:clamp(8px,1.2vh,18px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event.red .box-moment-detail{
  margin-top:clamp(12px,1.8vh,28px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event.penalty-scored .box-moment-subtitle,
.box-shell.sports-alert-active .box-sports-moment.event.penalty-missed .box-moment-subtitle{
  margin-top:clamp(28px,4.6vh,72px)!important;
}


/* STRATA BOX NEWS PROFILE SAFE-AREA FIX
   Scope: News profile only.
   - hero copy allowed to use ~65% of hero width
   - mini cards reduced by ~30%
   - weather pill reduced by ~30%
   No Travel/Sports/Clocks/Footer changes.
*/
.box-news-v2{
  grid-template-columns:minmax(0,65fr) minmax(260px,35fr)!important;
}

.box-news-hero-copy{
  max-width:65%!important;
}

.box-news-hero-copy .box-hero,
.box-news-v2 .box-hero{
  max-width:18.5ch!important;
}

.box-news-hero-weather{
  min-width:clamp(119px,9.8vw,182px)!important;
  gap:clamp(6px,.63vw,11px)!important;
  padding:clamp(6px,.63vw,11px) clamp(7px,.7vw,13px)!important;
  border-radius:13px!important;
}

.box-news-hero-weather .box-weather-icon{
  font-size:clamp(20px,1.96vw,36px)!important;
}

.box-news-hero-weather .box-clock-png-icon{
  width:clamp(31px,2.73vw,53px)!important;
  height:clamp(25px,2.24vw,43px)!important;
}

.box-news-hero-weather strong{
  font-size:clamp(21px,2.1vw,39px)!important;
}

.box-news-hero-weather span{
  font-size:clamp(7px,.58vw,11px)!important;
  gap:1px!important;
}

.box-news-v2 .box-news-mini-grid{
  grid-auto-rows:minmax(clamp(90px,10.5vh,133px),1fr)!important;
  gap:clamp(11px,.98vw,20px)!important;
}

.box-news-v2 .box-news-card{
  min-height:clamp(90px,10.5vh,133px)!important;
  grid-template-columns:clamp(62px,5.04vw,92px) minmax(0,1fr)!important;
  padding:clamp(8px,.7vw,13px)!important;
  gap:clamp(7px,.6vw,11px)!important;
}

.box-news-v2 .box-news-card-media{
  min-height:clamp(57px,7.35vh,94px)!important;
}

.box-news-v2 .box-news-card small{
  font-size:clamp(8px,.58vw,10px)!important;
  margin-bottom:clamp(3px,.38vh,6px)!important;
}

.box-news-v2 .box-news-card strong{
  font-size:clamp(11px,.74vw,14px)!important;
  line-height:1.1!important;
}


/* =========================================================
   STRATA BOX Globe Phase — Spectacular but GPU-efficient
   dev9501: Remove all background noise layers. Replace with:
   - Pure black base (no radial noise)
   - CSS-only starfield (SVG, zero JS loop, zero filter)
   - Targeting crosshair that locks onto stadium dot
   - Monospace coordinate readout (no blur/filter animation)
   - Globe translate-drift only (no scale blowout)
   - Stadium arrival drop (no box-shadow filter stack)
   ========================================================= */

/* 1. Kill all old noise and gradient overlays on the globe phase */
.box-sports-moment.globe{
  background:#000!important;
}
.box-sports-moment.globe::before,
.box-sports-moment.globe::after{
  content:none!important;display:none!important;animation:none!important;
  background:none!important;opacity:0!important;
}
/* 2. Starfield — pure SVG circles, CSS stagger fade, zero GPU */
.box-globe-starfield{
  position:absolute;inset:0;width:100%;height:100%;z-index:0;
  pointer-events:none;overflow:hidden;
}
.bsg-star{animation:bsgStarFadeIn 1.8s ease both;}
.bsg-s1{animation-delay:.08s}.bsg-s2{animation-delay:.18s}
.bsg-s3{animation-delay:.31s}.bsg-s4{animation-delay:.44s}
@keyframes bsgStarFadeIn{
  0%{opacity:0}
  100%{opacity:1}
}

/* 3. Replace earth zoom-blowout with a gentle translate drift — no scale >1 */
.box-sports-globe-viz{
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  will-change:auto;
}
.box-local-earth{
  animation:bsgGlobeDrift 3.4s cubic-bezier(.22,.72,.2,1) forwards!important;
  will-change:transform;backface-visibility:hidden;
  box-shadow:inset -48px -24px 64px rgba(0,0,0,.78),inset 24px 14px 36px rgba(168,213,255,.12),0 0 46px rgba(65,154,255,.14)!important;
}
@keyframes bsgGlobeDrift{
  0%  {transform:translate(-50%,-50%) scale(.88) translateY(8px);opacity:.88}
  100%{transform:translate(-50%,-50%) scale(1.03) translateY(0);opacity:1}
}
/* 4. Targeting crosshair — CSS-only, locks to --stadium-x/y */
@keyframes bsgTargetIn{to{opacity:1}}
@keyframes bsgCornerClose{
  0%{opacity:0;transform:scale(1.8)}
  40%{opacity:1}
  100%{opacity:.9;transform:scale(1)}
}
/* Crosshair centre dot — sits on the stadium dot itself */
/* Horizontal scan line */
/* 5. Coordinate readout — monospace, no blur filter, letter-spacing in */
.box-globe-coords{
  position:absolute;z-index:7;
  left:50%;bottom:clamp(76px,9.5vh,130px);
  transform:translateX(-50%);
  display:flex;align-items:center;gap:.6em;
  font-family:"SF Mono","Roboto Mono","Courier New",monospace;
  font-size:clamp(11px,.95vw,19px);font-weight:600;
  letter-spacing:.22em;
  color:rgba(255,255,255,.52);
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  animation:bsgCoordsIn .45s ease 1.05s both;
}
.box-globe-coords b{color:var(--stadium-color,#ff8a00);opacity:.7;font-weight:400}
@keyframes bsgCoordsIn{
  0%{opacity:0;letter-spacing:.48em}
  100%{opacity:1;letter-spacing:.22em}
}

/* 6. Stadium arrival — simplify, no heavy filter stack */
.box-stadium-arrival{
  animation:bsgArrival .62s cubic-bezier(.18,.82,.2,1) 3.1s both!important;
}
@keyframes bsgArrival{
  0%{opacity:0;transform:translate(-50%,-44%)scale(.94)}
  100%{opacity:1;transform:translate(-50%,-50%)scale(1)}
}
.box-stadium-arrival strong,
.box-stadium-arrival em{
  transform:none!important;
  text-shadow:0 0 24px var(--stadium-color),0 8px 32px rgba(0,0,0,.7)!important;
}
/* Footprint — keep glow, drop the inset shadow stack */
.box-stadium-footprint{
  box-shadow:0 0 20px var(--stadium-color),0 0 56px color-mix(in srgb,var(--stadium-color) 38%,transparent)!important;
}

/* 7. Kill globe-copy heavy text-shadow — it's replaced by coords display */

/* 8. Rings — keep 2 only (already trimmed in TV block), ensure no box-shadow stack */

/* =========================================================
   STRATA BOX GPU efficiency pass — dev9501
   Removes filter from animating layers, replaces box-shadow
   animation with opacity/scale, adds will-change where missing.
   ========================================================= */

/* 1. Remove filter from the globe viz animating layer.
      filter on a moving element forces a repaint every frame.
      The visual look is preserved — just baked into the image. */
.box-sports-globe-viz{
  filter:none!important;
}

/* 2. Remove filter:blur from arrival keyframes.
      blur() forces a full rasterise pass per frame. Replaced with
      opacity fade which is compositor-only. */
@keyframes bsgArrival{
  0%  {opacity:0;transform:translate(-50%,-44%) scale(.94)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

/* 3. Replace box-shadow animation in stadium pulse with scale only.
      Animating box-shadow triggers paint every frame on TV boxes.
      opacity+scale are compositor-only. */
@keyframes box-stadium-local-pulse{
  0%,100%{opacity:.64;transform:translate(-50%,-50%) scale(1)}
  50%    {opacity:1;  transform:translate(-50%,-50%) scale(1.35)}
}
@keyframes box-stadium-local-pulse-tv{
  0%,100%{opacity:.64;transform:translate(-50%,-50%) scale(1)}
  50%    {opacity:1;  transform:translate(-50%,-50%) scale(1.28)}
}
/* Stadium dot needs transform origin centred and will-change */
.box-local-stadium{
  transform:translate(-50%,-50%)!important;
  will-change:transform,opacity;
}
.box-local-stadium.matched{
  opacity:.72!important;
}

/* 4. Stadium rings — will-change and remove box-shadow from keyframe */
.box-stadium-ring{
  will-change:transform,opacity;
}
@keyframes box-stadium-local-ring{
  0%  {opacity:.72;transform:translate(-50%,-50%) scale(.08)}
  100%{opacity:0;  transform:translate(-50%,-50%) scale(1.42)}
}
@keyframes box-stadium-local-ring-tv{
  0%  {opacity:.64;transform:translate(-50%,-50%) scale(.12)}
  100%{opacity:0;  transform:translate(-50%,-50%) scale(1.16)}
}

/* 5. Remove filter from boxSunPulse — filter on a looping animation
      runs continuously; scale alone gives the same pulse feel */
@keyframes boxSunPulse{
  0%,100%{transform:scale(1)}
  50%    {transform:scale(1.08)}
}

/* 6. Remove filter from travelRowShift — brightness filter on the
      split-flap rows during board refresh adds a paint pass per row */
@keyframes travelRowShift{
  0%  {opacity:.34;transform:translateY(22%)}
  58% {opacity:1;  transform:translateY(-3%)}
  100%{opacity:1;  transform:translateY(0)}
}

/* 7. flapTileSettle — remove blur from keyframe (short-lived but still
      triggers rasterise on every flap character during board refresh) */
@keyframes flapTileSettle{
  0%  {transform:translateY(-2px);opacity:.72}
  100%{transform:translateY(0);  opacity:1}
}

/* 8. Crosshair centre dot — replace box-shadow anim with scale+opacity */

/* 9. will-change on earth globe sphere */
.box-local-earth{
  will-change:transform,opacity;
}

/* =========================================================
   STRATA BOX Globe — dot unification & crosshair fix dev9501
   - box-globe-target (outer, wrong coordinate space) suppressed
   - box-globe-target-inner lives inside box-local-earth (correct space)
   - box-local-stadium uses team colour (--stadium-color) not white
   - single pulsing coloured dot, correct position
   ========================================================= */

/* Suppress the old outer crosshair entirely */

/* Stadium dot: use team colour, larger, matches ring colour */
.box-local-stadium{
  width:11px!important;height:11px!important;
  background:var(--stadium-color,#ff8a00)!important;
  box-shadow:0 0 10px 4px var(--stadium-color,#ff8a00)!important;
  opacity:0;
  will-change:transform,opacity;
}
.box-local-stadium.matched{
  opacity:1!important;
  animation:box-stadium-local-pulse 1.4s ease-in-out 1.8s infinite!important;
}

/* Inner crosshair — lives inside box-local-earth, same coord space as dot */
.box-globe-target-inner{
  position:absolute;
  left:var(--stadium-x,50%);top:var(--stadium-y,50%);
  z-index:3;
  width:clamp(36px,4vw,64px);height:clamp(36px,4vw,64px);
  transform:translate(-50%,-50%);
  pointer-events:none;
  opacity:0;
  animation:bsgTargetIn .32s ease .9s forwards;
}
.box-globe-target-inner .bgt-tl,
.box-globe-target-inner .bgt-tr,
.box-globe-target-inner .bgt-bl,
.box-globe-target-inner .bgt-br{
  position:absolute;width:28%;height:28%;
  border-color:var(--stadium-color,#ff8a00);border-style:solid;
  animation:bsgCornerClose .55s cubic-bezier(.18,.8,.2,1) .94s both;
}
.box-globe-target-inner .bgt-tl{top:0;left:0;border-width:2px 0 0 2px;}
.box-globe-target-inner .bgt-tr{top:0;right:0;border-width:2px 2px 0 0;}
.box-globe-target-inner .bgt-bl{bottom:0;left:0;border-width:0 0 2px 2px;}
.box-globe-target-inner .bgt-br{bottom:0;right:0;border-width:0 2px 2px 0;}

/* =========================================================
   STRATA BOX — FireStick split-flap elegant row entrance
   dev9501: Replace instant-dump with smooth row-by-row slide.
   Character-level flap animations stay off (too GPU heavy).
   Row entrance uses translateY+opacity only — compositor-safe.
   --r is already emitted per row by splitFlapBoardHTML in shared.js.
   ========================================================= */

/* Elegant row entrance for FireStick — replaces the blank dump */
@keyframes fsRowEnter{
  0%  {opacity:0;transform:translateY(14px)}
  100%{opacity:1;transform:translateY(0)}
}

/* Apply to every split-flap-row on FireStick.
   Use --r (0-indexed row number) for stagger. 320ms per row. */
.firestick-lite .split-flap-board .split-flap-row{
  opacity:0;
  animation:fsRowEnter 420ms cubic-bezier(.22,.72,.2,1) both;
  animation-delay:calc(var(--r,0) * 95ms);
  will-change:transform,opacity;
}

/* Data-change row shift — use the same keyframe, snappier */
.firestick-lite .travel-board-shift .split-flap-row{
  animation:fsRowEnter 340ms cubic-bezier(.22,.72,.2,1) both!important;
  animation-delay:calc(var(--r,0) * 62ms)!important;
}

/* Chars: still no flip animation, but fade in with row stagger
   so text doesn't appear before the row arrives */
.firestick-lite .split-flap-board .flap-char>span{
  opacity:0!important;
  animation:fsCharReveal 180ms ease calc(var(--r,0)*95ms + 280ms) both!important;
}
@keyframes fsCharReveal{
  0%  {opacity:0}
  100%{opacity:1}
}

/* Override the blanket animation:none on chars — keep ::before off,
   but allow >span to use fsCharReveal above */
.firestick-lite .split-flap-board .flap-char,
.firestick-lite .split-flap-board .flap-char::before{
  animation:none!important;
}
.firestick-lite .split-flap-board .flap-char::before{display:none!important}

/* Premium board: same treatment, slightly tighter stagger */
.firestick-lite .premium-travel-board .split-flap-row{
  opacity:0;
  animation:fsRowEnter 400ms cubic-bezier(.22,.72,.2,1) both;
  animation-delay:calc(var(--r,0) * 88ms);
  will-change:transform,opacity;
}
.firestick-lite .premium-travel-board .flap-char>span{
  opacity:0!important;
  animation:fsCharReveal 160ms ease calc(var(--r,0)*88ms + 260ms) both!important;
}

/* Board-level fade-in so the whole board doesn't pop */
.firestick-lite .split-flap-board{
  animation:fsRowEnter 280ms ease both;
}

/* Fire TV must never depend on CSS animation completion to reveal live train rows. */
.firestick-lite .premium-travel-board .split-flap-row{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
  will-change:auto;
}
.firestick-lite .premium-travel-board .flap-char>span{
  opacity:1!important;
  animation:none!important;
  transform:none!important;
}

/* Sports alert phase consistency: video, globe and final event. */
.box-shell.sports-alert-active .box-sports-moment .box-moment-live span{
  color:#ff3344!important;
  background:#ff3344!important;
  box-shadow:0 0 14px rgba(255,51,68,.9)!important;
  animation:strataLiveDotPulse 1.25s ease-in-out infinite!important;
}
.box-shell.sports-alert-active .box-sports-moment .box-moment-live strong{
  color:#ff3344!important;
}
.box-shell.sports-alert-active .box-sports-moment.video-prelude{
  display:block!important;
}
.box-shell.sports-alert-active .box-sports-moment.video-prelude .box-sports-prelude-video{
  z-index:1!important;
}
.box-shell.sports-alert-active .box-sports-prelude-scrim{
  position:absolute;
  inset:0 0 auto;
  z-index:2;
  height:32%;
  background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.48) 58%,transparent);
  pointer-events:none;
}
.box-shell.sports-alert-active .box-sports-moment.video-prelude .box-moment-top{
  position:absolute!important;
  top:clamp(22px,3.4vh,48px)!important;
  left:clamp(34px,5vw,96px)!important;
  right:clamp(34px,5vw,96px)!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:start!important;
}
.box-shell.sports-alert-active .box-sports-moment.video-prelude .box-moment-live{justify-self:start!important}
.box-shell.sports-alert-active .box-sports-moment.video-prelude .box-moment-brand{justify-self:center!important}
.box-shell.sports-alert-active .box-sports-moment.video-prelude .box-moment-now{justify-self:end!important}
.box-shell.sports-alert-active .box-sports-prelude-message{
  position:absolute;
  top:clamp(86px,12vh,142px);
  left:50%;
  z-index:4;
  width:min(70vw,1100px);
  transform:translateX(-50%);
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:clamp(12px,1.3vw,24px);
  color:#fff;
  text-align:center;
  text-shadow:0 2px 14px rgba(0,0,0,.95);
}
.box-shell.sports-alert-active .box-sports-prelude-message strong{
  font-size:clamp(15px,1.25vw,24px);
  letter-spacing:.22em;
}
.box-shell.sports-alert-active .box-sports-prelude-message span{
  color:rgba(255,255,255,.86);
  font-size:clamp(12px,.92vw,18px);
  font-weight:750;
  letter-spacing:.13em;
}

/* Final event: keep live details off the artwork's central focal point. */
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-event-data{
  top:auto!important;
  bottom:clamp(118px,15vh,174px)!important;
  left:clamp(46px,6vw,116px)!important;
  right:auto!important;
  width:min(48vw,860px)!important;
  min-height:0!important;
  transform:none!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  justify-items:start!important;
  row-gap:clamp(5px,.7vh,10px)!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  text-align:left!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-matchup{
  grid-column:1!important;
  grid-row:1!important;
  width:auto!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(11px,1.1vw,22px)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-matchup>span{
  max-width:clamp(150px,16vw,300px)!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:clamp(19.55px,1.6675vw,32.2px)!important;
  font-weight:880!important;
  line-height:1!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 12px #000,0 0 28px rgba(0,0,0,.9)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-detail{
  grid-column:1!important;
  grid-row:2!important;
  color:var(--team-color,#ff3344)!important;
  font-size:clamp(16.1px,1.38vw,25.3px)!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 12px #000,0 0 24px rgba(0,0,0,.95)!important;
}
.box-shell.sports-alert-active .box-sports-moment.event .box-moment-score{
  color:#fff!important;
  font-size:clamp(31.05px,3.22vw,57.5px)!important;
  font-weight:850!important;
  line-height:.9!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 12px #000,0 0 28px rgba(0,0,0,.9)!important;
}
.firestick-lite .box-shell.sports-alert-active .box-sports-moment.event .box-moment-event-data{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:transparent!important;
}