/* Rankings retain the game's parchment, portraits, ink and wooden actions. */
.action-sheet:is([data-view='rankings'],[data-view='public-profile']){inset:0;width:100%;max-height:100%}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) .sheet-handle{display:none}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) .sheet-content{padding-inline:20px;scroll-padding-bottom:112px}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) .sheet-heading>div{min-width:0}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) .sheet-heading h2{overflow-wrap:anywhere}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) #close-sheet{position:relative;flex:none;width:50px;min-width:50px;height:50px;min-height:50px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent url('./art-web/governor-regalia-v1-d5b7eac8bf.webp') right center/200% 100% no-repeat;color:#e0be70;filter:drop-shadow(0 2px 1px #31180999)}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) #close-sheet .icon{width:25px;height:25px;stroke-width:1.8;filter:drop-shadow(0 1px 1px #30180c)}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) #close-sheet:hover{filter:brightness(1.12) drop-shadow(0 2px 1px #31180999)}
.action-sheet:is([data-view='rankings'],[data-view='public-profile']) #close-sheet:focus-visible{outline:2px solid #704817;outline-offset:1px;border-radius:50%}
.rankings-panel,.public-profile-panel{min-width:0;color:var(--antique-ink)}
.rankings-panel .sr-only,.ranking-self .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.rankings-panel button,.public-profile-panel button,.governor-power-summary button{min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;--button-overhang:-5px}
.rankings-panel :focus-visible,.ranking-self :focus-visible,.public-profile-panel :focus-visible,.governor-power-summary :focus-visible{outline:2px solid var(--antique-gold);outline-offset:2px}
.ranking-group+.ranking-group{margin-top:16px}
.sheet-content .ranking-group>.ornament{margin:10px 0;font-size:23px;color:var(--green);border-bottom:0}
.ranking-categories{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.ranking-categories .ranking-category{grid-template-columns:38px minmax(0,1fr) minmax(52px,29%) 12px;gap:8px;min-height:68px;padding:7px 8px;border:1px solid #b3965a66;border-radius:3px;color:var(--antique-ink);background:linear-gradient(110deg,#fff9e54d,#dcc99d14);box-shadow:inset 0 0 0 1px #fff5;text-align:left}
.ranking-category-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d1ae63;border-radius:50%;color:#e5c373;background:radial-gradient(circle at 35% 25%,#335343,#0c3026 74%);box-shadow:inset 0 0 0 2px #1b211b,inset 0 0 0 3px #aa884d,0 1px 2px #392b1844}
.ranking-category-icon .icon{width:24px;height:24px;filter:drop-shadow(0 1px 1px #0009)}
.ranking-category-detail{display:grid;min-width:0;gap:3px}
.ranking-category-detail>strong{font:700 18px/1.15 var(--serif);overflow-wrap:anywhere}
.ranking-category-leader{display:flex;align-items:center;gap:5px;min-width:0;font:11px/1.3 var(--sans);color:var(--antique-muted)}
.ranking-category-leader>span:last-child{min-width:0}
.ranking-category-leader .ranking-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranking-category-leader>.ranking-portrait,.ranking-category-leader>.ranking-standard{width:18px;height:22px}
.ranking-category-value{min-width:0;font:700 20px/1.15 var(--serif);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ranking-category-value small{display:block;margin-top:3px;font:10px/1.2 var(--sans);color:var(--antique-muted)}
.ranking-category-open{display:grid;place-items:center;color:var(--green)}
.ranking-category-open .icon{width:12px;height:16px}
.ranking-category-empty{font:12px/1.4 var(--sans);color:var(--antique-muted)}
.ranking-portrait{display:block;position:relative;flex:none;width:44px;height:54px;overflow:hidden;border:1px solid var(--antique-gold);border-radius:3px;background:radial-gradient(ellipse at 50% 24%,#b3965a40,transparent 75%)}
.ranking-portrait img{display:block;width:100%;height:160%;object-fit:cover;object-position:50% 0}
.ranking-portrait.is-custom-avatar img{height:100%;object-position:center}
.ranking-standard{display:block;flex:none;width:44px;height:54px;background:url('./art-web/governor-regalia-v1-d5b7eac8bf.webp') left center/200% 100% no-repeat;filter:drop-shadow(0 2px 2px #392b1833)}
.ranking-standard>.icon{display:none}
.ranking-tag{color:var(--green)}
.ranking-you{display:block;font:700 11px/1.4 var(--sans);color:var(--green)}
.sheet-content .ranking-back{width:auto;max-width:100%;margin:0 2px 14px;padding-inline:14px;font-size:16px}
.rankings-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 3px 10px}
.sheet-content .rankings-toolbar>.ranking-back{width:100%;margin:0;padding:6px 10px;font-size:16px}
.sheet-content .rankings-toolbar>.small-button{width:100%;padding:6px 10px;font-size:16px}
.sheet-content .ranking-description{margin:0 0 10px;color:var(--antique-muted);font:12px/1.4 var(--sans)}
.sheet-content .ranking-kills-note{display:flex;align-items:center;gap:8px;margin:8px 0 14px;color:var(--antique-muted);font:12px/1.4 var(--sans);overflow-wrap:anywhere}
.ranking-feedback{overflow-wrap:anywhere;margin-bottom:14px}
.ranking-table-heading{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(64px,29%);gap:8px;align-items:center;padding:8px;border-block:1px solid #b3965a66;font:700 11px/1.3 var(--sans);color:var(--antique-muted)}
.ranking-table-heading>span:last-child{text-align:right}
.ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ranking-table-heading+.ranking-list{margin-top:7px}
.ranking-entry{position:relative;min-width:0;border:1px solid #b3965a66;border-radius:3px;background:linear-gradient(110deg,#fff9e54d,#dcc99d14);box-shadow:inset 0 0 0 1px #fff5}
.ranking-row{display:grid;grid-template-columns:36px 36px minmax(0,1fr) minmax(64px,29%);gap:8px;align-items:center;width:100%;min-height:64px;padding:7px 8px;text-align:left;font-family:var(--sans);color:inherit;background:none;border:0;border-radius:3px}
button.ranking-row:hover{background:#b3965a1a}
.ranking-position{display:grid;place-items:center;min-width:0;min-height:36px;font:600 18px/1 var(--serif);font-variant-numeric:lining-nums tabular-nums}
.ranking-medal{--medal-ink:#976a24;--medal-light:#f5dfa4;--medal-dark:#b17c2f;width:36px;height:40px;position:relative;color:#513416;background:radial-gradient(circle,var(--medal-light),var(--medal-dark) 50%,transparent 53%);font-family:var(--sans);font-weight:700;text-shadow:0 1px #fff6cc88}
.ranking-medal[data-medal='2']{--medal-ink:#737d79;--medal-light:#eff0e5;--medal-dark:#9ca6a1;color:#3f494c}
.ranking-medal[data-medal='3']{--medal-ink:#996842;--medal-light:#e6c29e;--medal-dark:#b07b53;color:#503122}
.ranking-entry[data-podium='1']{border-color:#ba934c;background:linear-gradient(100deg,#d6b56b2c,#f6e3b91a)}
.ranking-entry[data-podium='2']{border-color:#949d9566;background:linear-gradient(100deg,#a8b1a721,#eff0e51a)}
.ranking-entry[data-podium='3']{border-color:#af865e66;background:linear-gradient(100deg,#b18b6221,#eadac61a)}
.ranking-entry.is-self{border-color:var(--green);background:linear-gradient(100deg,#2f68401c,#56734109)}
.ranking-identity{min-width:0;overflow-wrap:anywhere;font:700 17px/1.2 var(--serif)}
.ranking-identity>small{display:block;margin-top:3px;font:11px/1.3 var(--sans);color:var(--antique-muted)}
.ranking-score{min-width:0;max-width:100%;font:700 18px/1.2 var(--serif);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ranking-pagination{display:grid;gap:8px;margin:10px 3px;color:var(--antique-muted)}
.ranking-pagination>small{text-align:center;font:12px/1.4 var(--sans)}
.ranking-self{position:sticky;bottom:0;z-index:2;margin:12px 0 0;padding:0;background:var(--paper,#f3eddf);border:1px solid #a58755;border-radius:3px;box-shadow:0 -3px 6px #392b1814;color:var(--antique-ink)}
.ranking-self-label{display:block;margin:0;padding:4px 8px;background:linear-gradient(#194936,#0c3026);color:#f1d899;font:700 13px/1.2 var(--serif)}
.ranking-self .ranking-entry{border:0;box-shadow:inset 0 0 0 1px #b3965a33}
.ranking-self .ranking-row{min-height:58px;padding-block:6px}
.ranking-self .ranking-portrait,.ranking-self .ranking-standard{width:36px;height:42px}
.sheet-content .ranking-unranked{margin-top:14px;color:var(--antique-muted);font:12px/1.4 var(--sans)}
.public-profile-heading{padding:0 0 12px;border-bottom:1px solid var(--antique-gold)}
.public-profile-scene{margin:0 -6px 8px;overflow:visible}
.public-profile-scene .panel-scene-art{height:166px;justify-content:flex-end}
.public-profile-scene .panel-scene-art>.castle-sprite{width:220px;height:166px}
.public-profile-scene>.public-profile-avatar{position:absolute;left:6px;bottom:12px;width:106px;height:106px;border:3px ridge var(--antique-gold);border-radius:0;background:var(--ornate-paper) center/300px;box-shadow:0 3px 8px #392b1833}
.public-profile-avatar img{position:absolute;top:0;left:50%;width:260%;height:auto;max-width:none;object-fit:cover;transform:translateX(-50%)}
.public-profile-avatar.is-custom-avatar img{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;transform:none}
.public-profile-heading>div{min-width:0}
.public-profile-heading small{font:11px/1.4 var(--sans);color:var(--antique-muted)}
.sheet-content .public-profile-heading h3{margin:7px 0;font:700 28px/1.1 var(--serif);overflow-wrap:anywhere;color:var(--green)}
.sheet-content .public-profile-heading p{margin:7px 0;font:13px/1.4 var(--sans);overflow-wrap:anywhere}
.public-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.public-profile-facts>div:first-child{grid-column:1/-1;padding:8px 12px;border:1px solid #9b7b4566;border-radius:4px;background:#ab803016;box-shadow:inset 0 0 0 2px #fff2}
.public-profile-facts dt{font:12px/1.4 var(--sans);color:var(--antique-muted)}
.public-profile-facts dd{margin:4px 0 0;font:700 21px/1.2 var(--serif);overflow-wrap:anywhere}
.public-profile-power{display:flex;align-items:center;gap:10px;font-size:32px;color:var(--green)}
.public-profile-power .icon{width:30px;height:30px}
.public-profile-actions{display:grid;gap:6px;margin:12px 2px 8px}
.sheet-content .public-profile-actions>.public-profile-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:0;padding:8px 22px;--button-overhang:-12px}
.public-profile-action>.icon{width:20px;height:20px;flex:none}
.public-profile-action>span{min-width:0}
.governor-power-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-block:12px;border-block:1px solid #b3965a66;color:var(--antique-ink)}
.progression-mode .action-sheet[data-view='governor'] .governor-power-summary{padding-inline:calc(2 * var(--space))}
.governor-power-summary>div{min-width:0}
.governor-power-summary>div>span{display:flex;align-items:center;gap:7px;font:14px/1.2 var(--sans)}
.governor-power-summary>div>span>.icon{width:20px;height:20px}
.governor-power-summary strong{display:block;margin-top:3px;font:700 27px/1.1 var(--serif);overflow-wrap:anywhere}
.governor-power-summary>.secondary-button{width:auto;flex:none;margin-right:2px}
@media(max-width:390px){
 .action-sheet:is([data-view='rankings'],[data-view='public-profile']) .sheet-content{padding-inline:16px}
 .ranking-categories .ranking-category{grid-template-columns:34px minmax(0,1fr) minmax(48px,29%) 10px;gap:6px;padding-inline:6px}.ranking-category-icon{width:34px;height:34px}.ranking-category-detail>strong{font-size:17px}.ranking-category-value{font-size:18px}
 .ranking-row{grid-template-columns:32px 32px minmax(0,1fr) minmax(54px,29%);gap:6px;padding-inline:6px}
 .ranking-row>.ranking-portrait,.ranking-row>.ranking-standard{width:32px;height:38px}.ranking-medal{width:32px}
 .ranking-position{font-size:17px}.ranking-identity{font-size:16px}.ranking-score{font-size:16px}
 .ranking-table-heading{grid-template-columns:32px minmax(0,1fr) minmax(54px,29%);padding-inline:6px;gap:6px}
 .public-profile-scene .panel-scene-art{height:144px}.public-profile-scene .panel-scene-art>.castle-sprite{width:190px;height:144px}.public-profile-scene>.public-profile-avatar{width:88px;height:88px}
 .sheet-content .public-profile-heading h3{font-size:25px}
}
@media(min-width:700px){.action-sheet:is([data-view='rankings'],[data-view='public-profile']){left:auto;right:18px;top:18px;bottom:18px;width:480px;max-width:calc(100% - 36px);max-height:calc(100% - 36px)}}
@media(forced-colors:active){
 .action-sheet:is([data-view='rankings'],[data-view='public-profile']) #close-sheet{background:ButtonFace;border:1px solid ButtonText;color:ButtonText;filter:none}
 .ranking-categories .ranking-category,.ranking-entry,.ranking-self,.ranking-medal{background:Canvas;color:CanvasText;border:1px solid CanvasText}
 .ranking-medal{clip-path:none}.ranking-standard{background:none;filter:none;display:grid;place-items:center}.ranking-standard>.icon{display:block;width:32px;height:40px}
 .ranking-tag,.ranking-you,.ranking-score,.ranking-category-open,.ranking-self-label,.public-profile-power,.sheet-content .public-profile-heading h3{color:CanvasText}
 .public-profile-scene::before{display:none}.public-profile-scene>.public-profile-avatar,.public-profile-facts>div:first-child{background:Canvas;border-color:CanvasText;box-shadow:none}
}

/* Approved compact ranking composition: retain the map HUD and main navigation. */
#action-sheet[data-view='rankings']{height:100%;max-height:100%;--ranking-frame-clearance:4px}
#action-sheet[data-view='rankings'] .sheet-navigation{position:absolute;top:3px;left:3px;z-index:7;min-height:44px;padding:0;margin:0}
#action-sheet[data-view='rankings'] #back-sheet{width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;background:none;color:#efd292}
#action-sheet[data-view='rankings'] #back-sheet::before,#action-sheet[data-view='rankings'] #back-sheet>span{display:none}
#action-sheet[data-view='rankings'] .sheet-heading{min-height:52px;padding:6px 44px;justify-content:center;background:linear-gradient(#194936,#0c3026);border:1px solid #ae8d48}
#action-sheet[data-view='rankings'] .sheet-heading::before,#action-sheet[data-view='rankings'] .sheet-heading::after,#action-sheet[data-view='rankings'] #sheet-kicker{display:none}
#action-sheet[data-view='rankings'] #sheet-title{font:700 24px/1.1 var(--serif);color:#f1d899;text-align:center;overflow-wrap:normal}
#action-sheet[data-view='rankings'] #close-sheet{position:absolute;right:var(--space);top:3px;width:44px;min-width:44px;height:44px;min-height:44px}
#action-sheet[data-view='rankings']:has(>.sheet-navigation>.progression-tutorial-review:not([hidden])) .sheet-heading{margin-bottom:var(--sheet-navigation-height)}
#action-sheet[data-view='rankings'] .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[data-view='rankings'] .sheet-content{flex:1;min-height:0;padding:10px 12px 12px;scroll-padding-block:8px 12px;touch-action:pan-y pinch-zoom}
#action-sheet[data-view='rankings'] #sheet-footer{flex:none;padding:0 var(--ranking-frame-clearance) calc(var(--ranking-frame-clearance) + env(safe-area-inset-bottom,0px))}
#action-sheet[data-view='rankings'] #sheet-footer .ranking-self{position:relative;margin:0}
.sheet-content .ranking-context{margin:0 0 10px;color:var(--antique-muted);font:11px/1.3 var(--sans)}
.ranking-category-icon .standard-item-art{background-image:none}
.ranking-category-icon .standard-item-art>.icon-fallback{display:block}
.ranking-laurels{position:absolute;inset:0;width:100%;height:100%;color:var(--medal-ink);filter:drop-shadow(0 1px #fff5);pointer-events:none}
.rankings-panel .ranking-row>.ranking-portrait,.rankings-panel .ranking-row>.ranking-standard{width:36px;height:42px}
.rankings-toolbar .icon{flex:none;width:18px;height:18px}
.ranking-pagination>[data-action='ranking-more']{--button-surface:var(--ornate-primary);color:#f1d899}
@media(max-width:350px){
 #action-sheet[data-view='rankings'] #sheet-title{font-size:21px}
 #action-sheet[data-view='rankings'] .sheet-content{padding-inline:8px}
 .ranking-categories .ranking-category{grid-template-columns:32px minmax(0,1fr) minmax(48px,28%) 10px;gap:5px}
 .ranking-category-icon{width:32px;height:32px}.ranking-category-icon .icon{width:22px;height:22px}
 .ranking-category-detail>strong{font-size:16px}.ranking-category-value{font-size:17px}
 .ranking-row{grid-template-columns:26px 28px minmax(0,1fr) minmax(48px,27%);gap:5px;padding-inline:5px}
 .rankings-panel .ranking-row>.ranking-portrait,.rankings-panel .ranking-row>.ranking-standard,.ranking-self .ranking-row>.ranking-portrait,.ranking-self .ranking-row>.ranking-standard{width:28px;height:36px}
 .ranking-medal{width:26px;height:36px}.ranking-position{font-size:16px}.ranking-identity{font-size:15px}.ranking-score{font-size:15px}
 .ranking-table-heading{grid-template-columns:26px minmax(0,1fr) minmax(48px,27%);gap:5px;padding-inline:5px}
 .sheet-content .rankings-toolbar>.secondary-button{font-size:14px;gap:5px}.rankings-toolbar .icon{width:16px;height:16px}
}
@media(min-width:700px){#action-sheet[data-view='rankings']{height:calc(100% - 36px)}}
@media(forced-colors:active){
 #action-sheet[data-view='rankings'] .sheet-heading,.ranking-self-label,.ranking-category-icon,.ranking-pagination>[data-action='ranking-more']{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
 #action-sheet[data-view='rankings'] #sheet-title,#action-sheet[data-view='rankings'] #back-sheet{color:CanvasText}
 .ranking-laurels{display:none}.ranking-category-icon .icon{filter:none}
}