/* Light ornamental presets. Live layout stays in mud.css; this file supplies
   new artwork, light-safe colors and pixel-aligned perimeter paint only. */
:root[data-play-frame-theme='daylight-court'][data-play-frame-tone='light'] {
  --play-sidebar-title-filter: sepia(.8) saturate(.65) brightness(.8);
  --bg: #ffffff; --bg-panel: #f2f2f2; --text: #000000; --muted: #616161;
  --accent: #cccccc; --accent-strong: #97743c; --highlight: #424242;
  --play-frame-light: #eddcaa; --play-frame-mid: #b79452; --play-frame-dark: #e6ded0;
  --play-frame-gem: #986915; --play-frame-detail: #725216;
  --play-map-glyph-image: url('/static/img/icons/map-chevron-down-champagne.svg');
  --play-map-plate-image: url('/static/img/play-frames/tiles/daylight-court-map-plate-v4.png');
  --light-metal-edge: #b4893f;
  --play-frame-sidebar-image: url('/static/img/play-frames/daylight-court-master-v1.png');
  --play-frame-corner-tl: url('/static/img/play-frames/tiles/daylight-court-corner-tl-v1.png');
  --play-frame-corner-tr: url('/static/img/play-frames/tiles/daylight-court-corner-tr-v1.png');
  --play-frame-corner-bl: url('/static/img/play-frames/tiles/daylight-court-corner-bl-v1.png');
  --play-frame-corner-br: url('/static/img/play-frames/tiles/daylight-court-corner-br-v1.png');
  --play-frame-crest-top: url('/static/img/play-frames/tiles/daylight-court-crest-top-v1.png');
  --play-frame-crest-bottom: url('/static/img/play-frames/tiles/daylight-court-crest-bottom-v1.png');
  --play-frame-edge-h: url('/static/img/play-frames/tiles/daylight-court-edge-h-v1.png');
  --play-frame-edge-v: url('/static/img/play-frames/tiles/daylight-court-edge-v-v1.png');
  --play-nav-shoulder-left: url('/static/img/play-frames/tiles/daylight-court-nav-left-v1.png');
  --play-nav-shoulder-right: url('/static/img/play-frames/tiles/daylight-court-nav-right-v1.png');
  --play-nav-jewel: url('/static/img/play-frames/tiles/daylight-court-nav-jewel-v1.png');
  --play-nav-rail-top: url('/static/img/play-frames/tiles/daylight-court-nav-top-v1.png');
  --play-nav-rail-bottom: url('/static/img/play-frames/tiles/daylight-court-nav-bottom-v1.png');
  --light-corner-left: 24.05px; --light-corner-right: 24.24px; --light-corner-top: 20.62px;
  --light-corner-bottom: 19.57px;
  --light-crest-top: 20.62px; --light-crest-bottom: 19.57px;
  --play-game-edge-h-size: 24.38px 9.71px; --play-game-edge-v-size: 9.71px 24.38px;
  --light-rail-h-offset: .14px; --light-rail-v-offset: .14px;
  --play-game-seam-crest-offset: -1.24px;
  --play-nav-jewel-size: 51.94px 31.74px;
  --play-nav-rail-top-y: 9.81px; --play-nav-rail-bottom-y: 56.13px;
  --play-nav-rail-size: 36.94px 7.65px;
  --play-nav-rail-bottom-height: 7.65px;
  --play-nav-rail-bottom-size: 36.94px 7.65px;
}
:root[data-play-frame-theme='roseguard'][data-play-frame-tone='light'] {
  --play-sidebar-title-filter: sepia(.3) saturate(.6) brightness(.75);
  --bg: #ffffff; --bg-panel: #f2f2f2; --text: #000000; --muted: #616161;
  --accent: #cccccc; --accent-strong: #a64f4e; --highlight: #9a1414;
  --play-frame-light: #f1d5c9; --play-frame-mid: #b9755b; --play-frame-dark: #eadcda;
  --play-frame-gem: #9a1414; --play-frame-detail: #8b293c;
  --play-map-glyph-image: url('/static/img/icons/map-chevron-down-rose.svg');
  --play-map-plate-image: url('/static/img/play-frames/tiles/roseguard-map-plate-v4.png');
  --light-metal-edge: #a95e4a;
  --play-frame-sidebar-image: url('/static/img/play-frames/roseguard-master-v1.png');
  --play-frame-corner-tl: url('/static/img/play-frames/tiles/roseguard-corner-tl-v1.png');
  --play-frame-corner-tr: url('/static/img/play-frames/tiles/roseguard-corner-tr-v1.png');
  --play-frame-corner-bl: url('/static/img/play-frames/tiles/roseguard-corner-bl-v1.png');
  --play-frame-corner-br: url('/static/img/play-frames/tiles/roseguard-corner-br-v1.png');
  --play-frame-crest-top: url('/static/img/play-frames/tiles/roseguard-crest-top-v1.png');
  --play-frame-crest-bottom: url('/static/img/play-frames/tiles/roseguard-crest-bottom-v1.png');
  --play-frame-edge-h: url('/static/img/play-frames/tiles/roseguard-edge-h-v1.png');
  --play-frame-edge-v: url('/static/img/play-frames/tiles/roseguard-edge-v-v1.png');
  --play-nav-shoulder-left: url('/static/img/play-frames/tiles/roseguard-nav-left-v1.png');
  --play-nav-shoulder-right: url('/static/img/play-frames/tiles/roseguard-nav-right-v1.png');
  --play-nav-jewel: url('/static/img/play-frames/tiles/roseguard-nav-jewel-v1.png');
  --play-nav-rail-top: url('/static/img/play-frames/tiles/roseguard-nav-top-v1.png');
  --play-nav-rail-bottom: url('/static/img/play-frames/tiles/roseguard-nav-bottom-v1.png');
  --light-corner-left: 22.81px; --light-corner-right: 23px; --light-corner-top: 18.90px;
  --light-corner-bottom: 17.95px;
  --light-crest-top: 18.90px; --light-crest-bottom: 17.95px;
  --play-game-edge-h-size: 24.38px 6.29px; --play-game-edge-v-size: 6.48px 24.38px;
  --light-rail-h-offset: 1.86px; --light-rail-v-offset: 1.76px;
  --play-game-seam-crest-offset: -2.95px;
  --play-nav-jewel-size: 50.14px 30.64px;
  --play-nav-rail-top-y: 13.37px; --play-nav-rail-bottom-y: 58.21px;
  --play-nav-rail-size: 35.65px 5.29px;
  --play-nav-rail-top-height: 5.29px;
  --play-nav-rail-bottom-height: 5.15px;
  --play-nav-rail-bottom-size: 35.65px 5.15px;
}
:root[data-play-frame-theme='mistweave'][data-play-frame-tone='light'] {
  --play-sidebar-title-filter: hue-rotate(175deg) saturate(.5) brightness(.8);
  --bg: #e8ecf2; --bg-panel: #ffffff; --text: #1c2533; --muted: #5c6b7a;
  --accent: #cfd8e3; --accent-strong: #668aa7; --highlight: #1976d2;
  --play-frame-light: #e6f2fa; --play-frame-mid: #95a9b9; --play-frame-dark: #dde5ee;
  --play-frame-gem: #1976d2; --play-frame-detail: #1b5d92;
  --play-map-glyph-image: url('/static/img/icons/map-chevron-down-pearl.svg');
  --play-map-plate-image: url('/static/img/play-frames/tiles/mistweave-map-plate-v4.png');
  --light-metal-edge: #7895a9;
  --play-frame-sidebar-image: url('/static/img/play-frames/mistweave-master-v1.png');
  --play-frame-corner-tl: url('/static/img/play-frames/tiles/mistweave-corner-tl-v1.png');
  --play-frame-corner-tr: url('/static/img/play-frames/tiles/mistweave-corner-tr-v1.png');
  --play-frame-corner-bl: url('/static/img/play-frames/tiles/mistweave-corner-bl-v1.png');
  --play-frame-corner-br: url('/static/img/play-frames/tiles/mistweave-corner-br-v1.png');
  --play-frame-crest-top: url('/static/img/play-frames/tiles/mistweave-crest-top-v1.png');
  --play-frame-crest-bottom: url('/static/img/play-frames/tiles/mistweave-crest-bottom-v1.png');
  --play-frame-edge-h: url('/static/img/play-frames/tiles/mistweave-edge-h-v1.png');
  --play-frame-edge-v: url('/static/img/play-frames/tiles/mistweave-edge-v-v1.png');
  --play-nav-shoulder-left: url('/static/img/play-frames/tiles/mistweave-nav-left-v1.png');
  --play-nav-shoulder-right: url('/static/img/play-frames/tiles/mistweave-nav-right-v1.png');
  --play-nav-jewel: url('/static/img/play-frames/tiles/mistweave-nav-jewel-v1.png');
  --play-nav-rail-top: url('/static/img/play-frames/tiles/mistweave-nav-top-v1.png');
  --play-nav-rail-bottom: url('/static/img/play-frames/tiles/mistweave-nav-bottom-v1.png');
  --light-corner-left: 22.14px; --light-corner-right: 22.14px; --light-corner-top: 19.67px;
  --light-corner-bottom: 15px;
  --light-crest-top: 19.67px; --light-crest-bottom: 15px;
  --play-game-edge-h-size: 24.38px 7.43px; --play-game-edge-v-size: 8.19px 24.38px;
  --light-rail-h-offset: 1.29px; --light-rail-v-offset: .90px;
  --play-game-seam-crest-offset: -2.19px;
  --play-nav-jewel-size: 52.05px 31.81px;
  --play-nav-rail-top-y: 13.16px; --play-nav-rail-bottom-y: 57.11px;
  --play-nav-rail-size: 37.01px 8.39px;
  --play-nav-rail-top-height: 8.39px;
  --play-nav-rail-bottom-height: 7.52px;
  --play-nav-rail-bottom-size: 37.01px 7.52px;
}

