/* Client chrome belongs only to the interactive windows. Sprite sources: work/ref/ui-sprites. */
.presentation-page :is(.web-game-ui,.native-window,.title-workshop) {
  border: 10px solid transparent;
  border-image: url('assets/ui/game/pattern_board_9slice.svg') 32 / 10px / 0 stretch;
  border-radius: 0; padding: 0; background: url('assets/ui/game/pattern_board_base.png') repeat;
  color: #d7d2c1; font: 11px/1.4 Tahoma,Verdana,sans-serif;
  box-shadow: 0 10px 28px #0006; overflow-wrap: anywhere;
}
.presentation-page [data-live-ui] :is(h3,h4) { font: 11px/1.4 Tahoma,Verdana,sans-serif; }
.presentation-page [data-live-ui] :is(p,button,input,select,small,label,strong,span,output) { font-family: Tahoma,Verdana,sans-serif; }
.presentation-page :is(.web-ui-title,.native-title,.title-window-bar) {
  position: relative; display: flex; align-items: center; justify-content: center;
  height: 26px; min-height: 26px; padding: 0 32px; margin: -3px -3px 6px;
  border: 0; border-radius: 0; color: #eed4a0; font: 11px/1 Tahoma,Verdana,sans-serif;
  background: url('assets/ui/game/pattern_titlebar_left.png') left center / 32px 26px no-repeat,
    url('assets/ui/game/pattern_titlebar_right.png') right center / 32px 26px no-repeat,
    url('assets/ui/game/pattern_titlebar_center.png') center / calc(100% - 64px) 26px no-repeat;
  text-shadow: 1px 1px #000; text-align: center;
}
.presentation-page :is(.web-ui-title,.title-window-bar) > :is(img,span[aria-hidden]) { display: none; }
.presentation-page :is(.web-ui-title,.native-title,.title-window-bar) > .game-close {
  position: absolute; right: 5px; top: 4px; width: 18px; height: 18px; min-height: 0;
  padding: 0; border: 0; border-image: none; border-radius: 0; box-shadow: none;
  background: url('assets/ui/game/public_close_button_01.png') center/contain no-repeat; cursor: pointer;
}
.presentation-page :is(.web-ui-title,.native-title,.title-window-bar) > .game-close:hover { background-image: url('assets/ui/game/public_close_button_02.png'); }
.presentation-page :is(.web-ui-title,.native-title,.title-window-bar) > .game-close:active { background-image: url('assets/ui/game/public_close_button_03.png'); }
.presentation-page :is(.native-page,.rune-web-body,.filter-web-body,.showcase-body,.title-window-body,.atlas-game-layout) { padding: 5px; min-width: 0; }
.presentation-page .native-page { min-height: 0; border: 0; background: #0b0b0866; }
.presentation-page :is(.native-panel-title,.game-panel-title,.title-panel-heading) {
  padding: 3px 6px; margin: 0 0 6px; min-height: 21px;
  border: 0; color: #d6d1c3; font: 11px/1.4 Tahoma,Verdana,sans-serif !important;
  background: linear-gradient(#ffffff18,#ffffff0c), url('assets/ui/game/pattern_board_base.png');
  border: 1px solid #5b584f;
}
.presentation-page [data-live-ui] :is(.native-subpanel,.native-team-body,.native-dungeon-list,.native-mission-slots,.prophecy-game-list,.prophecy-game-detail,.atlas-sidebar,.filter-grid,.passive-web-list,.rune-web-slots,.title-style-panel,.title-catalogue) {
  border: 4px solid transparent; border-image: url('assets/ui/game/pattern_thinboard_9slice.svg') 16 / 4px / 0 stretch;
  background-color: #0b0b0877; box-shadow: none;
}
.presentation-page [data-live-ui] button {
  font-family: Tahoma,Verdana,sans-serif; font-size: 11px; line-height: 1.3;
  white-space: normal; min-width: 0; color: #d6d1c1;
}
.presentation-page [data-live-ui] :is(.demo-actions button,.native-button-stack button,.native-forge-actions button,.native-op-footer button,.native-roster-tools button,.native-team-body>button,.native-mission-slots button,.prophecy-header .demo-actions button,.filter-toggle button,.native-levels button,.companion-unlock-control button) {
  border: 3px solid transparent; border-image: url('assets/ui/game/public_large_button_01.png') 3 fill / 3px / 0 stretch;
  border-radius: 0; background: none; padding: 2px 9px; min-height: 23px;
  color: #d6d1c1; font: 11px/1.25 Tahoma,Verdana,sans-serif; box-shadow: none;
}
.presentation-page [data-live-ui] :is(.demo-actions button,.native-button-stack button,.native-forge-actions button,.native-op-footer button,.native-roster-tools button,.native-team-body>button,.native-mission-slots button,.filter-toggle button,.native-levels button,.companion-unlock-control button):hover:not(:disabled) { border-image-source: url('assets/ui/game/public_large_button_02.png'); }
.presentation-page [data-live-ui] :is(.demo-actions button,.native-button-stack button,.native-forge-actions button,.native-op-footer button,.native-roster-tools button,.native-team-body>button,.native-mission-slots button,.filter-toggle button,.native-levels button,.companion-unlock-control button):active:not(:disabled) { border-image-source: url('assets/ui/game/public_large_button_03.png'); }
.presentation-page [data-live-ui] :is(.native-cells strong,.prestige-game-stats strong,.filter-grid input,.title-text-field input) {
  border: 1px solid #555144; border-image: none; border-radius: 0;
  background: #040504 url('assets/ui/game/public_parameter_slot_100x18.png') center/100% 100% no-repeat;
  color: #dcd5bf; font: 11px/1.4 Tahoma,Verdana,sans-serif; padding: 1px 4px;
}
.presentation-page [data-live-ui] :is(.native-slot,.native-slot:hover,.native-slot[aria-pressed=true]) {
  width: 32px; height: 32px; padding: 0; border: 0; border-image: none; clip-path: none;
  background: url('assets/ui/game/public_slot_base.png') center/32px 32px no-repeat;
}
.presentation-page [data-live-ui] .native-slot > img { width: 28px !important; height: 28px !important; }
.presentation-page [data-live-ui] :is(.prophecy-meter,.native-exp) { background: url('assets/ui/game/pattern_gauge_slot_left.png') left/8px 100% no-repeat,url('assets/ui/game/pattern_gauge_slot_right.png') right/8px 100% no-repeat,url('assets/ui/game/pattern_gauge_slot_center.png') center/calc(100% - 16px) 100% no-repeat,#090906; }
.presentation-page [data-live-ui] :is(.title-frame-list,.native-dungeon-list,.native-idle-list,.atlas-scroll) { scrollbar-width: thin; scrollbar-color: #70644c #151411; }
.presentation-page [data-live-ui] ::-webkit-scrollbar { width: 12px; height: 12px; background: url('assets/ui/game/pattern_scrollbar_middle.png') center/100% 100%; }
.presentation-page [data-live-ui] ::-webkit-scrollbar-thumb { background: #71664d; border: 2px solid #27251f; }
.presentation-page :is(.native-tabs,.ui-tabs) { gap: 0; }
.presentation-page [data-live-ui] :is(.native-tabs button,.ui-tabs button) { background: #0d0c09; border: 0; border-bottom: 2px solid transparent; padding: 7px 3px; font-size: 11px; }
.presentation-page [data-live-ui] :is(.native-tabs button[aria-selected=true],.ui-tabs button[aria-pressed=true]) { background: #30271a; border-bottom-color: #dba831; color: #e8c16c; }
/* Window-specific proportions follow the supplied client screenshots. */
.presentation-page .rune-web-ui { width: 600px; max-width: 100%; }
.presentation-page .rune-web-slots { grid-template-columns: repeat(6,minmax(0,1fr)); padding: 5px 0; }
.presentation-page .rune-slot { min-width: 0; padding: 6px 2px; min-height: 80px; }
.presentation-page .rune-slot-name { font-size: 9px; }
.presentation-page .passive-web-list { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(5,auto); gap: 3px 6px; padding: 6px; }
.presentation-page .passive-web-row { font: 11px/1.3 Tahoma,Verdana,sans-serif; gap: 6px; padding: 4px; min-height: 46px; background: #14130e; }
.presentation-page .passive-web-row > span { min-width: 0; }
.presentation-page .passive-web-row small { font-size: 10px; }
.presentation-page .passive-description { font-size: 11px; padding: 8px; }
.presentation-page .rune-web-ui .demo-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.presentation-page .prestige-web-ui { width: 290px; max-width: 100%; }
.presentation-page .prestige-game-stats { gap: 5px; margin: 12px 0; }
.presentation-page .prestige-game-stats > div { grid-template-columns: minmax(0,1fr) 92px; font-size: 11px; }
.presentation-page .prestige-description { font: 11px/1.5 Tahoma,Verdana,sans-serif; }
.presentation-page .prestige-milestones { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
.presentation-page .prestige-milestones button { padding: 4px; }
.presentation-page .native-window { width: 372px; }
.presentation-page .native-window.native-wide { width: 680px; }
.presentation-page .native-window.native-bounty { width: 420px; }
.presentation-page .native-window :is(.native-cells span,.native-cells strong,.native-bonus-rows>div) { font-size: 11px; }
.presentation-page .mount-native-slots { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.presentation-page .mount-native-slots .native-slot-row { gap: 4px; }
.presentation-page .native-bounty-columns { grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); }
.presentation-page .native-bounty-tasks button { font-size: 11px; background: #15130e; min-height: 33px; }
.presentation-page .native-bounty-tasks small { font-size: 10px; }
.presentation-page .native-bounty-tasks button:disabled { opacity: 1; }
.presentation-page .native-bounty-options { flex-wrap: wrap; font-size: 11px; }
.presentation-page .prophecy-web-ui { width: 620px; }
.presentation-page .prophecy-game-columns { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; }
.presentation-page .prophecy-header { gap: 10px; padding: 6px; }
.presentation-page .prophecy-game-row { padding: 4px; gap: 3px; }
.presentation-page .prophecy-game-row>button { font-size: 11px; }
.presentation-page .prophecy-detail-copy { min-height: 280px; font: 11px/1.5 Tahoma,Verdana,sans-serif; }
.presentation-page .prophecy-detail-copy p { font-size: 11px; }
.presentation-page .prophecy-quick img { width: 18px; height: 18px; }
.presentation-page .xetass-web-ui { width: 400px; }
.presentation-page .web-island-map { padding: 8px; gap: 10px; background: #3c564f; }
.presentation-page .web-island { min-width: 0; aspect-ratio: 1; }
.presentation-page .web-island { background: var(--island-thumbnail) center/contain no-repeat; border: 0; border-radius: 0; }
.presentation-page .web-island .island-terrain { display: none; }
.presentation-page .web-island > b { visibility: hidden; }
.presentation-page .web-island.cleared > b { visibility: visible; background: #102611bd; }
.presentation-page .web-island .island-rank { left: 0; top: 0; padding: 1px 3px; background: #111d18; }
.presentation-page .native-bounty-columns > div:nth-child(2) .native-subpanel:nth-child(2) p { min-height: 48px; padding-left: 40px; background: url('assets/ui/game/bounty-chest.png') 4px center/32px 32px no-repeat; }
.presentation-page .filter-web-ui { width: 520px; }
.presentation-page .filter-grid { grid-template-columns: minmax(0,1.5fr) minmax(70px,1fr); gap: 5px; padding: 8px; }
.presentation-page .filter-hint { font: 11px/1.5 Tahoma,Verdana,sans-serif; }
.presentation-page .atlas-live-ui { max-width: 1000px; margin-inline: auto; }
.presentation-page .atlas-game-layout { grid-template-columns: minmax(0,1fr) 250px; }
.presentation-page .atlas-branch-list { grid-template-columns: minmax(0,1fr); }
.presentation-page .title-workshop { width: 740px; }
.presentation-page .title-window-body { grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); }
@media (max-width:700px) {
  .presentation-page .native-window { width: 100%; }
  .presentation-page .mount-native-slots { grid-template-columns: minmax(0,1fr); }
  .presentation-page .prophecy-game-columns,.presentation-page .native-bounty-columns,.presentation-page .title-window-body,.presentation-page .atlas-game-layout { grid-template-columns: minmax(0,1fr); }
  .presentation-page .prophecy-detail-copy { min-height: 200px; }
  .presentation-page .rune-slot-name { white-space: normal; overflow-wrap: anywhere; font-size: 9px; }
  .presentation-page .passive-web-row { font-size: 10px; }
  .presentation-page .passive-web-row .passive-glyph { width: 26px; height: 26px; }
  .presentation-page .native-bounty-tasks button { min-height: 36px; }
  .presentation-page .native-bounty-tasks small { white-space: nowrap; }
  .presentation-page .pet-native-artifacts { flex-wrap: wrap; justify-content: center; }
  .presentation-page .native-expedition-columns { grid-template-columns: minmax(0,1fr); }
}