.media-page{max-width:1000px;margin:0 auto;padding:16px 24px 100px;font-family:system-ui}.media-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(229,23,29,.3);margin-bottom:28px}.media-tab{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;color:rgba(255,255,255,.55);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;cursor:pointer;position:relative;min-width:0}@media (max-width:640px){.media-tab{flex-direction:column;gap:4px;padding:10px 4px;font-size:9.5px;letter-spacing:.02em;white-space:nowrap}}@media (max-width:380px){.media-tab{font-size:8.5px}}.media-tab svg{opacity:.7;transition:opacity .15s}.media-tab.active svg,.media-tab:hover svg{opacity:1}.media-tab:hover{color:#fff}.media-tab.active{color:#e5171d}.media-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#e5171d;box-shadow:0 0 8px rgba(229,23,29,.8)}.media-empty{opacity:.6;text-align:center;padding:60px 0}.media-empty code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:2px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.media-card{display:block;text-decoration:none;color:inherit;background:#0a0a0a;border:1px solid #222;overflow:hidden;transition:border-color .15s,transform .15s}.media-card:hover{border-color:#e5171d;transform:translateY(-2px)}.media-card img{width:100%;display:block}.media-card-body{padding:12px 14px}.media-card-body h3{font-size:14px;margin:0 0 6px;line-height:1.3}.media-card-body span{font-size:12px;opacity:.5}.media-twitch-embed{border:1px solid #222;overflow:hidden}.media-twitch-embed iframe{display:block;border:none}.media-twitch-placeholder{border:1px solid #222;padding:60px 24px;text-align:center}.media-twitch-placeholder p{opacity:.6;max-width:440px;margin:0 auto 20px;font-size:14px;line-height:1.6}.media-articles{display:flex;flex-direction:column;gap:32px}.media-article{display:flex;gap:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:32px;text-decoration:none;color:inherit}.media-article:hover h2{color:#e5171d}.media-article-image{flex:0 0 240px;width:240px;height:135px;object-fit:cover;border:1px solid #222}.media-article-body{flex:1 1;min-width:0}.media-article-meta{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#e5171d}.media-article-body h2{margin:8px 0 10px;font-size:20px}.media-article-body p{margin:0;color:rgba(255,255,255,.8);line-height:1.6;white-space:pre-wrap}.media-article-readmore{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:#e5171d;text-transform:uppercase;letter-spacing:.04em}@media (max-width:640px){.media-article{flex-direction:column}.media-article-image{width:100%;flex-basis:auto}}.media-article-back{display:inline-block;margin-bottom:24px;color:rgba(255,255,255,.6);text-decoration:none;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.media-article-back:hover{color:#fff}.media-article-detail-image{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;background:#0a0a0a;border:1px solid #222;margin-bottom:20px}.media-article-detail h1{margin:8px 0 16px;font-size:28px;line-height:1.25}.media-article-detail-content{margin:0;color:rgba(255,255,255,.85);line-height:1.7;white-space:pre-wrap}