.gt-data-widget{--gt-data-line:var(--line,var(--gt-border,#d8dee7));--gt-data-up:#147948;--gt-data-down:#bf314d;border:1px solid var(--gt-data-line);border-radius:var(--radius,var(--gt-radius,16px));padding:clamp(1rem,2vw,1.5rem);margin-block:1.5rem;background:var(--surface,var(--gt-surface,transparent));color:inherit;container-type:inline-size}.gt-data-widget h2{font-size:1.1rem;margin:0 0 1rem}.gt-data-widget a{color:inherit;text-underline-offset:.2em}.gt-data-widget a:hover{text-decoration:underline}.gt-data-widget footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-block-start:1rem;font-size:.75rem;color:var(--muted,inherit)}.gt-data-widget time,.gt-data-widget bdi{font-variant-numeric:tabular-nums}.gt-data-location{font-weight:600}.gt-data-weather-value{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.gt-data-weather-value strong{font-size:clamp(2.2rem,5cqi,3.5rem);line-height:1.1;letter-spacing:-.04em}.gt-data-stale{display:inline-block;border:1px solid currentColor;border-radius:50px;padding:.2rem .65rem;font-size:.75rem}.gt-data-coins{list-style:none;padding:0!important;margin:0!important}.gt-data-coins li{display:grid;grid-template-columns:minmax(7rem,1fr) auto auto;gap:1rem;align-items:center;border-block-start:1px solid var(--gt-data-line);padding-block:.85rem}.gt-data-coins li:first-child{border:0}.gt-data-coins small{font-variant-numeric:tabular-nums}.gt-data-up{color:var(--gt-data-up)}.gt-data-down{color:var(--gt-data-down)}.gt-data-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem}.gt-data-game-grid article{min-width:0}.gt-data-game-grid img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:.7rem}.gt-data-game-grid h3{font-size:1rem;margin:.6rem 0}.gt-data-game-grid p{font-size:.8rem;color:var(--muted,inherit)}.gt-data-game-grid small{font-size:.7rem}@container(max-width:400px){.gt-data-coins li{grid-template-columns:1fr auto;gap:.3rem .6rem}.gt-data-coins li>span{grid-column:2;text-align:end;font-size:.8rem}}/* Native color controls use data-default-mode; enhanced controls use data-theme. */
html[data-theme="dark"] .gt-data-widget,html[data-default-mode="dark"]:not([data-theme]) .gt-data-widget{--gt-data-up:#6fe4aa;--gt-data-down:#ff95a9}
@media(prefers-color-scheme:dark){html[data-default-mode="auto"]:not([data-theme]) .gt-data-widget{--gt-data-up:#6fe4aa;--gt-data-down:#ff95a9}}@media print{.gt-data-widget{break-inside:avoid}}