:root {
  --px-bg:        #101b18;
  --px-surface:   #17261f;
  --px-face:      #21332a;
  --px-face-hi:   #2a4033;
  --px-line:      #58705b;
  --px-line-dim:  #3b5242;
  --px-ink:       #eeead5;
  --px-muted:     #a2b39c;
  --px-gold:      #dfd486;
  --px-gold-dim:  #a99c62;
  --px-green:     #a6bc89;
  --px-shadow:    #0a120f;
  --px-scan: repeating-linear-gradient(0deg, transparent 0 3px, #00000017 3px 4px);
  --px-step: repeating-linear-gradient(90deg, #75907a 0 4px, transparent 4px 8px);
}

.shell .fileshelf {
  border: 1px solid #6d8569 !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 0 0 3px #101b18,
    inset 0 0 0 4px #3f5a48,
    4px 4px 0 var(--px-shadow) !important;
}
.shell.customization-mode .fileshelf {
  background: var(--px-scan), linear-gradient(180deg, #1b2b23, #121e1a) !important;
  border-color: #7b8f68 !important;
}

.shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel, .pane) {
  background:
    var(--px-scan),
    radial-gradient(100% 32% at 100% 0%, #dfd4860b, transparent 70%),
    linear-gradient(180deg, #17261f, #101b18) !important;
  border-radius: 0 !important;
  scrollbar-color: #56735f transparent;
}
.shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel) {
  color: var(--px-ink);
  gap: 16px;
  padding: 20px 20px 26px;
}
.shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel, .pane)::-webkit-scrollbar { width: 8px; }
.shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel, .pane)::-webkit-scrollbar-track { background: #101b18; }
.shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel, .pane)::-webkit-scrollbar-thumb {
  background: #4a6a54; border: 2px solid #101b18; border-radius: 0;
}
.shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel) > * { flex-shrink: 0 !important; }

.shell .fileshelf .pane > * { flex-shrink: 0 !important; }

.shell .fileshelf .pane-head {
  position: relative;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 2px 9px !important;
  border-bottom: 0 !important;
  color: #e0d9b4 !important;
  font-size: calc(12px * var(--text-scale, 1)) !important;
  font-weight: 600 !important;
}
.shell .fileshelf .pane-head::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 4px; height: 1px;
  background: var(--px-step);
  opacity: .8;
  pointer-events: none;
}
.shell .fileshelf .pane-head > span:first-child {
  display: inline-flex; align-items: center; gap: 8px;
}
.shell .fileshelf .pane-head > span:first-child::before {
  content: ""; width: 7px; height: 7px; flex: none;
  background: var(--px-gold);
  box-shadow: 0 0 0 2px #101b18, 0 0 0 3px #6e7c58;
  image-rendering: pixelated;
}
.shell .fileshelf .pane-head small {
  color: var(--px-gold-dim) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(9px * var(--text-scale, 1)) !important;
  letter-spacing: .06em !important;
}
.shell .fileshelf .pane-head small::before { content: "[ "; }
.shell .fileshelf .pane-head small::after  { content: " ]"; }

.shell .fileshelf .customization-panel button,
.shell .fileshelf :is(#homePanel, #restaurantPanel) button,
.shell .fileshelf #casebookBtn {
  font-family: "Keel Pixel", Thai, Tahoma, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
}
.shell .fileshelf .customization-panel .shop-buy-button {
  --pixel-idle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20normal%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23d2bc74%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23c0ad68%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b09e5c%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V43H43V46H6V44H2V41H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V42H41V44H7V42H4V39H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%233a3720%22%2F%3E%20%3Cpath%20d%3D%22M7%2041H41V43H7Z%22%20fill%3D%22%23b6a459%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V37H39V39H8V37H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V38H39V40H8V38H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%23e0cb8a%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2037H10V35H12V38H14V37H35V36H37V38H39V37H42%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%236b6136%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%233a3720%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%239a8a55%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20hover%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2383764a%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23776b3e%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236c6238%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V43H43V46H6V44H2V41H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V42H41V44H7V42H4V39H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%234d4829%22%2F%3E%20%3Cpath%20d%3D%22M7%2041H41V43H7Z%22%20fill%3D%22%237e7243%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V37H39V39H8V37H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V38H39V40H8V38H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%23ecda99%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2037H10V35H12V38H14V37H35V36H37V38H39V37H42%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%23575032%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%234d4829%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%23a29460%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-pressed: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20pressed%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23d2bc74%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23c0ad68%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b09e5c%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V41H43V44H6V42H2V39H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V40H41V42H7V40H4V37H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%233a3720%22%2F%3E%20%3Cpath%20d%3D%22M7%2039H41V41H7Z%22%20fill%3D%22%23b6a459%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V38H39V40H8V38H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V39H39V41H8V39H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%236b6136%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2038H10V36H12V39H14V38H35V37H37V39H39V38H42%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%236b6136%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%233a3720%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%239a8a55%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-wear-top: none !important;
  --pixel-wear-bottom: none !important;
  --pixel-ink: #2f2c19 !important;
  --pixel-letter-shadow: #f2e6ae !important;
  --pixel-focus: #fff3bd !important;
  font-size: calc(12px * var(--text-scale, 1)) !important;
}
.shell .fileshelf .customization-panel .shop-item.equipped .shop-buy-button {
  --pixel-idle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20normal%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23d2bc74%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23c0ad68%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b09e5c%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V43H43V46H6V44H2V41H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V42H41V44H7V42H4V39H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%233a3720%22%2F%3E%20%3Cpath%20d%3D%22M7%2041H41V43H7Z%22%20fill%3D%22%23b6a459%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V37H39V39H8V37H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V38H39V40H8V38H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%23e0cb8a%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2037H10V35H12V38H14V37H35V36H37V38H39V37H42%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%236b6136%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%233a3720%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%239a8a55%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20hover%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2383764a%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23776b3e%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236c6238%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V43H43V46H6V44H2V41H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V42H41V44H7V42H4V39H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%234d4829%22%2F%3E%20%3Cpath%20d%3D%22M7%2041H41V43H7Z%22%20fill%3D%22%237e7243%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V37H39V39H8V37H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V38H39V40H8V38H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%23ecda99%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2037H10V35H12V38H14V37H35V36H37V38H39V37H42%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%23575032%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%234d4829%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%23a29460%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-pressed: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20pressed%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23d2bc74%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23c0ad68%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b09e5c%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V41H43V44H6V42H2V39H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V40H41V42H7V40H4V37H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%233a3720%22%2F%3E%20%3Cpath%20d%3D%22M7%2039H41V41H7Z%22%20fill%3D%22%23b6a459%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V38H39V40H8V38H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V39H39V41H8V39H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%236b6136%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2038H10V36H12V39H14V38H35V37H37V39H39V38H42%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%236b6136%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%233a3720%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%239a8a55%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-ink: #3c3a22 !important;
  opacity: .78;
}
.shell .fileshelf .customization-panel button:focus-visible,
.shell .fileshelf :is(#homePanel, #restaurantPanel) button:focus-visible {
  outline: 2px solid var(--px-gold) !important;
  outline-offset: 2px !important;
}

