/* Original imagegen artwork, mechanically sliced by design-pexefy-v45/export.cjs.
   Responsive panels use the actual raster borders/interiors, not CSS imitations. */
#pexefy {
  background: #f8eed4 url("assets/citadela-approved.webp") center/cover;
  color: #123e61;
}
#pexefy[open] { grid-template-rows: 68px minmax(0,1fr) 24px; }
.pxf-header {
  padding: 4px 16px;
  background: #07375c url("assets/pexefy-v45/velvet.webp") center/256px 384px;
  border-bottom: 2px solid #d8b86c;
}
.pxf-brand {
  display:flex;flex-direction:column;justify-content:center;
  width: min(620px,55vw);height:64px;
  background:url("assets/pexefy-v45/title.webp") center/100% 100% no-repeat;
  color:#113d60;
}
.pxf-brand span { display:none; }
.pxf-brand h1 { font-size:27px;letter-spacing:4px;text-shadow:0 1px #fff6d5; }
#pexefy .pxf-header button,
#pexefy .pxf-play-toolbar > button,
#pexefy .pxf-tray button:not(.pxf-piece),
#pexefy .pxf-secondary,
#pexefy .pxf-resume,
#pexefy .pxf-primary,
#pexefy .pxf-upload,
#pexefy .pxf-more-sources,
.pxf-gallery-entry {
  background: url("assets/pexefy-v45/button.webp") center/100% 100% no-repeat;
  border:0;border-radius:18px;
  color:#fff5d8;
  font-weight:650;
  text-shadow:0 1px 2px #001f37;
  box-shadow:none;
}
#pexefy .pxf-header button { padding:8px 20px;min-width:76px; }
#pexefy .pxf-header .pxf-close { min-width:48px;width:48px;padding:0;font-size:26px; }
#pexefy button:focus-visible,#pexefy [tabindex]:focus-visible {
  outline:3px solid #12c9e2;outline-offset:2px;
}
#pexefy button[aria-pressed=true]:not(.pxf-piece) {
  box-shadow:0 0 0 2px #ffe09a,inset 0 0 14px #62d2fa66;
}
.pxf-content {
  margin:12px clamp(12px,4vw,64px);
  padding:24px;
  border:18px solid transparent;
  border-image:url("assets/pexefy-v45/board.webp") 44 fill / 18px / 0 stretch;
}
.pxf-heading h2 { text-shadow:0 1px #fff8df; }
.pxf-heading p { color:#506b7a!important; }
.pxf-status {
  background:#f4e8c7 url("assets/pexefy-v45/paper.webp") center/512px 384px;
  color:#345469;
  border-top:1px solid #c9a85b;
  font-size:11px;padding:3px 8px;
}
.pxf-entry {
  border:13px solid transparent;
  border-image:url("assets/pexefy-v45/tray.webp") 40 fill / 18px / 0 stretch;
  background:none;border-radius:0;padding:14px 20px;
}
.pxf-gallery-entry { padding:10px 26px; }
#pexefy .pxf-upload,#pexefy .pxf-resume,#pexefy .pxf-primary {
  min-height:58px;padding:14px 32px;
}
.pxf-source-preview,.pxf-art,.pxf-options,.pxf-win,.pxf-confirm {
  border:14px solid transparent;
  border-image:url("assets/pexefy-v45/board.webp") 44 fill / 14px / 0 stretch;
  background:none;border-radius:0;
}
.pxf-source-preview { transform:none;padding:8px; }
.pxf-source-preview img { height:min(52dvh,520px); }
.pxf-options { padding:22px; }
.pxf-art { padding:6px; }
.pxf-art span { color:#426071; }
.pxf-counts { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
#pexefy .pxf-counts button {
  background:url("assets/pexefy-v45/paper.webp") center/cover;
  color:#164b6d;border:2px solid #caa754;box-shadow:0 3px 0 #b78e4033;
}
#pexefy .pxf-counts button[aria-pressed=true] {
  background:#063c67 url("assets/pexefy-v45/velvet.webp") center/cover;
  color:#fff4cd!important;border-color:#f0c266;box-shadow:0 0 0 3px #147a9b;
}
#pexefy[data-screen=play] .pxf-content {
  margin:0;padding:0;border:0;border-image:none;
  grid-template-rows:64px minmax(0,1fr)36px;
  background:none;
}
.pxf-play-toolbar {
  margin:0 12px;padding:4px 10px;gap:10px;
  border:0;
  background: url("assets/pexefy-v45/paper.webp") center/512px 384px;
}
#pexefy .pxf-play-toolbar > button { min-height:48px;padding:8px 22px; }
.pxf-progress strong { font-family:Georgia,serif;font-size:22px; }
.pxf-progress progress { accent-color:#06739b;height:12px; }
#pexefy .pxf-play-toolbar > .pxf-reference { padding:5px 18px;gap:10px; }
.pxf-reference-thumb { width:76px;height:44px;border:1px solid #cead5c;border-radius:3px; }
.pxf-reference-label { font-size:13px; }
.pxf-workspace { gap:8px;padding:4px 12px 6px;grid-template-columns:minmax(0,1fr)260px; }
.pxf-board-scroll {
  padding:8px;
  border:10px solid transparent;
  border-image:url("assets/pexefy-v45/board.webp") 44 fill / 18px / 0 stretch;
  background:none;
}
.pxf-board-wrap { background:transparent;box-shadow:0 2px 12px #714c3026; }
.pxf-board > rect { fill:#fff6df88; }
.pxf-board g[aria-disabled=false] > path { stroke:#84734988; }
.pxf-tray {
  border:12px solid transparent;
  border-image:url("assets/pexefy-v45/tray.webp") 40 fill / 16px / 0 stretch;
  padding:4px;gap:6px;background:none;
}
.pxf-tray-top h2 { font-size:20px!important; }
#pexefy .pxf-tray-top button { padding:6px 14px;font-size:11px!important; }
#pexefy .pxf-piece {
  background:#04294440;border:1px solid #b99a5144;border-radius:9px;
  box-shadow:inset 0 1px 7px #00152844;
}
#pexefy .pxf-piece:hover { background:#1684a633; }
#pexefy .pxf-piece[aria-pressed=true] {
  background:#27839e88;border-color:#ffe497;box-shadow:0 0 0 2px #ffdc82;
}
.pxf-paging { color:#fff1cf; }
.pxf-play-foot {
  margin:0 12px;
  background:url("assets/pexefy-v45/paper.webp") center/512px 384px;
}
.pxf-win,.pxf-confirm { padding:22px; }
.pxf-win { box-shadow:0 10px 70px #001b4b99; }
.pxf-win .pxf-star { color:#d09b28; }
@media(max-width:1000px) {
  .pxf-workspace { grid-template-columns:minmax(0,1fr)220px; }
  .pxf-content { margin:10px 14px;padding:16px; }
  .pxf-options { padding:12px; }
}
@media(max-width:700px) {
  #pexefy[open] { grid-template-rows:58px minmax(0,1fr)24px; }
  .pxf-header { padding:3px 6px;gap:4px; }
  .pxf-brand { width:55vw;height:54px;background-size:160% 100%; }
  .pxf-brand h1 { font-size:21px;letter-spacing:2px; }
  .pxf-brand span { font-size:6px;letter-spacing:1px; }
  #pexefy .pxf-header .pxf-back { min-width:64px;padding:6px 12px;font-size:12px; }
  .pxf-content { margin:6px;padding:12px 6px;border-width:10px; }
  .pxf-setup { gap:14px; }
  .pxf-source-preview { border-width:10px;padding:4px; }
  .pxf-source-preview img { height:23dvh; }
  .pxf-options { border:0;border-image:none;padding:0; }
  .pxf-counts { grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
  #pexefy .pxf-counts button { font-size:20px!important; }
  #pexefy h2 { font-size:25px; }
  #pexefy[data-screen=play] .pxf-content { grid-template-rows:60px minmax(0,1fr)38px; }
  .pxf-play-toolbar { margin:0 4px;padding:3px 4px;gap:5px; }
  #pexefy .pxf-play-toolbar > button { min-height:46px;padding:7px 12px;font-size:10px!important; }
  #pexefy .pxf-play-toolbar > .pxf-reference { padding:5px 10px; }
  .pxf-reference-thumb { width:56px;height:36px; }
  .pxf-progress strong { min-width:42px;font-size:16px; }
  .pxf-workspace { grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)190px;padding:3px 5px;gap:4px; }
  .pxf-board-scroll { border-width:10px;padding:8px; }
  .pxf-tray { border-width:9px;padding:3px 5px;gap:4px;grid-template-rows:36px minmax(0,1fr)38px; }
  .pxf-pieces { grid-template-columns:repeat(6,minmax(0,1fr));gap:5px; }
  .pxf-tray-top h2 { font-size:18px!important; }
  #pexefy .pxf-tray-top button { min-height:36px!important; }
  #pexefy .pxf-paging button { height:38px;min-height:38px!important; }
  .pxf-play-foot { margin:0 5px;padding:2px 8px; }
  .pxf-entry { padding:12px;gap:10px; }
  .pxf-entry small { font-size:12px; }
  .pxf-art { border-width:10px;padding:2px; }
  .pxf-art img { height:125px; }
}
@media(max-height:550px) and (min-width:701px) {
  #pexefy[open] { grid-template-rows:48px minmax(0,1fr)20px; }
  .pxf-brand { height:44px; }
  .pxf-brand h1 { font-size:23px; }
  .pxf-brand span { display:none; }
  #pexefy[data-screen=play] .pxf-content { grid-template-rows:52px minmax(0,1fr)30px; }
  .pxf-workspace { grid-template-columns:minmax(0,1fr)290px; }
  .pxf-reference-thumb { height:34px;width:60px; }
  #pexefy .pxf-play-toolbar > button { min-height:44px; }
  .pxf-tray { border-width:9px;grid-template-rows:36px minmax(0,1fr)34px;gap:3px;padding:2px 4px; }
  .pxf-pieces { grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr)); }
}