.game-media{margin:32px 0;padding:24px 0;border-top:1px solid var(--line,#30342d);color:var(--text,#eeeade);min-width:0}
.game-media [hidden]{display:none!important}
.game-media-heading .kicker{margin:0 0 8px;color:var(--green,#c0ff43);font:500 10px/1.5 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.game-media h2{margin:0 0 22px;font:500 clamp(22px,3vw,30px)/1.2 var(--mono,monospace);letter-spacing:-.04em}
.game-media h3{margin:0 0 14px;font:500 15px/1.4 var(--mono,monospace)}
.game-media-group+.game-media-group{margin-top:26px}
.game-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.game-media-card{min-width:0;border:1px solid var(--line,#30342d);background:var(--surface,#151812)}
.game-media a{color:inherit;text-decoration:none}.game-media a:hover{text-decoration:underline;text-underline-offset:3px}
.game-media-thumb{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#090b08}
.game-media-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.game-media-play-icon{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid #eae8df88;background:#111b;color:#fff;border-radius:50%;font-size:18px;padding-left:3px}
.game-media-placeholder{display:grid;height:100%;place-items:center;color:#69715f;font-size:40px}
.game-media-card-body{padding:14px}.game-media h4{margin:10px 0 16px;font:500 15px/1.4 var(--sans,sans-serif);overflow-wrap:anywhere}
.game-media-facts{display:flex;flex-wrap:wrap;gap:6px 10px;color:#aeb5a5;font:400 10px/1.45 var(--mono,monospace)}
.game-media-live:not([data-live-until="0"]){color:var(--green,#c0ff43)}
.game-media-live:not([data-live-until="0"])::before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:6px}
.game-media-action{font:500 11px/1.5 var(--mono,monospace);color:var(--green,#c0ff43)!important;display:inline-block;min-height:24px}
.game-media-status,.game-media-observed{color:#aeb5a5;font:400 12px/1.5 var(--sans,sans-serif);margin:0 0 14px}
.game-media-status:empty{display:none}.game-media-observed{margin-top:-8px}
.game-media-player{margin:0 0 24px;border:1px solid var(--line,#30342d);background:#090b08}
.game-media-player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;font:400 12px/1.4 var(--mono,monospace)}
.game-media-player-toolbar button{border:1px solid #6a725f;background:transparent!important;color:var(--text,#eeeade)!important;font:400 12px var(--mono,monospace);padding:10px 14px;cursor:pointer;min-height:42px}
.game-media-frame{aspect-ratio:16/9;min-height:200px}.game-media-player[data-provider="twitch"] .game-media-frame{min-height:300px}
.game-media-frame iframe{display:block;width:100%;height:100%;min-height:inherit;border:0}
.game-media :is(a,button):focus-visible{outline:2px solid var(--green,#c0ff43);outline-offset:4px}
@media(max-width:800px){.game-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.game-media{margin-top:24px;padding-top:20px}.game-media-grid{grid-template-columns:1fr}.game-media-player-toolbar{align-items:flex-start;flex-wrap:wrap}.game-media-card-body{padding:14px 16px}}