/* Compact dark-blue glass surfaces. Presentation only; retain all match content. */
body.public-app{
 --hh-glass-surface:linear-gradient(145deg,#244c79bd,#081f3bd6 68%);
 --hh-glass-border:#badcff38;
 --hh-glass-shadow:inset 0 1px 0 #e3f2ff38,inset 0 -1px 0 #75a3d00c,0 12px 30px #00132630;
 background:radial-gradient(ellipse at 0 18%,#12589d55,transparent 52%),radial-gradient(ellipse at 100% 65%,#245d9055,transparent 55%),linear-gradient(160deg,#06192f,#062951 65%,#061b35);
 color:#f4f8ff;
}
body.public-app>main{padding-top:18px}
body.public-app .livefeed-banner{border-bottom:1px solid #a6d1ff24;box-shadow:none}
body.public-app .tab-panel>.card,
body.public-app #tab-live .live-main-content>.card:not(.live-score-card),
body.public-app #tab-live .live-sidebar>.card,
body.public-app #tab-live .live-main-content>.live-timeline{
 border:1px solid var(--hh-glass-border)!important;border-radius:18px;
 background:var(--hh-glass-surface)!important;box-shadow:var(--hh-glass-shadow)!important;
 backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);
 color:#f4f8ff;
}
/* Do not blur an ancestor of the full-screen goal or substitution animation. */
body.public-app #tab-live .live-main-content>.live-score-card{
 background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:12px;
}
body.public-app #tab-live .live-main-content,body.public-app #tab-live .live-sidebar{gap:12px}
body.public-app #tab-live .scoreboard-shell{
 border:1px solid #badcff45;border-radius:20px;
 /* Keep the real stadium photo and the existing evening-match variant. */
 background:linear-gradient(145deg,#09243e38,#04152b66 70%),var(--scoreboard-stadium,url('assets/hatto-stadium-scoreboard.webp?v=20260915')) center 54%/cover no-repeat;
 box-shadow:var(--hh-glass-shadow);
}
body.public-app #tab-live .scoreboard-shell>.score .score-number,
body.public-app #tab-live .scoreboard-shell>.score .fixture-team{filter:drop-shadow(0 2px 3px #00122599)}
body.public-app #tab-live .scoreboard-shell>.score,
body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal>.score{min-height:0;padding:18px 14px 16px;gap:12px}
body.public-app #tab-live .scoreboard-shell>.score .score-centre{padding:0 3px;gap:8px}
body.public-app #tab-live .scoreboard-shell>.score .score-centre .score-number{font-size:48px;line-height:1.12;padding:0 0 3px}
body.public-app #tab-live .scoreboard-shell>.score .score-centre .minute{border:1px solid #c4e0ff30;border-radius:9px;background:#b6d8ff0d;font-size:14px;color:#ffe12a;padding:5px 9px}
body.public-app #tab-live .scoreboard-shell>.score .team .fixture-team{grid-template-rows:56px auto auto;font-size:13px;gap:9px}
body.public-app #tab-live .scoreboard-shell>.score .team .fixture-team .club-logo{width:56px;height:56px}
body.public-app #tab-live .scoreboard-shell .scoreboard-venue{background:#09213bcc;border-color:#c8e2ff24;border-radius:12px;min-height:50px}
body.public-app #tab-live .live-main-content>.live-timeline{padding:0;margin:0}
body.public-app #tab-live .live-main-content>.live-timeline>summary,
body.public-app #tab-live .lineup-public>summary,
body.public-app #tab-live .push-card>summary{background:none!important;min-height:58px;padding:16px;color:#f4f8ff}
body.public-app #tab-live .live-timeline>summary h2,
body.public-app #tab-live .push-card>summary h2{font-size:16px;color:#f4f8ff;font-weight:700;letter-spacing:0;text-transform:none}
body.public-app #tab-live .live-timeline>summary h2,
body.public-app #tab-live .push-card>summary h2,
body.public-app #tab-live .lineup-public>summary>b{font-family:inherit!important;font-size:16px!important;font-weight:700!important;color:#f4f8ff!important;text-transform:none!important;letter-spacing:0!important}
body.public-app #tab-live .timeline-toggle-label{font-size:11px;color:#b5cce5}
body.public-app #tab-live #liveTimeline{padding:0 14px 14px}
body.public-app #tab-live .timeline-row{border-color:#c8dfff16}
body.public-app #tab-live .lineup-public>summary:after{border-color:#aac7e7}
body.public-app .tab-panel .card>h2{font-family:inherit;font-size:23px;letter-spacing:-.5px;font-weight:700;text-transform:none;color:#f4f8ff;background:none;border:0}
body.public-app .stat-switch,
body.public-app .club-switch,
body.public-app .mobile-player-switch{background:#082345b3;border:1px solid #b4d6fc26;border-radius:13px;box-shadow:inset 0 1px 0 #d3e9ff13;padding:4px}
body.public-app .stat-switch-btn,
body.public-app .club-switch>button,
body.public-app .mobile-player-switch>button{background:transparent;color:#c8dbef;border:0;border-radius:10px;box-shadow:none;text-shadow:none}
body.public-app .stat-switch-btn.active,
body.public-app .club-switch>button.active,
body.public-app .mobile-player-switch>button.active{background:linear-gradient(145deg,#456c9d99,#20477299);color:#ffe12a;box-shadow:inset 0 1px 0 #d5eaff40;border:0}
body.public-app .player-search input{background:#082345b3;border:1px solid #b4d6fc38;border-radius:13px;color:#f4f8ff;box-shadow:none}
body.public-app .player-search input::placeholder{color:#acc3dc}
@media(max-width:700px){
 body.public-app>main,body.public-app:has(#tab-live:not([hidden])) main{padding:16px 12px}
 body.public-app #tab-live .scoreboard-shell>.score,
 body.public-app #tab-live .scoreboard-shell.scoreboard-live-minimal>.score{padding:16px 10px 14px;gap:8px}
 body.public-app #tab-live .scoreboard-shell>.score .score-centre .score-number{font-size:40px}
 body.public-app #tab-live .scoreboard-shell>.score .score-centre .minute{font-size:12px}
 body.public-app #tab-live .scoreboard-shell>.score .team .fixture-team{grid-template-rows:48px auto auto;font-size:12px;gap:9px}
 body.public-app #tab-live .scoreboard-shell>.score .team .fixture-team .club-logo{width:48px;height:48px}
 body.public-app .tab-panel>.card{padding:16px}
 body.public-app #tab-live .lineup-public,body.public-app #tab-live .push-card{padding:0}
 body.public-app #tab-live .timeline-toggle-label{max-width:155px;text-align:right}
}
@supports not (backdrop-filter:blur(1px)){
 body.public-app .tab-panel>.card,body.public-app #tab-live .live-main-content>.card:not(.live-score-card),body.public-app #tab-live .live-sidebar>.card,body.public-app #tab-live .live-main-content>.live-timeline{background:linear-gradient(145deg,#244c79,#081f3b)!important}
}