.data-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

/* V4 brand and navigation */
.site-brand img{width:52px;height:42px;object-fit:cover;object-position:center;border-radius:8px}
.site-brand span{width:116px}.site-brand b{letter-spacing:.18em;text-align:center}.site-brand small{letter-spacing:.27em;text-align:center;white-space:nowrap}
.login-pill{border:0;background:linear-gradient(135deg,#754ae8,#a56bf4);box-shadow:0 8px 22px rgba(117,74,232,.28);padding:10px 22px}
.account-menu{position:relative}.account-dropdown{position:absolute;right:0;top:52px;width:150px;padding:8px;border:1px solid var(--line);border-radius:13px;background:white;box-shadow:var(--shadow);color:var(--ink)}
.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;text-align:left}.account-dropdown a:hover,.account-dropdown button:hover{background:#f0ebff;color:#6841d2}

/* Home */
.home-v4{background:#f7f7fb}.home-v4 .home-hero{min-height:565px;background:radial-gradient(circle at 50% 45%,#30205f 0,#12101f 42%,#090a12 78%);overflow:hidden}
.hero-brand-v4{width:310px;max-height:330px;mix-blend-mode:screen;filter:drop-shadow(0 20px 38px rgba(140,89,240,.24));object-fit:contain}
.hero-lockup{position:relative;z-index:2;width:300px;display:grid;justify-items:center;gap:3px;filter:drop-shadow(0 20px 38px rgba(140,89,240,.25));animation:brandIn .9s ease both}.hero-emblem{width:205px;height:205px;object-fit:contain}.hero-wordmark{width:285px;height:auto;object-fit:contain}.hero-lockup+ .global-search{margin-top:18px}
.home-v4 .global-search input{background:rgba(255,255,255,.96)}.home-v4 .stats-row{margin-top:-25px}
.drag-petal{position:absolute;left:var(--x);top:-40px;width:var(--size);height:calc(var(--size)*1.65);border-radius:90% 10% 90% 10%;background:linear-gradient(145deg,#ff8ddc,#8e51e8);filter:drop-shadow(0 4px 5px rgba(130,66,210,.28));opacity:.72;animation:petalV4 var(--speed) linear infinite;animation-delay:var(--delay);touch-action:none;cursor:grab;z-index:3}
.drag-petal.dragging{animation:none;position:absolute;cursor:grabbing;opacity:1;z-index:10}
@keyframes petalV4{0%{transform:translate3d(0,-40px,0) rotate(0)}35%{transform:translate3d(35px,220px,0) rotate(150deg)}70%{transform:translate3d(-25px,430px,0) rotate(300deg)}100%{transform:translate3d(20px,650px,0) rotate(480deg)}}
.ambient-petal{position:absolute;left:var(--x);top:-45px;width:var(--size);height:calc(var(--size)*1.55);border-radius:90% 10% 90% 10%;background:linear-gradient(145deg,#f89bdc,#9558df);opacity:.58;pointer-events:none;z-index:3;will-change:transform;animation:ambientPetalFall var(--speed) linear infinite;animation-delay:var(--delay)}
@keyframes ambientPetalFall{from{transform:translate3d(0,-50px,0) rotate(0deg)}to{transform:translate3d(var(--drift),1080px,0) rotate(390deg)}}
@media (prefers-reduced-motion:reduce){.ambient-petal{animation:none;top:var(--x);opacity:.32}}

/* Auth */
.auth-v4 .auth-art{display:flex;align-items:flex-end;padding:20px;background:linear-gradient(155deg,#171225,#4d2695 65%,#8f58ee)}
.auth-v4 .auth-art img{width:112px;height:112px;margin:0;object-fit:contain;object-position:center;mix-blend-mode:screen;border-radius:0}
.auth-v4 .auth-art h3,.auth-v4 .auth-art p,.auth-v4 .auth-main>p{display:none}.auth-v4 .auth-main{padding-top:46px}

/* Creator cards and profile */
.profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.profile-card-v4{min-height:118px;padding:14px 15px;gap:13px}.profile-card-v4 .profile-avatar{width:82px;height:90px;border-radius:12px;object-fit:cover}.card-avatar-wrap{flex:none}.profile-card-v4 .profile-copy h3{font-size:18px;margin-bottom:10px}.club-line{display:flex;align-items:center;gap:6px}.profile-card-v4 .profile-copy p{margin:6px 0}.profile-card-v4 .pro-badge{right:10px;top:10px}
.profile-head-v4{grid-template-columns:128px minmax(0,1fr) auto;padding:22px}.profile-head-v4 .profile-avatar{width:112px;height:128px;border-radius:16px;object-fit:cover}.profile-main{min-height:128px;display:flex;flex-direction:column}.profile-main h1{margin:7px 0}.profile-main p{margin:0;color:var(--muted)}.profile-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.profile-links a{padding:8px 11px;border-radius:9px;background:#f0ebff;color:#6841d2;font-size:12px;font-weight:700}.detail-actions{display:flex;gap:8px}.compact-section{padding:20px;margin-top:13px}.compact-section h2{font-size:21px;margin-bottom:14px}.compact-section .datum{min-height:62px;padding:12px}.compact-empty{padding:28px}

/* Review */
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row h2{margin:0}.scroll-list{max-height:430px;overflow:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#9a77ec #eeebf7}.scroll-list::-webkit-scrollbar{width:7px}.scroll-list::-webkit-scrollbar-track{background:#eeebf7;border-radius:8px}.scroll-list::-webkit-scrollbar-thumb{background:linear-gradient(#8054e7,#b16bf2);border-radius:8px}
.live-record-panel .live-row{grid-template-columns:40px 1fr auto;padding:10px 12px}.live-record-panel .live-row img{width:40px;height:40px;border-radius:10px}.live-record-panel .live-row .ghost-button{padding:8px 10px;font-size:12px}.vod-info-v4{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px}.vod-info-v4 h2{font-size:18px;margin:0}.vod-info-v4 p{font-size:12px;margin:5px 0 0}.vod-info-v4 .primary-button{white-space:nowrap;padding:9px 14px}.marker-heading{margin:20px 0 10px}
.live-layout{grid-template-columns:1.05fr .95fr}.review-queue-panel{padding:24px}.review-queue-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--line)}.review-queue-head span{display:block;margin-bottom:6px;color:#7950df;font-size:10px;font-weight:800;letter-spacing:.18em}.review-queue-head h2{margin:0;font-size:21px}.queue-add-button{flex:0 0 auto;padding:10px 14px;white-space:nowrap}.review-queue-panel .vod-list{gap:12px}.review-queue-panel .vod-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.vod-row-copy{min-width:0}.review-queue-panel .vod-row h4{margin:0 0 7px;font-size:15px;line-height:1.45}.review-queue-panel .vod-row p{line-height:1.45}.vod-review-button{width:100%;padding:9px 14px}

/* Center and admin */
.center-menu button{font-weight:700}.profile-edit-head{padding-bottom:18px}.profile-inline-form{margin-top:20px}.admin-tabs{display:flex;gap:6px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--line)}.admin-tabs button{padding:9px 14px;border:0;border-radius:9px;background:#f2f2f7}.admin-tabs button.active{color:white;background:linear-gradient(135deg,#754ae8,#a56bf4)}
.avatar-uploader{width:112px;display:grid;gap:8px;margin:0 auto 22px;text-align:center;color:#6841d2;font-size:12px;font-weight:700;cursor:pointer}.avatar-uploader img{width:112px;height:122px;border-radius:16px;object-fit:cover;border:2px solid #eee8ff;transition:.2s}.avatar-uploader:hover img{border-color:#8b5be9;transform:translateY(-2px);box-shadow:0 10px 25px rgba(117,74,232,.16)}
.manage-grid .manage-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px}.manage-grid .manage-item .profile-avatar{width:48px;height:48px;border-radius:10px}.manage-grid .manage-item span{display:grid}.manage-grid .manage-item small{color:var(--muted);margin-top:4px}

@media(max-width:1050px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-head-v4{grid-template-columns:90px 1fr}.profile-head-v4 .profile-avatar{width:82px;height:94px}.detail-actions{grid-column:1/-1}.hero-brand-v4{width:245px}}
@media(max-width:540px){.profile-grid{grid-template-columns:1fr}.auth-v4 .auth-art{display:none}.profile-card-v4{min-height:108px}.home-v4 .home-hero{min-height:490px}.vod-info-v4{align-items:flex-start;flex-direction:column}.manage-grid .manage-item{grid-template-columns:42px 1fr auto}.manage-grid .manage-item .danger{grid-column:2/-1}}
@media(max-width:540px){.review-queue-head{align-items:stretch;flex-direction:column}.queue-add-button{width:100%}}

/* V6 refinements */
.site-brand{gap:9px}.site-brand span{width:82px;text-align:left}.site-brand b{width:82px;display:flex;justify-content:space-between;align-items:center;font-size:17px;letter-spacing:0}.site-brand b i{font-style:normal}.site-brand small{display:block;width:82px;margin-top:6px;font-size:6.5px;letter-spacing:.24em;text-align:left;white-space:nowrap}
.home-v6{min-height:calc(100vh - 72px);background:#090a12}.home-v6 .home-hero{min-height:calc(100vh - 72px);justify-content:flex-start;padding-top:72px;padding-bottom:90px;background:radial-gradient(circle at 50% 28%,rgba(103,53,180,.5),transparent 28%),radial-gradient(circle at 12% 72%,rgba(59,38,110,.3),transparent 32%),radial-gradient(circle at 88% 64%,rgba(23,99,112,.25),transparent 32%),linear-gradient(155deg,#090a13 0,#12101e 58%,#0b111a 100%)}
.home-v6 .home-hero:before{width:430px;height:430px;left:-180px;top:28%;opacity:.13}.home-v6 .home-hero:after{width:480px;height:480px;right:-180px;bottom:0;opacity:.13}
.home-v6 .hero-lockup{width:270px;gap:0}.home-v6 .hero-full-lockup{display:block;width:270px;height:215px;object-fit:contain}.home-v6 .hero-lockup:after{content:none}.home-v6 .global-search{margin-top:24px;width:min(680px,100%)}
.home-feature-zone{position:relative;z-index:4;width:min(520px,100%);margin:36px auto 0}.home-feature-grid{grid-template-columns:repeat(2,180px);justify-content:center;gap:18px}.home-feature-card{min-height:126px;padding:20px 14px;display:grid;place-items:center;align-content:center;text-align:center;color:white;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 14px 40px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
.home-feature-card:before{content:"";position:absolute;right:-24px;bottom:-30px;width:105px;height:105px;border-radius:44% 56% 48% 52%;opacity:.16;transform:rotate(28deg);background:radial-gradient(circle at 38% 35%,#fff 0 8%,transparent 9%),conic-gradient(from 10deg,#b882ff,#5c36a3,#64d0d8,#b882ff)}
.home-feature-card.materials:before{border-radius:50% 20% 50% 20%;transform:rotate(45deg)}.home-feature-card .feature-icon{margin:0 auto 13px;color:#fff;background:linear-gradient(135deg,rgba(143,91,239,.8),rgba(69,191,204,.45))}.home-feature-card h3{margin:0;font-size:17px}.home-feature-card:hover{transform:translateY(-5px);border-color:rgba(181,139,255,.45)}.home-feature-card:after{display:none}.home-bottom-glow{position:absolute;z-index:1;left:0;right:0;bottom:0;height:58%;opacity:.82;transform:scaleX(-1);background:linear-gradient(to bottom,transparent 0,rgba(8,9,18,.12) 12%,rgba(7,8,16,.08) 100%),url('/assets/home-lotus-landscape-v2.png') center bottom/cover no-repeat;mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 100%)}
.home-v6 .search-results{position:relative;z-index:4;color:white;margin:18px auto 0}.home-v6 .search-result{color:var(--ink)}
.hero-ornaments{position:absolute;inset:22px 30px 24px;z-index:0;pointer-events:none;border:1px solid rgba(194,160,255,.11);border-radius:28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25) 82%,transparent)}
.hero-ornaments:before,.hero-ornaments:after{content:"";position:absolute;top:45%;width:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,142,255,.28),transparent)}.hero-ornaments:before{left:3%}.hero-ornaments:after{right:3%}
.frame-corner{position:absolute;width:76px;height:76px;border-color:rgba(197,165,255,.38);filter:drop-shadow(0 0 11px rgba(142,84,239,.15))}.frame-corner:after{content:"◇";position:absolute;color:rgba(208,183,255,.4);font-size:15px}.frame-corner.c1{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid;border-radius:27px 0 0}.frame-corner.c1:after{left:15px;top:10px}.frame-corner.c2{right:-1px;top:-1px;border-right:2px solid;border-top:2px solid;border-radius:0 27px 0 0}.frame-corner.c2:after{right:15px;top:10px}.frame-corner.c3{left:-1px;bottom:-1px;border-left:2px solid;border-bottom:2px solid;border-radius:0 0 0 27px}.frame-corner.c3:after{left:15px;bottom:10px}.frame-corner.c4{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 27px}.frame-corner.c4:after{right:15px;bottom:10px}
.lotus-ring{position:absolute;top:19%;width:250px;height:250px;border:1px solid rgba(157,111,235,.18);border-radius:50%;box-shadow:inset 0 0 45px rgba(85,42,151,.08),0 0 0 18px rgba(151,105,226,.025),0 0 0 38px rgba(151,105,226,.018)}.lotus-ring:before,.lotus-ring:after{content:"";position:absolute;inset:50% auto auto 50%;width:112px;height:112px;border:1px solid rgba(198,165,255,.14);border-radius:72% 18% 72% 18%;transform:translate(-50%,-50%) rotate(45deg)}.lotus-ring:after{transform:translate(-50%,-50%) rotate(90deg)}.ring-left{left:-88px}.ring-right{right:-88px}
.side-sigil{position:absolute;top:47%;color:rgba(217,196,255,.3);font-size:23px;text-shadow:0 0 14px rgba(163,104,255,.5)}.sigil-left{left:7%}.sigil-right{right:7%}
.distant-pattern{position:absolute;left:8%;right:8%;bottom:4%;height:190px;display:flex;align-items:flex-end;justify-content:center;gap:0;opacity:.22;overflow:hidden}.distant-pattern:after{content:"";position:absolute;left:0;right:0;bottom:25px;height:1px;background:linear-gradient(90deg,transparent,rgba(170,122,235,.55) 28%,rgba(77,181,197,.45) 72%,transparent)}.distant-pattern span{width:22%;height:65%;margin:0 -3%;border:1px solid rgba(168,124,232,.33);border-radius:50% 50% 0 0;transform:rotate(45deg);background:linear-gradient(135deg,rgba(101,61,164,.12),transparent 60%)}.distant-pattern span:nth-child(2){height:88%;transform:rotate(45deg) scale(.9)}.distant-pattern span:nth-child(3){height:112%;transform:rotate(45deg) scale(.82);border-color:rgba(164,122,229,.42)}.distant-pattern span:nth-child(4){height:86%;transform:rotate(45deg) scale(.9)}.distant-pattern span:nth-child(5){height:62%}
@media(max-width:760px){.hero-ornaments{inset:14px}.lotus-ring{width:170px;height:170px}.distant-pattern{left:0;right:0;height:120px}.side-sigil{display:none}}
.auth-v6 .auth-art img{position:relative;z-index:2;width:124px;height:215px;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;margin:0 0 4px -7px}.auth-v6 .auth-art{align-items:flex-end;overflow:hidden}
.profile-head-v4{position:relative}.profile-head-v4 .profile-main{padding-bottom:40px}.profile-head-v4 .profile-links{position:absolute;right:20px;bottom:18px;margin:0}.compact-section .data-grid{display:flex;flex-wrap:wrap;gap:8px;background:transparent;border:0;overflow:visible}.compact-section .datum{flex:0 1 auto;width:auto;min-width:150px;max-width:230px;border:1px solid var(--line);border-radius:11px}.compact-section .gear-grid{grid-template-columns:repeat(auto-fit,minmax(160px,220px))}.compact-section .empty{min-height:0}
.review-detail-shell{width:min(1380px,calc(100% - 40px))}.review-detail-shell .review-grid{grid-template-columns:290px minmax(0,1fr) 350px}.marker-panel{min-width:0}.marker-panel .time-row{grid-template-columns:1fr}.marker-panel .rating-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.marker-panel input,.marker-panel textarea,.marker-panel button{max-width:100%}.review-side a.side-vod{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:11px;align-items:center;padding:10px!important;min-height:76px}.review-side a.side-vod>img{display:block!important;width:52px!important;height:52px!important;border-radius:11px;object-fit:cover}.side-vod>span{display:block;min-width:0}.side-vod b{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-vod em{display:block;margin-top:4px;color:#555b70;font-size:11px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-vod small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-vod .club-logo{width:18px;height:18px;flex:none}.country-v6{display:inline-flex;align-items:center;gap:7px}.country-v6 img{width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(18,22,35,.08)}
.click-preview{cursor:pointer;transition:.2s;border:2px solid transparent}.click-preview:hover{transform:translateY(-2px);border-color:#8a5be9;box-shadow:0 10px 25px rgba(117,74,232,.18)}
.quick-media-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px auto 25px}.quick-media-row .avatar-uploader{margin:0}.club-uploader{width:72px;display:grid;justify-items:center;gap:5px;margin:0;color:#6841d2;font-size:10px;font-weight:700;cursor:pointer}.club-uploader img,.club-preview-placeholder{width:58px;height:58px;border-radius:14px;object-fit:contain;border:2px dashed #d9cdfa;background:#f8f5ff}.club-preview-placeholder{display:grid;place-items:center}.club-uploader:hover img,.club-uploader:hover .club-preview-placeholder{border-color:#8a5be9}.custom-tags-preview{display:flex;gap:6px;flex-wrap:wrap}.profile-card-v4 .chips{margin-top:5px}.tag-input-help{margin-top:5px;color:var(--muted);font-size:10px}
.field-trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 142px;gap:12px;align-items:end}.pro-field{align-self:stretch}.pro-switch{height:48px;display:flex!important;align-items:center;justify-content:center;gap:10px;margin:0!important;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fbfaff,#f3efff);cursor:pointer}.pro-switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:38px;height:21px;border-radius:99px;background:#d9d8e2;transition:.2s}.switch-track i{position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(25,20,45,.2);transition:.2s}.pro-switch input:checked+.switch-track{background:linear-gradient(135deg,#7447e9,#a165f2)}.pro-switch input:checked+.switch-track i{transform:translateX(17px)}.pro-switch b{font-size:12px;letter-spacing:.12em;color:#5f46a7}.create-card-action{display:flex;justify-content:center;margin-top:22px}.create-card-action .primary-button{min-width:210px;min-height:48px;padding:12px 32px;letter-spacing:.26em;text-indent:.26em;border-radius:13px;box-shadow:0 12px 26px rgba(117,74,232,.22)}
.account-dropdown{right:auto;left:50%;transform:translateX(-50%)}
.pro-switch{position:relative}.pro-switch input{width:1px!important;height:1px!important;inset:auto!important}
.review-detail-shell>.page-kicker{display:none}
@media(max-width:1120px){.review-detail-shell .review-grid{grid-template-columns:240px minmax(0,1fr) 320px}.marker-panel{padding:13px}}
@media(max-width:940px){.review-grid{grid-template-columns:1fr}.review-side,.marker-panel{position:static}.marker-panel .time-row{grid-template-columns:1fr 1fr}.profile-head-v4 .profile-links{position:static;margin-top:auto}.profile-head-v4 .profile-main{padding-bottom:0}}
@media(max-width:760px){.field-trio{grid-template-columns:1fr 1fr}.pro-field{grid-column:1/-1}.pro-switch{max-width:180px}}
@media(max-width:600px){.home-feature-grid{grid-template-columns:repeat(2,minmax(0,145px))}.home-feature-card{min-height:112px}.home-v6 .home-hero{padding-top:48px}.marker-panel .time-row{grid-template-columns:1fr}.account-dropdown{left:auto;right:0;transform:none}.field-trio{grid-template-columns:1fr}.pro-field{grid-column:auto}.pro-switch{max-width:none}}

/* Compact left navigation, universal return control and replay metadata */
.header-inner{display:flex;grid-template-columns:none;gap:0}.sub-nav{justify-self:auto;margin-left:28px;gap:24px}.account-area{justify-self:auto;margin-left:auto}.site-brand{flex:0 0 auto}.page-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 13px;border:1px solid #e1dded;border-radius:10px;background:rgba(255,255,255,.86);color:#625a75;font-weight:700;box-shadow:0 6px 18px rgba(31,25,56,.05);transition:.2s}.page-back:hover{color:#7045dc;border-color:#cabcf0;transform:translateX(-2px)}.page-back span{font-size:18px;line-height:1}.metadata-state{min-height:18px;margin:-4px 0 2px;font-size:12px;color:#777b91}.metadata-state.loading{color:#7550d8}.metadata-state.success{color:#278a66}.metadata-state.warning{color:#a06b2c}
@media(max-width:700px){.header-inner{display:grid;grid-template-columns:1fr auto}.sub-nav{display:none}.page-back{margin-bottom:14px}}