.media-video{background:#191819;border-radius:12px;width:100%;min-width:0;margin-block:1.5rem;overflow:hidden}.media-video video{object-fit:contain;width:100%;height:100%;display:block}.media-placeholder{text-align:center;color:#eee6df;overflow-wrap:anywhere;border:1px solid #80746d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:10rem;padding:clamp(1rem,4vw,2rem);display:flex}.media-placeholder>span{font-size:2rem}.media-placeholder p{margin:.5rem 0}.media-video video:focus-visible{outline-offset:-4px;outline:3px solid #dcc18a}.media-showcase{box-sizing:border-box;border:1px solid var(--world,var(--accent,#d4b779));background:radial-gradient(ellipse at 50% 0%,#ffffff0a,transparent 70%),var(--world-surface,#211e1b);color:#f4f0e8;text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.3rem,1vw,.65rem);padding:clamp(.8rem,3vw,2rem);display:flex}.media-showcase-play{width:clamp(2rem,7vw,3.5rem);height:clamp(2rem,7vw,3.5rem);color:var(--world,var(--accent,#d4b779));border:1px solid;border-radius:50%;place-items:center;font-size:clamp(1.2rem,4vw,2rem);display:grid}.media-showcase-label{letter-spacing:.16em;color:var(--world,var(--accent,#d4b779));font-size:clamp(.65rem,2vw,.8rem);font-weight:700}.media-showcase p{color:#ddd5cb;max-width:28ch;font-size:clamp(.75rem,2.4vw,.95rem);line-height:1.45;margin:0!important}