.modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:overlay-fade-in .25s ease forwards}.modal{position:relative;width:100%;max-width:860px;max-height:90vh;background:var(--color-bg-card);border:1px solid var(--color-border);border-bottom:none;border-radius:12px 12px 0 0;overflow-y:auto;animation:modal-slide-up .35s cubic-bezier(.16,1,.3,1) forwards}.modal__close{position:absolute;top:0;right:0;float:right;margin:16px 16px 0 0;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:color var(--transition-fast),border-color var(--transition-fast)}.modal__close:hover{color:var(--color-text-primary);border-color:var(--color-border-bright)}.modal__media{width:100%;aspect-ratio:16/9;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);overflow:hidden}.modal__iframe{width:100%;height:100%;border:none}.modal__media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-family:var(--font-hud);font-size:.65rem;letter-spacing:.15em}.modal__content{padding:28px 32px 40px;gap:20px}.modal__content,.modal__header{display:flex;flex-direction:column}.modal__header{gap:8px}.modal__tags{display:flex;flex-wrap:wrap;gap:6px}.modal__tag{font-family:var(--font-hud);font-size:.58rem;letter-spacing:.12em;color:var(--color-accent);border:1px solid var(--color-accent);padding:2px 8px;border-radius:2px}.modal__name{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0}.modal__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.1em;color:var(--color-text-secondary)}.modal__separator{color:var(--color-text-dim)}.modal__desc{font-family:var(--font-body);font-size:.95rem;font-weight:300;color:var(--color-text-secondary);line-height:1.7;margin:0}.modal__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.15em;color:var(--color-accent);border:1px solid var(--color-accent);padding:10px 20px;border-radius:4px;text-decoration:none;align-self:flex-start;transition:background var(--transition-fast),color var(--transition-fast)}.modal__link:hover{background:var(--color-accent);color:var(--color-bg)}.modal__carousel{position:relative;width:100%;height:100%;background-color:var(--color-accent-dim)}.modal__carousel-img{background-color:rgba(0,0,0,.4)}.modal__carousel-img,.modal__video{width:100%;height:100%;object-fit:contain;display:block}.modal__carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);border:1px solid var(--light);color:var(--light);font-size:1.4rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:background var(--transition-fast);z-index:2}.modal__carousel-btn--prev{left:12px}.modal__carousel-btn--next{right:12px}.modal__carousel-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.modal__carousel-counter{position:absolute;bottom:10px;right:12px;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.1em;color:var(--light);background:rgba(0,0,0,.6);padding:3px 8px;border-radius:2px}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}