.shell .fileshelf .customization-panel .store-options { counter-reset: pxrow; }
.shell .fileshelf .customization-panel .store-section-title {
  position: relative;
  display: block;
  padding: 0 0 12px !important;
  margin: 2px 0 4px !important;
  border-bottom: 0 !important;
  color: var(--px-gold) !important;
  font-family: Thai, Tahoma, sans-serif !important;
  font-size: calc(12px * var(--text-scale, 1)) !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}
.shell .fileshelf .customization-panel .store-section-title::before {
  content: ""; display: inline-block;
  width: 7px; height: 7px; margin-right: 8px;
  background: var(--px-gold);
  box-shadow: 0 0 0 2px #101b18, 0 0 0 3px #6e7c58;
  image-rendering: pixelated;
}
.shell .fileshelf .customization-panel .store-section-title::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 5px; height: 1px;
  background: var(--px-step);
  opacity: .75;
}
.shell .fileshelf .customization-panel .store-section-title:first-child { margin-top: 0 !important; }

.shell .fileshelf .customization-panel .store-status,
.shell .fileshelf #homePanel .home-status,
.shell .fileshelf #restaurantPanel .restaurant-status {
  position: relative;
  gap: 15px !important;
  padding: 20px 18px 16px !important;
  border: 1px solid #8b9b6d !important;
  border-left: 1px solid #8b9b6d !important;
  border-radius: 0 !important;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274%27%20height%3D%274%27%20viewBox%3D%270%200%204%204%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M0%200h1v1H0zM2%202h1v1H2z%27%20fill%3D%27%23dfd486%27%20opacity%3D%27.55%27%2F%3E%20%3Cpath%20d%3D%27M2%200h1v1H2zM0%202h1v1H0z%27%20fill%3D%27%23000000%27%20opacity%3D%27.35%27%2F%3E%20%3C%2Fsvg%3E") repeat-x left top / 4px 8px,
    linear-gradient(180deg, #2a3d30, #1c2c24) !important;
  box-shadow:
    inset 0 0 0 3px #101b18,
    inset 0 0 0 4px #4b6350,
    3px 3px 0 var(--px-shadow) !important;
}
.shell .fileshelf .customization-panel .store-status::before,
.shell .fileshelf #homePanel .home-status::before,
.shell .fileshelf #restaurantPanel .restaurant-status::before {
  content: "";
  position: absolute; top: 5px; left: 5px;
  width: 16px; height: 16px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%272%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M5%2015V6h8%27%20fill%3D%27none%27%20stroke%3D%27%23a6bc89%27%20stroke-width%3D%271%27%20opacity%3D%27.5%27%2F%3E%20%3C%2Fsvg%3E") no-repeat center / contain;
  image-rendering: pixelated;
  pointer-events: none;
}
.shell .fileshelf .customization-panel .store-status::after,
.shell .fileshelf #homePanel .home-status::after,
.shell .fileshelf #restaurantPanel .restaurant-status::after {
  content: "";
  position: absolute; bottom: 5px; right: 5px;
  width: 16px; height: 16px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%272%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M5%2015V6h8%27%20fill%3D%27none%27%20stroke%3D%27%23a6bc89%27%20stroke-width%3D%271%27%20opacity%3D%27.5%27%2F%3E%20%3C%2Fsvg%3E") no-repeat center / contain;
  transform: rotate(180deg);
  opacity: .6;
  image-rendering: pixelated;
  pointer-events: none;
}
.shell .fileshelf .customization-panel .store-status .home-status-icon,
.shell .fileshelf .customization-panel .store-status .home-status-icon .game-icon,
.shell .fileshelf #homePanel .home-status-icon,
.shell .fileshelf #restaurantPanel .restaurant-status-icon {
  width: 44px !important; height: 44px !important; min-width: 44px !important;
  border: 1px solid #b6a368 !important;
  border-radius: 0 !important;
  background: #18271f !important;
  box-shadow: inset 0 0 0 3px #18271f, inset 0 0 0 4px #6e7c58, 2px 2px 0 var(--px-shadow) !important;
  color: var(--px-gold) !important;
  font-size: calc(20px * var(--text-scale, 1)) !important;
}
.shell .fileshelf #restaurantPanel .restaurant-status-icon svg { width: 24px; height: 24px; stroke: var(--px-gold) !important; }
.shell .fileshelf .customization-panel .store-status .eyebrow,
.shell .fileshelf #homePanel .home-status .eyebrow,
.shell .fileshelf #restaurantPanel .restaurant-status .eyebrow {
  color: var(--px-gold-dim) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(9px * var(--text-scale, 1)) !important;
  letter-spacing: .08em !important;
}
.shell .fileshelf .customization-panel .store-status h2,
.shell .fileshelf #homePanel .home-status h2,
.shell .fileshelf #restaurantPanel .restaurant-status h2 {
  color: #f2ecd6 !important;
  font-size: calc(19px * var(--text-scale, 1)) !important;
  font-weight: 700 !important;
  line-height: 1.45;
}
.shell .fileshelf .customization-panel .store-status p,
.shell .fileshelf #homePanel .home-status p,
.shell .fileshelf #restaurantPanel .restaurant-status p { color: var(--px-muted) !important; line-height: 1.8; }

.shell .fileshelf .customization-panel .store-wallet,
.shell .fileshelf #homePanel .home-clock-card {
  position: relative;
  padding: 14px 18px !important;
  border: 1px solid #6b8469 !important;
  border-left: 1px solid #6b8469 !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, #1f3028, #16251f) !important;
  box-shadow: 3px 3px 0 var(--px-shadow) !important;
}
.shell .fileshelf .customization-panel .store-wallet::before,
.shell .fileshelf #homePanel .home-clock-card::before {
  content: "";
  position: absolute; inset: 4px;
  border: 1px dashed #7e946f80;
  pointer-events: none;
}
.shell .fileshelf .customization-panel .store-wallet > span,
.shell .fileshelf #homePanel .home-clock-card span,
.shell .fileshelf #homePanel .home-clock-card small {
  color: var(--px-muted) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
}
.shell .fileshelf .customization-panel .store-wallet strong.store-money,
.shell .fileshelf #homePanel .home-clock-card strong {
  color: var(--px-gold) !important;
  font-family: "Keel Mono", "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(22px * var(--text-scale, 1)) !important;
  text-shadow: 2px 2px 0 #0a120f !important;
}

