.transmissions{padding:6rem 0 7rem;border-top:1px solid var(--line)}
.transmissions-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:end;margin-bottom:3rem}
.transmissions-heading p:last-child{margin:0;color:var(--muted);max-width:590px}
.transmissions h2{font-size:clamp(2.3rem,4.5vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:0}
.motion-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:start}
.motion-card{position:relative;margin:0;padding:.65rem;background:linear-gradient(135deg,rgba(105,228,255,.22),rgba(253,115,173,.1));border:1px solid var(--line);overflow:hidden}
.motion-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.12),transparent 60%);transform:translateX(-130%)}
.motion-card:hover:after{animation:scan .8s ease-out}
.motion-card img{width:100%;height:auto;display:block;background:#030b14}
.motion-card figcaption,.zones-grid figcaption{padding:.8rem .15rem .1rem;font-size:.73rem;color:var(--cyan);font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.motion-card-large{grid-row:span 2}
.motion-card-accent{display:flex;align-items:center;gap:1rem;background:#10172a}
.motion-card-accent img{width:120px;flex:none;image-rendering:pixelated}
.motion-card-accent figcaption{padding:0}
.motion-loader{position:relative;display:block;width:100%;padding:0;border:0;background:#02070d;color:var(--ink);cursor:pointer;text-align:left;overflow:hidden}
.motion-loader img{display:block;width:100%;height:auto;transition:filter .35s ease,transform .45s ease}
.motion-load-label{position:absolute;right:.8rem;bottom:.8rem;z-index:4;max-width:calc(100% - 1.6rem);padding:.45rem .65rem;background:color-mix(in srgb,var(--night) 84%,transparent);border:1px solid var(--cyan);color:var(--cyan);font:800 .64rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-align:right;text-transform:uppercase;backdrop-filter:blur(8px);pointer-events:none;transition:border-color .25s ease,color .25s ease,background-color .25s ease,box-shadow .25s ease}
.motion-loader[data-loaded="loading"] .motion-load-label{color:var(--pink);border-color:var(--pink);box-shadow:0 0 16px color-mix(in srgb,var(--pink) 28%,transparent)}
.motion-loader[data-loaded="true"] .motion-load-label{border-color:var(--line);color:var(--ink);background:color-mix(in srgb,var(--night) 92%,transparent)}
.motion-card>.motion-loader{background:#030b14}
.combat-strips .motion-loader{border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .3s ease,filter .3s ease}
.combat-strips .motion-loader img{border:0}
.strip-motion-loader .motion-load-label{right:.4rem;bottom:.35rem;padding:.34rem .48rem;font-size:.56rem}
.hero-art:after,.image-frame:after,.archive-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--cyan) 22%,transparent) 46%,rgba(255,255,255,.2) 50%,color-mix(in srgb,var(--pink) 15%,transparent) 54%,transparent 70%);background-size:260% 100%;background-position:150% 0;opacity:0}
.archive-card{position:relative;isolation:isolate}
.button,.text-button,.theme-option,.combat-strips img,.archive-card,.hero-art:before,.image-frame:before{transition:transform .25s ease,color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease}
.button:focus-visible,.text-button:focus-visible,.theme-option:focus-visible,.menu-button:focus-visible,.close-dialog:focus-visible,.motion-loader:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;box-shadow:0 0 0 5px color-mix(in srgb,var(--cyan) 14%,transparent),0 0 22px color-mix(in srgb,var(--cyan) 36%,transparent)}
.media-fallback{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#0c2034;color:var(--muted);font-size:.86rem}
.media-fallback a{color:var(--cyan);font-weight:750;text-decoration:none;border-bottom:1px solid currentColor}
.media-fallback a:hover{color:#fff}
#media-mount{aspect-ratio:auto}
.embedded-media{aspect-ratio:16/9;background:#020810}
.embedded-media iframe{width:100%;height:100%;border:0}
@keyframes drift{from{background-position:0 0,30px 27px}to{background-position:57px 114px,181px -124px}}
@keyframes hovercraft{0%,100%{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(.4deg) translateY(-12px)}}
@keyframes signal{0%,100%{opacity:.26}50%{opacity:.52}}
@keyframes scan{to{transform:translateX(130%)}}
@keyframes surface-scan{0%{background-position:150% 0;opacity:0}18%{opacity:.9}100%{background-position:-150% 0;opacity:0}}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:no-preference){
  .stars{animation:drift 24s linear infinite,signal 4.5s ease-in-out infinite}
  .hero-art{animation:hovercraft 6s ease-in-out infinite}
  .hero-copy{animation:rise .8s .1s both}
  .feature-grid article{transition:background .25s ease,transform .25s ease}
  .feature-grid article:hover{background:rgba(105,228,255,.06);transform:translateY(-5px)}
  .zones-grid figure,.world-images figure,.combat-visual,.gallery figure{transition:transform .35s ease,filter .35s ease}
  .zones-grid figure:hover,.world-images figure:hover,.combat-visual:hover,.gallery figure:hover{transform:translateY(-7px) rotate(0);filter:brightness(1.13)}
  .motion-card img{transition:transform .45s ease,filter .45s ease}
  .motion-card:hover img{transform:scale(1.025);filter:brightness(1.12)}
  .motion-loader:hover img{filter:brightness(1.14) saturate(1.1);transform:scale(1.018)}
  .combat-strips .motion-loader:hover{transform:translateY(-5px) scale(1.01);border-color:color-mix(in srgb,var(--cyan) 66%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--cyan) 28%,transparent),0 14px 28px #0006;filter:brightness(1.12)}
  .motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
  .motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero-art:hover:after,.image-frame:hover:after,.archive-card:hover:after{animation:surface-scan .9s ease-out}
  .hero-art:hover:before,.image-frame:hover:before{opacity:.95;border-color:var(--cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 54%,transparent),0 0 34px color-mix(in srgb,var(--cyan) 22%,transparent),inset 0 0 22px color-mix(in srgb,var(--cyan) 10%,transparent)}
  .hero-art:hover{filter:brightness(1.08) saturate(1.08)}
  .feature-grid article:hover{box-shadow:inset 0 0 34px color-mix(in srgb,var(--cyan) 9%,transparent),0 8px 24px #0003}
  .archive-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cyan) 62%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 25%,transparent),0 18px 38px #0006}
  .archive-card:hover img{filter:brightness(1.1) saturate(1.06)}
  .combat-strips>img:hover{transform:translateY(-5px) scale(1.01);border-color:color-mix(in srgb,var(--cyan) 66%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--cyan) 28%,transparent),0 14px 28px #0006;filter:brightness(1.12)}
  .button:hover{transform:translateY(-2px);box-shadow:0 0 16px color-mix(in srgb,var(--cyan) 36%,transparent),0 9px 22px #0005}
  .text-button:hover{color:#fff;text-shadow:0 0 10px color-mix(in srgb,var(--cyan) 72%,transparent);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--cyan) 34%,transparent))}
  nav a:hover,.site-footer a:hover{text-shadow:0 0 9px color-mix(in srgb,var(--cyan) 65%,transparent)}
  .theme-option:hover{transform:translateX(-4px);box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 18%,transparent),inset 0 0 18px color-mix(in srgb,var(--cyan) 7%,transparent)}
  .theme-option:hover .theme-swatch{transform:scale(1.08);box-shadow:inset 0 0 0 3px #0003,0 0 13px color-mix(in srgb,var(--cyan) 50%,transparent)}
  .theme-swatch{transition:transform .25s ease,box-shadow .3s ease}
}
@media (max-width:760px){
  .transmissions{padding:4.5rem 0}
  .transmissions-heading,.motion-grid{grid-template-columns:1fr;gap:2rem}
  .motion-card-large{grid-row:auto}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}