.guide-page{background:#bde8f3;color:#061f2e}
.guide-main{max-width:1460px;margin:0 auto;padding:40px 28px 80px}
.guide-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:20px 0 25px;border-bottom:2px solid #2ba9d2}
.guide-kicker{margin:0 0 9px;color:#087fc4;font:9px/1.6 "Press Start 2P",monospace;letter-spacing:.04em}
.guide-hero h1{margin:0;font:700 clamp(40px,5.6vw,72px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.guide-hero>div>p:last-child{max-width:760px;margin:15px 0 0;color:#315b70;font:400 18px/1.45 "Space Grotesk",sans-serif}
.guide-on-air{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 10px;min-width:158px;padding:14px 18px;border:2px solid #168dbd;background:#eaf8fb;box-shadow:5px 5px 0 #72c4dc}
.guide-on-air>span{width:11px;height:11px;border-radius:50%;background:#28df6e;box-shadow:0 0 0 5px rgba(40,223,110,.14),0 0 12px #28df6e}
.guide-on-air strong{font:700 27px/1 "Space Grotesk",sans-serif}
.guide-on-air small{grid-column:2;color:#416779;font:7px/1.5 "Press Start 2P",monospace;text-transform:uppercase}
.guide-controls{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:22px}
.guide-modes{display:flex;flex-wrap:wrap;gap:7px}
.guide-modes button,.guide-selects select{min-height:37px;border:2px solid #208fb8;background:#eaf8fb;color:#092d42;font:6.5px/1.3 "Press Start 2P",monospace;cursor:pointer}
.guide-modes button{padding:0 14px;box-shadow:3px 3px 0 #6fbcd5}
.guide-modes button.active{background:#072638;color:#fff;border-color:#39c9e8;box-shadow:3px 3px 0 #188ab3}
.guide-selects{display:flex;gap:9px}
.guide-selects label{display:grid;gap:5px}
.guide-selects label>span{color:#486d7f;font:6.5px/1 "Press Start 2P",monospace;text-transform:uppercase}
.guide-selects select{min-width:154px;padding:0 31px 0 11px}
.guide-board{margin-top:16px;border:2px solid #248fb8;background:#eaf8fb;box-shadow:7px 7px 0 #74c6dc}
.guide-table-head,.guide-row{display:grid;grid-template-columns:72px minmax(170px,1.1fr) minmax(280px,2.15fr) minmax(125px,.8fr) 100px minmax(190px,.9fr);align-items:center;column-gap:12px}
.guide-table-head{position:sticky;top:0;z-index:5;min-height:30px;padding:0 13px;background:#062638;color:#bde8f3;font:6px/1.3 "Press Start 2P",monospace;text-transform:uppercase;letter-spacing:.02em}
.guide-table-head span:nth-child(5){text-align:right}
.guide-row{min-height:52px;padding:4px 13px;border-top:1px solid #89c8dc;background:#f7fcfe;transition:background .15s ease,box-shadow .15s ease}
.guide-row:nth-child(even){background:#eaf7fb}
.guide-row:hover{position:relative;background:#d8f3fa;box-shadow:inset 5px 0 0 #2ab7df}
.guide-row>div{min-width:0}
.guide-brand{display:inline-flex;align-items:center;justify-content:center;width:56px;height:27px;color:#fff;font:5.5px/1 "Press Start 2P",monospace;letter-spacing:-.05em}
.guide-brand-twitch{background:#9146ff}
.guide-brand-kick{background:#53fc18;color:#061f10;font-style:italic}
.guide-brand-youtube{background:#ff0033;border-radius:4px}
.guide-channel{display:flex;align-items:center;gap:9px;min-width:0}
.guide-avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;overflow:hidden;border-radius:50%;background:#c8eaf3;color:#123e51;font:700 12px/1 "Space Grotesk",sans-serif}
.guide-avatar.twitch{box-shadow:0 0 0 2px #9146ff}
.guide-avatar.kick{box-shadow:0 0 0 2px #53fc18}
.guide-avatar.youtube{box-shadow:0 0 0 2px #ff304f}
.guide-avatar img{width:100%;height:100%;object-fit:cover}
.guide-channel strong,.guide-program strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.12 "Space Grotesk",sans-serif}
.guide-program{display:flex;align-items:center;gap:8px;min-width:0}
.guide-program>div{display:grid;gap:3px;min-width:0}
.guide-program small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#527384;font:400 11px/1.2 "Space Grotesk",sans-serif}
.guide-live{flex:0 0 auto;padding:5px 6px;background:#ff304f;color:#fff;font:5.5px/1 "Press Start 2P",monospace}
.guide-category{overflow:hidden;padding-right:8px;color:#3f687a;font:600 12px/1.15 "Space Grotesk",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.guide-viewers{text-align:right;white-space:nowrap;font:600 13px/1 "Space Grotesk",sans-serif;font-variant-numeric:tabular-nums}
.guide-viewers b{margin-right:5px;color:#ff304f;font-size:9px}
.guide-actions{display:flex;justify-content:flex-end;gap:6px}
.guide-actions a,.guide-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:0 9px;border:2px solid #168eb9;font:5.5px/1.2 "Press Start 2P",monospace;text-decoration:none;white-space:nowrap;cursor:pointer}
.guide-actions a{background:#38c9e8;color:#061f2e;box-shadow:3px 3px 0 #72b9d1}
.guide-actions button{background:#062638;color:#fff}
.guide-actions button[aria-pressed="true"]{background:#53fc18;color:#061f2e}
.guide-board-footer{display:flex;gap:7px;align-items:center;min-height:38px;padding:0 13px;background:#d5f1f8;color:#476b7c;font:600 12px/1 "Space Grotesk",sans-serif}
.guide-board-footer>span:first-child{color:#092d42;font-weight:700}
.guide-updated{margin-left:auto;font:6px/1 "Press Start 2P",monospace;text-transform:uppercase}
.guide-empty{display:grid;gap:8px;padding:48px;text-align:center}
.guide-empty strong{font:700 24px/1.2 "Space Grotesk",sans-serif}
.guide-empty span{color:#527384}
@media(max-width:1050px){
.guide-table-head,.guide-row{grid-template-columns:64px minmax(145px,1fr) minmax(240px,1.8fr) 92px minmax(178px,.9fr)}
.guide-table-head span:nth-child(4),.guide-category{display:none}
.guide-table-head span:nth-child(5){text-align:right}
}
@media(max-width:780px){
.guide-main{padding:27px 13px 70px}
.guide-hero{align-items:flex-start}
.guide-on-air{min-width:135px}
.guide-controls{align-items:stretch;flex-direction:column}
.guide-selects{width:100%}
.guide-selects label{flex:1}
.guide-selects select{width:100%;min-width:0}
.guide-table-head{display:none}
.guide-row{grid-template-columns:62px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 9px;min-height:94px;padding:7px 10px}
.guide-brand{grid-column:1;grid-row:1;width:54px}
.guide-channel{grid-column:2;grid-row:1}
.guide-program{grid-column:1/4;grid-row:2}
.guide-category{display:none}
.guide-viewers{grid-column:3;grid-row:1}
.guide-actions{grid-column:1/4;grid-row:3;justify-content:flex-start;padding-left:63px}
}
@media(max-width:560px){
.guide-hero{display:block}
.guide-hero h1{font-size:41px}
.guide-hero>div>p:last-child{font-size:16px}
.guide-on-air{display:inline-grid;margin-top:18px}
.guide-modes{display:grid;grid-template-columns:repeat(3,1fr)}
.guide-modes button{padding:0 5px;font-size:5px}
.guide-selects{display:grid;grid-template-columns:1fr 1fr}
.guide-row{grid-template-columns:58px minmax(0,1fr) auto}
.guide-avatar{width:28px;height:28px;flex-basis:28px}
.guide-channel strong,.guide-program strong{font-size:13px}
.guide-actions{padding-left:59px}
.guide-actions a,.guide-actions button{font-size:5px}
}
@media(prefers-reduced-motion:reduce){.guide-row{transition:none}}