.shell .fileshelf .customization-panel .store-back-button.home-action {
  min-height: 62px !important;
  border-radius: 0 !important;
}
.shell .fileshelf .customization-panel .store-back-button b {
  font-size: calc(14px * var(--text-scale, 1)) !important;
  font-weight: 700 !important;
}
.shell .fileshelf .customization-panel .store-back-button > i {
  font-size: calc(20px * var(--text-scale, 1)) !important;
  color: var(--px-gold) !important;
}
.shell .fileshelf .customization-panel .store-camera {
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.shell .fileshelf .customization-panel .store-camera > .eyebrow {
  color: var(--px-gold-dim) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(9px * var(--text-scale, 1)) !important;
  letter-spacing: .08em !important;
}
.shell .fileshelf .customization-panel .store-camera > button.active { outline: 2px solid var(--px-gold) !important; outline-offset: -7px; }
.shell .fileshelf .customization-panel .salon-locks { gap: 9px !important; }
.shell .fileshelf .customization-panel .salon-lock {
  border: 1px solid #4f6754 !important;
  border-left: 1px solid #4f6754 !important;
  border-radius: 0 !important;
  background: #1a2a22 !important;
  box-shadow: 3px 3px 0 var(--px-shadow) !important;
  padding: 12px 14px !important;
}
.shell .fileshelf .customization-panel .salon-lock.open {
  border: 1px solid var(--px-gold) !important;
  border-left: 1px solid var(--px-gold) !important;
  background: #28382a !important;
  box-shadow: inset 0 0 0 3px #101b18, inset 0 0 0 4px #a99c62, 3px 3px 0 var(--px-shadow) !important;
}
.shell .fileshelf .customization-panel .salon-lock b { font-size: calc(12px * var(--text-scale, 1)) !important; color: #ece5c8 !important; }
.shell .fileshelf .customization-panel .salon-lock small { color: var(--px-muted) !important; font-size: calc(10px * var(--text-scale, 1)) !important; }
.shell .fileshelf .customization-panel .lock-note {
  border-left: 0 !important;
  padding: 8px 12px !important;
  border: 1px dashed #4f6754 !important;
  border-radius: 0 !important;
  background: #16241dc9 !important;
  color: var(--px-muted) !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
  line-height: 1.7;
}
.shell .fileshelf .customization-panel .lock-note strong { color: var(--px-gold) !important; }

.shell .fileshelf .customization-panel .store-options { gap: 11px !important; }
.shell .fileshelf .customization-panel .shop-item {
  counter-increment: pxrow;
  position: relative;
  min-height: 72px;
  padding: 9px 12px 9px 14px !important;
  border: 1px solid #526b57 !important;
  border-left: 1px solid #526b57 !important;
  border-radius: 0 !important;
  background: #1d2e26 !important;
  box-shadow:
    inset 0 0 0 3px #101b18,
    inset 0 0 0 4px #3d5646,
    3px 3px 0 var(--px-shadow) !important;
  transition: background 100ms steps(2, end), border-color 100ms steps(2, end) !important;
}
.shell .fileshelf .customization-panel .shop-item::before {
  content: counter(pxrow, decimal-leading-zero);
  position: absolute; top: 3px; right: 7px;
  font: 8px "Keel Pixel", monospace;
  color: #7f9a83;
  opacity: .7;
  letter-spacing: .05em;
  pointer-events: none;
}
.shell .fileshelf .customization-panel .shop-item:hover,
.shell .fileshelf .customization-panel .shop-item.previewing {
  border-color: #9fb886 !important;
  background: #26392c !important;
}
.shell .fileshelf .customization-panel .shop-item.equipped {
  border: 1px solid var(--px-gold) !important;
  border-left: 1px solid var(--px-gold) !important;
  background: #2a3a29 !important;
  box-shadow:
    inset 0 0 0 3px #101b18,
    inset 0 0 0 4px #a99c62,
    3px 3px 0 var(--px-shadow) !important;
}
.shell .fileshelf .customization-panel .shop-item.equipped::before { content: counter(pxrow, decimal-leading-zero) " \25A0"; color: var(--px-gold); opacity: 1; }
.shell .fileshelf .customization-panel .shop-preview-button {
  gap: 12px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 2px 4px !important;
  color: var(--px-ink) !important;
}
.shell .fileshelf .customization-panel .shop-preview-button > span:first-child {
  width: 42px !important; height: 42px !important; min-width: 42px !important;
  border: 1px solid #6a7d63 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 3px #101b18, inset 0 0 0 4px #4b6351, 2px 2px 0 var(--px-shadow) !important;
  background-clip: padding-box;
}
.shell .fileshelf .customization-panel .shop-item.equipped .shop-preview-button > span:first-child {
  border-color: var(--px-gold) !important;
  box-shadow: inset 0 0 0 3px #101b18, inset 0 0 0 4px #a99c62, 2px 2px 0 var(--px-shadow) !important;
}
.shell .fileshelf .customization-panel .shop-preview-button b {
  color: #f0ead3 !important;
  font-size: calc(13px * var(--text-scale, 1)) !important;
  font-weight: 700 !important;
}
.shell .fileshelf .customization-panel .shop-preview-button small {
  color: var(--px-muted) !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
  line-height: 1.6;
}
.shell .fileshelf .customization-panel .shop-buy-button { border-radius: 0 !important; }
.shell .fileshelf .customization-panel .store-options::after {
  content: "";
  display: block; justify-self: center;
  width: 120px; height: 10px;
  margin: 6px auto 0;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2710%27%20viewBox%3D%270%200%20120%2010%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M0%204h44M76%204h44%27%20stroke%3D%27%237d967f%27%20stroke-width%3D%271%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M52%201h6v6h-6z%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%271%27%2F%3E%20%3Cpath%20d%3D%27M55%203h1v2h-1z%27%20fill%3D%27%23dfd486%27%2F%3E%20%3Cpath%20d%3D%27M46%202h2v4h-2zM72%202h2v4h-2z%27%20fill%3D%27%237d967f%27%20opacity%3D%27.55%27%2F%3E%20%3C%2Fsvg%3E") no-repeat center / contain;
  opacity: .8;
  pointer-events: none;
  border-radius: 0 !important;
}
.shell .fileshelf .customization-panel .store-footer-note {
  border-top: 1px dashed #4f6754 !important;
  border-left: 0 !important;
  padding-top: 12px !important;
  color: var(--px-muted) !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
}

.modal.customization-modal .custom-card.equipped {
  border: 1px solid var(--px-gold) !important;
  border-left: 1px solid var(--px-gold) !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 0 var(--px-shadow) !important;
}

.shell .fileshelf #homePanel .home-action,
.shell .fileshelf #homePanel .home-action-secondary {
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 var(--px-shadow) !important;
}
.shell .fileshelf #homePanel .home-action:not(.home-action-secondary) {
  min-height: 66px !important;

  border-color: #cdbd7b !important;
  background: transparent !important;
  --pixel-idle: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20normal%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23d2bc74%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23c0ad68%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b09e5c%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V43H43V46H6V44H2V41H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V42H41V44H7V42H4V39H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%233a3720%22%2F%3E%20%3Cpath%20d%3D%22M7%2041H41V43H7Z%22%20fill%3D%22%23b6a459%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V37H39V39H8V37H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V38H39V40H8V38H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%23e0cb8a%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2037H10V35H12V38H14V37H35V36H37V38H39V37H42%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%236b6136%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%233a3720%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%239a8a55%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-hover: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20hover%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2383764a%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23776b3e%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236c6238%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V43H43V46H6V44H2V41H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V42H41V44H7V42H4V39H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%234d4829%22%2F%3E%20%3Cpath%20d%3D%22M7%2041H41V43H7Z%22%20fill%3D%22%237e7243%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V37H39V39H8V37H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V38H39V40H8V38H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%23ecda99%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2037H10V35H12V38H14V37H35V36H37V38H39V37H42%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%23575032%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%23a29460%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%234d4829%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%23a29460%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-pressed: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20shape-rendering%3D%22crispEdges%22%3E%20%3Ctitle%3Epanel%20worn%20pixel%20plate%20%E2%80%94%20pressed%3C%2Ftitle%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22face%22%20x1%3D%220%22%20y1%3D%225%22%20x2%3D%220%22%20y2%3D%2239%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%23d2bc74%22%2F%3E%20%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23c0ad68%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b09e5c%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cpath%20d%3D%22M6%200H8V1H10V3H12V1H34V0H42V2H45V5H48V16H47V18H48V38H46V41H43V44H6V42H2V39H0V31H1V29H0V7H2V4H4V2H6Z%22%20fill%3D%22%232a2a18%22%2F%3E%20%3Cpath%20d%3D%22M7%202H8V3H10V5H12V3H35V2H41V4H44V7H46V16H45V18H46V37H44V40H41V42H7V40H4V37H2V31H3V29H2V8H4V5H7Z%22%20fill%3D%22%233a3720%22%2F%3E%20%3Cpath%20d%3D%22M7%2039H41V41H7Z%22%20fill%3D%22%23b6a459%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V4H34V3H40V5H42V8H44V16H43V19H44V34H42V38H39V40H8V38H5V34H4V31H5V29H4V10H6V7H8Z%22%20fill%3D%22url%28%23face%29%22%2F%3E%20%3Cpath%20d%3D%22M8%204V5H10V7H13V5H34V4H40V6H42V9H44V16H43V19H45V34H43V39H39V41H8V39H5V34H4V31H5V29H4V11H6V8H8Z%22%20fill%3D%22none%22%20stroke%3D%22%236b6136%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M8%206V7H10V9H13V7H34V6H39%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M7%2038H10V36H12V39H14V38H35V37H37V39H39V38H42%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M5%2012H8V11H10V13H8V15H5ZM39%208H41V10H43V12H40V11H38V9H39ZM5%2033H7V35H10V37H12V39H8V37H6V35H5ZM40%2029H42V31H40V33H38V32H37V30H40Z%22%20fill%3D%22%236b6136%22%2F%3E%20%3Cpath%20d%3D%22M5%2015H8V14H10M38%2012H41V13H43M7%2037H9V39H12M37%2033H39V34H41%22%20fill%3D%22none%22%20stroke%3D%22%239a8a55%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M43%205H41V7H40V9H38M4%2025H5V27H7V29H8V32%22%20fill%3D%22none%22%20stroke%3D%22%233a3720%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20d%3D%22M9%2020h1v2H9ZM38%2020h1v1h-1ZM8%2029h1v1H8ZM40%2025h1v2h-1Z%22%20fill%3D%22%239a8a55%22%20opacity%3D%22.5%22%2F%3E%20%3C%2Fsvg%3E") !important;
  --pixel-wear-top: none !important;
  --pixel-wear-bottom: none !important;
  --pixel-ink: #2f2c19 !important;
  --pixel-letter-shadow: #f2e6ae !important;
  --pixel-focus: #fff3bd !important;
}

