/* ============================================================
   南非VS加拿大直播 — Sky Sports 风（海军蓝/蓝/橙）
   ============================================================ */
:root{
  --bg:#001233; --bg-2:#011a45; --surface:#06285a; --surface-2:#0a3570; --line:#16407e; --line-soft:rgba(255,255,255,.09);
  --brand:#0057B8; --brand-deep:#003e85; --brand-bright:#5b9bf0;
  --accent:#FF6B00; --accent-soft:rgba(255,107,0,.16); --brand-soft:rgba(0,87,184,.24);
  --ink:#ffffff; --ink-2:#bcd0ec; --ink-3:#88a6cf;
  --live:#ff3b3b; --live-soft:rgba(255,59,59,.16);
  --z-ucl:#0057B8; --z-uel:#FF6B00; --z-drop:#e8324a;
  --r:8px; --r-sm:6px;
  --font-display:"Saira","PingFang SC","Microsoft YaHei",sans-serif;
  --font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  --wrap:1280px;
}
*{box-sizing:border-box;} html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;} img{display:block;max-width:100%;}
.dg-wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px;}
.num{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}

/* header */
.dg-head{position:sticky;top:0;z-index:60;background:#011233;border-bottom:3px solid var(--brand);}
.dg-head__bar{display:flex;align-items:center;gap:20px;height:58px;}
.dg-brand{display:flex;align-items:center;gap:10px;flex:none;}
.dg-brand__mark{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;background:var(--brand);color:#fff;font-family:var(--font-display);font-weight:800;font-size:15px;box-shadow:inset 0 0 0 2px var(--accent);}
.dg-brand__name{font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1;display:flex;flex-direction:column;gap:3px;}
.dg-brand__name i{font-style:normal;font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--accent);}
.dg-nav{display:flex;gap:2px;}
.dg-nav a{padding:8px 14px;color:var(--ink-2);font-weight:600;font-size:15px;border-radius:6px;transition:.14s;}
.dg-nav a:hover{color:#fff;background:var(--surface);}
.dg-nav a.is-active{color:#fff;background:var(--brand);}
.dg-head__spacer{margin-left:auto;}
.dg-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:14px;display:flex;align-items:center;gap:8px;}
.dg-clock .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);}
.dg-burger{display:none;margin-left:auto;width:40px;height:40px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:#fff;cursor:pointer;}
.dg-burger svg{margin:auto;}

/* breadcrumb */
.dg-crumb{font-size:13px;color:var(--ink-3);padding:12px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.dg-crumb a:hover{color:var(--accent);} .dg-crumb .sep{opacity:.5;} .dg-crumb b{color:var(--ink-2);font-weight:600;}

/* layout */
.dg-main{padding:16px 0 84px;}
.layout3{display:grid;grid-template-columns:196px minmax(0,1fr) 320px;gap:16px;align-items:start;}
.layout2{display:grid;grid-template-columns:196px minmax(0,1fr);gap:16px;align-items:start;}
.sticky{position:sticky;top:74px;}

/* section heading */
.sec-head{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font-family:var(--font-display);font-weight:700;font-size:16px;}
.sec-head:first-child{margin-top:0;}
.sec-head::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--accent);}
.sec-head .updated{margin-left:auto;font-family:var(--font-sans);font-weight:400;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums;}
.sec-head .updated b{color:var(--accent);font-weight:600;}
.sec-head .more{margin-left:auto;font-family:var(--font-sans);font-weight:600;font-size:12px;color:var(--ink-3);}
.sec-head .more:hover{color:var(--accent);}

/* panel */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.panel+.panel{margin-top:14px;}
.panel__head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:15px;}
.panel__head::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--accent);}
.panel__head .more{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-3);font-family:var(--font-sans);}
.panel__head .more:hover{color:var(--accent);}
.panel__head .updated{margin-left:auto;font-size:12px;color:var(--ink-3);font-family:var(--font-sans);font-weight:400;font-variant-numeric:tabular-nums;}
.panel__head .updated b{color:var(--accent);font-weight:600;}