:root[data-play-frame-tone='light'] {
  --play-nav-shoulder-width: 72px;
  --play-nav-jewel-top: 0px;
  --play-game-corner-tl: var(--play-frame-corner-tl);
  --play-game-corner-tr: var(--play-frame-corner-tr);
  --play-game-corner-bl: var(--play-frame-corner-bl);
  --play-game-corner-br: var(--play-frame-corner-br);
  --play-game-map-corner: var(--play-frame-corner-tl);
  --play-game-crest-h: var(--play-frame-crest-top);
  --play-game-seam-crest-size: 64px 34.29px;
  /* Generated sockets share Moon-Silver's visible silhouette and opening,
     including its transparent margins, rather than a CSS-drawn circle. */
  --play-map-plate-x: -2px; --play-map-plate-y: -2px;
  --play-map-toggle-left: -4px; --play-map-toggle-top: -4px;
  --path-button-bg: color-mix(in srgb, var(--highlight) 8%, var(--bg-panel));
  --path-button-border: color-mix(in srgb, var(--highlight) 45%, var(--accent));
  --path-button-text: var(--text);
  --path-button-arrow: var(--highlight);
  --path-button-hover-bg: color-mix(in srgb, var(--highlight) 14%, var(--bg-panel));
  --path-button-hover-border: var(--highlight);
  --path-button-hover-text: var(--text);
}

:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .play-sidebar-card::after {
  border-image-slice: 252;
  filter: drop-shadow(0 1px 1px #39465926);
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play h3.play-sidebar-card-header {
  background: transparent;
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .game-panel::before {
  /* Every slice uses the same 48/252 native scale. A rail is never widened
     or vertically flattened independently of the corners it joins. */
  background:
    var(--play-frame-edge-v) var(--light-rail-v-offset) top / var(--play-game-edge-v-size) repeat-y,
    var(--play-frame-edge-v) calc(100% - var(--light-rail-v-offset)) top / var(--play-game-edge-v-size) repeat-y,
    var(--play-frame-edge-h) left var(--light-rail-h-offset) / var(--play-game-edge-h-size) repeat-x,
    var(--play-frame-edge-h) left calc(100% - var(--light-rail-h-offset)) / var(--play-game-edge-h-size) repeat-x;
  filter: drop-shadow(0 1px 1px #39465926);
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .game-panel::after {
  /* All corners and rails are cropped from ONE master. Their rail centers
     are aligned to the same outer perimeter; no inset second border exists.
     The expanded paint box keeps every complete crest and corner visible. */
  inset: -40px;
  background:
    var(--play-map-plate-image) 32px 32px / 40px 40px no-repeat,
    var(--play-frame-crest-top) calc(50% + var(--play-frame-center-shift, 0px)) var(--light-crest-top) / 64px 34.29px no-repeat,
    var(--play-frame-crest-bottom) calc(50% + var(--play-frame-center-shift, 0px)) calc(100% - var(--light-crest-bottom)) / 64px 34.29px no-repeat,
    var(--play-frame-corner-tl) var(--light-corner-left) var(--light-corner-top) / 48px 48px no-repeat,
    var(--play-frame-corner-tr) calc(100% - var(--light-corner-right)) var(--light-corner-top) / 48px 48px no-repeat,
    var(--play-frame-corner-bl) var(--light-corner-left) calc(100% - var(--light-corner-bottom)) / 48px 48px no-repeat,
    var(--play-frame-corner-br) calc(100% - var(--light-corner-right)) calc(100% - var(--light-corner-bottom)) / 48px 48px no-repeat;
  filter: drop-shadow(0 1px 1px #39465933);
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .input-panel::after {
  /* The shared outside frame already owns both correctly oriented corners. */
  display: none;
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .play-dock-row::before {
  filter: drop-shadow(0 1px 1px #39465926);
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .site-header {
  background: var(--bg-panel);
  box-shadow: 0 2px 6px #3946591a;
}
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .site-header::before,
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .site-header::after,
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .site-header .main-nav-center::before,
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) body.page-play .site-header .main-nav-center::after {
  filter: drop-shadow(0 1px 1px #39465926);
}

/* Utility icons should echo the brass/rose ornament instead of becoming
   black silhouettes. Keep the existing button and header geometry. */
:root[data-play-frame-tone='light']:is([data-play-frame-theme='daylight-court'], [data-play-frame-theme='roseguard']) .site-header :is(.header-notifications-button, .header-mail-button) {
  color: var(--play-frame-detail);
}
:root[data-play-frame-tone='light']:is([data-play-frame-theme='daylight-court'], [data-play-frame-theme='roseguard']) .site-header :is(.header-notifications-button, .header-mail-button) .header-library-icon {
  filter: none;
}

/* A crisp, stronger numeral works on all three pale header surfaces. The
   dark-theme text shadow otherwise blurs a small balance such as zero. */
:root[data-play-frame-tone='light'][data-play-frame-theme]:not([data-play-frame-theme='none']) .site-header .header-coin-amount {
  color: var(--play-frame-detail);
  font-size: 0.875rem;
  font-weight: 700;
  text-shadow: none;
}