/* DCR v11: distinct layouts for records, posters, artists and the studio. */
:root{--paper:#efe6d1;--paint:#ed1648;--spray:#d6ac53}
body{background:radial-gradient(circle at 5% 28%,#79072329 0,transparent 27%),radial-gradient(circle at 98% 64%,#83621d25 0,transparent 30%),#080b0f!important}
main>.section{border-bottom:1px solid #ffffff09}
.kicker,.m-eyebrow{display:inline-block!important;position:relative;padding:7px 13px!important;background:#e21b43!important;color:white!important;letter-spacing:.13em!important;clip-path:polygon(2% 0,100% 4%,98% 100%,0 94%)}
.page-hero .kicker{transform:rotate(-2deg);margin-bottom:16px}
.page-hero h1{max-width:900px!important;text-shadow:3px 4px 0 #0009!important}
.page-hero{border-bottom:0!important}.page-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:#080b0f;clip-path:polygon(0 50%,4% 20%,9% 60%,15% 25%,23% 65%,31% 20%,42% 72%,53% 28%,64% 65%,72% 20%,85% 65%,94% 30%,100% 55%,100% 100%,0 100%);pointer-events:none}
.section h2::after{width:130px;height:7px;background:#e61944;clip-path:polygon(0 25%,95% 0,100% 50%,90% 80%,5% 100%);transform:rotate(-2deg)}
.fresh-art-banner{border:0!important;border-radius:0!important;min-height:260px!important;box-shadow:9px 9px 0 #bd164436!important;isolation:isolate}
.fresh-art-banner::after{content:'';position:absolute;inset:auto 0 0;height:11px;background:#080b0f;clip-path:polygon(0 20%,6% 55%,13% 15%,24% 70%,35% 15%,47% 65%,57% 25%,70% 75%,82% 15%,92% 70%,100% 20%,100% 100%,0 100%)}
/* CHARTS: the ballot is a record sleeve with a large numbered disc. */
.chart-categories{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:0 0 32px!important;border-bottom:1px solid #8e713c;padding:0 0 24px}
.chart-categories .btn{flex:1 1 180px;min-height:68px!important;border:1px solid #80725c!important;border-radius:0!important;background:#171a1c!important;position:relative;font-family:DCRMarker,Arial,sans-serif!important;font-size:17px!important;padding:16px!important}
.chart-categories .btn[aria-pressed=true]{background:var(--paper)!important;color:#161513!important;box-shadow:5px 5px 0 #c41840!important;border-color:var(--paper)!important}
#chartCategoryLabel{font-size:clamp(32px,5vw,62px)!important;margin-bottom:16px}
#chartStatus{color:var(--paper)!important;background:#77182e!important}#chartTitle{font-family:Arial,sans-serif!important;font-size:25px!important;letter-spacing:-.02em!important}
#chartResults{display:grid;gap:18px;margin:26px 0}
.chart-song{display:grid!important;grid-template-columns:94px minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;margin:0!important;padding:26px!important;position:relative;isolation:isolate;border:0!important;border-bottom:1px solid #c1a266!important;border-radius:0!important;background:linear-gradient(100deg,#201b15,#0e1318 70%)!important;box-shadow:none!important}
.chart-song::after{content:'';position:absolute;right:0;top:0;width:85px;height:100%;background:repeating-linear-gradient(100deg,transparent 0 8px,#d6ac5318 8px 9px);pointer-events:none;z-index:-1}
.chart-rank{width:90px!important;height:90px!important;display:grid!important;place-items:center!important;flex:none!important;border:1px solid #62605c!important;border-radius:50%!important;background:radial-gradient(circle,#b82040 0 27%,#121214 28% 35%,#323232 36% 37%,#080b0f 38% 48%,#353535 49% 50%,#101112 51% 64%,#353535 65% 66%,#080a0d 67%)!important;color:#fff!important;font-family:DCRMarker,Arial,sans-serif!important;font-size:35px!important;box-shadow:5px 5px 0 #0005}
.chart-song h3{font-size:25px!important}.chart-song .btn{border-radius:0!important;min-width:112px}.chart-song small{color:#d9c7a0!important}
.dcr-home-live{border:0!important;border-left:6px solid #d2aa57!important;border-radius:0!important;padding:32px!important;box-shadow:9px 9px 0 #751a333d!important}
.dcr-home-chart-grid{gap:16px!important;counter-reset:charttile}.dcr-chart-card{position:relative;padding:24px 24px 24px 72px!important;border:0!important;border-radius:0!important;min-height:140px!important;overflow:hidden;counter-increment:charttile}
.dcr-chart-card::before{content:'0' counter(charttile);position:absolute;left:18px;top:22px;font-family:DCRMarker,Arial,sans-serif;font-size:34px;color:#e8c371}
.dcr-chart-card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#c81742 60%,#d1aa54 60%);clip-path:polygon(0 40%,100% 0,98% 100%,2% 80%)}
/* FAN WALL: real moderated posts on a layered community noticeboard. */
#fanWallFeed,.home-fan-posts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:30px!important;padding:30px 10px!important;border-top:2px dashed #746347;border-bottom:2px dashed #746347;background:radial-gradient(#d5ae5322 .7px,transparent .7px) 0 0/8px 8px}
#fanWallFeed>p,.home-fan-posts>p{grid-column:1/-1;padding:25px;color:#ded5c6}
#fanWallFeed .m-card,.home-fan-posts article{position:relative;background:var(--paper)!important;border:0!important;border-radius:0!important;padding:36px 25px 30px!important;box-shadow:7px 8px 0 #0007!important;transform:rotate(-1deg)!important;color:#151414!important}
#fanWallFeed .m-card:nth-child(3n+2),.home-fan-posts article:nth-child(3n+2){background:#d5ab60!important;transform:rotate(1.2deg)!important;margin-top:22px}
#fanWallFeed .m-card:nth-child(3n+3),.home-fan-posts article:nth-child(3n+3){background:#c9d0cb!important;transform:rotate(-.5deg)!important}
#fanWallFeed .m-card::before,.home-fan-posts article::before{content:'';display:block!important;position:absolute;top:-10px;left:calc(50% - 34px);width:68px;height:24px;background:#dbb574bd;transform:rotate(-8deg);border-left:2px dotted #b89a62;border-right:2px dotted #b89a62;pointer-events:none}
#fanWallFeed .m-card h3,.home-fan-posts article strong{color:#941130!important;font-family:DCRMarker,Arial,sans-serif!important;font-size:23px!important;overflow-wrap:anywhere}
#fanWallFeed .m-card p,.home-fan-posts article p{color:#1a1918!important;font-size:16px!important;line-height:1.8!important}.home-fan-posts article strong{display:block}
#fanWallFeed .m-card small{display:block;border-top:1px solid #27252155;padding-top:15px;color:#454039!important}
#fanPostForm{border:1px solid #9c7c47!important;border-left:6px solid #bc1b41!important;border-radius:0!important;max-width:850px;position:relative;margin:30px 0!important;padding:34px!important;background:#11171b!important}
#fanWallMine .m-card{border-left:3px solid #be974b!important;border-radius:0!important}.fan-post-tag{font-family:DCRMarker,Arial,sans-serif;color:#e2bd6a;font-size:19px;margin:16px 0}
/* CREATORS: editorial portraits and oversized nameplates, not uniform tiles. */
.artist-directory-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 26px!important}
.artist-directory-card{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)!important;border:0!important;border-radius:0!important;background:#12171b!important;overflow:visible!important;box-shadow:none!important;position:relative;min-height:320px}
.artist-card-image{height:auto!important;min-height:300px!important;background:linear-gradient(140deg,#171419,#281622)!important;position:relative;border-bottom:0!important;overflow:hidden!important}
.artist-card-image img{height:100%!important;width:100%!important;object-fit:cover!important}.artist-card-image:empty::before{content:'DCR';position:absolute;inset:0;display:grid;place-items:center;font-family:DCRMarker,Arial,sans-serif;font-size:50px;color:#c39e55;transform:rotate(-9deg);background:repeating-linear-gradient(160deg,transparent 0 22px,#ce164820 22px 24px)}
.artist-card-copy{padding:30px 24px!important;display:flex;flex-direction:column;border-bottom:4px solid #c41a41;min-width:0}.artist-card-copy h3{font-family:DCRMarker,Arial,sans-serif!important;font-size:clamp(25px,2.5vw,38px)!important;line-height:1.2!important;margin:20px 0 14px!important}.artist-card-copy .link{margin-top:auto;color:#e8bc63!important}.artist-card-copy p{font-size:14px!important;color:#d4d2cd!important}.artist-directory-card:nth-child(even){margin-top:34px;transform:none!important}.artist-directory-card:nth-child(even) .artist-card-copy{border-bottom-color:#ba9859}
.creator-slide{position:relative;border:0!important;border-radius:0!important;border-bottom:5px solid #c02145!important;min-height:290px!important;background:linear-gradient(145deg,#101419,#221016)!important;padding:30px!important;isolation:isolate}
.creator-slide::before{content:'';position:absolute;right:18px;top:25px;width:65px;height:70%;background:repeating-linear-gradient(-20deg,transparent 0 18px,#bd8e3440 18px 20px);z-index:-1;transform:skewY(-5deg)}.creator-slide h3{font-family:DCRMarker,Arial,sans-serif!important;font-size:32px!important;margin:30px 0 16px}.creator-slide:nth-child(even){background:linear-gradient(145deg,#101419,#252016)!important;border-bottom-color:#bc9a52!important}
#communityProfile .m-main>.m-grid:first-child{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:0!important;background:#10151a;border-bottom:5px solid #c61b44;margin-bottom:50px}#communityProfile .m-intro{background:none!important;border:0!important;padding:45px!important}#communityProfile .m-main>.m-grid:first-child>img{max-width:100%!important;height:100%!important;max-height:650px;object-fit:cover;border-radius:0!important}
.empty-state,.m-empty{position:relative;border:1px dashed #a58449!important;background:linear-gradient(120deg,#18141d,#0c1218)!important;padding:36px!important;color:#dcd5c6!important;border-radius:0!important;grid-column:1/-1}
/* SUBMISSIONS: studio-console frame, with a readable form and real progress. */
.form-shell{gap:28px!important}.form-card{position:relative;border:1px solid #655640!important;border-top:6px solid #b68a40!important;border-radius:0!important;padding:38px!important;background:#10161b!important;box-shadow:10px 10px 0 #0004!important}
.form-card::before{content:'';display:block!important;height:12px;margin:-10px 0 30px;background:repeating-linear-gradient(90deg,#b32243 0 4px,transparent 4px 8px,#ad8c49 8px 12px,transparent 12px 20px);opacity:.75;pointer-events:none}
.form-card h3{font-family:DCRMarker,Arial,sans-serif!important;font-size:30px!important}.step-nav{background:linear-gradient(#0c1014ef,#0c1014eb),url('dcr-art-studio.webp') right/cover!important;border:1px solid #60533d!important;border-radius:0!important;padding:25px!important}.step-nav h3{font-family:DCRMarker,Arial,sans-serif!important}.progress{height:6px!important;background:#303337!important}.progress span{background:#eb1748!important}
.art-studio input,.art-studio textarea,.art-studio select{border-radius:2px!important}
/* Smaller supporting panels keep the brush detail without copying hero artwork. */
.culture-card,.membership-pass,.dashboard-card,.m-card{border-radius:2px!important}.culture-card{position:relative;border:0!important;border-bottom:3px solid #b49149!important;padding:34px!important}.culture-card h3{font-family:DCRMarker,Arial,sans-serif!important;font-size:26px!important}.culture-card:nth-child(2){border-bottom-color:#c82245!important}.culture-card::after{content:'';display:block!important;width:55px;height:7px;background:#d01a44;margin-top:24px;transform:rotate(-5deg)}
.dcr-meaning{position:relative;border-left:8px solid #c51e47}.dcr-meaning h2{font-size:clamp(34px,5vw,65px)!important}.footer h5{font-family:DCRMarker,Arial,sans-serif!important;font-size:18px!important;letter-spacing:0!important}
@media(max-width:1000px){.artist-directory-grid{grid-template-columns:1fr!important}.artist-directory-card:nth-child(even){margin-top:0}#fanWallFeed,.home-fan-posts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.chart-song{grid-template-columns:62px minmax(0,1fr)!important;gap:16px!important;padding:20px 14px!important}.chart-rank{width:60px!important;height:60px!important;font-size:25px!important}.chart-song h3{font-size:20px!important}.chart-song>.btn{grid-column:2;justify-self:start}.chart-categories .btn{flex-basis:130px;min-width:0;font-size:15px!important;padding:12px!important}.dcr-home-chart-grid{grid-template-columns:1fr!important}.dcr-chart-card{min-height:110px!important}.dcr-home-live{padding:22px!important}#fanWallFeed,.home-fan-posts{grid-template-columns:1fr!important;padding:28px 8px!important;gap:30px!important}#fanWallFeed .m-card:nth-child(3n+2),.home-fan-posts article:nth-child(3n+2){margin-top:0}.artist-directory-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)!important;min-height:280px}.artist-card-image{min-height:280px!important}.artist-card-copy{padding:22px 16px!important}.artist-card-copy h3{font-size:25px!important}.artist-card-copy .kicker{font-size:9px!important;padding:5px 7px!important}.artist-card-copy p{font-size:13px!important}#communityProfile .m-main>.m-grid:first-child{grid-template-columns:1fr!important}#communityProfile .m-intro{padding:28px!important}#fanPostForm,.form-card{padding:24px!important}.fresh-art-banner{min-height:210px!important}.step-nav{padding:20px!important}.dcr-meaning{border-left-width:4px}}
@media(prefers-reduced-motion:reduce){.artist-directory-card,.creator-slide,.dcr-chart-card{transition:none!important}}
.artist-card-image{aspect-ratio:auto!important;min-width:0!important;width:100%!important}.artist-card-image img{position:absolute;inset:0;display:block}.artist-card-copy{position:relative!important;width:100%!important;min-width:0!important;overflow-wrap:anywhere}.artist-card-copy h3,.artist-card-copy p{display:block!important;visibility:visible!important;opacity:1!important}

/* Hidden form steps and controls must override decorative display rules. */
html body [hidden]{display:none!important}

#accountContent .portal-form{max-width:650px;padding:24px;border:1px solid #625239;margin:24px 0}#accountContent label{display:block;margin:15px 0}#accountContent input{display:block;width:100%;padding:12px}.header-actions .dcr-account-link{display:inline-flex!important;white-space:nowrap!important}

/* Separate Membership and Events destinations in the global header. */
@media(min-width:1081px){html body .premium-header .main-nav{gap:10px!important;}html body .premium-header .main-nav>.nav-home-link,html body .premium-header .main-nav .nav-trigger{font-size:11px!important;white-space:nowrap!important;padding-left:4px!important;padding-right:4px!important;}}
html body .premium-header .main-nav a::after{content:none!important;display:none!important;}
html body .premium-header .main-nav a,html body .premium-header .main-nav .nav-trigger{text-decoration:none!important;}
html body .premium-header .main-nav a:hover,html body .premium-header .main-nav a[aria-current="page"],html body .premium-header .main-nav .nav-trigger:hover{text-decoration-line:underline!important;text-decoration-thickness:2px!important;text-underline-offset:6px!important;text-decoration-color:#dfb45c!important;}