/* KINWINCHAM · ROYAL MARBLE GOLD | BY DUBAI · 2026-11-03
   Shared material system. Load after legacy styles. No player/canvas overlay. */
html:has(body[data-design]) { background: #f8f7f4; color-scheme: light; }
html:has(body[data-design="presidential-royal-marble"]) { background: #061d5c; color-scheme: dark; }
/* Repeated attribute deliberately matches the legacy editorial specificity. */
html body[data-design][data-design] {
  --km-marble: #f8f7f4;
  --km-white: #ffffff;
  --km-royal: #092d85;
  --km-deep: #061d5c;
  --km-blue: #1748a0;
  --km-gold: #c9a34f;
  --km-gold-light: #e9cd86;
  --km-gold-deep: #80601e;
  --km-ink: #10285a;
  --km-muted: #52627a;
  --km-surface: #ffffff;
  --km-soft: #eef2f9;
  --km-line: rgb(151 115 38 / .32);
  --km-depth: 0 14px 40px rgb(6 29 92 / .08);
  --km-lift: 0 18px 44px rgb(6 29 92 / .14);
  --km-metal: linear-gradient(112deg, #b38b3c 0%, #e9cd86 25%, #f3e2b5 45%, #c9a34f 72%, #b38b3c 100%);
  --km-metal-hover: linear-gradient(112deg, #c09a4a 0%, #f0d99c 25%, #f8e9c5 45%, #d5b565 72%, #c09a4a 100%);
  --km-metal-pressed: linear-gradient(112deg, #b38b3c, #d9b966 45%, #b38b3c);
  --km-material: url('/assets/materials/calacatta-white.webp');
  background: var(--km-marble) var(--km-material) center top / max(1536px, 100vw) auto repeat-y !important;
  background-attachment: scroll !important;
  color: var(--km-ink);
  accent-color: var(--km-royal);
  -webkit-tap-highlight-color: rgb(23 72 160 / .15);
}
body[data-design]:not([data-design-shell="specialized"]) {
  color: var(--km-ink) !important;
  --bg: var(--km-marble); --surface: var(--km-surface); --surface2: var(--km-soft);
  --ink: var(--km-ink); --text: var(--km-ink); --muted: var(--km-muted); --white: var(--km-ink);
  --gold: var(--km-gold-deep); --goldlight: var(--km-gold-deep); --gold-light: var(--km-gold-deep);
  --line: var(--km-line); --royal: var(--km-royal);
  --kw-black: var(--km-marble); --kw-surface: var(--km-surface); --kw-surface-deep: var(--km-soft);
  --kw-surface-raised: #f1f4fa; --kw-header: var(--km-deep); --kw-navy: var(--km-surface);
  --kw-text: var(--km-ink); --kw-copy: var(--km-ink); --kw-muted: var(--km-muted);
  --kw-soft-gold: var(--km-gold-deep); --kw-gold-title: var(--km-gold-deep);
  --kw-gold: var(--km-gold-deep); --kw-gold-light: var(--km-gold-deep);
  --kw-royal: var(--km-royal); --kw-royal-dark: var(--km-deep); --kw-royal-light: var(--km-blue);
  --kw-line: var(--km-line); --kw-metal: var(--km-metal); --kw-depth: var(--km-depth);
  --kw-button-ink: var(--km-deep);
}
body[data-design] :is(h1,h2,h3,h4) { text-wrap: balance; }
body[data-design] :is(p,li,label,dd) { overflow-wrap: break-word; }
body[data-design] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible {
  outline: 3px solid var(--km-blue) !important; outline-offset: 4px;
  box-shadow: 0 0 0 6px #fff !important;
}
body[data-design] :is(button,.btn,.button,.gold-button,.outline-button,.am-button) {
  transition: background-color .16s, border-color .16s, box-shadow .16s, color .16s;
}
body[data-design] :is(button,.btn,.button,.gold-button,.outline-button,.am-button):hover {
  transform: none !important;
}
body[data-design] :is(input,select,textarea) { font-size: max(16px, 1em); }
body[data-design] :is(button,.btn,.button,.gold-button,.outline-button,.am-button):disabled,
body[data-design] [aria-disabled="true"] { opacity: .56; cursor: not-allowed; box-shadow: none; }
body[data-design] :is(button,.btn,.button)[aria-busy="true"] { cursor: progress; }
body[data-design] [hidden] { display: none !important; }

/* Institutional headers carry their own dark-context tokens. */
html body[data-design] :is(.masthead,body>header,.nav,.topbar,.app-header,.am-header,.radio-header,.tv-header,.wallet-nav,.header) {
  --ink: #fff; --text: #fff; --white: #fff; --muted: #d6e1f6; --gold: #e9cd86;
  --gold-light: #e9cd86; --goldlight: #e9cd86;
  --kw-text: #fff; --kw-copy: #e4ebf8; --kw-muted: #d6e1f6; --kw-gold-light: #e9cd86;
  --kw-soft-gold: #e9cd86; --kw-gold: #e9cd86;
  color: #fff; background: linear-gradient(110deg,#061d5c,#092d85 65%,#061d5c) !important;
  border-bottom: 1px solid #c9a34f !important; box-shadow: 0 5px 24px rgb(6 29 92 / .14);
}
html body[data-design] :is(.masthead,.nav,.topbar,.app-header,.am-header,.radio-header,.tv-header,.wallet-nav,.header) :is(a,summary,button) { color: #fff; }
html body[data-design] :is(.navlinks,.navtools,.masthead nav) :is(a,summary):hover { color: #e9cd86; }
html body[data-design] :is(.navdetails>div,.kw-nav-group ul,.language-control,.language-control select) {
  background: #061d5c; color: #fff; border-color: #c9a34f88;
}
html body[data-design] :is(.kw-wordmark,.brand b,.brand strong) { text-shadow: none; }
html body[data-design] :is(.topline,.ticker) { background: #061d5c !important; color: #e4ebf8; border-color: var(--km-line); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.topline,.ticker) { background: #061d5c !important; color: #e4ebf8; }

/* Public editorial surfaces. */
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.hero,.page-head,.feature-band) {
  background: transparent !important; color: var(--km-ink); border-color: var(--km-line);
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.hero,.page-head)::before { background: none !important; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(h1,h2,h3,.gold-text) {
  color: var(--km-ink); background: none; -webkit-text-fill-color: currentColor; text-shadow: none;
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(h1,h2) em { color: var(--km-royal); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.eyebrow,.kicker,.section-label) { color: var(--km-gold-deep); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.hero p,.page-head p,.fine,.muted,.notice,.lead) { color: var(--km-muted); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.card,.panel,.radio-card,.universe-card,.game-card,.kw-app-card,.segment-card,.service-card,.feature-card,.plan,.plan-card,.am-card,.am-plan,.am-form,.invitation-card,.catalog-card,.course-card,.enrollment-card) {
  color: var(--km-ink); background: rgb(255 255 255 / .95) !important;
  border: 1px solid var(--km-line); border-radius: 12px; box-shadow: var(--km-depth);
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.card,.panel,.universe-card,.segment-card,.service-card,.am-card,.am-form,.invitation-card) :is(p,small,label,dd) { color: var(--km-muted); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.reach-band,.reach-item,.section-alt,.content-section,.app-section) { background: transparent; color: var(--km-ink); border-color: var(--km-line); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(h1,h2,h3,h4,p,small,label,li,dt,dd) { color: var(--km-ink) !important; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(h1,h2,h3,h4) { background: none !important; -webkit-text-fill-color: currentColor !important; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(h1,h2) :is(em,span) { color: var(--km-royal); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.hero .notice,.callout,.sidecard,.cat) { background: #fff !important; color: #10285a; border-color: var(--km-line); box-shadow: var(--km-depth); }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.hero-location,.reach-item strong,.reach-item>span,.kw-destination-kicker,.kw-app-note,.kw-global-steps,.kw-global-visual-label,.byline,.crumb,.article-content,.article-content strong,.footnote,.metric span,.metric small,.closing p) { color: var(--km-ink) !important; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.kw-global-card,.kw-sos-entry>a,.k-invite,.kvip) { background: #061d5c url('/assets/materials/royal-blue.webp') center / cover !important; border: 1px solid #c9a34f77; }
html body[data-design="public-marble"] :is(.top,.end) { background: #061d5c; color: #fff; border-color: #c9a34f88; }
html body[data-design="public-marble"] :is(.article,.sidecard,.cat) { border-color: var(--km-line); }
html body[data-design="public-marble"] .article h1 span { color: #092d85; }
html body[data-design="public-marble"] :is(.side-title,.number-big,.cat .number) { color: #80601e; }
html body[data-design="public-marble"] .share-row :is(a,button) { background: #092d85; color: #fff; border-color: #97732688; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"])>p>a[style] { color: #092d85 !important; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.btn,.button,.gold-button,.am-button,button[type="submit"]) {
  min-height: 46px; border: 1px solid var(--km-royal); border-radius: 6px;
  background: var(--km-royal); color: #fff; text-shadow: none; box-shadow: 0 4px 12px rgb(6 29 92 / .1);
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.btn.gold,.button.gold,.gold-button,.am-button:not(.am-outline)) {
  background: var(--km-metal); border-color: #a27b2b; color: var(--km-deep); -webkit-text-fill-color: currentColor;
  box-shadow: inset 0 1px #fff8, 0 5px 18px rgb(151 115 38 / .17);
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.outline,.outline-button,.btn.subtle,.am-outline,.button.quiet) {
  color: var(--km-royal); background: #fff; border: 1px solid #97732688; min-height: 44px; border-radius: 6px;
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) {
  color: var(--km-ink); background: #fff; border: 1px solid #7a8aa9; border-radius: 6px;
  min-height: 46px; max-width: 100%;
}
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(input,textarea)::placeholder { color: #667085; opacity: 1; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(input,textarea,select)[aria-invalid="true"] { border-color: #a51c35; outline-color: #a51c35; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.form-error,.error,[role="alert"]) { color: #9d1930; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.success,.form-success) { color: #176444; }
html body[data-design="public-marble"] :is(footer,.footer,.wallet-footer,.am-footer) {
  --muted: #d6e1f6; --kw-muted: #d6e1f6; --kw-copy: #e4ebf8; --kw-text: #fff;
  background: #061d5c !important; color: #e4ebf8; border-top: 1px solid #c9a34f88;
}
html body[data-design] :is(footer,.footer,.wallet-footer,.am-footer) :is(p,small,a,span) { color: inherit; }
html body[data-design="public-marble"] .premium-friend {
  --kw-gold-light: #e9cd86; --kw-copy: #e4ebf8; --kw-text: #fff;
  background: #061d5c url('/assets/materials/royal-blue.webp') center / cover;
  border: 1px solid #b99240; color: #fff; box-shadow: var(--km-lift);
}
html body[data-design="public-marble"] .premium-friend :is(h2,.premium-friend-price,.premium-friend-kicker) { color: #e9cd86; }
html body[data-design="public-marble"] .premium-friend-copy>p:last-child { color: #e4ebf8; }
html body[data-design] a.premium-friend-cta { color: #061d5c; background: var(--km-metal); border-color: #c9a34f; min-height: 48px; }
html body[data-design] a.premium-friend-cta:hover { background: #e9cd86; border-color: #fff; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.masthead,.nav,.topbar,.top,.footer,footer,.end,.kw-global-card,.premium-friend,.kw-destination-feature,.tp-portal-feature,.mpp-portal-feature,.kvip,.k-invite,.screen,.membercard,.kw-sos-entry>a) :is(h1,h2,h3,h4,p,small,dt,dd,li,strong) { color: #fff !important; -webkit-text-fill-color: currentColor !important; }
html body[data-design="public-marble"]:not([data-design-shell="specialized"]) :is(.kw-global-card,.premium-friend,.kvip,.k-invite,.kw-sos-entry>a) :is(h1,h2,h3,h4) :is(em,span) { color: #e9cd86; }
html body[data-design="public-marble"] .hero-control { color: #10285a !important; background: #fff !important; border-color: #97732688; }
html body[data-design="public-marble"] :is(.world-label,.world-caption) { color: #80601e; }

/* Global: the working transparent WebGL canvas remains untouched. */
html body[data-premium-global][data-design] .masthead { padding-inline: clamp(18px,4.5vw,80px); }
html body[data-premium-global][data-design] .hero { isolation: isolate; background: transparent !important; }
html body[data-premium-global][data-design] .hero::after { height: 1px; background: linear-gradient(90deg,transparent,#977326aa,transparent); }
html body[data-premium-global][data-design] .hero h1 { color: #10285a; text-shadow: none; }
html body[data-premium-global][data-design] .hero h1 em { color: #092d85; }
html body[data-premium-global][data-design] .hero-description { color: #354c72; }
html body[data-premium-global][data-design] :is(.expansion,.coordinates,.coordinates small,.planet-caption,.globe-tools,.legend-item) { color: #354c72; }
html body[data-premium-global][data-design] :is(.planet-caption,.globe-tools) { text-shadow: 0 1px 5px #fff; }
html body[data-premium-global][data-design] .globe-zoom { background: #061d5cf5; border-color: #c9a34f; box-shadow: 0 8px 22px #061d5c22; }
html body[data-premium-global][data-design] .globe-zoom :is(button,output) { color: #fff; }
html body[data-premium-global][data-design] .language-control select { background: #061d5c; color: #fff; border: 0; min-height: 36px; }
html body[data-premium-global][data-design] :is(.orbit,.hero-bottom) { border-color: #97732644; }
html body[data-premium-global][data-design] :is(.institutional-reach,.global-overview,.directory,.crawl-directory) { background: transparent !important; color: var(--km-ink); }
html body[data-premium-global][data-design] :is(.institutional-reach dd,.global-counts dd) { color: #092d85; }
html body[data-premium-global][data-design] .institutional-reach { border-block: 1px solid var(--km-line); }
html body[data-premium-global][data-design] :is(.steps,.place-card,.search,.crawl-link-grid>a) { border-color: var(--km-line); }
html body[data-premium-global][data-design] .step { background: #fff; color: #10285a; }
html body[data-premium-global][data-design] .step.current { background: #092d85; color: #fff; box-shadow: inset 0 3px #c9a34f; }
html body[data-premium-global][data-design] .step.current :is(small,b,span) { color: #fff; }
html body[data-premium-global][data-design] .place-card { background: #fff; border-radius: 9px; box-shadow: var(--km-depth); overflow: hidden; }
html body[data-premium-global][data-design] .place-card:hover { transform: none; border-color: #977326; box-shadow: var(--km-lift); }
html body[data-premium-global][data-design] .place-caption { background: #fff; color: #10285a; border-top: 1px solid var(--km-line); }
html body[data-premium-global][data-design] .place-caption :is(b,small) { color: inherit; }
html body[data-premium-global][data-design] .place-caption small { color: #52627a; }
html body[data-premium-global][data-design] :is(.city-page,.city-facade,.city-partner-slot,.local-classified-card,.city-classifieds,.city-friends,.territorial-card,.territorial-overview,.friend-association-comparison) {
  background: rgb(255 255 255 / .96) !important; color: #10285a; border-color: var(--km-line); box-shadow: var(--km-depth); border-radius: 10px;
}
html body[data-premium-global][data-design] :is(.city-page,.city-friends,.city-classifieds,.city-partner-slot,.city-facade) :is(p,small,h2,h3,a) { color: #10285a; }
html body[data-premium-global][data-design] :is(.city-stats,.city-meta,.territorial-breadcrumb,.territorial-notice) { color: #354c72; }
html body[data-premium-global][data-design] :is(.city-button.filled,.friend-cta,.local-ad-cta) { background: var(--km-metal); color: #061d5c; }
html body[data-premium-global][data-design] :is(.city-channel,.global-channel,.channel-frame) { border-color: #c9a34f; }
html body[data-premium-global][data-design] dialog { background: #fff; color: #10285a; border: 1px solid #97732688; box-shadow: var(--km-lift); }
html body[data-premium-global][data-design] .closing-strip { background: transparent; color: #10285a; border-color: var(--km-line); }
html body[data-premium-global][data-design] :is(.city-page,.city-universe) { background: transparent !important; box-shadow: none; }
html body[data-premium-global][data-design] :is(.city-nav,.city-nav button,.city-nav>span,.closing-strip strong) { color: #10285a; }
html body[data-premium-global][data-design] :is(.city-hero,.city-channel-screen) {
  --gold: #e9cd86; --gold-light: #e9cd86; --white: #fff; --muted: #e4ebf8; color: #fff;
}
html body[data-premium-global][data-design] :is(.city-hero,.city-channel-screen) :is(h1,h2,h3,p,small,a,span) { color: #fff; -webkit-text-fill-color: currentColor; }
html body[data-premium-global][data-design] :is(.city-hero,.city-channel-screen) :is(em,.eyebrow,.channel-topline,.channel-topline span) { color: #e9cd86; }
html body[data-premium-global][data-design] :is(.city-sponsor,.city-recruit,.local-business-card) { background: #061d5c url('/assets/materials/royal-blue.webp') center / cover; color: #fff; border-color: #c9a34f77; }
html body[data-premium-global][data-design] :is(.city-sponsor,.city-recruit,.local-business-card) :is(h1,h2,h3,p,a,span,small,strong) { color: #fff; }
html body[data-premium-global][data-design] :is(.territory-choice,.classified-empty) { background: #fff; color: #10285a; border-color: var(--km-line); }
html body[data-premium-global][data-design] .territory-choice:hover { background: #eef2f9; }

/* Specialized tools: institutional frame only; gameplay, audio/video and
   user-selected social profile materials retain their own rendering. */
html body[data-design-shell="specialized"] :is(.app-toolbar,.activation,.lobby,.login-card,.access-card,.apps-hero) { border-color: var(--km-line); }
html body[data-design-shell="specialized"] :is(.app-toolbar,.topbar,.app-header) { border-bottom: 1px solid #c9a34f; }
html body[data-design-shell="specialized"] :is(.kw-game-signature,.kw-brand--hero) { color: #10285a; }
html body[data-design-shell="specialized"] :is(.app-title,.product,.brand-name,.wordmark) { color: #e9cd86; }
html body[data-design-shell="specialized"] .tv-cover { background: #061d5c url('/assets/materials/royal-blue.webp') center / cover !important; }
html body[data-design-shell="specialized"] :is(.tv-sidebar,.radio-sidebar,.rk-sidebar) { border-color: #c9a34f66; }

/* Presidential suite: same components, distinct blue stone and local tokens. */
html body[data-design="presidential-royal-marble"][data-design] {
  --km-marble: #061d5c; --km-ink: #fff; --km-muted: #d6e1f6; --km-surface: #092b74;
  --km-soft: #0a2560; --km-line: rgb(201 163 79 / .45); --km-material: url('/assets/materials/royal-blue.webp');
  --km-depth: 0 14px 40px rgb(1 10 36 / .22);
  --bg: #061d5c; --surface: #092b74; --surface2: #0a2560; --ink: #fff; --text: #fff;
  --muted: #d6e1f6; --gold: #e9cd86; --gold-light: #e9cd86; --goldlight: #e9cd86; --line: var(--km-line);
  --kw-text: #fff; --kw-copy: #e4ebf8; --kw-muted: #d6e1f6; --kw-gold-light: #e9cd86;
  --kw-soft-gold: #e9cd86; --kw-gold: #c9a34f; --kw-header: #061d5c; --kw-navy: #092b74;
  color: #fff; background-color: #061d5c !important; color-scheme: dark; accent-color: #e9cd86;
}
html body[data-design="presidential-royal-marble"] :is(h1,h2,h3) { color: #fff; text-shadow: none; }
html body[data-design="presidential-royal-marble"] :is(h1 em,h1 span,h2 em,.eyebrow,.po-eyebrow,.nav-label,.edition,.private-label) { color: #e9cd86; }
html body[data-design="presidential-royal-marble"] :is(.panel,.card,.summary-card,.game-card,.po-section,.po-studio,.po-themes,.invites-console,.member-dialog,.editor,.admin-layout>aside,.catalog-empty,.access-row,.area-login>.panel,.detail-summary>div) {
  background: rgb(6 29 92 / .88) !important; border: 1px solid #c9a34f66; color: #fff;
  border-radius: 12px; box-shadow: inset 0 1px #ffffff0d,var(--km-depth);
}
html body[data-design="presidential-royal-marble"] :is(.summary-card.gold,.po-studio) { background: linear-gradient(135deg,#123d8cdd,#061d5cee) !important; border-color: #c9a34f; }
html body[data-design="presidential-royal-marble"] :is(p,small,label,dd,.fine,.detail-info,.po-heading p) { color: #d6e1f6; }
html body[data-design="presidential-royal-marble"] :is(.summary-card strong,.points-cell,.premium-friend-price,.po-icon) { color: #e9cd86; font-variant-numeric: tabular-nums; }
html body[data-design="presidential-royal-marble"] :is(.panel-tabs,.rail,.sidebar) { background: rgb(6 29 92 / .9); border-color: #c9a34f66; }
html body[data-design="presidential-royal-marble"] .panel-tabs a { background: #1748a066; color: #fff; border: 1px solid #c9a34f55; min-height: 44px; display: inline-flex; align-items: center; }
html body[data-design="presidential-royal-marble"] :is(.gold-button,.button.gold,.po-primary,.am-button) { background: var(--km-metal); color: #061d5c; border: 1px solid #c9a34f; min-height: 46px; border-radius: 6px; }
html body[data-design="presidential-royal-marble"] :is(.outline,.outline-button,.po-actions button,.po-studio a) { background: #092b74; color: #fff; border: 1px solid #c9a34f88; min-height: 44px; border-radius: 6px; }
html body[data-design="presidential-royal-marble"] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) {
  background: #fff; color: #10285a; color-scheme: light; border: 1px solid #c9a34f88; border-radius: 6px; min-height: 46px; max-width: 100%;
}
html body[data-design="presidential-royal-marble"] :is(input,textarea)::placeholder { color: #667085; }
html body[data-design="presidential-royal-marble"] :is(th,.players-table th) { background: #061642; color: #e9cd86; }
html body[data-design="presidential-royal-marble"] :is(td,.players-table td) { border-color: #c9a34f33; color: #fff; }
html body[data-design="presidential-royal-marble"] :is(dialog,.po-confirm) { background: #061d5c; color: #fff; border: 1px solid #c9a34f; }
html body[data-design="presidential-royal-marble"] :is(.danger,.destructive,[data-danger="true"],.am-danger) { background: #701d37 !important; color: #fff !important; border-color: #ed9dae !important; }
html body[data-design="presidential-royal-marble"] :is(.error,.form-error,[role="alert"]) { color: #ffb8c5; }
html body[data-design="presidential-royal-marble"] :is(.success,.form-success) { color: #a7efc9; }
html body[data-design="presidential-royal-marble"] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible { outline-color: #e9cd86 !important; box-shadow: 0 0 0 6px #061d5c !important; }

/* Gold is the institutional action finish, in both public and presidential areas.
   Explicit action classes avoid recoloring players, games or status indicators. */
html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.btn,.button,.gold-button,.outline,.outline-button,.am-button,.po-primary,.po-actions button,.po-studio a,.po-heading button,.kc-button,.kw-global-cta,.iconbutton,.hero-control,.city-button,.friend-cta,.local-ad-cta,.share-row a,.share-row button,button[type="submit"]) {
  background: var(--km-metal) !important; color: var(--km-deep) !important;
  -webkit-text-fill-color: currentColor; border-color: #a27b2b !important;
  text-shadow: none; box-shadow: inset 0 1px #fff8, 0 4px 12px rgb(151 115 38 / .16);
}
html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.btn,.button,.gold-button,.outline,.outline-button,.am-button,.po-primary,.po-actions button,.po-studio a,.po-heading button,.kc-button,.kw-global-cta,.iconbutton,.hero-control,.city-button,.friend-cta,.local-ad-cta,.share-row a,.share-row button,button[type="submit"]) :is(span,strong,small) {
  color: var(--km-deep) !important; -webkit-text-fill-color: currentColor !important;
}
html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.btn,.button,.gold-button,.outline,.outline-button,.am-button,.po-primary,.po-actions button,.po-studio a,.po-heading button,.kc-button,.kw-global-cta,.iconbutton,.hero-control,.city-button,.friend-cta,.local-ad-cta,.share-row a,.share-row button,button[type="submit"]):hover:not(:disabled):not([aria-disabled="true"]) {
  background: var(--km-metal-hover) !important; border-color: #80601e !important;
}
html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.btn,.button,.gold-button,.outline,.outline-button,.am-button,.po-primary,.po-actions button,.po-studio a,.po-heading button,.kc-button,.kw-global-cta,.iconbutton,.hero-control,.city-button,.friend-cta,.local-ad-cta,.share-row a,.share-row button,button[type="submit"]):active:not(:disabled):not([aria-disabled="true"]) {
  background: var(--km-metal-pressed) !important; box-shadow: inset 0 2px 5px #80601e55;
}
/* Destructive commands retain a warning finish and existing confirmations. */
html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.danger,.destructive,[data-danger="true"],.am-danger,#delete-profile,#passkey-remove-form button,#po-rollback),
html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.danger,.destructive,[data-danger="true"],.am-danger,#delete-profile,#passkey-remove-form button,#po-rollback):is(:hover,:active) {
  background: #701d37 !important; color: #fff !important; border-color: #ed9dae !important;
}

html body[data-design][data-design]:not([data-design-shell="specialized"]) :is(.danger,.destructive,[data-danger="true"],.am-danger,#delete-profile,#passkey-remove-form button,#po-rollback) :is(span,strong,small) { color: #fff !important; -webkit-text-fill-color: currentColor !important; }

/* Decoration is an addition to the institutional material, never a new base. */
html body[data-design] .kw-seasonal-banner { border-color: #c9a34f66; }
html body[data-design="public-marble"] .kw-seasonal-banner { background-color: #fff; color: #10285a; }
html body[data-design="presidential-royal-marble"] .kw-seasonal-banner { background-color: #061d5c; color: #fff; }
@media(max-width: 1100px) {
  html body[data-design="public-marble"][data-page="index"] .hero { min-height: 0; padding: 40px 6% 54px; }
  html body[data-design="public-marble"][data-page="index"] .hero-copy { width: 100%; max-width: 690px; margin: auto; text-align: center; }
  html body[data-design="public-marble"][data-page="index"] .hero h1 { font-size: clamp(34px,6.5vw,62px); line-height: 1.2; }
  html body[data-design="public-marble"][data-page="index"] .hero :is(.eyebrow,.actions) { justify-content: center; }
  html body[data-design="public-marble"][data-page="index"] .world { position: relative; inset: auto; width: min(100%,390px); height: 340px; margin: 28px auto 0; }
  html body[data-design="public-marble"][data-page="index"] .hero-control { position: static; display: block; margin: 16px auto 0; }
}
@media(max-width: 768px) {
  html body[data-design] :is(.masthead,.nav,.am-header,.wallet-nav) { gap: 14px; padding-inline: 18px; }
  html body[data-design] :is(.masthead nav,.navlinks,.navtools) { flex-wrap: wrap; gap: 10px 16px; }
  html body[data-design] :is(.card,.panel,.am-card,.am-plan,.invitation-card) { min-width: 0; }
  html body[data-design] :is(.am-main,.am-shell,.area-login,.admin-main) { max-width: 100%; }
  html body[data-design] .premium-friend { margin-inline: 16px; }
  html body[data-design] :is(.table-scroll,.table-wrap) { max-width: 100%; overflow-x: auto; }
  html body[data-premium-global][data-design] .hero { height: auto; }
  html body[data-premium-global][data-design] .planet-stage:not(:fullscreen):not(.expanded) { inset: auto; height: clamp(290px,88vw,450px); }
  html body[data-premium-global][data-design] .globe-tools { bottom: 90px; gap: 10px; flex-wrap: wrap; }
  html body[data-premium-global][data-design] .globe-tools .drag-hint { flex-basis: 100%; justify-content: center; }
  html body[data-premium-global][data-design] .institutional-reach { padding-inline: 20px; }
  html body[data-premium-global][data-design] .step b { font-size: 10px; overflow-wrap: anywhere; }
  html body[data-premium-global][data-design] .step small { font-size: 9px; letter-spacing: 0; }
}
@media(max-width: 390px) {
  html body[data-design] .kw-brand { white-space: normal; }
  html body[data-design] .kw-wordmark { font-size: 15px; }
  html body[data-premium-global][data-design] .hero-copy h1 { font-size: 34px; }
  html body[data-premium-global][data-design] .hero-description { font-size: 13px; }
  html body[data-premium-global][data-design] .map-legend { gap: 10px; flex-wrap: wrap; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-design] *,body[data-design] *::before,body[data-design] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media(forced-colors:active) {
  body[data-design] { background-image: none !important; }
  body[data-design] :is(button,.btn,.button,.card,.panel,input,select,textarea) { border: 1px solid ButtonText !important; }
}