/* SLAY ESPORTS — design system layer v2 (sharp, chamfered, silver + blood red).
   Loaded last; changes looks only. Remove this file's <link> in index.html to roll back. */
:root{
  --ds-bg:#0B0B0C; --ds-surface:#131316; --ds-raised:#1B1B20; --ds-line:#26262C; --ds-line-strong:#66666F;
  --ds-ink:#F2F2F4; --ds-muted:#9A9AA2; --ds-red:#D0261E; --ds-red-hover:#E0342B; --ds-red-text:#EE4F57;
  --ds-red-deep:#7A1519; --ds-red-soft:#C8303A; --ds-silver:linear-gradient(180deg,#FFFFFF 0%,#E4E6E9 55%,#B9BDC3 100%);
  --ds-cut:12px; --ds-offset:4px 4px 0 var(--ds-red-deep);
}
html,body{background:var(--ds-bg)!important}
/* topo contour layer behind everything */
.ds-topo{position:fixed;inset:0;z-index:0;pointer-events:none;background:url("/brand/slay-topo-lines-dark.svg") center/cover no-repeat;opacity:.16}
#root{position:relative;z-index:1}

/* 1. sharp brand shapes: every rounded panel, card and control becomes square-cut (one rule each, so one bad selector cannot cancel the rest) */
.account-purpose{border-radius:2px!important}
.account-social .login-provider{border-radius:2px!important}
.account-tabs{border-radius:2px!important}
.account-tabs button{border-radius:2px!important}
.achievement-title-suggestions button{border-radius:2px!important}
.admin-account-results{border-radius:2px!important}
.admin-account-results>button{border-radius:2px!important}
.admin-empty{border-radius:2px!important}
.admin-entry{border-radius:2px!important}
.admin-note{border-radius:2px!important}
.admin-post-kinds button{border-radius:2px!important}
.admin-post-policy{border-radius:2px!important}
.admin-post-selected{border-radius:2px!important}
.admin-section-content{border-radius:2px!important}
.admin-section-nav{border-radius:2px!important}
.admin-section-nav button{border-radius:2px!important}
.admin-section-nav button b{border-radius:2px!important}
.admin-site-controls{border-radius:2px!important}
.admin-whatsapp-pending{border-radius:2px!important}
.announcement-audience{border-radius:2px!important}
.announcement-preview{border-radius:2px!important}
.announcement-receipt{border-radius:2px!important}
.applicant-notice-alert{border-radius:2px!important}
.application-chat{border-radius:2px!important}
.application-decision{border-radius:2px!important}
.application-push-confirmed{border-radius:2px!important}
.application-push-device{border-radius:2px!important}
.application-push-privacy{border-radius:2px!important}
.application-push-symbol{border-radius:2px!important}
.application-row{border-radius:2px!important}
.badge-admin-success{border-radius:2px!important}
.badge-assignment-panel{border-radius:2px!important}
.badge-auto-color-note{border-radius:2px!important}
.badge-catalog-grid) .profile-award{border-radius:2px!important}
.badge-catalog-grid) .profile-award-emblem{border-radius:2px!important}
.badge-empty{border-radius:2px!important}
.badge-hidden{border-radius:2px!important}
.badge-ideas{border-radius:2px!important}
.badge-ideas button{border-radius:2px!important}
.button{border-radius:2px!important}
.category-pill{border-radius:2px!important}
.chat-delivery-hint{border-radius:2px!important}
.chat-message{border-radius:2px!important}
.clan-rosters .cr-achievement-icon{border-radius:2px!important}
.clan-rosters .cr-achievements article{border-radius:2px!important}
.clan-rosters .cr-add-panel{border-radius:2px!important}
.clan-rosters .cr-add-row select{border-radius:2px!important}
.clan-rosters .cr-button{border-radius:2px!important}
.clan-rosters .cr-candidate-empty{border-radius:2px!important}
.clan-rosters .cr-clips article{border-radius:2px!important}
.clan-rosters .cr-community-clip>span{border-radius:2px!important}
.clan-rosters .cr-count{border-radius:2px!important}
.clan-rosters .cr-detail-banner{border-radius:2px!important}
.clan-rosters .cr-detail-lineup{border-radius:2px!important}
.clan-rosters .cr-division-icon{border-radius:2px!important}
.clan-rosters .cr-division-link{border-radius:2px!important}
.clan-rosters .cr-editor{border-radius:2px!important}
.clan-rosters .cr-editor-banner{border-radius:2px!important}
.clan-rosters .cr-empty{border-radius:2px!important}
.clan-rosters .cr-error{border-radius:2px!important}
.clan-rosters .cr-field>:is(input{border-radius:2px!important}
.clan-rosters .cr-icon-button{border-radius:2px!important}
.clan-rosters .cr-join-requests article{border-radius:2px!important}
.clan-rosters .cr-join-status{border-radius:2px!important}
.clan-rosters .cr-leader-mark{border-radius:2px!important}
.clan-rosters .cr-lineup-note{border-radius:2px!important}
.clan-rosters .cr-list-filters>select{border-radius:2px!important}
.clan-rosters .cr-member-candidate{border-radius:2px!important}
.clan-rosters .cr-notice{border-radius:2px!important}
.clan-rosters .cr-order-group li{border-radius:2px!important}
.clan-rosters .cr-order-index{border-radius:2px!important}
.clan-rosters .cr-order-panel{border-radius:2px!important}
.clan-rosters .cr-pending-requests{border-radius:2px!important}
.clan-rosters .cr-photo-editor{border-radius:2px!important}
.clan-rosters .cr-player{border-radius:2px!important}
.clan-rosters .cr-position{border-radius:2px!important}
.clan-rosters .cr-remove{border-radius:2px!important}
.clan-rosters .cr-roster{border-radius:2px!important}
.clan-rosters .cr-search{border-radius:2px!important}
.clan-rosters .cr-shell{border-radius:2px!important}
.clan-rosters .cr-status{border-radius:2px!important}
.clan-rosters .cr-success{border-radius:2px!important}
.clan-rosters .cr-trash-list article{border-radius:2px!important}
.clip-filter-tabs button{border-radius:2px!important}
.clip-review .clip-player{border-radius:2px!important}
.clip-review .youtube-start{border-radius:2px!important}
.clip-review-icon{border-radius:2px!important}
.clip-tracking{border-radius:2px!important}
.comment-reply-context{border-radius:2px!important}
.community-admin-auth{border-radius:2px!important}
.community-admin-hub .admin-section-nav{border-radius:2px!important}
.community-admin-hub .clip-filter-tabs button b{border-radius:2px!important}
.community-admin-hub :is(.manage-post-list{border-radius:2px!important}
.community-clip{border-radius:2px!important}
.community-dialog{border-radius:2px!important}
.community-empty{border-radius:2px!important}
.community-flash{border-radius:2px!important}
.community-post{border-radius:2px!important}
.content-status{border-radius:2px!important}
.cr-own-position{border-radius:2px!important}
.cr-own-position select{border-radius:2px!important}
.developer-terminal-bar{border-radius:2px!important}
.developer-terminal-icon{border-radius:2px!important}
.draft-inline{border-radius:2px!important}
.elite-banner-mark{border-radius:2px!important}
.error{border-radius:2px!important}
.first-clip{border-radius:2px!important}
.header-actions .member-login-entry{border-radius:2px!important}
.header-actions .site-search-entry{border-radius:2px!important}
.home-editor details{border-radius:2px!important}
.icon-button{border-radius:2px!important}
.image-count{border-radius:2px!important}
.interaction-button{border-radius:2px!important}
.join-aside{border-radius:2px!important}
.leader-card{border-radius:2px!important}
.leader-card) .profile-card-badge-extra{border-radius:2px!important}
.leader-card) .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip{border-radius:2px!important}
.leader-card) .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip>i{border-radius:2px!important}
.leader-card) .profile-card-chip{border-radius:2px!important}
.leader-card) .profile-card-chip>i{border-radius:2px!important}
.leader-profile-banner{border-radius:2px!important}
.lightbox>img{border-radius:2px!important}
.login-pending-note{border-radius:2px!important}
.login-provider{border-radius:2px!important}
.manage-clips)>article{border-radius:2px!important}
.manage-clips>article{border-radius:2px!important}
.manage-leaders{border-radius:2px!important}
.manage-leaders>article{border-radius:2px!important}
.manage-post-list>article{border-radius:2px!important}
.manage-post-list>article>img{border-radius:2px!important}
.manage-post-placeholder{border-radius:2px!important}
.manager-banner-mark{border-radius:2px!important}
.manual-scrim{border-radius:2px!important}
.media-previews img{border-radius:2px!important}
.media-previews.video-preview video{border-radius:2px!important}
.member-achievement{border-radius:2px!important}
.member-card{border-radius:2px!important}
.member-card .member-role{border-radius:2px!important}
.member-empty{border-radius:2px!important}
.member-login-entry{border-radius:2px!important}
.member-login-panel{border-radius:2px!important}
.member-login-panel .account-submit{border-radius:2px!important}
.member-login-panel .email-account-form input{border-radius:2px!important}
.member-portrait>b{border-radius:2px!important}
.member-profile{border-radius:2px!important}
.member-profile-identity .member-role{border-radius:2px!important}
.member-provider-links{border-radius:2px!important}
.member-roster-badge{border-radius:2px!important}
.member-status{border-radius:2px!important}
.mention-options{border-radius:2px!important}
.mh-action{border-radius:2px!important}
.mh-card{border-radius:2px!important}
.mh-rankings li{border-radius:2px!important}
.mh-show-all{border-radius:2px!important}
.monthly-admin-group{border-radius:2px!important}
.monthly-admin-row{border-radius:2px!important}
.monthly-display-options{border-radius:2px!important}
.monthly-highlights{border-radius:2px!important}
.monthly-highlights .mh-action{border-radius:2px!important}
.monthly-highlights .mh-card{border-radius:2px!important}
.monthly-highlights .mh-show-all{border-radius:2px!important}
.notification-center{border-radius:2px!important}
.notification-count{border-radius:2px!important}
.open-badge{border-radius:2px!important}
.owner-media-delete{border-radius:2px!important}
.panel{border-radius:2px!important}
.pending-avatar-panel{border-radius:2px!important}
.player-avatar{border-radius:2px!important}
.profile-award{border-radius:2px!important}
.profile-awards>header>span{border-radius:2px!important}
.profile-card-badge-extra{border-radius:2px!important}
.profile-card-chip{border-radius:2px!important}
.receipt-code{border-radius:2px!important}
.receipt-push-reminder{border-radius:2px!important}
.recruitment-control{border-radius:2px!important}
.review-description{border-radius:2px!important}
.role-hints span{border-radius:2px!important}
.scrim-notice{border-radius:2px!important}
.scrim-whatsapp{border-radius:2px!important}
.segmented{border-radius:2px!important}
.sf-alert-count{border-radius:2px!important}
.sf-alerts{border-radius:2px!important}
.sf-composer{border-radius:2px!important}
.sf-composer-actions button{border-radius:2px!important}
.sf-composer-entry button{border-radius:2px!important}
.sf-empty{border-radius:2px!important}
.sf-feedback{border-radius:2px!important}
.sf-inline-news>.sf-news-panel{border-radius:2px!important}
.sf-load-more{border-radius:2px!important}
.sf-loading{border-radius:2px!important}
.sf-mobile-filters button{border-radius:2px!important}
.sf-navigation nav button{border-radius:2px!important}
.sf-navigation nav button>span{border-radius:2px!important}
.sf-news-item>.sf-news-thumb{border-radius:2px!important}
.sf-news-item>img{border-radius:2px!important}
.sf-news-more{border-radius:2px!important}
.sf-news-panel{border-radius:2px!important}
.sf-news-panel .sf-news-list>.sf-news-item{border-radius:2px!important}
.sf-news-thumb>b{border-radius:2px!important}
.sf-post{border-radius:2px!important}
.sf-post .sf-person[href='#members/a3a736d3-e62d-4028-bc84-0c8e2b4aecdd'] strong::after{border-radius:2px!important}
.sf-post-kind{border-radius:2px!important}
.sf-post-social .comment-form textarea{border-radius:2px!important}
.sf-post-social .post-comment>p{border-radius:2px!important}
.sf-review-note{border-radius:2px!important}
.sf-side-note{border-radius:2px!important}
.sf-sidebar{border-radius:2px!important}
.sf-weekly-banner{border-radius:2px!important}
.site-alert-button>b{border-radius:2px!important}
.site-alert-popover.open{border-radius:2px!important}
.site-control-card{border-radius:2px!important}
.site-control-toggle:has(input:focus-visible){border-radius:2px!important}
.site-control-toggle>span{border-radius:2px!important}
.site-install{border-radius:2px!important}
.site-install-instructions>img{border-radius:2px!important}
.site-install-summary>img{border-radius:2px!important}
.site-search-entry{border-radius:2px!important}
.site-search-results>a{border-radius:2px!important}
.slay-color-controls input[type=color]{border-radius:2px!important}
.slay-onboarding{border-radius:2px!important}
.slay-onboarding .slay-onboarding-logout{border-radius:2px!important}
.slay-onboarding-choices button{border-radius:2px!important}
.slay-onboarding-form input{border-radius:2px!important}
.slay-onboarding-form textarea{border-radius:2px!important}
.slay-profile-add{border-radius:2px!important}
.slay-profile-result{border-radius:2px!important}
.slay-site .comment-form textarea{border-radius:2px!important}
.slay-site .community-site-header .header-actions > .admin-entry{border-radius:2px!important}
.slay-site .community-site-header .member-login-entry[href=\#login]{border-radius:2px!important}
.slay-site .community-site-header .site-primary-navigation{border-radius:2px!important}
.slay-site .community-site-header .site-primary-navigation > a{border-radius:2px!important}
.slay-site .community-site-header .site-primary-navigation.expanded{border-radius:2px!important}
.slay-site .community-site-header .site-primary-navigation>a{border-radius:2px!important}
.slay-site .header-actions .admin-entry{border-radius:2px!important}
.slay-site .leader-card.leadership-card{border-radius:2px!important}
.slay-site .leader-card.leadership-card .leader-title{border-radius:2px!important}
.slay-site .member-account-bar .slay-profile-logout{border-radius:2px!important}
.slay-site .member-card.card-awards-layout .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip{border-radius:2px!important}
.slay-site .member-card.card-awards-layout .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip>i{border-radius:2px!important}
.slay-site .member-card.card-awards-layout .profile-card-chip{border-radius:2px!important}
.slay-site .member-card.card-awards-layout .profile-card-chip>i{border-radius:2px!important}
.slay-site .member-portrait>.member-roster-badge{border-radius:2px!important}
.slay-site .member-profile.developer-profile{border-radius:2px!important}
.slay-site .member-profile.elite-profile{border-radius:2px!important}
.slay-site .member-profile.leader-profile{border-radius:2px!important}
.slay-site .member-profile.manager-profile{border-radius:2px!important}
.slay-site .member-profile:has(.member-role.role-member):not(.leader-profile):not(.elite-profile):not(.manager-profile):not(.developer-profile){border-radius:2px!important}
.slay-site .member-profile[data-badge-theme=active]{border-radius:2px!important}
.slay-site .pmg-empty{border-radius:2px!important}
.slay-site .pmg-filters button{border-radius:2px!important}
.slay-site .pmg-heading h3>span{border-radius:2px!important}
.slay-site .pmg-kind{border-radius:2px!important}
.slay-site .pmg-tile{border-radius:2px!important}
.slay-site .post-comment.comment-is-reply .comment-author bdi::after{border-radius:2px!important}
.slay-site .site-header nav a{border-radius:2px!important}
.slay-site :is(.badge-editor{border-radius:2px!important}
.slay-site :is(.member-card{border-radius:2px!important}
.source-tabs{border-radius:2px!important}
.step-icon{border-radius:2px!important}
.trash-list article{border-radius:2px!important}
.upload-zone{border-radius:2px!important}
.video-file-fallback{border-radius:2px!important}
.video-file-fallback .video-fallback-poster{border-radius:2px!important}
[data-profile-theme]) .profile-award{border-radius:2px!important}
[data-profile-theme]) .profile-award-emblem{border-radius:2px!important}
[data-profile-theme]) .profile-card-chip{border-radius:2px!important}
input{border-radius:2px!important}
select{border-radius:2px!important}
select){border-radius:2px!important}
textarea{border-radius:2px!important}