.shell .fileshelf #homePanel .home-action-secondary {
  min-height: 64px !important;
  border-color: #58705b !important;
  background: #21332a !important;
}
.shell .fileshelf #homePanel .home-action-secondary:hover:not(:disabled) { border-color: var(--px-gold) !important; background: #2a4033 !important; }
.shell .fileshelf #homePanel .home-action-icon,
.shell .fileshelf #restaurantPanel .restaurant-action-icon {
  width: 38px !important; height: 38px !important; min-width: 38px !important;
  border: 1px solid #b6a368 !important;
  border-radius: 0 !important;
  background: #17261f !important;
  box-shadow: inset 0 0 0 3px #17261f, inset 0 0 0 4px #6e7c58, 2px 2px 0 var(--px-shadow) !important;
  color: var(--px-gold) !important;
  font-size: calc(19px * var(--text-scale, 1)) !important;
}
.shell .fileshelf #homePanel .home-action:not(.home-action-secondary) .home-action-icon {
  border-color: #7a6c3d !important;
  background: #2a3524 !important;
  color: #3c3a20 !important;
}
.shell .fileshelf #homePanel .home-action b,
.shell .fileshelf #restaurantPanel .restaurant-action b { font-size: calc(14px * var(--text-scale, 1)) !important; font-weight: 700 !important; }
.shell .fileshelf #homePanel .home-action small,
.shell .fileshelf #restaurantPanel .restaurant-action small { font-size: calc(10px * var(--text-scale, 1)) !important; line-height: 1.6; }
.shell .fileshelf #homePanel .home-choice-list,
.shell .fileshelf #homePanel .home-salon-grid { gap: 12px !important; }
.shell .fileshelf #homePanel .home-customization-status {
  border: 1px dashed #58705b !important;
  border-left: 1px dashed #58705b !important;
  border-radius: 0 !important;
  background: #16241d !important;
  color: var(--px-muted) !important;
  padding: 9px 12px !important;
}
.shell .fileshelf #homePanel .home-future-note,
.shell .fileshelf #restaurantPanel .restaurant-note {
  position: relative;
  margin: auto 0 0 !important;
  padding: 18px 2px 0 !important;
  border-top: 0 !important;
  color: #93a897 !important;
}
.shell .fileshelf #homePanel .home-future-note::before,
.shell .fileshelf #restaurantPanel .restaurant-note::before {
  content: "";
  position: absolute; top: 5px; left: 0; right: 0; height: 1px;
  background: var(--px-step);
  opacity: .7;
}
.shell .fileshelf #homePanel::after {
  content: "";
  display: block; justify-self: center;
  width: 120px; height: 10px; margin: 0 auto;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27120%27%20height%3D%2710%27%20viewBox%3D%270%200%20120%2010%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M0%204h44M76%204h44%27%20stroke%3D%27%237d967f%27%20stroke-width%3D%271%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M52%201h6v6h-6z%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%271%27%2F%3E%20%3Cpath%20d%3D%27M55%203h1v2h-1z%27%20fill%3D%27%23dfd486%27%2F%3E%20%3Cpath%20d%3D%27M46%202h2v4h-2zM72%202h2v4h-2z%27%20fill%3D%27%237d967f%27%20opacity%3D%27.55%27%2F%3E%20%3C%2Fsvg%3E") no-repeat center / contain;
  opacity: .8; pointer-events: none;
}

