/* Black Culture Vault game-show landing page, recreated as real responsive controls */
body{background:radial-gradient(ellipse at 50% 12%,#8a22c0 0,#42106d 30%,#1a0737 64%,#080518 100%);background-attachment:fixed}
.wrap{max-width:1536px;padding:0 3.5% 28px;position:relative}
.show-header{position:relative;z-index:4;min-height:84px;border-bottom:1px solid #e3a45a55;display:flex;align-items:center;gap:24px;justify-content:space-between}
.show-header-logo{display:block;flex:none;width:110px;height:110px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff9;overflow:hidden;margin-top:5px}
.show-header-logo img{width:100%;height:100%;display:block}
.show-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(10px,2vw,31px)}
.show-nav a{color:white;text-decoration:none;font-size:clamp(12px,1.45vw,19px);font-weight:750;text-shadow:0 2px 8px #000}
.show-nav a:hover{color:#ffe099}
.show-nav .nav-signup{background:linear-gradient(#fff19c,#ffb222 50%,#a05b00);color:#241200;border:2px solid #ffdd61;padding:9px 17px;border-radius:12px;box-shadow:0 0 16px #ffc5509e}
.show-home{position:relative;isolation:isolate}
.show-stage{height:clamp(230px,30vw,410px);position:relative;display:flex;align-items:center;justify-content:center;margin-top:-12px}
.show-stage::before{content:"";position:absolute;inset:-30px -3% 0;background:repeating-conic-gradient(from 0deg at 50% -45%,transparent 0deg 7deg,#a83aff28 8deg 9deg,transparent 10deg 16deg);opacity:.65;pointer-events:none}
.show-stage::after{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(90deg,transparent,#e7a44e,#fff5b6,#e7a44e,transparent);box-shadow:0 0 26px #f7b851}
.show-emblem{z-index:2;width:clamp(190px,28vw,350px);height:clamp(190px,28vw,350px);border-radius:50%;padding:10px;background:linear-gradient(135deg,#fff4a5,#e7a02b,#fff2ad,#a86b00);box-shadow:0 0 0 5px #3a1b4e,0 0 32px 8px #ffb43a,0 0 100px #fda93b55;animation:emblemGlow 3s ease-in-out infinite}
.show-emblem img{width:100%;height:100%;border-radius:50%;display:block;background:#fff}
.show-silhouettes{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 2%;pointer-events:none}
.show-silhouettes svg{height:68%;width:22%;fill:#09070e;stroke:#efb355;stroke-width:2.6;filter:drop-shadow(0 0 12px #fca12b);animation:vaultFloat 5s ease-in-out infinite}
.show-silhouettes svg:nth-child(2){height:75%;animation-delay:.5s}.show-silhouettes svg:nth-child(3){height:79%;animation-delay:1s}.show-silhouettes svg:nth-child(4){height:72%;animation-delay:1.5s}
.show-props{position:absolute;top:10%;display:flex;flex-direction:column;gap:30px;font-size:clamp(26px,5vw,65px);opacity:.8;filter:drop-shadow(0 0 12px #b45aff);pointer-events:none}
.show-props-left{left:0}.show-props-right{right:0}
.stage-light{position:absolute;top:0;width:14%;height:100%;background:linear-gradient(165deg,#c833ff88,transparent 75%);filter:blur(24px);transform:rotate(24deg);animation:lightSweep 6s ease-in-out infinite alternate}.left-light{left:12%}.right-light{right:12%;transform:rotate(-24deg);animation-delay:2s}
.show-banner{position:relative;z-index:3;margin:-13px auto 0;max-width:900px;border-radius:35px;border:3px solid #ffda72;background:linear-gradient(#6b2489,#2c0b45 70%,#5a1e79);box-shadow:0 0 16px #ffbe49,0 8px 24px #000b;padding:9px 20px;color:#ffdf8a;text-shadow:0 2px 3px #140019;font-size:clamp(18px,3.5vw,42px);font-weight:1000;font-style:italic;letter-spacing:.5px;text-align:center}
.show-subtitle{text-align:center;font-size:clamp(14px,2vw,23px);font-weight:900;line-height:1.35;letter-spacing:.6px;color:#fff;text-shadow:0 3px 8px #000;margin:18px auto 16px}
.show-categories{text-align:center;margin:14px auto 18px;max-width:1080px}
.show-categories h2{font-size:clamp(24px,3.3vw,37px);color:#ffdd78;text-shadow:0 3px 7px #000;margin:0 0 18px;letter-spacing:1px}
.show-categories .category-grid{grid-template-columns:repeat(4,1fr);gap:13px}
.show-categories .category-choice{min-height:clamp(125px,15vw,180px);border-radius:24px;border:3px solid #b952ff;background:linear-gradient(150deg,#6c19af,#2b075c);font-size:clamp(13px,2vw,24px);font-weight:1000;font-style:italic;box-shadow:0 7px 0 #16072d,0 0 16px #a339ff;gap:8px}
.show-categories .category-icon{font-size:clamp(42px,6vw,78px);filter:drop-shadow(0 8px 4px #0007)}
.show-categories .film-card{background:linear-gradient(135deg,#9d0c32,#4b0418);border-color:#ff5c49;box-shadow:0 7px 0 #300313,0 0 17px #ff483c}
.show-categories .music-card{background:linear-gradient(135deg,#0069b5,#10165d);border-color:#4ed6ff;box-shadow:0 7px 0 #08133d,0 0 17px #39bfff}
.show-categories .mix-card{background:linear-gradient(135deg,#9d6511,#5c2774);border-color:#f8ca5e;box-shadow:0 7px 0 #2c103b,0 0 17px #f8bf48}
.show-categories .category-choice[aria-pressed=true]{outline:4px solid #fff3ae;outline-offset:2px;filter:brightness(1.2)}
.show-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1190px;margin:27px auto}
.show-action{min-height:112px;border-radius:26px;display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;text-align:left;font-size:clamp(17px,2.25vw,29px);font-weight:1000;line-height:1.1;color:white;text-shadow:0 2px 3px #0009;border:3px solid #ffeb88;box-shadow:0 9px 0 #502b02,0 0 23px #ffb32b;transition:transform .2s,filter .2s}
.show-action:hover{transform:translateY(-4px);filter:brightness(1.13)}
.show-action small{display:block;font-size:clamp(11px,1.25vw,16px);margin-top:9px}
.show-action-icon{font-size:clamp(30px,4vw,55px)}
.solo-action{background:linear-gradient(#ffe482,#d78806 55%,#a85800);color:#fff}
.multiplayer-action{background:linear-gradient(#b75af4,#6511ac 60%,#48017d);border-color:#efadff;box-shadow:0 9px 0 #32064d,0 0 23px #cf61ff}
.show-foot{display:flex;justify-content:space-around;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 12px;margin:22px auto 0;border-radius:38px;border:2px solid #edb34e;background:linear-gradient(90deg,#48235d,#25103f,#48235d);box-shadow:0 0 23px #e7a84766;font-weight:800;font-size:clamp(11px,1.3vw,18px)}
.show-foot span{padding:5px 13px;border-right:1px solid #e3c16d}.show-foot span:last-child{border:0}
@keyframes emblemGlow{50%{box-shadow:0 0 0 5px #3a1b4e,0 0 55px 14px #ffb43a,0 0 120px #fda93b99}}@keyframes lightSweep{to{transform:rotate(-20deg);opacity:.35}}
@media(max-width:760px){.show-header{min-height:70px;align-items:flex-start;padding-top:8px}.show-header-logo{width:70px;height:70px}.show-nav{gap:9px}.show-nav a{font-size:11px}.show-stage{height:260px}.show-emblem{width:180px;height:180px}.show-silhouettes svg{width:24%;height:60%}.show-props{font-size:25px}.show-categories .category-grid{grid-template-columns:repeat(2,1fr)}.show-categories .category-choice{min-height:115px}.show-actions{grid-template-columns:1fr;gap:18px}.show-action{min-height:85px}.show-foot{border-radius:20px}}
@media(max-width:430px){.show-header-logo{width:55px;height:55px}.show-nav{max-width:275px}.show-nav a{font-size:10px}.show-nav .nav-signup{padding:5px 8px}.show-stage{height:215px}.show-emblem{width:155px;height:155px}.show-props{display:none}.show-banner{margin-top:-4px}.show-categories .category-icon{font-size:42px}}
@media(prefers-reduced-motion:reduce){.show-emblem,.stage-light,.show-silhouettes svg{animation:none}}

/* Refined presentation: no emoji art, clear hierarchy, usable on phones */
.show-home{max-width:1240px;margin:auto}
.show-stage{height:clamp(290px,33vw,430px);overflow:visible}
.show-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.show-stage::before{background:radial-gradient(ellipse at center,#7d2da1 0,#4b1d72 30%,transparent 68%);opacity:1}
.show-silhouettes{z-index:1;max-width:1100px;margin:auto;left:0;right:0}
.show-silhouettes svg{stroke:#b87c38;stroke-width:2;filter:drop-shadow(0 0 12px #f6a536aa);opacity:.94}
.show-emblem{position:relative;z-index:3}
.show-categories .category-icon{display:flex;align-items:center;justify-content:center;width:clamp(64px,8vw,100px);height:clamp(64px,8vw,100px)}
.show-categories .category-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 9px #0009)}
.show-categories .category-choice{font-style:normal;letter-spacing:.7px;gap:3px}
.show-categories .category-choice[aria-pressed=true]{outline:2px solid #fff1ac;outline-offset:2px}
.show-action-icon{font-size:36px;letter-spacing:-8px;margin-right:7px;color:#fff3c4;text-shadow:0 0 9px #fff}
.show-header{padding-bottom:8px}
.show-header-logo{width:95px;height:95px}
.show-nav a{white-space:nowrap}
.show-subtitle{max-width:850px}
.show-foot{margin-bottom:30px}
@media(max-width:760px){
 .wrap{padding:10px 14px 25px}
 .show-header{gap:8px;align-items:center;min-height:66px}
 .show-header-logo{width:60px;height:60px}
 .show-nav{gap:7px}
 .show-nav a{font-size:11px}
 .show-nav a:nth-child(2),.show-nav a:nth-child(3),.show-nav a:nth-child(4),.show-nav a:nth-child(5){display:none}
 .show-stage{height:250px}
 .show-emblem{width:185px;height:185px}
 .show-silhouettes svg{height:66%;width:24%}
 .show-banner{font-size:clamp(16px,4.8vw,25px);padding:9px 12px}
 .show-categories .category-grid{grid-template-columns:repeat(3,1fr);gap:10px}
 .show-categories .category-choice{min-height:128px;font-size:14px;border-radius:16px}
 .show-categories .mix-card{grid-column:1/-1;min-height:65px;flex-direction:row}
 .show-categories .mix-card .category-icon{width:45px;height:45px}
 .show-actions{margin-top:23px}
 .show-action{font-size:21px}
 .show-foot{gap:4px;font-size:11px;padding:10px}
 .show-foot span{border:0;padding:5px 9px}
}
@media(max-width:420px){
 .show-stage{height:215px}
 .show-emblem{width:155px;height:155px}
 .show-silhouettes svg{height:65%}
 .show-categories .category-choice{min-height:113px;font-size:12px}
 .show-categories .category-icon{width:62px;height:62px}
 .show-action{min-height:88px;font-size:18px}
 .show-action small{font-size:11px}
}