/* 2. chamfered tiles (cut bottom corner) */
.site-primary-navigation a,.mobile-bottom-navigation a,.sf-news-item,.sf-weekly-banner,.pmg-tile,.mh-card,
.leader-card,.member-card,.leadership-card,.sf-person,.cr-division-link{
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--ds-cut)),calc(100% - var(--ds-cut)) 100%,0 100%)}

/* 3. panels: flat surface, hairline border, red top edge */
.sf-post,.sf-news-panel,.sf-composer,.sf-weekly-banner,.sf-side-note,.sf-sidebar,.leader-card,.member-card,
.leadership-card,.cr-roster,.mh-card,.community-post,.site-control-card,.application-row,.join-aside,
.member-profile,.slay-onboarding-form,.member-login-panel,.admin-section-content,.home-editor{
  background:var(--ds-surface)!important;border-color:var(--ds-line)!important;
  box-shadow:inset 0 2px 0 var(--ds-red)!important}
.sf-news-item{background:var(--ds-raised)!important;border-color:var(--ds-line)!important}
.sf-news-item:hover,.sf-person:hover{border-color:var(--ds-red-soft)!important}

/* 4. header + navigation */
.site-header{background:rgba(11,11,12,.94)!important;box-shadow:0 1px 0 var(--ds-line),0 2px 0 rgba(208,38,30,.55)!important;backdrop-filter:blur(10px)}
.site-primary-navigation{background:var(--ds-surface)!important;border-color:var(--ds-line)!important;box-shadow:none!important}
.site-primary-navigation a{background:var(--ds-raised)!important;border-color:var(--ds-line)!important;box-shadow:none!important;font-weight:800!important}
.site-primary-navigation a:hover{border-color:var(--ds-red-soft)!important;color:#fff!important}
.site-primary-navigation a.active,.site-primary-navigation a[aria-current="page"],.mobile-bottom-navigation a.active{
  background:var(--ds-red)!important;border-color:var(--ds-red)!important;color:#fff!important;box-shadow:inset 0 -3px 0 var(--ds-red-deep)!important}
.mobile-bottom-navigation{background:rgba(11,11,12,.97)!important;box-shadow:0 -1px 0 var(--ds-line),0 -2px 0 rgba(208,38,30,.45)!important}

/* 5. buttons: solid red with hard offset shadow; outline = ink hairline */
.button:not(.outline):not(.ghost),.signup-entry,.sf-news-more,.account-submit,.slay-site button[type="submit"],.mh-show-all{
  background:var(--ds-red)!important;border:0!important;color:#fff!important;box-shadow:var(--ds-offset)!important;
  font-weight:800!important;transition:background .12s,transform .12s,box-shadow .12s}
.button:not(.outline):not(.ghost):hover,.signup-entry:hover,.sf-news-more:hover,.account-submit:hover,.slay-site button[type="submit"]:hover{
  background:var(--ds-red-hover)!important;box-shadow:var(--ds-offset),0 0 40px rgba(208,38,30,.45)!important}
.button:not(.outline):not(.ghost):active,.signup-entry:active,.sf-news-more:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ds-red-deep)!important}
.button.outline,.interaction-button,.admin-entry,.site-search-entry,.site-alert-button,.member-login-entry:not(.signup-entry){
  background:transparent!important;border:1px solid var(--ds-line-strong)!important;box-shadow:none!important;color:var(--ds-ink)!important}