.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action)::before,
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action)::after {
  display: none !important;
}
.shell .fileshelf #restaurantPanel .restaurant-choice-list { gap: 13px !important; }
.shell .fileshelf #restaurantPanel .restaurant-question-grid { gap: 9px !important; }
.shell .fileshelf #restaurantPanel .restaurant-question,
.shell .fileshelf #restaurantPanel .restaurant-action,
.shell .fileshelf #restaurantPanel .restaurant-outcome,
.shell .fileshelf #restaurantPanel .restaurant-toast-prompt,
.shell .fileshelf #restaurantPanel .restaurant-progress {
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 var(--px-shadow) !important;
}
.shell .fileshelf #restaurantPanel .restaurant-question {
  min-height: 66px !important;
  border: 1px solid #526b57 !important;
  border-left: 1px solid #526b57 !important;
  background: #1f3028 !important;
}
.shell .fileshelf #restaurantPanel .restaurant-question:hover:not(:disabled) { border-color: var(--px-gold) !important; background: #2a4033 !important; }
.shell .fileshelf #restaurantPanel .restaurant-question.asked { background: #16241d !important; border-color: #3f5645 !important; color: #8fa493 !important; }
.shell .fileshelf #restaurantPanel .restaurant-action {
  min-height: 76px !important;
  border: 1px solid #6a8364 !important;
  border-left: 1px solid #6a8364 !important;
  background: #26382c !important;
}
.shell .fileshelf #restaurantPanel .restaurant-action:hover:not(:disabled) { border-color: var(--px-gold) !important; }
.shell .fileshelf #restaurantPanel .restaurant-action.coworker-drink { border-color: #71907a !important; background: #2b4033 !important; }
.shell .fileshelf #restaurantPanel .restaurant-action.drink,
.shell .fileshelf #restaurantPanel .restaurant-action.outcome { border-color: #8a9363 !important; background: #333e2a !important; }
.shell .fileshelf #restaurantPanel .restaurant-progress {
  border: 1px solid #4f6754 !important;
  border-left: 1px solid #4f6754 !important;
  background: #16251e !important;
  padding: 11px 14px !important;
}
.shell .fileshelf #restaurantPanel .restaurant-progress strong {
  color: var(--px-gold) !important;
  font-family: "Keel Mono", "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(15px * var(--text-scale, 1)) !important;
}
.shell .fileshelf #restaurantPanel .restaurant-toast-prompt {
  border: 1px solid #8a987c !important;
  border-left: 1px solid #8a987c !important;
  background: #2a3d30 !important;
}
.shell .fileshelf #restaurantPanel .restaurant-outcome {
  border: 1px solid #6f825f !important;
  border-left: 1px solid #6f825f !important;
  background: #22352a !important;
}
.shell .fileshelf #restaurantPanel .restaurant-toast-buttons button {
  border-radius: 0 !important;
  min-height: 44px !important;
  border-color: #cdbd7b !important;
  --pixel-ink: #2b2c1c !important;
}
.shell .fileshelf #restaurantPanel .restaurant-toast-buttons button + button { border-color: #58705b !important; --pixel-ink: #eeead5 !important; }

.shell .fileshelf .queue-panel { position: relative; margin-top: 22px !important; padding-top: 18px !important; }
.shell .fileshelf .queue-panel::before {
  content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 1px;
  background: var(--px-step); opacity: .7;
}
.shell .fileshelf .queue-title { color: var(--px-gold) !important; font-weight: 600; }
.shell .fileshelf .queue-title small { color: var(--px-muted) !important; font-family: "Keel Pixel", Thai, Tahoma, monospace !important; }
.shell .fileshelf .queue-people { gap: 8px !important; }
.shell .fileshelf .queue-person {
  height: 48px !important;
  border: 1px solid #4b6351 !important;
  border-radius: 0 !important;
  background: #1c2c23 !important;
  color: #9db4a1 !important;
  box-shadow: 2px 2px 0 var(--px-shadow) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
}
.shell .fileshelf .queue-person.current {
  border: 1px solid var(--px-gold) !important;
  border-left: 1px solid var(--px-gold) !important;
  background: #2c3a29 !important;
  color: var(--px-gold) !important;
}
.shell .fileshelf .queue-person.secret { border-color: #a89255 !important; color: #e7d48a !important; }
.shell .fileshelf .queue-person.coworker { border-color: #72577e !important; background: #2b2430 !important; }
.shell .fileshelf .feed { border-top: 0 !important; margin-top: 22px !important; padding-top: 16px !important; position: relative; }
.shell .fileshelf .feed::before {
  content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 1px;
  background: var(--px-step); opacity: .6;
}
.shell .fileshelf .feed .eyebrow { color: var(--px-gold-dim) !important; font-family: "Keel Pixel", Thai, Tahoma, monospace !important; letter-spacing: .08em !important; }
.shell .fileshelf .feed-line {
  border: 1px dashed #3f5645 !important;
  border-left: 1px dashed #3f5645 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  background: #16241db3 !important;
  color: var(--px-muted) !important;
}
.shell .fileshelf .discipline-card {
  border: 1px solid #6b5c43 !important;
  border-left: 1px solid #6b5c43 !important;
  border-radius: 0 !important;
  background: #2a2419 !important;
  box-shadow: 3px 3px 0 var(--px-shadow) !important;
  padding: 14px 16px !important;
}
.shell .fileshelf #casebookBtn {
  min-height: 40px !important;
  border-radius: 0 !important;
  border-color: #a48a5d !important;
  --pixel-ink: #2f2c19 !important;
  font-size: calc(11px * var(--text-scale, 1)) !important;
}

.shell.park-mode .fileshelf #parkPanel {
  border: 1px solid #6d8569 !important;
  border-left: 1px solid #6d8569 !important;
  border-radius: 0 !important;
  padding: 18px 16px !important;
  gap: 10px !important;
  background:
    var(--px-scan),
    radial-gradient(100% 30% at 100% 0%, #dfd4860b, transparent 70%),
    linear-gradient(180deg, #17261f, #101b18) !important;
  box-shadow:
    inset 0 0 0 3px #101b18,
    inset 0 0 0 4px #3f5a48 !important;
  scrollbar-color: #56735f transparent;
}
.shell.park-mode .fileshelf #parkPanel > .eyebrow {
  position: relative;
  display: block;
  padding: 0 0 14px !important;
  color: var(--px-gold) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
  letter-spacing: .08em !important;
  text-transform: none !important;
  flex: none;
}
.shell.park-mode .fileshelf #parkPanel > .eyebrow::before {
  content: "";
  display: inline-block;
  width: 7px; height: 7px;
  margin-right: 8px;
  background: var(--px-gold);
  box-shadow: 0 0 0 2px #101b18, 0 0 0 3px #6e7c58;
  image-rendering: pixelated;
}
.shell.park-mode .fileshelf #parkPanel > .eyebrow::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 5px; height: 1px;
  background: var(--px-step);
  opacity: .8;
}

