/* v132 test: clearer combat progress, XP, navigation and integrated gem management */
body.rift-ui #stage-hud-button #stage-timer{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block!important;justify-self:stretch!important;box-sizing:border-box!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:none!important;height:16px!important;transform:none!important;margin:3px 0 0!important;padding:0!important;color:#fff;font-size:10px;line-height:14px;text-align:center;overflow:hidden}
body.rift-ui #stage-hud-button #stage-timer[hidden]{display:none!important}
body.rift-ui #stage-hud-button #stage-timer>span:first-child,body.rift-ui #stage-hud-button .stage-hud-track>#stage-hud-progress{position:absolute;inset:0;z-index:2;display:grid!important;place-items:center;margin:0!important;color:#fff!important;font-size:10px!important;font-weight:800;line-height:normal!important;white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none}
body.rift-ui #stage-hud-button #stage-timer .stage-time-track{position:absolute;inset:0;display:block!important;width:100%;height:16px!important;margin:0!important;border:1px solid #55717d;border-radius:3px;background:#07131c;overflow:hidden;box-sizing:border-box}
body.rift-ui #stage-hud-button .stage-hud-track{position:relative;inset:auto!important;display:block!important;justify-self:stretch!important;box-sizing:border-box!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:none!important;height:16px!important;margin:3px 0 0!important;padding:0!important;border:1px solid #55717d;border-radius:3px;background:#07131c;overflow:hidden}
body.rift-ui #stage-hud-button #stage-time-fill,body.rift-ui #stage-hud-button #stage-hud-fill{display:block;height:100%;transform-origin:left center!important;transition:transform .16s linear,width .16s linear}
body.rift-ui #stage-hud-button #stage-time-fill{background:#64bdc5}
body.rift-ui #stage-hud-button #stage-timer[data-state=warning] #stage-time-fill{background:#e0b857}
body.rift-ui #stage-hud-button #stage-timer[data-state=urgent] #stage-time-fill{background:#eb6e72}
body.rift-ui #stage-hud-button .stage-hud-detail{margin-top:2px}
body.rift-ui #viewport#viewport#viewport#viewport#viewport .player-name{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;min-width:0;white-space:nowrap}
body.rift-ui #viewport#viewport#viewport#viewport#viewport .player-name .class-name{min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.rift-ui #viewport#viewport#viewport#viewport#viewport #power-label{display:inline!important;margin:0!important;font-size:10px!important;white-space:nowrap;flex:none}
body.rift-ui #viewport#viewport#viewport#viewport#viewport .player-name .compact-level{display:inline!important;margin-left:0!important;font-size:10px!important;white-space:nowrap;flex:none}
body.rift-ui #stage-hud[data-region=field] #stage-hud-region,body.rift-ui #stage-hud[data-region=field] #stage-hud-difficulty,body.rift-ui #stage-hud-button .stage-hud-detail{display:none!important}
body.rift-ui #stage-hud-button .stage-hud-heading{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0}
body.rift-ui #stage-hud-button #stage-hud-mode{display:inline!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcd0d8;font-size:10px;font-weight:600}
body.rift-ui #navigation-more-items #install-game-button .menu-glyph{display:block;width:22px;height:22px;margin:auto}
body.rift-ui #navigation-more-items #install-game-button small{display:block;font-size:9px;color:#8fa8ad}
body.rift-ui #inventory-dialog>.shop{display:none!important}

body.rift-ui #viewport .exp-track{position:relative;height:13px!important;margin-top:5px!important;border:1px solid #695e40;border-radius:3px;background:#17191d!important;overflow:hidden}
body.rift-ui #viewport .exp-track>i{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#9f7d3f,#e4c46f)!important;transition:width .2s ease}
body.rift-ui #viewport #xp-text{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#fff3cb;font-size:9px;line-height:11px;font-weight:800;text-shadow:0 1px 2px #000;pointer-events:none}

body.rift-ui #primary-navigation #boss-request-button{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;height:100%!important;min-width:0!important;padding:3px!important;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#c8d6d4;font-size:12px}
body.rift-ui #open-gems[hidden]{display:none!important}