.button.outline:hover,.interaction-button:hover,.admin-entry:hover,.member-login-entry:not(.signup-entry):hover{border-color:var(--ds-ink)!important}
.interaction-button.active,.interaction-button[aria-pressed="true"]{border-color:var(--ds-red-soft)!important;color:var(--ds-red-text)!important}

/* 6. type: silver display headings, red eyebrows with diamond */
.sf-weekly-caption h2,.sf-news-heading h2,.sf-side-heading,.pmg-heading h2,.slay-site h1{
  font-weight:900!important;letter-spacing:0;background:var(--ds-silver);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.slay-site h2{font-weight:900}
.section-eyebrow{color:var(--ds-red-text)!important;font-weight:800!important;letter-spacing:.32em!important;display:inline-flex;align-items:center;gap:.6em;min-height:1em}
.section-eyebrow::before{content:"";width:.7em;height:.7em;background:var(--ds-red);transform:rotate(45deg);flex:none}
.sf-post-kind,.category-pill,.member-role{transform:skewX(-8deg);box-shadow:3px 3px 0 var(--ds-red-deep)}

/* 7. inputs */
.slay-site input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.slay-site select,.slay-site textarea{
  border-radius:2px!important;border-color:var(--ds-line-strong)!important;background-color:var(--ds-raised)!important}
.slay-site input:focus,.slay-site select:focus,.slay-site textarea:focus{border-color:var(--ds-red-text)!important;box-shadow:0 0 0 1px var(--ds-red-text)!important;outline:none}

/* 8. footer */
.site-footer{border-top:1px solid var(--ds-line);box-shadow:0 -2px 0 rgba(208,38,30,.35)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===================== v3: creative + easy layer for every page ===================== */
::selection{background:var(--ds-red);color:#fff}
html{scrollbar-color:var(--ds-red-deep) var(--ds-bg)}
::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--ds-bg)}
::-webkit-scrollbar-thumb{background:var(--ds-red-deep)}::-webkit-scrollbar-thumb:hover{background:var(--ds-red)}
.slay-site{line-height:1.7}
.slay-site p{color:inherit}

/* page transition: each page slides in (from a visible state) */
.slay-site main,.slay-site .container:not(.site-footer){animation:dsIn .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes dsIn{from{opacity:.55;transform:translateY(10px)}to{opacity:1;transform:none}}

/* page headers become hero banners: topo + red glow + silver title + blade underline */
.member-page-heading,.sf-page-heading,.admin-heading,.management-heading,.community-section-heading,.cr-section-heading,.pmg-heading,.mh-heading{
  position:relative;isolation:isolate;overflow:hidden;padding:30px 28px!important;margin-bottom:22px!important;
  background:radial-gradient(60% 120% at 85% 0%,rgba(208,38,30,.28),transparent 70%),var(--ds-surface)!important;
  border:1px solid var(--ds-line)!important;box-shadow:inset 0 3px 0 var(--ds-red)!important;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.member-page-heading::after,.sf-page-heading::after,.admin-heading::after,.management-heading::after,.community-section-heading::after,.cr-section-heading::after,.pmg-heading::after,.mh-heading::after{
  content:"";position:absolute;inset:0;z-index:-1;background:url("/brand/slay-topo-lines-dark.svg") center/cover;opacity:.45;pointer-events:none}
.member-page-heading h1,.member-page-heading h2,.sf-page-heading h1,.sf-page-heading h2,.admin-heading h1,.admin-heading h2,.management-heading h2,
.community-section-heading h2,.cr-section-heading h2,.mh-heading h2,.slay-hero-title,.hero-copy h1,.community-hero-copy h1{
  font-weight:900!important;font-size:clamp(32px,5vw,56px)!important;line-height:1.15!important;
  background:var(--ds-silver);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.member-page-heading h1::after,.sf-page-heading h1::after,.admin-heading h1::after{content:"";display:block;width:70px;height:4px;margin-top:12px;background:var(--ds-red);transform:skewX(-20deg)}

/* hero areas (community / application) */
.hero,.community-hero{border-bottom:2px solid var(--ds-red-deep)}
.hero-shade,.community-hero-shade{background:linear-gradient(0deg,var(--ds-bg),rgba(11,11,12,.25) 60%,rgba(208,38,30,.18))!important}

/* cards: lift, glow and a red edge that grows on hover */
.member-card,.leader-card,.leadership-card,.cr-roster,.mh-card,.pmg-tile,.sf-post,.community-post,.site-control-card,.application-row,.sf-news-item,.sf-person{
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s!important}
.member-card:hover,.leader-card:hover,.leadership-card:hover,.cr-roster:hover,.mh-card:hover,.pmg-tile:hover,.application-row:hover,.sf-news-item:hover{
  transform:translateY(-5px);border-color:var(--ds-red-soft)!important;box-shadow:inset 0 3px 0 var(--ds-red),0 18px 34px rgba(0,0,0,.55),0 0 0 1px rgba(208,38,30,.25)!important}
.sf-post:hover,.community-post:hover{border-color:#3a2a2d!important}
.member-portrait,.member-card img,.leader-card img,.sf-post-media img,.post-media img{transition:transform .35s}
.member-card:hover .member-portrait,.leader-card:hover img{transform:scale(1.04)}
.member-portrait{box-shadow:0 0 0 3px var(--ds-surface),0 0 0 5px var(--ds-red-soft)!important}
.member-card-name,.leader-title{font-weight:900!important}
.member-grid,.leaders-grid,.cr-roster-grid,.posts-grid,.clips-grid,.mh-grid,.pmg-grid{gap:20px!important}

/* navigation: calm tabs, one clear red active chip, bigger tap targets */
.site-primary-navigation a{background:transparent!important;border-color:transparent!important;min-height:52px;transition:background .15s,color .15s,border-color .15s}
.site-primary-navigation a:hover{background:var(--ds-raised)!important;border-color:var(--ds-line)!important}
.site-primary-navigation a svg{transition:transform .2s}
.site-primary-navigation a:hover svg{transform:translateY(-2px)}
.site-primary-navigation a.active svg,.site-primary-navigation a[aria-current="page"] svg{color:#fff}
.mobile-bottom-navigation a{min-height:58px;font-weight:800}
.mobile-bottom-navigation a.active{clip-path:none!important}

/* tabs & filters read as segmented controls */
.account-tabs,.clip-filter-tabs,.source-tabs,.cr-tabs{gap:6px!important}
.account-tabs button,.clip-filter-tabs button,.source-tabs button,.cr-tabs button{min-height:44px;font-weight:800!important}
.account-tabs .active,.clip-filter-tabs .active,.source-tabs .active,.cr-tabs .active,
.account-tabs [aria-selected="true"],.clip-filter-tabs [aria-selected="true"],.cr-tabs [aria-selected="true"]{
  background:var(--ds-red)!important;color:#fff!important;border-color:var(--ds-red)!important;box-shadow:3px 3px 0 var(--ds-red-deep)!important}

/* forms: larger, clearer fields */
.slay-site input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),.slay-site select{min-height:48px;font-size:16px}
.slay-site textarea{font-size:16px;line-height:1.7}
.slay-site label{font-weight:800}

/* badges & roles pop */
.member-role,.status-badge,.category-pill{font-weight:900!important;letter-spacing:.04em}
.profile-card-chip{border-radius:2px!important}

/* empty states feel intentional */
.community-empty,.member-empty,.cr-empty,.admin-empty,.badge-empty{border:1px dashed var(--ds-line-strong)!important;background:transparent!important;box-shadow:none!important}

/* footer */
.site-footer{padding-top:28px!important}
.site-footer a:hover{color:var(--ds-red-text)}

@media (prefers-reduced-motion:reduce){.slay-site main,.slay-site .container{animation:none!important}.member-card:hover,.leader-card:hover{transform:none}}