/* Governor profile: compact parchment layout, scoped away from Original. */
/* Preserve touch areas while removing inherited purchase-card spacing. */

/* The profile is a complete player screen, above the map HUD. */
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell){--governor-frame-clearance:4px;position:fixed;inset:0;height:100dvh;max-height:100dvh;z-index:60}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-heading{min-height:52px;padding:4px 48px;justify-content:center;background:linear-gradient(#194936,#0c3026);border:1px solid #ae8d48}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-heading::before,#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-heading::after{display:none}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) #sheet-title{font-size:25px;line-height:1.15;color:#f1d899;text-align:center}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-navigation{position:absolute;top:3px;left:3px;z-index:7;min-height:44px;padding:0;margin:0}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) #back-sheet{width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;background:none;color:#efd292}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) #back-sheet::before,#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) #back-sheet>span{display:none}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) #close-sheet{position:absolute;right:var(--space);top:2px;width:44px;min-width:44px;height:44px;min-height:44px}
/* The optional tutorial action has its own row below the compact title bar. */
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell):has(>.sheet-navigation>.progression-tutorial-review:not([hidden])) .sheet-heading{margin-bottom:var(--sheet-navigation-height)}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-navigation>.progression-tutorial-review{position:absolute;top:var(--sheet-navigation-height);left:var(--space);width:max-content;max-width:calc(100vw - 64px)}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-content{flex:1;min-height:0;display:block;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;padding:8px 12px 12px;scroll-padding-block:8px 12px}
.governor-profile-compact .governor-character{object-position:center top}
@media(min-width:700px){#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell){inset:18px 18px 18px auto;width:360px;height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}.governor-profile-compact .governor-character{object-position:center top}}

#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-heading{min-height:52px}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) #sheet-kicker{display:none}
#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .governor-crest{display:none}
.governor-profile-shell{--governor-line:#a587555c;width:100%;min-width:0;min-height:0;position:relative}
.governor-profile-shell>#governor-tab-content{min-width:0}
/* The 18px frame overlaps its 14px overhang by 4px inside the sheet. */
#action-sheet[data-view="governor"] #sheet-footer{flex:none;padding:0 var(--governor-frame-clearance) calc(var(--governor-frame-clearance) + env(safe-area-inset-bottom,0px))}
#sheet-footer .governor-profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e9dab6;border:1px solid #a4874e;box-shadow:0 -3px 8px #3a2c1b25}
.governor-profile-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:48px;min-height:48px;padding:6px;border:0;border-right:1px solid #a4874e;background:transparent;color:#4a371d;font:700 17px/1.1 var(--serif)}
.governor-profile-tabs button:last-child{border-right:0}
.governor-profile-tabs button[aria-current="page"]{background:#163c2e;color:#f1d899;box-shadow:inset 0 0 0 1px #c6a25c}
.governor-profile-tabs .icon{width:22px;height:22px;flex:none}
.governor-profile-tabs button:focus-visible,.governor-inline-action:focus-visible{outline:2px solid #a17225;outline-offset:-3px}
.governor-profile-compact{display:grid;gap:14px;margin:0;border:0;background:transparent}
.governor-profile-compact .governor-identity-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:0 4px}
.governor-identity-main{display:contents}
.governor-name-row{grid-column:1/-1;display:flex;align-items:center;gap:4px;min-width:0}
.governor-name-row h3{min-width:0;overflow-wrap:anywhere;font:700 23px/1.15 var(--serif);margin:0}
.governor-inline-action{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:8px;color:#5c4224;background:none;border:0}
.governor-inline-action>.icon{width:20px;height:20px}
.governor-identity-main>p{font:12px/1.35 var(--sans);margin:0;color:#5d4c32}
.governor-rankings-shortcut{min-width:0;min-height:44px;margin:0 3px 0 0;padding:5px 12px;font-size:13px;--button-overhang:-5px}
.governor-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 4px 10px;border-block:1px solid var(--governor-line)}
#action-sheet[data-view="governor"] .governor-profile-compact .governor-power-summary{display:block;min-width:0;margin:0;padding:0 12px 0 0;border:0;border-right:1px solid var(--governor-line);background:none}
.governor-profile-compact .governor-power-summary>div{display:block;min-width:0}
.governor-profile-compact .governor-power-summary>div>span,.governor-summary-label{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;min-height:44px;font:13px/1.2 var(--sans)}
.governor-profile-compact .governor-power-summary>div>span>.icon{width:20px;height:20px;flex:none}
.governor-profile-compact .governor-power-summary strong,.governor-command-summary>strong{display:block;margin:3px 0 0;font:700 25px/1.15 var(--serif);overflow-wrap:anywhere}
.governor-command-summary{min-width:0}
.governor-command-summary>p{margin:4px 0 0;font:12px/1.3 var(--sans);color:#5d4c32}
.governor-summary-label .game-information{flex:none}
.governor-equipment-section{min-width:0}
.governor-equipment-section>h3{margin:0 4px 8px;font:700 20px/1.15 var(--serif);color:var(--antique-ink)}
.governor-profile-compact .governor-stage{height:224px;aspect-ratio:auto;border:1px solid #a8894c;background:#29352d}
.governor-profile-compact .governor-character{object-position:center top}
.governor-profile-compact .governor-slot{width:74px;min-width:60px;max-width:86px}
.governor-profile-compact .governor-slot.gloves,.governor-profile-compact .governor-slot.helmet{top:8px}
.governor-profile-compact .governor-slot.boots,.governor-profile-compact .governor-slot.chest{top:auto;bottom:8px}
.governor-profile-compact .equipment-medallion{width:64px;border:1px solid var(--governor-equipment-metal-border);border-radius:3px;background:var(--governor-equipment-metal-background);box-shadow:var(--governor-equipment-metal-shadow)}
.governor-profile-compact .equipment-medallion::after{display:none}
.governor-profile-compact .equipment-level-badge{left:auto;right:-3px;bottom:-4px;transform:none;min-width:22px;height:21px;font-size:12px;border-width:1px;border-color:#c1a067;background:linear-gradient(#5b442c,#302419);color:#fff0cd;box-shadow:0 1px 3px #17130e80}
.governor-profile-compact .governor-jewel-indicators{margin-top:5px;gap:2px}
.governor-profile-compact .jewel-socket{width:20px;height:20px;border:0;border-radius:0;background:none;box-shadow:none}
.governor-profile-compact .jewel-socket>.jewel-art{width:20px;height:20px}
.governor-profile-compact .governor-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:6px 0;margin:0;border:1px solid var(--governor-line);border-top:0;background:#d3b26c12}
.governor-profile-compact .governor-inventory>div,.governor-supplies-shortcut{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:2px 8px;font:12px/1.3 var(--sans);color:#4b3b21}
.governor-profile-compact .governor-inventory>div{border-right:1px solid var(--governor-line)}
.governor-supplies-shortcut{border:0;background:transparent;cursor:pointer;text-align:left}
.governor-profile-compact .governor-inventory strong{display:inline;margin-left:6px;font:700 17px/1.2 var(--serif)}
.governor-profile-compact .governor-inventory .icon{width:28px;height:28px;flex:none}
.governor-supplies-shortcut>.icon:last-child{width:14px;height:14px}
.governor-profile-shell .game-info-button{min-width:44px;min-height:44px}
.governor-rankings-shortcut:focus-visible,.governor-supplies-shortcut:focus-visible{outline:2px solid #a17225;outline-offset:-3px}
@media(max-width:350px){.governor-profile-compact .equipment-medallion{width:55px}.governor-profile-compact .governor-slot{width:64px;min-width:55px}.governor-overview{gap:8px}.governor-profile-compact .governor-power-summary strong,.governor-command-summary>strong{font-size:22px}.governor-profile-tabs button{gap:4px;font-size:15px}.governor-profile-compact .governor-inventory>div,.governor-supplies-shortcut{font-size:11px;gap:4px;padding-inline:5px}}

.game-modal[data-variant="governor-appearance"] .governor-appearance-option{padding-top:30px;padding-inline:12px}
.game-modal[data-variant="governor-appearance"] .governor-appearance-option>input{top:8px;left:10px}
#governor-inline-appearance{margin:0;padding:0;border:1px solid var(--governor-line);color:#493a20;min-width:0}
#governor-inline-appearance>summary{display:flex;align-items:center;gap:10px;min-height:68px;padding:8px 10px;list-style:none;cursor:pointer}
#governor-inline-appearance>summary::-webkit-details-marker{display:none}
#governor-inline-appearance>summary:focus-visible{outline:2px solid #a17225;outline-offset:-3px}
.governor-appearance-current{position:relative;display:block;flex:none;width:48px;height:48px;overflow:hidden;border:1px solid #a8894c;background:#d8c59f}
.governor-appearance-current>img{position:absolute;top:0;left:50%;width:190%;height:auto;max-width:none;transform:translateX(-50%)}
.governor-appearance-current.is-custom-avatar>img{inset:0;width:100%;height:100%;transform:none;object-fit:cover}
.governor-appearance-summary-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.governor-appearance-summary-copy strong{font:700 19px/1.15 var(--serif)}
.governor-appearance-summary-copy>span{font:12px/1.3 var(--sans);overflow-wrap:anywhere}
.governor-appearance-edit{font:12px/1.3 var(--sans)}
.governor-appearance-chevron{flex:none;font:700 23px/1 var(--serif)}
#governor-inline-appearance[open]>summary{border-bottom:1px solid var(--governor-line)}
#governor-inline-appearance[open] .governor-appearance-chevron{transform:rotate(180deg)}
.governor-appearance-body{padding:12px 10px 8px}
#governor-inline-appearance .governor-appearance-picker>legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#governor-inline-appearance .governor-appearance-picker{margin:0;padding:0}
#governor-inline-appearance .governor-appearance-options{gap:8px}
#governor-inline-appearance .governor-appearance-option{min-height:82px;padding:6px 10px;gap:3px!important;font-size:14px!important}
#governor-inline-appearance .governor-appearance-option>input{top:7px;left:8px}
#governor-inline-appearance .governor-choice-portrait{width:52px;height:52px}
#governor-inline-appearance .governor-choice-portrait img,#governor-inline-appearance .progression-avatar-preview:not(.is-custom-avatar) img{width:190%}
#governor-inline-appearance .governor-appearance-picker>.muted{margin-top:4px;font-size:10px;line-height:1.35}
#governor-inline-appearance .progression-avatar{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:8px;margin-top:6px;padding-top:6px}
#governor-inline-appearance .progression-avatar h3{grid-column:2;grid-row:1;align-self:end;font-size:16px;margin:0}
#governor-inline-appearance .progression-avatar-row{display:contents}
#governor-inline-appearance .progression-avatar-row>div{grid-column:2;grid-row:2}
#governor-inline-appearance .progression-avatar-preview{grid-column:1;grid-row:1/3;width:48px;height:48px}
#governor-inline-appearance .progression-avatar-row p{margin:0;font-size:11px!important;line-height:1.35}
#governor-inline-appearance .progression-avatar-file{grid-column:1/-1;gap:0!important;margin-top:5px;font-size:12px}
#governor-inline-appearance .progression-avatar-file-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#governor-inline-appearance .progression-avatar-file input{padding:5px!important;font-size:12px}
#governor-inline-appearance #progression-avatar-selected{grid-column:1/-1;font-size:10px;line-height:1.3;margin:4px 0}
#governor-inline-appearance #progression-avatar-selected[data-file-state="empty"]{display:none}
#governor-inline-appearance .progression-avatar-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 2px}
#governor-inline-appearance .progression-avatar-actions button{font-size:15px}
#governor-inline-appearance :is(.progression-avatar-feedback,#governor-appearance-feedback){grid-column:1/-1;font-size:11px;margin:5px 0}
@media(max-width:350px){#action-sheet:is([data-view="governor"],[data-view="governor-workshop"]):has(.governor-profile-shell,.governor-workshop-shell) .sheet-content{padding-inline:10px}.governor-profile-tabs button{flex-direction:column;gap:2px;font-size:14px}.governor-profile-tabs .icon{width:19px;height:19px}}