/* SCL Core Design System v1.1.0
   Shared visual language only. Better Messages native UI intentionally excluded. */
:root{
  --scl-bg:#08070a;
  --scl-bg-2:#0e0b11;
  --scl-card:#121015;
  --scl-card-2:#18131c;
  --scl-gold:#c8a75a;
  --scl-gold-soft:#8f7640;
  --scl-ivory:#f7f1e5;
  --scl-text:#f3f0f5;
  --scl-muted:#b8b0bd;
  --scl-border:rgba(200,167,90,.34);
  --scl-border-strong:rgba(200,167,90,.62);
  --scl-emerald:#2f9b78;
  --scl-garnet:#a9475d;
  --scl-amethyst:#7859a8;
  --scl-sapphire:#3d73a8;
  --scl-danger:#c95c67;
  --scl-radius:16px;
  --scl-radius-sm:11px;
  --scl-shadow:0 16px 42px rgba(0,0,0,.28);
  --scl-content:1180px;
  --scl-gap:20px;
}

/* Dark canvas only on pages that actually contain an SCL shortcode. */
body.scl-app-page,
body.scl-app-page #page,
body.scl-app-page .site,
body.scl-app-page .site-content,
body.scl-app-page .content-area,
body.scl-app-page main,
body.scl-app-page .main-content,
body.scl-app-page .container-wrap,
body.scl-app-page .vc_row,
body.scl-app-page .vc_column_container,
body.scl-app-page .wpb_wrapper{
  background-color:var(--scl-bg);
}
body.scl-app-page{color:var(--scl-text);}
body.scl-app-page .entry-content{max-width:100%;}

/* Common app shells */
:where(.scl-member-home,.scl-profile-edit-wrap,.scl-members-only-box,.scl-member-nav-wrap,.scldt-wrap,.scl-play-wrap){
  width:min(100%,var(--scl-content));
  margin-inline:auto;
  box-sizing:border-box;
}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap){padding:clamp(16px,2.5vw,32px);}

/* Consistent cards across Member Profiles, Dynamic Tools and Playroom. */
:where(.scl-home-panel,.scl-edit-card,.scl-login-box,.scl-members-only-box,.scl-notify-item,
       .scldt-card,.scldt-entry,.scldt-request-card,
       .scl-play-card,.scl-panel,.scl-feature-card,.scl-black-card,.scl-game-card,.scl-room-shell){
  background:linear-gradient(180deg,var(--scl-card-2),var(--scl-card));
  border:1px solid var(--scl-border);
  border-radius:var(--scl-radius);
  box-shadow:var(--scl-shadow);
  color:var(--scl-text);
}

:where(.scl-home-panel,.scl-edit-card,.scldt-card,.scldt-entry,.scl-play-card,.scl-panel,.scl-feature-card){
  padding:clamp(17px,2vw,24px);
}

/* Typographic hierarchy */
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h1,
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h2,
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h3{
  color:var(--scl-ivory);
  letter-spacing:.01em;
  line-height:1.18;
}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h1{font-size:clamp(28px,4vw,44px);margin-bottom:8px;}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h2{font-size:clamp(20px,2.4vw,28px);margin-bottom:10px;}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h3{font-size:18px;margin-bottom:8px;}
:where(.scl-home-eyebrow,.scl-kicker){color:var(--scl-gold);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:800;}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) p,
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) small{color:var(--scl-muted);}

/* Buttons: one visual language while preserving each plugin's class names. */
:where(.scl-button,.scldt-btn,.scl-btn){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:43px;
  padding:10px 16px;
  border-radius:11px;
  border:1px solid var(--scl-gold);
  background:var(--scl-gold);
  color:#17120b!important;
  font-weight:800;
  line-height:1.15;
  text-decoration:none!important;
  box-shadow:none;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease,background .15s ease;
}
:where(.scl-button,.scldt-btn,.scl-btn):hover{filter:brightness(1.08);transform:translateY(-1px);}
:where(.scl-button-secondary,.scldt-outline,.scl-btn-ghost){background:transparent;color:var(--scl-ivory)!important;border-color:var(--scl-border-strong);}
:where(.scl-button-secondary,.scldt-outline,.scl-btn-ghost):hover{background:rgba(200,167,90,.09);color:var(--scl-ivory)!important;}

/* Forms */
:where(.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) :is(input[type=text],input[type=email],input[type=url],input[type=date],input[type=time],input[type=number],input[type=password],select,textarea){
  width:100%;
  box-sizing:border-box;
  min-height:44px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#0b090d;
  color:var(--scl-text);
  padding:10px 12px;
  outline:none;
}
:where(.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) textarea{min-height:120px;resize:vertical;}
:where(.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) :is(input,select,textarea):focus{
  border-color:var(--scl-gold);
  box-shadow:0 0 0 3px rgba(200,167,90,.13);
}
:where(.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) label{color:var(--scl-ivory);font-weight:700;}

/* Grids */
:where(.scl-edit-grid,.scldt-grid,.scl-game-card-grid,.scl-room-layout,.scldt-calendar-layout){gap:var(--scl-gap);}

/* Empty, notice, success and warning states */
:where(.scldt-empty,.scl-empty,.scl-response-status){
  border:1px dashed var(--scl-border);
  background:rgba(255,255,255,.025);
  border-radius:var(--scl-radius-sm);
  color:var(--scl-muted);
  padding:18px;
}
:where(.scl-success,.scldt-notice){border-radius:var(--scl-radius-sm);}
:where(.scl-error){border-radius:var(--scl-radius-sm);border-color:rgba(201,92,103,.48);}

/* Navigation: compact and scan-friendly. */
.scl-member-nav-wrap{padding-inline:clamp(12px,2vw,24px);}
.scl-member-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.scl-member-nav a,
.scl-member-nav button{
  border-radius:999px!important;
  border:1px solid var(--scl-border)!important;
  background:#0d0a10!important;
  color:var(--scl-muted)!important;
  min-height:36px;
  padding:8px 13px!important;
  text-decoration:none!important;
}
.scl-member-nav :is(a,button).is-active,
.scl-member-nav :is(a,button):hover{color:var(--scl-ivory)!important;border-color:var(--scl-gold)!important;background:rgba(200,167,90,.09)!important;}

