.show-page .site-shell { display: block; }
.show-page .site-content { padding: 24px; max-width: 1920px; margin: 0 auto; }
.show-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.show-heading h1 { margin: 4px 0 0; font-size: clamp(1.5rem, 2.1vw, 2.2rem); font-weight: 800; overflow-wrap: anywhere; }
.show-back { font-size: .78rem; color: var(--site-muted); text-decoration: none; }
.show-kicker { font-size: .72rem; color: var(--site-gold); letter-spacing: .06em; margin: 12px 0 0; font-weight: 750; }
.show-kicker span { padding: 0 6px; color: var(--site-muted); }
.show-heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px; }
.show-schedule { display: grid; grid-template-columns: auto 1fr; column-gap: 9px; font-size: .85rem; white-space: nowrap; }
.show-schedule i { grid-row: span 2; align-self: center; color: var(--site-gold); }
.show-schedule small { color: var(--site-muted); font-size: .67rem; }
.show-stage { display: grid; grid-template-columns: minmax(240px, 290px) minmax(0, 1fr) minmax(250px, 290px); gap: 18px; align-items: start; }
.show-panel { background: var(--site-surface); border: 1px solid var(--site-border); border-radius: 14px; overflow: hidden; }
.show-panel-header { padding: 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--site-border); }
.show-panel-header h2 { font-size: .94rem; font-weight: 750; margin: 0; }
.show-count { background: var(--site-surface-raised); color: var(--site-gold-light); border-radius: 6px; padding: 2px 8px; font-size: .73rem; }
.show-product-search { display: flex; gap: 6px; padding: 14px; }
.show-product-search input { min-width: 0; font-size: .78rem; }
.show-product-list { max-height: 680px; overflow-y: auto; }
.show-product { display: flex; gap: 10px; padding: 16px 13px; border: 0; border-top: 1px solid var(--site-border); background: transparent; color: inherit; width: 100%; text-align: left; align-items: center; }
.show-product:hover, .show-product:focus-visible { background: var(--site-surface-hover); }
.show-product img, .show-product-placeholder { width: 70px; height: 84px; object-fit: contain; border-radius: 9px; background: var(--site-bg-soft); flex-shrink: 0; }
.show-product-placeholder { display: grid; place-items: center; color: var(--site-muted); font-size: 1.5rem; }
.show-product-copy { display: grid; gap: 6px; min-width: 0; }
.show-product-copy strong { font-size: .81rem; line-height: 1.5; overflow-wrap: anywhere; }
.show-product-copy small { font-size: .66rem; color: var(--site-muted); }
.show-product-mode { color: var(--site-gold-light); font-size: .61rem; }
.show-product-price { font-size: .87rem; font-weight: 800; }
.show-product-price del { font-weight: 450; font-size: .68rem; margin-right: 5px; color: var(--site-muted); }
.show-product-arrow { margin-left: auto; font-size: .68rem; color: var(--site-muted); }
.show-pagination { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px; border-top: 1px solid var(--site-border); font-size: .8rem; }
.show-player { width: 100%; aspect-ratio: 16 / 9; min-height: 280px; position: relative; overflow: hidden; border: 1px solid var(--site-border); border-radius: 14px; background: radial-gradient(ellipse at 50% 95%, #383024 0%, #17181c 68%); display: grid; place-items: center; }
.show-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: .25; }
.show-player-waiting { position: relative; text-align: center; padding: 28px 16px; text-shadow: 0 2px 14px #000; }
.show-play-icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 18px; border-radius: 50%; border: 1px solid #d3ad624d; background: #d3ad6214; color: var(--site-gold); font-size: 1.8rem; }
.show-player-label { color: var(--site-gold-light); font-size: .63rem; letter-spacing: .13em; font-weight: 800; }
.show-player h2 { font-size: clamp(1.15rem, 1.65vw, 1.65rem); margin: 10px 0; font-weight: 800; }
.show-player p { margin: 0 0 12px; font-size: .85rem; color: var(--site-muted-strong); }
.show-waiting-note { font-size: .69rem; color: var(--site-muted); }
.show-about { padding: 22px; margin-top: 18px; }
.show-seller { display: flex; gap: 12px; align-items: center; padding-bottom: 18px; border-bottom: 1px solid var(--site-border); margin-bottom: 18px; }
.show-seller-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; color: var(--site-gold); background: var(--site-bg-soft); flex-shrink: 0; }
.show-seller .show-kicker { margin: 0; font-size: .62rem; }
.show-seller h2 { font-size: 1rem; font-weight: 800; margin: 5px 0 0; overflow-wrap: anywhere; }
.show-universe { margin-left: auto; padding: 6px 9px; background: var(--site-bg-soft); border-radius: 6px; font-size: .64rem; max-width: 45%; }
.show-about h3 { font-size: .85rem; font-weight: 750; }
.show-description { color: var(--site-muted); font-size: .8rem; line-height: 1.8; overflow-wrap: anywhere; }
.show-goal { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 15px; border-top: 1px solid var(--site-border); font-size: .79rem; }
.show-goal i { color: var(--site-gold); }
.show-goal strong { margin-left: auto; color: var(--site-gold-light); }
.show-chat { display: flex; flex-direction: column; min-height: 610px; }
.show-chat-status { display: flex; align-items: center; gap: 7px; padding: 12px 18px; font-size: .67rem; color: var(--site-muted); }
.show-chat-status span { width: 6px; height: 6px; border-radius: 50%; background: var(--site-muted); }
.show-chat-messages { flex: 1; display: grid; place-items: center; }
.show-empty { padding: 38px 20px; text-align: center; color: var(--site-muted); font-size: .8rem; }
.show-empty > i { display: block; font-size: 2rem; margin-bottom: 14px; color: var(--site-gold); opacity: .8; }
.show-empty h3 { font-size: .92rem; color: var(--site-text); font-weight: 700; }
.show-empty small { font-size: .69rem; }
.show-chat-compose { padding: 14px; border-top: 1px solid var(--site-border); }
.show-chat-compose textarea { resize: none; font-size: .75rem; }
.show-chat-compose > div { display: flex; justify-content: space-between; align-items: center; margin-top: 9px; gap: 8px; }
.show-chat-compose small { font-size: .61rem; color: var(--site-muted); }
.show-mobile-nav { display: none; }
.show-unavailable { min-height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 14px; text-align: center; }
.show-unavailable > i { color: var(--site-gold); font-size: 3rem; }
.show-article-gallery { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; }
.show-article-gallery img { width: min(80vw, 350px); max-width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 12px; background: var(--site-bg-soft); scroll-snap-align: start; }
.show-article-detail-description { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--site-muted); }
.show-article-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.show-article-meta span { padding: 5px 9px; font-size: .75rem; background: var(--site-bg-soft); border-radius: 5px; }
#showArticleTitle { overflow-wrap: anywhere; }
@media (min-width: 1500px) { .show-stage { grid-template-columns: 320px minmax(0, 1fr) 320px; gap: 24px; } }
@media (max-width: 1100px) { .show-stage { grid-template-columns: minmax(0, 1fr) 280px; } .show-view { grid-column: 1; grid-row: 1; } .show-chat { grid-column: 2; grid-row: 1 / span 2; } .show-catalog { grid-column: 1; grid-row: 2; } .show-product-list { max-height: 420px; } }
@media (max-width: 767px) { .show-page .site-content { padding: 16px; } .show-heading { align-items: flex-start; flex-direction: column; } .show-heading-actions { justify-content: flex-start; } .show-stage { display: flex; flex-direction: column; } .show-stage > * { width: 100%; } .show-view { order: 0; } .show-catalog { order: 1; } .show-chat { order: 2; min-height: 380px; } .show-mobile-nav { display: flex; gap: 8px; margin-bottom: 16px; } .show-mobile-nav a { flex: 1; padding: 9px; text-align: center; text-decoration: none; border: 1px solid var(--site-border); border-radius: 7px; font-size: .77rem; } #show-view, #show-articles, #show-chat { scroll-margin-top: 90px; } .show-universe { display: none; } }