/* left nav */
.lnav{font-size:13.5px;}
.lnav__group{padding:6px 0 10px;}
.lnav__title{padding:9px 14px 6px;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.5px;}
.lnav a{display:flex;align-items:center;gap:9px;padding:8px 14px;color:var(--ink-2);transition:.12s;}
.lnav a:hover{background:var(--surface-2);color:#fff;}
.lnav a .hot{margin-left:auto;font-size:10px;font-weight:800;color:#fff;background:var(--accent);border-radius:3px;padding:1px 5px;}
.dot-sport{width:8px;height:8px;border-radius:50%;flex:none;}
.dot-fb{background:var(--accent);} .dot-bk{background:var(--brand-bright);}

/* tabs */
.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px;background:var(--bg-2);}
.tab{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:.14s;}
.tab:hover{color:#fff;border-color:var(--brand);}
.tab.is-on{background:var(--brand);border-color:transparent;color:#fff;}

/* match list */
.lg-group__bar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-2);}
.lg-group__bar .badge-fav{font-size:10px;font-weight:800;color:#fff;background:var(--accent);border-radius:3px;padding:1px 5px;}
.lg-group__bar .cnt{margin-left:auto;color:var(--ink-3);font-weight:600;}
.mrow{display:grid;grid-template-columns:60px minmax(0,1fr) 86px 72px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-soft);}
.mrow:last-child{border-bottom:0;} .mrow:hover{background:var(--surface-2);}
.mrow__time{display:flex;flex-direction:column;gap:3px;}
.mrow__time .t{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-2);font-weight:600;}
.mrow__time .d{font-size:11px;color:var(--ink-3);}
.mt{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;}
.team{display:flex;align-items:center;gap:8px;min-width:0;}
.team--h{justify-content:flex-end;} .team--h .tn{text-align:right;}
.tn{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.logo{flex:none;width:24px;height:24px;border-radius:50%;background:var(--surface-2) center/cover no-repeat;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--accent);}
.sc{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;min-width:56px;text-align:center;letter-spacing:1px;color:var(--ink);}
.sc .sep{color:var(--ink-3);margin:0 1px;}
.sc--vs{color:var(--ink-3);font-size:13px;font-weight:700;letter-spacing:1px;}
.status-live .sc{color:var(--accent);}
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;}
.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.pill--live{color:var(--live);background:var(--live-soft);}
.pill--finished{color:var(--ink-3);background:rgba(255,255,255,.06);}
.pill--upcoming{color:var(--brand-bright);background:var(--brand-soft);}
.pill--live .dot{animation:dgpulse 1.3s infinite;}
.mrow__status{text-align:center;}
.mrow.status-live{box-shadow:inset 3px 0 0 var(--live);}
.btn-live{display:inline-flex;align-items:center;justify-content:center;padding:6px 0;width:100%;border-radius:6px;font-size:12.5px;font-weight:700;background:var(--accent);color:#fff;transition:.14s;}
.btn-live:hover{filter:brightness(1.1);}
.btn-live--soft{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);}
.btn-live--soft:hover{color:#fff;border-color:var(--accent);}

/* right widgets */
.flash{list-style:none;margin:0;padding:4px 0;}
.flash li{display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line-soft);}
.flash li:last-child{border-bottom:0;}
.flash .ft{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:12px;color:var(--accent);font-weight:700;flex:none;padding-top:1px;}
.flash .fx{font-size:13px;color:var(--ink-2);line-height:1.45;}
.flash a:hover .fx{color:var(--accent);}
.hot-list{list-style:none;margin:0;padding:4px 0;}
.hot-list li{border-bottom:1px solid var(--line-soft);} .hot-list li:last-child{border-bottom:0;}
.hot-list a{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 14px;align-items:center;}
.hot-list a:hover{background:var(--surface-2);}
.hot-list .hl-lg{grid-column:1/-1;font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:6px;}
.hot-list .hl-team{font-size:13.5px;font-weight:600;}
.hot-list .hl-sc{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent);}

/* mini standings */
.mini-tbl{width:100%;border-collapse:collapse;font-size:13px;}
.mini-tbl th{font-size:11px;color:var(--ink-3);font-weight:600;padding:8px 6px;text-align:center;background:var(--bg-2);}
.mini-tbl th.l,.mini-tbl td.l{text-align:left;}
.mini-tbl td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;}
.mini-tbl tr:last-child td{border-bottom:0;}
.mini-tbl .rk{font-family:var(--font-display);font-weight:800;width:26px;}
.mini-tbl .tname{display:flex;align-items:center;gap:8px;font-weight:600;}
.mini-tbl .pts{font-family:var(--font-display);font-weight:800;color:var(--accent);}
.mini-tbl tr.z-ucl .rk{box-shadow:inset 3px 0 0 var(--z-ucl);}

