.mc-rail{display:flex;position:relative;contain:paint;min-width:0;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:2px 16px 4px;scroll-padding-inline:16px;overscroll-behavior-x:contain}.mc-rail::-webkit-scrollbar{display:none}.mc-card{position:relative;flex:0 0 78%;max-width:300px;scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.mc-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.mc-card:active{transform:scale(.985)}.mc-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mc-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--surface);overflow:hidden}.mc-thumb.noimg{aspect-ratio:5/2}.mc-thumb.noimg:after{display:none}.mc-thumb img{display:block;width:100%;height:100%;object-fit:cover}.mc-thumb:after{content:"";background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45));pointer-events:none}.mc-ph,.mc-thumb:after{position:absolute;inset:0}.mc-ph{display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.01em;padding:28px 12px 0;text-align:center;line-height:1.1;color:color-mix(in srgb,var(--k) 70%,var(--text));background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--k) 28%,transparent),transparent 70%),var(--surface)}.mc-kind{left:8px;top:8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--k);color:var(--on-k,#0C221C);line-height:1.2}.mc-kind,.mc-play{position:absolute;z-index:1}.mc-play{left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;color:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6))}.mc-body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;flex:1 1;min-width:0}.mc-title{font-weight:700;font-size:15px;line-height:1.28;text-wrap:pretty}.mc-ex,.mc-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc-ex{font-size:13px;line-height:1.35}.mc-ex,.mc-meta{color:var(--muted)}.mc-meta{margin-top:auto;display:flex;align-items:center;gap:2px;font-size:12.5px;min-width:0;white-space:nowrap}.mc-meta b{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis}.mc-out{width:14px;height:14px;margin-left:auto;flex:none;opacity:.7}.mc-card:focus-visible .mc-title,.mc-card:hover .mc-title{text-decoration:underline;text-underline-offset:2px}.mc-card{--k:var(--accent)}.mc-card.k-recap{--k:var(--win)}.mc-card.k-interview{--k:#8EC5FF}.mc-card.k-news{--k:#FFB36B}.mc-card.k-tips{--k:#D7A6FF}.mc-card.k-video{--k:var(--live);--on-k:#fff}@media (prefers-color-scheme:light){.mc-card.k-interview{--k:#1F6FC2;--on-k:#fff}.mc-card.k-news{--k:#B85C00;--on-k:#fff}.mc-card.k-tips{--k:#7A3FC0;--on-k:#fff}.mc-card.k-recap{--on-k:#fff}}@media (min-width:560px){.mc-card{flex-basis:44%}}@media (min-width:860px){.mc-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow:visible;margin:0;padding:0;grid-gap:14px;gap:14px}.mc-card{max-width:none}}@media (prefers-reduced-motion:reduce){.mc-card{transition:none}.mc-card:active{transform:none}}