/* Keep browser focus zoom from shrinking the game's layout viewport. */
@media(any-pointer:coarse){
 html body.rift-ui :is(#inventory-dialog,#skills-dialog,#gems-dialog,#crafting-dialog,#live-dialog,dialog):is(#inventory-dialog,#skills-dialog,#gems-dialog,#crafting-dialog,#live-dialog,dialog) :is(input,select,textarea){font-size:16px!important;line-height:1.25!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skills-wrap{inset:auto 8px calc(var(--rift-nav) + 22px) 8px!important;width:auto!important;height:44px!important;transform:none!important;--row-icon:min(42px,calc((var(--app-width,100vw) - 44px)/8))}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important;width:100%!important;height:44px!important;padding:0!important;overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill{position:relative!important;inset:auto!important;transform:none!important;justify-self:center;width:var(--row-icon)!important;height:var(--row-icon)!important;min-height:0!important;min-width:0!important;grid-row:1!important;border-radius:50%!important;overflow:visible!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=strike]{grid-column:1!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=dash]{grid-column:2!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=whitefire]{grid-column:3!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=shadow]{grid-column:4!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=wave]{grid-column:5!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=spin]{grid-column:6!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=flame]{grid-column:7!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=heal]{grid-column:8!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill:is([data-skill=attack],[data-skill=dodge],[data-skill=potion]){position:absolute!important;top:-68px!important;bottom:auto!important;width:48px!important;height:48px!important;left:auto!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=attack]{right:0!important;width:54px!important;height:54px!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=dodge]{right:62px!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill[data-skill=potion]{right:118px!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .skill-level{top:auto!important;bottom:-14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;font-size:9px!important;line-height:12px!important;white-space:nowrap!important;width:max-content!important;min-width:0!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport .skillbar .cooldown{border-radius:50%!important;font-size:18px!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport #combat-controls{inset:auto 8px calc(var(--rift-nav) + 150px) auto!important;gap:5px!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport #combat-controls button{min-height:32px!important;padding:4px 8px!important;font-size:11px!important}
 html body.rift-ui #viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport#viewport #context-hint{display:none!important}
}
html body.rift-ui #inventory-list .gear-visual{position:relative!important}
html body.rift-ui #inventory-list .equipment-upgrade-arrow{position:absolute!important;top:2px!important;right:2px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center;justify-content:center;width:14px!important;height:16px!important;font:bold 16px/16px system-ui!important;color:#73ff99!important;background:#082217df;border-radius:3px;text-shadow:0 1px 2px #000;z-index:6;pointer-events:none}
html body.rift-ui #inventory-list .new-item-badge{left:3px!important;right:auto!important;top:3px!important}
html body.rift-ui #fullscreen-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px;width:auto!important;height:28px!important;padding:3px 7px!important;font-size:11px!important;border:1px solid #668077;border-radius:5px;background:#153440;color:#d9e8df;white-space:nowrap}
#install-game-help{position:fixed;z-index:200;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 24px));padding:20px;background:#102936;border:1px solid #ad9565;border-radius:10px;box-shadow:0 0 0 100vmax #000a;color:#e8eee7;font:16px/1.6 system-ui}
#install-game-help[hidden]{display:none}
#install-game-help button{font:14px/1.4 system-ui;padding:10px;margin:4px;border:1px solid #77998f;border-radius:5px;background:#21473e;color:#fff}