body.rift-ui #skills-dialog[data-skills-tab=gems] :is(.loadout-guide,.skill-preset-bar,#skill-selection-status,#skill-collection,#skill-summary,#skill-list-back,#skill-detail-sheet>header){display:none!important}
body.rift-ui #skills-dialog[data-skills-tab=gems] .specialization-layout,body.rift-ui #skills-dialog[data-skills-tab=gems] #skill-detail-sheet{display:flex!important;flex:1!important;min-width:0;min-height:0;width:100%!important;height:auto!important;position:static!important;inset:auto!important;padding:0!important;border:0!important;background:none!important;overflow:hidden!important}
body.rift-ui #skills-dialog[data-skills-tab=gems] #specialization-detail{display:flex!important;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden!important;padding:0!important}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-presets{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:7px;border:1px solid #365e68;border-radius:6px;background:#0d2a37}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-presets :is(button,select){min-height:30px;padding:4px 7px;font-size:11px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .utility-summary{font-size:11px;color:#aacec8}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-tabs,body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-filter{display:flex;gap:4px;flex:none}
body.rift-ui #skills-dialog[data-skills-tab=gems] :is(.gem-tabs,.gem-filter) button{flex:1;min-height:32px;padding:5px;font-size:12px;border:1px solid #456672;background:#122c39;color:#c7d8df}
body.rift-ui #skills-dialog[data-skills-tab=gems] :is(.gem-tabs,.gem-filter) button[aria-pressed=true]{background:#285b59;border-color:#74c6b5;color:#effff9}
body.rift-ui [data-skills-tab=gems].has-unread::after{content:'';display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#ff6f65;box-shadow:0 0 0 2px #132b37}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:6px 0;gap:6px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-section-head h3{margin:0;font-size:14px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:7px;align-content:start}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-inventory-tile{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:98px;padding:7px 5px;border:1px solid var(--gem-tier);border-radius:6px;background:#102430}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-inventory-tile .gem-badge{width:54px;height:54px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-tile-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-tile-meta{font-size:11px;color:#d9e4e8;white-space:nowrap}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-detail{padding:10px;border:1px solid #507579;border-radius:8px;background:#123341}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-detail-heading{display:flex;align-items:center;gap:10px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-detail-heading p{margin:3px 0;font-size:13px}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-effect-summary{display:flex;justify-content:space-between;gap:8px;padding:10px;border:1px solid #4f6b75;background:#0b202b;color:#f1d889;font-size:16px;font-weight:800}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-effect-summary small{font-size:12px;color:#b8c9d1}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-action{min-height:38px;padding:7px 10px;border:1px solid #58737e;background:#233e4c}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-primary{background:#2a645e;border-color:#80c9bd}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-synthesis{margin-top:10px;padding:10px;border:1px solid #3f5662;background:#10232d}
body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-detail-actions{display:flex;gap:6px}

.enhance-cost-row.shortage>div>b{color:#ff8f8f}.enhance-cost-row.enough>div>b{color:#e8eef2}
@media(max-width:700px){body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-inventory-tile{min-height:82px;padding:4px 2px}body.rift-ui #skills-dialog[data-skills-tab=gems] .gem-inventory-tile .gem-badge{width:44px;height:44px}body.rift-ui #viewport .exp-track{height:14px!important}}
@media(max-width:900px) and (orientation:portrait){body.rift-ui #inventory-dialog{padding-bottom:54px!important}body.rift-ui #inventory-dialog .inventory-heading-actions{position:absolute!important;left:6px;right:6px;bottom:6px;z-index:20;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:#0b202bee;border:1px solid #476470;box-shadow:0 -5px 16px #0008}body.rift-ui #inventory-dialog .inventory-heading-actions>*{min-width:0!important;width:auto!important;height:38px!important;margin:0!important;font-size:10px!important;padding:3px!important}body.rift-ui #inventory-dialog .inventory-heading-actions .bag-tools>summary{height:100%;display:grid;place-items:center}body.rift-ui #inventory-dialog .inventory-heading-actions .dismantle-toolbar{bottom:44px;top:auto}body.rift-ui #inventory-dialog #item-inspector .item-actions{position:sticky!important;bottom:0!important;z-index:21}}

@media(max-width:900px) and (orientation:portrait){body.rift-ui #inventory-dialog#inventory-dialog#inventory-dialog#inventory-dialog .inventory-heading-actions .bag-tools[open] .dismantle-toolbar{position:absolute!important;display:grid!important;left:auto!important;right:0!important;top:auto!important;bottom:46px!important;width:min(270px,calc(100vw - 24px))!important;max-height:min(52dvh,360px)!important;overflow:auto!important;z-index:40!important;box-shadow:0 -8px 24px #000c!important}body.rift-ui #crafting-dialog[data-category=enhancement] #crafting-enhancement-screen{padding-bottom:64px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-layout{gap:7px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-slots{display:flex!important;gap:4px!important;overflow-x:auto!important;padding-bottom:3px}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-slots button{flex:0 0 62px!important;min-height:54px!important;padding:4px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-slots :is(img,.gear-icon){width:28px!important;height:28px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-detail{padding:8px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-detail>p{margin:4px 0!important;font-size:11px!important;line-height:1.35!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-comparison{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-comparison>div{padding:4px 0!important;font-size:11px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-chances{padding:5px 0!important;gap:8px!important;font-size:12px}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-costs{margin:6px 0!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-costs h4{padding:5px 7px!important;font-size:12px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-cost-row{padding:4px 7px!important;font-size:11px!important}body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-cost-icon,body.rift-ui #crafting-dialog[data-category=enhancement] .enhance-cost-icon img{width:22px!important;height:22px!important}body.rift-ui #crafting-dialog[data-category=enhancement] #enhance-now{position:sticky!important;bottom:0!important;z-index:15!important;margin-top:7px!important}body.rift-ui #crafting-dialog[data-category=enhancement] #enhance-result-ok{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;min-height:46px!important;z-index:80!important;box-shadow:0 -6px 22px #000c!important}body.rift-ui #pendant-detail .pendant-detail-body.confirming{display:flex!important;flex:1;flex-direction:column;justify-content:center;min-height:0}body.rift-ui #pendant-detail .pendant-detail-body.confirming>:not(#pendant-destroy-confirm):not(#pendant-network-status){display:none!important}body.rift-ui #pendant-detail .pendant-detail-body.confirming #pendant-destroy-confirm{display:grid!important;gap:10px;margin:0!important;padding:16px!important;font-size:14px}body.rift-ui #pendant-detail .pendant-detail-body.confirming #pendant-destroy-confirm button{min-height:46px!important}}