/* Edit Profile refinements */
.scl-edit-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07);}
.scl-edit-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(200,167,90,.1);border:1px solid var(--scl-border);}
.scl-edit-savebar{backdrop-filter:blur(10px);background:rgba(8,7,10,.92)!important;border-top:1px solid var(--scl-border)!important;}

/* Notifications: unread stands out without shouting. */
.scl-notify-item.is-unread{border-color:var(--scl-gold);box-shadow:inset 3px 0 0 var(--scl-gold),var(--scl-shadow);}
.scl-notify-item.is-history{opacity:.82;}

/* Jewel accents: subtle, not decorative overload. */
.scldt-card:nth-of-type(4n+1),.scl-home-panel:nth-of-type(4n+1){border-top-color:rgba(47,155,120,.75);}
.scldt-card:nth-of-type(4n+2),.scl-home-panel:nth-of-type(4n+2){border-top-color:rgba(120,89,168,.75);}
.scldt-card:nth-of-type(4n+3),.scl-home-panel:nth-of-type(4n+3){border-top-color:rgba(61,115,168,.75);}
.scldt-card:nth-of-type(4n),.scl-home-panel:nth-of-type(4n){border-top-color:rgba(169,71,93,.75);}

/* Links inside the SCL apps */
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) a:not(.scl-button):not(.scldt-btn):not(.scl-btn){color:#dcc57e;}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) a:not(.scl-button):not(.scldt-btn):not(.scl-btn):hover{color:#f0dda2;}

/* Avoid accidental WPBakery spacer white bars on SCL app pages. */
body.scl-app-page .tlg-spacer,
body.scl-app-page [class*="tlg_spacer"]{background:transparent!important;}

/* Mobile-first cleanup */
@media (max-width:782px){
  :root{--scl-gap:14px;--scl-radius:14px;}
  :where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap){padding:14px;}
  :where(.scl-edit-grid,.scldt-grid,.scl-game-card-grid,.scl-room-layout,.scldt-calendar-layout){grid-template-columns:1fr!important;}
  :where(.scl-button,.scldt-btn,.scl-btn){max-width:100%;}
  .scl-edit-savebar :where(.scl-button,.scldt-btn,.scl-btn){width:100%;}
  .scl-member-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin;}
  .scl-member-nav a,.scl-member-nav button{white-space:nowrap;flex:0 0 auto;}
  .scldt-calendar-grid{min-width:0;}
  .scldt-calendar-day{min-width:0;overflow:hidden;}
}

@media (max-width:480px){
  :where(.scl-home-panel,.scl-edit-card,.scldt-card,.scl-play-card,.scl-panel,.scl-feature-card){padding:15px;}
  :where(.scl-button,.scldt-btn,.scl-btn){width:100%;}
}

/* Accessibility and motion */
@media (prefers-reduced-motion:reduce){
  :where(.scl-button,.scldt-btn,.scl-btn){transition:none;}
}
:where(.scl-button,.scldt-btn,.scl-btn,.scl-member-nav a,.scl-member-nav button):focus-visible{
  outline:3px solid rgba(220,197,126,.45);
  outline-offset:2px;
}

/* v1.1.0 — centered SCL application layout and Member Guide */
body.scl-app-page .site-content,
body.scl-app-page .content-area,
body.scl-app-page main,
body.scl-app-page .main-content,
body.scl-app-page .container,
body.scl-app-page .container-wrap,
body.scl-app-page .entry-content,
body.scl-app-page .vc_row,
body.scl-app-page .wpb_wrapper{
  box-sizing:border-box;
}
body.scl-app-page .content-area,
body.scl-app-page main,
body.scl-app-page .main-content,
body.scl-app-page .entry-content{
  width:100%;
  max-width:none;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.scl-app-page .entry-content > .vc_row,
body.scl-app-page .entry-content > .wpb-content-wrapper,
body.scl-app-page .wpb-content-wrapper > .vc_row,
body.scl-app-page .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper{
  margin-left:auto!important;
  margin-right:auto!important;
}
body.scl-app-page .vc_row,
body.scl-app-page .vc_row-fluid{
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
:where(.scl-member-home,.scl-profile-edit-wrap,.scl-members-only-box,.scl-member-nav-wrap,.scldt-wrap,.scl-play-wrap,.scl-guide-shell){
  width:min(calc(100% - 24px),var(--scl-content))!important;
  max-width:var(--scl-content)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
  clear:both;
}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap,.scl-guide-shell) > *{
  max-width:100%;
}
.scl-core-help-link{
  width:min(calc(100% - 24px),var(--scl-content));
  margin:22px auto 10px;
  text-align:center;
}
.scl-core-help-link a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:8px 14px;border-radius:999px;
  border:1px solid var(--scl-border);background:#0d0a10;
  color:#dcc57e!important;text-decoration:none!important;font-weight:800;
}
.scl-core-help-link a:hover{border-color:var(--scl-gold);background:rgba(200,167,90,.09);}

