body[data-game=q3]{--q3-red:#ef3d34;--q3-line:#342820;--q3-panel:#0a0807}
body[data-game] main.q3-live-page{box-sizing:border-box;width:min(1190px,calc(100% - 48px));max-width:1190px;margin:0 auto;padding:24px 0 70px;color:#d8cec3}
.q3-live-head{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:154px;padding:28px 26px;border:1px solid var(--q3-line);border-left:3px solid var(--q3-red);background:linear-gradient(115deg,rgba(18,22,27,.98),rgba(8,9,11,.97))}
.q3-live-head>div>span,.q3-live-servers header span{color:var(--q3-red);font:800 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.q3-live-head h1{margin:8px 0 6px;color:#f1ede5;font:800 clamp(34px,4vw,44px)/1 var(--ui);letter-spacing:-.04em}.q3-live-head p{margin:0;color:#847a72;font-size:14px}.q3-live-head dl{display:grid;grid-template-columns:repeat(2,110px);margin:0;border:1px solid var(--q3-line)}.q3-live-head dl div{padding:17px 15px}.q3-live-head dl div+div{border-left:1px solid var(--q3-line)}.q3-live-head dt{color:#756960;font:800 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.q3-live-head dd{margin:5px 0 0;color:var(--q3-red);font:800 27px/1 var(--ui)}
body[data-game] main.q3-live-page>.game-subnav{margin:0 0 30px}
.q3-live-stage{overflow:hidden;border:1px solid var(--q3-line);border-radius:12px;background:#050403}.q3-live-screen{position:relative;isolation:isolate;min-height:600px;overflow:hidden;background:#050403}.q3-live-screen::before{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72)),var(--q3-levelshot) center/cover no-repeat;content:""}.q3-live-screen::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 40%,rgba(0,0,0,.2));content:""}.q3-live-video{position:absolute;z-index:5;inset:0;width:100%;height:100%;background:#000;object-fit:contain;opacity:0;pointer-events:none}.q3-live-stage.is-playing .q3-live-video{opacity:1;pointer-events:auto}.q3-live-stage.is-playing .q3-live-overlay{display:none}
.q3-live-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 22px 46px}.q3-live-server-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.q3-live-server-meta strong{padding:7px 12px;border-radius:5px;background:var(--q3-red);color:#210605;font:900 12px var(--mono)}.q3-live-server-meta>span{color:#f0dfc9;font:600 18px var(--display)}.q3-live-server-meta i{padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(12,9,7,.6);color:#ad9d8d;font:normal 10px var(--mono)}.q3-live-server-meta i.is-online{border-color:rgba(88,214,105,.34);color:#72d882}
.q3-live-focus{align-self:center;width:min(460px,90%);text-align:center;text-shadow:0 2px 12px #000}.q3-live-focus>span{color:var(--q3-red);font:900 10px var(--mono);letter-spacing:.2em}.q3-live-focus h2{margin:8px 0 0;color:#f2e4d2;font:400 clamp(38px,6vw,74px)/1 var(--display);text-transform:uppercase}.q3-live-focus>p{margin:5px 0 18px;color:#a89582;font:12px var(--mono)}.q3-live-focus ol{margin:0 auto 20px;padding:0;list-style:none;width:min(330px,100%)}.q3-live-focus li{display:grid;grid-template-columns:35px 1fr auto;gap:8px;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left}.q3-live-focus li small{color:#a78f7d}.q3-live-focus li b{overflow:hidden;color:#dfd3c5;text-overflow:ellipsis;white-space:nowrap}.q3-live-focus li strong{color:#f05a46}.q3-live-focus button{padding:13px 28px;border:1px solid #ff5b4f;border-radius:4px;background:linear-gradient(#f3483d,#aa1918);box-shadow:0 0 26px rgba(239,61,52,.25);color:#fff;font:900 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.q3-live-focus button span{margin-right:8px}
.q3-live-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px 18px;border-top:1px solid #261c16;background:#080605}.q3-live-actions>a,.q3-live-actions button{min-height:40px;padding:0 17px;border:1px solid #a92b23;border-radius:4px;background:linear-gradient(#ed4d3d,#9d211a);color:#fff;font:800 10px var(--mono);text-transform:uppercase;text-decoration:none;cursor:pointer}.q3-live-actions>a{display:flex;align-items:center}.q3-live-actions>span{color:#806f62;font-size:11px}.q3-live-actions button{border-color:#44332a;background:#0e0a08;color:#bca995;text-transform:none}.q3-live-actions button.copied{border-color:#56b96c;color:#72d882}.q3-live-actions code{font:11px var(--mono)}
.q3-live-board{border-top:1px solid var(--q3-line);background:#090706}.q3-live-board table{width:100%;border-collapse:collapse}.q3-live-board th,.q3-live-board td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.055);font:11px var(--mono);text-align:left}.q3-live-board th{color:#75675b;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.q3-live-board th:not(:nth-child(2)),.q3-live-board td:not(:nth-child(2)){width:55px;text-align:right}.q3-live-board td:nth-child(2){color:#d9cbbb}.q3-live-board td small{color:#805e4f;font-size:7px}.q3-live-board>p{margin:0;padding:35px;text-align:center;color:#806f63}
.q3-live-servers{margin-top:30px}.q3-live-servers>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.q3-live-servers h2{margin:4px 0 0;color:#eadfce;font:400 26px var(--display)}.q3-live-servers header small{color:#75685d;font:9px var(--mono)}.q3-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.q3-live-card{position:relative;isolation:isolate;display:flex;min-height:230px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:15px;border:1px solid var(--q3-line);border-radius:7px;color:#d9cbbb;text-decoration:none}.q3-live-card::before{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(5,4,3,.28),rgba(5,4,3,.95)),var(--q3-card-art) center/cover;content:"";filter:saturate(.64)}.q3-live-card::after{position:absolute;z-index:-1;inset:0;border:1px solid transparent;border-radius:7px;content:""}.q3-live-card:hover::after,.q3-live-card.is-active::after{border-color:var(--q3-red)}.q3-live-card.is-active::before{filter:saturate(.9) brightness(1.08)}.q3-live-card-top{display:flex;align-items:center;gap:7px}.q3-live-card-top>b,.q3-live-card-top>i{padding:5px 7px;background:#cb342b;color:#170504;font:900 9px var(--mono);font-style:normal}.q3-live-card-top>i{background:#0d0907;color:#aa9581}.q3-live-card-top>em{margin-left:auto;color:#bc9f85;font:normal 9px var(--mono)}.q3-live-card-info strong,.q3-live-card-info small{display:block}.q3-live-card-info strong{color:#efe1ce;font:400 29px var(--display)}.q3-live-card-info small{margin-top:3px;color:#8f7e6d;font:9px var(--mono)}.q3-live-card-score{min-height:55px}.q3-live-card-score i{display:grid;grid-template-columns:1fr auto;gap:8px;padding:3px 0;color:#b9aa9b;font:normal 9px var(--mono)}.q3-live-card-score i b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q3-live-card-score i strong{color:#d54b38}.q3-live-card-foot{display:flex;justify-content:space-between;color:#a3917e;font:10px var(--mono)}.q3-live-card-foot i{color:#d8503b;font-style:normal}
@media(max-width:850px){.q3-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.q3-live-screen{min-height:520px}}
@media(max-width:620px){body[data-game] main.q3-live-page{width:calc(100% - 20px);padding-top:12px}.q3-live-head{grid-template-columns:1fr;gap:20px;padding:21px 18px}.q3-live-head dl{grid-template-columns:repeat(2,1fr)}.q3-live-screen{min-height:470px}.q3-live-overlay{padding:14px 12px 28px}.q3-live-server-meta>span{width:calc(100% - 75px)}.q3-live-grid{grid-template-columns:1fr}.q3-live-actions{align-items:stretch;flex-direction:column}.q3-live-actions>*{width:100%}.q3-live-board{overflow-x:auto}.q3-live-board table{min-width:520px}}

/* Readable TV layout. Shared semantic type roles come from layout-system.css. */
.q3-live-head{min-height:142px;padding:24px 28px}
.q3-live-head>div>span,.q3-live-servers header span{font-family:var(--mono);font-weight:800}
.q3-live-head h1{font-family:var(--ui);font-weight:800}
body[data-game] main.q3-live-page>.game-subnav{margin-bottom:22px}
.q3-live-stage{border-radius:8px}
.q3-live-screen{height:clamp(360px,30vw,460px);min-height:0}
.q3-live-screen::before{inset:-2px;filter:saturate(.82) contrast(1.07)}
.q3-live-overlay{padding:18px 22px 30px}
.q3-live-server-meta i{font-family:var(--mono)}
.q3-live-focus h2{font-size:clamp(40px,4.5vw,60px)}
.q3-live-focus>p{font-size:13px}
.q3-live-focus li{padding:8px 10px;font-size:13px}
.q3-live-actions{padding:15px 18px 18px}
.q3-live-actions>a,.q3-live-actions button{min-height:43px;font-size:12px}
.q3-live-actions>span{color:#9a8777;font-size:13px}
.q3-live-actions code{font-size:13px}
.q3-live-board th,.q3-live-board td{padding:11px 16px;font-size:13px}
.q3-live-board th{font-size:11px}
.q3-live-board td small{font-size:10px}
.q3-live-servers{margin-top:28px}
.q3-live-servers>header{margin-bottom:16px}
.q3-live-servers h2{font-family:var(--display);font-weight:400}
.q3-live-servers header small{color:#8b796a;font-family:var(--mono)}
.q3-live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.q3-live-card{min-height:220px;padding:16px}
.q3-live-card::before{filter:saturate(.72) contrast(1.05)}
.q3-live-card.is-active::before{filter:saturate(.95) contrast(1.05) brightness(1.08)}
.q3-live-card-top>b,.q3-live-card-top>i{font-size:10px}
.q3-live-card-top>em{font-size:11px}
.q3-live-card-info strong{font-family:var(--display);font-weight:400}
.q3-live-card-info small{margin-top:5px;color:#aa9581;font-family:var(--mono)}
.q3-live-card-score{min-height:58px}
.q3-live-card-score i{padding:4px 0;font-size:12px}
.q3-live-card-foot{font-size:12px}
@media(max-width:1000px){.q3-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.q3-live-screen{height:clamp(350px,48vw,430px);min-height:0}}
@media(max-width:620px){.q3-live-head{padding:18px}.q3-live-screen{height:390px;min-height:0}.q3-live-grid{grid-template-columns:1fr}.q3-live-card{min-height:205px}}