/* Only the top-level window is gold. Supporting surfaces use distinct raster materials. */
:root{--group-frame:url('assets/ui-frame-group-1029.webp');--value-frame:url('assets/ui-frame-value-1029.webp')}
html body :is(.room-experience,.palace-sheet,#modal,.map-replay) *{border-color:transparent!important;outline-color:transparent!important}
html body :focus-visible{outline:2px solid #d9e1e7!important;outline-offset:2px}
/* The title's full-screen start target must never draw a screen-sized focus box. */
html body #title-enter,html body #title-enter:focus,html body #title-enter:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
html body #title-enter:focus-visible .title-enter-prompt{text-decoration:underline;text-underline-offset:5px}
html body :is(.room-register,.dossier-hero,.dossier-skill,.choice-report,.detail-data-card,.faction-detail-grid article,.retainer-report-identity,.mobile-conquest-receipt,.battle-force-side,.register-path,.register-person,.guide-recommendation,.candidate-skills){
 border-image-source:var(--group-frame)!important;border-image-slice:180!important;border-image-width:8px!important;border-image-outset:0!important;border-image-repeat:stretch!important;border-radius:0!important;box-shadow:none!important;
}
html body :is(.growth-graph,.retainer-ability-change,.report-rewards>div,.annual-reward-grid>div,.retainer-report-skills>div,.forecast-gain,.forecast-fixed,.experience-gain,.dossier-stats>div,.hall-stat,.candidate-stat,.guide-requirements>div,.register-mastery){
 border:2px solid transparent!important;border-image:var(--value-frame) 180 / 6px / 0 stretch!important;border-radius:0!important;outline:none!important;box-shadow:none!important;
}
html body :is(.growth-graph,.report-rewards>div,.annual-reward-grid>div,.retainer-ability-change)::before{content:none!important;display:none!important}
html body .growth-graph header strong::before{outline:0!important;border:0!important;box-shadow:none!important;transform:none!important;background:#102132!important}
html body :is(.person-detail-tabs,.guide-goal-tabs,.palace-subnav,.palace-utility,.choice-subtabs) button{border-image-source:var(--value-frame)!important;box-shadow:none!important}
html body :is(.growth-graph-track,.retainer-ability-track){border:0!important;outline:0!important;box-shadow:none!important}
html body .room-experience.is-room-result .palace-card-deck.palace-card-deck{border:0!important;border-image:none!important;outline:0!important;box-shadow:none!important}
html body .room-experience.is-room-result .room-action-report.room-action-report,
html body .room-experience.is-room-result .palace-result-body.palace-result-body{border:0!important;border-image:none!important;border-image-source:none!important;outline:0!important;box-shadow:none!important}
html body .room-action-report .report-growth-graphs>.growth-graph.growth-graph,
html body .room-action-report .report-rewards.report-rewards>div,
html body .room-action-report .retainer-report-skills>div,
html body .room-action-report .retainer-ability-change.retainer-ability-change,
html body .annual-reward-grid.annual-reward-grid>div{border:2px solid transparent!important;border-image:var(--value-frame) 180 / 6px / 0 stretch!important;outline:none!important;box-shadow:none!important}
/* The desk owns the only result frame; the report is its unframed content. */
html body .palace-stage.is-room-result .room-action-report.room-action-report,
html body .palace-stage.is-room-result .room-annual-report.room-annual-report,
html body .palace-stage.is-room-result .palace-result-body,
html body .palace-stage.is-room-result .palace-card-deck{
 border:0!important;border-image:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;
}
/* Remove legacy inset bevels and exterior shade rectangles from UI surfaces. */
html body .palace-stage,html body .palace-stage *,
html body .palace-sheet,html body .palace-sheet *,
html body #modal,html body #modal *{
 box-shadow:none!important;
}
html body .palace-stage *::before,html body .palace-stage *::after,
html body .palace-sheet *::before,html body .palace-sheet *::after,
html body #modal *::before,html body #modal *::after{box-shadow:none!important}
html body .palace-stage.is-room-result .palace-desk{
 background:transparent!important;border-radius:0!important;outline:none!important;
}
html body .palace-stage.is-room-result .palace-desk::before,
html body .palace-stage.is-room-result .palace-desk::after{content:none!important;display:none!important}
/* Match the modal-strength material rules as well as ordinary stage rules. */
html body :is(#modal,.palace-stage) .room-action-report.room-action-report,
html body :is(#modal,.palace-stage) .room-annual-report.room-annual-report{
 border:0!important;border-image:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;
}
html body :is(#modal,.palace-stage,.palace-sheet),
html body :is(#modal,.palace-stage,.palace-sheet) *{box-shadow:none!important}
/* No separate shaded mat between the raster frame and its content. */
html body :is(#modal,.palace-stage) .palace-result-body.palace-result-body,
html body :is(#modal,.palace-stage) .palace-card-deck.has-compact-report{
 background:none!important;
}
html body :is(#modal,.palace-stage,.palace-sheet) :is(.palace-sheet-body,.person-detail-content,.palace-inline-deck){box-shadow:none!important;outline:none!important;border-radius:0!important}
html body :is(#modal,.palace-stage,.palace-sheet) *::before,
html body :is(#modal,.palace-stage,.palace-sheet) *::after{box-shadow:none!important}
/* Framed windows have one continuous surface, without an inset rounded rectangle. */
html body :is(#modal,.palace-sheet,.room-register,.room-action-report,.room-annual-report,.retainer-decision,.hall-card,.setup-panel,.character-creation-card){background-clip:border-box!important;border-radius:0!important;box-shadow:none!important}
/* A framed window uses its own continuous raster interior, not a second color mat. */
html body :is(#modal,.palace-sheet,.palace-desk:has(.room-action-report),.palace-desk:has(.room-annual-report)){
 border-image-slice:180 fill!important;background-color:transparent!important;background-image:none!important;
}
html body :is(#modal,.palace-sheet) :is(#modal-content,.palace-sheet-body,.modal-copy,.person-detail-section,.character-details,.person-compact){background:transparent!important}
/* Plain explanatory sections and text links are not additional windows. */
html body :is(#modal,.palace-sheet) :is(.text-button,.trait-identity,.birth-identity,.origin-trait,.trait-identity details,.trait-identity summary,.specialty-badges .empty-specialty){
 border:0!important;border-image:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;
}
html body .palace-sheet[data-content="person"] .person-detail-section{gap:14px!important;padding:8px 6px 14px!important}
html body .palace-sheet[data-content="person"] :is(.birth-identity,.trait-identity,.origin-trait){padding:10px 12px!important}
html body .palace-sheet[data-content="person"] .birth-identity{gap:7px!important}
html body :is(#modal,.palace-sheet) .text-button{width:auto!important;min-height:32px;padding:7px 10px!important;text-align:left!important;align-self:flex-start}
html body .palace-sheet[data-content="person"] .trait-identity details{margin:10px 0 14px!important;padding:0!important}
html body .palace-sheet[data-content="person"] .trait-identity summary{padding:8px 10px!important;min-height:32px;box-sizing:border-box}
html body .palace-sheet[data-content="person"] .trait-identity details>p{margin:4px 0 10px!important;padding:8px 12px!important;font-size:13px!important;line-height:1.8!important}
html body :is(#modal,.palace-sheet) :is(.modal-copy,.detail-data-card,.trait-card,.dossier-skill,.origin-trait) p{margin-block:10px!important;line-height:1.75!important}
html body #modal-content>p{margin-block:14px!important;line-height:1.75!important}
html body #modal .crew-field{gap:12px;margin-block:10px;min-width:0}
html body #modal .retainer-card{border:0!important;border-image:none!important;background:transparent!important;padding:12px 4px!important;margin-top:14px!important}
html body #modal .crew-field select{background:#102137!important;padding:10px 12px;min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:700px){
 html body .palace-sheet[data-content="person"] .person-detail-section{gap:8px!important;padding:6px 2px 12px!important}
 html body .palace-sheet[data-content="person"] :is(.birth-identity,.trait-identity,.origin-trait){padding:8px 10px!important}
}