.shell.park-mode #parkPanel #parkSheet {
  position: relative;
  transform: none !important;
  border: 1px solid #9a8f68 !important;
  border-left: 1px solid #9a8f68 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 var(--px-shadow) !important;
  padding: 20px 16px 16px !important;
  gap: 6px !important;
  color: #3c3a2a !important;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274%27%20height%3D%274%27%20viewBox%3D%270%200%204%204%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M0%200h1v1H0zM2%202h1v1H2z%27%20fill%3D%27%23dfd486%27%20opacity%3D%27.55%27%2F%3E%20%3Cpath%20d%3D%27M2%200h1v1H2zM0%202h1v1H0z%27%20fill%3D%27%23000000%27%20opacity%3D%27.35%27%2F%3E%20%3C%2Fsvg%3E") repeat-x left top / 4px 6px,
    repeating-linear-gradient(0deg, transparent 0 23px, #635c3710 23px 24px),
    linear-gradient(#f6f0d6, #e9e0bf) !important;
}
.shell.park-mode #parkPanel #parkSheet::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 6px;
  border-bottom: 1px solid #c3b48a;
  pointer-events: none;
}
.shell.park-mode #parkPanel #parkSheet::after {
  content: "";
  position: absolute; bottom: 6px; right: 6px;
  width: 16px; height: 16px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%239a8f68%27%20stroke-width%3D%272%27%20opacity%3D%27.8%27%2F%3E%20%3C%2Fsvg%3E") no-repeat center / contain;
  transform: rotate(180deg);
  opacity: .7;
  image-rendering: pixelated;
  pointer-events: none;
}
.shell.park-mode #parkPanel #parkSheet > div:first-child {
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  letter-spacing: .08em !important;
  color: #8c8259 !important;
}
.shell.park-mode #parkPanel #parkSheet h3 {
  margin: 4px 0 8px !important;
  padding: 0 0 9px !important;
  border-bottom: 2px solid #3c3a2a !important;
  color: #33302a !important;
  font-size: calc(18px * var(--text-scale, 1)) !important;
  font-weight: 700 !important;
  line-height: 1.4;
}
.shell.park-mode #parkPanel #parkModeLabel::before {
  content: "\25A0";
  margin-right: 7px;
  color: #8c8259;
  font: 8px "Keel Pixel", monospace;
  vertical-align: 1px;
}
.shell.park-mode #parkPanel #parkModeLabel {
  font-family: Thai, Tahoma, sans-serif !important;
  letter-spacing: normal !important;
}
.shell.park-mode #parkPanel #parkSheet #parkPanelTitle {
  font-weight: 700 !important;
}

.shell.park-mode #parkPanel #parkSheet button {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding: 11px 8px 11px 32px !important;
  border: 0 !important;
  border-bottom: 1px dashed #a89f7f !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #3c3a2a !important;
  font-family: Thai, Tahoma, sans-serif !important;
  cursor: pointer;
  transition: background 100ms steps(2, end) !important;
}
.shell.park-mode #parkPanel #parkSheet button::before {
  content: "";
  position: absolute; left: 5px; top: 14px;
  width: 11px; height: 11px;
  border: 2px solid #8c8259;
  background: #f6f0d6;
  box-shadow: 2px 2px 0 #cdbf90;
  image-rendering: pixelated;
}
.shell.park-mode #parkPanel #parkSheet button:hover:not(:disabled) {
  background: #eadfb8 !important;
  box-shadow: inset 0 0 0 2px #c9b46a, 3px 3px 0 #cdbf90 !important;
}
.shell.park-mode #parkPanel #parkSheet button:hover:not(:disabled)::before {
  background: #8c8259;
}
.shell.park-mode #parkPanel #parkSheet button:disabled {
  opacity: .45 !important;
  cursor: not-allowed;
}
.shell.park-mode #parkPanel #parkSheet button:focus-visible {
  outline: 2px solid #8c8259 !important;
  outline-offset: 2px !important;
}
.shell.park-mode #parkPanel #parkSheet button b {
  font-size: calc(13px * var(--text-scale, 1)) !important;
  font-weight: 700 !important;
  color: #33302a !important;
}
.shell.park-mode #parkPanel #parkSheet button small {
  display: block;
  color: #6d765d !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
  font-weight: 600 !important;
  line-height: 1.6;
}

.shell.park-mode #parkPanel #parkHelpBox {
  border: 1px dashed #b3836f !important;
  border-left: 1px dashed #b3836f !important;
  border-radius: 0 !important;
  background: #f2e4c8 !important;
  box-shadow: 3px 3px 0 #cdbf90 !important;
  padding: 8px 10px 10px !important;
  margin: 4px 0 10px !important;
}
.shell.park-mode #parkPanel #parkHelpBox > div:first-child::before {
  content: "\25A0";
  margin-right: 7px;
  color: #a95042;
  font: 8px "Keel Pixel", monospace;
}
.shell.park-mode #parkPanel #parkHelpBox button {
  border-bottom-color: #b3836f !important;
}
.shell.park-mode #parkPanel #parkFooterNote {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px dashed #b5aa84 !important;
  color: #8c8259 !important;
  font-family: Thai, Tahoma, sans-serif !important;
  font-size: calc(9px * var(--text-scale, 1)) !important;
  line-height: 1.9 !important;
}

.shell.park-mode .dialogue {
  position: relative;
  border: 1px solid #6d8569 !important;
  border-left: 1px solid #6d8569 !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  background:
    var(--px-scan),
    linear-gradient(180deg, #17261f, #111d19) !important;
  box-shadow: 3px 3px 0 var(--px-shadow) !important;
  color: var(--px-ink) !important;
  scrollbar-color: #56735f transparent;
}
.shell.park-mode .dialogue::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 6px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274%27%20height%3D%274%27%20viewBox%3D%270%200%204%204%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M0%200h1v1H0zM2%202h1v1H2z%27%20fill%3D%27%23dfd486%27%20opacity%3D%27.55%27%2F%3E%20%3Cpath%20d%3D%27M2%200h1v1H2zM0%202h1v1H0z%27%20fill%3D%27%23000000%27%20opacity%3D%27.35%27%2F%3E%20%3C%2Fsvg%3E") repeat-x left top / 4px 6px;
  border-bottom: 1px solid #3f5a48;
  pointer-events: none;
}
.shell.park-mode .dialogue .speaker {
  position: sticky;
  top: -16px;
  display: block;
  margin: 0 0 10px !important;
  padding: 6px 0 8px !important;
  border-bottom: 1px dashed #4f6754 !important;
  background: #17261f !important;
  color: var(--px-gold) !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
  font-size: calc(10px * var(--text-scale, 1)) !important;
  letter-spacing: .04em !important;
}
.shell.park-mode .dialogue .speaker::before {
  content: "\25A0";
  margin-right: 8px;
  color: var(--px-green);
  font: 8px "Keel Pixel", monospace;
  vertical-align: 1px;
}
.shell.park-mode .dialogue .quote {
  margin: 0 !important;
  color: #efe9d2 !important;
  font-family: Thai, Tahoma, sans-serif !important;
  font-size: calc(16px * var(--text-scale, 1)) !important;
  line-height: 1.95 !important;
  white-space: pre-line;
}

@media (prefers-reduced-motion: reduce) {
  .shell.park-mode #parkPanel #parkSheet button { transition: none !important; }
}

