.live-page{max-width:760px;padding:16px var(--gutter) 8px;margin:0 auto}.live-page h1{margin:10px 0 4px}.live-page__intro{margin:0}.live-list{min-height:320px}.live-list__note{color:var(--ink-soft);margin:6px 0 0;font-size:.9rem}.live-list__error{border-inline-start:4px solid var(--o);background:var(--paper);margin:12px 0 0;padding:6px 10px}.live-games{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.live-game{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:12px;padding:10px 12px;display:flex}.live-game__art{border:1px solid var(--rule);border-radius:6px;flex:none;width:96px;height:60px}.live-game__text{flex:auto;min-width:0}.live-game__name{margin:0;font-size:1.2rem;font-weight:400}.live-game__facts{color:var(--ink-soft);flex-wrap:wrap;gap:2px 14px;margin:2px 0 0;font-size:.9rem;display:flex}.live-game__watch{flex:none}.live-empty{border:2px dashed var(--rule);border-radius:var(--radius);background:var(--paper);margin-top:16px;padding:14px 16px}.live-empty h2{margin:0;font-size:1.3rem;font-weight:400}.live-empty p{margin:6px 0 0}.live-empty__games{flex-wrap:wrap;gap:4px 8px;margin:6px 0 0;padding:0;list-style:none;display:flex}.live-empty__games a{color:var(--ink);padding:10px 8px;display:inline-block}@media (max-width:420px){.live-game__art{width:64px;height:40px}}