/* Video cards: thumbnail, a muted preview that starts when the card scrolls into view, and a VHS overlay you click for sound and the full player. */
.vgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:14px 0 8px}
.vid{background:#1c1f26;border:1px solid #2a2e37;padding:0 0 12px}
.vid p{margin:6px 12px;font-size:14px;color:#b7b4ac}.vid a{margin-left:12px;font-size:13px}.vid a+a{margin-left:0}
.vid-m{margin:10px 12px 0;font-size:12px;color:#8a877f}.vid-m b{color:#b7b4ac}
.vid-stage{position:relative;aspect-ratio:16/9;background:#0e1013;overflow:hidden;isolation:isolate}
.vid-poster,.vid-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.vid-poster{z-index:0;filter:saturate(.85) contrast(1.05)}
.vid-stage iframe{z-index:1;pointer-events:none}
.vid-stage.full iframe{pointer-events:auto;z-index:3}
.vid-ov{position:absolute;inset:0;z-index:2;color:#f2f0ea;font:700 12px/1.2 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;pointer-events:none}
.vid-stage.full .vid-ov{display:none}
.vid-snd,.vid-full-btn{pointer-events:auto;cursor:pointer;color:#f2f0ea;font:inherit;border:2px solid #f2f0ea;background:rgba(0,0,0,.55)}
.vid-snd:focus-visible,.vid-full-btn:focus-visible{outline:3px solid #f4c430;outline-offset:2px}
/* VHS look: scanlines, a slow tracking band, flicker noise, colour fringing, vignette */
.vhs-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.28) 0,rgba(0,0,0,.28) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}
.vhs-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,40,40,.10),transparent 30%,transparent 70%,rgba(40,120,255,.10));mix-blend-mode:screen}
.vhs-vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}
.vhs-noise{position:absolute;inset:-20%;opacity:.16;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");animation:vhsNoise .5s steps(4) infinite}
.vhs-band{position:absolute;left:0;right:0;height:18%;top:-20%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12),transparent);animation:vhsBand 6s linear infinite}
.vhs-rec{position:absolute;left:10px;top:9px;color:#ff3b30;text-shadow:1px 0 #00e5ff,-1px 0 #ff00aa}.vhs-rec i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b30;margin-right:6px;animation:vhsBlink 1.2s steps(1) infinite}
.vhs-ch{position:absolute;right:10px;top:9px;color:#f2f0ea;text-shadow:1px 0 #00e5ff,-1px 0 #ff00aa}
.vhs-title{position:absolute;left:10px;right:76px;bottom:9px;font:900 13px/1.25 Inter,'Noto Sans JP',sans-serif;letter-spacing:0;text-transform:none;text-shadow:0 1px 3px #000,1px 0 rgba(0,229,255,.6),-1px 0 rgba(255,0,170,.5)}
.vid-snd{position:absolute;right:10px;bottom:9px;width:46px;height:46px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:3}
.vid-snd::before{content:'';width:22px;height:22px;background:currentColor;-webkit-mask:var(--ico-off) center/contain no-repeat;mask:var(--ico-off) center/contain no-repeat;--ico-off:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 9v6h4l5 4V5L7 9H3zm13.6 3l2.4-2.4-1.4-1.4-2.4 2.4-2.4-2.4-1.4 1.4 2.4 2.4-2.4 2.4 1.4 1.4 2.4-2.4 2.4 2.4 1.4-1.4z'/></svg>")}
.vid-snd[aria-pressed=true]::before{--ico-off:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 9v6h4l5 4V5L7 9H3zm13.5 3A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/></svg>")}
.vid-snd:hover,.vid-snd[aria-pressed=true]{background:#ff3b30;border-color:#ff3b30}
.vid-full-btn{position:absolute;right:10px;top:30px;z-index:3;padding:5px 8px;font-size:10px;line-height:1.1;min-height:28px}
.vid-full-btn:hover{background:#f2f0ea;color:#16181d}
.vhs-hint{position:absolute;left:10px;top:30px;font-size:10px;color:rgba(242,240,234,.85);text-shadow:1px 1px 0 #000}
@keyframes vhsNoise{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}100%{transform:translate(3%,3%)}}
@keyframes vhsBand{from{top:-20%}to{top:110%}}
@keyframes vhsBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.vhs-noise,.vhs-band,.vhs-rec i{animation:none}}

/* Home page: one swipeable row of facts and films */
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:18px clamp(16px,4vw,40px) 10px;scroll-padding:0 clamp(16px,4vw,40px);scrollbar-width:thin;scrollbar-color:#ff3b30 #1c1f26}
.rail>*{flex:0 0 min(76vw,290px);scroll-snap-align:start}
.rail .rail-stat{flex-basis:min(62vw,210px);background:#1c1f26;border:1px solid rgba(255,255,255,.12);border-top:3px solid #ff3b30;padding:14px;display:flex;flex-direction:column;gap:8px}
.rail-big{font:900 clamp(26px,5vw,36px)/1 'JetBrains Mono',monospace;color:#ff3b30}.rail-txt{font-size:13px;line-height:1.5;color:#dcd9d1}
.rail .vid{padding:0 0 10px;display:flex;flex-direction:column}.rail .vid-m{margin:8px 10px 0}