.shell.park-mode .interview {
  justify-content: center;
  gap: 12px;
}
.shell.park-mode .room-frame {
  flex: 0 1 auto;
  width: 100%;
  aspect-ratio: 480 / 264;
  max-height: 100%;
  padding: 9px;
  border: 1px solid #7b8f68;
  border-radius: 0;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%274%27%20height%3D%274%27%20viewBox%3D%270%200%204%204%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M0%200h1v1H0zM2%202h1v1H2z%27%20fill%3D%27%23dfd486%27%20opacity%3D%27.55%27%2F%3E%20%3Cpath%20d%3D%27M2%200h1v1H2zM0%202h1v1H0z%27%20fill%3D%27%23000000%27%20opacity%3D%27.35%27%2F%3E%20%3C%2Fsvg%3E") repeat-x left top / 4px 8px,
    var(--px-scan),
    linear-gradient(180deg, #1a2a22, #0f1a16);
  box-shadow:
    inset 0 0 0 3px #101b18,
    inset 0 0 0 4px #3f5a48,
    4px 4px 0 var(--px-shadow);
}
.shell.park-mode .room-frame:before {
  content: "";
  position: absolute;
  inset: 3px;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%272%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M5%2015V6h8%27%20fill%3D%27none%27%20stroke%3D%27%23a6bc89%27%20stroke-width%3D%271%27%20opacity%3D%27.5%27%2F%3E%20%3C%2Fsvg%3E") no-repeat left top / 16px 16px,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%272%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M5%2015V6h8%27%20fill%3D%27none%27%20stroke%3D%27%23a6bc89%27%20stroke-width%3D%271%27%20opacity%3D%27.5%27%2F%3E%20%3C%2Fsvg%3E") no-repeat right top / 16px 16px,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%272%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M5%2015V6h8%27%20fill%3D%27none%27%20stroke%3D%27%23a6bc89%27%20stroke-width%3D%271%27%20opacity%3D%27.5%27%2F%3E%20%3C%2Fsvg%3E") no-repeat left bottom / 16px 16px,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20shape-rendering%3D%27crispEdges%27%3E%20%3Cpath%20d%3D%27M2%2015V3h12%27%20fill%3D%27none%27%20stroke%3D%27%23dfd486%27%20stroke-width%3D%272%27%20opacity%3D%27.75%27%2F%3E%20%3Cpath%20d%3D%27M5%2015V6h8%27%20fill%3D%27none%27%20stroke%3D%27%23a6bc89%27%20stroke-width%3D%271%27%20opacity%3D%27.5%27%2F%3E%20%3C%2Fsvg%3E") no-repeat right bottom / 16px 16px;
  opacity: .55;
  z-index: 2;
}
.shell.park-mode .room-frame:after {
  background: repeating-linear-gradient(
    0deg,
    transparent 0 3px,
    #00000010 3px 4px
  );
  z-index: 3;
}
.shell.park-mode .room-frame #scene {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  border: 1px solid #8b9b6d;
  border-radius: 0;
  box-shadow: 3px 3px 0 #0a120f;
  image-rendering: pixelated;
}
.shell.park-mode .room-hud {
  left: auto;
  right: 16px;
  top: 16px;
  z-index: 4;
}
.shell.park-mode .room-hud .hud-chip {
  border-radius: 0 !important;
  border: 1px solid #7b8f68 !important;
  background: #101b18d9 !important;
  box-shadow: 2px 2px 0 #0a120f !important;
  font-family: "Keel Pixel", Thai, Tahoma, monospace !important;
}

@media (max-width: 900px) {
  .shell.park-mode .room-frame { padding: 6px; }
}

@media (max-width: 720px) {
  .shell .fileshelf :is(.customization-panel, #homePanel, #restaurantPanel, .pane) { padding-left: 14px; padding-right: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .shell .fileshelf .customization-panel .shop-item { transition: none !important; }
}

.nb-head::before {
  content: none !important;
  display: none !important;
}

.shell .fileshelf .customization-panel .store-status,
.shell .fileshelf .customization-panel .store-wallet,
.shell .fileshelf .customization-panel .shop-item {
  border-radius: 12px !important;
}
.shell .fileshelf .customization-panel .store-status::before,
.shell .fileshelf .customization-panel .store-status::after {
  content: none !important;
}
.shell .fileshelf .customization-panel .store-wallet::before {
  border-radius: 9px;
}
.shell .fileshelf .customization-panel .store-status .home-status-icon,
.shell .fileshelf .customization-panel .store-status .home-status-icon .game-icon {
  border-radius: 10px !important;
}
.shell .fileshelf .customization-panel :is(.custom-card-swatch, .hair-swatch, .accessory-swatch),
.custom-card-swatch,
.hair-swatch,
.accessory-swatch {
  border-radius: 50% !important;
  aspect-ratio: 1;
  transform: none !important;
}
.shell .fileshelf .customization-panel .shop-item .shop-preview-button > span:first-child {
  border-radius: 50% !important;
}
.shell .fileshelf #homePanel .home-status,
.shell .fileshelf #homePanel .home-clock-card {
  border-radius: 12px !important;
}
.shell .fileshelf #homePanel .home-status::before,
.shell .fileshelf #homePanel .home-status::after {
  content: none !important;
}
.shell .fileshelf #homePanel .home-clock-card::before {
  border-radius: 9px;
}
.shell .fileshelf #homePanel .home-status-icon {
  border-radius: 10px !important;
}
.shell .fileshelf .customization-panel .store-back-button.home-action.no-icon {
  grid-template-columns: minmax(0, 1fr) 24px !important;
}
#homeSummary {
  display: none !important;
}
.modal.pause-modal .modal-actions button {
  justify-content: center !important;
  justify-items: center !important;
  text-align: center !important;
}

