.live-matches{grid-column:1/-1;border-top:1px solid #b7c5aa;padding:24px 0;min-width:0}
.live-matches h2{font:900 32px/1 'Barlow Condensed',Impact,sans-serif;margin:0 0 10px}.live-intro,.live-meta{font-size:12px;line-height:1.6}.live-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.live-card{border:1px solid #b7c5aa;background:#eef0df;border-radius:8px;padding:16px;min-width:0}.live-players{display:flex;justify-content:space-between;gap:12px}.live-players>div{min-width:0;flex:1}.live-players button{font-size:17px;overflow-wrap:anywhere;text-align:left}.live-players small{display:block;font-size:11px;line-height:1.6}.live-card button{min-height:44px}.live-watch{width:100%;border:1px solid #173f32!important}.live-card .opponent-badges{justify-content:flex-start;flex-wrap:wrap}
.spectating,.spectating body{overflow:hidden;overscroll-behavior:none}.spectator-view{position:fixed;inset:0;z-index:40;background:#173f32;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--view-height,100dvh);width:var(--view-width,100vw);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation;overscroll-behavior:none}
.spectator-view canvas{display:block;width:min(calc(var(--view-width,100vw) - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((var(--view-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))*16/9));height:auto;max-height:100%;aspect-ratio:16/9;touch-action:none}
.spectator-hud{position:absolute;top:max(4px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 8px;background:#f5f2e7ed;border-radius:5px;color:#173f32;font-size:10px;line-height:1.3}.spectator-hud strong{font-size:13px;overflow-wrap:anywhere}.spectator-hud button{margin-left:auto;min-height:44px;font-size:10px}.spectator-overlay{position:absolute;max-width:min(90%,550px);max-height:65%;overflow:auto;background:#f5f2e7f2;border:1px solid #173f32;border-radius:8px;padding:20px;text-align:center}.spectator-overlay p{font-size:22px;font-weight:700}.spectator-overlay button{min-height:44px;margin:4px}.spectator-profiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
@media(orientation:portrait){.spectator-hud{gap:5px}.spectator-hud>span{width:100%}.spectator-overlay{padding:12px}.spectator-overlay p{font-size:18px}}
@media(max-height:430px) and (orientation:landscape){.spectator-hud{gap:8px;font-size:9px;padding:0 6px}.spectator-hud strong{font-size:11px}.spectator-hud>span:first-child{display:none}.spectator-overlay{padding:8px}.spectator-overlay p{margin:8px;font-size:20px}}