/* Native game coordinates. Each window is laid out once, then uniformly scaled. */
.presentation-page .client-stage { position: relative; width: 100%; min-width: 0; margin: 0 auto; overflow: visible; }
.presentation-page .client-stage > .client-window { position: absolute !important; left: calc(50% + var(--client-snap-x,0px)); top: var(--client-snap-y,0px); margin: 0 !important; transform: translateX(-50%) scale(var(--client-scale,1)); transform-origin: top center; max-width: none !important; min-width: 0; }
.presentation-page .client-window { box-sizing: border-box; zoom:1 !important; padding: 8px; border: 6px solid transparent; border-image: url('assets/ui/game/pattern_board_9slice.svg') 32 / 6px / 0 stretch; border-radius: 0; background: url('assets/ui/game/pattern_board_base.png') repeat; color: #d7d2c1; font: 12px/1.2 Tahoma,Verdana,sans-serif; box-shadow: 0 8px 25px #0007; overflow: hidden; }
.presentation-page .client-window :is(h2,h3,h4,h5,p,span,small,strong,b,em,label,input,select,button,output,div) { font-family: Tahoma,Verdana,sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; line-height: 1.2; }
.presentation-page .client-window :is(h2,h3,h4,h5,p) { margin: 0; }
.presentation-page .client-window .game-panel-title { font:12px/1.2 Tahoma,Verdana,sans-serif !important; }
.presentation-page .client-window em,.presentation-page .native-panel-title em,.native-good { color: #28dc3b; font-style: normal; }
.presentation-page .client-window button { cursor: pointer; min-height: 0; min-width: 0; box-shadow: none; }
.presentation-page .client-window button:disabled { cursor: default; opacity: .45; }
.presentation-page .client-window :is(.native-title,.web-ui-title,.title-window-bar,.client-title) { position: absolute; top: 2px; left: 5px; right: 5px; height: 22px; min-height: 22px; padding: 0 26px; margin: 0; display: flex; justify-content: center; align-items: center; background: url('assets/ui/game/pattern_titlebar_left.png') left/27px 22px no-repeat,url('assets/ui/game/pattern_titlebar_right.png') right/27px 22px no-repeat,url('assets/ui/game/pattern_titlebar_center.png') center/calc(100% - 54px) 22px no-repeat; color: #ddd7c7; text-shadow: 1px 1px #000; font-size: 12px; }
.presentation-page .client-window .game-close { position:absolute; right: 0; top: 2px; width: 18px; height: 18px; padding: 0; border: 0; background: url('assets/ui/game/public_close_button_01.png') center/contain no-repeat; }
.presentation-page .client-window .game-close:hover { background-image:url('assets/ui/game/public_close_button_02.png'); }
.presentation-page .client-window .game-close:active { background-image:url('assets/ui/game/public_close_button_03.png'); }
.presentation-page .client-window :is(.client-panel,.native-subpanel,.title-style-panel,.title-catalogue) { border: 1px solid #66645b; background: #06070466; padding: 3px; }
.presentation-page .client-window :is(.client-strip,.native-panel-title,.game-panel-title,.title-panel-heading) { height: 22px; min-height: 0; margin: 0; padding: 3px 5px; background: linear-gradient(#fff2,#fff1),url('assets/ui/game/pattern_board_base.png'); border: 1px solid #747266; color: #d1ccbd; text-align: center; }
.presentation-page .client-window :is(.game-button,.demo-actions button,.native-button-stack button,.native-op-footer button,.native-forge-actions button,.native-roster-tools button,.native-team-body>button,.native-mission-slots button) { min-height: 0; height: 22px; padding: 1px 6px; border: 3px solid transparent; border-image: url('assets/ui/game/public_large_button_01.png') 3 fill / 3px / 0 stretch; background: none; border-radius: 0; color: #d7d2c1; font: 12px/1 Tahoma,Verdana,sans-serif; }
.presentation-page .client-window :is(.game-button,.demo-actions button):hover { border-image-source: url('assets/ui/game/public_large_button_02.png'); }
.presentation-page .client-window :is(.client-tabs,.native-tabs,.ui-tabs) { display: flex; gap: 0; margin:0; padding: 0; background: #0a0906; border: 1px solid #666357; height: 29px; }
.presentation-page .client-window :is(.client-tabs,.native-tabs,.ui-tabs) > button { flex: 1; height: 27px; min-height: 0; padding: 3px; background: transparent; border: 0; border-bottom: 2px solid transparent; color: #919087; }
.presentation-page .client-window :is(.client-tabs,.native-tabs,.ui-tabs) > button:is([aria-selected=true],[aria-pressed=true]) { background: #322b1d; color: #e6b641; border-bottom-color: #e4ad24; }
.presentation-page .client-window input:not([type=range],[type=checkbox],[type=color]),.presentation-page .client-window select { color: #d6d2c4; background: #030403; border: 1px solid #777265; border-radius: 0; height: 19px; padding: 0 4px; }
.presentation-page .client-window input[type=checkbox] { appearance: none; width: 12px; height: 12px; border: 1px solid #9a9680; background: #14140d; vertical-align: middle; margin: 0 4px 0 0; flex: none; }
.presentation-page .client-window input[type=checkbox]:checked::after { content: '✓'; position: relative; left: 0; top: -2px; color: #e5ce83; font-size: 13px; }
.presentation-page .client-window input[type=range] { appearance: none; height: 8px; border: 1px solid #7c7768; background: #3e382c; border-radius: 0; margin: 0; min-width: 0; }
.presentation-page .client-window input[type=range]::-webkit-slider-thumb { appearance: none; width: 13px; height: 13px; background: #ad8b60; border: 1px solid #d4b385; border-radius: 3px; }
.presentation-page .client-window .gold { color: #e0c17c; }.presentation-page .client-window .green { color: #6ae06a; }.presentation-page .client-window .dim { color: #99968a; }
.presentation-page .client-window .client-slot { width:32px; height:32px; padding:0; border:0; background:url('assets/ui/game/public_slot_base.png') center/32px 32px; display:inline-flex; align-items:center; justify-content:center; }
.presentation-page .client-window .client-slot img { width:32px; height:32px; object-fit:contain; }
.presentation-page .client-window .native-page { position: absolute; top: 29px; left: 8px; right: 8px; bottom: 37px; padding: 0; background: transparent; border: 1px solid #666357; }
.presentation-page .client-window :is(.native-page,.client-panel,.rune-web-body,.showcase-body,.filter-web-body,.title-window-body,.native-subpanel,.title-style-panel,.title-catalogue) { background:#080a06 url('assets/ui/game/pattern_border_a_center.png') repeat; }
.presentation-page .client-window :is(.client-strip,.native-panel-title,.game-panel-title,.title-panel-heading) { background:linear-gradient(#ffffff15,#ffffff15),url('assets/ui/game/pattern_border_a_center.png') repeat; border-color:#625f53; }
.presentation-page .client-window > .native-tabs { position:absolute; bottom:5px; left:8px; right:8px; }
.native-intro,.title-introduction,.title-preview-note,.demo-caption,.native-preview-note { display:none !important; }
.presentation-page .client-window .native-cells { display:grid; gap:4px; margin:4px 0; }
.presentation-page .client-window .native-cells > div { min-width:0; display:flex; flex-direction:column; gap:4px; }
.presentation-page .client-window .native-cells :is(span,strong) { text-align:center; min-height:18px; border:1px solid #5c5a4f; padding:1px 2px; background:#020403; color:#ddd3bd; }
.presentation-page .client-window .native-cells strong span { border:0; padding:0; }
.presentation-page .client-window .native-cells strong { font-weight:400; }
.presentation-page .client-window .native-cells .native-exp { display:block; background:#725a25; height:16px; min-height:0; }
.presentation-page .client-window .native-bonus-rows { padding:3px; display:grid; gap:3px; }
.presentation-page .client-window .native-bonus-rows > div { height:21px; padding:2px 5px; border:1px solid #646153; background:#030403; text-align:center; display:flex; justify-content:center; align-items:center; }
.presentation-page .client-window .native-bonus-rows button { width:16px; height:16px; padding:0; background:#282112; border:1px solid #a78742; color:#e6c76d; }
.presentation-page .client-window .native-bonus-rows strong { color:#cfa64c; }
.presentation-page .client-window .native-panel-title > em { float:right; padding-right:15px; }
/* Companion table cells are columns, as in the client; never mobile cards. */
.presentation-page .client-window[data-replica=pets] { width:380px; height:431px; }
.presentation-page .client-window[data-replica=mounts] { width:380px; height:431px; }
.presentation-page .client-window .companion-table { display:grid; grid-template-columns:1fr 1.65fr 1fr; gap:5px; padding:3px; }
.presentation-page .client-window .companion-table .native-cells { display:contents; }
.presentation-page .client-window .companion-table .native-cells > div { gap:4px; }
.presentation-page .client-window .companion-multipliers { grid-template-columns:repeat(3,1fr); }
.presentation-page .client-window .pet-milestone-rows { padding:4px 3px; gap:3px; }
.presentation-page .client-window .pet-milestone-rows > div { justify-content:space-between; font-size:12px; }
.presentation-page .client-window .pet-milestone-rows > div > span { font-size:12px; }
.presentation-page .client-window .pet-native-artifacts { display:flex; align-items:center; gap:15px; padding:10px 10px; }
.presentation-page .client-window .native-slot-row { display:flex; gap:9px; }
.presentation-page .client-window .native-slot { width:32px; height:32px; padding:0; border:0; background:url('assets/ui/game/public_slot_base.png') center/contain; }
.presentation-page .client-window .native-slot img { width:32px !important; height:32px !important; }
.presentation-page .client-window .native-button-stack { display:grid; flex:1; gap:10px; }
.presentation-page .client-window .native-button-stack button { width:100%; height:21px; padding:0 2px; }
.presentation-page .client-window .slot-requirement,.presentation-page .client-window .pet-material-count { display:none; }
.presentation-page .client-window .companion-confirm { height:22px; padding:2px 6px; display:flex; justify-content:space-between; align-items:center; }
.presentation-page .client-window .companion-confirm label { font-size:11px; white-space:nowrap; }
.presentation-page .client-window .mount-native-slots { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:9px; }
.presentation-page .client-window .mount-native-slots p { margin-bottom:8px; text-align:center; }
.presentation-page .client-window .mount-native-slots .native-slot-row { gap:4px; }
.presentation-page .client-window .mount-native-slots small { display:block; text-align:center; color:#99968a; font-size:10px; margin-top:6px; }
.presentation-page .client-window .native-inspection { display:none; }
.presentation-page .client-window .native-op-description { text-align:center; padding:12px 0; font-size:12px; }
.presentation-page .client-window .native-op-slots { display:flex; justify-content:center; gap:30px; padding:0 0 10px; }
.presentation-page .client-window .native-artifact-attrs { display:grid; padding:0 8px; }
.presentation-page .client-window .native-artifact-attrs button { text-align:left; height:24px; padding:3px; border:0; border-bottom:1px dashed #2e2d24; background:#11120f; color:#d2cebf; }
.presentation-page .client-window .native-op-footer { display:flex; justify-content:space-between; padding:12px; }
.presentation-page .client-window .pet-sample-select { display:none; }
.presentation-page .client-window .companion-table .native-cells :is(span,strong) { min-height:16px; height:16px; font-size:11px; padding:0 2px; }
.presentation-page .client-window .companion-table { padding:3px; }
.presentation-page .client-window .pet-milestone-rows > div { height:18px; font-size:11px; }
.presentation-page .client-window .pet-milestone-rows > div > span { font-size:11px; }
.presentation-page .client-window .companion-table .native-exp { height:14px; }
.presentation-page .client-window .pet-native-artifacts { padding:9px 9px; gap:12px; }
.presentation-page .client-window .companion-confirm { height:18px; }
.presentation-page .client-window[data-replica=mounts] .native-bonus-rows { gap:3px; }
.presentation-page .client-window[data-replica=mounts] .native-bonus-rows > div { height:18px; font-size:11px; }
.presentation-page .client-window[data-replica=mounts] .mount-native-slots { padding:8px; gap:7px; }
/* One row of level chips is inside the information panel. */
.presentation-page .client-window .native-levels { display:flex; gap:2px; padding:0; }
.presentation-page .client-window .native-levels button { flex:1; border:1px solid #665a3d; background:#1a170e; font-size:10px; padding:2px; height:18px; }
.client-presets { margin:0 auto 7px; width:fit-content; max-width:100%; }
.presentation-page .client-presets :is(.native-levels,.prestige-milestones) { display:flex; gap:3px; margin:0; }
.presentation-page .client-presets button { min-height:0; height:20px; min-width:0; padding:2px 7px; font:11px/1 Tahoma,Verdana,sans-serif; color:#bcb29a; background:#19170f; border:1px solid #635438; }
.presentation-page .client-presets button[aria-pressed=true] { color:#e7c46e; border-color:#b1904b; }
/* Original live windows use fixed internal tracks, including on phones. */




































.presentation-page .client-window[data-replica=prophecy] .showcase-body { position:absolute; top:29px; left:5px; right:5px; bottom:5px; padding:0; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header { position:relative; display:grid; grid-template-columns:1fr 170px; height:110px; padding:26px 7px 22px; gap:10px; border:1px solid #686252; }
.prophecy-progress-title { position:absolute; left:0; right:0; top:0; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header strong { font-size:12px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header > div:not(.prophecy-progress-title) { min-width:0; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header .demo-actions { display:grid; gap:5px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header .demo-actions button { height:21px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header small { display:flex; align-items:center; font-size:11px; position:absolute; left:285px; top:42px; }
.lapis-icon { width:25px; height:25px; object-fit:contain; }
.prophecy-confirm { position:absolute; bottom:6px; left:7px; font-size:11px !important; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-columns { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:7px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-columns > div:first-child { position:relative; height:344px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-list { border:1px solid #65604f; padding:4px; height:284px; overflow:auto; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row { display:grid; grid-template-columns:minmax(0,1fr) 72px; padding:2px 0; height:40px; min-height:0; gap:2px; border-bottom:1px dashed #302d1c; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row > button { display:flex; gap:4px; align-items:center; border:0; background:none; min-width:0; padding:0; color:#d7d2bd; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row > button > span { flex:1; min-width:0; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row small { display:none; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-stone { width:28px; height:28px; object-fit:contain; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-quick { display:flex; gap:2px; align-items:center; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-quick button { width:22px; height:22px; padding:1px; border:1px solid #5f5232; background:#201b10; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-quick img { width:17px; height:17px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-meter { height:16px; margin:4px 0 0; display:block; position:relative; border:1px solid #6f6444; background:#070802; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-meter i { position:absolute; left:0; top:0; height:100%; background:#8d7732; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-meter > span { position:relative; display:block; text-align:center; font-size:10px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-detail { height:344px; padding:0; position:relative; border:1px solid #65604f; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-detail-copy { padding:9px; min-height:0; height:310px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-detail-copy :is(h4,p,small) { font-size:11px; line-height:1.5; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-detail-copy h4 { color:#e6c16b; margin:0 0 5px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-detail-bottom { position:absolute; left:7px; right:7px; bottom:29px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-detail-bottom .demo-actions,.presentation-page .client-window[data-replica=prophecy] .prophecy-bulk-actions { display:flex; justify-content:center; gap:6px; margin-top:5px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-bulk-actions { position:absolute; bottom:6px; left:0; right:0; margin:0; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-simulation { position:absolute; bottom:3px; left:4px; right:4px; padding:0; border:0; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-simulation .demo-actions { display:flex; gap:4px; justify-content:center; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-simulation button { font-size:10px; height:18px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-catalog-entry { padding:5px; }.presentation-page .client-window[data-replica=prophecy] .prophecy-catalog-entry p { display:none; }
.presentation-page .client-window[data-replica=prophecy] > .showcase-body > .demo-feedback { display:none; }
.presentation-page .client-window[data-replica=atlas] .atlas-game-layout { position:absolute; top:29px; left:5px; right:5px; bottom:7px; display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:6px; padding:0; }
.presentation-page .client-window[data-replica=atlas] .atlas-scroll { width:100%; height:490px; position:relative; border:1px solid #777260; overflow:hidden; background:url('assets/game/atlas-backdrop.png') center/cover; }
.presentation-page .client-window[data-replica=atlas] .atlas-canvas { width:100% !important; height:490px; aspect-ratio:auto; }
.presentation-page .client-window[data-replica=atlas] .atlas-root { width:70px; height:70px; }
.presentation-page .client-window[data-replica=atlas] .atlas-node { width:26px; height:26px; }
.presentation-page .client-window[data-replica=atlas] .atlas-node img { width:100%; height:100%; }
.presentation-page .client-window[data-replica=atlas] .atlas-node small { font-size:9px; bottom:-7px; }
.presentation-page .client-window[data-replica=atlas] .atlas-sidebar { padding:0; border:1px solid #655f4f; }
.presentation-page .client-window[data-replica=atlas] .atlas-branch-list { display:grid; grid-template-columns:1fr; gap:2px; padding:4px; }
.presentation-page .client-window[data-replica=atlas] .atlas-branch-list button { height:66px; padding:4px; border:0; border-bottom:1px solid #3e3b2a; background:transparent; text-align:left; }
.presentation-page .client-window[data-replica=atlas] .atlas-branch-list :is(span,small) { font-size:11px; }
.presentation-page .client-window[data-replica=atlas] .atlas-node-detail { position:absolute; right:8px; bottom:8px; width:226px; padding:9px; border:1px solid #a58a40; background:#0a1813e8; z-index:3; }
.presentation-page .client-window[data-replica=atlas] .atlas-node-detail :is(h4,p,small) { font-size:11px; margin:0 0 5px; }
.presentation-page .client-window[data-replica=atlas] .atlas-node-detail .demo-actions { display:flex; gap:5px; }
.presentation-page .client-window[data-replica=atlas] .atlas-zoom,.presentation-page .client-window[data-replica=atlas] .atlas-mastery { display:none; }
.presentation-page .client-window[data-replica=xetass] .showcase-body { position:absolute; top:29px; left:5px; right:5px; bottom:5px; padding:0; }
.presentation-page .client-window[data-replica=xetass] .web-island-map { display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(5,69px); gap:4px; padding:6px; height:372px; }
.presentation-page .client-window[data-replica=xetass] .web-island { position:relative; height:69px; aspect-ratio:auto; padding:0; background-size:contain; }
.presentation-page .client-window[data-replica=xetass] .island-number,.presentation-page .client-window[data-replica=xetass] .island-gate { display:none; }
.presentation-page .client-window[data-replica=xetass] .showcase-body > .atlas-stats { position:absolute; bottom:0; left:0; right:0; padding:2px; height:27px; font-size:10px; }
.presentation-page .client-window[data-replica=xetass] .island-choice { position:absolute; top:65px; left:70px; width:240px; background:#0b120eeb; border:1px solid #a89252; padding:10px; display:none; z-index:5; }
.presentation-page .client-window[data-replica=xetass]:focus-within .island-choice { display:block; }
.presentation-page .client-window[data-replica=xetass] .island-choice :is(h4,p,span) { font-size:11px; }
.presentation-page .client-window[data-replica=xetass] .island-choice .demo-actions { display:flex; gap:4px; margin-top:5px; }
.presentation-page .client-window[data-replica=xetass] .demo-help { display:none; }
.presentation-page .client-window[data-replica=bounty] .native-page { bottom:6px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-columns { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:5px; height:187px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-tasks { display:grid; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-tasks button { display:flex; justify-content:space-between; align-items:center; gap:5px; height:30px; min-height:0; padding:2px 4px; border:0; border-bottom:1px dashed #4b432a; background:#17180f; color:#d7d2be; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-tasks span { font-size:11px; text-align:left; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-tasks small { font-size:11px; white-space:nowrap; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-columns > div:nth-child(2) { display:grid; grid-template-rows:53px 62px 52px; gap:5px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-columns p { text-align:center; padding:6px 0; font-size:12px; color:#d7bd73; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-columns > div:nth-child(2) .native-subpanel:nth-child(2) p { min-height:32px; font-size:11px; padding:5px 0 5px 34px; background-size:29px 29px; }
.presentation-page .client-window[data-replica=bounty] .native-button-stack { display:grid; gap:5px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-options { display:flex; flex-wrap:nowrap; justify-content:space-around; padding:9px 3px; gap:5px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-options label { font-size:11px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-mini { position:absolute; bottom:0; left:4px; color:#d9b75a; background:#100f09; font-size:10px; }
.presentation-page .client-window[data-replica=filter] .filter-web-body { position:absolute; top:29px; left:5px; right:5px; bottom:5px; padding:0; }
.presentation-page .client-window[data-replica=filter] .filter-hint { text-align:center; font-size:11px; padding:8px; }
.presentation-page .client-window[data-replica=filter] .filter-grid { display:block; padding:0 10px; background:none; border:0; }
.filter-column-head { display:grid; grid-template-columns:1fr 110px 18px; height:18px; }
.filter-native-row { display:grid; grid-template-columns:1fr 110px 18px; gap:8px; height:21px; align-items:center; }
.presentation-page .client-window .filter-native-row select { width:100%; height:20px; padding:0 4px; font-size:11px; }
.presentation-page .client-window .filter-native-row input { width:100%; font-size:11px; }
.filter-row-remove { width:17px; height:18px; padding:0; border:1px solid #5e4e31; background:#17150d; color:#ba3535; }
.presentation-page .client-window[data-replica=filter] .filter-toggle { position:absolute; left:4px; right:4px; bottom:3px; height:31px; display:flex; align-items:center; gap:8px; padding:4px; border:1px solid #6d6652; }
.presentation-page .client-window[data-replica=filter] .filter-toggle label { margin-right:auto; font-size:11px; }
.presentation-page .client-window[data-replica=filter] .filter-toggle button { height:21px; min-height:0; width:66px; padding:1px 5px; }
.presentation-page .client-window[data-replica=filter] .filter-ground-note { position:absolute; bottom:40px; left:5px; right:5px; text-align:center; color:#9f9a89; font-size:10px; }
.filter-outcome-tooltip { display:none !important; }
.presentation-page .client-window[data-replica=filter] .blacklist-options { height:192px; display:flex; flex-direction:column; padding:10px; gap:12px; }
.presentation-page .client-window[data-replica=titles] .title-window-body { position:absolute; top:29px; left:5px; right:5px; bottom:5px; display:grid; grid-template-columns:210px minmax(0,1fr); padding:0; gap:8px; }
.presentation-page .client-window[data-replica=titles] .title-frame-list { height:454px; }
.presentation-page .client-window[data-replica=titles] .title-frame-list button { height:72px; }
.presentation-page .client-window[data-replica=titles] .title-preview-stage { height:160px; }
.presentation-page .client-window[data-replica=titles] .title-editor { min-width:0; }
.presentation-page .client-window[data-replica=titles] .title-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.presentation-page .client-window[data-replica=titles] .title-text-field input { width:100%; }
.presentation-page .client-window[data-replica=expeditions] .native-page { display:block; }
.presentation-page .client-window[data-replica=expeditions] .native-mission-slots { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; height:86px; padding:4px; }
.presentation-page .client-window[data-replica=expeditions] .native-mission-slots > div { min-height:0; font-size:11px; padding:7px; border:1px solid #5d5a4b; }
.presentation-page .client-window[data-replica=expeditions] .native-mission-slots small { font-size:10px; }
.presentation-page .client-window[data-replica=expeditions] .native-expedition-columns { display:grid; grid-template-columns:265px minmax(0,1fr); gap:7px; height:426px; }
.presentation-page .client-window[data-replica=expeditions] .native-dungeon-list { height:390px; padding:3px; overflow:auto; }
.presentation-page .client-window[data-replica=expeditions] .native-dungeon-list button { display:flex; align-items:center; gap:6px; min-height:0; height:46px; width:100%; padding:3px; background:none; border:0; border-bottom:1px solid #423e2a; text-align:left; }
.presentation-page .client-window[data-replica=expeditions] .native-dungeon-list button img { width:25px; height:25px; }
.presentation-page .client-window[data-replica=expeditions] .native-dungeon-list :is(span,small) { font-size:11px; line-height:1.3; }
.presentation-page .client-window[data-replica=expeditions] .native-team-body { padding:5px; font-size:11px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-body :is(h5,p,span,small) { font-size:11px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-slots { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin:5px 0; }
.presentation-page .client-window[data-replica=expeditions] .native-team-card { height:65px; padding:3px; min-width:0; }
.presentation-page .client-window[data-replica=expeditions] .native-team-card img { width:25px; height:25px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-card :is(span,small) { font-size:9px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-results { display:grid; grid-template-columns:1fr 1fr; gap:3px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-results span { font-size:10px; padding:3px; }
.presentation-page .client-window[data-replica=expeditions] .native-idle-list { max-height:112px; overflow:auto; }
.presentation-page .client-window[data-replica=expeditions] .native-idle-list button { min-height:0; height:28px; padding:2px; }
.presentation-page .client-window[data-replica=expeditions] .native-idle-list img { height:23px; width:23px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-columns { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:7px; height:100%; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:5px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid button { min-height:0; height:86px; padding:5px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid img { width:28px; height:28px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid :is(span,small) { font-size:10px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail { padding:6px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail > img { width:32px; height:32px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail :is(h5,p,span,strong,div) { font-size:11px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-bonuses > div { display:flex; justify-content:space-between; padding:3px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-tools { margin-top:130px; display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-tools button { font-size:10px; }
/* Secondary tabs share the captures' compact tracks and keep their actions visible. */
.presentation-page .client-window[data-replica=pets] .native-op-description { height:28px; min-height:0; padding:8px 0 0; margin:0; font-size:11px; }
.presentation-page .client-window[data-replica=pets] .native-op-slots { height:43px; padding:4px 0 7px; margin:0; }
.presentation-page .client-window[data-replica=pets] .native-artifact-attrs { min-height:0; height:176px; gap:0; }
.presentation-page .client-window[data-replica=pets] .native-artifact-attrs button { height:22px; min-height:0; padding:2px; font-size:11px; }
.presentation-page .client-window[data-replica=pets] .native-op-footer { position:absolute; bottom:8px; left:8px; right:8px; height:42px; margin:0; padding:0; align-items:flex-start; }
.presentation-page .client-window[data-replica=pets] .native-op-footer .pet-material-count { display:block; padding-top:3px; font-size:10px; }
.presentation-page .client-window[data-replica=pets] .native-op-footer > button { width:124px; }
.presentation-page .client-window[data-replica=pets] .pet-op-confirm { position:absolute; bottom:0; right:0; width:124px; font-size:10px; }
.presentation-page .client-window[data-replica=mounts] .native-forge-item { min-height:0; height:136px; padding:10px 4px 0; }
.presentation-page .client-window[data-replica=mounts] .native-forge-item > [data-mount-toggle] { display:none; }
.presentation-page .client-window[data-replica=mounts] .native-forge-materials { height:52px; gap:18px; padding:6px 0; }
.presentation-page .client-window[data-replica=mounts] .native-forge-materials small { font-size:10px; margin-top:2px; }
.presentation-page .client-window[data-replica=mounts] .native-forge-facts { position:absolute; top:103px; left:4px; right:4px; margin:0; gap:3px; }
.presentation-page .client-window[data-replica=mounts] .native-forge-facts span { font-size:10px; }
.presentation-page .client-window[data-replica=mounts] .native-forge-actions { margin:0; gap:8px; }
.presentation-page .client-window[data-replica=mounts] .native-upgrade-feedback { margin:3px 0 0; text-align:center; font-size:10px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-columns { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); min-height:0; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid button { position:relative; display:grid; grid-template-columns:32px 1fr; grid-template-rows:18px 17px 17px; gap:0 4px; text-align:left; padding:5px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid img { grid-row:1/3; margin:0; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid :is(span,small) { margin:0; font-weight:400; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid small:last-of-type { grid-column:1/3; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-grid .native-mini-exp { position:absolute; bottom:5px; left:5px; right:5px; height:4px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail { position:relative; height:calc(100% - 22px); text-align:left; padding:8px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail > img { float:left; margin:0 7px 5px 0; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail h5 { margin:0 0 5px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-detail > p { font-size:10px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-stats { clear:both; gap:3px; margin:9px 0; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-stats > div { height:20px; padding:2px 4px; font-weight:400; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-bonuses { margin:5px 0; gap:3px; }
.presentation-page .client-window[data-replica=expeditions] .native-merc-bonuses > div { height:22px; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-tools { position:absolute; bottom:8px; left:8px; right:8px; margin:0; }
.presentation-page .client-window[data-replica=expeditions] .native-roster-tools > :last-child { grid-column:1/3; justify-self:center; width:50%; }
.presentation-page .client-window[data-replica=expeditions] .native-tool-description { position:absolute; left:8px; right:8px; bottom:90px; font-size:10px; }
.presentation-page .client-window[data-replica=filter] .client-blacklist { position:absolute; top:61px; bottom:65px; left:6px; right:6px; }
.presentation-page .client-window[data-replica=filter] .blacklist-count { position:absolute; right:4px; top:-20px; font-size:10px; }
.presentation-page .client-window[data-replica=filter] .blacklist-item-list { position:absolute; inset:0 0 52px; overflow:auto; }
.presentation-page .client-window[data-replica=filter] .blacklist-item-row { display:flex; align-items:center; gap:8px; height:28px; border-left:3px solid #bda154; padding:1px 7px; background:#14140e; }
.presentation-page .client-window[data-replica=filter] .blacklist-item-row img { width:24px; height:24px; object-fit:contain; }
.presentation-page .client-window[data-replica=filter] .blacklist-item-row span { flex:1; font-size:11px; }
.presentation-page .client-window[data-replica=filter] .blacklist-drop { position:absolute; bottom:29px; left:0; right:0; height:22px; width:100%; background:#070805; color:#aaa697; border:1px solid #625e4b; font-size:10px; }
.presentation-page .client-window[data-replica=filter] .blacklist-search { position:absolute; bottom:4px; left:0; right:0; display:flex; gap:7px; height:21px; }
.presentation-page .client-window[data-replica=filter] .blacklist-search input { flex:1; min-width:0; font-size:10px; }
.presentation-page .client-window[data-replica=filter] .blacklist-search button { width:60px; height:20px; padding:0 2px; }
/* Skill Color: 220 | 330 | 218 native columns, 18px layer rows. */
.presentation-page .skillcolor-window { width:798px; height:628px; }
.skillcolor-window .skill-left { position:absolute; left:4px; top:29px; width:220px; height:530px; }
.skillcolor-window .skill-list { height:463px; overflow:auto; }
.skillcolor-window .skill-list button { display:flex; width:100%; align-items:center; gap:5px; height:36px; padding:2px 5px; color:#d6d2c3; background:transparent; border:0; text-align:left; }
.skillcolor-window .skill-list button img { width:25px; height:25px; }
.skillcolor-window .skill-list button small { margin-left:auto; font-size:11px; color:#98958a; }
.skillcolor-window .skill-list button[aria-pressed=true] { background:#b5942326; }
.skillcolor-window .skill-left .client-tabs { position:absolute; bottom:0; left:0; width:100%; }
.skillcolor-window .skill-preview { position:absolute; top:29px; left:232px; width:330px; height:252px; }
.skillcolor-window .skill-scene { height:176px; position:relative; overflow:hidden; background:url('assets/game-ui/skill-preview.png') center/cover; }
.skillcolor-window .skill-scene img { position:absolute; height:166px; width:150px; object-fit:contain; top:4px; left:84px; }
.skillcolor-window .skill-scene canvas { position:absolute; inset:0; width:322px; height:176px; }
.skillcolor-window .preview-options { padding:7px 3px; display:grid; gap:6px; }
.skillcolor-window .preview-options label { display:flex; align-items:center; gap:5px; }
.skillcolor-window .preview-options input[type=range] { flex:1; }
.skillcolor-window .skill-layers { position:absolute; top:289px; left:232px; width:330px; height:270px; }
.skillcolor-window .layer-list { height:229px; padding:5px 1px; overflow:auto; }
.skillcolor-window .layer-line { display:flex; align-items:center; height:18px; padding:0 4px; gap:4px; color:#d6d2c3; }
.skillcolor-window .layer-line.phase { color:#e4b833; }
.skillcolor-window .layer-line.selected { background:#7b601a; }
.skillcolor-window .layer-line > button { color:inherit; background:none; border:0; padding:0; text-align:left; flex:1; font-size:12px; }
.skillcolor-window .layer-line input { margin:0 3px; }
.skillcolor-window .skill-colors { position:absolute; left:570px; top:29px; width:216px; height:530px; }
.skillcolor-window .palette { display:block; margin:6px auto; width:206px; height:140px; cursor:crosshair; }
.skillcolor-window .hex-label { display:flex; align-items:center; gap:5px; padding:3px; font-size:11px; }
.skillcolor-window .hex-label input { width:78px; }
.skillcolor-window .recent-colors { height:43px; padding:6px 3px; display:flex; gap:4px; }
.skillcolor-window .recent-colors button { width:18px; height:18px; border:1px solid #8a816d; }
.skillcolor-window .selected-layer { padding:6px 3px; height:92px; }
.skillcolor-window .mode-controls { padding:3px; display:grid; gap:10px; }
.skillcolor-window .mode-line { display:grid; grid-template-columns:66px 1fr; align-items:center; gap:4px; }
.skillcolor-window .mode-picker { display:flex; align-items:center; justify-content:space-between; }
.skillcolor-window .mode-picker button { width:35px; height:19px; padding:0; }
.skillcolor-window .slider-line { display:grid; grid-template-columns:66px 100px 32px; gap:3px; align-items:center; }
.skillcolor-window .slider-line input { width:100px; }
.skillcolor-window .slider-line output { font-size:10px; text-align:right; }
.skillcolor-window .skill-footer { position:absolute; left:5px; right:5px; bottom:5px; height:43px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 10px; }
.skillcolor-window .skill-footer .game-button { width:84px; }
.skillcolor-window .skill-footer small { font-size:11px; color:#8f8e83; }
/* Influence Workshop */
.presentation-page .influence-window { width:580px; height:372px; }
.influence-window .influence-left { position:absolute; left:4px; top:29px; width:238px; }
.influence-window .influence-target { height:98px; position:relative; }
.influence-window .influence-target .target-slot { position:absolute; top:8px; left:7px; width:40px; height:80px; background:#080905; border:1px solid #6a6144; }
.influence-window .influence-target .target-slot img { width:32px; height:64px; object-fit:contain; }
.influence-window .target-copy { position:absolute; left:55px; top:24px; }
.influence-window .target-copy p { font-size:11px; margin-bottom:10px; }
.influence-window .tier-pips { display:flex; gap:4px; padding-top:4px; }
.influence-window .tier-pips button { width:18px; height:18px; padding:0; border:1px solid #887957; background:#16160d; color:#c8bb97; }
.influence-window .tier-pips button[aria-pressed=true] { background:#775a18; color:#f6dfa2; }
.influence-window .influence-stone { margin-top:4px; height:62px; display:grid; grid-template-columns:36px 1fr 76px; align-items:center; gap:7px; padding:6px; }
.influence-window .influence-stone small { display:block; color:#99978b; margin-top:10px; }
.influence-window .influence-mats { margin-top:4px; height:153px; }
.influence-window .seal-row { display:grid; grid-template-columns:36px 1fr 76px; gap:7px; align-items:center; padding:4px; height:40px; }
.influence-window .seal-row :is(p,small) { font-size:11px; }
.influence-window .seal-row small { display:block; margin-top:5px; color:#97958a; }
.influence-window .influence-bands { position:absolute; top:29px; left:250px; width:314px; display:grid; gap:5px; }
.influence-window .influence-band:nth-child(1) { height:132px; }.influence-window .influence-band:nth-child(2) { height:81px; }.influence-window .influence-band:nth-child(3) { height:63px; }
.influence-window .band-heading { height:22px; padding:2px; border-bottom:1px solid #36352a; color:#e0c17c; display:flex; justify-content:space-between; }
.influence-window .band-row { display:flex; justify-content:space-between; align-items:center; height:17px; padding:0 4px; }
.influence-window .band-row span { font-size:11px; }.influence-window .band-row.influenced { color:#cba0eb; }
.influence-window .influence-note { position:absolute; top:323px; left:250px; }
.influence-window .influence-note small { display:block; margin-top:8px; font-size:11px; color:#98968a; }
.influence-window .influence-band.flash { animation:client-flash .7s; }
@keyframes client-flash { 50% { background:#8963a549; } }
/* Stone Synthesis */
.presentation-page .synth-window { width:296px; height:304px; }
.synth-window .synth-slots { position:absolute; left:4px; top:29px; width:276px; height:56px; display:flex; align-items:center; justify-content:space-evenly; }
.synth-window .synth-candidates { position:absolute; top:88px; left:4px; width:276px; height:122px; }
.synth-window .candidate-list { padding:7px 5px; }
.synth-window .candidate-list p { font-size:11px; line-height:18px; }
.synth-window .synth-notes { position:absolute; top:218px; left:7px; right:7px; color:#b3b0a1; }
.synth-window .synth-notes p { font-size:12px; line-height:18px; }
.synth-window .synth-footer { position:absolute; top:258px; left:4px; width:276px; height:33px; }
.synth-window .synth-footer button { width:100%; height:26px; }
.synth-window.is-synthesizing .synth-slots { animation:client-flash .3s infinite; }
.synth-window .synth-result { filter:drop-shadow(0 0 5px #e9ae47); }
/* Loot Calculator / DPS */
.presentation-page .lootcalc-window { width:330px; height:624px; }
.lootcalc-window .loot-content { position:absolute; top:29px; left:5px; width:308px; bottom:36px; }
.lootcalc-window .loot-top { height:51px; }
.lootcalc-window .loot-top .client-strip { height:22px; }
.lootcalc-window .loot-actions { display:flex; gap:3px; margin-top:3px; }
.lootcalc-window .loot-actions button { flex:1; height:23px; border:1px solid #7b6b46; background:#282216; color:#d2c5a5; padding:1px; }
.lootcalc-window .loot-actions button[aria-pressed=true] { border-color:#d8ab40; background:#51401d; }
.lootcalc-window .loot-activity { height:63px; }
.lootcalc-window .activity-counters { display:grid; grid-template-columns:repeat(4,1fr); gap:3px; padding-top:3px; }
.lootcalc-window .activity-counters div { height:38px; border:1px solid #716248; background:#211e13; text-align:center; padding-top:4px; color:#e6c36b; }
.lootcalc-window .activity-counters small { display:block; font-size:10px; color:#afa895; margin-top:3px; }
.lootcalc-window .loot-drop { margin-top:2px; }
.lootcalc-window .drop-row { display:flex; align-items:center; height:25px; padding:2px 4px; border-bottom:1px dashed #302b1f; background:#1e1b14; }
.lootcalc-window .drop-row img { height:19px; width:19px; object-fit:contain; margin-right:7px; }
.lootcalc-window .drop-row output { margin-left:auto; font-size:11px; color:#bdb397; }
.lootcalc-window .loot-items { height:154px; border:1px solid #655a41; background:#080a04; }
.lootcalc-window .loot-sort { height:25px; display:flex; gap:5px; align-items:center; }
.lootcalc-window .loot-sort label { width:50%; font-size:11px; border:1px solid #655a41; padding:4px 5px; }
.lootcalc-window .item-rows { height:148px; overflow:auto; }
.lootcalc-window .item-rows > p { text-align:center; color:#8c8c80; padding-top:10px; }
.lootcalc-window .loot-item { display:flex; align-items:center; padding:4px; gap:7px; height:35px; color:#d7d1c0; border-bottom:1px solid #3b3322; }
.lootcalc-window .loot-item img { width:26px; height:26px; object-fit:contain; }
.lootcalc-window .loot-item output { margin-left:auto; }
.lootcalc-window .loot-total { height:23px; padding:4px 6px; border:1px solid #716248; display:flex; justify-content:space-between; background:#241f13; color:#dcbc66; }
.lootcalc-window .loot-bottom { display:flex; gap:3px; padding-top:3px; }
.lootcalc-window .loot-bottom button { flex:1; }
.lootcalc-window > .client-tabs { position:absolute; bottom:5px; left:4px; right:4px; }
.lootcalc-window .history-period { font-size:12px; }
.lootcalc-window .history-dates { height:20px; display:flex; align-items:center; justify-content:space-between; font-size:10px; }
.presentation-page .dps-window { width:288px; height:358px; }
.dps-window .dps-duration { position:absolute; top:27px; left:5px; right:5px; text-align:center; height:23px; padding:3px; border:1px solid #72674c; color:#c42b25; }
.dps-window .dps-totals { position:absolute; top:54px; left:5px; right:5px; display:grid; gap:3px; }
.dps-window .dps-totals p { border:1px solid #9b8655; height:20px; padding:2px 4px; background:#0a0a05; }
.dps-window .dps-chart { position:absolute; left:5px; right:5px; top:98px; height:198px; }
.dps-window .damage-rows { padding-top:4px; }
.dps-window .damage-row { position:relative; height:25px; margin-bottom:3px; display:flex; align-items:center; gap:4px; padding:0 4px 0 0; background:#1d1d17; }
.dps-window .damage-row .damage-fill { position:absolute; top:0; bottom:0; left:0; background:#276cb1; transition:width .4s; }
.dps-window .damage-row img { z-index:1; width:25px; height:25px; object-fit:contain; }
.dps-window .damage-row span { z-index:1; font-size:11px; text-shadow:1px 1px #000; }
.dps-window .damage-row output { z-index:1; margin-left:auto; font-size:10px; text-shadow:1px 1px #000; }
.dps-window .dps-settings { position:absolute; bottom:28px; left:5px; right:5px; }
.dps-window .dps-actions { position:absolute; bottom:5px; left:5px; right:5px; display:flex; gap:5px; }
.dps-window .dps-actions button { flex:1; height:20px; }
.crafting-panels { grid-template-columns:minmax(0,580fr) minmax(0,296fr); align-items:center; gap:24px; }
.hunter-tools-row { grid-template-columns:1fr 1fr; align-items:start; max-width:800px; margin:35px auto 0; }
.portal-tier > figcaption { grid-template-columns:32px 1fr; }.portal-tier > p { font-size:12px; line-height:1.65; margin:0; color:#c8bfae; }
.presentation-page .mount-figure { padding:0; background:none; border:0; grid-template-rows:1fr; }
.presentation-page #mounts .mount-figure img { filter:drop-shadow(0 0 23px #7dc7ed33); }
.presentation-page .bounty-reward { display:block; position:relative; padding:12px; }
.presentation-page #bounty .bounty-reward .bounty-map { display:block; width:100%; max-width:100%; max-height:none; height:260px; object-fit:contain; margin:0; }
.presentation-page #bounty .bounty-reward .reward-chest { position:absolute; bottom:12px; left:12px; width:45px; height:45px; max-height:none; }
.presentation-page .bounty-reward figcaption { padding:10px 0 0 43px; text-align:center; }
/* The render and its shadows are one intentional layered illustration. */
.presentation-page #prestige .chapter-render { display:block; position:relative; height:510px; max-width:100%; isolation:isolate; }
.presentation-page #prestige .chapter-render .prestige-main { position:absolute; left:22%; bottom:0; width:78%; height:475px; max-height:none; object-position:center bottom; z-index:2; }
.presentation-page #prestige .chapter-render .shadow-twin { position:absolute; bottom:28px; left:4%; width:78%; height:450px; max-height:none; object-position:center bottom; filter:brightness(.28) saturate(.5) drop-shadow(0 0 12px #a87ccd44); opacity:0; z-index:1; transition:opacity .55s,translate .55s; translate:12px 8px; pointer-events:none; }
.presentation-page #prestige .chapter-render .twin-two { left:-10%; bottom:48px; height:420px; z-index:0; }
.presentation-page #prestige .chapter-render[data-twins="1"] .twin-one,.presentation-page #prestige .chapter-render[data-twins="2"] .shadow-twin { opacity:.48; translate:0 0; }
.presentation-page #prestige .prestige-nameplate { position:absolute; top:13px; left:61%; transform:translateX(-50%); width:max-content; white-space:nowrap; z-index:3; font:bold 14px/1.3 Tahoma,sans-serif; }
/* Hero styling follows character identity when the outer renders exchange sides. */
.presentation-page .presentation-hero { display:block; position:relative; height:max(830px,calc(100svh - var(--nav-height))); min-height:calc(100svh - var(--nav-height)); padding:0; overflow:clip; }
.presentation-page .presentation-hero > .presentation-logo { position:absolute; top:5px; left:50%; transform:translateX(-50%); width:clamp(380px,34vw,590px); max-width:94%; }
.presentation-page .hero-lineup { position:absolute; left:50%; bottom:7%; width:min(1440px,98%); height:80%; min-height:0; display:block; transform:translateX(-50%); z-index:-1; }
.presentation-page .hero-lineup .hero-class { position:absolute; bottom:0; left:var(--hero-left); width:39%; height:100%; max-height:none; max-width:none; margin:0; object-fit:contain; object-position:center bottom; transform:translateX(-50%); translate:calc(var(--mouse-x,0px) * var(--depth,1)) calc(var(--mouse-y,0px) * var(--depth,1)); }
.presentation-page .hero-lineup .hero-class[data-hero-character="lycan"] { --hero-left:83%; --depth:.4; height:79%; z-index:1; }
.presentation-page .hero-lineup .hero-class[data-hero-character="ninja-f"] { --hero-left:33%; --depth:.7; height:89%; z-index:2; }
.presentation-page .hero-lineup .hero-class[data-hero-character="sura-m"] { --hero-left:50%; --depth:1; height:100%; max-height:none; z-index:3; }
.presentation-page .hero-lineup .hero-class[data-hero-character="shaman-f"] { --hero-left:67%; --depth:.7; height:89%; z-index:2; }
.presentation-page .hero-lineup .hero-class[data-hero-character="warrior-m"] { --hero-left:25.5%; --depth:.4; height:92%; z-index:1; }
.presentation-page .hero-lineup .hero-class[data-hero-character="lycan"],.presentation-page .hero-lineup .hero-class[data-hero-character="warrior-m"] { transform:translateX(-50%); }
.presentation-page .hero-lineup .hero-class[data-hero-character="lycan"],.presentation-page .hero-lineup .hero-class[data-hero-character="warrior-m"] { transform:translateX(-50%) scaleX(-1); }
.presentation-page .client-window :is(p,span,label,strong,small,h4,button,input,select) { text-shadow:none; }
.presentation-page .client-window .slot-lock { display:block; width:32px; height:32px; background:url('assets/game-ui/locked-slot.png') center/32px 32px no-repeat; }
.presentation-page .client-window .slot-lock::before,.presentation-page .client-window .slot-lock::after { display:none; }
.presentation-page .client-window .mount-riding-control { position:absolute; left:3px; top:3px; background:none; border:0; padding:0; font-size:10px; color:#99968c; }
.presentation-page .client-window[data-replica=mounts] .native-page > .native-panel-title:first-child { position:relative; }
.presentation-page .client-window .mount-rune-cell > small.slot-requirement { display:none; }
.skillcolor-window .mode-controls { gap:7px; }
.skillcolor-window .selected-layer { height:76px; }
.influence-window .seal-row { grid-template-columns:32px 1fr 76px; gap:6px; }
.influence-window .seal-row :is(p,small) { font-size:10px; white-space:nowrap; }
.influence-window .target-copy { right:4px; }
.influence-window .target-copy p { font-size:10px; }

















.presentation-page .build-heading { display:none; }
.presentation-page .client-window[data-replica=atlas] .atlas-canvas { position:absolute; left:50%; top:50%; width:1420px !important; height:1420px; transform:translate(-50%,-50%); }
.presentation-page .client-window[data-replica=atlas] .atlas-canvas svg { width:100%; height:100%; }
.presentation-page .client-window[data-replica=expeditions] .native-mission-slots { height:86px; }
.presentation-page .client-window[data-replica=expeditions] .native-mission-slots > div { text-align:left; padding:7px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-card { display:grid; grid-template-columns:25px 1fr; grid-template-rows:18px 18px; align-items:center; gap:0 3px; height:50px; }
.presentation-page .client-window[data-replica=expeditions] .native-team-card img { grid-row:1/3; }
.presentation-page .client-window[data-replica=expeditions] .native-team-slots { margin:10px 0; }
.presentation-page .client-window[data-replica=expeditions] .native-team-body > p { margin:6px 0; }
.presentation-page .client-window[data-replica=expeditions] .native-team-body > button { display:block; margin:12px auto 0; }
.presentation-page .client-window[data-replica=expeditions] .native-idle-list { height:105px; }
.presentation-page .client-window .native-bonus-rows > div { min-height:0 !important; }
.presentation-page .client-window[data-replica=pets] .pet-native-artifacts { padding:10px 20px; }
.presentation-page .client-window[data-replica=pets] .pet-native-artifacts .native-slot-row { gap:11px; }
.presentation-page .client-window[data-replica=pets] .native-button-stack { flex:none; width:124px; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-tasks button:disabled { opacity:1; }
.presentation-page .client-window[data-replica=bounty] .native-bounty-tasks button { color:#d4cebb; }






.presentation-page .client-presets .native-levels { flex-wrap:nowrap; }
.presentation-page .client-presets button { white-space:nowrap; padding-inline:5px; font-size:10px; }
.presentation-page .client-window :is(.native-title,.web-ui-title,.title-window-bar,.client-title) { background-size:32px 26px,32px 26px,calc(100% - 64px) 26px; }
.presentation-page .client-window[data-replica=atlas] .atlas-node:not(.allocated) img { filter:sepia(1) saturate(.4) brightness(.5); }
.presentation-page .client-window[data-replica=atlas] .atlas-node.allocated img { filter:sepia(1) saturate(5); }
.presentation-page .client-window[data-replica=atlas] .atlas-node.allocated[style*="#b85c55"] img { filter:sepia(1) saturate(7) hue-rotate(-35deg); }
.presentation-page .client-window[data-replica=atlas] meter { height:8px; width:100%; }
.presentation-page .client-window[data-replica=atlas] meter::-webkit-meter-bar { background:#22231e; border:0; border-radius:0; }
.presentation-page .client-window[data-replica=atlas] meter::-webkit-meter-optimum-value { background:var(--branch-color); }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header .prophecy-meter { width:280px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-header small { width:130px; white-space:nowrap; gap:4px; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row strong { display:inline-block; max-width:125px; vertical-align:bottom; }
.presentation-page .client-window[data-replica=prophecy] .prophecy-game-row small { display:inline; margin-left:3px; font-size:10px; }
.presentation-page .hero-lineup .hero-class[data-hero-character="warrior-m"] { object-position:center bottom; }
.lootcalc-window .is-history .loot-top { height:73px; }
.lootcalc-window .history-dates { display:flex; gap:3px; height:22px; padding-top:3px; }
.presentation-page .lootcalc-window .history-dates input { width:65px; font-size:10px; padding:0 2px; height:18px; }
.presentation-page .lootcalc-window .history-dates input[size="2"] { width:23px; }
.presentation-page .lootcalc-window .history-dates .game-button { flex:1; min-width:0; padding:0 2px; height:18px; font-size:10px; }
.presentation-page .presentation-hero-content { position:absolute; inset:0; width:100%; padding:0; }
.presentation-page .hero-message { position:absolute; bottom:75px; left:50%; transform:translateX(-50%); width:min(900px,calc(100% - 32px)); }
.presentation-page .hero-scroll { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); margin:0; }
@media(max-width:700px) { .crafting-panels,.hunter-tools-row { grid-template-columns:minmax(0,1fr); gap:28px; }.presentation-page #prestige .chapter-render { height:450px; }.presentation-page #prestige .chapter-render .prestige-main { height:415px; }.presentation-page #prestige .chapter-render .shadow-twin { height:390px; }.presentation-page #prestige .chapter-render .twin-two { height:365px; }.presentation-page #bounty .bounty-reward .bounty-map { height:280px; } }
@media(max-width:560px) { .presentation-page .presentation-hero { height:max(810px,calc(100svh - var(--nav-height))); }.presentation-page .hero-lineup { width:122%; height:66%; bottom:23%; }.presentation-page .hero-lineup .hero-class { width:63%; }.presentation-page .hero-lineup .hero-class[data-hero-character="lycan"] { --hero-left:82%; height:70%; bottom:26%; }.presentation-page .hero-lineup .hero-class[data-hero-character="ninja-f"] { --hero-left:33%; height:80%; }.presentation-page .hero-lineup .hero-class[data-hero-character="shaman-f"] { --hero-left:67%; height:80%; }.presentation-page .hero-lineup .hero-class[data-hero-character="warrior-m"] { --hero-left:18%; height:70%; bottom:26%; }.presentation-page .hero-message { bottom:77px; }.presentation-page .presentation-hero > .presentation-logo { width:329px; } }
@media(prefers-reduced-motion:reduce) { .presentation-page #prestige .shadow-twin,.damage-fill { transition:none !important; }.influence-window .flash,.synth-window.is-synthesizing .synth-slots { animation:none; } }