.scl-guide-shell{padding:clamp(14px,2.5vw,32px) 0 36px;color:var(--scl-text);}
.scl-guide-hero{
  text-align:center;padding:clamp(24px,5vw,54px) clamp(16px,4vw,42px);
  border:1px solid var(--scl-border);border-radius:22px;
  background:radial-gradient(circle at top,rgba(120,89,168,.14),transparent 42%),linear-gradient(180deg,#18131c,#100d13);
  box-shadow:var(--scl-shadow);margin-bottom:18px;
}
.scl-guide-kicker{display:block;color:var(--scl-gold);font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:12px;margin-bottom:10px;}
.scl-guide-hero h1{margin:0 auto 12px;color:var(--scl-ivory);font-size:clamp(30px,5vw,50px);line-height:1.08;}
.scl-guide-hero p{max-width:800px;margin:0 auto;color:var(--scl-muted);font-size:clamp(15px,2vw,18px);line-height:1.65;}
.scl-guide-start-actions,.scl-guide-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;}
.scl-guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;margin:4px 7px 4px 0;border:1px solid var(--scl-gold);border-radius:11px;background:var(--scl-gold);color:#17120b!important;text-decoration:none!important;font-weight:900;}
.scl-guide-link:hover{filter:brightness(1.08);}
.scl-guide-search-wrap{max-width:760px;margin:20px auto;text-align:center;}
.scl-guide-search-wrap label{display:block;color:var(--scl-ivory);font-weight:900;margin-bottom:8px;}
.scl-guide-search-wrap input{width:100%;min-height:48px;border:1px solid var(--scl-border-strong);border-radius:13px;background:#0b090d;color:var(--scl-text);padding:11px 15px;box-sizing:border-box;}
.scl-guide-search-wrap input:focus{outline:none;border-color:var(--scl-gold);box-shadow:0 0 0 3px rgba(200,167,90,.13);}
#scl-guide-search-status{min-height:20px;margin:6px 0 0;color:var(--scl-muted);font-size:13px;}
.scl-guide-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 28px;max-width:980px;}
.scl-guide-jump a{padding:8px 12px;border-radius:999px;border:1px solid var(--scl-border);background:#0d0a10;color:var(--scl-muted)!important;text-decoration:none!important;font-weight:800;font-size:13px;}
.scl-guide-jump a:hover{border-color:var(--scl-gold);color:var(--scl-ivory)!important;}
.scl-guide-section{scroll-margin-top:24px;margin:20px auto;border:1px solid var(--scl-border);border-radius:18px;background:linear-gradient(180deg,var(--scl-card-2),var(--scl-card));box-shadow:var(--scl-shadow);padding:clamp(18px,3vw,30px);}
.scl-guide-section-head{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07);}
.scl-guide-section-head>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:1px solid var(--scl-border-strong);color:var(--scl-gold);font-weight:900;}
.scl-guide-section-head h2{margin:0;color:var(--scl-ivory);font-size:clamp(22px,3vw,31px);}
.scl-guide-section-head p{margin:4px 0 0;color:var(--scl-muted);}
.scl-guide-step-grid,.scl-guide-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 20px;}
.scl-guide-step-grid article,.scl-guide-tool-grid article{min-width:0;border:1px solid rgba(200,167,90,.23);border-radius:14px;background:#0d0a10;padding:18px;text-align:left;}
.scl-guide-step-grid article>strong{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(200,167,90,.12);border:1px solid var(--scl-border);color:var(--scl-gold);margin-bottom:10px;}
.scl-guide-step-grid h3,.scl-guide-tool-grid h3{color:var(--scl-ivory);margin:0 0 7px;font-size:18px;}
.scl-guide-step-grid p,.scl-guide-tool-grid p{color:var(--scl-muted);margin:0 0 10px;line-height:1.6;}
.scl-faq-item{border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0b090d;margin:10px 0;overflow:hidden;}
.scl-faq-item summary{cursor:pointer;list-style:none;padding:15px 48px 15px 16px;color:var(--scl-ivory);font-weight:900;position:relative;text-align:left;}
.scl-faq-item summary::-webkit-details-marker{display:none;}
.scl-faq-item summary:after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--scl-gold);font-size:23px;font-weight:400;}
.scl-faq-item[open] summary:after{content:'–';}
.scl-faq-answer{padding:0 16px 16px;color:var(--scl-muted);line-height:1.65;text-align:left;}
.scl-faq-answer p{margin:0 0 10px;color:var(--scl-muted);}
.scl-guide-section-action{text-align:center;margin-top:16px;}
.scl-guide-gate{max-width:680px;margin:30px auto;padding:28px;border:1px solid var(--scl-border);border-radius:18px;background:var(--scl-card);text-align:center;}
.scl-guide-gate h2{color:var(--scl-ivory);margin-top:0;}
.scl-guide-gate p{color:var(--scl-muted);}

@media(max-width:782px){
  body.scl-app-page .vc_row{margin-left:0!important;margin-right:0!important;}
  .scl-guide-step-grid,.scl-guide-tool-grid{grid-template-columns:1fr;}
  .scl-guide-section-head{align-items:flex-start;text-align:left;justify-content:flex-start;}
  .scl-guide-jump{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;}
  .scl-guide-jump a{white-space:nowrap;flex:0 0 auto;}
}
@media(max-width:480px){
  :where(.scl-member-home,.scl-profile-edit-wrap,.scl-members-only-box,.scl-member-nav-wrap,.scldt-wrap,.scl-play-wrap,.scl-guide-shell){width:min(calc(100% - 16px),var(--scl-content))!important;}
  .scl-guide-start-actions .scl-guide-link,.scl-guide-actions .scl-guide-link{width:100%;margin-right:0;}
}


