/* Shared raster materials. Paint inside existing boxes; never enlarge UI tracks. */
:root{--bronze-frame:url('assets/ui-panel-frame-v2.webp');--bronze-plaque:url('assets/ui-metal-plaque-v2.webp');--silk-pennant:url('assets/ui-silk-pennant-v3.webp')}
html body :is(.palace-person,.room-guide,.palace-story,.palace-faction-status,.palace-header,.palace-footer,.palace-sheet,.room-register,.room-action-report,.room-annual-report,.hall-card,.retainer-decision,.register-path,.register-person,.setup-panel,.character-creation-card){
 border-image-source:var(--bronze-frame)!important;border-image-slice:180!important;border-image-width:8px!important;border-image-outset:0!important;border-image-repeat:stretch!important;
}
html body :is(.palace-sheet,.room-action-report,.room-annual-report,.room-register){border-image-width:12px!important}
html body :is(.palace-person,.palace-faction-status){border-image-width:5px!important}
html body :is(.growth-graph,.report-rewards>div,.annual-reward-grid>div,.hall-stat,.candidate-stat,.register-mastery,.report-aftermath,.mobile-conquest-receipt){border-image-source:var(--bronze-frame)!important;border-image-slice:180!important;border-image-width:8px!important;border-image-repeat:stretch!important;border-image-outset:0!important}
html body :is(.growth-graph,.report-rewards>div){box-shadow:inset 0 0 28px #0005,0 5px 12px #0008!important}
html body :is(.palace-subnav button,.palace-utility button,.palace-pages button,.palace-confirm,.palace-year-finish,.palace-header button,.palace-sheet header button,.palace-sheet footer button,.title-screen button:not(#title-enter),.annual-inline-pages button,.report-full,.register-detail button,.hall-tabs button,.hall-filters button,.settings-panel button){
 border-image-source:var(--bronze-frame)!important;border-image-slice:180!important;border-image-width:5px!important;border-image-repeat:stretch!important;
 box-shadow:inset 0 1px 9px #cfb16d22,0 2px 4px #0006;
}
html body .city-plaque{border-color:transparent;background:var(--bronze-plaque) center/100% 100% no-repeat;box-shadow:none;padding:14px 22px;filter:drop-shadow(0 5px 4px #000b)}
html body .city-plaque strong{color:#fff0cf;text-shadow:0 2px 2px #000}
html body .city-experience:not(.is-lobby) .palace-rooms>button{background:var(--bronze-plaque) center/100% 100% no-repeat!important;border-color:transparent!important;box-shadow:none!important}
html body .city-experience .palace-command{background:none!important;filter:drop-shadow(0 8px 5px #0009)}
/* Percent padding resolves against the containing deck, so use container-independent lengths. */
html body .city-experience .palace-command{padding-left:calc(var(--order-width,260px) * .13)!important;padding-right:calc(var(--order-width,260px) * .13)!important;padding-top:calc(var(--order-width,260px) * .17)!important}
html body .city-experience .palace-command:before{inset:0!important;clip-path:none!important;background:var(--silk-pennant) center/100% 100% no-repeat!important;z-index:-1}
html body .city-experience .palace-command:after,html body .city-experience .palace-command>.palace-pennant-frame,html body .city-experience .palace-command>.pennant-tassel{display:none!important}
html body .city-experience .palace-command-art{border:1px solid #d4b87c;box-shadow:0 3px 8px #0009,inset 0 0 0 1px #ffe1a0;overflow:hidden}
html body .city-experience .palace-command>strong{text-shadow:0 2px 3px #000;font-weight:700}
html body .city-experience .palace-command.is-locked:before{filter:saturate(.24) brightness(.8)}
html body .city-experience .city-home{left:10%;top:auto;bottom:9%;width:24%;max-width:340px;height:auto;display:block;transform:none;background:none;border:0;padding:0;box-shadow:none;filter:drop-shadow(0 9px 7px #0005);z-index:3}
.city-home-building{display:block;width:100%;height:auto;pointer-events:none}
.city-home-plaque{position:relative;display:grid;grid-template-columns:24px auto;justify-content:center;align-items:center;column-gap:5px;width:160px;max-width:90%;min-height:56px;margin:-12px auto 0;padding:12px 16px;background:var(--bronze-plaque) center/100% 100% no-repeat;color:#fff0d1}
html body .city-home .city-home-plaque i{grid-row:1/3;font-size:23px}
html body .city-home .city-home-plaque strong{font-size:16px;line-height:1.2}
html body .city-home .city-home-plaque small{font-size:11px;line-height:1.2}
html body .city-home:focus-visible{outline:2px solid #ffda85;outline-offset:3px}
@media(max-width:700px){
 html body .city-plaque{padding:11px 13px}
 html body .city-experience .palace-command{padding-left:20px!important;padding-right:20px!important;padding-top:28px!important}
 html body .city-experience .city-home{left:50%;bottom:7%;width:42%;max-width:210px;transform:translateX(-50%)}
 .city-home-plaque{width:132px;min-height:45px;margin-top:-9px;padding:10px 12px}
 html body .city-home .city-home-plaque strong{font-size:14px}
 html body .city-home .city-home-plaque small{font-size:10px}
 html body .city-home .city-home-plaque i{font-size:19px}
 html body :is(.palace-sheet,.room-action-report,.room-annual-report,.room-register){border-image-width:8px!important}
}
/* Keep writing inside the lacquer and above the pennant's pointed hem. */
html body .city-plaque{padding-top:18px;padding-bottom:20px}
html body .city-experience .palace-command{padding-bottom:44px!important}
html body .city-experience .palace-command:not(.is-locked):after{display:block!important;content:'';position:absolute;inset:10% 12% 16%;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:var(--cloth);mix-blend-mode:color;opacity:.52;z-index:-1;pointer-events:none}
html body .city-experience .city-home{left:43%;bottom:15%;width:20%;max-width:300px}
@media(max-width:700px){html body .city-plaque{padding-top:14px;padding-bottom:17px}html body .city-experience .palace-command{padding-bottom:50px!important}html body .city-experience .city-home{left:50%;bottom:7%;width:42%;max-width:210px}}
html body :is(.character-panel,.person-dossier,.trait-card,.hall-entry,.honor-badge,.prologue-panel,.action-scene-panel,.map-city-sheet,.province-browser,.city-sheet,.career-guide-panel,.retainer-card,.recruitment-card){border-image-source:var(--bronze-frame)!important;border-image-slice:180!important;border-image-width:6px!important;border-image-repeat:stretch!important;border-image-outset:0!important}
html body .city-experience :is(.city-relocation,.city-outside-toggle){border-image-source:var(--bronze-frame)!important;border-image-slice:180!important;border-image-width:8px!important;border-image-repeat:stretch!important}
/* Start, creation and records share the same lacquer and cast-metal material. */
html body :is(.main-menu,.menu-settings-panel,.creation-card,.creation-portrait,.prologue-identity,.game-frame-header){border-image-source:var(--bronze-frame)!important;border-image-slice:180!important;border-image-width:7px!important;border-image-repeat:stretch!important;border-image-outset:0!important}