/* Palworld 05 — companion dossier. Loaded through the namespace skin link. */
html:root {
  --p05-text: #e6f1f2;
  --p05-muted: #a9bfc5;
  --p05-cyan: #16c9ee;
  --p05-border: rgba(170, 201, 208, .28);
  --p05-panel: rgba(8, 20, 27, .83);
  --p05-row: rgba(4, 12, 18, .62);
  color-scheme: dark;
  color: var(--p05-text) !important;
  background: #23363e !important;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif !important;
}
html body {
  min-height: 100vh;
  color: var(--p05-text) !important;
  background-color: #23363e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1100'%3E%3Cpath fill='%23040f16' fill-opacity='.34' d='M0 0H395L1010 1100H0Z'/%3E%3Cpath fill='%23b1cbd0' fill-opacity='.035' d='M1080 0H1490L824 1100H431Z'/%3E%3Cpath fill='%23061119' fill-opacity='.25' d='M1455 0H1600V1100H786Z'/%3E%3Cg fill='none' stroke='%23b0dce3' stroke-opacity='.075' stroke-width='1'%3E%3Cpath d='M1000 820l140-240 165 288h295M986 850l154-265 170 295h290M1041 899l99-169 107 184h353'/%3E%3Cpath d='M995 836h92m223 44h290m-210 17h210'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  line-height: 1.6 !important;
}
html body :is(a, button, input, select, textarea) { transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s; }
html body a { color: #c2e8ee !important; }
html body a:hover { color: #fff !important; }
html body :is(h1, h2, h3, h4, strong) { color: var(--p05-text) !important; }
html body :is(.categories-page, .entry-page, .create-page, .pages-page) { padding-top: 34px !important; padding-bottom: 64px !important; }
html body :is(.entry-page, .create-page) { max-width: 1180px !important; }
html body :is(.categories-page, .pages-page) { max-width: 1480px !important; }

/* The menu layer uses a narrow top rule; controls retain their real roles. */
html body .top-navigation {
  color: var(--p05-text) !important;
  background: rgba(5, 16, 23, .94) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(22, 201, 238, .48) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .25) !important;
}
html body .navigation-bar { min-height: 76px !important; }
html body .brand-symbol { stroke: var(--p05-cyan) !important; }
html body .brand-caption { color: #91b3bf !important; font-size: 10px !important; letter-spacing: .2em !important; }
html body .site-caption strong { font-size: 19px !important; letter-spacing: .03em; }
html body button.navigation-control {
  color: #c6e5ea !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body button.navigation-control:hover,
html body button.navigation-control[aria-expanded="true"] { border-color: #5593a4 !important; background: rgba(24, 117, 148, .44) !important; color: #fff !important; }
html body .language-control { color: #bcd6dd !important; }
html body .language-panel button { border: 0 !important; border-left: 2px solid transparent !important; border-radius: 0 !important; background: rgba(1, 9, 15, .37) !important; box-shadow: none !important; }
html body .language-panel button:hover,
html body .language-panel button[aria-pressed="true"] { color: #fff !important; border-left-color: var(--p05-cyan) !important; background: #116b8b !important; }
html body .user-info { border-color: var(--p05-border) !important; color: var(--p05-muted) !important; }
html body .user-avatar { color: #c6e6ed !important; background: #324a55 !important; border-radius: 0 !important; }
html body :is(.site-panel, .category-panel) { border-radius: 0 !important; border: 1px solid #7299a5 !important; background: #132731 !important; box-shadow: 0 16px 45px #0009 !important; }
html body :is(.panel-heading, .empty-categories) { color: var(--p05-muted) !important; }
html body :is(.site-panel a, .category-grid a) { border-radius: 0 !important; border-left: 2px solid transparent !important; background: rgba(1, 9, 15, .37) !important; }
html body :is(.site-panel a, .category-grid a):hover,
html body :is(.site-panel a, .category-grid a)[aria-current] { color: #fff !important; border-left-color: var(--p05-cyan) !important; background: #116b8b !important; }
html body .selected-mark { color: #54e0ff !important; }
html body .category-heading { border-bottom-color: #63818c !important; }

/* Shared page title: broad planes belong to this large surface only. */
html body :is(.page-header, .entry-header, .page-heading) {
  position: relative;
  padding: 22px 24px !important;
  margin-bottom: 22px !important;
  border: 1px solid rgba(175, 205, 213, .28) !important;
  border-left: 3px solid #a5dae5 !important;
  background-color: rgba(53, 73, 82, .78) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 180'%3E%3Cpath fill='%2396bac7' fill-opacity='.07' d='M405 0H570L460 180H296Z'/%3E%3Cpath fill='%23081520' fill-opacity='.23' d='M567 0H600V180H460Z'/%3E%3Cpath fill='%2396bac7' fill-opacity='.035' d='M295 0H345L456 180H404Z'/%3E%3C/svg%3E") !important;
  background-position: right center !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat !important;
}
html body :is(.page-header, .entry-header, .page-heading) h1 { font-weight: 500 !important; font-size: 34px !important; letter-spacing: .04em; }
html body .entry-header {
  display: block !important;
  padding: 0 !important;
}
html body .entry-header > div:first-child { display: contents; }
html body .entry-header h1 { margin: 0 !important; padding: 5px 10px; }
html body .entry-header p { margin: 0 0 0 24px !important; }
html body :is(.eyebrow, .pw-eyebrow, .entry-navigation, .page-navigation, .back-link) { color: #a1d7e3 !important; }
html body :is(.entry-header p, .table-heading, .friendship-points, .page-heading p) { color: var(--p05-muted) !important; }
html body :is(.table-heading, .entry-navigation, .page-navigation) { font-variant-numeric: tabular-nums; }
html body .table-heading { padding: 7px 12px !important; background: rgba(153, 181, 190, .18) !important; border-bottom: 1px solid #779ca54d; }

/* Transparent action rectangles; fill strength corresponds to action strength. */
html body :is(button, .primary-link, .entry-action-link, .pagination-link) {
  border-radius: 0 !important;
  border: 1px solid rgba(190, 220, 225, .46) !important;
  background: rgba(5, 14, 20, .62) !important;
  color: #d1e9ee !important;
  box-shadow: inset 1px 1px rgba(226, 249, 250, .18), inset -1px -1px rgba(226, 249, 250, .12) !important;
  text-decoration: none !important;
}
html body :is(button, .primary-link, .entry-action-link, .pagination-link):hover { color: #fff !important; background: #284653 !important; border-color: #92d3e1 !important; }
html body :is(button[type="submit"], .primary-button) { background: #0878a1 !important; border-color: #30b6d8 !important; color: #fff !important; }
html body :is(button[type="submit"], .primary-button):hover { background: #0a94be !important; }
html body :is(button:disabled, .pagination-link.disabled) { color: #84989f !important; border-color: #52666e !important; background: rgba(7, 17, 22, .4) !important; box-shadow: none !important; opacity: .65 !important; }
html body :is(.danger-button, .remove-button, .row-actions button, .entry-form-link button, .delete-source-button) { color: #f0a3a2 !important; border-color: #946269 !important; }
html body :is(.text-button, .close-button) { color: #afdee9 !important; }
html body :focus-visible {
  outline: 2px solid #39d9ff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 1px #062c39, 0 0 16px #1cb7dd40 !important;
}

html body .map-tabs {
  min-height: 46px;
  border-bottom: 1px solid var(--p05-border);
}
html body .map-tabs [role="tab"] {
  position: relative;
  box-sizing: border-box;
  min-width: 112px;
  margin: 0 0 -1px;
  padding: 10px 24px;
  border: 1px solid transparent !important;
  border-top-width: 2px !important;
  color: var(--p05-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit;
  cursor: pointer;
}
html body .map-tabs [role="tab"]:hover {
  color: var(--p05-text) !important;
  background: var(--p05-row) !important;
}
html body .map-tabs [role="tab"][aria-selected="true"] {
  border-color: var(--p05-border) !important;
  border-top-color: var(--p05-cyan) !important;
  border-bottom-color: #0b1218 !important;
  color: var(--p05-text) !important;
  background: #0b1218 !important;
}
html body .map-tab-panel > .map-module {
  border-top: 0;
  border-color: var(--p05-border);
  border-radius: 0;
}

/* Homepage entries use the same material as stat rows. */
html body .category-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 9px 15px !important; }
html body .category-list a { min-height: 68px; padding: 18px 20px !important; border: 0 !important; border-left: 2px solid #7998a35e !important; border-radius: 0 !important; background: var(--p05-row) !important; font-weight: 500 !important; }
html body .category-list a span { color: #77cadb !important; }
html body .category-list a:hover { border-left-color: #31d9fa !important; background: #164052 !important; box-shadow: inset 0 -1px #20c3e17d; }

/* Object preview, name/description and ordinary sections remain separate. */
html body :is(.pal-content, .pw-content) { gap: 16px !important; }
html body :is(.pal-entry, .palworld-entry) { color: var(--p05-text) !important; }
html body :is(.pal-hero, .pal-overview, .pw-hero, .detail-section, .pw-section, .summary-grid, .entry-form-card, .form-card, .pw-state, .entry-state, .entry-status, .table-status, .page-status) {
  border: 1px solid var(--p05-border) !important;
  border-radius: 0 !important;
  color: var(--p05-text) !important;
  background: var(--p05-panel) !important;
  box-shadow: none !important;
}
html body :is(.pal-hero, .pal-overview, .pw-hero) { background: rgba(46, 65, 75, .85) !important; border-top-color: #a8cad36b !important; }
html body .pal-hero { grid-template-columns: 160px minmax(0, 1fr) !important; }
html body :is(.pal-hero h2, .pw-hero h2) { color: #effafc !important; font-weight: 500 !important; }
html body .pal-basic-values { border-color: var(--p05-border) !important; }
html body .pal-overview :is(.overview-meta dt, .base-values th) { color: var(--p05-muted) !important; }
html body .pal-overview :is(.overview-meta dd, .base-values td) { color: #d2f1f6 !important; }
html body .pal-overview :is(.base-values, .base-values th, .base-values td) { border-color: var(--p05-border) !important; }
html body .pal-overview .base-values th { background: rgba(139, 166, 174, .23) !important; }
html body .pal-overview .base-values td { background: var(--p05-row) !important; }
html body :is(.pal-image, .pw-image, .skin-grid img, .pw-skin img) {
  width: 160px !important;
  min-height: 160px !important;
  height: 160px !important;
  border: 1px solid #99b8c267 !important;
  border-radius: 0 !important;
  background-color: #3b4b55 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23d6ebef' fill-opacity='.045' d='M0 0H200L0 200Z'/%3E%3Cg fill='none' stroke='%23c6e5eb' stroke-opacity='.13'%3E%3Cpath d='M-32 175L88 20l120 155M-23 185L88 40l106 137H230M0 177h56m116 0h28'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: cover !important;
  box-shadow: inset 2px 2px #d8f6fb3b, inset -2px -2px #d8f6fb3b !important;
}
html body :is(.description, .partner-description, .pw-description, .pw-prose) { color: #c3d3d8 !important; }
html body :is(.badge-list span, .pw-badges span, .pw-badge) {
  border: 0 !important;
  border-left: 1px solid #a2c1ca !important;
  border-right: 1px solid #a2c1ca !important;
  border-radius: 0 !important;
  color: #cbeaf1 !important;
  background: rgba(4, 14, 21, .67) !important;
  font-weight: 500 !important;
  padding: 3px 10px !important;
}
html body :is(.detail-section, .pw-section) { padding: 18px !important; }
html body :is(.detail-section > h3, .pw-section > h3, .entry-form-card > h2, .form-card > h2) {
  padding: 5px 10px !important;
  margin: -18px -18px 16px !important;
  color: #deeff3 !important;
  background: rgba(151, 177, 184, .25) !important;
  border-bottom: 1px solid rgba(191, 212, 217, .26) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: .04em;
}
html body :is(.entry-form-card > h2, .form-card > h2) { margin: -24px -24px 16px !important; }
html body .pal-entry .current-stats-section { padding: 0 !important; }
html body .pal-entry .current-stats-section > h3 { margin: 0 !important; }
html body .pal-entry .work-suitability-section { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 0; padding: 0 !important; }
html body .pal-entry .work-suitability-section > h3 { margin: 0 !important; }
html body .pal-entry .work-icons { height: auto; padding: 0 18px; }
html body :is(.partner-section h3, .pw-subsection h4, .predator-section h4) { color: #d5edf2 !important; }
html body .partner-section .eyebrow { padding-left: 8px; border-left: 2px solid #9cdae6; }
html body :is(.summary-grid, .value-grid, .work-grid, .pw-summary) { gap: 6px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
html body :is(.summary-grid > div, .value-grid > div, .work-grid > div, .pw-summary > div, .pw-card, .skin-grid article) {
  min-width: 0;
  border: 0 !important;
  border-left: 2px solid rgba(164, 199, 209, .33) !important;
  border-radius: 0 !important;
  background: var(--p05-row) !important;
  padding: 13px 16px !important;
}
html body :is(.summary-grid dt, .value-grid dt, .work-grid dt, .calculated-table th, .pw-summary dt) { color: var(--p05-muted) !important; font-weight: 400 !important; }
html body :is(.summary-grid dd, .value-grid dd, .work-grid dd, .calculated-table td, .pw-summary dd) { color: #d2f1f6 !important; font-variant-numeric: tabular-nums; }
html body .calculated-table :is(th, td) { border-color: #26373f !important; }
html body .partner-row { border-color: var(--p05-border) !important; }
html body .partner-row strong { color: #b9dce4 !important; }
html body :is(.partner-row span, .relation-list span, .pw-list small, .pw-muted, .pw-card p, .skin-grid span) { color: var(--p05-muted) !important; }
html body :is(.relation-list a, .relation-list .relation-item, .pw-list > li, .pw-list > a, .pw-list > div) { border: 0 !important; border-left: 2px solid rgba(164, 199, 209, .33) !important; border-radius: 0 !important; background: var(--p05-row) !important; color: #c4e5ed !important; }
html body :is(.relation-list a, .pw-list > a):hover { background: #153d4b !important; border-left-color: var(--p05-cyan) !important; }
html body :is(.pw-card a, .pw-list a, .pw-table a) { color: #b1e7f2 !important; }

/* Readable tables: the scroll container owns horizontal overflow. */
html body :is(.table-scroll, .page-table-wrap, .pw-table-wrap) { border-radius: 0 !important; border-color: var(--p05-border) !important; background: rgba(20, 37, 46, .8) !important; }
html body :is(.table-scroll table, .page-table, .pw-table) { border-collapse: separate !important; border-spacing: 0 4px !important; color: var(--p05-text) !important; }
html body .table-scroll thead { color: #c4d9df !important; background: transparent !important; }
html body :is(.table-scroll th, .page-table th, .pw-table th) { border: 0 !important; color: #c4d9df !important; background: rgba(139, 166, 174, .23) !important; }
html body :is(.table-scroll thead th, .page-table thead th, .pw-table thead th) { font-weight: 500 !important; font-size: 13px !important; }
html body :is(.table-scroll td, .page-table td, .pw-table td, .table-scroll tbody th) { border: 0 !important; color: #d1e0e4 !important; background: var(--p05-row) !important; }
html body .table-scroll td { padding: 13px 16px !important; }
html body .table-scroll tbody th { border-left: 2px solid #8ea6ae59 !important; }
html body :is(.table-scroll, .page-table, .pw-table) tbody tr:hover > :is(th, td) { background: #164151 !important; }
html body .table-pagination { background: rgba(64, 86, 96, .37) !important; color: #aec7d0 !important; padding: 14px !important; }
html body :is(.table-state, .entry-state, .pw-state, .entry-status) { color: var(--p05-muted) !important; }
html body :is(.table-error, .entry-error, .pw-error, .form-error, .row-error, .save-error, .binding-error, .error-state) { color: #f4a9a7 !important; }

/* Fields borrow the setting row material, with a dedicated focus surface. */
html body :is(input:not([type="checkbox"]):not([type="range"]), select, textarea) {
  min-width: 0 !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  border-color: #6e929e !important;
  color: #e0edf1 !important;
  background: rgba(3, 14, 21, .74) !important;
  font: inherit;
}
html body :is(input:not([type="checkbox"]):not([type="range"]), select, textarea):focus { border-color: #5ee1fb !important; background-color: #102e3b !important; }
html body input[type="checkbox"] { accent-color: #15b8dd !important; }
html body input[type="range"] { accent-color: #b4eff6 !important; }
html body .map-search-control input {
  height: 32px;
  padding: 5px 8px;
  border: 1px solid var(--p05-border) !important;
  box-shadow: none !important;
}
html body .page-filters {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 32px !important;
  margin: 0;
  padding: 24px 12px;
  border: 1px solid var(--p05-border) !important;
}
html body .filter-options-row { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; }
html body .work-filters-row { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; padding: 4px 0; }
html body .work-filters-row .integer-filter { flex: 0 0 auto; }
html body .filter-control {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
}
html body .filter-control .filter-label { white-space: nowrap; }
html body .filter-control :is(.enum-options, .element-options) { display: flex; flex-wrap: wrap; gap: 4px; }
html body .filter-control .element-options { flex-wrap: nowrap; gap: 1px; min-width: 0; overflow-x: auto; }
html body .filter-control :is(.enum-option, .element-option) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 1px 6px !important;
  border: 1px solid var(--p05-border) !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit;
}
html body .filter-control .element-option { width: 32px; padding: 1px !important; }
html body .element-option img { display: block; }
html body .integer-filter input {
  position: relative;
  box-sizing: border-box;
  width: 44px !important;
  height: 32px;
  padding: 2px 4px;
  border: 1px solid var(--p05-border) !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
html body .integer-filter input:focus { outline: none !important; }
html body .integer-filter input::-webkit-inner-spin-button {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 12px;
  height: auto;
  margin: 0;
}
html body .filter-control :is(.enum-option, .element-option).selected {
  border-bottom-color: var(--p05-cyan) !important;
}
html body :is(.calculator-controls label, .entry-form-field, .category-form label, .rename-form label, .public-edit-level-form label, .entry-form-link label, .field-heading, .setup-name) { color: #b7d0d8 !important; }
html body :is(fieldset, .calculator-controls .toggle-control, .property-definition-row) { border-radius: 0 !important; border-color: var(--p05-border) !important; }
html body legend { color: #c4e0e7 !important; }
html body .entry-form-properties { gap: 12px !important; }
html body .entry-form-properties .entry-form-field { padding: 12px; background: var(--p05-row); border-top: 1px solid #829eaa40; }
html body .entry-form-properties .entry-form-field > span { min-height: 2.9em; line-height: 1.45; font-size: 13px; font-weight: 400; }
html body .entry-form-card { margin-top: 18px !important; }

/* Workbench keeps the existing panels and interactions. */
html body .workbench-page { color: var(--p05-text) !important; background: transparent !important; }
html body .workbench { border-radius: 0 !important; border-color: var(--p05-border) !important; background: var(--p05-panel) !important; box-shadow: none !important; }
html body :is(.module-panel, .settings-panel, .data-source-modal, .data-source-manager, .data-source-list-heading, .data-source-list-footer, .editor-footer) { color: var(--p05-text) !important; background: #172c35 !important; border-color: var(--p05-border) !important; border-radius: 0 !important; }
html body :is(.canvas-panel, .column-numbers) { color: #8fb6c4 !important; background: #233943 !important; }
html body :is(.canvas-heading, .workbench .panel-heading, .modal-heading) { background: #3b535d !important; border-color: #83a1ad70 !important; }
html body :is(.workbench .panel-heading p, .canvas-heading p, .module-choice small, .empty-settings, .empty-canvas, .module-count, .settings-section label, .binding-card code, .binding-card p small, .data-source-list-item span, .data-source-list-item small, .bound-hint) { color: var(--p05-muted) !important; }
html body :is(.step, .module-icon, .empty-canvas span, .order-priority) { color: #c6eff6 !important; border-radius: 0 !important; border-color: #6e949f !important; background: #325762 !important; }
html body :is(.module-choice, .binding-card, .data-source-list-item, .preview-result li) { border-radius: 0 !important; color: var(--p05-text) !important; background: var(--p05-row) !important; border-color: var(--p05-border) !important; }
html body .module-choice:hover { background: #164356 !important; border-color: #17bbdf !important; }
html body .add-icon { color: #6adff0 !important; }
html body .canvas-grid { border-radius: 0 !important; border-color: #86adb74d !important; background-color: #102a35 !important; background-image: linear-gradient(to right, #b3d5e512 1px, transparent 1px) !important; }
html body .canvas-module.selected .module-preview { outline-color: #31d9f2 !important; }
html body :is(.settings-section, .editor-tabs, .filter-section, .editor-footer) { border-color: var(--p05-border) !important; }
html body :is(.binding-card p, .settings-section output, .fixed-source-label, .editor-content label, .preview-result > p) { color: #b0d5e0 !important; }
html body :is(.editor-tabs button.active, .segmented-control button.active) { background: #096b8d !important; color: #fff !important; border-color: #25c1e0 !important; }
html body .modal-backdrop { background: #020b10bf !important; }

@media (max-width: 900px) {
  html body .category-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .workbench { display: block !important; }
  html body :is(.module-panel, .settings-panel) { border: 0 !important; }
  html body .module-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  html body :is(.categories-page, .entry-page, .create-page, .pages-page, .workbench-page) { padding: 22px 14px 44px !important; }
  html body .navigation-bar { padding: 12px 14px !important; gap: 8px 12px !important; }
  html body :is(.page-header, .entry-header, .page-heading) { flex-direction: column !important; align-items: stretch !important; padding: 17px 15px !important; gap: 15px !important; }
  html body .entry-header { padding: 0 !important; }
  html body .entry-header p { margin-left: 15px !important; }
  html body :is(.page-header, .entry-header, .page-heading) h1 { font-size: 27px !important; }
  html body :is(.header-actions, .page-actions) { flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; }
  html body :is(.primary-link, .entry-action-link, .header-actions button) { padding: 8px 13px !important; font-size: 14px !important; }
  html body .category-list { gap: 7px !important; }
  html body .category-list a { min-height: 67px; padding: 14px 12px !important; font-size: 14px; }
  html body :is(.pal-hero, .pw-hero) { grid-template-columns: 1fr !important; gap: 16px !important; padding: 17px !important; }
  html body :is(.pal-image, .pw-image, .skin-grid img, .pw-skin img) { width: 128px !important; height: 128px !important; min-height: 128px !important; }
  html body :is(.detail-section, .pw-section, .entry-form-card, .form-card) { padding: 14px !important; }
  html body :is(.detail-section > h3, .pw-section > h3, .entry-form-card > h2, .form-card > h2) { margin: -14px -14px 16px !important; }
  html body .pal-entry .work-icons { padding-inline: 14px; }
  html body .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body :is(.calculator-controls label, .entry-form-properties) { min-width: 0 !important; }
  html body .calculator-controls label { flex: 1 1 125px; }
  html body .entry-form-properties { grid-template-columns: 1fr !important; }
  html body .entry-form-properties .entry-form-field > span { min-height: auto; }
  html body .table-scroll table { min-width: 760px; }
  html body .pw-table { min-width: 570px; }
  html body .page-table { min-width: 720px; }
  html body .table-heading { font-size: 12px !important; gap: 8px !important; }
  html body .page-actions { align-items: stretch !important; }
  html body .save-form { width: 100%; flex-wrap: wrap; }
  html body .save-form input { width: 100% !important; }
  html body .module-list { grid-template-columns: 1fr !important; }
  html body .canvas-heading { flex-wrap: wrap; padding-inline: 14px !important; }
  html body .canvas-scroll { padding-inline: 12px !important; }
  html body .canvas-grid { min-width: 600px; }
}
@media (prefers-reduced-motion: reduce) {
  html body :is(a, button, input, select, textarea) { transition: none; }
}