.progression-mode{--realm-action-size:52px;--realm-action-gap:8px;--realm-action-inset:12px}
.realm-action-art{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.realm-action-art>.icon{width:60%;height:60%;margin:20%;color:#f5dfae}
.realm-art-compass-ready .realm-art-compass{background-image:url('./art-web/realm-ui-compass-v1-43ab2021c3.webp')}
.realm-art-parchment-ready .realm-art-parchment{background-image:url('./art-web/realm-ui-parchment-v1-d10107e027.webp')}
/* The upright letter artwork has even transparent padding. */
.realm-art-letter-ready .realm-art-letter{background-image:url('./art-web/realm-ui-letter-v2-straight-d1974b9a95.webp');background-position:center}
.realm-art-castle-ready .realm-art-castle{background-image:url('./art-web/realm-ui-castle-nav-v2-349236c950.webp')}
.realm-art-globe-ready .realm-art-globe{background-image:url('./art-web/realm-ui-globe-nav-v2-d3b47a6561.webp')}
.realm-art-globe-ready .realm-art-globe>.icon{visibility:hidden}
.realm-art-locator-ready .realm-art-locator{background-image:url('./art-web/realm-ui-castle-locator-v1-5b32138382.webp')}
.realm-art-locator-ready .realm-art-locator>.icon{visibility:hidden}
.realm-art-archive-ready .realm-art-archive{background-image:url('./art-web/realm-ui-archive-v1-b80db9c74a.webp')}
.realm-art-search-ready .realm-art-search{background-image:url('./art-web/realm-ui-search-v1-a875441cb6.webp')}
.realm-art-compass-ready .progression-mode .intelligence-shortcut{background-image:url('./art-web/realm-ui-compass-v1-43ab2021c3.webp');background-position:center;background-size:contain;background-repeat:no-repeat}
.realm-art-parchment-ready .progression-mode .progression-missions-shortcut{background-image:url('./art-web/realm-ui-parchment-v1-d10107e027.webp');background-position:center;background-size:contain;background-repeat:no-repeat}
.realm-art-compass-ready .progression-mode .intelligence-shortcut>.icon,.realm-art-parchment-ready .progression-mode .progression-missions-shortcut>.icon{visibility:hidden}
.progression-mode .intelligence-shortcut>span,.progression-mode .mission-shortcut-label{display:none}
.realm-art-compass-ready .realm-art-compass>.icon,.realm-art-parchment-ready .realm-art-parchment>.icon,.realm-art-letter-ready .realm-art-letter>.icon,.realm-art-castle-ready .realm-art-castle>.icon,.realm-art-archive-ready .realm-art-archive>.icon,.realm-art-search-ready .realm-art-search>.icon{visibility:hidden}
.progression-mode #world-scene .map-controls{left:auto;right:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + var(--realm-action-size) + var(--realm-action-gap) + var(--realm-chat-height,0px));display:flex;flex-direction:column;align-items:center;gap:var(--realm-action-gap);z-index:8;translate:none!important}
.progression-mode #world-scene [data-map-action="in"],.progression-mode #world-scene [data-map-action="out"]{display:none}
.progression-mode #world-scene .map-controls>[data-map-action="home"],.progression-mode .intelligence-shortcut,.progression-mode .progression-missions-shortcut,.progression-mode #nearby-button,.progression-mode .realm-report-shortcut{width:var(--realm-action-size);height:var(--realm-action-size);min-width:var(--realm-action-size);min-height:var(--realm-action-size);padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none;filter:drop-shadow(0 2px 2px #120b0780);color:#f4dcab;display:grid;place-items:center;isolation:isolate}
.progression-mode .intelligence-shortcut{position:relative;inset:auto;order:1}
.progression-mode .intelligence-shortcut-dot{position:absolute;right:-3px;top:-5px;width:12px;height:12px;border:1px solid var(--gold-light);border-radius:50%;background:#9d2b21;pointer-events:none}
.progression-mode #nearby-button{position:absolute;left:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + var(--realm-action-size) + var(--realm-action-gap) + var(--realm-chat-height,0px));z-index:8}
body.progression-mode #nearby-button{width:var(--realm-action-size);height:var(--realm-action-size);min-height:var(--realm-action-size);border:0;border-radius:5px;background:transparent;box-shadow:none}
body.progression-mode #nearby-button>.realm-action-art{position:static;width:var(--realm-action-size);height:var(--realm-action-size);min-width:var(--realm-action-size);margin:0;overflow:visible;clip:auto;white-space:normal}
.progression-mode .progression-missions-shortcut{left:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + var(--realm-chat-height,0px));z-index:8}
.progression-mode .realm-report-shortcut{position:absolute;right:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + var(--realm-chat-height,0px));z-index:8}
.realm-rally-shortcut[hidden]{display:none}
.progression-mode .realm-rally-shortcut{position:absolute;right:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + 3 * (var(--realm-action-size) + var(--realm-action-gap)) + var(--realm-chat-height,0px));z-index:8;display:flex;flex-direction:column;align-items:center;gap:2px;width:var(--realm-action-size);min-height:var(--realm-action-size);padding:0;border:0;border-radius:50%;background:transparent;color:#fff1cb;filter:drop-shadow(0 2px 2px #120b0780);cursor:pointer}
.realm-rally-medallion{display:grid;place-items:center;width:var(--realm-action-size);height:var(--realm-action-size);border:2px solid #ccb16a;border-radius:50%;background:radial-gradient(circle at 35% 25%,#b95b35,#6b221d 70%);box-shadow:inset 0 0 0 2px #3d1a1a80,inset 0 2px 3px #fff2}
.realm-rally-medallion>.icon{width:62%;height:62%;color:#ffefc4;filter:drop-shadow(0 1px 1px #2b0909)}
.realm-rally-timer{padding:2px 4px;border:1px solid #c0a763;border-radius:3px;background:#352216e8;white-space:nowrap;text-align:center;font:700 10px/1.15 var(--sans);font-variant-numeric:tabular-nums;color:#fff1cb}
.progression-mode .realm-rally-shortcut[hidden],.progression-mode:has(#action-sheet:not([hidden])) .realm-rally-shortcut,.progression-mode:has(#modal[open]) .realm-rally-shortcut{display:none}
.progression-mode .realm-rally-shortcut:focus-visible{outline:3px solid #ffe3a2;outline-offset:3px}
.progression-mode .realm-rally-shortcut:hover{filter:brightness(1.12) drop-shadow(0 2px 2px #120b0780)}
.progression-mode :is(.intelligence-shortcut,.progression-missions-shortcut,.realm-report-shortcut)[hidden]{display:none}
.progression-mode :is(.intelligence-shortcut,.progression-missions-shortcut,.realm-report-shortcut,#nearby-button,[data-map-action="home"]):focus-visible{outline:3px solid #ffe3a2;outline-offset:3px}
.progression-mode :is(.intelligence-shortcut,.progression-missions-shortcut,.realm-report-shortcut,#nearby-button,[data-map-action="home"]):hover:not(:disabled){filter:brightness(1.12) drop-shadow(0 2px 2px #120b0780)}
.progression-mode .realm-report-shortcut .mission-shortcut-badge{right:-3px;top:-5px;pointer-events:none}
.progression-mode .main-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.progression-mode .nav-button:is([data-nav="kingdom"],[data-nav="world"]) .realm-action-art{width:100%;height:100%;flex:none;background-size:contain}
.progression-mode .nav-button:is([data-nav="kingdom"],[data-nav="world"]){gap:0;padding:2px;align-items:center;justify-content:center;overflow:hidden}
.progression-mode .nav-button:is([data-nav="kingdom"],[data-nav="world"]) .realm-action-art>.icon{width:60%;height:60%}
.progression-mode #kingdom-viewport{bottom:0}
.progression-mode .kingdom-scene::after{content:none}
.progression-mode .kingdom-scene .kingdom-controls{right:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + var(--realm-action-size) + var(--realm-action-gap) + var(--realm-chat-height,0px));flex-direction:column;gap:8px}
.progression-mode .kingdom-scene .kingdom-controls{display:none}
.progression-mode:has(#action-sheet:not([hidden])) :is(.realm-report-shortcut,#nearby-button),.progression-mode:has(#modal[open]) :is(.realm-report-shortcut,#nearby-button){display:none}
@media(min-width:700px){
 .progression-mode #build-catalog-button{top:8px;left:10px;right:auto;bottom:auto}
 .progression-mode:has(#incoming-alert-restore:not([hidden])) #build-catalog-button{left:62px}
}
@media(forced-colors:active){
 .realm-rally-medallion,.realm-rally-timer{background:Canvas;color:ButtonText;border-color:ButtonText;box-shadow:none}
 .realm-rally-medallion>.icon{color:ButtonText;filter:none}
 .progression-mode [data-map-action="home"] .realm-action-art{background-image:none}
 .progression-mode [data-map-action="home"] .realm-action-art>.icon{visibility:visible;color:ButtonText}
 .progression-mode .nav-button:is([data-nav="kingdom"],[data-nav="world"]) .realm-action-art{background-image:none}
 .progression-mode .nav-button:is([data-nav="kingdom"],[data-nav="world"]) .realm-action-art>.icon{visibility:visible;color:ButtonText}
}
@media(max-height:500px){.progression-mode{--realm-action-size:44px;--realm-action-gap:5px;--realm-action-inset:8px}}
@media(max-height:500px) and (min-width:600px){
 .progression-mode .realm-rally-shortcut{right:calc(var(--realm-action-inset) + 3 * (var(--realm-action-size) + var(--realm-action-gap)));bottom:calc(var(--realm-action-inset) + var(--realm-chat-height,0px))}
 .progression-mode #world-scene .map-controls{flex-direction:row;bottom:calc(var(--realm-action-inset) + var(--realm-chat-height,0px))!important;right:calc(var(--realm-action-inset) + var(--realm-action-size) + var(--realm-action-gap))!important}
 body.progression-mode #nearby-button{left:var(--realm-action-inset);bottom:calc(var(--realm-action-inset) + var(--realm-chat-height,0px))}
 .progression-mode .progression-missions-shortcut{left:calc(var(--realm-action-inset) + var(--realm-action-size) + var(--realm-action-gap));bottom:calc(var(--realm-action-inset) + var(--realm-chat-height,0px))}
}