.video-auto-shell{position:relative;isolation:isolate;background:#09070b}.video-inline-frame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;background:#08080c}.video-auto-shell::after{display:none}.video-auto-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 7px 0}.video-auto-tools[hidden]{display:none}.video-auto-tools button{flex:1 0 auto;min-height:40px;border:1px solid #d0b36c88;border-radius:8px;padding:6px 9px;color:#ffedc1;background:#21131e;font:600 11px/1.4 var(--sans);cursor:pointer}.video-auto-tools button:hover{border-color:#e24368}.video-auto-tools button:focus-visible{outline:2px solid #f08c9e;outline-offset:2px}.video-auto-status{margin:8px 12px 4px;color:#cbb7af;font:400 10px/1.5 var(--sans);text-align:center;min-height:15px}.video-card[data-video-state="loading"] .poster-action{color:#ef9fae}.video-auto-shell:has(.video-inline-frame)>.video-poster{visibility:hidden}.video-auto-shell .video-poster{aspect-ratio:16/10}.tiktok-videos .video-auto-shell .video-poster{aspect-ratio:9/12}

@media(max-width:650px){#videos .video-strip{grid-template-columns:1fr}#videos .video-card,#videos .video-card:last-child{grid-column:auto}#videos .video-auto-shell .video-poster{aspect-ratio:16/10;min-height:210px}#videos .tiktok-videos .video-auto-shell .video-poster{aspect-ratio:9/12}#videos .video-auto-tools button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.video-auto-shell::after,.video-card[data-video-state="playing"] .video-auto-shell::after{animation:none;transition:none}}

/* One fitted outer frame; the neon is a shadow beneath the card. */
#videos .video-card{position:relative;isolation:isolate;box-sizing:border-box;padding:12px;overflow:visible;border:1px solid #bd924c88;border-radius:10px;background:#100d12;animation:video-neon-underlight 8s ease-in-out infinite}
#videos .video-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border:1px solid #e2bd6a55;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ctext x='0' y='9' fill='%23d9b76e' font-size='10'%3E%E2%99%AB%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ctext x='0' y='9' fill='%23d9b76e' font-size='10'%3E%E2%99%AA%3C/text%3E%3C/svg%3E");background-size:10px 10px;background-position:1px 1px,calc(100% - 1px) calc(100% - 1px);background-repeat:no-repeat;filter:none}
#videos .video-auto-shell{position:relative;z-index:1;overflow:hidden;border-radius:4px;line-height:0}
#videos .video-auto-shell>.video-poster{margin:0;border:0;border-radius:4px}
#videos .video-auto-shell>.video-inline-frame{display:block;position:absolute;inset:0;box-sizing:border-box;margin:0!important;padding:0;width:100%;height:100%;min-height:0;max-width:none;border:0;border-radius:4px}
#videos .video-auto-tools,#videos .video-auto-status,#videos .video-card .hub-card-body{position:relative;z-index:1}
#videos .video-auto-tools{padding:12px 0 0;gap:7px}
#videos .video-auto-status{margin:10px 0 0;min-height:15px;line-height:1.5;font-size:11px}
#videos .video-card .hub-card-body{padding:18px 8px 12px}
#videos .video-card .hub-card-body h3{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;line-height:1.3}
#videos .video-card .hub-card-body .text-link{margin-top:12px;line-height:1.5}
#videos .video-strip{row-gap:30px}
#videos .video-card[data-video-state="playing"]{animation-duration:4.5s}
@keyframes video-neon-underlight{0%,100%{box-shadow:0 8px 12px -7px #ff244cc0,3px 15px 28px -11px #a0093b90,0 25px 38px -18px #48061f88}35%{box-shadow:0 8px 12px -7px #e02043b0,-4px 17px 30px -11px #760b338f,0 25px 38px -18px #38071988}70%{box-shadow:0 8px 12px -7px #c4113aa8,4px 14px 28px -11px #5c082b9a,0 25px 38px -18px #30041588}}
@media(prefers-reduced-motion:reduce){#videos .video-card,#videos .video-card[data-video-state="playing"]{animation:none;box-shadow:0 12px 25px -10px #780a3480}}

/* YouTube: a ruby play jewel with a fine gold orbit. */
#youtube .poster-play{display:grid;place-items:center;width:76px;height:68px;border:1px solid #f4d38b;border-radius:23px 10px;background:linear-gradient(140deg,#ed2946,#8c1030 55%,#390c25);font-size:0;color:#ffe6ad;box-shadow:inset 0 1px 5px #fff5,0 0 20px #d4184666,0 10px 25px #39051c;overflow:visible;animation:youtube-play-invite 3.4s ease-in-out infinite}
#youtube .poster-play::before{content:"";width:22px;height:27px;margin-left:5px;background:linear-gradient(135deg,#fff7df,#eac16f);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 0 5px #f8d891)}
#youtube .poster-play::after{content:"";position:absolute;inset:-8px;border:1px solid #e9bd6b99;border-radius:29px 14px;box-shadow:0 -3px 12px #ff34594d,0 4px 14px #5e092b;animation:youtube-play-orbit 3.4s ease-in-out infinite;pointer-events:none}
#youtube .video-auto-tools button:first-child{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:90px;border:1px solid #e6bc70;border-radius:14px 5px;background:linear-gradient(135deg,#b91939,#64102c 65%,#320c22);color:#fff0cd;box-shadow:inset 0 1px 3px #ffe3a32b,0 0 13px #cb164547;animation:youtube-play-invite 3.4s ease-in-out infinite}
#youtube .video-auto-tools button:first-child::before{content:"";flex:0 0 12px;width:12px;height:15px;background:#f8d891;clip-path:polygon(0 0,100% 50%,0 100%)}
#youtube .video-card[data-video-state="playing"] .video-auto-tools button:first-child,#youtube .video-card[data-video-state="loading"] .video-auto-tools button:first-child{animation:none}
#youtube .video-card[data-video-state="playing"] .video-auto-tools button:first-child::before,#youtube .video-card[data-video-state="loading"] .video-auto-tools button:first-child::before{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
#youtube .video-poster:hover .poster-play{filter:brightness(1.2)}
#youtube .video-poster:active .poster-play{scale:.9}
@keyframes youtube-play-invite{0%,70%,100%{box-shadow:inset 0 1px 4px #ffe3a333,0 0 12px #c9164547}35%{box-shadow:inset 0 1px 7px #ffe3a366,0 0 26px #f22b557d,0 8px 20px #590a30a8}45%{filter:brightness(1.14)}55%{filter:brightness(1)}}
@keyframes youtube-play-orbit{0%,100%{transform:rotate(-5deg) scale(1);opacity:.6}45%{transform:rotate(5deg) scale(1.07);opacity:1}}
@media(prefers-reduced-motion:reduce){#youtube .poster-play,#youtube .poster-play::after,#youtube .video-auto-tools button:first-child{animation:none}}
