@import url('https://fonts.googleapis.com/css2?family=Anton&family=Permanent+Marker&family=Oswald:wght@400;600;700&display=swap'); *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#eee;font-family:Oswald,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:76px;background:#050505;display:flex;align-items:center;gap:30px;padding:0 3vw;position:sticky;top:0;z-index:20;border-bottom:1px solid #242424}.brand{display:flex;align-items:center;gap:9px;font-family:Anton;font-size:20px;line-height:.8;white-space:nowrap}.brand b{color:#f4c400}.brand small{display:block;font:9px Oswald;letter-spacing:3px;margin-top:6px}.crown{font-size:39px;color:#f4c400}.top nav{display:flex;align-items:center;gap:2px;margin-left:auto;padding:3px;background:#111;border:1px solid #242424;border-radius:6px}.top nav a{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:7px 9px;color:#bbb;background:transparent;border:0;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.7px;line-height:1;white-space:nowrap;text-decoration:none;transition:.15s ease}.top nav a:hover,.top nav a:focus-visible,.top nav a.active{background:#f4c400;color:#000;outline:none}.top nav a:active{background:#d8ad00;color:#000}.top nav .messageBadge{margin-left:3px}.top nav .adminNavAlert.has-pending{background:#c62828!important;color:#fff!important}.top nav .adminNavAlert.has-pending:hover,.top nav .adminNavAlert.has-pending:focus-visible{background:#e53935!important;color:#fff!important}.join,.cta{border:0;background:#f4c400;color:#050505;font-weight:800;padding:13px 19px;cursor:pointer;display:inline-block;clip-path:polygon(2% 12%,97% 0,100% 88%,4% 100%)}.menu{display:none;background:none;color:white;border:0;font-size:25px}.hero{height:auto;max-height:var(--home-hero-max-height,600px);position:relative;overflow:hidden;background:#111}.hero>img{display:block;width:100%;height:auto;max-height:var(--home-hero-max-height,600px);object-fit:cover;object-position:center;opacity:.78}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000c 0%,#0005 43%,transparent 75%),linear-gradient(0deg,#090909,transparent 25%)}.heroCopy{position:absolute;z-index:2;left:7%;top:17%;max-width:470px}.eyebrow,.tag{color:#f4c400;font-weight:800;letter-spacing:2px;font-size:13px}.hero h1{font:82px/ .78 Anton;margin:20px 0 26px;text-transform:uppercase}.hero h1 span,.sectionHead em,.challenge h2 em,.kingdom em,.challengePage em{color:#f4c400;font-style:normal}.hero p{font-size:20px;margin-bottom:30px}.ticker{display:flex;background:#f4c400;color:#050505;font-weight:800;transform:rotate(-.2deg);margin:-3px 0 26px;padding:11px 4%;gap:30px;overflow:hidden}.ticker p{margin:0}.split{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.55fr .9fr;gap:18px;padding:20px}.feature{height:440px;position:relative;overflow:hidden;border:1px solid #333}.feature img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 60%)}.featureText{position:absolute;left:30px;bottom:28px}.featureText span{color:#f4c400}.featureText h2{font:48px Anton;margin:5px 0}.featureText p{max-width:520px}.latest{background:#0d0d0d;padding:22px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sectionHead h1,.sectionHead h2{font:34px Anton;margin:0}.sectionHead a{color:#f4c400;font-weight:bold}.mini{display:flex;gap:12px;border-top:1px solid #292929;padding:12px 0}.mini img{width:105px;height:68px;object-fit:cover}.mini b{display:block;font-size:15px}.mini small{color:#f4c400}.challenge{max-width:1160px;margin:auto;min-height:340px;padding:45px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#151515,#050505);border:1px solid #303030;position:relative;overflow:hidden}.challenge h2,.kingdom h2,.challengePage h1{font:55px/ .88 Anton;margin:12px 0}.challenge p{max-width:570px;color:#bbb;font-size:17px}.score{width:260px;height:220px;border:3px solid #f4c400;transform:rotate(3deg);padding:22px;text-align:center}.score span,.score small{display:block;color:#f4c400;font-weight:bold}.score strong{display:block;font:52px/ .8 Anton;margin:17px}.section,.blog{max-width:1160px;margin:70px auto}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.card{background:#111;border:1px solid #282828;padding-bottom:14px;transition:.2s}.card:hover{transform:translateY(-5px);border-color:#f4c400}.card img{width:100%;height:170px;object-fit:cover;display:block;filter:saturate(.8)}.card span,.card h3,.card small{margin-left:13px;margin-right:10px}.card span{display:block;color:#f4c400;font-size:11px;font-weight:bold;margin-top:10px}.card h3{font-size:17px;margin-top:5px;margin-bottom:8px}.card small{color:#888}.kingdom{max-width:1160px;margin:70px auto;padding:55px;display:flex;gap:45px;align-items:center;background:#0e0e0e;border:1px solid #292929}.crownBig{font-size:150px;color:#f4c400}.kingdom p{max-width:650px;color:#aaa}.kingdom form{display:flex;max-width:600px}.kingdom input,.listing input{flex:1;background:#191919;border:1px solid #444;color:white;padding:15px}.kingdom button,.listing button{background:#f4c400;border:0;padding:0 20px;font-weight:bold}.success{display:block;color:#f4c400;margin-top:10px}.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.blogGrid article{background:#111;border-left:4px solid #f4c400;padding:25px}.blogNum{color:#f4c400;font:32px Anton}.blogGrid h3{font:25px Anton;margin:12px 0}.blogGrid p{color:#999}footer{border-top:1px solid #222;padding:45px 6%;display:flex;align-items:center;justify-content:space-between;color:#777}.detail,.listing,.challengePage{max-width:1160px;margin:60px auto;padding:0 20px}.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}.detailMedia{min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.detailMedia img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;color:#f4c400;background:#0005}.detail h1,.listing h1{font:65px Anton;margin:15px 0}.detail p,.challengePage p{color:#aaa;font-size:18px;line-height:1.6}.stats{color:#f4c400;margin:25px 0;font-weight:bold}.listing .cards{grid-template-columns:repeat(4,1fr)}.challengePage{min-height:70vh;padding-top:70px}.challengePage h1{font-size:90px}.rules{display:grid;grid-template-columns:repeat(4,1fr);margin:45px 0;border-top:1px solid #333;border-bottom:1px solid #333}.rules>*{padding:20px;border-right:1px solid #333}.rules b{color:#f4c400} .profileHero{position:relative;overflow:hidden}.profileHeroContent{position:relative;z-index:2;width:100%;display:flex;gap:25px;align-items:center}.profileHero.hasProfileBanner{min-height:300px;padding:35px}.profileHero.hasProfileBanner .profileBanner{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;background:#080808;overflow:hidden;z-index:0}.profileHero.hasProfileBanner .profileBanner img{display:block;width:100%;height:100%;object-fit:cover}.profileBannerOverlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.45) 55%,rgba(0,0,0,.62))}.profileBanner{width:100%;height:300px;margin-top:10px;border:1px solid #292929;background:#080808;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}.profileBanner img{display:block;width:100%;height:100%;object-fit:cover}.bannerOptions{margin-top:24px}.currentProfileBanner{width:100%;height:220px;margin:0 0 18px;overflow:hidden;border:1px solid #292929;background:#080808}.currentProfileBanner img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:900px){.top nav,.top .join{display:none}.menu{display:block;margin-left:auto}.top{height:65px}.hero{height:auto}.heroCopy{left:6%;top:20%}.hero h1{font-size:64px}.split,.detail{grid-template-columns:1fr}.feature{height:380px}.cards,.listing .cards{grid-template-columns:repeat(2,1fr)}.card img{height:150px}.challenge{margin:20px;display:block}.score{margin-top:35px}.kingdom{margin:40px 20px;display:block;padding:35px}.crownBig{font-size:90px}.blog{margin:50px 20px}.blogGrid{grid-template-columns:1fr}.detailMedia{min-height:350px}.detail h1{font-size:48px}.rules{grid-template-columns:1fr 1fr}.challengePage h1{font-size:62px}footer{display:block;text-align:center}.ticker{font-size:12px}.hero>img{object-position:center}} @media(max-width:520px){.profileHero.hasProfileBanner{min-height:420px;padding:25px 20px}.profileHero.hasProfileBanner .profileHeroContent{display:block}.profileHero.hasProfileBanner .profileHeroActions{margin-top:20px}.profileBanner{height:190px}.currentProfileBanner{height:160px}} @media(max-width:520px){.hero h1{font-size:54px}.heroCopy{top:18%}.hero p{font-size:16px}.cards,.listing .cards{grid-template-columns:1fr}.featureText h2{font-size:36px}.kingdom form{display:block}.kingdom input,.kingdom button{width:100%;height:48px}.kingdom button{margin-top:8px}.rules{grid-template-columns:1fr}.rules>*{border-right:0;border-bottom:1px solid #333}} .sectionIntro{color:#888;max-width:760px;margin:-5px 0 22px;font-size:16px}.uncategorized{position:relative}.uncategorized:before{content:"";position:absolute;left:-30px;right:-30px;top:-25px;height:1px;background:#222}.categoryBar{display:flex;gap:10px;margin:-5px 0 25px;flex-wrap:wrap}.categoryBar a{border:1px solid #333;padding:9px 15px;font-weight:700;font-size:12px;letter-spacing:1px}.categoryBar a:hover,.categoryBar a.active{background:#f4c400;color:#050505;border-color:#f4c400}.uncategorizedCards .card{border-color:#343434}.uncategorizedCards .card span{color:#fff} /* Facebook story-card sharing */ .facebookShare{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer; } /* V3 accounts, profiles and admin */ .accountNav{display:flex;align-items:center;gap:9px;margin-left:12px;font-size:12px}.accountNav span{color:#aaa}.navBtn{border:1px solid #444;padding:8px 11px;font-weight:700}.gold,em{color:#f4c400;font-style:normal}.authPage{min-height:72vh;display:grid;place-items:center;padding:70px 20px}.authCard,.profileCard,.adminCard{background:#101010;border:1px solid #292929;padding:32px}.authCard{width:min(560px,100%)}.authCard h1,.adminHero h1{font:58px/.9 Anton;margin:16px 0}.authCard form,.adminCard form,.profileCard form{display:grid;gap:16px}.authCard label,.adminCard label,.profileCard label{display:grid;gap:7px;color:#aaa;font-weight:700;font-size:12px;letter-spacing:1px}.authCard input,.authCard textarea,.adminCard input,.adminCard textarea,.adminCard select,.profileCard input,.profileCard textarea,.profileCard select{width:100%;background:#191919;border:1px solid #444;color:#fff;padding:13px;font:inherit}.error{background:#301010;border-left:4px solid #f44;padding:12px;margin:15px 0;color:#ffaaa}.success{background:#132d12;border-left:4px solid #f4c400;padding:12px;margin:15px 0;color:#f4c400}.muted{color:#777}.profilePage,.adminPage,.storyPage{max-width:1200px;margin:55px auto;padding:0 20px}.profileHero,.adminHero{background:linear-gradient(110deg,#161616,#080808);border:1px solid #292929;padding:35px;display:flex;gap:25px;align-items:center;margin-bottom:25px}.profileHero h1{font:60px Anton;margin:8px 0}.avatar{width:110px;height:110px;border:3px solid #f4c400;display:grid;place-items:center;font-size:60px;color:#f4c400;transform:rotate(-4deg)}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profileOverviewDrops>.coverphotoProfile{margin:0;min-width:0}.profileOverviewDrops>.profileCard{min-width:0}.profileCard h2,.adminCard h2{font:30px Anton;margin:0 0 20px}.adminHero{justify-content:space-between}.adminHero p{color:#999}.adminStats{display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:20px}.adminStats div{padding:20px;background:#111;border:1px solid #292929;text-align:center}.adminStats strong{display:block;font:38px Anton;color:#f4c400}.adminStats span{font-size:10px;color:#888}.adminGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.wide{grid-column:1/-1}.adminRow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #292929}.adminRow form{display:flex;gap:7px}.adminRow button{background:#181818;border:1px solid #555;color:#fff;padding:8px 10px;font-weight:700;cursor:pointer}.adminRow button:hover{background:#f4c400;color:#000}.storyPage{max-width:900px}.storyHero{width:100%;height:430px;object-fit:cover;margin-bottom:35px}.storyPage h1{font:72px/.9 Anton;margin:15px 0}.storyExcerpt{font-size:21px;color:#aaa}.storyPage article{font:18px/1.8 Arial,sans-serif;color:#ddd;margin-top:35px}.challengeList{display:grid;gap:15px;margin-top:35px}.challengeRow{background:#111;border:1px solid #292929;padding:0}.challengeRow:hover{border-color:#f4c400}.challengeRowSplit{display:block}.challengePrimary{padding:25px;display:block;border-bottom:1px solid #292929}.challengeStatusBlock{width:100%;text-align:left}.challengeRow h2{font:35px Anton;margin:10px 0;text-align:left}.challengeActions{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:20px}.challengeActions .formNoMargin{display:block}.challengeActions .outlineBtn{display:inline-block}.challengeDetailsBlock{padding:25px;text-align:left;background:#0d0d0d}.challengeDetailsBlock>p{margin:0 0 22px;text-align:left}.challengeFacts{display:grid;gap:0;border-top:1px solid #292929}.challengeFacts>div{padding:14px 0;border-bottom:1px solid #292929;display:grid;grid-template-columns:minmax(130px,190px) 1fr;gap:18px;text-align:left}.challengeFacts b{color:#f4c400;font-size:11px;letter-spacing:1px}.challengeFacts span{color:#bbb;white-space:pre-line}.versus{display:none}.entryRow{display:flex;gap:20px;padding:14px;border-top:1px solid #292929;align-items:center}.entryRow>div:nth-of-type(1){flex:1;min-width:0}.entryRow form{flex:none}.detailMedia video{display:block;width:100%;height:auto;max-width:100%;background:#000;object-fit:contain}.facebookShare{margin-top:8px} @media(max-width:900px){.challengeFacts>div{grid-template-columns:1fr;gap:6px}.challengeActions{align-items:stretch}.challengeActions .cta,.challengeActions .outlineBtn{width:100%;text-align:center}.accountNav span{display:none}.profileGrid,.adminGrid{grid-template-columns:1fr}.adminStats{grid-template-columns:repeat(3,1fr)}.profileHero,.adminHero{display:block}.profileHero .cta,.adminHero .cta{margin-top:20px}.challengeRow{grid-template-columns:1fr}.versus{border-left:0;border-top:1px solid #333;padding-top:20px}.storyPage h1{font-size:54px}} @media(max-width:520px){.adminStats{grid-template-columns:repeat(2,1fr)}.authCard h1,.adminHero h1{font-size:46px}.profileHero h1{font-size:46px}.adminRow{display:block}.adminRow form{margin-top:10px}.storyHero{height:260px}} .submitNav{border:1px solid #f4c400;color:#f4c400;padding:8px 10px;font-weight:800;font-size:11px;letter-spacing:.5px}.heroAccount{display:flex;gap:12px;align-items:center}.outlineBtn{border:1px solid #555;padding:12px 20px;font-weight:800}.submitBanner{max-width:1160px;margin:45px auto;padding:35px 45px;border:1px solid #f4c400;background:linear-gradient(100deg,#151515,#090909);display:flex;align-items:center;justify-content:space-between;gap:25px}.submitBanner h2{font:42px Anton;margin:10px 0}.submitBanner p{color:#aaa;max-width:650px}.orLine{text-align:center;color:#777;font-size:11px;font-weight:800;letter-spacing:2px;border-top:1px solid #333;padding-top:15px}.authCard small{color:#777;font-weight:400}.authCard input[type=file]{padding:10px} @media(max-width:900px){.accountNav{margin-left:auto}.submitNav{display:none}.submitBanner{margin:30px 20px;display:block;padding:28px}.submitBanner .cta{margin-top:15px}.heroAccount{flex-wrap:wrap}} /* V6 member-video moderation, mobile navigation and admin polish */ .mobileMenu{display:none} .adminHeroActions{display:flex;gap:10px;align-items:center}.adminLogout{border:1px solid #444;padding:13px 18px;font-weight:800}.adminLogout:hover{border-color:#f4c400;color:#f4c400} .adminSectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #292929;padding-bottom:20px;margin-bottom:5px}.adminSectionHead h2{margin:6px 0}.queueBadge,.statusPending{display:inline-block;border:1px solid #f4c400;color:#f4c400;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:1px} .submissionItem{display:grid;grid-template-columns:minmax(300px,42%) 1fr;gap:25px;padding:25px 0;border-top:1px solid #292929}.submissionPreview{background:#000;border:1px solid #333;min-height:230px;display:flex}.submissionPreview video,.submissionPreview img{width:100%;height:100%;min-height:230px;max-height:340px;object-fit:contain;background:#000}.submissionInfo h3{font:38px Anton;margin:10px 0}.submissionInfo p{color:#aaa;line-height:1.55;white-space:normal}.submissionTop{display:flex;gap:10px;align-items:center}.submitter{display:flex;flex-direction:column;border-left:3px solid #f4c400;padding-left:12px;margin:18px 0}.submitter span{font-size:10px;color:#777;letter-spacing:1px}.submitter strong{font-size:16px}.submissionActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.submissionActions form{display:flex;gap:8px}.submissionActions button,.previewLink{padding:11px 14px;border:1px solid #444;background:#151515;color:#fff;font-weight:800;cursor:pointer;text-decoration:none}.submissionActions .approveBtn{background:#f4c400;color:#050505;border-color:#f4c400}.submissionActions .rejectBtn:hover{background:#4b1515;border-color:#f44}.previewLink:hover{border-color:#f4c400;color:#f4c400}.emptyQueue{padding:35px 10px;text-align:center;color:#777}.framePicker{background:#0b0b0b;border:1px solid #333;padding:18px;margin-top:5px}.framePreview{display:grid;grid-template-columns:1fr 180px;gap:12px}.framePreview video{width:100%;height:260px;background:#000;object-fit:contain}.framePreview canvas{width:100%;height:260px;object-fit:contain;background:#050505;border:1px solid #292929}.frameButton{background:#f4c400;border:0;padding:12px 15px;font-weight:900;cursor:pointer;margin-top:10px}.coverStatus{display:block;color:#888;font-size:12px;margin-top:10px}.authorBox{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #292929;border-bottom:1px solid #292929;padding:14px 0;margin:20px 0}.authorBox strong{font-size:10px;color:#f4c400;letter-spacing:1px}.authorBox small{color:#777} @media(max-width:900px){ .mobileMenu{display:block;position:fixed;top:65px;left:0;right:0;z-index:19;background:#050505;border-bottom:2px solid #f4c400;transform:translateY(-120%);transition:transform .22s ease;visibility:hidden}.menuOpen .mobileMenu{transform:translateY(0);visibility:visible}.mobileMenuInner{display:grid;padding:10px 20px 18px}.mobileMenu a{padding:15px 4px;border-bottom:1px solid #242424;font-weight:800;letter-spacing:1px}.mobileMenu a:hover,.mobileMenu .mobileLogout{color:#f4c400} .mobileMenu a.mobileSubmit,.mobileMenu a.mobileAdmin,.mobileMenu a.mobileJoin{color:#f4c400}.mobileAccount{padding:15px 4px;border-bottom:1px solid #242424;color:#aaa;font-size:13px;font-weight:800;letter-spacing:1px}.submissionItem{grid-template-columns:1fr}.submissionPreview video,.submissionPreview img{min-height:220px;max-height:400px}.adminHeroActions{margin-top:20px;flex-wrap:wrap}.framePreview{grid-template-columns:1fr}.framePreview canvas{height:180px} } @media(max-width:520px){.submissionInfo h3{font-size:30px}.adminSectionHead{display:block}.queueBadge{margin-top:10px}.submissionActions form{width:100%;flex-direction:column}.submissionActions form button{width:100%}.previewLink{width:100%;text-align:center}.framePreview video{height:210px}} /* V8 moderation queue fixes */ .submissionQueue{overflow:hidden}.submissionQueue .adminSectionHead{background:#0b0b0b;margin:-32px -32px 0;padding:25px 32px}.submissionItem{background:#0d0d0d;margin:0 -32px;padding:28px 32px}.submissionPreview{min-height:320px;border:1px solid #444;box-shadow:inset 0 0 0 1px #111}.submissionPreview video,.submissionPreview img{min-height:320px;max-height:440px}.submissionMeta{display:flex;flex-wrap:wrap;gap:18px;color:#aaa;font-size:12px;margin:12px 0}.submissionMeta b,.submissionDescription>b{color:#f4c400;font-size:10px;letter-spacing:1px}.submissionDescription{border-top:1px solid #292929;border-bottom:1px solid #292929;padding:14px 0;margin:12px 0}.submissionDescription p{margin:7px 0 0}.submissionActions{margin-top:18px}.moderationForm{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px!important;margin:0!important}.moderationForm button{display:inline-block}.approveBtn{background:#f4c400!important;color:#050505!important;border-color:#f4c400!important}.rejectBtn{border-color:#713333!important}.previewLink{display:inline-block} @media(max-width:900px){.submissionQueue .adminSectionHead,.submissionItem{margin-left:-32px;margin-right:-32px;padding-left:22px;padding-right:22px}.submissionPreview video,.submissionPreview img{min-height:220px}.moderationForm{flex-direction:column!important}.moderationForm button{width:100%}} .pendingStat{position:relative}.pendingStat a{display:block;color:#f4c400;font-size:10px;font-weight:900;margin-top:7px}.adminVideoRow{display:grid;grid-template-columns:90px 1fr auto;align-items:center}.adminVideoThumb{width:90px;height:58px;background:#000;overflow:hidden}.adminVideoThumb img{width:100%;height:100%;object-fit:cover}.adminVideoSummary{display:flex;flex-direction:column;gap:5px}.adminVideoSummary span{color:#888;font-size:11px;text-transform:uppercase}.adminRowActions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.adminRowActions a,.adminRowActions button{background:#181818;border:1px solid #555;color:#fff;padding:8px 10px;font-weight:800;text-decoration:none;cursor:pointer}.adminRowActions a:hover,.adminRowActions button:hover{border-color:#f4c400;color:#f4c400}.editVideoPreview{background:#000;border:1px solid #333;margin-bottom:25px}.editVideoPreview video{width:100%;max-height:600px;display:block;background:#000}.editFrameTools{border:1px solid #333;background:#0b0b0b;padding:18px;margin:20px 0}.editFrameTools output{display:block;color:#f4c400;font-weight:900;margin-top:7px}@media(max-width:700px){.adminVideoRow{grid-template-columns:70px 1fr}.adminVideoRow .adminRowActions{grid-column:1/-1}.adminVideoThumb{width:70px;height:48px}} .avatar{overflow:hidden;display:grid;place-items:center}.avatar img{width:100%;height:100%;object-fit:cover;display:block} .checkLabel{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px}.checkLabel input{width:auto!important}.visitorCounter{display:block;margin-top:8px;color:#777}.challengeDates{display:block;color:#888;font-size:12px;letter-spacing:.5px;margin:6px 0 12px}.facebookShare{display:inline-block;margin-bottom:15px} .staticAssetGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.staticAssetCard{background:#0b0b0b;border:1px solid #292929;padding:16px}.staticAssetPreview{height:190px;background:#151515;border:1px solid #222;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}.staticAssetPreview img{width:100%;height:100%;object-fit:contain}.staticAssetInfo{display:grid;gap:5px;margin-bottom:14px}.staticAssetInfo strong{overflow-wrap:anywhere}.staticAssetInfo small{color:#777}.staticAssetCard form{display:grid;gap:12px}.staticAssetCard label{display:grid;gap:7px;color:#aaa;font-weight:700;font-size:11px;letter-spacing:1px}.staticAssetCard input[type=file]{width:100%;background:#191919;border:1px solid #444;color:#fff;padding:10px}.staticAssetCard .cta{width:100%}@media(max-width:900px){.staticAssetGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.staticAssetGrid{grid-template-columns:1fr}} .staticAssetGroupTitle{margin:30px 0 8px;border-bottom:1px solid #292929;padding-bottom:10px}.staticAssetActions{margin:-4px 0 14px}.staticAssetActions .outlineBtn{display:inline-block;font-size:10px;padding:9px 12px}.staticAssetBroken{color:#aaa;font-size:11px;text-align:center;padding:20px} /* V22 static image library */ .staticAssetPreview{position:relative;min-height:190px}.staticAssetPreview img{display:block;width:100%;height:100%;min-height:190px;object-fit:contain;background:#111}.staticAssetCard{min-width:0}.staticAssetCard code{color:#f4c400}.staticAssetActions{display:flex;gap:8px}.staticAssetInfo strong{font-size:14px} /* V26 video playback: use the browser's native HTML5 video controls only. */ .nativeVideoPlayer{display:block;width:100%;height:auto;max-width:100%;background:#000;object-fit:contain;border:0;outline:0;} .detailMedia>.nativeVideoPlayer{position:relative;z-index:1;} .submissionPreview>.nativeVideoPlayer{min-height:220px;max-height:440px;} .editVideoPreview>.nativeVideoPlayer{width:100%;max-height:600px;} .authorIdentity{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.authorBox .outlineBtn{white-space:nowrap;padding:10px 14px;border:1px solid #444;background:#151515;color:#fff;font-weight:800;display:inline-block}.authorBox .outlineBtn:hover{border-color:#f4c400;color:#f4c400} @media(max-width:520px){.authorBox{align-items:flex-start;flex-direction:column}.authorBox .outlineBtn{width:100%;text-align:center}} .challengeRecord{display:flex;gap:30px;margin:20px 0}.challengeRecord div{display:flex;flex-direction:column}.challengeRecord strong{font-size:28px}.challengeRecord span{font-size:10px;color:#888;letter-spacing:1px}.profileVideoItem{border-bottom:1px solid #292929;padding-bottom:14px;margin-bottom:14px}.wideProfile{max-width:900px;margin:24px auto}.profileChallengeHistory{padding:0;overflow:hidden}.profileChallengeHistory>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 32px;cursor:pointer;list-style:none;font:30px Anton;color:#fff}.profileChallengeHistory>summary::-webkit-details-marker{display:none}.profileChallengeHistory>summary:focus-visible{outline:2px solid #f4c400;outline-offset:-2px}.profileDropdownIcon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #444;background:#151515;color:#f4c400;font:26px/1 Arial,sans-serif;flex:none}.profileChallengeHistory[open]>summary{border-bottom:1px solid #292929}.profileChallengeHistory[open] .profileDropdownIcon{font-size:0}.profileChallengeHistory[open] .profileDropdownIcon::before{content:'−';font-size:26px}.profileChallengeHistoryContent{padding:0 32px 32px;display:grid;gap:14px;min-width:0}.challengeHistoryThumb{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:18px;align-items:center;min-width:0;padding:14px;background:#111;border:1px solid #292929;color:#fff;text-decoration:none;overflow:hidden}.challengeHistoryThumb:hover{border-color:#f4c400}.challengeHistoryImage{display:block;width:100%;min-width:0;overflow:hidden;background:#090909}.challengeHistoryImage img{display:block;width:100%;max-width:100%;height:auto;max-height:180px;object-fit:contain;margin:0 auto}.challengeHistoryThumb>div{min-width:0}.challengeHistoryThumb b{display:block;overflow-wrap:anywhere}.challengeHistoryThumb small{display:block;margin-top:6px;color:#888;overflow-wrap:anywhere}.challengeHistoryWinnerBox{display:grid;gap:5px;padding:14px 16px;background:#0b0b0b;border:1px solid #333}.challengeHistoryWinnerBox span{font-size:10px;letter-spacing:1.4px;color:#888;font-weight:700}.challengeHistoryWinnerBox b{font-size:22px;color:#fff}.challengeHistoryWinnerBox strong{font-size:18px;color:#f4c400;overflow-wrap:anywhere}.challengeHistoryWinnerBox em{font-style:normal;font-size:10px;letter-spacing:1px;color:#f4c400;font-weight:700}.challengeHistoryInfo{display:grid;gap:10px;min-width:0}@media(max-width:640px){.challengeHistoryWinnerBox b{font-size:20px}.challengeHistoryWinnerBox strong{font-size:16px}.profileChallengeHistory>summary{padding:20px;font-size:24px}.profileChallengeHistoryContent{padding:0 20px 20px}.challengeHistoryThumb{grid-template-columns:minmax(0,1fr);gap:12px}.challengeHistoryImage img{max-height:260px}} @media(max-width:640px){} /* Submit Video upload state */ .submitVideoBtn.uploading{background:#d40000!important;border-color:#d40000!important;color:#fff!important;cursor:wait!important;opacity:1!important;box-shadow:0 0 0 3px rgba(212,0,0,.18);} .submitVideoBtn:disabled{cursor:wait;} .uploadProgress{margin-top:12px;} .uploadProgressBar{height:10px;background:#242424;border-radius:999px;overflow:hidden;border:1px solid #444;} .uploadProgressBar span{display:block;height:100%;width:0%;background:#d40000;transition:width .12s linear;} .uploadProgress strong{display:block;margin-top:7px;font-size:.78rem;letter-spacing:.08em;} /* Video comments */ .commentsSection{max-width:1100px;margin:0 auto;padding:28px 24px 60px;border-top:1px solid #292929}.commentsHeader{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.commentsHeader h2{font:42px Anton,Arial,sans-serif;margin:6px 0}.commentsHeader h2 em{font-style:normal;color:#777}.commentForm{display:flex;gap:12px;align-items:flex-end;margin:0 0 28px}.commentForm textarea{flex:1;min-height:110px;background:#0b0b0b;border:1px solid #333;color:#fff;padding:14px;resize:vertical;font:inherit}.commentForm textarea:focus{outline:none;border-color:#f4c400}.commentList{display:flex;flex-direction:column;gap:12px}.commentItem{position:relative;background:#101010;border:1px solid #292929;padding:16px 18px}.commentItem.videoOwnerComment{border-left:4px solid #e22}.commentItem.videoOwnerComment .commentMeta strong,.commentItem.videoOwnerComment .commentBody{color:#f04444}.commentMeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.commentMeta strong{font-weight:900}.commentMeta time{font-size:11px;color:#777}.commentUsername{font-size:12px;color:#888}.commentBody{line-height:1.55;white-space:normal;overflow-wrap:anywhere}.deleteComment{margin-top:12px;border:1px solid #642626;background:#1a0b0b;color:#f66;padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer}.deleteComment:hover{background:#3a1010}.commentLogin{margin:15px 0 28px}.emptyComments{text-align:center;padding:30px;color:#666;border:1px dashed #333}.commentFlash{margin-bottom:15px}@media(max-width:650px){.commentForm{flex-direction:column;align-items:stretch}.commentForm .cta{width:100%}.commentsSection{padding-left:16px;padding-right:16px}.commentsHeader h2{font-size:34px}} .socialLinks{margin-top:18px}.socialLinks>strong{display:block;margin-bottom:8px}.socialLinks>div{display:flex;gap:8px;flex-wrap:wrap}.socialLinks a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;text-decoration:none}.profileSocialEditor{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.profileSocialEditor h3{margin-top:0}.profileSocialEditor label span{display:block;margin-top:6px} /* V31 following/followers */ .followStats{display:flex;gap:24px;margin-top:14px}.followStats a{display:flex;flex-direction:column;text-decoration:none;color:#fff;min-width:80px}.followStats strong{font:30px Anton;color:#f4c400;line-height:1}.followStats span{font-size:10px;color:#888;letter-spacing:1px;margin-top:4px}.profileHeroActions{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.followForm{margin:0}.followForm .cta{margin:0;cursor:pointer}.followingBtn{background:#181818!important;color:#f4c400!important;border:1px solid #f4c400!important}.followGrid{margin-top:20px}.followCount{font:20px Anton;color:#f4c400;margin-left:8px}.userList{display:grid;gap:9px;max-height:430px;overflow:auto}.userListItem{display:flex;align-items:center;gap:12px;padding:10px;background:#111;border:1px solid #292929;text-decoration:none;color:#fff}.userListItem:hover{border-color:#f4c400;transform:translateX(2px)}.listAvatar{width:46px;height:46px;border:1px solid #f4c400;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:#f4c400;flex:none}.listAvatar img{width:100%;height:100%;object-fit:cover}.userListItem span:nth-child(2){display:flex;flex-direction:column}.userListItem small{color:#888;margin-top:3px}.profileHeroActions .outlineBtn{display:inline-flex;align-items:center}.followGrid .profileCard{min-width:0} @media(max-width:900px){.profileHeroActions{margin-top:20px;margin-left:0;justify-content:flex-start}.followStats{margin-top:12px}} .profilePrivacyEditor{margin:18px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.profilePrivacyEditor h3{margin:0 0 8px}.profilePrivacyEditor label{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start}.profilePrivacyEditor label small{grid-column:2;color:#777;font-weight:400;letter-spacing:0} .aboutPage{min-height:70vh;background:#090909} .aboutHero{position:relative;overflow:hidden;max-width:1160px;margin:45px auto 0;padding:58px 55px 62px;background:linear-gradient(110deg,#151515,#050505);border:1px solid #303030} .aboutHero:after{content:"";position:absolute;right:-90px;top:-120px;width:320px;height:320px;border:3px solid #f4c400;transform:rotate(18deg);opacity:.28} .aboutHeroInner{position:relative;z-index:1;max-width:900px} .aboutHero h1{font:clamp(54px,8vw,92px)/.86 Anton;margin:16px 0 24px;text-transform:uppercase} .aboutHero h1 em,.aboutSection h2 em,.aboutMission h2 em{font-style:normal;color:#f4c400} .aboutLead{font-size:clamp(18px,2.2vw,23px);line-height:1.55;max-width:780px;color:#aaa;margin:0} .aboutContent{max-width:1160px;margin:18px auto 70px} .aboutSection{display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;padding:42px 45px;background:#101010;border:1px solid #292929;margin-top:14px;position:relative;overflow:hidden} .aboutSection:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#f4c400} .aboutSection:nth-child(odd){background:linear-gradient(105deg,#151515,#0d0d0d)} .aboutLabel{font-size:12px;font-weight:900;letter-spacing:2px;color:#f4c400;padding-top:5px} .aboutSectionBody{min-width:0} .aboutSection h2{font:clamp(35px,5vw,58px)/.92 Anton;margin:0 0 20px;text-transform:uppercase} .aboutSection p,.aboutMission p{font:18px/1.7 Oswald,Arial,sans-serif;color:#aaa;max-width:900px;margin:0 0 16px} .aboutSection p:last-child,.aboutMission p:last-child{margin-bottom:0} .aboutActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .aboutAction{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;background:#f4c400;color:#050505;font:800 12px Oswald,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;clip-path:polygon(2% 10%,97% 0,100% 88%,4% 100%);transition:.15s ease} .aboutAction:hover{background:#fff;transform:translateY(-1px)} .aboutActionDark{background:#181818;color:#f4c400;border:1px solid #555;clip-path:none} .aboutActionDark:hover{background:#f4c400;color:#050505} .aboutEmphasis{border-left:3px solid #f4c400;padding:12px 0 12px 17px;color:#ddd!important;background:#0b0b0b} .aboutFeatureList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px} .aboutFeatureList p{padding:14px 0 14px 17px;margin:0;border-top:1px solid #292929;position:relative} .aboutFeatureList p:before{content:"//";position:absolute;left:0;color:#f4c400;font-weight:900} .aboutMission{max-width:1160px;margin-top:14px;padding:48px 55px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:30px;align-items:center;background:linear-gradient(110deg,#151515,#050505);border:1px solid #303030;position:relative;overflow:hidden} .aboutMission:after{content:"";position:absolute;right:-50px;bottom:-90px;width:230px;height:230px;border:2px solid #f4c400;transform:rotate(25deg);opacity:.2} .aboutMissionMark{font-size:88px;color:#f4c400;text-align:center;line-height:1} .aboutMission h2{font:clamp(40px,6vw,68px)/.9 Anton;margin:10px 0 18px} .aboutMission .aboutLabel{padding-top:0} .footerNav{margin:14px 0 8px}.footerNav a{font-weight:800;letter-spacing:2px;font-size:13px} @media(max-width:900px){.aboutHero{margin:25px 20px 0;padding:45px 30px 50px}.aboutContent{margin:14px 20px 50px}.aboutSection{grid-template-columns:150px minmax(0,1fr);padding:35px 28px;gap:25px}.aboutFeatureList{grid-template-columns:1fr}.aboutMission{margin-left:20px;margin-right:20px;padding:38px 30px;grid-template-columns:80px minmax(0,1fr);gap:20px}.aboutMissionMark{font-size:65px}} @media(max-width:650px){.aboutHero{margin:18px 12px 0;padding:38px 22px 42px}.aboutHero h1{font-size:52px}.aboutContent{margin:10px 12px 40px}.aboutSection{display:block;padding:30px 22px}.aboutLabel{margin-bottom:15px}.aboutSection h2{font-size:40px}.aboutSection p,.aboutMission p{font-size:17px;line-height:1.65}.aboutActions{display:grid}.aboutAction{text-align:center}.aboutMission{margin-left:12px;margin-right:12px;display:block;padding:32px 22px}.aboutMissionMark{text-align:left;margin-bottom:15px;font-size:55px}} /* Private member messaging */ .messageBadge,.messageUnread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:900;line-height:1;margin-left:5px} .messageBadge{background:var(--accent,#fff);color:#111} .messagesPage{max-width:1200px;margin:0 auto;padding:55px 22px 90px} .messagesHeader{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px} .messagesHeader h1{font-size:clamp(38px,6vw,72px);margin:6px 0 8px;line-height:.95} .messagesHeader p{margin:0;opacity:.75} .messagesLayout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:stretch} .inboxCard,.threadCard{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:16px;overflow:hidden} .inboxTitle{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)} .inboxTitle h2{margin:0;font-size:16px;letter-spacing:.08em} .inboxTitle span{opacity:.6} .conversationItem{display:flex;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit;min-width:0} .conversationItem:hover,.conversationItem.selected{background:rgba(255,255,255,.07)} .messageAvatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:21px} .messageAvatar img{width:100%;height:100%;object-fit:cover} .conversationText{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1} .conversationText b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .conversationText small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.6} .messageUnread{background:var(--accent,#fff);color:#111;font-style:normal} .threadCard{display:flex;flex-direction:column;min-height:620px} .threadHeader{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)} .threadPerson{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit} .threadPerson>span:last-child{display:flex;flex-direction:column;gap:3px} .threadPerson small{opacity:.6} .messageThread{padding:22px;flex:1;overflow-y:auto;max-height:620px} .messageBubbleRow{display:flex;margin:0 0 13px} .messageBubbleRow.mine{justify-content:flex-end} .messageBubble{max-width:min(75%,650px);padding:12px 15px;border-radius:16px;background:rgba(255,255,255,.09)} .messageBubbleRow.mine .messageBubble{background:rgba(255,255,255,.18);border-bottom-right-radius:4px} .messageBubbleRow.theirs .messageBubble{border-bottom-left-radius:4px} .messageUsername{font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.65;margin:0 0 5px;text-transform:none;overflow-wrap:anywhere}.messageBubble p{margin:0;line-height:1.5;overflow-wrap:anywhere} .messageBubble time{display:block;font-size:10px;opacity:.5;margin-top:7px} .messageComposer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)} .messageComposer textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:76px;padding:13px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(0,0,0,.22);color:inherit;font:inherit} .messageComposer>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px} .messageComposer small{opacity:.55} .messageNotice{margin:0 0 20px;padding:13px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15)} .messageNotice.error{background:rgba(255,60,60,.1)} .threadEmpty{display:flex;flex:1;min-height:300px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px} @media(max-width:850px){.messagesLayout{grid-template-columns:1fr}.inboxCard{max-height:360px;overflow:auto}.threadCard{min-height:540px}.messagesHeader{align-items:flex-start;flex-direction:column}.messageThread{max-height:480px}.messageBubble{max-width:86%}} .messagePageUnread{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-width:.9em;height:.9em;padding:0 .25em;border-radius:999px;font-family:Arial,sans-serif;font-size:.25em;line-height:1;background:currentColor;color:var(--bg,#111)} .profileVideoRow{display:flex;gap:12px;align-items:center;justify-content:space-between}.profileVideoRow .mini{flex:1;min-width:0}.publishOriginalBtn{flex:none;background:#151515;color:#fff;border-color:#f4c400;font-size:10px;padding:10px 12px;text-align:center}.publishOriginalBtn:hover{background:#f4c400;color:#050505}@media(max-width:650px){.profileVideoRow{display:block}.publishOriginalBtn{width:100%;margin-top:10px}} /* V62 video favorites */ .videoPageActions{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:14px}.videoPageActions .facebookShare{margin-top:0}.favoriteForm{margin:0;display:flex}.favoriteBtn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.favoriteBtn:hover{border-color:#f4c400;color:#f4c400}.favoritesSection{margin-top:20px}.favoriteVideoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.favoriteVideoCard{border:1px solid rgba(255,255,255,.12);background:#101010;overflow:hidden}.favoriteVideoCard>a{display:block;text-decoration:none;color:inherit}.favoriteVideoCard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#090909}.favoriteVideoCard>a div{padding:12px}.favoriteVideoCard b{display:block;line-height:1.3}.favoriteVideoCard small{display:block;color:#888;margin-top:5px}.removeFavoriteBtn{width:100%;border:0;border-top:1px solid rgba(255,255,255,.1);background:#160d0d;color:#f66;padding:10px;font-size:10px;font-weight:900;letter-spacing:.05em;cursor:pointer}.removeFavoriteBtn:hover{background:#3a1010;color:#fff}@media(max-width:650px){.videoPageActions{display:block}.videoPageActions .facebookShare,.videoPageActions .favoriteForm,.videoPageActions .favoriteBtn{width:100%}.favoriteForm{margin-top:10px}} /* V62.1: make the website favicon editor unmistakable in Admin > Static Images */ .faviconAssetCard{border-width:2px}.faviconPreview{min-height:190px}.faviconPreview img{width:128px!important;height:128px!important;min-height:128px!important;image-rendering:auto}.faviconAssetCard .cta{font-weight:900} .faviconEditorNotice{display:grid;gap:5px;margin:18px 0 0;padding:14px 16px;border:2px solid #f4c400;background:#101010}.faviconEditorNotice strong{font-size:13px;letter-spacing:1.2px}.faviconEditorNotice span{color:#aaa;font-size:12px}.faviconEditorNotice code{color:#f4c400} /* Website Facebook sharing */ .websiteFacebookShare{display:inline-block;margin-left:10px;padding:8px 12px;border:1px solid #444;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.04em}.websiteFacebookShare:hover{border-color:#f4c400;color:#f4c400}@media(max-width:650px){.websiteFacebookShare{display:block;margin:10px 0 0;width:max-content;max-width:100%}} .dangerBtn{background:#260b0b!important;border-color:#8b3030!important;color:#ff7070!important}.dangerBtn:hover{background:#4a1111!important;border-color:#ff4d4d!important;color:#fff!important} /* V67: presentation formerly expressed as inline style attributes. */ .flexWrap10{display:flex;gap:10px;flex-wrap:wrap}.challengeRowFlex{display:flex;justify-content:space-between;gap:18px;align-items:center}.challengeRowLink{display:flex;justify-content:space-between;gap:18px;align-items:center;flex:1;min-width:0;text-decoration:none;color:inherit}.minWidth0{min-width:0}.formNoMargin{margin:0}.profileEditorWide{max-width:800px;margin:24px auto}.pendingVideosWide{max-width:1000px;margin:24px auto}.entryThumb{width:100px;height:70px;object-fit:cover}.entryThumbLarge{width:100%;height:100%;object-fit:cover}.challengeCreationRows{display:grid;gap:10px;margin-top:14px}.challengeCreationRow{display:flex;align-items:stretch;gap:10px;flex-wrap:nowrap}.challengeCreationRow>a{flex:1 1 0;min-width:0;text-align:center}.challengeCreationRow:empty{display:none}@media(max-width:700px){.challengeCreationRow{flex-wrap:wrap}.challengeCreationRow>a{flex:1 1 100%}}.challengePhotoLightboxTrigger{display:block;width:auto;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;line-height:0;text-align:left}.entryRow>.challengePhotoLightboxTrigger{flex:none}.entryMedia .challengePhotoLightboxTrigger{width:100%;height:100%}.challengePhotoLightboxTrigger:hover img{filter:brightness(1.08)}.entryMedia{width:110px;height:75px;overflow:hidden;background:#000}.noVideoPad{padding:20px}.clipAdminEdit{margin-top:18px}.smtpTestCard{margin-top:1rem}.messageEmptyPad{padding:20px} .homeChallenges{max-width:1160px;margin:45px auto;padding:35px 45px;border:1px solid #f4c400;background:linear-gradient(100deg,#151515,#090909)} .homeChallenges .sectionHead{align-items:flex-end;margin-bottom:8px} .homeChallenges .sectionHead h2{font:42px Anton;margin:10px 0 0;line-height:1.05} .homeChallenges .sectionHead h2 em{font-style:normal;color:#f4c400} .homeChallenges .sectionHead>a{font-weight:800;font-size:11px;letter-spacing:1px} .homeChallengeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:25px} .homeChallengeCard{display:block;border:1px solid #333;background:#0b0b0b;padding:20px;transition:transform .15s,border-color .15s,background .15s} .homeChallengeCard:hover{transform:translateY(-2px);border-color:#f4c400;background:#111} .homeChallengeTop{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px} .homeChallengeTop small{color:#777;font-size:9px;font-weight:800;letter-spacing:1px;text-align:right} .homeChallengeCard h3{font-size:22px;margin:8px 0 10px} .homeChallengeCard p{color:#aaa;font-size:13px;line-height:1.55;margin:0 0 15px} .homeChallengeMeta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #222;padding-top:12px;color:#777;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:16px} .homeChallengeCard>strong{font-size:11px;letter-spacing:1px;color:#f4c400} @media(max-width:900px){.homeChallenges{margin:30px 20px;padding:28px}.homeChallenges .sectionHead{display:block}.homeChallenges .sectionHead>a{display:inline-block;margin-top:10px}.homeChallenges .sectionHead h2{font-size:34px}} .challengeVoteBox{flex:none;display:flex;align-items:center;gap:8px}.challengeVoteBox form{display:flex;margin:0}.challengeVoteBox .reactionBtn{white-space:nowrap}.challengeVoteBox .reactionBtn.active{border-color:#f4c400;color:#f4c400;background:#1b1700}@media(max-width:700px){.challengeVoteBox{width:100%;margin-top:8px}.challengeVoteBox .reactionBtn{width:100%}.entryRow{flex-wrap:wrap}} /* V2.5: winning challenge cover is a responsive clickable image that always fits inside CHALLENGE COMPLETE. */ .challengeComplete{overflow:hidden} .challengeWinner{width:100%;min-width:0;margin:10px 0 25px;text-align:center;overflow:hidden} .challengeWinnerLabel{font-weight:900;letter-spacing:1px;margin-bottom:12px} .challengeWinnerLink{display:flex;width:100%;max-width:100%;justify-content:center;align-items:center;overflow:hidden;text-decoration:none} .challengeWinnerCover{display:block;width:auto;max-width:100%;height:auto;max-height:70vh;object-fit:contain;margin:0 auto} .challengeWinnerVotes{margin-top:12px;font-weight:900;letter-spacing:1px} .challengeLosersHead{margin-top:25px} @media(max-width:700px){.challengeWinnerCover{max-height:55vh}.challengeWinner{margin-bottom:20px}} .challengeWinnerBadges{display:flex;flex-direction:column;gap:10px;margin-top:14px;grid-column:1/-1}.challengeWinnerBadge{display:block;width:100%;padding:13px 16px;background:#111;border:1px solid #f4c400;color:#f4c400;font-weight:900;letter-spacing:1px;text-align:center;text-transform:uppercase}.challengeWinnerBadge:hover{background:#f4c400;color:#050505}.detail>.challengeWinnerBadges + .detailText{grid-column:2}.detail>.challengeWinnerBadges{grid-column:1/2} /* V3.3: visually separate the challenge name from the winner suffix. */ .challengeWinnerBadge{word-spacing:0}.challengeWinnerSuffix{margin-left:14px} /* V3.11: Professional admin console navigation and visual grouping. */ .adminConsoleNav{background:#080808;border-top:1px solid #292929;border-bottom:1px solid #292929;box-shadow:0 8px 24px rgba(0,0,0,.25);position:relative;z-index:10} .adminConsoleInner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:stretch;gap:18px} .adminConsoleBrand{display:flex;align-items:center;gap:10px;min-width:185px;padding:6px 14px 6px 0;border-right:1px solid #292929} .adminConsoleCrown{color:#f4c400;font-size:27px;line-height:1} .adminConsoleBrand strong{display:block;font:18px/1 Anton;letter-spacing:.5px} .adminConsoleBrand small{display:block;color:#666;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-top:3px} .adminConsoleGroups{display:flex;flex:1;gap:7px;flex-wrap:wrap;align-items:stretch} .adminNavGroup{display:flex;align-items:center;gap:2px;padding:3px;background:#111;border:1px solid #242424;border-radius:6px} .adminNavGroup>span{padding:7px 8px;color:#666;font-size:9px;font-weight:900;letter-spacing:1.3px} .adminNavGroup a{padding:7px 9px;color:#bbb;font-size:10px;font-weight:900;letter-spacing:.7px;white-space:nowrap;border-radius:4px} .adminNavGroup a:hover,.adminNavGroup a.active{background:#f4c400;color:#000} .adminConsoleExit{align-self:center;border:1px solid #444;padding:10px 12px;font-size:10px;font-weight:900;letter-spacing:.8px;white-space:nowrap} .adminConsoleExit:hover{border-color:#f4c400;color:#f4c400} .adminQuickLinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px} .adminQuickLinks a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#111;border:1px solid #292929;padding:14px 16px;font-weight:900;font-size:11px;letter-spacing:.7px} .adminQuickLinks a:hover{border-color:#f4c400;color:#f4c400;transform:translateY(-1px)} .adminQuickLinks small{display:block;color:#666;font-size:9px;font-weight:700;letter-spacing:.5px;margin-top:4px} .adminDashboardSection{margin-top:24px} .adminDashboardSectionTitle{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #292929} .adminDashboardSectionTitle h2{margin:0;font:26px Anton;letter-spacing:.4px} .adminDashboardSectionTitle p{margin:4px 0 0;color:#666;font-size:12px} .adminSectionLabel{color:#f4c400;font-size:9px;font-weight:900;letter-spacing:1.5px} @media(max-width:1000px){.adminConsoleInner{display:block}.adminConsoleBrand{border-right:0;border-bottom:1px solid #292929;padding:4px 0 12px;margin-bottom:10px}.adminConsoleExit{display:inline-block;margin-top:10px}.adminQuickLinks{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.adminNavGroup{width:100%;flex-wrap:wrap}.adminNavGroup>span{width:100%;padding-bottom:3px}.adminConsoleGroups{display:grid;grid-template-columns:1fr 1fr}.adminQuickLinks{grid-template-columns:1fr}} /* V3.12 professional profile presentation */ .profileSectionNav{position:sticky;top:0;z-index:20;display:flex;gap:4px;align-items:center;overflow-x:auto;margin:0 0 18px;padding:7px;background:rgba(10,10,10,.94);border:1px solid #292929;backdrop-filter:blur(12px);scrollbar-width:thin} .profileSectionNav a{flex:0 0 auto;padding:11px 14px;color:#aaa;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:1.2px;border:1px solid transparent;transition:.15s ease} .profileSectionNav a:hover{color:#fff;border-color:#444;background:#171717} .profileSectionNav a:focus-visible{outline:2px solid #f4c400;outline-offset:-2px} .profileQuickStats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 20px} .profileQuickStats>div{min-width:0;padding:15px 10px;text-align:center;background:#101010;border:1px solid #292929} .profileQuickStats strong{display:block;font:28px/1 Anton,Arial,sans-serif;color:#f4c400} .profileQuickStats span{display:block;margin-top:5px;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#777} .profileBio{font-size:16px;line-height:1.65;color:#d2d2d2} .profileMetaLine{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #292929;color:#777;font-size:10px;font-weight:900;letter-spacing:1px} .profileOwnerBadge{padding:5px 8px;border:1px solid #f4c400;color:#f4c400} .editorSection{margin:8px 0 2px;padding:16px 0 4px;border-top:1px solid #292929} .editorSection h3{margin:0 0 5px;font-size:15px;letter-spacing:1.5px;color:#fff} .editorSection p{margin:0} .profileEditorWide{scroll-margin-top:75px} .profileCard,.coverphotoProfile,.profileHero{scroll-margin-top:75px} @media(max-width:900px){.profileQuickStats{grid-template-columns:repeat(3,1fr)}.profileSectionNav{margin-left:-1px;margin-right:-1px}} @media(max-width:520px){.profileQuickStats{grid-template-columns:repeat(2,1fr)}.profileSectionNav a{padding:10px 11px;font-size:10px}.profileMetaLine{font-size:9px}} /* Admin approval notifications */ .adminNavAlert.has-pending{background:#c62828 !important;color:#fff !important;border-color:#c62828 !important} .adminNavAlert.has-pending:hover{background:#e53935 !important;color:#fff !important;border-color:#e53935 !important} .adminBadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:999px;background:#d92323;color:#fff;font-size:9px;font-weight:900;line-height:1;vertical-align:middle} .adminNavAlert:not(.has-pending) .adminBadge{display:none} .adminNavGroup a.has-pending{background:#c62828 !important;color:#fff !important} .adminNavGroup a.has-pending:hover{background:#e53935 !important;color:#fff !important} .adminNavGroup a.has-pending .adminBadge{background:#fff;color:#b71c1c} .adminQuickLinks a.has-pending{background:#c62828;border-color:#c62828;color:#fff} .adminQuickLinks a.has-pending:hover{background:#e53935;border-color:#e53935;color:#fff;transform:translateY(-1px)} .adminQuickLinks a.has-pending small{color:#ffe6e6} .adminQuickLinks a.has-pending .adminBadge{background:#fff;color:#b71c1c} .storageHeadline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.storageHeadline h2{font-size:42px;margin:8px 0 8px}.storageStatus{padding:10px 14px;border:1px solid #444;font-weight:800;letter-spacing:1px}.storageHealthy{color:#f4c400}.storageLow{color:#ffb347;border-color:#8a642d}.storageCritical{color:#ff6666;border-color:#8a3030}.storageMeter{height:18px;background:#191919;border:1px solid #333;margin:24px 0 12px;overflow:hidden}.storageMeter>div{height:100%;background:#f4c400}.storageLegend{display:flex;justify-content:space-between;gap:20px;color:#888;font-size:11px;letter-spacing:1px}.storageLegend strong{color:#fff;margin-left:5px}@media(max-width:700px){.storageHeadline{display:block}.storageStatus{display:inline-block;margin-top:15px}.storageLegend{display:grid;gap:8px}} /* Live homepage platform statistics and upgraded featured/latest presentation. */ .platformStats{max-width:1160px;margin:35px auto 15px;padding:28px 32px;background:linear-gradient(105deg,#111,#080808);border:1px solid #2d2d2d;display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:stretch} .statsIntro{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #2b2b2b;padding-right:24px}.statsIntro h2{font:36px/.92 Anton;margin:10px 0}.statsIntro h2 em{font-style:normal;color:#f4c400}.statsIntro p{color:#777;font-size:12px;line-height:1.5;margin:0} .statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.platformStat{background:#0d0d0d;border:1px solid #242424;padding:20px 14px;min-width:0}.platformStat>span{display:block;color:#f4c400;font-size:10px;font-weight:900;letter-spacing:1.3px}.platformStat strong{display:block;font:42px/1 Anton;margin:9px 0 5px}.platformStat small{display:block;color:#666;font-size:8px;font-weight:900;letter-spacing:1px} .featureTag{position:absolute;z-index:3;left:22px;top:20px;background:#f4c400;color:#050505;padding:7px 10px;font-size:10px}.featureText{right:28px}.featureMeta{display:flex;gap:16px;margin:10px 0 17px;color:#aaa;font-size:10px;font-weight:900;letter-spacing:1px}.featureMeta span:first-child{color:#f4c400}.latest{padding:24px}.latest .sectionHead{align-items:flex-end}.latest .sectionHead h2{margin-top:6px}.latestList{display:flex;flex-direction:column}.mini{align-items:center}.miniRank{font:20px Anton;color:#444;width:22px;flex:none}.mini img{width:92px;height:62px;flex:none}.mini div:last-child{min-width:0}.mini b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini small{display:block;color:#777;margin-top:4px;font-size:9px}.mini small:last-child{color:#f4c400} .homeChallenges{box-shadow:0 16px 45px rgba(0,0,0,.22)}.homeChallengeGrid{grid-template-columns:repeat(4,1fr)}.homeChallengeCard{position:relative;min-height:230px;display:flex;flex-direction:column}.homeChallengeCard h3{font-size:23px}.homeChallengeCard p{flex:1}.homeChallengeTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.homeChallengeTop small{color:#666;font-size:9px;font-weight:900;letter-spacing:1px}.homeChallengeMeta span:last-child{color:#f4c400} @media(max-width:1000px){.platformStats{grid-template-columns:1fr}.statsIntro{border-right:0;border-bottom:1px solid #2b2b2b;padding:0 0 18px}.statGrid{grid-template-columns:repeat(2,1fr)}.homeChallengeGrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.platformStats{margin:25px 20px 10px;padding:22px}.statGrid{grid-template-columns:1fr 1fr}.platformStat strong{font-size:34px}.homeChallenges{margin-left:20px;margin-right:20px}.homeChallengeGrid{grid-template-columns:1fr}.featureText{left:20px;right:20px}.featureMeta{gap:10px}.latest{padding:18px}.mini img{width:82px;height:58px}} /* Homepage live platform statistics and upgraded feature/latest presentation. */ .platformStats{max-width:1160px;margin:35px auto 15px;padding:28px 32px;background:linear-gradient(105deg,#111,#080808);border:1px solid #2d2d2d;display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:stretch}.statsIntro{display:flex;flex-direction:column;justify-content:center;border-right:1px solid #2b2b2b;padding-right:24px}.statsIntro h2{font:36px/.92 Anton;margin:10px 0}.statsIntro h2 em{font-style:normal;color:#f4c400}.statsIntro p{color:#777;font-size:12px;line-height:1.5;margin:0}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.platformStat{background:#0d0d0d;border:1px solid #242424;padding:20px 14px;min-width:0}.platformStat>span{display:block;color:#f4c400;font-size:10px;font-weight:900;letter-spacing:1.3px}.platformStat strong{display:block;font:42px/1 Anton;margin:9px 0 5px}.platformStat small{display:block;color:#666;font-size:8px;font-weight:900;letter-spacing:1px}.featureTag{position:absolute;z-index:3;left:22px;top:20px;background:#f4c400;color:#050505;padding:7px 10px;font-size:10px}.featureText{right:28px}.featureMeta{display:flex;gap:16px;margin:10px 0 17px;color:#aaa;font-size:10px;font-weight:900;letter-spacing:1px}.featureMeta span:first-child{color:#f4c400}.latest{padding:24px}.latest .sectionHead{align-items:flex-end}.latest .sectionHead h2{margin-top:6px}.latestList{display:flex;flex-direction:column}.mini{align-items:center}.miniRank{font:20px Anton;color:#444;width:22px;flex:none}.mini img{width:92px;height:62px;flex:none}.mini div:last-child{min-width:0}.mini b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini small{display:block;color:#777;margin-top:4px;font-size:9px}.mini small:last-child{color:#f4c400}.homeChallenges{box-shadow:0 16px 45px rgba(0,0,0,.22)}.homeChallengeGrid{grid-template-columns:repeat(4,1fr)}.homeChallengeCard{position:relative;min-height:230px;display:flex;flex-direction:column}.homeChallengeCard h3{font-size:23px}.homeChallengeCard p{flex:1}.homeChallengeTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.homeChallengeTop small{color:#666;font-size:9px;font-weight:900;letter-spacing:1px}.homeChallengeMeta span:last-child{color:#f4c400}@media(max-width:1000px){.platformStats{grid-template-columns:1fr}.statsIntro{border-right:0;border-bottom:1px solid #2b2b2b;padding:0 0 18px}.statGrid{grid-template-columns:repeat(2,1fr)}.homeChallengeGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.platformStats{margin:25px 20px 10px;padding:22px}.statGrid{grid-template-columns:1fr 1fr}.platformStat strong{font-size:34px}.homeChallenges{margin-left:20px;margin-right:20px}.homeChallengeGrid{grid-template-columns:1fr}.featureText{left:20px;right:20px}.featureMeta{gap:10px}.latest{padding:18px}.mini img{width:82px;height:58px}} /* SITE SETTINGS CONTROL CENTER */ .settingsPageCard{padding:32px 34px 34px} .settingsIntro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:0 0 24px;margin-bottom:18px;border-bottom:1px solid #292929} .settingsEyebrow{display:block;color:#f4c400;font-size:10px;font-weight:900;letter-spacing:1.8px;margin-bottom:8px} .settingsIntro p{margin:0;color:#888;max-width:720px;line-height:1.55} .settingsSaveHint{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:1px;text-align:right;max-width:280px} .settingsSaveHint strong{display:block;color:#ddd;margin-bottom:4px} .settingsNav{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:2px;padding:4px;margin:0 0 22px;background:#111;border:1px solid #242424;border-radius:6px;box-shadow:0 8px 22px rgba(0,0,0,.28)} .settingsNav a{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;color:#bbb;background:transparent;border:0;border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.7px;white-space:nowrap;text-decoration:none;transition:.15s} .settingsNav a:hover,.settingsNav a:focus-visible{background:#f4c400;color:#000;outline:none} .settingsNav a:active{background:#d8ad00;color:#000} .settingsSectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start} .settingsSection{background:#111;border:1px solid #292929;padding:22px;min-width:0} .settingsSectionWide{grid-column:1/-1} .settingsSectionTitle{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #292929} .settingsSectionTitle h2{font:25px Anton;margin:0;letter-spacing:.4px} .settingsDropdown{padding:0;overflow:hidden} .settingsDropdown > summary{list-style:none;cursor:pointer;margin:0;padding:22px;user-select:none} .settingsDropdown > summary::-webkit-details-marker{display:none} .settingsDropdown > summary::after{content:"+";float:right;font-size:26px;line-height:1;font-weight:900;color:#f4c400;margin-left:12px} .settingsDropdown[open] > summary::after{content:"−"} .settingsDropdown[open] > summary{border-bottom:1px solid #292929} .settingsDropdown > summary .settingsSectionTitle{margin:0;padding:0;border:0} .settingsDropdown > summary .settingsSectionTitle h2{padding-right:8px} .settingsDropdown > p,.settingsDropdown > label,.settingsDropdown > .adminCard,.settingsDropdown > div:not(.settingsSectionTitle){margin-left:22px;margin-right:22px} .settingsDropdown > p:first-of-type{margin-top:20px} .settingsDropdown > label:last-of-type,.settingsDropdown > p:last-child{margin-bottom:22px} .settingsSectionTitle span{display:block;color:#666;font-size:8px;font-weight:900;letter-spacing:1.5px;margin-bottom:4px} .settingsSection p.muted{line-height:1.55} .settingsSection label{margin-top:13px} .settingsSection label:first-of-type{margin-top:0} .settingsSection small{display:block;color:#666;line-height:1.45;font-size:10px;letter-spacing:.2px} .settingsSection textarea{min-height:96px;resize:vertical} .settingsSection .smtpTestCard{background:#0b0b0b;border:1px solid #333;margin-top:18px;padding:18px} .settingsSection .smtpTestCard h3{margin:0 0 8px;font:20px Anton;color:#f4c400} .settingsFooter{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:18px 20px;background:#151515;border:1px solid #333;position:sticky;bottom:12px;z-index:15;box-shadow:0 10px 30px rgba(0,0,0,.4)} .settingsFooter strong{display:block;font-size:11px;letter-spacing:1px;color:#ddd} .settingsFooter small{display:block;color:#666;margin-top:4px} .settingsFooter .cta{min-width:190px} @media(max-width:900px){.settingsPageCard{padding:24px 20px}.settingsIntro{display:block}.settingsSaveHint{text-align:left;margin-top:12px}.settingsSectionGrid{grid-template-columns:1fr}.settingsSectionWide{grid-column:auto}.settingsFooter{position:static;display:block}.settingsFooter .cta{width:100%;margin-top:14px}} @media(max-width:620px){.settingsNav{position:static;gap:2px}.settingsNav a{flex:1 1 calc(50% - 2px);text-align:center}} @media(max-width:520px){.settingsSection{padding:17px}.settingsSectionTitle h2{font-size:22px}} /* Visual homepage page-builder layout */ #home.homeBuilderEnabled{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:start} #home.homeBuilderEnabled>section{grid-column:span 12 / span 12;min-width:0} #home.homeBuilderEnabled>section[data-pb-width="9"]{grid-column:span 9 / span 9} #home.homeBuilderEnabled>section[data-pb-width="8"]{grid-column:span 8 / span 8} #home.homeBuilderEnabled>section[data-pb-width="6"]{grid-column:span 6 / span 6} #home.homeBuilderEnabled>section[data-pb-width="4"]{grid-column:span 4 / span 4} #home.homeBuilderEnabled>section[data-pb-width="3"]{grid-column:span 3 / span 3} #home.homeBuilderEnabled>section[data-pb-hidden="1"]{display:none!important} @media(max-width:760px){#home.homeBuilderEnabled{display:block}#home.homeBuilderEnabled>section{width:auto!important;grid-column:auto!important;min-height:0!important}} /* Member notification center */ .notificationBadge{margin-left:5px} .notificationNav{white-space:nowrap} .notificationsPage{max-width:1160px;margin:45px auto;padding:0 20px} .notificationsCard{padding:30px} .notificationsHead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px} .notificationsHead h1{margin:6px 0 0;font:46px/.95 Anton} .notificationList{display:grid;gap:10px;margin-top:24px} .notificationItem{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:18px;background:#0d0d0d;border:1px solid #2b2b2b;border-left:4px solid #f4c400} .notificationItem.is-read{opacity:.78;border-left-color:#333} .notificationIcon{width:40px;height:40px;display:grid;place-items:center;background:#151515;border:1px solid #333;color:#f4c400;font-size:20px} .notificationBody{min-width:0}.notificationTop{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.notificationTop strong{font-size:12px;letter-spacing:1.1px;color:#f4c400}.notificationTop time{color:#666;font-size:9px;font-weight:900;letter-spacing:.6px;white-space:nowrap}.notificationBody p{margin:7px 0 13px;color:#aaa;line-height:1.5;font-size:13px}.notificationActions{display:flex;flex-wrap:wrap;gap:8px}.notificationPrimary{margin:0}.notificationEmpty{margin-top:24px;padding:35px;background:#0d0d0d;border:1px solid #292929;text-align:center;display:grid;gap:8px}.notificationEmpty strong{font:28px Anton;color:#f4c400}.notificationEmpty span{color:#777;font-size:12px} @media(max-width:700px){.notificationsPage{margin:25px auto}.notificationsCard{padding:20px}.notificationsHead{display:block}.notificationsHead h1{font-size:38px}.notificationsHead .outlineBtn{display:inline-flex;margin-top:14px}.notificationItem{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px}.notificationIcon{width:36px;height:36px}.notificationTop{display:block}.notificationTop time{display:block;margin-top:5px}.notificationActions a{flex:1 1 100%;text-align:center}} /* Homepage Latest Drops cover-photo presentation */ .latest.latestCoverMode{padding:0;overflow:hidden} .latest.latestCoverMode>.sectionHead{padding:24px 24px 20px;margin:0;background:#0d0d0d} .homeLatestCoverGallery{grid-template-columns:repeat(2,minmax(0,1fr));background:#000} .homeLatestCoverGallery .coverPhotoDrop,.homeLatestCoverGallery .coverPhotoDrop a{min-height:205px} @media(max-width:700px){.homeLatestCoverGallery{grid-template-columns:1fr 1fr}.homeLatestCoverGallery .coverPhotoDrop,.homeLatestCoverGallery .coverPhotoDrop a{min-height:180px}} @media(max-width:460px){.homeLatestCoverGallery{grid-template-columns:1fr}.homeLatestCoverGallery .coverPhotoDrop,.homeLatestCoverGallery .coverPhotoDrop a{min-height:220px}} /* V3.116 competitive world layer */ .homeCrownRace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:20px;padding:28px 0;margin:0 0 25px}.homeCrownIntro{padding:28px;background:#111;border:1px solid #292929}.homeCrownIntro h2{font:42px/.95 Anton;margin:12px 0}.homeCrownIntro h2 em{color:#f4c400;font-style:normal}.homeCrownIntro p{color:#999;line-height:1.6;margin:0 0 20px}.homeCrownBattle{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch;gap:10px}.homeCrownMember{display:grid;align-content:center;gap:6px;padding:25px;background:#0d0d0d;border:1px solid #292929;color:#fff;text-decoration:none;min-width:0}.homeCrownMember:hover{border-color:#f4c400}.homeCrownMember small,.homeCrownMember span:last-child{font-size:9px;letter-spacing:1px;color:#888}.homeCrownMember strong{font:28px Anton;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homeCrownMember b{font:24px Anton;color:#f4c400}.homeCrownIcon{font-size:34px}.homeCrownKing{border-color:#5a4b00}.homeCrownVs{display:grid;place-items:center;font:14px Anton;color:#f4c400}.rankRaceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.rankRaceCard{padding:22px;background:#101010;border:1px solid #292929;display:grid;gap:5px}.rankRaceCard strong{font:25px Anton}.rankRaceCard b{font:23px Anton;color:#f4c400}.rankRaceCard small{font-size:9px;color:#888;letter-spacing:1px}.rankRaceKing{border-color:#5a4b00}.rankRaceChallenger{border-color:#3d3500}.rankingMovement,.rankCrownHistory,.rankingMoments{margin-bottom:20px}.rankingMovement .sectionHead,.rankCrownHistory .sectionHead,.rankingMoments .sectionHead{margin-bottom:14px}.rankingMovement .sectionHead>span,.rankCrownHistory .sectionHead>span,.rankingMoments .sectionHead>span{font-size:9px;letter-spacing:1px}.rankingMoverGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rankingMover{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:5px;align-items:center;padding:12px;background:#0d0d0d;border:1px solid #292929;color:#fff;text-decoration:none}.rankingMover:hover{border-color:#f4c400}.rankingMover>span{font-size:13px}.rankingMover strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankingMover small{grid-column:2;color:#777;font-size:9px}.rankingMover b{grid-column:3;grid-row:1/3;font:20px Anton}.rankingMover.isUp>span,.rankingMover.isUp b{color:#7bdc7b}.rankingMover.isDown>span,.rankingMover.isDown b{color:#e87979}.crownHistoryGrid{display:grid;gap:1px;background:#292929}.crownHistoryRow{display:grid;grid-template-columns:35px minmax(0,1fr) minmax(150px,.7fr);gap:10px;align-items:center;padding:13px;background:#101010}.crownHistoryRow>span{font-size:18px;text-align:center}.crownHistoryRow strong{font-size:13px}.crownHistoryRow small{font-size:9px;color:#777;letter-spacing:.8px;text-align:right}.rankingMomentList{display:grid;gap:1px;background:#292929}.rankingMoment{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px;background:#101010;color:#fff;text-decoration:none}.rankingMoment:hover{background:#151515}.rankingMoment>span{width:36px;height:36px;display:grid;place-items:center;background:#151515;border:1px solid #333;font-size:18px}.rankingMoment div{display:grid;gap:3px}.rankingMoment b{font-size:9px;color:#f4c400;letter-spacing:1.2px}.rankingMoment strong{font-size:12px;line-height:1.4}.rankingMoment small{font-size:9px;color:#666} /* Dynamic ranking system */ .rankingsPage{max-width:1200px;margin:55px auto;padding:0 20px}.rankingsHero{background:linear-gradient(110deg,#161616,#080808);border:1px solid #292929;padding:40px;margin-bottom:20px}.rankingsHero h1{font:72px/.9 Anton;margin:15px 0}.rankingsHero h1 em{color:#f4c400;font-style:normal}.rankingsHero>p{max-width:760px;color:#aaa;line-height:1.6}.rankingsKingCallout{display:flex;align-items:center;gap:18px;margin-top:28px;padding:18px;border:1px solid #f4c400;background:#171500;max-width:560px}.rankingsKingCallout>span{font-size:48px}.rankingsKingCallout div{display:grid;gap:4px}.rankingsKingCallout b{font-size:11px;letter-spacing:1.5px;color:#f4c400}.rankingsKingCallout strong{font:28px Anton}.rankingsKingCallout small{color:#999}.rankingsLegend{margin-bottom:25px}.rankTierGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rankTierGrid div{background:#111;border:1px solid #292929;padding:15px;display:grid;gap:5px}.rankTierGrid b{font-size:18px}.rankTierGrid span{font-size:10px;color:#888;letter-spacing:1px}.rankingList{display:grid;gap:10px}.rankingCard{display:grid;grid-template-columns:70px 70px minmax(0,1fr) 170px;gap:18px;align-items:center;padding:16px;background:#101010;border:1px solid #292929;color:#fff;text-decoration:none;transition:border-color .15s,transform .15s}.rankingCard:hover{border-color:#f4c400;transform:translateX(2px)}.rankingTopTier{padding:21px}.rankingPosition{text-align:center}.rankingPosition span{display:block;font:30px Anton;color:#f4c400}.rankingPosition small{font-size:18px}.rankingAvatar{width:66px;height:66px;border:2px solid #444;overflow:hidden;background:#080808}.rankingAvatar img{width:100%;height:100%;object-fit:cover}.rankingIdentity{min-width:0;display:grid;gap:3px}.rankingBadge{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#f4c400}.rankingIdentity strong{font:27px Anton;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankingIdentity small{color:#888}.rankingIdentity p{margin:4px 0 0;color:#777;font-size:12px;line-height:1.4}.rankingNumbers{text-align:right;display:grid;gap:3px}.rankingNumbers b{font:30px Anton;color:#f4c400}.rankingNumbers span,.rankingNumbers small{font-size:9px;color:#888;letter-spacing:1px}.rankingTier-king,.rankingTier-royal_champion{border-color:#5a4b00}.rankingTier-legend{border-color:#3d3500}.profileRankSection{margin:20px 0}.profileRankSection .rankingsKingCallout{width:100%;max-width:none;box-sizing:border-box}.profileRankHero{display:flex;align-items:center;gap:18px;padding:20px;background:#111;border:1px solid #292929}.profileRankHero .rankIcon{font-size:45px}.profileRankHero h2{margin:0 0 3px;font:32px Anton}.profileRankHero p{margin:0;color:#999}.profileRankGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:1px;background:#292929}.profileRankGrid div{background:#101010;padding:14px;text-align:center}.profileRankGrid strong{display:block;font:25px Anton;color:#f4c400}.profileRankGrid span{font-size:9px;color:#888;letter-spacing:1px}.profileRankGap{margin-top:1px;padding:12px 15px;background:#101010;border:1px solid #292929;color:#aaa;font-size:12px}.profileRankGap b{color:#f4c400} @media(max-width:900px){.homeCrownRace{grid-template-columns:1fr}.rankingMoverGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rankingsHero h1{font-size:56px}.rankTierGrid{grid-template-columns:repeat(2,1fr)}.rankingCard{grid-template-columns:55px 58px minmax(0,1fr)}.rankingNumbers{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:8px;border-top:1px solid #292929;padding-top:10px}.rankingNumbers b{font-size:25px}.profileRankGrid{grid-template-columns:repeat(3,1fr)}} @media(max-width:520px){.homeCrownBattle{grid-template-columns:1fr}.homeCrownVs{padding:4px}.rankRaceGrid{grid-template-columns:1fr}.rankingMoverGrid{grid-template-columns:1fr}.crownHistoryRow{grid-template-columns:30px minmax(0,1fr)}.crownHistoryRow small{grid-column:2;text-align:left}.rankTierGrid{grid-template-columns:1fr}.rankingCard{grid-template-columns:48px 52px minmax(0,1fr);gap:10px;padding:12px}.rankingAvatar{width:50px;height:50px}.rankingPosition span{font-size:23px}.rankingIdentity strong{font-size:22px}.rankingIdentity p{display:none}.rankingsHero h1{font-size:46px}.profileRankGrid{grid-template-columns:repeat(2,1fr)}} .profileRankOverlay{position:absolute;top:16px;right:16px;z-index:3;display:flex;align-items:center;gap:7px;padding:9px 12px;background:rgba(8,8,8,.86);border:1px solid #f4c400;color:#f4c400;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(5px)}.profileRankOverlay span{font-size:18px}.profileRankHero{justify-content:space-between}.profileRankHero>div{flex:1}.profileRankHero .outlineBtn{flex:none}@media(max-width:900px){.profileRankHero{align-items:flex-start;flex-wrap:wrap}.profileRankHero .outlineBtn{margin-left:63px}}@media(max-width:520px){.profileRankOverlay{top:10px;right:10px;font-size:9px;padding:7px 9px}.profileRankHero h2{font-size:27px}.profileRankHero .outlineBtn{margin-left:0}} /* V3.49 member photo gallery */ .photoGalleryPage{max-width:1200px;margin:55px auto;padding:0 20px}.photoGalleryHero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:35px;background:linear-gradient(110deg,#161616,#080808);border:1px solid #292929;margin-bottom:20px}.photoGalleryHero h1{font:58px/.92 Anton;margin:12px 0}.photoGalleryHero h1 em{color:#f4c400;font-style:normal}.photoGalleryHero p{margin:0;color:#888}.photoGalleryManage{margin-bottom:20px}.photoGalleryManageGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photoGalleryManageGrid>div{background:#0d0d0d;border:1px solid #292929;padding:22px}.photoGalleryManage h2,.photoGalleryAlbums h2,.photoGalleryPictures h2,.photoAlbumEdit h2,.photoEditCard h2{margin:0 0 8px;font:30px Anton}.photoGalleryManage form{margin-top:18px}.photoGallerySectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.photoGallerySectionHead h2{margin-bottom:4px}.photoGallerySectionHead p{margin:0}.photoAlbumGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photoAlbumCard{background:#0b0b0b;border:1px solid #292929;min-width:0}.photoAlbumCard.isActive{border-color:#f4c400}.photoAlbumCard>a{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;color:#fff;text-decoration:none}.photoAlbumCard>a img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.photoAlbumCard>a:hover img{transform:scale(1.03)}.photoAlbumShade{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.photoAlbumInfo{position:absolute;left:14px;right:14px;bottom:12px;display:grid;gap:3px}.photoAlbumInfo strong{font:22px Anton}.photoAlbumInfo small{font-size:9px;letter-spacing:1px;color:#bbb}.photoAlbumEmpty{display:grid;place-items:center;width:100%;height:100%;font-size:55px;color:#f4c400;background:#111}.photoAlbumOwnerActions{display:flex;gap:7px;padding:9px;border-top:1px solid #292929}.photoAlbumOwnerActions a,.photoAlbumOwnerActions button{flex:1;text-align:center;background:#181818;border:1px solid #444;color:#aaa;padding:8px;font-size:9px;font-weight:900;letter-spacing:1px;text-decoration:none;cursor:pointer}.photoAlbumOwnerActions button:hover,.photoAlbumOwnerActions a:hover{color:#000;background:#f4c400;border-color:#f4c400}.photoAlbumOwnerActions form{display:flex;flex:1}.photoGalleryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photoGalleryItem{background:#0b0b0b;border:1px solid #292929;min-width:0;position:relative}.photoGalleryThumb{display:block;width:100%;aspect-ratio:1/1;padding:0;border:0;background:#050505;cursor:pointer;overflow:hidden}.photoGalleryThumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.photoGalleryThumb:hover img{transform:scale(1.03)}.photoGalleryCaption{padding:11px 12px 5px;display:grid;gap:3px}.photoGalleryCaption strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photoGalleryCaption small{font-size:8px;color:#777;letter-spacing:1px}.photoOwnerActions{display:flex;gap:7px;padding:8px 10px 10px;align-items:stretch}.photoOwnerActions a,.photoOwnerActions button{flex:1;min-width:0}.photoOwnerActions .outlineBtn{padding:8px 7px;font-size:8px;text-align:center}.dangerBtn{background:#241010;border:1px solid #633;color:#ffaaa0;padding:8px 7px;font-size:8px;font-weight:900;letter-spacing:1px;cursor:pointer}.dangerBtn:hover{background:#f44;color:#fff;border-color:#f44}.photoSelect{position:absolute;z-index:2;top:8px;left:8px;display:flex!important;align-items:center;gap:5px!important;padding:6px 8px;background:rgba(0,0,0,.78);color:#fff!important;font-size:8px!important;letter-spacing:.8px!important}.photoSelect input{width:16px!important;height:16px;margin:0;padding:0}.photoBulkMove{display:flex!important;align-items:flex-end;gap:10px;margin-bottom:18px}.photoBulkMove label{flex:1;max-width:340px}.photoBulkMove .outlineBtn,.photoBulkMove .dangerBtn{margin:0;white-space:nowrap}.photoBulkMoveHidden{display:none!important}.photoEditLayout{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:24px;align-items:start}.photoEditLayout>img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#050505}.photoEditLayout form{display:grid;gap:16px}.profileGalleryPreview{grid-column:1/-1}.profileGalleryPreviewHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.profileGalleryPreviewHead h2{margin-bottom:4px}.profileGalleryPreviewHead p{margin:0}.profileGalleryPreviewGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.profileGalleryPreviewGrid a{display:block;aspect-ratio:1/1;overflow:hidden;background:#080808;border:1px solid #292929}.profileGalleryPreviewGrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.profileGalleryPreviewGrid a:hover img{transform:scale(1.04)}.photoLightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.92);cursor:pointer}.photoLightbox[hidden]{display:none}.photoLightboxInner{max-width:94vw;max-height:92vh;display:grid;place-items:center;cursor:pointer}.photoLightboxInner img{display:block;max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border:0;box-shadow:none}.photoLightboxInner span{margin-top:8px;color:#ddd;font-size:11px;text-align:center;letter-spacing:.5px}.photoLightboxClose{position:absolute;top:14px;right:18px;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer;width:44px;height:44px}.photoLightboxClose:hover{color:#f4c400}.photoLightboxOpen{overflow:hidden} @media(max-width:900px){.profileGalleryPreviewGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.photoGalleryHero{display:block}.photoGalleryHero .outlineBtn{margin-top:18px}.photoGalleryManageGrid{grid-template-columns:1fr}.photoAlbumGrid,.photoGalleryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.photoEditLayout{grid-template-columns:1fr}.photoEditLayout>img{max-width:420px}.profileGalleryPreviewHead,.photoGallerySectionHead{display:block}.profileGalleryPreviewHead .outlineBtn,.photoGallerySectionHead .outlineBtn{display:inline-flex;margin-top:12px}.photoBulkMove{display:block!important}.photoBulkMove .outlineBtn,.photoBulkMove .dangerBtn{width:100%;margin-top:10px}} @media(max-width:560px){.photoGalleryPage{margin:25px auto}.photoGalleryHero{padding:25px 20px}.photoGalleryHero h1{font-size:43px}.photoAlbumGrid,.photoGalleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.profileGalleryPreviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.photoGalleryManageGrid>div{padding:17px}.photoGalleryManage h2,.photoGalleryAlbums h2,.photoGalleryPictures h2,.photoAlbumEdit h2,.photoEditCard h2{font-size:25px}.photoOwnerActions{display:grid;grid-template-columns:1fr}.photoLightbox{padding:12px}.photoLightboxInner img{max-width:96vw;max-height:84vh}} .photoGalleryWatermark{margin-bottom:20px}.photoWatermarkForm{display:grid;gap:18px}.photoWatermarkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.photoWatermarkGrid label{display:grid;gap:7px}.photoWatermarkGrid output{font-size:11px;font-weight:900;letter-spacing:1px;color:#f4c400}.photoWatermarkGrid input[type=range]{width:100%}.photoWatermarkGrid input[type=color]{height:44px;width:100%;padding:3px}.photoWatermarkChecks{display:flex;flex-wrap:wrap;gap:18px;padding:14px;background:#0b0b0b;border:1px solid #292929}.photoWatermarkChecks label{display:flex!important;align-items:center;gap:8px!important;font-size:10px!important;letter-spacing:1px!important}.photoWatermarkChecks input{width:18px!important;height:18px!important;margin:0}@media(max-width:900px){.photoWatermarkGrid{grid-template-columns:1fr}}@media(max-width:560px){.photoWatermarkChecks{display:grid}} .photoWatermarkPreviewWrap{display:grid;gap:9px}.photoWatermarkPreviewHead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}.photoWatermarkPreviewCanvas{position:relative;width:100%;max-width:760px;aspect-ratio:16/9;overflow:hidden;border:1px solid #333;background:repeating-conic-gradient(#191919 0 25%,#101010 0 50%) 50%/24px 24px;display:flex;align-items:center;justify-content:center}.photoWatermarkPreviewCanvas:before{content:'PHOTO PREVIEW';position:absolute;inset:0;display:grid;place-items:center;color:#666;font-size:12px;font-weight:900;letter-spacing:2px;pointer-events:none}.photoWatermarkPreviewCanvas img{position:absolute;display:block;max-width:none;height:auto;z-index:2;transform-origin:center center;transition:width .08s ease,opacity .08s ease,left .08s ease,top .08s ease}.photoWatermarkPreviewCanvas span{position:relative;z-index:3;color:#777;font-size:11px;font-weight:900;letter-spacing:1.5px}.photoWatermarkGrid output{display:block}.photoWatermarkGrid input[type=range]{accent-color:#f4c400} .photoWatermarkPreviewCanvas{touch-action:none} .photoWatermarkPreviewBackground{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;display:block} .photoWatermarkPreviewOverlay,.photoWatermarkPreviewText{cursor:default;touch-action:none} .photoWatermarkPreviewCanvas[data-custom='1'] .photoWatermarkPreviewOverlay,.photoWatermarkPreviewCanvas[data-custom='1'] .photoWatermarkPreviewText{cursor:grab} .photoWatermarkPreviewCanvas[data-custom='1'] .photoWatermarkPreviewOverlay:active,.photoWatermarkPreviewCanvas[data-custom='1'] .photoWatermarkPreviewText:active{cursor:grabbing} .photoWatermarkPreviewText{position:absolute;z-index:2;display:block;white-space:nowrap;font-weight:900;line-height:1.05;user-select:none} .photoWatermarkPreviewBackground + .photoWatermarkPreviewOverlay{z-index:2} /* Main Member Photo Gallery collapsible owner sections */ .photoGalleryDropdown{padding:0;overflow:hidden} .photoGalleryDropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:24px 32px;color:#fff;user-select:none} .photoGalleryDropdown>summary::-webkit-details-marker{display:none} .photoGalleryDropdown>summary:hover{background:#151515} .photoGalleryDropdownTitle{font:30px Anton;letter-spacing:.5px} .photoGalleryDropdownIcon{font-size:22px;color:#f4c400;transition:transform .2s ease} .photoGalleryDropdown[open]>summary{border-bottom:1px solid #292929} .photoGalleryDropdown[open]>summary .photoGalleryDropdownIcon{transform:rotate(180deg)} .photoGalleryDropdownBody{padding:32px} /* Public Challenges: separate collapsible active video/picture sections. */ .challengePublicDropdown{padding:0;overflow:hidden;} .challengePublicDropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:22px 24px;user-select:none;} .challengePublicDropdown>summary::-webkit-details-marker{display:none;} .challengePublicDropdown>summary::after{content:"+";font-size:26px;line-height:1;font-weight:900;color:#f4c400;margin-left:auto;} .challengePublicDropdown[open]>summary::after{content:"−";} .challengePublicDropdown[open]>summary{border-bottom:1px solid #292929;} .challengePublicDropdownSummary>span:first-child{font-size:20px;font-weight:900;letter-spacing:.02em;} .challengePublicDropdownBody{padding:0 24px 24px;} @media(max-width:700px){.challengePublicDropdown>summary{padding:18px;}.challengePublicDropdownBody{padding:0 18px 18px;}} .homeChallengeDropdown{padding:0;overflow:hidden;background:transparent;border:0}.homeChallengeDropdown>summary{padding:18px 20px;background:linear-gradient(100deg,#151515,#090909)}.homeChallengeDropdown .challengePublicDropdownBody{padding:20px}.homeChallengeDropdown .homeChallengeGrid{margin-top:0} /* V3.83 Member Video Gallery */ .videoGalleryPage{max-width:1200px;margin:55px auto;padding:0 20px}.videoGalleryHero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:35px;background:linear-gradient(110deg,#161616,#080808);border:1px solid #292929;margin-bottom:20px}.videoGalleryHero h1{font:58px/.92 Anton;margin:12px 0}.videoGalleryHero h1 em{color:#f4c400;font-style:normal}.videoGalleryHero p{margin:0;color:#888}.videoGallerySectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.videoGallerySectionHead h2{margin:0 0 4px;font:30px Anton}.videoGallerySectionHead p{margin:0}.videoGalleryAlbums{margin-bottom:20px}.videoAlbumGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.videoAlbumCard{background:#0b0b0b;border:1px solid #292929;min-width:0}.videoAlbumCard.isActive{border-color:#f4c400}.videoAlbumCard>a{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;color:#fff;text-decoration:none}.videoAlbumCard>a img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.videoAlbumCard>a:hover img{transform:scale(1.03)}.videoAlbumShade{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.videoAlbumInfo{position:absolute;left:14px;right:14px;bottom:12px;display:grid;gap:3px}.videoAlbumInfo strong{font:22px Anton}.videoAlbumInfo small{font-size:9px;letter-spacing:1px;color:#bbb}.videoAlbumEmpty{display:grid;place-items:center;width:100%;height:100%;font-size:55px;color:#f4c400;background:#111}.videoAlbumOwnerActions{display:flex;gap:7px;padding:9px;border-top:1px solid #292929}.videoAlbumOwnerActions a,.videoAlbumOwnerActions button{flex:1;text-align:center;background:#181818;border:1px solid #444;color:#aaa;padding:8px;font-size:9px;font-weight:900;letter-spacing:1px;text-decoration:none;cursor:pointer}.videoAlbumOwnerActions button:hover,.videoAlbumOwnerActions a:hover{color:#000;background:#f4c400;border-color:#f4c400}.videoAlbumOwnerActions form{display:flex;flex:1}.videoGalleryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.videoGalleryItem{background:#0b0b0b;border:1px solid #292929;min-width:0;position:relative}.videoGalleryThumb{display:block;width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#050505}.videoGalleryThumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.videoGalleryThumb:hover img{transform:scale(1.03)}.videoGalleryPlay{position:absolute;left:12px;bottom:10px;width:34px;height:34px;border:1px solid #f4c400;background:rgba(0,0,0,.75);color:#f4c400;display:grid;place-items:center;font-size:13px}.videoGalleryCaption{padding:11px 12px 13px;display:grid;gap:4px}.videoGalleryCaption strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.videoGalleryCaption small{font-size:8px;color:#777;letter-spacing:1px}.videoSelect{position:absolute;z-index:2;top:8px;left:8px;display:flex!important;align-items:center;gap:5px!important;padding:6px 8px;background:rgba(0,0,0,.78);color:#fff!important;font-size:8px!important;letter-spacing:.8px!important}.videoSelect input{width:16px!important;height:16px;margin:0;padding:0}.videoBulkMove{display:flex!important;align-items:flex-end;gap:10px;margin-bottom:18px}.videoBulkMove label{flex:1;max-width:340px}.videoBulkMove .outlineBtn{margin:0;white-space:nowrap}.videoAlbumEdit{margin-top:20px}.videoAlbumEdit form{display:grid;gap:16px}.videoGalleryManage{margin-top:20px}.videoGalleryManageGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.videoGalleryManageGrid>div{background:#0d0d0d;border:1px solid #292929;padding:22px}.videoGalleryManage h2{margin:0 0 8px;font:30px Anton}.videoGalleryManage form{margin-top:18px}.videoGalleryDropdown{padding:0;overflow:hidden}.videoGalleryDropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:24px 32px;color:#fff;user-select:none}.videoGalleryDropdown>summary::-webkit-details-marker{display:none}.videoGalleryDropdown>summary:hover{background:#151515}.videoGalleryDropdownTitle{font:30px Anton;letter-spacing:.5px}.videoGalleryDropdownIcon{font-size:22px;color:#f4c400;transition:transform .2s ease}.videoGalleryDropdown[open]>summary{border-bottom:1px solid #292929}.videoGalleryDropdown[open]>summary .videoGalleryDropdownIcon{transform:rotate(180deg)} @media(max-width:900px){.videoGalleryHero{display:block}.videoGalleryHero .outlineBtn{margin-top:18px}.videoAlbumGrid,.videoGalleryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.videoGalleryManageGrid{grid-template-columns:1fr}.videoGallerySectionHead{display:block}.videoGallerySectionHead .outlineBtn{display:inline-flex;margin-top:12px}.videoBulkMove{display:block!important}.videoBulkMove .outlineBtn{width:100%;margin-top:10px}} @media(max-width:560px){.videoGalleryPage{margin:25px auto}.videoGalleryHero{padding:25px 20px}.videoGalleryHero h1{font-size:43px}.videoAlbumGrid,.videoGalleryGrid{grid-template-columns:1fr}.videoGalleryManageGrid>div{padding:17px}.videoGalleryManage h2{font-size:25px}} /* V3.85: homepage active challenge sections use the full submit-banner width. */ #home.homeBuilderEnabled>section#active-video-challenges,#home.homeBuilderEnabled>section#active-picture-challenges{grid-column:span 12 / span 12 !important;width:auto;max-width:1160px;margin-left:auto;margin-right:auto;} #home.homeBuilderEnabled>section#active-video-challenges .homeChallengeGrid,#home.homeBuilderEnabled>section#active-picture-challenges .homeChallengeGrid{grid-template-columns:repeat(4,minmax(0,1fr));} @media(max-width:1000px){#home.homeBuilderEnabled>section#active-video-challenges .homeChallengeGrid,#home.homeBuilderEnabled>section#active-picture-challenges .homeChallengeGrid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:700px){#home.homeBuilderEnabled>section#active-video-challenges .homeChallengeGrid,#home.homeBuilderEnabled>section#active-picture-challenges .homeChallengeGrid{grid-template-columns:1fr;}#home.homeBuilderEnabled>section#active-video-challenges,#home.homeBuilderEnabled>section#active-picture-challenges{margin-left:20px;margin-right:20px;}} /* V3.87 homepage #1 ranked member replacing Latest Drops. */ .homeRankOne{display:flex;align-items:center;justify-content:center;padding:28px;min-height:100%;background:linear-gradient(145deg,#111,#080808)} .homeRankOneLink{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;min-height:330px;text-align:center;color:#fff;text-decoration:none;border:1px solid #292929;background:#0d0d0d;padding:28px;transition:border-color .15s,transform .15s} .homeRankOneLink:hover{border-color:#f4c400;transform:translateY(-2px)} .homeRankOneAvatar{display:block;width:150px;height:150px;border:3px solid #f4c400;border-radius:50%;overflow:hidden;background:#080808;box-shadow:0 0 0 6px #171500} .homeRankOneAvatar img{display:block;width:100%;height:100%;object-fit:cover} .homeRankOneName{font:34px/1 Anton;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .homeRankOneCrown{display:flex;align-items:center;justify-content:center;width:100%;font-size:clamp(64px,8vw,104px);line-height:.9;text-align:center;margin-top:2px}.homeRankOneTitle{display:block;width:100%;max-width:100%;font-size:clamp(18px,2.2vw,26px);line-height:1.1;font-weight:900;letter-spacing:1px;color:#f4c400;text-align:center;overflow-wrap:anywhere;word-break:normal} @media(max-width:700px){.homeRankOne{padding:18px}.homeRankOneLink{min-height:300px;padding:22px}.homeRankOneAvatar{width:125px;height:125px}.homeRankOneName{font-size:30px}.homeRankOneCrown{font-size:76px}.homeRankOneTitle{font-size:18px;letter-spacing:.8px}} /* Homepage photo gallery viewer */ .homePictureDrop{display:flex;flex-direction:column;min-width:0;min-height:255px;height:100%;background:#080808;border:1px solid #292929;overflow:hidden} .homePictureDropProfileInfo{flex:none;height:16px;background:#080808;border-top:1px solid #292929;border-bottom:1px solid #292929} .homePictureDropImage{display:block;flex:none;width:100%;aspect-ratio:1/1;padding:0;border:0;background:#080808;cursor:pointer;overflow:hidden} .homePictureDropImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s} .homePictureDropImage:hover img{transform:scale(1.04)} .homePictureDropProfileCard{position:relative;display:block;flex:none;height:112px;width:100%;border-top:1px solid #292929;background:#111;text-decoration:none;overflow:hidden} .homePictureDropProfileCard:hover .homePictureDropHeader img{transform:scale(1.04)} .homePictureDropHeader{position:absolute;inset:0;display:block;overflow:hidden;background:#111} .homePictureDropHeader img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9);transition:transform .2s} .homePictureDropHeaderEmpty{background:linear-gradient(135deg,#171717,#080808)} .homePictureDropProfile{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:63px;height:63px;border:3px solid #f4c400;border-radius:50%;background:#111;overflow:hidden;text-decoration:none;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(0,0,0,.55),0 4px 18px rgba(0,0,0,.55);transition:transform .15s,border-color .15s} .homePictureDropProfile img{display:block;width:100%;height:100%;object-fit:cover} .homePictureDropProfileCard:hover .homePictureDropProfile{border-color:#fff;transform:translate(-50%,-50%) scale(1.05)} /* Homepage photo gallery viewer */ /* V3.111 notification actions */ .notificationHeadActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} /* V3.112 dedicated member Feed */ .feedPage{max-width:1000px;margin:55px auto;padding:0 20px}.feedHero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px;background:linear-gradient(110deg,#161616,#080808);border:1px solid #292929;margin-bottom:20px}.feedHero h1{font:64px/.9 Anton;margin:14px 0}.feedHero h1 em{color:#f4c400;font-style:normal}.feedHero p{max-width:680px;margin:0;color:#999;line-height:1.55}.feedMix{flex:none;min-width:170px;padding:20px;text-align:center;border:1px solid #f4c400;background:#171500}.feedMix strong{display:block;font:45px Anton;color:#f4c400}.feedMix span,.feedMix small{display:block;font-size:9px;letter-spacing:1px;font-weight:900}.feedMix small{margin-top:6px;color:#888}.feedDropdown{background:#0d0d0d;border:1px solid #292929;margin-bottom:18px;overflow:hidden}.feedDropdown>summary,.profilePostsDropdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:20px 24px;background:linear-gradient(100deg,#151515,#090909);user-select:none}.feedDropdown>summary::-webkit-details-marker,.profilePostsDropdown>summary::-webkit-details-marker{display:none}.feedDropdown>summary:hover,.profilePostsDropdown>summary:hover{background:#181818}.feedDropdown>summary b,.profilePostsDropdown>summary b{font:30px Anton;letter-spacing:.5px}.feedDropdown>summary small,.profilePostsDropdown>summary small{display:block;color:#777;font-size:9px;font-weight:900;letter-spacing:1px;margin-top:3px}.feedDropdown>summary i,.profilePostsDropdown>summary i{font-style:normal;font-size:25px;color:#f4c400;transition:transform .2s}.feedDropdown[open]>summary,.profilePostsDropdown[open]>summary{border-bottom:1px solid #292929}.feedDropdown[open]>summary i,.profilePostsDropdown[open]>summary i{transform:rotate(180deg)}.feedDropdownBody{padding:18px;display:grid;gap:12px}.feedItem{background:#101010;border:1px solid #292929;padding:18px}.feedItemHead{display:flex;gap:12px;align-items:center;margin-bottom:14px}.feedAvatar{width:48px;height:48px;flex:none;border:2px solid #444;background:#080808;display:grid;place-items:center;color:#f4c400;font-size:22px;overflow:hidden}.feedAvatar img{width:100%;height:100%;object-fit:cover}.feedIdentity{min-width:0;display:grid;gap:3px}.feedIdentity a{color:#fff}.feedIdentity strong{font-size:14px}.feedIdentity small{font-size:9px;color:#777;letter-spacing:.8px}.feedPostBody{font:18px/1.55 Arial,sans-serif;color:#ddd;white-space:normal;overflow-wrap:anywhere}.feedMediaLink{display:block;border:1px solid #292929;background:#080808;color:#fff}.feedMediaLink>img{display:block;width:50%;max-height:280px;object-fit:cover;background:#050505;margin:0 auto}.feedMediaCaption{display:grid;gap:4px;padding:13px 15px}.feedMediaCaption strong{font-size:17px}.feedMediaCaption small{font-size:9px;color:#777;letter-spacing:1px}.feedDescription{margin:12px 0 0;color:#999;line-height:1.5;font-size:13px}.feedChallenge{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #444;background:#151515;color:#fff;font-weight:900}.feedChallenge>span{font-size:18px}.feedChallenge small{margin-left:auto;color:#f4c400;font-size:9px;letter-spacing:1px}.feedEmpty{padding:35px;text-align:center;background:#0d0d0d;border:1px solid #292929;display:grid;gap:7px}.feedEmpty strong{font:28px Anton;color:#f4c400}.feedEmpty span{color:#777;font-size:12px}.profilePostsSection{margin:24px auto}.profilePostsBody{padding:18px}.feedCreatePostForm{background:#0d0d0d;border:1px solid #292929;padding:18px;margin-bottom:18px}.feedCreatePostForm label{display:grid;gap:8px;color:#aaa;font-weight:900;font-size:11px;letter-spacing:1px}.feedCreatePostForm textarea{width:100%;resize:vertical;min-height:110px;background:#191919;border:1px solid #444;color:#fff;padding:13px;font:16px/1.5 Arial,sans-serif}.feedCreatePostFooter{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.feedCreatePostFooter small{color:#777}.profilePostItem{padding:16px 0;border-top:1px solid #292929}.profilePostMeta{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.profilePostMeta strong{font-size:13px}.profilePostMeta time{font-size:9px;color:#666}.profilePostBody{margin-top:9px;color:#ddd;font:16px/1.55 Arial,sans-serif;overflow-wrap:anywhere} @media(max-width:760px){.feedHero{display:block}.feedHero h1{font-size:48px}.feedMix{margin-top:20px;min-width:0}.feedDropdown>summary,.profilePostsDropdown>summary{padding:18px}.feedDropdown>summary b,.profilePostsDropdown>summary b{font-size:25px}.feedDropdownBody,.profilePostsBody{padding:12px}.feedItem{padding:14px}.feedMediaLink>img{width:50%;max-height:215px}.feedChallenge{align-items:flex-start;flex-wrap:wrap}.feedChallenge small{margin-left:0;width:100%}.profilePostMeta{display:block}.profilePostMeta time{display:block;margin-top:5px}.feedCreatePostFooter{align-items:flex-start;flex-direction:column}.feedCreatePostFooter .cta{width:100%;text-align:center}} .feedStream{display:grid;gap:12px}.feedLoadStatus{text-align:center;padding:22px;color:#777;font-size:10px;font-weight:900;letter-spacing:1.5px}.feedLoadStatus:empty{display:none} /* V3.132: restore tier symbols in the profile rank box and rankings legend/list. */ .rankTierGrid .rankTierItem{display:flex;align-items:center;gap:12px;min-width:0;height:100px;min-height:100px;box-sizing:border-box}.rankTierIcon{font-size:27px;line-height:1;flex:0 0 auto}.rankTierText{display:grid;gap:5px;min-width:0}.rankTierText strong{font-size:10px;color:#888;letter-spacing:1px}.rankingBadge .rankingTierIcon{font-size:16px;vertical-align:middle}.profileRankHero .rankIcon{display:block;flex:0 0 auto;font-size:48px;line-height:1}.profileRankHeroText{flex:1;min-width:0}.profileRankHero h2{margin:0 0 3px;font:32px Anton}.profileRankHero p{margin:0;color:#999} @media(max-width:520px){.profileRankHero{align-items:flex-start;flex-wrap:wrap}.profileRankHero .outlineBtn{margin-left:0}.profileRankHero .rankIcon{font-size:40px}} /* V3.137: rank blocks follow uploaded image proportions instead of stretching images to fixed-height boxes. Empty blocks retain the original placeholder height. */ .rankingsLegend .rankTierGrid .rankTierItem{display:block;height:auto;min-height:100px;padding:0;box-sizing:border-box;background-color:#111;overflow:hidden;} .rankingsLegend .rankTierGrid .rankTierItem.hasRankImage{min-height:0;} .rankingsLegend .rankTierGrid .rankTierItem img,.rankAdminTierGrid .rankAdminBlock img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;} .rankAdminTierGrid .rankAdminBlock{display:block;height:auto;min-height:100px;width:100%;padding:0;box-sizing:border-box;border:1px solid #292929;background-color:#111;overflow:hidden;} .rankAdminTierGrid .rankAdminBlock.hasRankImage{min-height:0;} .rankImageEditor{margin:22px 0 30px;border:1px solid #333;background:#0d0d0d;} .rankImageEditor>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:18px 20px;font-weight:900;letter-spacing:1.5px;color:#f4c400;} .rankImageEditor>summary::-webkit-details-marker{display:none;} .rankImageEditor>summary:after{content:'+';margin-left:auto;font-size:22px;} .rankImageEditor[open]>summary:after{content:'−';} .rankImageEditor>summary small{font-size:11px;font-weight:500;letter-spacing:0;color:#999;} .rankImageEditor>p,.rankImageForm>h2{margin:15px 20px;} .rankAdminTierGrid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 20px 20px;} .rankAdminBlockWrap{display:flex;flex-direction:column;gap:7px;min-width:0;} .rankAdminTierGrid .rankAdminBlock{height:100px;min-height:100px;width:100%;padding:0;box-sizing:border-box;border:1px solid #292929;background-color:#111;background-size:100% 100%;background-position:center;background-repeat:no-repeat;} .rankUploadLabel{display:block;font-size:10px;letter-spacing:.5px;color:#ccc;font-weight:800;} .rankUploadLabel input{display:block;width:100%;margin-top:5px;font-size:11px;color:#999;} .rankImageStatus{font-size:9px;letter-spacing:1px;color:#888;} .rankImageSaveBar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;background:#151515;border-top:1px solid #3a3a3a;} .rankImageSaveBar span{font-size:12px;color:#aaa;} @media(max-width:900px){.rankAdminTierGrid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:520px){.rankAdminTierGrid{grid-template-columns:1fr;padding:0 12px 14px;}.rankImageEditor>summary{flex-wrap:wrap;padding:14px;}.rankImageEditor>summary small{width:100%;}.rankImageSaveBar{align-items:stretch;flex-direction:column;padding:12px;}.rankImageSaveBar .cta{width:100%;}} /* V3.139: slider scales box width; image-backed box height follows each image's natural aspect ratio. */ .rankingsLegend .rankTierGrid, .rankAdminTierGrid{align-items:start;} .rankingsLegend .rankTierGrid .rankTierItem, .rankAdminTierGrid .rankAdminBlock{width:calc(100% * var(--rank-box-scale, 1));height:auto;min-height:0;aspect-ratio:auto;padding:0;box-sizing:border-box;overflow:hidden;justify-self:center;} .rankingsLegend .rankTierGrid .rankTierItem:not(.hasRankImage), .rankAdminTierGrid .rankAdminBlock:not(.hasRankImage){height:calc(28.57px * var(--rank-box-scale, 1));min-height:calc(28.57px * var(--rank-box-scale, 1));} .rankingsLegend .rankTierGrid .rankTierItem img, .rankAdminTierGrid .rankAdminBlock img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;} .rankImageScaleControl{margin:12px 20px 20px;padding:14px;background:#151515;border:1px solid #333;display:grid;gap:8px;} .rankImageScaleControl label{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;color:#ddd;font-weight:800;} .rankImageScaleControl label strong{color:#f4c400;} .rankImageScaleControl input{width:100%;accent-color:#f4c400;} .rankAdminTierGrid .rankAdminBlock{background-size:100% 100%;background-position:center;background-repeat:no-repeat;} /* V3.141 numbered multi-image rank uploader */ .rankImageBatchForm{margin:16px 20px 22px;padding:16px;border:1px solid #3b3b3b;border-radius:10px;background:#101010;display:grid;gap:12px;} .rankImageBatchForm h2{margin:0;font-size:16px;letter-spacing:.8px;} .rankImageBatchForm p{margin:0;line-height:1.55;} .rankImageBatchForm input[type=file]{display:block;width:100%;padding:10px;border:1px solid #444;border-radius:6px;background:#191919;color:#ddd;} .rankImageBatchForm .cta{justify-self:start;} .rankImageBatchSelection{font-size:12px;overflow-wrap:anywhere;} .rankImageBatchSelection.error{color:#ff7777;} @media(max-width:520px){.rankImageBatchForm{margin:12px;padding:12px;}.rankImageBatchForm .cta{width:100%;}} /* V3.142: replace profile Approved Drops items with the member's current rank artwork. */ .profileCurrentRankImage{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;overflow:hidden;} .profileCurrentRankImageHeader{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;} .profileCurrentRankImageHeader h2{margin:0;font:30px Anton;} .profileCurrentRankImageHeader span{color:#f4c400;font-size:12px;font-weight:900;letter-spacing:1px;} .profileCurrentRankImageFrame{height:clamp(150px,28vw,300px);width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080808;border:1px solid #292929;padding:8px;box-sizing:border-box;} .profileCurrentRankImageFrame img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:center;} .profileCurrentRankImageFallback{height:clamp(150px,28vw,300px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#080808;border:1px solid #292929;text-align:center;} .profileCurrentRankImageFallback strong{font:32px Anton;color:#f4c400;} .profileCurrentRankImageFallback span{font-size:12px;color:#999;letter-spacing:1px;}