/* news */
.news-block{margin-top:18px;}
.news4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.ncard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.15s;}
.ncard:hover{border-color:var(--brand);transform:translateY(-2px);}
.ncard__img{aspect-ratio:16/9;background:linear-gradient(150deg,#0a3570,#011a45) center/cover;position:relative;}
.ncard__img .tag{position:absolute;left:8px;top:8px;}
.ncard__b{padding:11px 12px 13px;}
.ncard__b h3{margin:0 0 8px;font-size:14.5px;font-weight:700;line-height:1.4;}
.ncard:hover h3{color:var(--accent);}
.ncard .byline{font-size:12px;color:var(--ink-3);display:flex;gap:10px;}
.tag{display:inline-flex;font-size:11px;font-weight:700;color:#fff;background:var(--brand);border-radius:4px;padding:2px 8px;}
.tag--gold{background:var(--accent);color:#fff;}
.news-feature{display:grid;grid-template-columns:1.1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:16px;}
.news-feature__img{min-height:240px;background:linear-gradient(160deg,#0a3570,#011233) center/cover;}
.news-feature__b{padding:26px;display:flex;flex-direction:column;justify-content:center;}
.news-feature__b h2{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2.4vw,27px);line-height:1.2;margin:12px 0;}
.news-feature__b p{color:var(--ink-2);margin:0 0 16px;}
.news-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.nrow{display:grid;grid-template-columns:120px 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;transition:.15s;}
.nrow:hover{border-color:var(--brand);}
.nrow__img{border-radius:var(--r-sm);background:linear-gradient(150deg,#0a3570,#011a45);min-height:78px;}
.nrow h3{margin:4px 0 8px;font-size:15px;font-weight:700;line-height:1.4;}
.nrow:hover h3{color:var(--accent);}

/* standings */
.table-wrap{overflow-x:auto;}
table.standings{width:100%;border-collapse:collapse;min-width:620px;}
.standings thead th{text-align:center;font-size:12px;font-weight:700;color:var(--ink-3);padding:11px 8px;background:var(--bg-2);border-bottom:1px solid var(--line);white-space:nowrap;}
.standings th.tcol,.standings td.tcol{text-align:left;}
.standings td{padding:11px 8px;text-align:center;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;font-size:14px;}
.standings tbody tr:last-child td{border-bottom:0;} .standings tbody tr:hover{background:var(--surface-2);}
.st-rk{font-family:var(--font-display);font-weight:800;width:44px;}
.st-team{display:flex;align-items:center;gap:10px;font-weight:600;}
.st-pts{font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:15px;}
.st-gd.pos{color:var(--brand-bright);} .st-gd.neg{color:var(--ink-3);}
tr.z-ucl td.st-rk{box-shadow:inset 3px 0 0 var(--z-ucl);}
tr.z-uel td.st-rk{box-shadow:inset 3px 0 0 var(--z-uel);}
tr.z-drop td.st-rk{box-shadow:inset 3px 0 0 var(--z-drop);}
.legend{display:flex;flex-wrap:wrap;gap:16px;padding:13px 16px;font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line);}
.legend span{display:inline-flex;align-items:center;gap:7px;}
.legend i{width:10px;height:10px;border-radius:3px;}
.i-ucl{background:var(--z-ucl);} .i-uel{background:var(--z-uel);} .i-drop{background:var(--z-drop);}
.form5{display:inline-flex;gap:3px;}
.form5 b{width:16px;height:16px;border-radius:4px;font-size:10px;font-weight:800;display:grid;place-items:center;color:#fff;}
.form5 .w{background:#1f9d4d;} .form5 .d{background:var(--ink-3);} .form5 .l{background:var(--live);}

/* detail */
.detail-hero{background:linear-gradient(180deg,#06285a,var(--bg-2));border:1px solid var(--line);border-radius:var(--r);padding:26px 20px;margin-top:14px;}
.detail-hero.status-live{background:linear-gradient(180deg,#0a3570,var(--bg-2));}
.dh-top{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;color:var(--ink-2);font-size:13px;}
.dh-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;max-width:760px;margin:0 auto;}
.dh-team{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.dh-logo{width:72px;height:72px;border-radius:50%;background:var(--surface-2) center/cover no-repeat;border:2px solid var(--line);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--accent);}
.dh-team h1,.dh-team h2{font-size:18px;font-weight:700;margin:0;}
.dh-center{text-align:center;}
.dh-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:52px;line-height:1;letter-spacing:2px;color:var(--ink);}
.status-live .dh-score{color:var(--accent);}
.dh-score .sep{color:var(--ink-3);margin:0 4px;}
.dh-vs{font-family:var(--font-display);font-size:24px;color:var(--ink-3);font-weight:700;}
.dh-time{margin-top:8px;font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;}
.dtabs{display:flex;gap:4px;margin:16px 0;border-bottom:1px solid var(--line);}
.dtab{padding:11px 18px;font-weight:700;font-size:14.5px;color:var(--ink-3);cursor:pointer;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;}
.dtab:hover{color:var(--ink);}
.dtab.is-on{color:#fff;border-bottom-color:var(--accent);}
.dpane{display:none;} .dpane.is-on{display:block;}
.stat-row{padding:12px 4px;border-bottom:1px solid var(--line-soft);} .stat-row:last-child{border-bottom:0;}
.stat-head{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:7px;font-variant-numeric:tabular-nums;}
.stat-head .lbl{color:var(--ink-3);font-weight:600;}
.stat-head .hv{font-family:var(--font-display);font-weight:800;color:var(--brand-bright);}
.stat-head .av{font-family:var(--font-display);font-weight:800;color:var(--accent);}
.stat-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-2);}
.stat-bar .h{background:var(--brand);} .stat-bar .a{background:var(--accent);margin-left:auto;}
.note-mini{font-size:12px;color:var(--ink-3);padding:10px 0 0;}
.lineup{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.lineup h4{font-size:13px;color:var(--accent);margin:4px 0 6px;}
.lineup ul{list-style:none;margin:0 0 14px;padding:0;}
.lineup li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px;}
.lineup li .no{font-family:var(--font-display);font-weight:800;color:var(--ink-3);width:22px;}
.live-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-top:14px;}
.live-cta p{margin:0;color:var(--ink-2);font-size:13.5px;flex:1;min-width:200px;}
.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:8px;font-weight:800;font-size:15px;background:var(--accent);color:#fff;}
.cta-btn:hover{filter:brightness(1.1);}
.cta-btn--ghost{background:transparent;border:1px solid var(--line);color:var(--ink-2);}
.cta-btn--ghost:hover{color:#fff;border-color:var(--accent);}
.detail-facts{padding:6px 14px 12px;}
.detail-facts>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px;}
.detail-facts>div:last-child{border-bottom:0;}
.detail-facts span{color:var(--ink-3);} .detail-facts b{font-weight:600;}

/* notes / states */
.note{font-size:12.5px;color:var(--ink-2);background:var(--accent-soft);border:1px solid rgba(255,107,0,.3);border-radius:var(--r-sm);padding:10px 13px;margin:0 0 14px;}
.note b{color:var(--accent);}
.empty,.errorbox{padding:34px 18px;text-align:center;color:var(--ink-3);}
.errorbox{color:#f3b0a0;}
.skel-row{display:grid;grid-template-columns:60px 1fr 86px 72px;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line-soft);}
.skel{height:13px;border-radius:5px;background:linear-gradient(90deg,var(--surface-2) 25%,#0d3f80 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;}
.skel.tall{height:20px;}

/* SEO */
.seo{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px 18px;}
.seo h3{font-size:13px;color:var(--accent);margin:0 0 12px;font-weight:700;letter-spacing:.4px;}
.seo h3:not(:first-child){margin-top:16px;}
.seo .links{display:flex;flex-wrap:wrap;gap:8px 10px;}
.seo .links a{font-size:12.5px;color:var(--ink-3);padding:4px 9px;border:1px solid var(--line);border-radius:999px;transition:.14s;}
.seo .links a:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);}

/* footer */
.dg-foot{border-top:1px solid var(--line);background:#011233;margin-top:18px;}
.dg-foot__in{padding:22px 0;font-size:12.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;}
.dg-foot a:hover{color:var(--ink);}

/* mobile tab */
.mtab{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#011233;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);}
.mtab a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--ink-3);padding:4px 0;}
.mtab a svg{width:21px;height:21px;} .mtab a.is-active{color:var(--accent);}

@keyframes dgpulse{0%{box-shadow:0 0 0 0 rgba(255,59,59,.6);}70%{box-shadow:0 0 0 6px rgba(255,59,59,0);}100%{box-shadow:0 0 0 0 rgba(255,59,59,0);}}
@keyframes shimmer{0%{background-position:100% 0;}100%{background-position:0 0;}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;}}

@media (max-width:1080px){
  .layout3{grid-template-columns:180px minmax(0,1fr);}
  .layout3 .rside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
  .news4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:880px){
  .dg-nav,.dg-clock{display:none;}
  .dg-burger{display:grid;}
  .dg-nav.is-open{display:flex;position:absolute;top:58px;left:0;right:0;flex-direction:column;gap:2px;padding:10px 14px 14px;background:#011233;border-bottom:1px solid var(--line);}
  .layout3,.layout2{grid-template-columns:1fr;}
  .layout3 .lnav,.layout2 .lnav{display:none;}
  .layout3 .rside{grid-template-columns:1fr;}
  .sticky{position:static;}
  .news-feature{grid-template-columns:1fr;} .news-grid2{grid-template-columns:1fr;}
  .mtab{display:grid;}
}
@media (max-width:560px){
  .news4{grid-template-columns:1fr;} .lineup{grid-template-columns:1fr;}
  .mrow{grid-template-columns:52px minmax(0,1fr) 64px;} .mrow__action{display:none;}
  .dh-board{gap:8px;} .dh-logo{width:56px;height:56px;font-size:20px;} .dh-score{font-size:40px;}
}