.header{height:86px;gap:36px}.channel-bar{position:sticky;top:86px;z-index:45;display:flex;align-items:center;gap:22px;padding:14px var(--pad);background:#0e1118f7;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.channel-caption{font-size:10px;color:#777e8d;font-weight:700;letter-spacing:2px}#channel-switch{display:flex;gap:10px}.channel-choice{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 17px;border:1px solid #ffffff14;border-radius:8px;background:#151922;color:#a4abba;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.channel-choice:hover{background:#202633;color:#fff}.channel-choice.selected{border-color:var(--channel-color);color:#fff;background:color-mix(in srgb,var(--channel-color) 12%,#10141c)}.channel-symbol{color:var(--channel-color);font-size:20px;line-height:1}.channel-selected-dot{width:5px;height:5px;border-radius:50%;background:var(--channel-color);margin-left:3px}.channel-choice.pending{opacity:.65}.preview-badge{margin-left:auto;font-size:9px;color:#adb4c4;letter-spacing:1.5px;padding:5px 8px;border:1px solid #ffffff18;border-radius:4px;white-space:nowrap}.channel-hero{min-height:515px}.channel-hero h1{font-size:clamp(56px,5.4vw,85px);max-width:650px}.channel-hero .hero-copy{max-width:750px}.feature-context{display:flex;gap:6px;align-items:center;margin-top:22px;max-width:460px;font-size:12px;color:#a7abb5;line-height:1.5}.feature-context svg{width:14px}.feature-context:hover{color:white}.avatar{display:grid;place-items:center;color:var(--accent);background:#181e28;font-size:23px}.primary{color:#0b0d11}.primary:hover{background:color-mix(in srgb,var(--accent) 85%,white)}body[data-channel="trak"] .primary{color:white}.genre span{font-size:15px;line-height:1.25;left:14px;right:10px}.genre-row .genre{min-height:108px}.card-open h3{min-height:42px}.chess-scene{position:absolute;inset:0 0 0 36%;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#826c433a,transparent 62%)}.chess-board{position:absolute;width:740px;height:740px;right:-155px;top:60px;transform:perspective(650px) rotateX(58deg) rotateZ(-30deg);background:repeating-conic-gradient(#b2975c1c 0% 25%,#090d1377 0% 50%) 50%/150px 150px;border:1px solid #b99e6030;box-shadow:0 0 90px #d7b66c09}.chess-piece{position:absolute;right:21%;top:10px;font-family:Georgia,'Segoe UI Symbol',serif;font-size:370px;color:#e1c795;text-shadow:3px 2px #a08759,-3px -2px #fff6d344,20px 22px 6px #0008;transform:rotate(-7deg);filter:drop-shadow(0 0 60px #c5a16118)}.chess-caption{position:absolute;right:19%;bottom:82px;font-size:10px;letter-spacing:4px;color:#d4c5a4a0}.chess-scene+.hero-copy{max-width:740px}body[data-channel="chess"] .hero:after{background:linear-gradient(90deg,#0b0d11 0%,#0b0d11f0 27%,#0b0d1170 53%,transparent 85%),linear-gradient(0deg,#0b0d11,transparent 40%)}#catalog-status{max-width:460px;font-size:11px;color:#9298a5}.card-tag{max-width:85%}.channel-hero .hero-note{bottom:58px}button:focus-visible,a:focus-visible{outline-color:var(--accent)}
@media(min-width:1500px){.channel-hero{min-height:560px}.chess-piece{right:27%}}
@media(max-width:1100px){.header{gap:25px}.search-box{width:210px}.channel-caption{display:none}.channel-bar{gap:12px}.chess-piece{right:2%;font-size:340px}.chess-caption{right:5%;font-size:9px}.channel-hero .hero-copy{max-width:640px}}
@media(max-width:760px){.header{height:auto;min-height:120px;flex-wrap:wrap;padding-top:15px;padding-bottom:12px;gap:14px}.header nav{margin-left:auto;gap:18px;height:34px}.header nav a.active:after{bottom:0}.header-tools{width:100%;margin:0}.search-box{width:auto;flex:1}.channel-bar{position:relative;top:auto;padding:12px 14px;gap:0;overflow:auto}.preview-badge{display:none}.channel-choice{padding:9px 11px;font-size:11px;white-space:nowrap}.channel-symbol{font-size:18px}#channel-switch{gap:7px}.channel-hero{min-height:510px}.channel-hero .hero-copy{padding-top:42px;padding-bottom:48px}.channel-hero h1{font-size:57px}.chess-scene{inset:0 0 0 10%;opacity:.35}.chess-piece{right:-90px;top:40px}.chess-caption,.hero-note{display:none}.genre-row{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-row .genre:last-child{grid-column:1/-1;aspect-ratio:4}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-context{max-width:85%}.card-open h3{font-size:14px}}