.shell .fileshelf :is(#restaurantPanel, #deliveryPanel, #wakePanel, #wakePanel .wake-composure-paper),
.shell.park-mode .fileshelf #parkPanel {
  --pixel-idle: url("../assets/ui/buttons/slate-normal.svg");
  --pixel-hover: url("../assets/ui/buttons/slate-hover.svg");
  --pixel-pressed: url("../assets/ui/buttons/slate-pressed.svg");
  --pixel-ink: #e6e8dd;
  --pixel-letter-shadow: #122122;
}
.shell .fileshelf #restaurantPanel > .pane-head,
.shell .fileshelf #restaurantPanel .restaurant-status,
.shell .fileshelf #restaurantQuestionArea > .eyebrow,
.shell .fileshelf #restaurantPanel .restaurant-progress,
.shell .fileshelf #restaurantNote,
.shell .fileshelf #parkPanel > .eyebrow,
.shell .fileshelf #parkSheet > div:first-child,
.shell .fileshelf #parkSheet > h3,
.shell .fileshelf #parkSheet > div:has(#parkModeLabel),
.shell .fileshelf #parkHelpBox > div:first-child,
.shell .fileshelf #parkFooterNote,
.shell .fileshelf #deliveryPanel > .eyebrow,
.shell .fileshelf #deliveryRadar,
.shell .fileshelf #deliveryPanel > div:has(#deliveryRouteFill),
.shell .fileshelf #deliverySheet > div:first-child,
.shell .fileshelf #deliverySheet > h3,
.shell .fileshelf #deliverySheet > div:nth-of-type(2),
.shell .fileshelf #deliverySheet > div:has(#deliveryPips),
.shell .fileshelf #deliverySheet > div:last-child,
.shell .fileshelf #deliverySheet > div:nth-last-child(2):not([data-deliver]),
.shell .fileshelf #deliveryPanel > .test-disclaimer,
.shell .fileshelf #wakePanel > .eyebrow,
.shell .fileshelf .wake-composure-paper > :not(#wakeNextBtn),
.shell .fileshelf #homePanel:has(#fishGuide) > * {
  display: none !important;
}
.shell .fileshelf #homePanel:has(#fishGuide)::before,
.shell .fileshelf #homePanel:has(#fishGuide)::after {
  content: none !important;
  display: none !important;
}
.shell.park-mode .fileshelf #parkPanel #parkSheet,
.shell .fileshelf #deliveryPanel #deliverySheet,
.shell .fileshelf #wakePanel .wake-composure-paper {
  gap: 12px !important;
  padding: 0 !important;
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
.shell.park-mode .fileshelf #parkPanel #parkSheet::before,
.shell.park-mode .fileshelf #parkPanel #parkSheet::after,
.shell .fileshelf #wakePanel .wake-composure-paper::before,
.shell .fileshelf #wakePanel .wake-composure-paper::after {
  content: none !important;
}
.shell.park-mode .fileshelf #parkPanel,
.shell .fileshelf #deliveryPanel,
.shell .fileshelf #wakePanel {
  background: #18241f !important;
}
.shell .fileshelf #restaurantPanel .restaurant-choice-list,
.shell .fileshelf #restaurantQuestionArea,
.shell .fileshelf #restaurantPanel .restaurant-question-grid {
  display: flex !important;
  flex-direction: column;
  gap: 12px !important;
}
.shell .fileshelf #parkHelpBox {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.shell .fileshelf #parkHelpBox[style*="block"] {
  display: flex !important;
  flex-direction: column;
  gap: 12px;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button),
.shell.park-mode .fileshelf #parkPanel #parkSheet button,
.shell .fileshelf #deliveryPanel [data-deliver],
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px !important;
  row-gap: 2px !important;
  width: 100% !important;
  min-height: 66px;
  margin: 0 !important;
  padding: 13px 18px 17px !important;
  color: var(--pixel-ink) !important;
  font-family: inherit !important;
  text-align: left !important;
  background: transparent !important;
  border: 3px solid transparent !important;
  border-image-source: var(--pixel-idle) !important;
  border-image-slice: 14 fill !important;
  border-image-width: 14px !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  outline: 0;
  transform: none !important;
  text-shadow: 0 1px 0 var(--pixel-letter-shadow) !important;
  cursor: pointer;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button) *,
.shell.park-mode .fileshelf #parkPanel #parkSheet button *,
.shell .fileshelf #deliveryPanel [data-deliver] *,
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn * {
  color: inherit !important;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button) > :is(b, small),
.shell.park-mode .fileshelf #parkPanel #parkSheet button > :is(b, small),
.shell .fileshelf #deliveryPanel [data-deliver] > :is(b, small),
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn > :is(b, small) {
  display: block !important;
  grid-column: 1;
  margin: 0 !important;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button) b,
.shell.park-mode .fileshelf #parkPanel #parkSheet button b,
.shell .fileshelf #deliveryPanel [data-deliver] b,
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn b {
  font-size: calc(14px * var(--text-scale, 1)) !important;
  font-weight: 700 !important;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button) small,
.shell.park-mode .fileshelf #parkPanel #parkSheet button small,
.shell .fileshelf #deliveryPanel [data-deliver] small,
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn small {
  font-size: calc(11px * var(--text-scale, 1)) !important;
  opacity: 0.75;
}
.shell .fileshelf #restaurantPanel .restaurant-action {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.shell .fileshelf #deliveryPanel [data-deliver] {
  grid-template-columns: auto auto minmax(0, 1fr) auto;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button)::before,
.shell.park-mode .fileshelf #parkPanel #parkSheet button::before,
.shell .fileshelf #deliveryPanel [data-deliver]::before,
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn::before {
  content: none !important;
}
.shell .fileshelf #restaurantPanel .restaurant-question::after,
.shell.park-mode .fileshelf #parkPanel #parkSheet button::after {
  content: "→" !important;
  grid-column: 2;
  grid-row: 1 / span 2;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  font-size: 18px;
  color: var(--pixel-ink);
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button):hover:not(:disabled),
.shell.park-mode .fileshelf #parkPanel #parkSheet button:hover:not(:disabled),
.shell .fileshelf #deliveryPanel [data-deliver]:hover:not(:disabled),
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn:hover:not(:disabled) {
  border-image-source: var(--pixel-hover) !important;
  background: transparent !important;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button):active:not(:disabled),
.shell.park-mode .fileshelf #parkPanel #parkSheet button:active:not(:disabled),
.shell .fileshelf #deliveryPanel [data-deliver]:active:not(:disabled),
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn:active:not(:disabled) {
  border-image-source: var(--pixel-pressed) !important;
  transform: translateY(2px) !important;
}
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button):disabled,
.shell.park-mode .fileshelf #parkPanel #parkSheet button:disabled,
.shell .fileshelf #deliveryPanel [data-deliver]:disabled,
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn {
  grid-template-columns: 1fr;
  text-align: center !important;
}
.shell .fileshelf #restaurantPanel .restaurant-action::after,
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn::after,
.shell .fileshelf #deliveryPanel [data-deliver]::after {
  content: none !important;
}
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn {
  outline: 0 !important;
}
.shell .fileshelf #wakePanel .wake-composure-paper #wakeNextBtn:focus-visible {
  outline: 2px solid var(--pixel-ink) !important;
  outline-offset: 3px !important;
}
.shell .fileshelf #restaurantToastPrompt > :not(.restaurant-toast-buttons),
.shell .fileshelf #restaurantOutcome > :not(button) {
  display: none !important;
}
.shell .fileshelf #restaurantToastPrompt,
.shell .fileshelf #restaurantOutcome {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.shell .fileshelf #restaurantToastPrompt:not(.hidden),
.shell .fileshelf #restaurantOutcome:not(.hidden),
.shell .fileshelf #restaurantPanel .restaurant-toast-buttons {
  display: flex !important;
  flex-direction: column;
  gap: 12px !important;
}
.shell .fileshelf #restaurantPanel .restaurant-toast-buttons button {
  min-height: 56px;
}
.shell .fileshelf :is(#restaurantPanel, #deliveryPanel, #wakePanel) :is(.hidden, [hidden]),
.shell .fileshelf #restaurantPanel .restaurant-choice-list.hidden,
.shell .fileshelf #restaurantPanel #restaurantQuestionArea.hidden,
.shell .fileshelf #restaurantPanel :is(.restaurant-question, .restaurant-action, .restaurant-toast-buttons button):is(.hidden, [hidden]),
.shell.park-mode .fileshelf #parkPanel #parkSheet :is(.hidden, [hidden]),
.shell.park-mode .fileshelf #parkPanel #parkSheet button:is(.hidden, [hidden]) {
  display: none !important;
}