.video-guide{position:relative;isolation:isolate;width:min(calc(100% - 44px),1160px);margin:auto;padding:45px 0 80px}
.video-guide-head{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px;align-items:center;max-width:920px;margin:0 auto 40px}
.video-guide-icon{position:relative;display:grid;place-items:center;width:210px;height:190px;background:radial-gradient(circle,#ff285826,transparent 60%),linear-gradient(#101a27,#060a10);box-shadow:inset 0 0 0 4px #020407,inset 0 0 0 7px #ff28584a,8px 8px #010204}
.video-guide-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 2px,transparent 2px),linear-gradient(90deg,#ffffff08 2px,transparent 2px);background-size:20px 20px}
.video-guide-icon img{position:relative;width:170px;height:170px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 0 #020407) drop-shadow(0 0 18px #ff285855)}
.video-guide-head h1{font:900 clamp(42px,6vw,72px)/1 var(--ecg-font-pixel);letter-spacing:-.07em;text-shadow:5px 5px #020305,8px 8px #192333}
.video-guide-head h1 em{font-style:normal;color:var(--ecg-cyan);text-shadow:5px 5px #020305,0 0 24px #00e5ff55}
.video-guide-head>div>p:last-child{max-width:610px;margin-top:18px;color:var(--ecg-muted);font:14px/1.7 var(--ecg-font-pixel)}
.route-warning{display:grid;grid-template-columns:260px 1fr;gap:25px;align-items:center;margin:0 auto 28px;padding:22px 25px;border-left:6px solid var(--ecg-red);background:linear-gradient(90deg,#ff285813,#0a0f17);box-shadow:inset 0 0 0 2px #ff28582c}
.route-warning strong{color:#ff6a88;font:900 12px/1.5 var(--ecg-font-pixel);letter-spacing:.06em;text-align:center}
.route-warning p{color:#bdc6d2;font:13px/1.7 var(--ecg-font-pixel)}
.route-warning b{color:#fff}
.video-player-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);min-height:480px;padding:10px;background:#05080d;box-shadow:inset 0 0 0 3px #38485b,inset 0 0 0 7px #111a25,inset 0 -11px #020305,0 9px #000}
.video-player{position:relative;display:grid;place-content:center;justify-items:center;gap:16px;min-height:460px;overflow:hidden;background:radial-gradient(circle,#00e5ff1b,transparent 48%),linear-gradient(#101a27,#060a10);box-shadow:inset 0 0 0 4px #020407,inset 0 0 0 7px #00e5ff31}
.video-player:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 2px,transparent 2px),linear-gradient(90deg,#ffffff08 2px,transparent 2px);background-size:24px 24px}
.video-player>img{position:relative;width:min(52%,230px);height:230px;object-fit:contain;image-rendering:pixelated;filter:grayscale(.55) brightness(.75) drop-shadow(0 7px 0 #020407)}
.video-player>span,.video-player>small{position:relative;text-align:center;font-family:var(--ecg-font-pixel)}
.video-player>span{color:#aab4c0;font-size:14px;font-weight:900;letter-spacing:.08em}
.video-player>small{max-width:360px;padding:0 20px;color:#6f7a88;font-size:11px;line-height:1.6}
.video-player iframe{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0}
.video-details{display:flex;flex-direction:column;justify-content:center;padding:42px 34px;background:linear-gradient(#111925,#080d14);box-shadow:inset 5px 0 #020407}
.video-details h2{font:900 clamp(25px,3vw,38px)/1.18 var(--ecg-font-pixel);letter-spacing:-.045em}
.video-details>p:not(.kicker){margin:20px 0;color:#bdc6d2;font:13px/1.75 var(--ecg-font-pixel)}
.video-meta{padding-top:18px;border-top:2px solid #263544;color:#778493;font:10px/1.6 var(--ecg-font-pixel)}
.youtube-button{position:relative;display:flex;justify-content:center;align-items:center;min-height:52px;margin-top:25px;padding:14px 40px;background:linear-gradient(#fff,#ff365e);color:#07090d;box-shadow:inset 0 0 0 3px #ff2858,inset 0 -6px #74152a,0 6px #010203;font:900 12px var(--ecg-font-pixel);text-align:center;transition:.16s}
.youtube-button[hidden]{display:none!important}
.youtube-button b{position:absolute;right:16px}
.youtube-button:hover,.youtube-button:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 3px #ff2858,inset 0 -6px #74152a,0 9px #010203,0 0 24px #ff285877;outline:none}
.video-guide-page.video-ready .video-player-card{box-shadow:inset 0 0 0 3px var(--ecg-cyan),inset 0 0 0 7px #111a25,inset 0 -11px #020305,0 9px #000,0 0 34px #00e5ff1f}
@media(max-width:850px){.video-guide-head{grid-template-columns:150px 1fr;gap:28px}.video-guide-icon{width:150px;height:140px}.video-guide-icon img{width:125px;height:125px}.route-warning{grid-template-columns:1fr}.video-player-card{grid-template-columns:1fr}.video-player{min-height:56vw}.video-details{box-shadow:inset 0 5px #020407}}
@media(max-width:580px){.video-guide{width:calc(100% - 28px);padding-top:30px}.video-guide-head{grid-template-columns:1fr;text-align:center}.video-guide-icon{width:140px;height:130px;margin:auto}.video-guide-head>div>p:last-child{font-size:13px}.video-guide-head h1{font-size:clamp(36px,11vw,52px)}.route-warning{padding:20px 17px}.video-player-card{padding:7px}.video-player{min-height:62vw}.video-player>img{height:155px}.video-details{padding:30px 22px}.youtube-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.youtube-button{transition:none}}