/* v1.2.2 — persistent member-area navigation */
.scl-core-member-nav{width:min(calc(100% - 32px),var(--scl-content,1180px));margin:18px auto 20px!important;padding:12px 14px;border:1px solid rgba(200,167,90,.42);border-radius:15px;background:rgba(10,8,12,.96);box-shadow:0 10px 30px rgba(0,0,0,.24);text-align:center;box-sizing:border-box;clear:both;}
.scl-core-member-nav-label{display:block;margin:0 0 8px;color:var(--scl-gold,#c8a75a);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.scl-core-member-nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.scl-core-member-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid rgba(200,167,90,.34);border-radius:999px;background:rgba(255,255,255,.025);color:var(--scl-ivory,#f5efe3)!important;text-decoration:none!important;font-size:14px;font-weight:700;line-height:1.2;}
.scl-core-member-nav a:hover,.scl-core-member-nav a:focus-visible,.scl-core-member-nav a.is-current{border-color:var(--scl-gold,#c8a75a);background:rgba(200,167,90,.14);color:var(--scl-gold,#c8a75a)!important;}
.scl-core-member-nav .scl-core-nav-home{background:var(--scl-gold,#c8a75a);border-color:var(--scl-gold,#c8a75a);color:#09070a!important;}
.scl-core-member-nav .scl-core-nav-home:hover,.scl-core-member-nav .scl-core-nav-home:focus-visible,.scl-core-member-nav .scl-core-nav-home.is-current{background:#d8bc78;color:#09070a!important;}
@media(max-width:640px){.scl-core-member-nav{width:min(calc(100% - 16px),var(--scl-content,1180px));padding:10px}.scl-core-member-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.scl-core-member-nav a{width:100%;}}


/* Edit Profile: obvious way back to the member dashboard */
.scl-edit-profile-back{
  width:min(calc(100% - 32px),var(--scl-content,1180px));
  margin:14px auto!important;
  display:flex;
  justify-content:flex-start;
  box-sizing:border-box;
}
.scl-edit-profile-back-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:9px 14px;
  border:1px solid rgba(200,167,90,.55);
  border-radius:999px;
  background:rgba(200,167,90,.08);
  color:var(--scl-gold,#c8a75a)!important;
  text-decoration:none!important;
  font-weight:800;
  line-height:1.2;
}
.scl-edit-profile-back-link:hover,.scl-edit-profile-back-link:focus-visible{
  background:var(--scl-gold,#c8a75a);
  color:#09070a!important;
  border-color:var(--scl-gold,#c8a75a);
}
@media(max-width:640px){
  .scl-edit-profile-back{width:min(calc(100% - 16px),var(--scl-content,1180px));}
  .scl-edit-profile-back-link{width:100%;}
}

/* v1.3.0 — SCL member app shell */
body.logged-in.scl-app-page { margin-top: 0 !important; }
.scl-core-member-nav{
  position:relative; z-index:40; display:flex; align-items:center; gap:18px;
  width:min(1180px,calc(100% - 28px)); margin:16px auto 22px; padding:10px 12px;
  background:rgba(8,8,9,.96); border:1px solid rgba(201,162,39,.32); border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.28); color:#f4ead0;
}
.scl-core-member-brand{display:flex;align-items:center;gap:9px;text-decoration:none!important;color:#f6e8b7!important;font-weight:700;white-space:nowrap}
.scl-core-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #b8922d;background:#17130a;color:#e5c85d;font-size:12px;letter-spacing:.08em}
.scl-core-member-nav-links{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.scl-core-member-nav-links::-webkit-scrollbar{display:none}
.scl-core-member-nav-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border-radius:9px;text-decoration:none!important;color:#ddd4c2!important;font-size:14px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.scl-core-member-nav-links a:hover,.scl-core-member-nav-links a:focus-visible{color:#fff3c4!important;background:#17140d;border-color:rgba(201,162,39,.3)}
.scl-core-member-nav-links a.is-current{color:#181207!important;background:#d0aa3b;border-color:#e1c260}
.scl-core-account-menu{position:relative;margin-left:auto;flex:0 0 auto}
.scl-core-account-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px;border-radius:10px;color:#f3ead7;user-select:none}
.scl-core-account-menu>summary::-webkit-details-marker{display:none}
.scl-core-account-menu>summary:hover,.scl-core-account-menu>summary:focus-visible{background:#17140d;outline:none}
.scl-core-account-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#352b12;border:1px solid #9f812e;color:#f5d86c;font-weight:800}
.scl-core-account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.scl-core-account-chevron{font-size:11px;color:#bba96e}
.scl-core-account-panel{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px;background:#0c0c0d;border:1px solid rgba(201,162,39,.42);border-radius:12px;box-shadow:0 16px 38px rgba(0,0,0,.46)}
.scl-core-account-panel a{display:block;padding:10px 11px;border-radius:8px;color:#e9dfc9!important;text-decoration:none!important;font-size:14px}
.scl-core-account-panel a:hover,.scl-core-account-panel a:focus-visible{background:#19150c;color:#f8df7a!important}
.scl-core-account-panel .scl-core-account-logout{margin-top:5px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 8px 8px;color:#d9b6b6!important}
@media (max-width:900px){
  .scl-core-member-nav{gap:9px;flex-wrap:wrap;padding:9px;width:min(100% - 18px,1180px)}
  .scl-core-member-brand span:last-child{display:none}
  .scl-core-member-nav-links{order:3;flex-basis:100%;width:100%}
  .scl-core-account-name{display:none}
  .scl-core-account-panel{right:0}
}
@media (max-width:520px){
  .scl-core-member-nav-links a{font-size:13px;padding:7px 9px}
  .scl-core-account-panel{width:210px}
}

/* v1.3.2: visible member logout in the site's existing Playroom-containing menu. */
.scl-member-logout-menu-item > a {
    white-space: nowrap;
}


/* v1.3.3: reliable member logout control independent of the theme menu */
.scl-member-session-link{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:99999;
}
.scl-member-session-link a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(201,166,86,.65);
  border-radius:999px;
  background:rgba(14,14,14,.96);
  color:#f2d98d !important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  text-decoration:none !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.scl-member-session-link a:hover,
.scl-member-session-link a:focus{
  background:#1b1b1b;
  color:#fff3c4 !important;
  border-color:#d9b85f;
}
@media (max-width:600px){
  .scl-member-session-link{right:10px;bottom:10px;}
  .scl-member-session-link a{min-height:36px;padding:7px 12px;font-size:13px;}
}


/* === SCL responsive-fluid layer: mobile/tablet safe ===
   Keeps desktop behavior intact; prevents fixed-width overflow and lets
   plugin surfaces use the available viewport on phones and tablets. */
.scl-app-page,
.scl-core-member-nav,
.scl-core-hero,
.scl-core-page-grid {
  box-sizing:border-box;
  max-width:100%;
}
.scl-app-page *,
.scl-core-member-nav *,
.scl-core-hero *,
.scl-core-page-grid * {
  box-sizing:border-box;
}
@media (max-width:1024px) {
  .scl-app-page,
.scl-core-member-nav,
.scl-core-hero,
.scl-core-page-grid {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid img,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid video,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid iframe,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid canvas,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid svg {
    max-width:100%;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid input:not([type="checkbox"]):not([type="radio"]),
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid select,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid textarea {
    max-width:100% !important;
    width:100%;
  }
}
@media (max-width:782px) {
  .scl-app-page,
.scl-core-member-nav,
.scl-core-hero,
.scl-core-page-grid {
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:max(14px, env(safe-area-inset-left)) !important;
    padding-right:max(14px, env(safe-area-inset-right)) !important;
    overflow-x:hidden;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid .scl-grid,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="-grid"],
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="_grid"] {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="-actions"],
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="-buttons"],
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="-nav"] {
    max-width:100%;
    flex-wrap:wrap;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid table {
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid button,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid .button,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="-btn"],
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid [class*="-button"] {
    max-width:100%;
    white-space:normal;
  }
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid h1,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid h2,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid h3,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid p,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid a,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid span,
  .scl-app-page, .scl-core-member-nav, .scl-core-hero, .scl-core-page-grid label {
    overflow-wrap:anywhere;
  }
}
@media (max-width:480px) {
  .scl-app-page,
.scl-core-member-nav,
.scl-core-hero,
.scl-core-page-grid {
    padding-left:max(10px, env(safe-area-inset-left)) !important;
    padding-right:max(10px, env(safe-area-inset-right)) !important;
  }
}

/* v1.5.0 — one simple member navigation across SCL modules */
body.scl-app-page .scl-member-nav-wrap{display:none!important}
.scl-core-member-nav{
 display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;
 width:min(calc(100% - 24px),1180px)!important;max-width:1180px!important;margin:14px auto 20px!important;
 padding:10px 12px!important;border:1px solid rgba(200,167,90,.46)!important;border-radius:16px!important;
 background:linear-gradient(180deg,rgba(18,14,20,.98),rgba(8,7,10,.98))!important;box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
 position:relative;z-index:50;box-sizing:border-box;text-align:left!important;
}
.scl-core-member-brand{display:flex!important;align-items:center;gap:9px;color:#f6e8b7!important;text-decoration:none!important;font-weight:800!important;white-space:nowrap}
.scl-core-brand-mark{display:grid!important;place-items:center;width:42px;height:34px;border:1px solid #b98b38;border-radius:9px;background:#160f0b;color:#e7c66f!important;font-size:14px;letter-spacing:.08em}
.scl-core-member-nav-links{display:flex!important;align-items:center;justify-content:center;gap:5px;min-width:0;flex-wrap:nowrap!important}
.scl-core-member-nav-links>a{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 13px!important;border:1px solid transparent;border-radius:10px;color:#e7dfd2!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important;white-space:nowrap;background:transparent!important}
.scl-core-member-nav-links>a:hover,.scl-core-member-nav-links>a.is-current{border-color:rgba(200,167,90,.55);background:rgba(200,167,90,.10)!important;color:#f4d989!important}
.scl-core-account-menu{position:relative;margin:0!important}
.scl-core-account-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;min-height:40px;padding:5px 8px;border:1px solid rgba(200,167,90,.25);border-radius:11px;color:#eee;background:#0d0a0e}
.scl-core-account-menu>summary::-webkit-details-marker{display:none}
.scl-core-account-avatar{display:grid!important;place-items:center;width:29px;height:29px;border-radius:50%;background:#351019;border:1px solid #a66a3e;color:#f0cf7c!important;font-weight:900}
.scl-core-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1e7d8!important;font-size:13px;font-weight:800}
.scl-core-account-panel{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:8px;border:1px solid rgba(200,167,90,.48);border-radius:12px;background:#0d0a0e;box-shadow:0 18px 38px rgba(0,0,0,.48);z-index:1000}
.scl-core-account-panel a{display:block!important;padding:10px 11px!important;border-radius:8px;color:#eee!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important}
.scl-core-account-panel a:hover{background:rgba(200,167,90,.11)!important;color:#f1d486!important}
.scl-core-account-panel .scl-core-account-logout{margin-top:5px;border-top:1px solid rgba(255,255,255,.08);color:#efb0b0!important}
@media(max-width:900px){
 .scl-core-member-nav{grid-template-columns:auto 1fr auto;gap:8px!important;padding:8px!important;overflow:visible!important}
 .scl-core-member-brand span:last-child{display:none!important}
 .scl-core-member-nav-links{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:thin;padding-bottom:2px}
 .scl-core-member-nav-links>a{min-height:42px;padding:8px 11px!important;font-size:14px!important}
 .scl-core-account-name{display:none!important}
}
@media(max-width:560px){
 .scl-core-member-nav{width:calc(100% - 12px)!important;margin:8px auto 14px!important;grid-template-columns:auto minmax(0,1fr) auto}
 .scl-core-brand-mark{width:38px;height:38px}
 .scl-core-member-nav-links{gap:3px}
 .scl-core-member-nav-links>a{padding:8px 10px!important;font-size:13px!important}
 .scl-core-account-panel{position:fixed;right:max(8px,env(safe-area-inset-right));top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));width:auto;max-height:70dvh;overflow:auto}
}
\n\n/* v1.5.1 — refined SCL member navigation: elegant, compact, consistent */
.scl-core-member-nav{
 display:grid!important;grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto!important;
 align-items:center!important;gap:24px!important;
 width:min(calc(100% - 32px),1180px)!important;max-width:1180px!important;
 min-height:68px!important;margin:14px auto 20px!important;padding:8px 18px!important;
 border:1px solid rgba(190,143,44,.55)!important;border-radius:8px!important;
 background:linear-gradient(90deg,rgba(9,7,8,.99),rgba(17,8,11,.99) 52%,rgba(8,7,8,.99))!important;
 box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.scl-core-member-brand{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
 gap:0!important;min-width:0!important;padding:0 18px 0 2px!important;border-right:1px solid rgba(190,143,44,.26)!important;
 color:#e7c56b!important;text-decoration:none!important;line-height:1!important;
}
.scl-core-brand-word{
 display:block!important;color:#e7c56b!important;font-family:Georgia,'Times New Roman',serif!important;
 font-size:19px!important;font-weight:500!important;letter-spacing:.075em!important;white-space:nowrap!important;
}
.scl-core-brand-sub{
 display:block!important;margin-top:5px!important;color:#a88c58!important;font:700 9px/1 Arial,sans-serif!important;
 letter-spacing:.22em!important;white-space:nowrap!important;
}
.scl-core-brand-mark{display:none!important}
.scl-core-member-nav-links{
 display:flex!important;align-items:stretch!important;justify-content:center!important;gap:25px!important;
 min-width:0!important;overflow:visible!important;
}
.scl-core-member-nav-links>a{
 position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:48px!important;padding:4px 1px!important;border:0!important;border-radius:0!important;
 color:#eee2ca!important;background:transparent!important;text-decoration:none!important;
 font-size:14px!important;font-weight:700!important;white-space:nowrap!important;
}
.scl-core-member-nav-links>a::after{
 content:'';position:absolute;left:50%;right:50%;bottom:2px;height:2px;background:#c79b3a;
 transition:left .16s ease,right .16s ease;
}
.scl-core-member-nav-links>a:hover,.scl-core-member-nav-links>a:focus-visible,.scl-core-member-nav-links>a.is-current{
 color:#f3cf72!important;background:transparent!important;border:0!important;outline:none!important;
}
.scl-core-member-nav-links>a:hover::after,.scl-core-member-nav-links>a:focus-visible::after,.scl-core-member-nav-links>a.is-current::after{left:0;right:0}
.scl-core-account-menu{position:relative!important;margin:0!important}
.scl-core-account-menu>summary{
 list-style:none!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;
 min-height:42px!important;padding:3px 5px!important;border:0!important;border-radius:0!important;
 color:#eee1c9!important;background:transparent!important;user-select:none!important;
}
.scl-core-account-menu>summary:hover,.scl-core-account-menu>summary:focus-visible{background:transparent!important;color:#f2ce70!important;outline:none!important}
.scl-core-account-avatar{
 display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:50%!important;
 background:#321018!important;border:1px solid #9e6d36!important;color:#f0cf7c!important;font-weight:800!important;
}
.scl-core-account-name{max-width:130px!important;color:#eadfc9!important;font-size:13px!important;font-weight:700!important}
.scl-core-account-chevron{color:#a88c58!important}
.scl-core-account-panel{border-radius:8px!important;background:#0b090a!important}
@media(max-width:900px){
 .scl-core-member-nav{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;min-height:62px!important;padding:7px 10px!important}
 .scl-core-member-brand{padding-right:12px!important}
 .scl-core-brand-word{font-size:16px!important}
 .scl-core-brand-sub{font-size:8px!important}
 .scl-core-member-nav-links{justify-content:flex-start!important;gap:18px!important;overflow-x:auto!important;scrollbar-width:none!important}
 .scl-core-member-nav-links::-webkit-scrollbar{display:none!important}
 .scl-core-member-nav-links>a{min-height:44px!important;font-size:14px!important}
 .scl-core-account-name{display:none!important}
}
@media(max-width:640px){
 .scl-core-member-nav{width:100%!important;max-width:100%!important;margin:0 0 12px!important;border-left:0!important;border-right:0!important;border-radius:0!important;padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important;grid-template-columns:auto minmax(0,1fr) auto!important}
 .scl-core-member-brand{border-right:0!important;padding-right:6px!important}
 .scl-core-brand-word{font-size:14px!important;letter-spacing:.045em!important}
 .scl-core-brand-sub{display:none!important}
 .scl-core-member-nav-links{gap:14px!important}
 .scl-core-member-nav-links>a{font-size:13px!important;min-height:44px!important}
}


/* v1.6.0 — simple page-flow cue below the approved unified navigation */
.scl-core-flow-strip{
 width:min(calc(100% - 32px),1180px)!important;margin:10px auto 18px!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
 padding:11px 15px!important;border:1px solid rgba(200,167,90,.22)!important;border-radius:10px!important;
 background:linear-gradient(90deg,rgba(40,9,17,.78),rgba(8,7,9,.94) 42%,rgba(8,7,9,.94))!important;
 box-shadow:0 8px 24px rgba(0,0,0,.18)!important;color:#eee!important;
}
.scl-core-flow-copy{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important}
.scl-core-flow-you-are{color:#a98c56!important;font:800 9px/1 Arial,sans-serif!important;letter-spacing:.13em!important;white-space:nowrap!important}
.scl-core-flow-copy strong{color:#efd27f!important;font:700 16px/1.2 Georgia,'Times New Roman',serif!important;white-space:nowrap!important}
.scl-core-flow-copy>span:last-child{color:#c9c0b4!important;font-size:13px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.scl-core-flow-home{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 11px!important;border:1px solid rgba(200,167,90,.38)!important;border-radius:8px!important;color:#efd27f!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;background:rgba(0,0,0,.25)!important}
.scl-core-flow-home:hover,.scl-core-flow-home:focus{border-color:#c8a75a!important;background:rgba(200,167,90,.09)!important;color:#fff0b8!important}
@media(max-width:700px){
 .scl-core-flow-strip{width:min(calc(100% - 16px),1180px)!important;margin:8px auto 14px!important;padding:11px 12px!important;align-items:flex-start!important}
 .scl-core-flow-copy{grid-template-columns:1fr!important;gap:4px!important}
 .scl-core-flow-you-are{font-size:8px!important}
 .scl-core-flow-copy strong{font-size:16px!important}
 .scl-core-flow-copy>span:last-child{font-size:13px!important}
 .scl-core-flow-home{min-height:40px!important;padding:8px 10px!important}
}

/* 1.7.4 — remove stray full-width gold divider around member navigation */
.scl-core-member-nav{border-top-color:transparent!important;border-bottom-color:transparent!important}

/* 1.7.5 — remove outer navigation border completely; retain active-tab underline */
.scl-core-member-nav{
  border:0!important;
  outline:0!important;
}

/* 1.7.6 — remove the remaining horizontal gold rule above YOU ARE HERE */
.scl-core-flow-strip{
  border-top:0!important;
}

/* 1.7.7 — unmistakable current-page state */
.scl-core-member-nav .scl-core-member-nav-links > a.is-current,
.scl-core-member-nav .scl-core-member-nav-links > a.scl-core-nav-home.is-current{
  color:#d94a5b!important;
  background:transparent!important;
}
.scl-core-member-nav .scl-core-member-nav-links > a.is-current::after,
.scl-core-member-nav .scl-core-member-nav-links > a.scl-core-nav-home.is-current::after{
  background:#d94a5b!important;
  left:0!important;
  right:0!important;
}

/* 1.7.8 — mobile member navigation: two-row layout, no clipping */
@media (max-width:640px){
  .scl-core-member-nav{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand account" "links links"!important;
    gap:4px 8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 12px!important;
    padding:8px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left))!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .scl-core-member-brand{
    grid-area:brand!important;
    min-width:0!important;
    width:auto!important;
    padding:0!important;
    border-right:0!important;
    align-self:center!important;
  }
  .scl-core-brand-word{
    font-size:14px!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }
  .scl-core-brand-sub{display:none!important}
  .scl-core-account-menu{
    grid-area:account!important;
    justify-self:end!important;
    min-width:0!important;
  }
  .scl-core-member-nav-links{
    grid-area:links!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:2px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .scl-core-member-nav-links>a{
    min-width:0!important;
    width:100%!important;
    min-height:40px!important;
    padding:5px 2px!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
  }
  .scl-core-account-menu>summary{min-height:36px!important;padding:2px!important}
  .scl-core-account-avatar{width:29px!important;height:29px!important}
}
@media (max-width:380px){
  .scl-core-member-nav-links>a{font-size:11px!important;padding-left:1px!important;padding-right:1px!important}
  .scl-core-brand-word{font-size:13px!important}
}


/* 1.7.9 — true viewport-width mobile navigation and flow cue.
   Break out of narrow WordPress/theme content wrappers while retaining safe-area padding. */
@media (max-width:640px){
  .scl-core-member-nav,
  .scl-core-flow-strip{
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    position:relative!important;
    left:50%!important;
    right:auto!important;
    margin-left:-50vw!important;
    margin-right:0!important;
  }
  .scl-core-member-nav{
    margin-top:0!important;
    margin-bottom:12px!important;
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
  }
  .scl-core-flow-strip{
    margin-top:8px!important;
    margin-bottom:14px!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
  }
  .scl-core-member-nav-links{
    width:100%!important;
    max-width:none!important;
  }
}

/* ============================================================
   SCL Design System 2.0.1 — unified, scalable member experience
   Additive compatibility layer: existing plugin markup remains intact.
   ============================================================ */
:root{
  --scl-bg:#070708;
  --scl-bg-raised:#0d0d0f;
  --scl-surface:#121214;
  --scl-surface-2:#171719;
  --scl-surface-hover:#1d1b18;
  --scl-gold:#c5a45a;
  --scl-gold-bright:#e0c475;
  --scl-gold-muted:#8e7746;
  --scl-ivory:#f3ecde;
  --scl-text:#eeeae4;
  --scl-muted:#aaa39a;
  --scl-subtle:#77716b;
  --scl-border:rgba(197,164,90,.22);
  --scl-border-strong:rgba(197,164,90,.46);
  --scl-control-radius:8px;
  --scl-card-radius:12px;
  --scl-panel-radius:16px;
  --scl-pill-radius:999px;
  --scl-shadow-sm:0 5px 18px rgba(0,0,0,.20);
  --scl-shadow:0 14px 38px rgba(0,0,0,.26);
  --scl-content:1240px;
  --scl-gap:20px;
  --scl-space-1:4px;
  --scl-space-2:8px;
  --scl-space-3:12px;
  --scl-space-4:16px;
  --scl-space-5:20px;
  --scl-space-6:24px;
  --scl-space-8:32px;
}
body.scl-app-page{background:var(--scl-bg)!important;color:var(--scl-text);}
body.scl-app-page .entry-content{min-height:60vh;}

/* Calm the visual language: one radius and one elevation family. */
:where(.scl-home-panel,.scl-edit-card,.scl-login-box,.scl-members-only-box,.scl-notify-item,
.scldt-card,.scldt-entry,.scldt-request-card,.scl-play-card,.scl-panel,.scl-feature-card,
.scl-black-card,.scl-game-card,.scl-room-shell){
  border-radius:var(--scl-card-radius)!important;
  border-color:var(--scl-border)!important;
  box-shadow:var(--scl-shadow-sm)!important;
}
:where(.scl-button,.scldt-btn,.scl-btn){border-radius:var(--scl-control-radius)!important;}

/* Premium desktop application bar. */
@media(min-width:901px){
  .scl-core-member-nav{
    position:sticky!important;top:10px!important;z-index:9990!important;
    width:min(calc(100% - 40px),var(--scl-content))!important;
    min-height:64px!important;margin:14px auto 18px!important;padding:0 16px!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:18px!important;
    align-items:center!important;background:rgba(10,9,10,.94)!important;
    border:1px solid rgba(197,164,90,.18)!important;border-radius:12px!important;
    box-shadow:0 12px 34px rgba(0,0,0,.34)!important;backdrop-filter:blur(16px);
  }
  .scl-core-member-brand{padding-right:18px!important;border-right:1px solid rgba(255,255,255,.07)!important;}
  .scl-core-member-nav-links{justify-content:flex-start!important;gap:3px!important;overflow:visible!important;}
  .scl-core-member-nav-links>a{position:relative!important;padding:20px 11px 18px!important;min-height:62px!important;border:0!important;border-radius:0!important;background:transparent!important;}
  .scl-core-member-nav-links>a::after{content:"";position:absolute;left:11px;right:11px;bottom:8px;height:2px;border-radius:2px;background:transparent;}
  .scl-core-global-search{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;background:#111113!important;color:#cfc8bd!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;}
  .scl-core-global-search:hover{border-color:var(--scl-border-strong)!important;color:var(--scl-gold-bright)!important;}
}
.scl-core-brand-word{font-family:Georgia,'Times New Roman',serif!important;color:var(--scl-gold-bright)!important;letter-spacing:.075em!important;}
.scl-core-brand-sub{color:var(--scl-subtle)!important;letter-spacing:.13em!important;}

/* Breadcrumb-like location cue: quieter and more useful than another card. */
.scl-core-flow-strip{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;padding:7px 2px 13px!important;}
.scl-core-flow-you-are{color:var(--scl-gold-muted)!important;}
.scl-core-flow-copy strong{color:var(--scl-ivory)!important;}
.scl-core-flow-home{background:transparent!important;border-color:rgba(255,255,255,.10)!important;}

/* Consistent readable content widths and section rhythm. */
:where(.scl-member-home,.scl-profile-edit-wrap,.scl-members-only-box,.scl-member-nav-wrap,.scldt-wrap,.scl-play-wrap,.scl-guide-shell){max-width:var(--scl-content)!important;}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h1{font-size:clamp(30px,3.6vw,46px)!important;font-weight:650!important;letter-spacing:-.02em!important;}
:where(.scl-member-home,.scl-profile-edit-wrap,.scldt-wrap,.scl-play-wrap) h2{letter-spacing:-.01em!important;}

/* Universal state styling for growing feature set. */
:where(.scl-empty,.scldt-empty,.scl-response-status){min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;border-style:dashed!important;}
:where(.scl-notify-item,.scldt-request-card){transition:border-color .15s ease,background .15s ease,transform .15s ease;}
:where(.scl-notify-item,.scldt-request-card):hover{border-color:var(--scl-border-strong)!important;background:var(--scl-surface-hover)!important;}

/* Search utility hidden when a search page is unavailable; markup is only emitted when available. */
.scl-core-global-search{display:none;}

/* Responsive member navigation: desktop stays in normal document flow; tablet/mobile uses a side drawer.
   Deliberately kept below common theme/menu overlay layers so the WordPress navigation can always open above it. */
.scl-core-mobile-drawer{display:none;}
.scl-core-member-nav{position:relative!important;z-index:20!important;}
@media(max-width:900px){
  body.logged-in.scl-app-page{padding-bottom:0!important;}
  .scl-core-member-nav{position:relative!important;top:auto!important;z-index:20!important;background:rgba(8,7,8,.97)!important;backdrop-filter:none!important;box-shadow:none!important;}
  .scl-core-member-nav-links{display:none!important;}
  .scl-core-global-search{display:inline-flex!important;grid-area:search;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 8px;border:0;color:var(--scl-muted)!important;text-decoration:none!important;font-size:12px;font-weight:700;}
  .scl-core-global-search-label{display:none;}
  .scl-member-session-link{display:none!important;}
  .scl-core-mobile-drawer{display:block;position:relative;z-index:800;margin:0;}
  .scl-core-mobile-drawer>summary{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:801;display:flex;align-items:center;gap:8px;min-height:46px;padding:9px 14px;border:1px solid rgba(200,167,90,.48);border-radius:999px;background:#0c0b0c;color:#f4d989;box-shadow:0 8px 28px rgba(0,0,0,.38);cursor:pointer;list-style:none;font-size:13px;line-height:1;}
  .scl-core-mobile-drawer>summary::-webkit-details-marker{display:none;}
  .scl-core-mobile-drawer>summary span{font-size:18px;}
  .scl-core-mobile-drawer-panel{position:fixed;z-index:800;left:0;top:0;bottom:0;width:min(340px,86vw);padding:22px 18px calc(82px + env(safe-area-inset-bottom));overflow-y:auto;background:#0a090a;border-right:1px solid rgba(200,167,90,.30);box-shadow:18px 0 48px rgba(0,0,0,.50);transform:translateX(-104%);transition:transform .2s ease;}
  .scl-core-mobile-drawer[open] .scl-core-mobile-drawer-panel{transform:translateX(0);}
  .scl-core-mobile-drawer[open]>summary{left:min(calc(340px - 58px),calc(86vw - 58px));}
  .scl-core-mobile-drawer-head{padding:4px 4px 18px;margin-bottom:10px;border-bottom:1px solid rgba(200,167,90,.20);}
  .scl-core-mobile-drawer-head .scl-core-brand-word{display:block;color:#d8bc78;font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:.03em;}
  .scl-core-mobile-drawer-head small{display:block;margin-top:3px;color:#8e877d;font-size:10px;letter-spacing:.14em;}
  .scl-core-mobile-drawer nav{display:grid;gap:3px;}
  .scl-core-mobile-drawer nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:#e7dfd2!important;text-decoration:none!important;font-size:14px;font-weight:700;}
  .scl-core-mobile-drawer nav a:hover,.scl-core-mobile-drawer nav a:focus-visible,.scl-core-mobile-drawer nav a.is-current{border-color:rgba(200,167,90,.42);background:rgba(200,167,90,.10);color:#f4d989!important;}
  .scl-core-mobile-drawer nav .scl-core-drawer-logout{margin-top:10px;border-top-color:rgba(255,255,255,.10);color:#b9b0a4!important;}
}
@media(max-width:640px){
  .scl-core-member-nav{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"brand search account"!important;gap:6px!important;}
  .scl-core-flow-strip{width:min(calc(100% - 24px),var(--scl-content))!important;max-width:var(--scl-content)!important;left:auto!important;margin:6px auto 14px!important;padding:8px 0 12px!important;}
  .scl-core-flow-copy>span:last-child{display:none!important;}
}

/* Motion and accessibility. */
:where(.scl-core-member-nav a,.scl-core-mobile-drawer a,.scl-core-mobile-drawer summary,.scl-core-account-menu summary):focus-visible{outline:2px solid var(--scl-gold-bright)!important;outline-offset:3px!important;}
@media(prefers-reduced-motion:reduce){body.scl-app-page{scroll-behavior:auto!important}.scl-core-member-nav,.scl-core-mobile-drawer-panel{backdrop-filter:none;}.scl-core-mobile-drawer-panel{transition:none!important;}}