/* r1260 — فبركة | shared legibility and visual-rhythm finishing layer.
   Keeps homepage approved art/game boards/payment functionality intact.
   No hiding of instructions, prices, legal disclosures, scores or disabled states. */
:root {
  --readable-ink:#27143d;
  --readable-copy:#433451;
  --readable-muted:#5a5067;
  --readable-paper:#fffdfc;
  --readable-line:#ded4e8;
  --readable-focus:#6b2bd2;
  --readable-inverse:#fcf8ff;
  --readable-inverse-muted:#e1d6ee;
}
/* Only active modern/approved experiences receive base typography changes.
   Classic and legacy control layouts retain their original metrics. */
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body{overflow-wrap:break-word;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(h1,h2,h3,h4){text-wrap:balance;overflow-wrap:break-word}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(p,li,dt,dd,summary,label){overflow-wrap:break-word}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(input,textarea,select,button){font-family:inherit}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(input,textarea){line-height:1.55}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(button,[role="button"],a,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--readable-focus,#6b2bd2)!important;
  outline-offset:3px!important;
}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(button,[role="button"],a,summary){-webkit-tap-highlight-color:rgba(107,43,210,.13)}
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(button,[role="button"],a):disabled,
:is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(button,[role="button"],a)[aria-disabled="true"]{cursor:not-allowed}
/* Public cards, store, account and trusted information use approved LIGHT brand. */
html[data-ui-mode="modern"] body:is(
  .fbrkh-commerce-shell,.public-trust-page,.utility-legal,
  .utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline
) {
  --readable-focus:#6023be;
  --readable-ink:#26153e;
  --readable-copy:#433451;
  --readable-muted:#594e66;
  --readable-paper:#fffdfc;
  color-scheme:light;
}
html[data-ui-mode="modern"] body:is(
  .fbrkh-commerce-shell,.public-trust-page,.utility-legal,
  .utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline
) :is(.legal-hero,.store-hero,.games-library-head,.library-notice,.checkout-card,.legal-section,.faq-contact,.account-card)
:is(h1,h2,h3,p,small,span,label){
  text-shadow:none;
}
html[data-ui-mode="modern"] body:is(
  .fbrkh-commerce-shell,.public-trust-page,.utility-legal,
  .utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline
) :is(.legal-hero,.legal-section,.faq-list,.store-intro,.library-heading,.checkout-summary)
:is(p,.muted,.hint,small){
  color:var(--readable-muted)!important;
  opacity:1!important;
  line-height:1.7!important;
}
html[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal) :is(.legal-section,.legal-hero,.faq-contact)
:is(h1,h2,h3,strong,summary){color:var(--readable-ink)!important}
html[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal) :is(.legal-shell,.faq-list) a:not(.legal-button){
  color:#5824b0!important;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
html[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal) .faq-list summary {
  font-size:clamp(.92rem,1.25vw,1rem)!important;
  line-height:1.65!important;
  font-weight:750!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell :is(.store-hero,.store-heading,.library-heading,.games-library-head) p{
  line-height:1.65!important;
  font-size:clamp(.88rem,1.4vw,1rem)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell :is(.store-card,.library-owned-card,.checkout-card) :is(.price,.balance,.amount){
  font-variant-numeric:tabular-nums;
  font-weight:800;
}
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.utility-payment-result) :is(.form-error,.store-error,.support-error,[role="alert"]){
  color:#891936!important;
  font-weight:700!important;
}
/* Contrast on dark PLAY screens — scoped to helper text, not questions,
   answer buttons or high-contrast colored game pieces. */
html[data-ui-mode="modern"]:not([data-theme="light"]) body[data-game-brand]
 :is(.game-shell,.game-header,.setup-shell,.lobby-shell,.host-shell)
 :is(.helper-text,.help-text,.subnote,.form-hint,.setup-hint,.caption,.eyebrow){
  color:var(--readable-inverse-muted)!important;
  opacity:1!important;
  line-height:1.65!important;
}
html[data-ui-mode="modern"]:not([data-theme="light"]) body[data-game-brand]
 :is(.game-shell,.setup-shell,.lobby-shell) :is(input,textarea,select){
  color-scheme:dark;
  caret-color:#fff!important;
}
html[data-ui-mode="modern"]:not([data-theme="light"]) body[data-game-brand]
 :is(.game-shell,.setup-shell,.lobby-shell) :is(input,textarea,select)::placeholder{
  color:#c5b7d6!important;
  opacity:1!important;
}
html[data-ui-mode="modern"] body[data-game-brand] :is(.game-shell,.setup-shell,.lobby-shell) :is(button,a,[role="button"]){
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
html[data-ui-mode="modern"] body[data-game-brand] :is(.game-shell,.setup-shell,.lobby-shell)
 :is(.error,.error-text,.field-error,[role="alert"]){
  line-height:1.65!important;
  font-weight:750!important;
}
html[data-ui-mode="modern"] body[data-game-brand] :is(.game-shell,.setup-shell,.lobby-shell)
 :is(.helper-text,.help-text,.subnote,.form-hint,.setup-hint){
  font-size:clamp(.8rem,1.2vw,.93rem)!important;
}
/* Approved homepage: improve legibility WITHOUT moving/cropping art or CTAs. */
html[data-home-contract="approved"] body.platform-home
 :is(.home-hero,.home-games,.home-features,.home-trust) :is(p,.section-lead,.feature-desc){
  line-height:1.65;
}
html[data-home-contract="approved"] body.platform-home
 :is(.home-hero,.home-games,.home-features,.home-trust) :is(a,button):focus-visible{
  outline-color:#5d21bd!important;
}
/* Staff dashboards: improve scanability without changing state badges or charts. */
body:is(.admin-center,.admin-shell,.admin-page,.admin-hub) :is(label,legend,summary){
  line-height:1.55;
}
body:is(.admin-center,.admin-shell,.admin-page,.admin-hub) :is(table,td,th){
  font-variant-numeric:tabular-nums;
}
/* Prevent narrow RTL screens from clipping helper copy and native dialogs. */
@media(max-width:600px){
  :is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(dialog,[role="dialog"],.modal-card,.checkout-card,.legal-shell,.store-shell){max-width:100%;box-sizing:border-box}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell :is(.store-card,.checkout-card,.library-notice){padding-inline:clamp(12px,4vw,22px)}
  html[data-ui-mode="modern"] body.public-trust-page :is(.legal-hero,.legal-section){padding-inline:clamp(14px,4vw,24px)}
  :is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(h1,h2){hyphens:none}
}
@media(prefers-reduced-motion:reduce){
  :is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(button,a,input,textarea,select):focus-visible{scroll-margin-block:12px}
}

/* Actual administration entrypoints have dark panels, unlike public light pages.
   Keep gold and semantic state colors, but make secondary copy readable. */
body:has(#centerView) :is(.shell,.login-card,.tab-panel,.quality-card)
:is(.muted,.help,.hint,.subtle,.description),
body:has(#hubView) :is(.shell,.login-card,.hero,.system-card)
:is(.muted,.help,.hint,.subtle,.description),
body:has(#adminView) :is(.shell,.login-card,.panel)
:is(.muted,.help,.hint,.subtle,.description) {
  color:#d7cee5!important;
  line-height:1.7!important;
  opacity:1!important;
}
body:has(#centerView) :is(input,textarea,select)::placeholder,
body:has(#hubView) :is(input,textarea,select)::placeholder,
body:has(#adminView) :is(input,textarea,select)::placeholder{
  color:#c7bcd6!important;
  opacity:1!important;
}
body:has(#centerView) :is(button,a,input,select,textarea):focus-visible,
body:has(#hubView) :is(button,a,input,select,textarea):focus-visible,
body:has(#adminView) :is(button,a,input,select,textarea):focus-visible {
  outline-color:#f2c65b!important;
}
/* Explicit game-status visibility for narrow mobile rounds. */
html[data-ui-mode="modern"] body[data-game-brand]
 :is(.game-shell,.lobby-shell,.setup-shell) :is([role="status"],[aria-live="polite"]){
  overflow-wrap:anywhere;
  line-height:1.6;
}
@media(max-width:420px){
  :is(html[data-ui-mode="modern"],html[data-home-contract="approved"]) body :is(input,textarea,select){font-size:max(16px,1rem)}
  html[data-ui-mode="modern"] body[data-game-brand] :is(.game-shell,.setup-shell)
   :is(.helper-text,.help-text,.setup-hint){line-height:1.7!important}
}

/* r1421 — sitewide public typography and form-colour consistency.
   Strictly scoped to LIGHT information/commerce pages: no gameplay colour overrides. */
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal,
.utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline){
 --fbrkh-public-text:#29183c;
 --fbrkh-public-secondary:#493856;
 --fbrkh-public-paper:#fffdfb;
 --fbrkh-public-edge:#daccdf;
}
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal,
.utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline)
:is(.legal-section,.faq-contact,.checkout-card,.account-card,.library-notice,.library-item)
:is(h1,h2,h3,h4,strong){color:var(--fbrkh-public-text)!important;text-shadow:none!important}
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal,
.utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline)
:is(.legal-section,.faq-contact,.checkout-card,.account-card,.library-notice,.library-item)
:is(p,li,dd,label,.muted,.hint,small){
 color:var(--fbrkh-public-secondary)!important;opacity:1!important;text-shadow:none!important;
}
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal,
.utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline)
:is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
 background:#fffdfb;color:#29183c;caret-color:#57258c;
 border-color:#bdaaca;color-scheme:light;
}
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal,
.utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline)
:is(input,textarea)::placeholder{color:#66576f;opacity:1}
html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal,
.utility-payment-result,.account-reset-page,.fbrkh-status-page,.utility-offline)
:is(.legal-shell,.faq-list,.account-card,.checkout-card,.library-notice) a:not(.btn):not(.button){
 text-decoration-thickness:1px;text-underline-offset:3px;
}
@media(max-width:420px){
 html[data-ui-mode="modern"] body:is(.fbrkh-commerce-shell,.public-trust-page,.utility-legal)
 :is(.legal-shell,.store-shell,.checkout-card){overflow-wrap:anywhere}
}


/* r1423 — final contrast compatibility for the approved LIGHT trust pages.
   Public-trust-experience-v1 defined dark cards and white active tabs, while
   site-home-identity-r947 changed those cards to white. Match text to surfaces. */
:root[data-ui-mode="modern"] body.public-trust-page .legal-hero,
:root[data-ui-mode="modern"] body.public-trust-page .legal-section,
:root[data-ui-mode="modern"] body.public-trust-page .faq-contact{
  background:#fffdfb!important;
  border-color:#dfd1e9!important;
  box-shadow:0 12px 34px rgba(43,20,73,.07)!important;
  color:#29183c!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-hero{
  background:linear-gradient(145deg,#f5edff,#fffdfb 70%)!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-hero :is(h1,p,span),
:root[data-ui-mode="modern"] body.public-trust-page .legal-section :is(h2,h3,strong,b,summary){
  color:#29183c!important;-webkit-text-fill-color:#29183c!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-hero p,
:root[data-ui-mode="modern"] body.public-trust-page .legal-section :is(p,li,td,th,small),
:root[data-ui-mode="modern"] body.public-trust-page .faq-contact p{
  color:#493856!important;-webkit-text-fill-color:#493856!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-hero>span{
  color:#54208f!important;-webkit-text-fill-color:#54208f!important;
  background:#eee0fb!important;border-color:#cbb6e2!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-section a:not(.legal-button){
  color:#54208f!important;-webkit-text-fill-color:#54208f!important;
  text-decoration:underline;text-underline-offset:3px;
}
:root[data-ui-mode="modern"] body.public-trust-page nav.trust-nav{
  background:#f4eef9!important;border-color:#d9c9e6!important;
}
:root[data-ui-mode="modern"] body.public-trust-page nav.trust-nav>a{
  color:#493856!important;-webkit-text-fill-color:#493856!important;
  background:transparent!important;border-color:transparent!important;
}
:root[data-ui-mode="modern"] body.public-trust-page nav.trust-nav>a:is(:hover,:focus-visible){
  color:#54208f!important;-webkit-text-fill-color:#54208f!important;
  background:#e9dcf8!important;border-color:#cdb4e5!important;
}
:root[data-ui-mode="modern"] body.public-trust-page nav.trust-nav>a[aria-current="page"]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#59249a!important;border-color:#481579!important;
}
:root[data-ui-mode="modern"] body.public-trust-page :is(.legal-form input,.legal-form textarea,.legal-form select){
  background:#fff!important;color:#29183c!important;-webkit-text-fill-color:#29183c!important;
  caret-color:#54208f!important;border:1px solid #bba3d1!important;color-scheme:light!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-form :is(input,textarea)::placeholder{
  color:#65536f!important;-webkit-text-fill-color:#65536f!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-form label{
  color:#29183c!important;-webkit-text-fill-color:#29183c!important;
}
:root[data-ui-mode="modern"] body.public-trust-page .legal-form .legal-button{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:#59249a!important;
}

/* r1423 — administration: brighter but calm dark panels, readable forms and
   secondary text, no global !important on badges, semantic colours or charts. */
body:has(#centerView),
body:has(#hubView),
body:has(#adminView){
  --muted:#e0d3eb;
}
body:has(#centerView) :is(.login-card,.panel,.tab-panel,.quality-card,.metric-card,.system-card),
body:has(#hubView) :is(.login-card,.hero,.system-card,.game-card,.panel),
body:has(#adminView) :is(.login-card,.panel,.subpanel){
  border-color:#554169;
}
body:has(#centerView) :is(.login-card,.panel,.tab-panel,.quality-card,.system-card) :is(p,small,.muted,.help,.hint),
body:has(#hubView) :is(.login-card,.hero,.system-card,.game-card) :is(p,small,.muted,.help,.hint),
body:has(#adminView) :is(.login-card,.panel,.subpanel) :is(p,small,.muted,.help,.hint){
  color:#e0d3eb!important;opacity:1!important;line-height:1.65;
}
body:has(#centerView) :is(input,textarea,select),
body:has(#hubView) :is(input,textarea,select),
body:has(#adminView) :is(input,textarea,select){
  background-color:#150e22;color:#fffafc;border-color:#746285;caret-color:#f6d876;
}
body:has(#centerView) :is(input,textarea)::placeholder,
body:has(#hubView) :is(input,textarea)::placeholder,
body:has(#adminView) :is(input,textarea)::placeholder{
  color:#cfc0df!important;opacity:1!important;
}

/* r1423 — game entrances and settings only. Avoid game board, team colours,
   chosen answers and timed round surfaces. Maintain selected light Qadha theme. */
html[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .home-actions
 :is(.home-action,.home-action b,.home-action small),
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView
 :is(.setup-card .section-title h2,.setup-hero h1,.top10-fast-start small){
  opacity:1;
  text-shadow:none;
}
html[data-ui-mode="modern"] body[data-game-brand="top10"] #setupView
 :is(.setup-card,.top10-fast-start) :is(input,textarea,select)::placeholder{
  opacity:1;color:#c8b9db;
}
html[data-ui-mode="modern"][data-theme="light"] body[data-game-brand="qadha"]:not(.q-game-active)
 :is(.hero-q,.qadha-initial-home) p{
  color:#245047!important;opacity:1!important;
}
html[data-ui-mode="modern"][data-theme="dark"] body[data-game-brand="qadha"]:not(.q-game-active)
 :is(.hero-q,.qadha-initial-home) p{
  color:#e4f2ed!important;opacity:1!important;
}
/* Party room is intentionally dark even when the public store is light. */
body:has(>.party-shell) .party-shell :is(.brand small,.hero p,.card p,.entry-card p,.skeleton p){
  color:#e4dff0;opacity:1;
}
body:has(>.party-shell) .party-shell :is(input,textarea)::placeholder{
  color:#e0d6e8;opacity:1;
}
@media(max-width:600px){
  :root[data-ui-mode="modern"] body.public-trust-page nav.trust-nav>a{min-height:44px!important}
  body:has(>.party-shell) .party-shell :is(button,a,input,textarea,select){scroll-margin-block:12px}
}


/* r1428 — photographed iPhone 390: Commerce Shell runtime has a more
   specific dark skin than r947, causing ghost text on pale filters/cards.
   Harmonize the full STORE/LIBRARY canvas, not just a handful of titles. */
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell{
 background:radial-gradient(650px 380px at 95% 0%,#f2e7fe,transparent 73%),#fbf8ff!important;
 color:#29183c!important;color-scheme:light!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.games-library-head,.store-hero,.store-featured-section,.library-toolbar,.library-summary,.account-value-center){
 background:linear-gradient(145deg,#fff,#f9f3ff)!important;
 color:#29183c!important;border:1px solid #dac9e6!important;
 box-shadow:0 12px 35px rgba(54,25,87,.075)!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.games-library-head,.store-hero) :is(h1,h2,strong){
 color:#29183c!important;-webkit-text-fill-color:#29183c!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.games-library-head,.store-hero) :is(p,span){
 color:#493856!important;-webkit-text-fill-color:#493856!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.games-library-head,.store-hero)>span{
 color:#59249a!important;-webkit-text-fill-color:#59249a!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-tabs{
 background:#eee4fa!important;border:1px solid #d9c7e8!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-tab{
 background:transparent!important;color:#493856!important;
 -webkit-text-fill-color:#493856!important;border-color:transparent!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-tab:is(.active,[aria-selected="true"],[aria-pressed="true"]){
 background:#59249a!important;color:#fff!important;
 -webkit-text-fill-color:#fff!important;border-color:#481579!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-tab:is(:focus-visible,:hover):not(.active):not([aria-selected="true"]){
 background:#dfcbee!important;color:#3d1b66!important;-webkit-text-fill-color:#3d1b66!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.library-search,.library-filter) span{
 color:#29183c!important;-webkit-text-fill-color:#29183c!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.library-search,.library-filter) :is(input,select){
 background:#fff!important;color:#29183c!important;-webkit-text-fill-color:#29183c!important;
 border:1px solid #bda6d2!important;color-scheme:light!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-search input::placeholder{
 color:#65536f!important;-webkit-text-fill-color:#65536f!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-summary>span{
 background:#f5effb!important;color:#29183c!important;
 -webkit-text-fill-color:#29183c!important;border:1px solid #decdea!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .library-summary>span b{
 color:#54208f!important;-webkit-text-fill-color:#54208f!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.library-card,.library-item,.account-value-card){
 background:#fff!important;color:#29183c!important;border:1px solid #ded0e8!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 :is(.library-card,.library-item,.account-value-card)
 :is(h2,h3,p,.game-copy>small,.game-copy>span){
 color:#493856!important;-webkit-text-fill-color:#493856!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell
 .store-heading h2{
 color:#29183c!important;-webkit-text-fill-color:#29183c!important;
}
@media(max-width:420px){
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .library-tabs{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .library-tab{
  min-width:0!important;width:100%!important;white-space:normal!important;min-height:44px!important;
 }
}


/* r1429 — real 390px WebKit photo: light Qadha intro used white headline
   and almost-white explanation over pale mint. Only fix the LIGHT entrance. */
:root[data-ui-mode="modern"][data-theme="light"]
 body[data-game-brand="qadha"].qadha-v2-home:not(.q-game-active)
 #qApp > section.hero-q :is(h1,h1 span){
 color:#19433a!important;-webkit-text-fill-color:#19433a!important;
 text-shadow:none!important;opacity:1!important;
}
:root[data-ui-mode="modern"][data-theme="light"]
 body[data-game-brand="qadha"].qadha-v2-home:not(.q-game-active)
 #qApp > section.hero-q p{
 color:#245047!important;-webkit-text-fill-color:#245047!important;
 text-shadow:none!important;opacity:1!important;
}


/* r1430 — shared site header was rendered white but inherited pale links
   (real mobile WebKit support/FAQ screenshots). Align navigation contrast. */
:root[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal)
 .fbrkh-site-header{
 background:#fffdfb!important;border-bottom:1px solid #dac9e6!important;
}
:root[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal)
 .fbrkh-site-nav a{
 color:#493856!important;-webkit-text-fill-color:#493856!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal)
 .fbrkh-site-nav a:is(:hover,:focus-visible){
 color:#54208f!important;-webkit-text-fill-color:#54208f!important;
 background:#eee2fb!important;border-color:#d8c4e8!important;
}
:root[data-ui-mode="modern"] body:is(.public-trust-page,.utility-legal)
 .fbrkh-site-nav a[aria-current="page"]{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 background:#59249a!important;border-color:#481579!important;
}
/* Utility legal pages were the two routes without r947 light identity.
   Reconcile their hero with their actual white form/information cards. */
:root[data-ui-mode="modern"] body.utility-legal{
 background:radial-gradient(690px 380px at 93% 0%,#f0e4fc,transparent 75%),#fbf8ff!important;
 color:#29183c!important;color-scheme:light!important;
}
:root[data-ui-mode="modern"] body.utility-legal .legal-hero,
:root[data-ui-mode="modern"] body.utility-legal .legal-section{
 background:#fffdfb!important;color:#29183c!important;
 border-color:#ddcee7!important;box-shadow:0 12px 35px rgba(43,20,73,.075)!important;
}
:root[data-ui-mode="modern"] body.utility-legal .legal-hero{
 background:linear-gradient(145deg,#f5edff,#fffdfb 72%)!important;
}
:root[data-ui-mode="modern"] body.utility-legal .legal-hero :is(h1,h2,h3),
:root[data-ui-mode="modern"] body.utility-legal .legal-section :is(h2,h3,strong,summary,label){
 color:#29183c!important;-webkit-text-fill-color:#29183c!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.utility-legal :is(.legal-hero,.legal-section) :is(p,li,small,td,th){
 color:#493856!important;-webkit-text-fill-color:#493856!important;opacity:1!important;
}
:root[data-ui-mode="modern"] body.utility-legal .legal-hero>span{
 color:#54208f!important;-webkit-text-fill-color:#54208f!important;
 background:#eee2fb!important;border-color:#cfbae5!important;
}
:root[data-ui-mode="modern"] body.utility-legal .legal-section a:not(.legal-button){
 color:#54208f!important;-webkit-text-fill-color:#54208f!important;
}
:root[data-ui-mode="modern"] body.utility-legal :is(.legal-form input,.legal-form textarea,.legal-form select){
 background:#fff!important;color:#29183c!important;-webkit-text-fill-color:#29183c!important;
 border:1px solid #bba3d1!important;color-scheme:light!important;caret-color:#54208f!important;
}
:root[data-ui-mode="modern"] body.utility-legal .legal-form :is(input,textarea)::placeholder{
 color:#65536f!important;opacity:1!important;
}


/* r1432 — screenshot-confirmed mobile commerce header wraps navigation
   letters vertically when the wide brand consumes the only flex row. */
@media(max-width:600px){
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .topbar{
  flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;
  min-height:0!important;padding:10px 12px!important;
 }
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .topbar .brand{
  flex:0 0 auto!important;max-width:100%!important;justify-content:center!important;
 }
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .topbar .brand img{
  width:clamp(102px,30vw,130px)!important;max-height:48px!important;
 }
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .topbar nav{
  width:100%!important;min-width:0!important;max-width:100%!important;
  justify-content:center!important;flex-wrap:nowrap!important;
  overflow-x:auto!important;gap:5px!important;scrollbar-width:none!important;
 }
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .topbar nav>a,
 :root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell .topbar nav>button{
  flex:0 0 auto!important;white-space:nowrap!important;
  word-break:normal!important;overflow-wrap:normal!important;
  min-width:0!important;max-width:100%!important;
  padding:7px 9px!important;min-height:44px!important;font-size:clamp(12px,3.2vw,14px)!important;
 }
}


/* r1434 — r947's approved light navigation lost to the older commerce shell's
   higher-specificity dark topbar rule. Match that selector *after* both
   stylesheets to keep store and library navigation readable and consistent. */
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell > .topbar{
 background:#fffdfb!important;color:#29183c!important;
 width:100%!important;max-width:none!important;margin:0!important;
 border:0!important;border-bottom:1px solid #dac9e6!important;
 border-radius:0!important;box-shadow:0 8px 28px rgba(57,34,71,.055)!important;
 backdrop-filter:blur(12px)!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell > .topbar nav>a,
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell > .topbar nav>button{
 color:#493856!important;-webkit-text-fill-color:#493856!important;
 background:transparent!important;
}
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell > .topbar nav>a:is(:hover,:focus-visible),
:root[data-ui-mode="modern"] body.fbrkh-next-shell.fbrkh-commerce-shell > .topbar nav>button:is(:hover,:focus-visible){
 color:#54208f!important;-webkit-text-fill-color:#54208f!important;
 background:#eee2fb!important;border-color:#d8c4e8!important;
}

/* r1438 — genuine Chromium 1440x900 Qadha host clipping regression:
   the fixed full-screen game surface inherited a 14px top displacement.
   Do not affect handheld/forced-landscape mode or inactive welcome pages. */
@media (min-width:1200px) and (min-height:700px) {
  html body[data-game-brand="qadha"].q-game-active:not(.q-force-landscape) {
    margin:0!important;padding:0!important;transform:none!important;
  }
  html body[data-game-brand="qadha"].q-game-active:not(.q-force-landscape) #qApp {
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:0!important;
    inset:0!important;
    width:100vw!important;max-width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;
    transform:none!important;box-sizing:border-box!important;overflow:hidden!important;
  }
}