.back{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffffe6;border-radius:9999px;align-items:center;gap:7px;margin-bottom:24px;padding-inline:11px;font-size:14px;display:inline-flex}.detail{grid-template-columns:minmax(240px,400px) 1fr;align-items:start;gap:clamp(32px,7vw,96px);display:grid}.cover{border:1px solid var(--border);background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-subtle);border-radius:16px;padding:8px}.copy{padding-top:12px}.badges{gap:5px;margin-bottom:18px;display:flex}h1{margin-bottom:20px;font-size:clamp(30px,4vw,48px)}.description{max-width:720px;color:var(--muted);font-size:17px;line-height:1.5}dl{border-top:1px solid var(--border);margin-block:32px}dl div{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr;gap:20px;padding-block:11px;display:grid}dt{color:var(--muted);font-size:13px}dd{margin:0;font-size:14px}.store{color:#fff;box-shadow:var(--shadow-subtle);background:#0a0a0a;border-color:#0a0a0a}.store:hover{background:#262626;border-color:#262626}.media{margin-top:72px}.media>h2{margin-bottom:20px}.trailer-card{border:1px solid var(--border);box-shadow:var(--shadow-subtle);background:#ffffffeb;border-radius:16px;padding:8px;overflow:hidden}.trailer-card video{aspect-ratio:16/9;object-fit:cover;background:#0a0a0a;border-radius:10px;width:100%;display:block}.media-caption{justify-content:space-between;align-items:center;gap:16px;padding:12px 6px 4px;display:flex}.media-caption strong{font-size:14px;font-weight:600}.media-caption span{color:var(--muted);font-size:12px}.gallery-block{margin-top:28px}.gallery-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.gallery-head h3{margin:0;font-size:18px;font-weight:500}.gallery-head span{color:var(--muted);font-size:12px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gallery-grid button{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-subtle);cursor:zoom-in;padding:0;position:relative;overflow:hidden}.gallery-grid img{object-fit:cover;width:100%;height:100%;transition:transform .18s;display:block}.gallery-grid button:hover img{transform:scale(1.015)}.gallery-dialog{background:#0a0a0a;border:0;border-radius:16px;outline:none;width:min(100% - 32px,1200px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:48px 56px 36px;position:fixed;inset:0;box-shadow:0 24px 80px #00000047}.gallery-dialog[open]{place-items:center;display:grid}.gallery-dialog::backdrop{backdrop-filter:blur(8px);background:#0a0a0ab8}.gallery-dialog figure{width:100%;margin:0}.gallery-dialog img{object-fit:contain;border-radius:10px;width:100%;max-height:calc(100dvh - 132px);display:block}.gallery-dialog figcaption{color:#ffffff9e;text-align:center;min-height:16px;margin-top:12px;font-size:12px}.dialog-close{z-index:3;color:#fff;cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.dialog-nav{z-index:3;color:#fff;cursor:pointer;backdrop-filter:blur(8px);background:#0a0a0ab8;border:1px solid #fff3;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;font-size:30px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.dialog-nav:hover{background:#ffffff24}.dialog-prev{left:8px}.dialog-next{right:8px}.related{margin-top:72px}.related h2{margin-bottom:20px}.related .related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;display:grid}.related .related-card{background:0 0;border-radius:0;min-width:0;margin:0;padding:0;transition:transform .14s,filter .14s}.related .related-card:hover{filter:drop-shadow(0 6px 8px #00000014);transform:translateY(-2px)}.related .related-visual{border-radius:var(--radius);background:0 0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.related .related-visual .poster{border:1px solid var(--border);border-radius:inherit}.related .related-badges{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex;position:absolute;top:9px;right:9px}.related .related-badges span,.related .related-badges b{color:#404040;backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #ffffffd9;border-radius:9999px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1.2;box-shadow:0 1px 2px #0000001f}.related .related-badges b{color:#166534;background:#dcfce7eb;border-color:#bbf7d0;grid-area:auto;align-self:auto;position:static}.related .related-copy{z-index:2;color:#fff;background:linear-gradient(#0000 0%,#09090b47 30%,#09090bf0 100%);flex-direction:column;justify-content:end;min-height:112px;padding:44px 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.related .related-copy h3{text-shadow:0 1px 8px #000000a6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.related .related-copy p{color:#ffffffad;text-overflow:ellipsis;text-shadow:0 1px 6px #000000b3;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}@media (width<=920px){.related .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.detail{grid-template-columns:1fr}.cover{max-width:280px}.copy{padding-top:0}dl div{grid-template-columns:120px 1fr}.media-caption{flex-direction:column;align-items:flex-start;gap:3px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-dialog{border-radius:12px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:44px 34px 28px}.gallery-dialog img{max-height:calc(100dvh - 116px)}.dialog-nav{width:34px;height:34px;font-size:26px}.dialog-prev{left:3px}.dialog-next{right:3px}.related .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}}
